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

@media screen and (max-width:599px){
	
	section{}
	.content{padding-left: 6vw;padding-right: 6vw;}
	
	h2.line{margin-bottom: 35px;font-size: 8vw;}
	h2.line em{white-space: nowrap;}
	
	main{margin-top: 60px;}
	
	.mv ul{width: calc(100% - 12vw);height: 400px;}
	.mv ul li img{border-radius: 20px 0px 0px 20px;}
	.mv:after{width: calc(100% - 12vw);height: 400px;border-radius: 0 20px 20px 0;}
	.mv .txt p.min{font-size: 3.4rem;letter-spacing: -0.05em;;
		position: absolute;right: 6vw;bottom: -70px;}
	.mv .txt h1{position: absolute;left: 4vw;bottom: 0;font-size: 1.4rem;
		-ms-writing-mode: tb-rl;writing-mode: vertical-rl;white-space: nowrap;}
	
	.top-nav{width: calc(100% + 12vw);margin-left: -6vw;flex-wrap: wrap;margin-bottom: 70px;}
	.top-nav li{flex-basis: calc(100%/3);}
	.top-nav li a{height: 70px;color: #fff;
		display: flex;flex-direction: column;align-items: center;justify-content: center;
		background: linear-gradient(50deg,#a38a77,#c8bb9b);}
	.top-nav li a:before{margin: 0 auto 10px;}
	
	.top-nav li:nth-child(1) a:before{width: 23.5px;height: 22.5px;
		background: url("../img/common/webp/ico-first-wt.webp") center/100% no-repeat;}
	/* no */.no-webp .top-nav li:nth-child(1) a:before{
		background: url("../img/common/ico-first-wt.png") center/100% no-repeat;}
	
	.top-nav li:nth-child(2) a:before{width: 27.5px;height: 23px;
		background: url("../img/common/webp/ico-doctor-wt.webp") center/100% no-repeat;}
	/* no */.no-webp .top-nav li:nth-child(2) a:before{
		background: url("../img/common/ico-doctor-wt.png") center/100% no-repeat;}
	
	.top-nav li:nth-child(3) a:before{width: 24.5px;height: 23px;
		background: url("../img/common/webp/ico-case-wt.webp") center/100% no-repeat;}
	/* no */.no-webp .top-nav li:nth-child(3) a:before{
		background: url("../img/common/ico-case-wt.png") center/100% no-repeat;}
	
	.top-nav li:nth-child(4) a:before{width: 23.5px;height: 23px;
		background: url("../img/common/webp/ico-price-wt.webp") center/100% no-repeat;}
	/* no */.no-webp .top-nav li:nth-child(4) a:before{
		background: url("../img/common/ico-price-wt.png") center/100% no-repeat;}
	
	.top-nav li:nth-child(5) a:before{width: 17.5px;height: 23.5px;
		background: url("../img/common/webp/ico-access-wt.webp") center/100% no-repeat;}
	/* no */.no-webp .top-nav li:nth-child(5) a:before{
		background: url("../img/common/ico-access-wt.png") center/100% no-repeat;}
	
	.top-nav li:nth-child(6) a:before{width: 23.5px;height: 22.5px;
		background: url("../img/common/webp/ico-web-wt.webp") center/100% no-repeat;}
	/* no */.no-webp .top-nav li:nth-child(6) a:before{
		background: url("../img/common/ico-web-wt.png") center/100% no-repeat;}
	
	.covid{margin-bottom: 30px; margin-top: 25px;}
	.covid a{height: 110px;font-size: 2rem;}
	.covid a:after{width: 100%;height: 100%;
		background: url("../img/index/webp/covid-sp.webp")right bottom/auto 100% no-repeat;}
	/* no */.no-webp .covid a:after{
		background: url("../img/index/covid-sp.png")right bottom/auto 100% no-repeat;}
	.case {margin-bottom: 25px;}
	.instagram{margin-bottom: 45px;}
	.instagram a{height: 110px;font-size: 2rem;}
	.instagram a:after{width: 40%;height: 40%; bottom:30%;
		background: url("../img/index/webp/insta-sp.webp")right bottom/auto 100% no-repeat;}
	/* no */.no-webp .instagram a:after{
		background: url("../img/index/insta-sp.png")right bottom/auto 100% no-repeat;}

	.news{margin-bottom: 50px;}
	.news li span{display: block;margin: 0 0 5px;}
	
	.info{margin-bottom: 120px;}
	.info .tit{margin-bottom: 20px;}
	.info .in{display: block;}
	.info .tel{border-top: 0;}
	.info .tel a{display: flex; justify-content: center; align-items: center; width: 260px; height: 50px; 
		margin: auto; background: #c9bc9c; border-radius: 30px;font-size: 2.6rem;}
	
	.info .in {position: relative;}
	.info .in .box:first-child{margin-bottom: 30px;padding-top: 70px;}
	.info .in .add{letter-spacing: 0.05em; position: absolute;left: 0;top: 0;}
	.info .in .btn a{margin: auto;}
	
	.about{padding: 180px 0 50px;}
	.about:before{width: calc(100% - 12vw);height: 200px;border-radius: 0 20px 20px 0;top: -50px;}
	.about:after{width: 70vw;height: 67vw;bottom: auto;top: 110px;}
	.about .in{width: 100%;margin-left: 0;padding: 0 6vw;}
	.about .in h2{font-size: 2rem;}
	
	.feature{padding: 50px 0;}
	.feature .photo{width: 100%;position: static;margin-bottom: 30px;}
	.feature .txt{width: 100%;}
	.feature .txt h3{letter-spacing: 0.05em;}
	.feature .txt h3:before{font-size: 26vw;margin-right: 10px;}
	.feature .box{margin-bottom: 40px;}
	.feature .box:not(:last-child) .txt{padding-bottom: 0;}
	
	.cv-area{padding: 6vw;}
	.cv-area .content{padding: 30px 5vw 40px;}
	.cv-area .box{flex-direction: column;align-items: center; padding: 0;margin-bottom: 10px;}
	.cv-area .box .photo{order: 1;}
	.cv-area .box .txt{width: 100%;padding: 10px; order: 0;margin-bottom: 20px;}
	.cv-area .box .txt:before{width: 55px;height: 60px;top: auto;bottom: -70px;left: auto;right: 30px;
		background: url("../img/index/ill-bubble-sp.png")center/100% no-repeat;}
	.cv-area .min{font-size: 1.6rem;line-height: 2.25; background-size: auto 36px;margin-bottom: 30px;}
	.cv-area ul{display: block;padding: 0;}
	.cv-area ul li:first-child{margin-bottom: 20px;}
	.cv-area .btn a{margin: auto;}
	
	.treatment{padding: 50px 0;}
	.treatment .in{display: block;}
	.treatment .in .box:not(:last-child){margin-bottom: 50px;}
	.treatment .in2{flex-wrap: wrap;}
	.treatment .in2 .box{flex-basis: 40vw;}
	.treatment .in2 .box:nth-child(n + 3){margin-top: 20px;}
	.treatment .in2 .box h3{letter-spacing: 0.05em;}
	
	.align{padding: 50px 0;background: #f2f2f2;}
	.align .box{min-height: auto;margin-bottom: 50px;}
	.align .box .photo{display: none;}
	.align .box .txt{width: 100%;}
	.align h3{font-size: 1.4rem;letter-spacing: 0.01em;}
	.align ul{margin-bottom: 45px;}
	.align ul li{flex-basis: 27vw;}
	.align ul li:nth-child(n+4){margin-top: 20px;}
	.align ul li:last-child{margin-right: auto;margin-left: 4vw;}
	.align ul li p{width: 27vw;height: 27vw;}
	.align ul li img{width: 27vw;}
	
	.doctor{padding: 50px 0;}
	.doctor h2{margin-top: 40px;}
	.doctor h2 span:before{ width: 42px; height: 30px;top: -40px;left: calc(50% - 15px);}
	.doctor .box{flex-wrap: wrap;margin: 40px 0 30px;}
	.doctor .box .photo{flex-basis: 100%;order: 1;margin-bottom: 30px;}
	.doctor .box .txt{flex-basis: 100%;order: 2;}
	.doctor .box h3 span{font-size: 2.8rem;}
	.doctor .box + p{margin-bottom: 40px;}
	
	.first{padding: 50px 0;}
	.first h2{margin-top: 45px;}
	.first h2 span:before{ width: 22px; height: 35px;top: -45px;left: calc(50% - 11px);}
	.first .box{margin-bottom: 40px;}
	.first .box .photo{position: static;width: 100%;margin-bottom: 40px;}
	.first .box .photo img{width: 100%;}
	.first .box .txt{width: 100%;}
	
	.sec-bg{height: 150px;}
	
	.equipment{padding: 50px 6vw;box-sizing: border-box;}
	.equipment h2{width: 100%;}
	.equipment .txt{width: 100%; margin: 0 auto 30px;}
	.equipment .slider02{width: 100%;padding: 0 5vw;}
	.equipment .slider02 .prev-arrow{left: 0;}
	.equipment .slider02 .next-arrow{right: 0;}
	.equipment .slider02 li{width: 100%;}
	.equipment .slider02 li img{width: 100%;}
    
    
    .yt-wire {
        width: 100%;
        height: 175px;
    }
    
    
	
}

@media screen and (max-width:360px){
	.mv .txt h1{font-size: 1.2rem;}
	.mv .txt p.min{font-size: 9vw;}
	.top-nav li{letter-spacing: 0.01em;}
	.covid a{padding: 3vw;}
	.info table th{padding: 5px 0;}
	.info table td{padding: 10px 0 0;}
	.info .tel + p br{display: none;}
	.feature .txt h3{letter-spacing: 0;font-size: 1.6rem;}
	.cv-area .box .txt{font-size: 1.3rem;}
	.cv-area .min{letter-spacing: 0.01em;}
	.cv-area .btn a{width: 100%;}
	.treatment .in2 .box h3{font-size: 1.5rem;}
	.align h3{font-size: 1.3rem;letter-spacing: 0.01em;white-space: nowrap;}
	.doctor .box .photo p img{width: 60vw;}
	.doctor .box h4{font-size: 1.6rem;letter-spacing: 0.03em;}
}