@media(max-width: 768px){
	.body-wrap{ padding-top: 5.7rem; }
	h2.base{ width: 100%; font-size: 2.7rem; margin-bottom: 3rem; }
	h2.base:before{ font-size: 1.8rem; top: .4rem; }
	h2.base:after{ margin-left: 1.5rem; }
	
	header{ top: 0; }
    
/*    20220916_added*/
    header nav .nav li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 7.5rem;
        font-weight: bold;
        font-size: 1.3rem;
        padding-top: 1rem;
    }
/*    20220916_added*/
    
    
	.top-nav{ display: none; }
	
	.mv .main-slide{ height: 40.7rem; min-height: auto; }
	.mv .txt{ left: 50%; transform: translateX(-50%); bottom: 1rem; }
	.mv .txt p span{ font-size: 1.5rem; letter-spacing: 0.05rem; padding: 0.5rem 1rem 0; 
		border-radius: .6rem; white-space: nowrap; }
	.mv .txt p span strong{ font-size: 2.4rem; }
	.mv .txt h1{ font-size: 1.2rem; }
	
	.concept{ padding: 2.5rem 1.4rem 6rem; 
		background-image: url(../images/index/webp/concept-bg-sp.webp);
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2.4rem), calc(50% + 1.75rem) calc(100% - 2.4rem), 50% 100%, calc(50% - 1.75rem) calc(100% - 2.4rem), 0 calc(100% - 2.4rem)); }
	.concept:before{ width: 9.5rem; height: 9.5rem; left: auto; right: 2.4rem; top: 1.5rem; }
	.concept .wrap{ background: none; padding: 10.5rem 1.4rem 3.5rem; }
	.concept .wrap:before{ width: 100%; border-radius: .5rem; }
	.concept .wrap:after{ border-width: 20px 17.5px; bottom: -40px; }
	
	.concept h2{ font-size: 1.3rem; }
	.concept h2:before{ width: 13.35rem; height: 3.5rem; }
	.concept h2:after{ height: 0.25rem; }

	.concept h2 span{ font-size: 2.1rem; }
	.concept h2 span:before{ line-height: 1; top: -1.5rem; left: 1.5rem; }
	
	.concept h2 + p{ font-size: 1.35rem; margin-bottom: 2.5rem; }
	
	.concept ul{ display: block; padding-bottom: 0; }
	.concept ul:after{ content: ""; display: block; width: 31.75rem; height: 11.8rem;
		background-image: url("../images/index/concept-sp.png"); background-repeat: no-repeat; background-position: center; background-size: contain;
		margin-top: 3.5rem; filter: drop-shadow(.27rem .27rem .18rem rgba(100,100,100,.5)); transform: translateZ(0); }
	
	.concept ul li{ width: 24.9rem; margin: auto; font-size: 1.32rem; padding: 1rem 0 1.4rem; }
	.concept ul li:not(:last-child){ margin-bottom: 2.5rem; }
	.concept ul li:after{ content: none; }
	.concept ul li:before{ width: 3.1rem; height: 2.55rem; }
	.concept ul li strong{ font-size: 2.1rem; }
	
	.top-info{ margin-top: -2.5rem; padding: 4.5rem 1.4rem 8.25rem;
		background-image: url(../images/common/webp/bg-sp.webp);
		background-repeat: repeat; background-position: center; background-size: 36rem; }
	.top-info .wrap{ padding: 4.5rem 0 3.5rem; }
	.top-info .wrap:before{ width: 100%; border-radius: .5rem; }
	.top-info h2{ padding-left: 1.5rem; }
	.top-info h2.base:before{ left: 1.5rem; }
	
	.top-info .left{ margin-bottom: 5.5rem; }
	
	.top-info  .hour table + p,
	.top-info .left ul,
	.top-info .left ul + p,
	.top-info .right{ padding: 0 0.75rem; }
	
	.top-info .box:first-child{ margin-bottom: 4.5rem; }
	.top-info img{ width: 100%; }
	.top-info .box .cate{ width: 6rem; font-size: 1.1rem; }
	.top-info .box .more{ width: 1.8rem; height: 1.8rem; }
	
	.recruit{ width: 100%; margin: 3rem auto 3rem; padding: 1.5rem 2.5rem 21.4rem; background: none; }
	.recruit:before{ width: 21.8rem; height: 14.5rem; bottom: 6rem; }
	.recruit:after{ content: ""; width: calc(100% - 2rem); height: 100%;
		background: linear-gradient(to left,#DABB86 0, #D1AC72 48%,#B18A56 75%,#A1804F 100%);
		border-radius: .5rem; position: absolute; top: 0; left: 1rem; z-index: -2; }
	.recruit .tit{ font-size: 2rem; width: 100%; text-align-last: auto; }
	.recruit p:not([class]){ width: 100%; line-height: 1.85; letter-spacing: 0.15em; }
	.recruit .badge{ width: 10.1rem; height: 10.1rem; font-size: 1.5rem; top: -1.5rem; right: 2.5rem; }
	.recruit .badge:after{ width: 8.8rem; height: 8.8rem; }
	.recruit .btn{ width: calc(100% - 1.5rem); right: 0.75rem; bottom: 1.5rem; }
	
	p.insta{ padding: 0 1rem; }
	
	.first{ padding: 1.5rem 0; }
	.first:after{ content: none; }
	.first .wrap{ padding: 0 1.5rem; }
	.first h2{ width: 100%; height: 26.2rem; background-color: rgba(255,255,255,.8);
		background-image: url("../images/index/webp/first-bg-sp01.webp");
		background-repeat: no-repeat; background-position: center; background-size: cover;
		padding: 2rem 1.5rem; font-size: 2.7rem; position: relative; top: auto; left: auto; border-radius: .5rem; }
	.first h2:before{ font-size: 1.8rem; }
	.first h2:after{ width: 13.5rem; height: 13.3rem; left: 1.5rem; bottom: -1.5rem; }
	
	.first .in{ background-image: url("../images/index/webp/first-bg-sp02.webp");
		background-repeat: no-repeat; background-position: center; background-size: cover;
		padding: 3rem 0 1.8rem; border-radius: .5rem; }
	.first .in:before{ width: 7.7rem; height: 6rem; top: -1rem; right: 3rem; }
	.first p{ width: 100%; font-size: 1.2rem; letter-spacing: 0.05em; padding: 0 1.5rem;
		margin-bottom: 3rem; }
	.first p strong{ font-size: 2.2rem; }
	.first ul{ padding: 0 0.5rem; }
	.first ul li:first-child{ margin-bottom: 2.5rem; }
	.first ul li:last-child.btn a{ height: 7.2rem; }
	
	.about{ padding: 6rem 2.5rem 8.7rem; }
	.about .wrap{ padding: 0; margin-bottom: 6rem; }
	.about .wrap .box{ width: 100%; }
	.about .wrap .box:not(:last-child){ margin-bottom: 4.5rem; }
	.about .photo{ width: 100%; transform: translateZ(0); }
	.about .photo img{ width: 100%; }
	.about .txt{ padding: 2rem 0 0 5rem; }
	.about .txt:before{ width: .4rem; left: 3.5rem; }
	.about .txt:after{ left: 0; } 
	.about .txt p{ display: none; }
	
	.slide-img{ padding: 3rem; }
	.slide-img .swiper-slide img{ width: 100%; }
	
	.sec-bg{ height: 22.35rem; background-image: url("../images/index/webp/sec-img-sp.webp");
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2.4rem), calc(50% + 1.75rem) calc(100% - 2.4rem), 50% 100%, calc(50% - 1.75rem) calc(100% - 2.4rem), 0 calc(100% - 2.4rem)); }
	.sec-bg:before{ width: 21.95rem; height: 5.8rem; top: calc((100% - 3.5rem)/2); }
	
	.treatment{ padding: 5rem 1.5rem 13rem; margin: -3rem 0 7rem;
		background-image: url(../images/index/webp/treatment-bg-sp.webp); }
	.treatment:after{ height: 12.2rem; background-image: url(../images/index/webp/bg-item-sp.webp); background-size: contain; }
	.treatment h2.base{ padding-left: 1.5rem; }
	.treatment h2.base:before{ left: 1.5rem; }
	.treat-list{ padding: 4rem 0rem 5rem; }
	.treat-list:before{ width: 19rem; height: 11rem; right: 0.5rem; top: -1.8rem; }
	.treatment .btn{ padding: 0 0.5rem; }
	
	.trouble h2.base{ display: block; padding: 0 0 0 3rem; letter-spacing: 0.1rem; }
	.trouble h2.base:after{ width: 15.9rem; position: absolute; right: 0; bottom: 2.2rem; }
	.trouble h2 span{ padding-bottom: .5rem; }
	
	.trouble .wrap{ padding-top: 8.8rem; }
	.trouble .box{ padding: 12rem 1rem 3rem 2rem; }
	.trouble .box:not(:last-child){ margin-bottom: 14rem; }
	.trouble .box:before{ width: calc(100vw - 2rem); }
	.trouble .box:after{ width: calc(100vw - 4.5rem); height: 17.6rem; top: -8.8rem; }
	.trouble .box:nth-child(odd):after{ left: auto; right: -2rem; }
	.trouble .box:nth-child(even):after{ left: -2rem; right: auto; }
	
	.trouble .box:nth-child(odd):before{ left: 0; }
	.trouble .box:nth-child(even):before{ right: 0; }
	.trouble .box .in{ width: 100%; padding-bottom: 2rem; min-height: auto; }
	.trouble .box .in:before{ font-size: 3.5rem; }
	.trouble .box:nth-child(odd) .in:before{ left: auto; right: -1rem; }
	.trouble .box:nth-child(even) .in:before{ left: -2rem; right: auto; }
	
	.trouble h3{ padding-left: 6.4rem; font-size: 1.65rem; }
	.trouble h3:before{ font-size: 4.5rem; }
	
	.trouble .box .in .btn{ position: static; width: 33.5rem; transform: translateX(-2rem);
		margin-top: 3.5rem; }
	.trouble .box ul li:not(:last-child){ margin-bottom: 3rem; }
	
	.staff{  padding: 13.5rem 0 110vw; margin-top: -8rem;
		background-image: url("../images/common/webp/bg-sp.webp");
		background-repeat: repeat; background-position: center; background-size: 36rem; }
	.staff:after{ width: 100%; height: 110vw;
		background-image: url("../images/index/webp/staff02-sp.webp"); }
	.staff .wrap{ padding: 5rem 0 9.5rem; }
	.staff .wrap:before{ content: none; }
	.staff h2{ width: 100%; padding-left: 4rem; font-size: 2.7rem; margin-bottom: 2rem; }
	.staff h2:before{ content: none; }
	.staff h2:after{ margin-left: 1.5rem; }
	.staff h2 span{ text-align: left; left: 4rem; font-size: 1.8rem; top: .4rem; }
	.staff .in{ width: 100%; padding: 38.4rem 4rem 0; margin-bottom: 5rem; }
	.staff .in:before{ top: 0; left: 2.5rem; width: 32.15rem; height: 36.4rem; 
		background-image: url("../images/index/webp/staff01-sp.webp"); }
	
	.staff h3{ font-size: 2rem; }
	.staff h3 span{ font-size: 1.5rem; }
	.staff h3 small{ font-size: 1.35rem; margin-left: .5rem; }
	.staff .btn{ padding: 0 2rem; }
	
	.jidv{ padding: 5rem 2.5rem 11rem; background-image: url(../images/index/webp/jidv-bg-sp.webp); }
	.jidv:after{ height: 12.2rem; background-image: url(../images/index/webp/bg-item-sp.webp);
		background-size: contain; }
	.jidv .wrap{ padding: 3.5rem 1.5rem 2.5rem; }
	.jidv h2{ text-align: center; font-size: 1.4rem; padding-bottom: 1.5rem; margin-bottom: 2.5rem; }
	.jidv h2 strong{ font-size: 2.4rem; line-height: 1.6; }
	.jidv .bnr img{ width: 100%; }
	
	.clinic{ padding: 5rem 0 7rem; }
	.clinic h2{ padding-left: 4rem; }
	.clinic h2.base:before{ left: 4rem; }
	.clinic .wrap{ padding: 0 2rem; margin-bottom: 5rem; }
	.clinic .box:nth-child(1){ margin-bottom: 5rem; }
	.clinic .box .photo img{ width: 100%; }
	.clinic .box h3{ position: static; width: 100%; margin-bottom: 3.5rem; }
	.clinic .box ul{ width: 100%; padding-top: 1.5rem; }
	.clinic h4{ font-size: 1.6rem; padding-left: 3rem; }
	.clinic h4:before{ font-size: 2rem; top: .5rem; }
	.clinic .btn{ padding: 0 2rem; }
    .btn02{border-radius:50px 50px 50px 50px; }
	
	.invi_area{
	width: 100%;
	margin: auto;
}
	
	.invi{ width: 100%; margin: 7rem auto 3rem; padding: 1.5rem 2.5rem 8.4rem; background: none; }
	.invi:before {
   width: 20.8rem;
    height: 20.5rem;
    top: -8rem;
    right: 0rem;
}
	.invi:after{ content: ""; width: calc(100% - 2rem); height: 100%;
		background: linear-gradient(to left,#DABB86 0, #D1AC72 48%,#B18A56 75%,#A1804F 100%);
		border-radius: .5rem; position: absolute; top: 0; left: 1rem; z-index: -2; }
	.invi .tit{ font-size: 2rem; width: 100%; text-align-last: auto; }
	.invi p:not([class]){ width: 100%; line-height: 1.85; letter-spacing: 0.15em; }
	.invi .badge{width: 10.1rem;
    height: 10.1rem;
    font-size: 1.5rem;
    top: -5rem;
    right: 0.5rem; }
	.invi .badge:after{ width: 8.8rem; height: 8.8rem; }
	.invi .btn{ width: calc(100% - 1.5rem); right: 0.75rem; bottom: 1.5rem; }
	
	.sample-top-info{ margin-top: -2.5rem; padding: 4.5rem 1.4rem 8.25rem;
		background-image: url(../images/common/webp/bg-2.webp);
		background-repeat: repeat; background-position: center; background-size: 36rem; }
	.sample-top-info .wrap{ padding: 4.5rem 0 3.5rem; }
	.sample-top-info .wrap:before{ width: 100%; border-radius: .5rem; }
	.sample-top-info h2{ padding-left: 1.5rem; }
	.sample-top-info h2.base:before{ left: 1.5rem; }
	
	.sample-top-info .left{ margin-bottom: 5.5rem; }
	
	.sample-top-info  .hour table + p,
	.sample-top-info .left ul,
	.sample-top-info .left ul + p,
	.sample-top-info .right{ padding: 0 0.75rem; }
	
	.sample-top-info .box:first-child{ margin-bottom: 4.5rem; }
	.sample-top-info img{ width: 100%; }
	.sample-top-info .box .cate{ width: 6rem; font-size: 1.1rem; }
	.sample-top-info .box .more{ width: 1.8rem; height: 1.8rem; }
	
		.sample-staff{  padding: 13.5rem 0 110vw; margin-top: -8rem;
		background-image: url("../images/common/webp/bg-2.webp");
		background-repeat: repeat; background-position: center; background-size: 36rem; }
	.sample-staff:after{ width: 100%; height: 110vw;
		background-image: url("../images/index/webp/staff02-sp.webp"); }
	.sample-staff .wrap{ padding: 5rem 0 9.5rem; }
	.sample-staff .wrap:before{ content: none; }
	.sample-staff h2{ width: 100%; padding-left: 4rem; font-size: 2.7rem; margin-bottom: 2rem; }
	.sample-staff h2:before{ content: none; }
	.sample-staff h2:after{ margin-left: 1.5rem; }
	.sample-staff h2 span{ text-align: left; left: 4rem; font-size: 1.8rem; top: .4rem; }
	.sample-staff .in{ width: 100%; padding: 38.4rem 4rem 0; margin-bottom: 5rem; }
	.sample-staff .in:before{ top: 0; left: 2.5rem; width: 32.15rem; height: 36.4rem; 
		background-image: url("../images/index/webp/staff01-sp.webp"); }
	
	.sample-staff h3{ font-size: 2rem; }
	.sample-staff h3 span{ font-size: 1.5rem; }
	.sample-staff h3 small{ font-size: 1.35rem; margin-left: .5rem; }
	.sample-staff .btn{ padding: 0 2rem; }
	
		.sec-bg-2{ height: 22.35rem; background-image: url("../images/index/webp/sec-img-sp.webp");
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 2.4rem), calc(50% + 1.75rem) calc(100% - 2.4rem), 50% 100%, calc(50% - 1.75rem) calc(100% - 2.4rem), 0 calc(100% - 2.4rem)); }
	.sec-bg-2:before{ width: 21.95rem; height: 5.8rem; top: calc((100% - 3.5rem)/2); }
	
	#js-meo-element-template {
		padding: 1rem;
	}
	
	p.x01 {
		padding: 0 1rem;
	}
	
	
}