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

@media screen and (max-width:599px){
	
	.pc{display: none;}
	.sp{display: initial}
	
	.top h2{font-size: 6vw;}
	.top .btn{width: calc(88vw);}
	
	.top .first-wrap{padding-top: 50px; padding-bottom: 30px;}
	.top .top-nav{display: none;}
	
	.top .mv{width: 100%;height: calc(100vh - 50px);}
	.top .mv .txt p:first-child{font-size: 5.5vw;}
	.top .mv .txt p:last-child{font-size: 4vw;}
	
	.top .news:before{content: none;}
	.top .news h2{font-size: 1.42em;}
	.top .news dl{display: block;padding: 15px 0;}
	.top .news dt{display: table;margin-right: 0;margin-bottom: 10px;}

	.top .risk h2{font-size: 5vw;}
	.top .risk{width: calc(100% - 12vw);padding: 40px 6vw;margin: 80px auto 100px;}
	.top .risk .wrap{display: block;margin-top: 35px;}
	.top .risk .wrap .box:first-child{margin-bottom: 35px;}
	.top .risk:before{width: 92.5px;height: 57px;top: -57px;}
	.top .risk:after{width: 92.5px;height: 57px;bottom: -57px;}
	.top .risk .box h3{top: 32vw;font-size: 4vw;}
	.top .risk > .box h3{top: 63vw;}
	
	/*.top .visitor:before*/.top .visitor .ttl-img{width: 100%;height: 38vw;background-size: auto 100%;left: 0;top: -70px;}
	.top .visitor .in{width: 100%;display: block;padding: 0 6vw;margin-bottom: 35px;}
	.top .visitor .in .box a{height: 43vw;}
	
	/*.top .greeting:before*/.top .greeting .ttl-img{width: 100%;height: 42vw;top: 15px;
		background-position: center; background-size: auto 100%;}
	.top .greeting{padding: 120px 0 90px;}
	.top .greeting .in{padding: 0 5vw 35px;margin-bottom: 30px;}
	.top .greeting h3{text-align: center;font-size: 6vw;}
	.top .greeting .in .photo{height: 89vw;overflow: hidden; position: static;
		transform: translateY(-18vw);margin-bottom: -12vw;}
	.top .greeting .in .txt{padding-left: 0;}
	
	.top .treatment{padding: 0 6vw 60px;}
	/*.top .treatment:before*/.top .treatment .ttl-img{z-index: 1;width: 100%;height: 37vw;top: 67vw;
		background-size: auto 100%; background-position: center;}
	.top .treatment .invisa{width: 100%;margin-bottom: 40px;}
	.top .treatment .invisa .photo{position: static;transform: translateY(-25px);}
	.top .treatment .invisa h2{text-align: center;}
	.top .treatment .invisa h2:after{margin: 20px auto 0;}
	.top .treatment .invisa h3{margin-bottom: 20px;line-height: 1.6;}
	.top .treatment .invisa h3 + p{padding-right: 0;margin-bottom: 30px;}
	
	.top .treatment article .photo01,
	.top .treatment article .photo02{display: none;;}
	.top .treatment article{padding: 50px 4vw;margin-bottom: 35px;}
	.top .treatment .in .box{padding: 0 8px;position: relative;}
	.top .treatment article h3{margin-bottom: 0;font-size: 3vw;}
	.top .treatment article h3 + p{display: none;}
	.top .treatment .in .box:nth-child(-n+3):after{content: "";width: calc(100% - 16px);
		border-bottom: 1px solid rgba(185,145,65,.15); position: absolute;left: 8px;bottom: -18px;}
	
	.top .bg{display: none;}
	
	.top .philosophy{padding: 70px 0 40px;}
	.top .philosophy h2{margin-bottom: 25px;}
	.top .philosophy .intro{margin-bottom: 120px;}
	.top .philosophy .intro h3 + p{font-size: 1.14em;}
	
	.top .philosophy .in{width: 100%;}
	.top .philosophy div[class*="box"]{padding: 0 6vw;}
	.top .philosophy .photo{position: relative;}
	.top .philosophy .txt{width: 100%;padding: 40px 6vw; margin-bottom: 25px;}
	.top .philosophy div[class*="box"]:nth-child(even) .txt{margin-left: 0;}
	.top .philosophy .txt h3{margin-bottom: 25px;}
		
	.top .philosophy .box01{margin-bottom: 125px;}
	.top .philosophy .box02{margin-bottom: 110px;}
	.top .philosophy .box03{margin-bottom: 120px;}
	.top .philosophy .box04{margin-bottom: 105px;}
	
	.top .philosophy .box01 .txt .eng img{width: 75vw;}
	.top .philosophy .box01 .txt .eng{left: -5vw;top: -20vw;}
	.top .philosophy .box02 .txt .eng img{width: 82vw;}
	.top .philosophy .box02 .txt .eng{left: -6vw;top: -21vw;}
	.top .philosophy .box03 .txt .eng img{width: 64vw;}
	.top .philosophy .box03 .txt .eng{left: -6vw;top: -16vw;}
	.top .philosophy .box04 .txt .eng img{width: 81vw;}
	.top .philosophy .box04 .txt .eng{left: -6vw;top: -27vw;}
	.top .philosophy .box05 .txt .eng img{width: 71vw;}
	.top .philosophy .box05 .txt .eng{left: -6vw;top: -26vw;}
	
	.top .philosophy .box01 .photo{height: 107vw;}
	.top .philosophy .box02 .photo{height: 91vw;}
	.top .philosophy .box03 .photo{height: 64vw;}
	.top .philosophy .box04 .photo{height: 80vw;}
	.top .philosophy .box05 .photo{height: 129vw;}
	
	.top .philosophy .box01 .photo picture:nth-child(1){width: 79vw; top: 0;left: -6vw;}
	.top .philosophy .box01 .photo picture:nth-child(2){width: 46vw;bottom: 25px;left: auto;right: -6vw;}
	.top .philosophy .box02 .photo picture:nth-child(1){width: 72vw;top: 0;left: -6vw;}
	.top .philosophy .box02 .photo picture:nth-child(2){width: 38vw;bottom: 0;right: 10vw;}
	.top .philosophy .box03 .photo picture:nth-child(1){width: 59vw;top: 0;left: -6vw;}
	.top .philosophy .box03 .photo picture:nth-child(2){width: 32vw;bottom: 84px;right: -6vw;}
	.top .philosophy .box04 .photo picture:nth-child(1){width: 35vw;top: 0;left: 0;}
	.top .philosophy .box04 .photo picture:nth-child(2){width: 55vw;bottom: 0;right: -6vw;}
	.top .philosophy .box05 .photo picture:nth-child(1){width: 74vw;top: 0;left: -6vw;}
	.top .philosophy .box05 .photo picture:nth-child(2){width: 55vw;bottom: 30px;left: auto;right: -6vw;}
	
	.top .philosophy .box01 .photo:after{width: 61vw;height: 61vw;left: auto;right: 5vw; bottom: 0;}
	.top .philosophy .box02 .photo:after{width: 68vw;height: 68vw;right: -6vw;bottom: 30px;}
	.top .philosophy .box03 .photo:after{width: 55vw;height: 55vw;left: 22vw;bottom: auto;top: -70px;}
	.top .philosophy .box04 .photo:after{width: 63vw;height: 63vw;left: -6vw;top: 27px;}
	.top .philosophy .box05 .photo:after{width: 74vw;height: 74vw;left: 3vw;bottom: 0;}

	.top .clinic{padding:105px 6vw 60px;}
	/*.top .clinic:before*/.top .clinic .ttl-img{width: 100%;height: 35vw;top: 10px;
		background-size: auto 100%;background-position: center;}
	.top .clinic h2 + p{text-align: justify;}
	.top .clinic h2 + p br{display: none;}
	.top .clinic ul{width: 100%;margin-bottom: 30px;}
	.top .clinic ul li{width: 26vw;}
	.top .clinic ul li:nth-last-child(n+4){margin-bottom: 30px;}
	
	.top .topics:before{position: static;display: block;width: 100%;height: 250px;}
	.top .topics .in{width: 100%;padding: 75px 0;}
	.top .topics .in:before{width: 64vw;right: -5vw;top: 22px;}
	.top .topics .more{top: 75px;}
	
	.top .contact{padding: 50px 0 60px;}
	.top .contact .cv:before{width: 100%;height: 38vw;
		background-size: auto 100%;top: -40px;left: -11vw;}
	.top .contact .cv .box{display: block;}
	.top .contact .cv .box > *{width: 100%;}
	.top .contact .cv .box .btn2{margin-bottom: 25px;}

	.top .contact .calendar:before{width: 100%;height: 50vw;left: 0;top: -80px;
		background-position: center;background-size: auto 100%;
		background-image: url("../img/index/webp/eng-calender-sp.webp");}
	.top.no-webp .contact .calendar:before{background-image: url("../img/index/eng-calender-sp.png");}
	
	.top .contact .calendar iframe{width: 100%; height: 300px;}
    
    .sitemap article{
        width: 100%;
    }
    .flex_box .text-wrap {
    width: 100%;
    }
    footer .sitemap ul.group-list {
    column-count: 1!important;
    }
}