@charset "UTF-8";

@media screen and (min-width: 751px) {
    .btn a:hover{background: #355b46; color: #fff;}
    .btn a:hover::after{color: #fff;}
	.btn-nav-kousiki:hover{background-color: #1c1c1c; color: #998058;}
    .btn-nav-kousiki:hover::after{color: #998058;}
	.btn-nav-beauty-f:hover{ background-color: #f091b8; color: #fff;}
	.btn-nav-beauty-f:hover::after{color: #fff;}
    .btn-nav-beauty-m:hover{ background-color: #4da1f7; color: #fff;}
    .btn-nav-beauty-m:hover::after{color: #fff;}
	.btn-nav-line:hover{background: #06C755; color: #fff;}
	.btn-nav-line:hover::after{color: #fff;}
	.footer-btn-area .btn.btn-pink a:hover{background: #f091b8; color: #fff;}
	.footer-btn-area .btn.btn-pink a:hover::after{color: #fff;}
	.footer-btn-area .btn.btn-blue a:hover{background: #4da1f7; color: #fff;}
	.footer-btn-area .btn.btn-blue a:hover::after{color: #fff;}
	.btn-line a:hover{background: #06C755; color: #fff;}
	.btn-line a:hover::after{color: #fff;}
	.sns-circle:hover{opacity: .5;}

	.faq .accordion-title:hover::after {color: #fff;}
	.faq .accordion-title:hover {background: #998058; color: #fff;}

	.rs-btn.btn-web:hover{ background-color: #355b46; color: #fff; }
	.rs-btn.btn-web:hover::after{color: #fff; }
	.rs-btn.btn-line:hover{background-color: #06C755; color: #fff;}
	.rs-btn.btn-line:hover::after{color: #fff;}
	.btn-nav-web:hover{background-color: #355b46; color: #fff; }
	.btn-nav-web:hover::after{color: #fff; }
	.news .flex li:hover img{transform: translate(-50%, -50%) scale(1.2);}
	.bannerBox > a:hover{opacity: 0.7;}

	.footer-links li a:hover{color: #355b46; font-weight: bold;}
}
@media screen and (max-width: 1100px) {
	.header-actions{display: none;}
}
@media screen and (max-width: 900px) {
	.medical-menu .flex .item h3{font-size: 2.2rem;}
	.medical .flex .item .detail{min-height: 320px;}
}
@media screen and (max-width: 800px) {
    .header-actions{display: none;}
}
@media screen and (max-width: 768px) {
	.w1100{padding: 0 15px;}
	.logo-icon{width: 180px;}
	header.scrolled .logo-icon{width: 140px;}
	header { padding: 0 15px; height: 70px; }
	header.scrolled { height: 55px; }
	header.scrolled .rs-btn { width: 36px; height: 36px; }
	.low-header .logo{width: 100px;}
	.nav-item{width: 100%;}
	.low-page .hosoku{font-size: 1.2rem; padding-left: 12px; text-indent: -12px;}
	.fv{margin-top: 70px;}
	.fv .pc{display: none;}
	.fv .sp{display: block;}
	br.sp-none{display: none;}
	
	.rs-btn span { display: none; }
	.rs-btn { padding: 0 10px; width: 40px; height: 40px;  border-radius: 50%;  }
	.rs-btn::after { display: none; }

	/* ドロワーメニュー調整 */
	.nav-inner { padding: 0 20px; flex-direction: column; }
	.nav-logo-area { width: 100%; text-align: center; margin-bottom: 30px; padding-bottom: 20px;}
	.nav-logo-icon { margin: 0 auto 10px; } /* 中央寄せ */
	.nav-content-area { width: 100%; display: flex; flex-direction: column; }
	
	/* 並び替え設定 */
	.nav-col { display: contents; }
	.nav-group-guide { order: 1; margin-bottom: 40px; }
	.nav-group-info { order: 2; margin-bottom: 40px; }
	.nav-group-reserve { order: 3; margin-bottom: 40px; }
	.nav-group-related { order: 4; margin-bottom: 40px; }
	.nav-group-sns { order: 5; margin-bottom: 40px; }
	
	/* スマホでのボタンフォントサイズ調整 */
	.nav-btn { font-size: 16px; }

    .btn a{font-size: 1.6rem;}
	.home .about h1{font-size: 1.8rem; margin-bottom: 10px;}
	.home h1{font-size: 2rem;}
	.home h1 br.pc-none{display: none;}
	.home h1 br.sp-block{display: block;}
	.home h2{font-size: 2.5rem;}
	.medical .flex .item h3{font-size: 2rem;}
	.home .doctor .name p{font-size: 2rem;}
	.medical .flex .item p{font-size: 1.4rem;}
	.low-page h2 .sp-block{display: block;}
	.medical-menu .flex .item h3{font-size: 2rem;}
	.medical .flex .item .detail{min-height: auto;}
	.home .doctor h3{font-size: 2rem; margin-bottom: 10px;}
	.page-template-default .access h2{font-size: 2.8rem;}
	.access .access-info h3{font-size: 2rem; margin: 0 0 10px 0;}
	.access .info-label{font-size: 1.2rem;}
	.access .detail-label{font-size: 1.2rem;}
	.about .flex .txt p{font-size: 1.4rem;}
	.home .doctor p{font-size: 1.4rem;}
	.guide h2{font-size: 2.8rem;}

	.home .ttl-area{margin-bottom: 15px;}
	.home .flex .img{width: 100%; margin-bottom: 10px;}
	.home .flex .txt{width: 100%;}
	.home .flex .txt .btn{justify-content: center;}
	.medical .flex .item {width: 100%; margin-bottom: 20px;}
	.medical-menu .flex .item {width: 100%; margin-bottom: 20px;}
	.medical .flex .txt-area {padding: 40px 20px 20px 20px;}
	.medical-menu .flex .txt-area{padding: 40px 15px 15px 15px;}
	.medical-menu .flex .txt-area .icon {width: 18%; top: -8vw;}
	.news .flex li{width: 100%; margin-bottom: 10px;}
	.news .flex li .txt-area{padding: 10px;}
	.news .flex li .title{font-size: 1.6rem; margin-bottom: 0;}
	

	/* フッター   */
	.footer-inner .flex .left{width: 100%;}
	.footer-inner .flex .right{width: 100%;}
	.footer-inner .flex .right .item{width: 100%;}
	.access .img{width: 100%;}
	.access .txt{width: 100%;}
	.access .map iframe{height: 250px;}
	.access .info-list{gap: 10px;}
	.access .btn{justify-content: center;}
	.access .schedule-details{margin-bottom: 20px;}
	.access .reverse{flex-direction: column-reverse;}

    /* 下層ページ */
	.low-header {height: 130px; margin-top: 70px;}
    .breadcrumb{margin-bottom: 10%;}
	.low-page .contents section{padding: 12% 0;}
    .low-header h1{font-size: 2.2rem; left: 15px;}
    .low-header h1 br{display: block;}
	.low-page .contents h2{font-size: 2.3rem; margin-bottom: 20px;}
	.low-page .contents h2.sp-block{display: block;}
	.low-page .contents h2.small{font-size: 1.8rem;}
	.low-page .contents h3{font-size: 2rem;}
	.low-page .contents h4{font-size: 1.8rem;}
	.low-page .contents .box .ttl{font-size: 1.8rem;}

	.low-page .flex.reverse{flex-direction: column-reverse;}
	.low-page .contents .flex .img{width: 100%!important; margin-bottom: 10px;}
	.low-page .contents .flex .txt{width: 100%!important;}
	.low-page .contents .list ul.flex li{width: 100%;}
	.low-page .contents p{font-size: 1.4rem;}
	.low-page .contents .list ul li{font-size: 1.4rem;}
	.low-page .contents .page-link.flex .btn{width: 100%;}
	.low-page .contents th, .low-page .contents td {padding: 10px 10px; font-size: 1.2rem;}
	.low-page .box .item{width: 100%!important;}

	.faq .accordion-title{align-items: baseline; padding: 10px 30px 10px 10px;}
	.faq .accordion-title span{margin-top: 0; width: 6%;}
	.faq .accordion-title p{width: 90%;}
	.faq .accordion-content{align-items: baseline;}
	.faq .accordion-content span{font-size: 1.4rem; width: 6%;}
	.faq .accordion-content p{font-size: 1.4rem; width: 90%;}
	.faq .accordion-title::after{right: 10px;}

	.low-page .internal.contents h3{margin-top: 15%;}
	.gut-health .support .ttl-txt{text-align: start;}
    .low-page .contents.microbio-me .one-image.middle{width: 100%;}
	.microbio-me .flex .txt p{font-size: 1.6rem; padding-left: 16px; text-indent: -16px; }
	.microbio-me .worry .flex .txt p{font-size: 1.6rem; padding-left: 16px; text-indent: -16px;}
	.treatment-details .flex .btn{justify-content: center;}
	.low-page .contents .treatment-details .flex{margin-bottom: 10%;}
	.low-page .contents .treatment-details .flex:last-of-type{margin-bottom: 0%;}
	.introduction .figure .item{width: 100%; margin-bottom: 30px;}
	.low-page .contents.microbio-me .box .ttl .sp-block{display: block;}
	.low-page .contents.microbio-me .box .ttl{font-size: 1.6rem!important;}

	.loop ul{width: 200vw;}
	.loop li{width: 50vw;}
	
	.introduction .figure h2.small br.sp-block{display: block;}

	.footer-links.item:first-of-type li{width: 100%;}
	.nav-group-guide li{width: 100%;}
	.access a.tel{
		pointer-events: all;
	  }
	.footer-address{margin-bottom: 20px;}
	.footer-address a{
		pointer-events: all;
	  }
}
@media screen and (max-width: 500px) {
	.bannerBox{display: none;}
	.sp-cta{display: flex;}
	footer {padding-bottom: 15%;}
}