@charset "UTF-8";

@media screen and (min-width: 751px) {
    .btn a:hover{background: #AD904C; color: #fff;}
    .btn a:hover::after{color: #fff;}
	.medical .btn.green a:hover{background: #355b46; color: #fff;}
	.medical .btn.green a:hover::after{color: #fff;}
	.medical .btn.pink a:hover{background: #f091b8;color: #fff;}
	.medical .btn.pink a:hover::after{color: #fff;}
	.medical .btn.blue a:hover{background: #4da1f7; color: #fff;}
	.medical .btn.blue a:hover::after{color: #fff;}
	.btn-nav-internal:hover {background: #355b46; color: #fff;}
	.btn-nav-internal:hover::after{color: #fff;}
	.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: #fff; color: #06C755;}
	.btn-nav-line:hover::after{color: #06C755;}
	.footer-btn-area .btn.btn-pink a:hover{background: #fff; color: #f091b8;}
	.footer-btn-area .btn.btn-pink a:hover::after{color: #f091b8;}
	.footer-btn-area .btn.btn-blue a:hover{background: #fff; color: #4da1f7;}
	.footer-btn-area .btn.btn-blue a:hover::after{color: #4da1f7;}
	.btn-line a:hover{background: #fff; color: #06C755;}
	.btn-line a:hover::after{color: #06C755;}
	.sns-circle:hover{opacity: .5;}

	.footer-btn-area .btn.btn-green a:hover{background: #355b46; color: #fff;}
	.footer-btn-area .btn.btn-green a: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;}

	.rs-btn.btn-web:hover{ background-color: #355b46; color: #fff;}
	.rs-btn.btn-web:hover::after{color: #fff; }
	.rs-btn.btn-beauty-w:hover{background-color: #f091b8; color: #fff;}
	.rs-btn.btn-beauty-w:hover::after{color: #fff;}
	.rs-btn.btn-beauty-m:hover{background-color: #4da1f7; color: #fff;}
	.rs-btn.btn-beauty-m:hover::after{color: #fff;}
}
@media screen and (max-width: 1100px) {
	.home h2{font-size: 3rem;}
	.about p br{display: none;}
	.header-actions{display: none;}
}
@media screen and (max-width: 800px) {

	.home section{padding: 10% 0%;}
	.home .about{padding-top: 20%;}
}
@media screen and (max-width: 768px) {
	.w1100{padding: 0 15px;}
	header { padding: 0 15px; height: 70px; }
	header.scrolled { height: 55px; }
	header.scrolled .rs-btn { width: 36px; height: 36px; }
	.low-page .hosoku{font-size: 1.2rem; padding-left: 12px; text-indent: -12px;}
	
	.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;}
	.nav-logo-icon { margin: 0 auto 10px; } /* 中央寄せ */
	.nav-content-area { width: 100%; display: flex; flex-direction: column; }
	.nav-col .item{width: 100%; margin-bottom: 20px;}
	.nav-inner h3{font-size: 2.2rem;}
	
	/* 並び替え設定 */
	.nav-col { display: contents; }

	.fv{margin-top: 50px;}
	.fv .pc{display: none;}
	.fv .sp{display: block;}
	.logo-icon{width: 150px;}
	.home .doctor h3{font-size: 2.5rem;}
	.home .doctor h3 br{display: none;}
	
	/* スマホでのボタンフォントサイズ調整 */
	.nav-btn { font-size: 16px; }

    .btn a{font-size: 1.6rem;}

	.home h1{font-size: 5rem;}
	.medical .flex .txt .en{font-size: 2.8rem;}
	.home h2{font-size: 2.2rem; margin-bottom: 10px;}
	.medical .flex p{font-size: 1.4rem;}
	.home .flex.reverse{flex-direction: column-reverse;}
	.home .flex .img{width: 100%; margin-bottom: 10px;}
	.home .flex .txt{width: 100%;}
	.home .flex .txt .btn{justify-content: center;}

	.medical .flex{margin-bottom: 18%;}
	.medical .flex:last-of-type{margin-bottom: 0%;}
	.medical .flex .item {width: 100%; margin-bottom: 20px;}
	

	.footer-inner .flex .left{width: 100%;}
	.footer-inner .flex .right{width: 100%;}
	.footer-inner .flex .right .item{width: 100%;}
	.footer-logo img {width: 150px;}
	/* 下層ページ */
	.page-template-default footer{padding-top: 10%;}
	.low-page .contents section{padding: 12% 0;}
	.low-header {height: 130px; margin-top: 70px; background-position: right;}
	.low-header .logo{display: none;}
	.breadcrumb{margin-bottom: 45px;}
	.low-header h1{font-size: 2.5rem; left: 15px;}
    .low-header h1 br{display: block;}
	.low-page .contents h2{font-size: 2.8rem; margin-bottom: 25px; text-align: start;}
	.low-page .contents h2::after {height: 20px; top: -20px;}
	.low-page .contents h2.small{font-size: 2.2rem;}
	.low-page .contents h2 br.sp-block{display: block;}
	.low-page .contents h2.small br.sp-block{display: block;}
	.low-page .contents h3{font-size: 2rem;}
	.low-page .contents h4{font-size: 1.8rem;}
	.low-page .flex.reverse{flex-direction: column-reverse;}
	.low-page .contents .flex .img{width: 100%; margin-bottom: 10px;}
	.low-page .contents .flex .txt{width: 100%;}
	.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;}
}