@media(max-width: 768px){
	
	.pc{ display: none !important; }
	
.main-slide li.img2{ height:472px; background:url(../images/index/webp/mv04_sp.webp) no-repeat center; background-size:cover;}
	.main-slide li.img4{ height:472px; background:url(../images/index/webp/mv_001_sp.webp) no-repeat center; background-size:cover;}
	.main-slide li.img1{ height:472px; background:url("../images/index/webp/mv_02sp.webp") no-repeat center; background-size:cover;}
	.main-slide li.img3{ height:472px; background:url(../images/index/webp/mv_003_sp.webp) no-repeat center; background-size:cover;}
	
	.no-webp .main-slide li.img2{ background-image:url(https://www.yagishika.com/images/index/mv_0.jpg);}
	.no-webp .main-slide li.img4{ background-image:url(../images/index/mv_001_sp.jpg);}
	.no-webp .main-slide li.img1{ background-image:url("../images/index/mv04_sp.jpg");}
	.no-webp .main-slide li.img3{ background-image:url("../images/index/mv_003_sp.jpg");}
	

	.main-slide .text_box{ width:282px; top:auto; bottom:45px; left:50%; right:auto; transform: translateX(-50%);}
	.main-slide .text_box img{ width:280px; height:auto;}
	.main-slide .text_box p{ width:100%;  font-size:24px; letter-spacing:0; text-align:center;}
	.main-slide .text_box p span{ font-size:44px; letter-spacing:0;}

	h2{ font-size:28px; line-height:1.4; margin-bottom:25px;}
	h2 span{ font-size:18px; width:280px; text-align:center; line-height:1;}
	
	.perio{ width:100%; margin:0 auto; padding:60px 20px;}
	.perio h4{ width:calc(100% - 40px); margin:20px auto 0; padding-bottom:15px; margin-bottom:20px; line-height:1.4;}
	.perio .text_box{ background:url(../images/index/webp/perio_001.webp) no-repeat 50% 50%; background-size:200px 322px; padding:15px 0 10px; margin-bottom:10px;}
	.no-webp .perio .text_box{ background-image:url(../images/index/perio_001.png); }
	.perio .text_box p{ line-height:2; text-align:left; margin-bottom:25px; }
	.perio .text_box p.small{ line-height:1.8;}
	.perio .box1{ width:100%; padding:40px 20px; margin-bottom:20px;}
	.perio .box1 p{ margin-bottom:30px;}
	.perio .flex_wrap{ display:block;}
	.perio .box2{ width:100%; padding-bottom:30px; margin-bottom:20px;}
	.perio .box2 + .box2{ margin-left:0;}
	.perio .box3{ display:block;}
	.perio .box3 img{ width:100%;}
	.perio .box3 .wrap{ width:100%; height:auto; margin-top:-10px; padding:10px 0 30px;}

	.implant{ height:462px; background:url("../images/index/implant_001_sp_2.jpg") no-repeat center; background-size:cover;}
	.no-webp .implant{ background-image:url("../images/index/implant_001_sp_2.jpg"); } 
	.implant .text_box{ width:100%; padding:0 30px;}
	.implant .title{ position:relative; width:100%; font-size:24px; text-align:center; line-height:2; letter-spacing:0.2em; border:none;}
	.implant .title:after{ position:absolute; bottom:-1px; left: 50%; transform: translateX(-50%); content:""; background:#404040; width:265px; height:1px;}
	.implant .text{ text-align:center;}
	.implant .btn{ margin:30px auto;}

	.dr{ padding:55px 0 0; background:url(../images/index/webp/dr_001.webp) no-repeat 0 0; background-size:cover;}
	.no-webp .dr{ background-image:url(../images/index/dr_001.jpg);}
	.dr img{ width:100%;}
	.dr .text_box{ width:100%; margin:0; padding:0 20px 300px;}
	.dr .title{ font-size:35px; letter-spacing:0.04em; text-align:center;}
	.dr .title span.border{ letter-spacing:0.04em;}
	.dr .title span.big{ font-size:35px;}
	.dr .title span.bold{ font-size:39px;}
	.dr .white_wrap{ height:110px;}
	.dr .white_wrap:after{ bottom:auto; top:-347px; background:url(../images/index/webp/dr_002.webp) no-repeat; background-size:340px 347px; width:340px; height:347px;left: 60px;}
	.no-webp .dr .white_wrap:after{ background-image:url(../images/index/dr_002.png);}
	.dr .name{ width:100%; font-size:24px; line-height:1.6; text-align:center; letter-spacing:0.2em;}
	.dr .name span{ font-size:18px; letter-spacing:0.15em;}
	.dr .name span.big{ font-size:28px;}

	.staff_text{ height:auto; background:none; display:block; padding:40px 0;}
	.staff_text .text_box{ width:100%; padding-bottom:0;}
	.staff_text p{ width:100%; margin-left:0;}
	.staff_text .btn{ margin:40px auto 10px;}

	.feature{ padding:55px 0 60px;}
	.feature .text{ margin-bottom:0; padding-bottom:50px;}
	.feature .wrap{ height:auto;}
	.feature .text_box_right,.feature .text_box_left{ padding:30px 20px 50px; width:100%; height:auto; margin:300px 0 0; display:block;}
	.feature .text_box_left{ margin-left:0;}
	.feature .text_box_right div,.feature .text_box_left div{ width:100%;}
	.feature .img1{ position:absolute; top:-300px; left:0; width:100%; height:300px; background:url("../images/index/webp/feature_01sp.webp") no-repeat center/cover;}
	.feature .img2{ position:absolute; top:-300px; right:0; width:100%; height:300px; background:url(../images/index/webp/feature_002_sp.webp) no-repeat center/cover;}
	.feature .img3{ position:absolute; top:-300px; left:0; width:100%; height:300px; background:url(../images/index/webp/feature_003_sp.webp) no-repeat center/cover;}
	.feature .img4{ position:absolute; top:-300px; right:0; width:100%; height:300px; background:url(../images/index/webp/feature_004_sp.webp) no-repeat center/cover;}
	.feature .img5{ position:absolute; top:-300px; left:0; width:100%; height:300px; background:url(../images/index/webp/feature_005_sp.webp) no-repeat center/cover;}
	.feature .img6{ position:absolute; top:-300px; right:0; width:100%; height:300px; background:url(../images/index/webp/feature_006_sp.webp) no-repeat center/cover;}
	.no-webp .feature .img1{ background-image:url("../images/index/feature_01sp.jpg"); }
	.no-webp .feature .img2{ background-image:url(../images/index/feature_002_sp.jpg); }
	.no-webp .feature .img3{ background-image:url(../images/index/feature_003_sp.jpg); }
	.no-webp .feature .img4{ background-image:url(../images/index/feature_004_sp.jpg); }
	.no-webp .feature .img5{ background-image:url(../images/index/feature_005_sp.jpg); }
	.no-webp .feature .img6{ background-image:url(../images/index/feature_006_sp.jpg); }
	.feature .infection img{ width:calc(100% - 40px); max-width:100%;}
	.feature .btn{ margin:0px auto 65px;}

	.clinic{ padding:60px 0;}
	
.main-slide .text_box_left{ width:282px; top:auto; bottom:45px; left:50%; right:auto; transform: translateX(-50%);}
	.main-slide .text_box_left img{ width:280px; height:auto;}
	.main-slide .text_box_left p{ width:100%;  font-size:24px; letter-spacing:0; text-align:center;}
	.main-slide .text_box_left p span{ font-size:44px; letter-spacing:0;}	

	/* 20221117 */
	.perio .award {width: 100%; margin: 0 auto 60px;padding: 0px;}
	.perio .award h3{ font-size:24px; }
	.perio .award h3 span{ font-size:18px;}
	.perio .award .award_img {flex-wrap: wrap;}
	.perio .award .award_img img{width: 100%}
    
    .perio .award_bnr { padding-right: 0px;}
	
}





@media(max-width: 320px){
	h2{ font-size:26px;}
	.perio h4,.implant .title,.feature h3{ font-size:22px;}
	.perio .box2 p,.perio .box3 .wrap p,.implant .text,footer .info_box ul li{ letter-spacing:0; font-size:13px;}
	.perio .text_box p,.staff_text p{ font-size:14px;}
	.perio h4{width: calc(100% - 30px);}
	.perio h4 span,.dr .name span{ font-size:16px;}
	.implant .text,footer table th{ letter-spacing:0;}
	.dr .title{ font-size:30px;}
}