:root {
	--light-blue: #e7f4f5;
	--blue: #009fa5;
	--beige: #e5e2da;
	--brown: #664b3a;
}

h2, h3, p, li, th, td {
	color: var(--brown);
}

.keni-main_wrap, .keni-mv_wrap {
	background: #fbfaf5;
}

/*バーガーメニュー*/
.keni-gnav_btn {
	background-color: var(--blue)!important;
	border-radius:6px;
	margin-right:5px;
	color:#ffffff!important;
}

.keni-gnav_btn_icon-open {
background-color: #ffffff!important;
}
.keni-gnav_btn_icon-open:before {
background-color: #ffffff!important;
}
.keni-gnav_btn_icon-open:after {
background-color: #ffffff!important;
}.search-box {display:none;}


/*折り返し調整*/
.br-auto {
	display:inline-block;
}

/*SPのみ改行*/
@media (min-width: 768px){
	.br-sp {
		display: none;
	}
}
/*PCのみ改行*/
@media (max-width: 768px){
	.br-pc {
		display: none;
	}
}

.sp {
    display: none;
}

@media screen and (max-width:560px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

/*青字*/
.text-blue {
	color: var(--blue);
	font-weight: bold;
}

/*センタリング*/
.center {
	text-align: center;
}

h2:not(.title_no-style) {
	background: none!important;
	color: var(--brown);
	border-bottom: solid 1px;
	padding-left: 0!important;
	font-size: 2.6rem;
}

h3:not(.title_no-style) {
	border: none;
}

.sub-section_title {
	color: var(--brown)!important;
}

h2.entry_title {
	color: var(--brown)!important;
	border: none;
	background: var(--beige)!important;
	padding-left: 1rem!important;
}

/*ナビ*/
.keni-gnav_inner ul {
margin-left: auto;
margin-right: auto;
}

.keni-gnav_wrap {
	background-color: var(--light-blue)!important;
}

.keni-gnav_inner li a {
	display: block;
	padding: 20px 30px 17px;
	background-color: var(--light-blue);
	border-bottom: 3px solid var(--light-blue)!important;
}

.keni-gnav_inner li ul a {
background: var(--light-blue);
}

.keni-gnav_inner a:hover {
border-bottom: solid var(--blue)!important;
}

.keni-gnav_inner li {
border-bottom: solid var(--light-blue);
}

.keni-gnav_btn {
	background-color: transparent;
}

/*TOP*/
.top-message p {
	margin-bottom: 2rem!important;
}

.top-message h3 {
	margin-top: 2rem!important;
}

.point {
	display: flex;
	justify-content: space-between;
}
.point-item {
	background: var(--light-blue);
	width: 30%;
	text-align: center;
	padding: 3rem 2rem;
	border-radius: 0.8rem;
}
.point-item h4 {
	border: none;
	margin-bottom: 1rem!important;
	color: var(--blue)!important;
	font-size: 3.5rem!important;
}
.point-item p {
	margin-bottom: 0!important;
}

.method-container {
	padding-top: 5rem;
}

.method {
	display: flex;
	justify-content: space-between
}

.method-item {
	border: solid 1px var(--brown);
	width: 32%;
	padding: 6.5rem 1.5rem 1.5rem;
	border-radius: 0.8rem;
	text-align: justify;
}

.method-item h3 {
	position: relative;
	text-align: center;
	margin-bottom: 0.5rem!important;
}

.method-item p {
	font-size: 90%;
	line-height: 1.6;
	margin-bottom: 0!important;
}

.method{
	counter-reset:method;
}

.method h3:before {
	position: absolute;
	content:counter(method);
	counter-increment:method;
	top: -5rem;
	left: 50%;
	transform: translateX(-50%);
	background:var(--blue);
	padding:1rem 1.8rem;
	border-radius:30px;
	color:#fff;
	font-size:22px;
}

.features {
	margin-bottom: 7rem;
	margin-top: 5rem;
}

.features-img {
	float: right;
	width: 40%;
	padding-left: 2rem;
}

.features-item h3 {
	margin-bottom: 0.5rem!important;
}

.features-item p {
	text-align: justify;
}

@media (max-width: 768px) {
	.features-img {
	width: 100%;
	padding-left: 0;
		padding-bottom: 2rem;
}
}

/*院長挨拶*/
.greeting h3 {
	margin-top: 0!important;
		margin-bottom: 2rem!important;
}

.greeting-img {
	float: right;
	margin-left: 25px;
	width: 40%;
	margin-top: 2rem;
}

.clearfix {
  clear: both;
}

/*Q&A*/
.qa {margin-top: 40px;}

.qa-list dt::before {
	background: var(--blue)!important;
	border-radius: 5px;
}

.qa-list dd::before {
	border: solid 1px var(--blue)!important;
	background-color: #ffffff!important;
	color: var(--blue)!important;
	border-radius: 5px;
}

.qa-list dt {
margin-bottom: 10px!important;
	padding: 0 0 10px 40px!important;
}

.qa-list dd {
	padding: 0 0 30px 40px!important;
}

/*料金P*/
.price p {
	margin-bottom: 1rem!important;
}

p.offer-price {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 3rem!important;
}

.offer-price span {
	background: var(--blue);
	color: white;
	padding: 1rem;
	font-size: 2rem;
	border-radius: 5px;
	margin-right: 1rem;
}

/*問い合わせボタン*/
.contact-btn {
	padding: 2rem 0 4rem;
	text-align: center;
}

.contact-btn img {
	width: 50%;
	transition: 0.6s;
}

.side-contact-btn img {
	transition: 0.6s;
}

.contact-btn img:hover, .side-contact-btn img:hover {
	opacity: 0.6;
}



@media (max-width: 768px) {
	.contact-btn img {
	width: 90%;
}
}
/*SPサイドバー非表示*/
@media (max-width: 768px) {
	.keni-sub {
		display:none;
	}
	
	h2:not(.title_no-style) {
	font-size: 5.5vw;
}
	

	
	h3:not(.title_no-style) {
	font-size: 5vw;
}
	
		.point {
	flex-wrap: wrap;
		
}
.point-item {
	width: 100%;
margin-bottom: 1.5rem;

}
	
	.method {
	flex-wrap: wrap;
}
	
	.method-item {
	width: 100%;
		margin-bottom: 1.5rem;
}
	
.features {
	margin-bottom: 1rem;
}
}