@media(max-width: 768px){
	.page-main{ width:calc(100% - 50px); height: 535px; margin:0;}
	.catch_text{position:absolute; top: 83%; left: 5%; transform: translate(5%,-83%); z-index:1;}
	.catch_text p{ font-size:22px; text-align:left; line-height:1.5;}
	.catch_text p span{font-size:14px;}
	
	.news_wrap{ width:100%; margin:-50px 0 0; display:flex; justify-content:flex-end;}
	.news_wrap dl{ margin-right:0;}
	.news_wrap dl dt{font-size:20px; margin-bottom:5px;}
	.news_wrap dl dd span{ font-size:14px;}
	
	h2{ font-size: 27px; line-height:1.4; margin-bottom:30px; padding-top:50px;}
	h2:after{ content: ''; position:absolute; top:0; left:0; right:0; margin:auto; background-image:url(../images/common/webp/accessory_003.webp); background-repeat:no-repeat; background-size:23px 35px; width:23px; height:35px;}
	.no-webp h2:after{ background-image:url(../images/common/accessory_003.png); background-repeat:no-repeat; background-size:23px 35px; }

	.philosophy{position:relative; padding:60px 0 60px;}
	.philosophy span.bg_text{ top:-40px; left:-15px; font-size:90px;}
	.philosophy .wrap{width:100%; margin:0;}
	.philosophy .flex_wrap{ width:calc(100% - 50px); margin: 0 0 0 auto;}
	.philosophy .img_box,.philosophy .text_box{width:calc(50vw - 27.5px); height:calc(50vw - 27.5px); z-index:1;}
	.philosophy .text_box p{ font-size:15px; line-height:1.5;}
	.philosophy .text_box p span{font-size:12px; line-height:1.4; width:40vw;}
	.philosophy .text_box p + p{margin-top:10px;}
	.philosophy ul li:nth-child(3),.philosophy ul li:nth-child(8){ display:flex;}
	.philosophy ul li:nth-child(5),.philosophy ul li:nth-child(6){ display:none;}
	
	.feature{ margin:-30px 0 0;}
	.feature span.bg_text{ position:absolute; top:90px; right:-13px; font-size:90px; }
	.feature h2{ width:100%; margin:0 auto 30px; padding:45px 0 0 30px; text-align:left;}
	.feature h3{font-size:21px; margin-bottom:10px; letter-spacing:0.15vw;}
	.feature .box1{ width:calc(100% - 50px); height:100%; }
	.feature .box2{ right:auto; left:0; width:calc(100% - 50px); height:100%; }
	.feature .box3{background:url(../images/index/webp/bg_001_sp.webp) no-repeat; background-size:cover; padding:50px 25px 50px;}
	.no-webp .feature .box3{background:url(../images/index/bg_001_sp.jpg) no-repeat; background-size:cover;}
	.feature .box3 .text{width:100%; margin:0 auto;}
	.feature .box3 .text h3{font-size:24px;}
	.feature .wrap,.feature .wrap2,.feature .wrap3{ width:calc(100% - 50px); height:auto; margin:78vw auto 0; padding:50px 0 60px;}
	.feature .wrap2{height:auto;  margin:65vw auto 0;}
	.feature .wrap3{height:auto; padding:55px 0 20px; margin:60vw auto 0;}
	.feature .wrap4{ margin:60vw auto 0; padding:50px 0;}
	.feature .wrap .text1,.feature .wrap2 .text1,.feature .wrap .text2,.feature .wrap3 .text2{width:calc(100% - 50px);}
	.feature .wrap .text1 p,.feature .wrap2 .text1 p{line-height:1.8;}
	.feature .wrap .text2 p,.feature .wrap3 .text2 p,.feature .box3 .text p{ line-height:1.8;}
	.feature .wrap span.img1{ top:-72vw; right:auto; left:-25px; width:74vw; height:74vw;}
	.feature .wrap span.img2{ top:-65vw; left:auto; right:-25px; width:65vw; height:65vw;}
	.feature .wrap2 span.img3{ top:-67vw; right:auto; left:-25px; width:70vw; height:70vw;}
	.feature .wrap3 span.img4{ top:-65vw; left:auto; right:-25px; width:70vw; height:70vw;}
	.feature a.btn{margin:20px auto 0;}
	
	.dr{ padding:60px 0;}
	.dr span.bg_text{ top:-4px; left:-14px; font-size:90px; }
	.dr h2{ width:100%; margin:0 0 30px; padding:50px 0 0 0; text-align:center;}
	.dr h2:after{ content: ''; position:absolute; top:0; left:0; right:0; background-image:url(../images/common/webp/accessory_005.webp); background-repeat:no-repeat; background-size:28px 36px; width:28px; height:36px;}
	.no-webp .dr h2:after{ background-image:url(../images/common/accessory_005.png); background-repeat:no-repeat; background-size:28px 36px;}
	.dr h3{font-size:24px; line-height:1.6; margin-bottom:10px;}
	.dr h3 span{ letter-spacing:0;}
	.dr .flex_wrap{ width:100%; margin:0; display:block;}
	.dr .text_box{ width:calc(100% - 25px); height:100%; padding:25px 25px 30px;}
	.dr .text_box p{line-height:1.8;}
	.dr .img_box{ width:100%; margin-top:0;}
	.dr a.btn{margin:30px auto 0;}
	.dr img{ width:calc(100% - 50px); margin:0 0 5px auto;}

	.first span.bg_text{ top:-11px; left:-15px; font-size:90px;}
	.first h2{ margin:0 0 20px; padding:50px 0 0 0;}
	.first .flex_wrap{ width:100%; background:none; margin:0 0 0 auto; padding:0; display:block;}
	.first .img_box{width:79vw; height:79vw; margin:0 0 0 auto;}
	.first .text_box{width:calc(100% - 50px); background:#807055; padding:55px 25px 50px; margin-top:-30px;}
	.first a.btn{margin:20px 0 0; }

	.clinic{padding:60px 0;}
	.clinic h3{font-size:21px; margin-bottom:15px;}
	.clinic .text-slide{width:100%; margin:0; padding: 0 25px;}
	.clinic .text_box p{text-align:left; letter-spacing:0.8vw;}
	.clinic a.btn{ margin:15px auto 0;}
	.clinic-slides{ width:73vw; margin:0 auto; }
	.clinic-slides li{ width:73vw; margin:0 auto; transform: scale(1);}
	.clinic-slides li.slick-current{width:73vw; /*margin:0 50px*/; transform: scale(1);}
	.clinic-ui { width:89%;}

	.clinic dl{padding:40px 0 0;}
	.clinic dl dt{font-size:21px; margin-bottom:15px;}
	.clinic dl dd{text-align:left;}

	nav{ height: 100%; }
	.pc{ display: none !important; }
		
}

@media(max-width: 599px){
	.feature .wrap span.img1{ width:79vw; height:79vw;}
	.feature .wrap span.img2{ top:-70vw; width:79vw; height:79vw;}
	.feature .wrap2 span.img3{ top:-72vw; width:79vw; height:79vw;}
	.feature .wrap3 span.img4{ top:-70vw; width:79vw; height:79vw;}
	}

@media(max-width: 321px){
	h2{font-size:23px;}
	.catch_text{ top: 75%; left: 2%;}
	.feature h3{font-size:17px;}
	.dr h3 span,.treatment .box1 p, .treatment .box2 p,.philosophy .text_box p{font-size:13px;}
}