@media(max-width: 768px){
/****** layout ******/
h2.general{ font-size: 3rem; }
h2.general:before{ width: 30rem; height: 7.2rem; top: -.5rem; }
h2.general small{ font-size: 2rem; }
h2.general + p.sub-font{ font-size: 1.4rem; margin-top: 2.25rem; }
/****** style *****/
.mv{ margin-bottom: 1.25rem; }
.mv .main-slide{ width: 100%; }
.mv .main-slide li{ border-radius: 0 0 5rem 5rem; }
.mv h1{ position: static; font-size: 2rem; text-align: center; letter-spacing: .18em; }
.mv h1 strong{ font-size: 3rem; }
/* 20221110_add*/
.mv .top-p {
position: static;
font-size: 2rem;
text-align: center;
letter-spacing: .18em;
line-height: 1.8;
}
.mv .top-p strong{ font-size: 3rem; }
.mv-info-box {
padding-top: 0;
width: 100%;
text-align: center;
margin-bottom: 3rem;
font-size: 1rem;
line-height: 1.7;
}
.seo-h1 {
padding-top: 0;
width: 100%;
text-align: center;
font-size: 1.2rem;
line-height: 1.7;
}
/* 20221110_add*/
.mv .logo{ width: 15rem; height: 15rem; border-radius: 100%; background: rgba(255, 255, 255, .9); display: flex; justify-content: center; align-items: center; margin: -7.5rem auto 0; position: relative; z-index: 12; }
.mv .logo img{ width: 8.5rem; }
.mv-info{ width: 100%; margin-bottom: 6.5rem; }
.mv-info > p{ padding-top: 0; width: 100%; text-align: center; margin-bottom: 3rem; font-size: 1rem; line-height: 1.7;}
.mv-info .news{ width: 100%; padding: 3.5rem 2.5rem 4rem; }
.mv-info .news:before{ width: 100vw; border-radius: 0; }
.mv-info .news .btn{ width: 100%; }
.banner-consuling{ width: 32.5rem; height: 27.4rem; display: block; padding: 11rem 1.25rem 0; border-radius: 4rem; margin-bottom: 4.5rem; }
.banner-consuling:after{ right: 50%; top: auto; bottom: 4rem; transform: translateX(50%); }
.banner-consuling .bg01{ border-radius: 4rem; }
.banner-consuling .item01{ top: -3.8rem; bottom: auto; left: 50%; transform: translateX(-50%); }
.banner-consuling .item01 img{ width: 14rem; }
.banner-consuling dl dt{ font-size: 1.3rem; padding: 1.25rem 0; margin-bottom: 1.2rem; }
.banner-consuling dl dt:before{ width: 100%; height: 100%; }
.banner-consuling dl dt:after{ content: none; }
.banner-consuling dl dd{ font-size: 3rem; }
.sec-intro{ padding: 6rem 0 7.5rem; margin-bottom: 7.5rem; }
.sec-intro:before{ height: calc(100% + 60rem); border-radius: 5rem 5rem 0 0; }
.sec-intro .bg01{ width: 30rem; left: -15rem; top: 5.4rem; }
.sec-intro .bg02{ width: 30rem; right: -15rem; top: 5.4rem; }
.sec-intro h2{ font-size: 2rem; margin-bottom: 3.2rem; }
.sec-intro h2 strong{ font-size: 3rem; }
.sec-intro ol{ margin-bottom: 1.7rem; }
.sec-intro ol li{ width: 16rem; height: 16rem; font-size: 1.3rem; padding-top: 3rem; }
.sec-intro ol li:before{ width: calc(100% - 1rem); height: calc(100% - 1rem); }
.sec-intro ol li:after{ font-size: 2rem; top: 3.2rem; }
.sec-intro ol li:last-of-type{ margin: -1.75rem auto 0; }
.sec-intro h3{ font-size: 1.5rem; margin-bottom: 2.5rem; }
.sec-intro h3 + p{ margin-bottom: 3rem; }
.sec-feature{ margin-bottom: 6.5rem; }
.sec-feature h2 + p{ margin-bottom: 3rem; }
.sec-feature .feature-list li + li{ margin-top: 4rem; }
.sec-feature .feature-list li .img{ position: static; width: 35rem; height: 21.1rem; margin: 0 0 0 -2.5rem; border-radius: 0 4rem 4rem 0; margin-bottom: 1.8rem; }
.sec-feature .feature-list li .img .no{ width: 3.5rem; }
.sec-feature .feature-list li .img .no strong{ font-size: 2rem; }
.sec-feature .feature-list li .txt{ width: 100%; padding: 0; }
.sec-feature .feature-list li .txt h3{ font-size: 1.5rem; padding-bottom: 1.25rem; margin-bottom: 1.1rem; }
.sec-feature .feature-list li .txt h3:after{ width: 100%; }
.sec-feature .feature-list li .txt p{ line-height: 2.154; }
.sec-resv{ padding: 5rem 0; border-radius: 5rem 5rem 0 0; background-image: url(../images/index/webp/resv-bg01-sp.webp); }
.sec-resv ~ .sec-resv{ background-image: url(../images/index/webp/resv-bg02-sp.webp); }
.sec-resv .wrap{ padding-top: 4rem; }
.sec-resv .border01, .sec-resv .border03{ width: 24.5rem; height: .5rem; }
.sec-resv .border01:before{ width: 4rem; height: 4rem; left: -4rem; }
.sec-resv .border01:after{ width: 4rem; height: 4rem; right: -4rem; }
.sec-resv .border02{ width: .5rem; height: calc(100% - 12rem); right: 2.5rem; top: 4rem; }
.sec-resv .border03:before{ width: 4rem; height: 4rem; right: -4rem; bottom: -2rem; }
.sec-resv .border03:after{ width: 4rem; height: 4rem; left: -4rem; bottom: -2rem; }
.sec-resv .border04{ width: .5rem; height: calc(100% - 12rem); left: 2.5rem; top: 4rem; }
.sec-resv h2{ font-size: 2rem; margin-bottom: 1.75rem; }
.sec-resv h2 strong{ font-size: 3rem; }
.sec-resv h2 + h3{ font-size: 1.4rem; margin-bottom: 1.8rem; }
.sec-resv p{ max-width: 27.5rem; }
.sec-resv .banner-box a + a{ margin-top: 2.5rem; }
.web3{ margin-top: 2.5rem; }
.sec-resv .check{ max-width: 27.5rem; margin-bottom: 1.6rem; }
.sec-resv .check li{ font-size: 1.4rem; padding: 1rem 0 1rem 2.5rem; }
.sec-resv .check li:before{ width: 2rem; height: 1.6rem; top: 1.36rem; }
.sec-resv .banner01{ width: 27.5rem; height: 15.4rem; border-radius: 1.5rem; margin: 0 auto; padding: 8.8rem 4rem 0 2.25rem; font-size: 1.4rem; display: block; }
.sec-resv .banner01 img{ width: 12rem; top: -5rem; left: 50%; transform: translateX(-50%); }
.sec-resv .banner01 .arrow{ top: auto; bottom: 3rem; transform: translateY(0); }
.sec-greeting{ margin-top: 8rem; margin-bottom: 7.5rem; }
.sec-greeting h2 + p{ margin-bottom: 2.25rem; }
.sec-greeting .dr-pic .dr01{ position: static; width: 27.5rem; display: block; margin: 0 auto 2.2rem; }
.sec-greeting .dr-pic .txt{ padding: 0; width: 100%; margin-bottom: 5rem; }
.sec-greeting .dr-pic .txt h3{ font-size: 1.5rem; text-align: center; }
.sec-greeting .blue-wrap{ padding: 5rem 2.5rem; border-radius: 4rem; }
.sec-greeting .blue-wrap .graph{ margin-bottom: 1.8rem; }
.sec-treatment{ padding-bottom: 5rem; }
.sec-treatment h2 + p{ margin-bottom: 3rem; }
.sec-first{ margin-bottom: 5rem; }
.sec-first:before{ content: none; }
.sec-first .img01{ width: 35rem; height: 24.5rem; position: static; margin: 0 0 0 -2.5rem; border-radius: 0 4rem 0 0; }
.sec-first .inner{ width: 100%; padding: 1.8rem 0 0 0; }
.sec-first .inner .note{ width: 15rem; height: 15rem; font-size: 1.5rem; top: -7rem; padding-top: 6.8rem; }
.sec-first .inner .note:before{ width: 2rem; height: 2.6rem; top: 3.3rem; }
.sec-first .inner h2{ font-size: 2rem; margin-bottom: 1.2rem; }
.sec-first .inner p{ margin-bottom: 1.6rem; }
.sec-first + .sec-resv{ margin-bottom: 7rem; }
.sec-clinic{ margin-bottom: 10rem; }
.sec-clinic .clinic-photo{ flex-wrap: wrap; }
.sec-clinic .clinic-photo li img{ width: 15rem; border-radius: 1rem; }
.sec-clinic .clinic-photo li:nth-of-type(n+3){ margin-top: 2.5rem; }
.sec-clinic .clinic-photo + p{ margin-bottom: 1.5rem; }
.banner-consuling dl dd.lp_dd{
font-size: 7vw;
}
p.am {
background: linear-gradient(90deg, rgba(85,173,214,1) 0%, rgba(60,125,181,1) 100%);
color: #fff;
font-weight: 600;
text-align: center;
font-size: 4.2vw;
}
.flex2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin: auto;
margin-bottom: 0px;
margin-top: 3vw;
}
.flex2 div {
width: 48%;
}
.flex2 h2 {
position: relative;
padding-left: 10vw;
color: #31a6d6;
font-weight: 600;
font-size: 6.4vw;
margin-bottom: 1vw;
}
.flex2 div:first-child h2:after {
content: "";
position: absolute;
background: url(../images/index/taiyou.png);
background-repeat: no-repeat;
background-size: contain;
width: 10vw;
height: 10vw;
top: 0;
left: 3vw;
}
.flex2 div:nth-child(2) h2:after {
content: "";
position: absolute;
background: url(../images/index/30min.png);
background-repeat: no-repeat;
background-size: contain;
width: 11vw;
height: 11vw;
top: 0;
left: 3vw;
}
.flex2 div p {
font-size: 3.6vw;
}
li.web small { position: absolute; top: 3px; }
}