@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:599px){
	
	section{ padding-left: 5vw; padding-right: 5vw; }
	
	main h2.line{ font-size: 3rem; }
	
	.mv{ height: 540px; }
	.mv .txt{ width: auto; top: auto; bottom: 20px; left: 50%; white-space: nowrap;
		transform: translateX(-50%); padding: 30px 10px; }
	.mv .txt .min{ font-size: 2.2rem; margin: 5px 0 10px; }
	.mv .txt .logo img{ width: 100px; }
	
	.bg-wrap{ padding: 5vw 0 140px; }
	.bnr{ position: static; display: block; padding: 0 5vw; margin-bottom: 30px; }
	.bnr > div:not(:last-child){ margin-right: 0; margin-bottom: 10px; }
	.bnr a{ width: 100%; }
	.bnr .min{ font-size: 4.5vw; }
	.bnr small{ font-size: 1.2rem; }
	.bnr .covid a{ padding-left: 36vw; }
	.bnr .covid a:before{ width: 18vw; height: 18vw; left: 9vw; }
/*	.bnr .covid a:before{ width: 28vw; height: 18vw; left: 4vw; }*/
	.bnr .line a{ padding-left: 36vw; }
	.bnr .line a:before{ width: 18vw; height: 18vw; left: 9vw; }
	
	.news_area{width: 90vw;padding: 20px 5vw; margin: 0 auto 50px;}
	.news{  display: block;  }
	.news ul{ width: 100%; }
	.news ul a span{ display: block; }
	
	.greeting{ padding: 350px 0 0; margin-bottom: 60px; }
	.greeting:before{ width: calc(100% - 5vw); height: 500px; background: url(../img/index/webp/yoshiya-top_sp.webp) top center / cover no-repeat;}
	
	.greeting .content{ width: 95vw; display: block; background: rgba(255,255,255,.95);
		padding: 60px 5vw; margin-right: 0; }
	.greeting .box{ width: 100%; }
	.greeting .content:after{ content: none; }
	.greeting h2{ font-size: 6vw; margin-bottom: 60px; }
	
	.greeting .tit p{ margin-bottom: 30px; }
	.greeting h3{ margin-bottom: 30px; }
	.greeting .message{margin-bottom: 30px;}
	.greeting ul{ position: static; display: block; }
	.greeting ul li:not(:last-child){ margin-right: 0; margin-bottom: 10px; }
	.greeting ul li.btn a{ margin: auto; transform: translateX(-5vw); }
	
	.info{ display: block; padding: 0 5vw; }
	.info .box:nth-child(1){ margin-bottom: 30px; }
	.info .box .btn a{ margin-right: auto; }
	.info .box table th, .info .box table td{ padding: 6px 2vw; font-size: 1.3rem; }
	
	.feature{ padding-top: 360px; padding-bottom: 50px; }
	.feature h2{ transform: none; margin-bottom: 0; position: absolute; right: 5vw; top: -65px; z-index: 1; }
	.feature:after{ width: 100%; height: 500px; top: 0; background: url(../img/index/webp/feature_sp.webp) center / cover;}
	.feature .wrap{ width: 100%; }
	.feature .in{ display: block; width: 100%; margin-bottom: 40px; }
	.feature .box{ margin-bottom: 20px; }
	.feature ul{ display: block; position: static; }
	.feature ul li:not(:last-child){ margin: 0; margin-bottom: 10px; }
	.feature li.btn a{ margin: auto; }
	
	.treatment{ padding: 100px 0; }
	.treatment .content{ padding: 100px 5vw 50px; }
	.treatment .content:after{ width:100%; left: 0; transform: none; }
	.treatment h2 + p{ margin-bottom: 40px; }
	.treatment .in{ margin-bottom: 40px; }
/*	.treatment .in .box{ flex-basis: calc(50% - 5px); }*/
	.treatment .in .box{ flex-basis: calc(100%); }
	.treatment .in .box:nth-child(n + 3){margin-top: 10px;}
	.treatment h3{ font-size: 5vw; height: 35vw; }
/*	.treatment .in .box p{ padding: 15px 4vw 20px; font-size: 1.3rem; line-height: 1.6; }*/
	.treatment .in .box p{ padding: 15px 4vw 20px; font-size: 1.3rem; line-height: 1.6; margin-bottom: 2em;}
	
	.treatment .btn{ position: static; }
	.treatment .btn a{ margin: auto; }
	
	.align{ background-size: 100%; background-position: top 70px center; padding: 60vw 5vw 85px; }
	.align .in{ width: 100%; padding: 5vw; justify-content: center; }
	.align .in .box{ flex-basis: calc(50% - 10px); }
	.align .in .box:nth-child(odd){ margin-right: 15px; }
	.align .in .box:nth-child(n + 3){margin-top: 20px;}
	.align h3 + p{ font-size: 1.2rem; letter-spacing: 0.05em; font-feature-settings : "palt"; }
	.align ul{ width: 100%; }
	.align ul li{ padding-left: 50px; position: relative; font-size: 1.6rem; }
	.align ul li:before{ position: absolute; left: 18px; top: 14px; }
	.align ul + p{  }
	
	.case{ padding: 80px 5vw 0; }
	.case:after{ height: calc(100% + 115px); }
	.case .box{ display: block; }
	.case .box .photo{ margin-right: 0; margin-bottom: 30px; }
	.case h3{ font-size: 2.2rem; }
	.case h3 + p{ margin-bottom: 30px; }
	.case .btn a{ margin: auto; }
	
	.facility{ padding: 95px 5vw 95px; }
	.facility .txt{ width: 100%; }
	.facility .btn a{ margin: auto; }
	.facility:after{ width: 95vw; height: 355px; display: block; position: static; margin-top: 50px; }
	
	/**1110追加**/
	.h-nav {padding: 70px;}
	
	
/*	20241011 追加（spメニュー）*/

    header ul.cv{
        display:block;
    }
header label, header ul.cv li a {
    width: 65px;
    height: 65px;
    font-size:1rem;
    }
header ul.cv {
    top: 83px;
    }
    table.info_table th {
    width: 58%;
    text-align: center;
    box-sizing: border-box;
    font-size: 13px;
    height: 45px;
    vertical-align: middle;
    font-weight: bold;
	padding: 1em;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	background: #78B4E6;
	color: #FFFFFF;
}
	
table.info_table th {
    width: 45%;
    text-align: center;
    box-sizing: border-box;
    font-size: 13px;
    height: 45px;
    vertical-align: middle;
    font-weight: bold;
	padding: 1em;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	background: #78B4E6;
	color: #FFFFFF;
}
	
table.info_table td {
    font-size: 14px;
	padding: 1em;
	text-align: center;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

}
	
table.info_table td {
    font-size: 14px;
	padding: 1em;
	text-align: center;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;

}
	
	/*260218ATOP症例スライド*/
					.case#guideline .in{
					padding: 3rem 2rem;
				}
				
				.case#guideline .case-slider .background_case{
					width: 300px;
					padding: 2rem;
				}
				.case#guideline .box{
					margin-bottom: 0;
				}
				.case table th{
					font-size: 1.2rem;
				}
				
				.case#guideline .btn a{
					width: 250px;
				}
	.case#guideline .case-carousel{
    grid-template-columns: 1fr 3fr 1fr;
  }
    
}