.mv{ height: calc(100vh - 8rem); min-height: 63rem; width: 100%; display: flex; justify-content: center; align-items: center; /*background: url(../images/index/webp/mv01.webp) no-repeat center/cover;*/ position: relative; z-index: 0; }
.mv .inner > small{ display: block; text-align: center; font-size: 1.4rem; color: #fff; margin-bottom: .8rem; }
.mv .inner p{ font-size: 2.8rem; color: #f9f5a5; text-align: center; line-height: 1.5; letter-spacing: .06em; margin-bottom: .8rem; }
.mv .inner p + span{ display: block; text-align: center; font-size: 1.2rem; color: #fff; margin-bottom: 1rem; }
.mv .inner .mv-logo{ display: block; line-height: 0; text-align: center; }
.mv .main-slide{ width: 100vw; position: absolute; top: 0; left: 0; z-index: -1; }
.mv .main-slide li .pc img{ display: block; width: 100vw; height: calc(100vh - 8rem); object-fit: cover; }

.mv + .gnav{ background: #bdbcbc; width: 100%; height: 11rem; display: flex; justify-content: center; align-items: center; margin-bottom: 8rem; }
.mv + .gnav li + li{ margin-left: 4rem; }
.mv + .gnav li a{ display: block; text-align: center; font-size: 1.4rem; font-weight: 700; color: #837031; padding-top: 3.5rem; background: no-repeat top center/3.4rem; }
.mv + .gnav li:nth-of-type(1) a{ background-image: url(../images/index/icon-gnav01.png); }
.mv + .gnav li:nth-of-type(2) a{ background-image: url(../images/index/icon-gnav02.png); }
.mv + .gnav li:nth-of-type(3) a{ background-image: url(../images/index/icon-gnav03.png); }
.mv + .gnav li:nth-of-type(4) a{ background-image: url(../images/index/icon-gnav04.png); }
.mv + .gnav li:nth-of-type(5) a{ background-image: url(../images/index/icon-gnav05.png); }
.mv + .gnav li:nth-of-type(6) a{ background-image: url(../images/index/icon-gnav06.png); }
.mv + .gnav li:nth-of-type(7) a{ background-image: url(../images/index/icon-gnav07.png); }
.mv + .gnav li:nth-of-type(8) a{ background-image: url(../images/index/icon-gnav04.png); }
.mv + .gnav li:nth-of-type(9) a{ background-image: url(../images/index/icon-gnav08.png); }
.mv + .gnav li a small{ display: block; text-align: center; font-size: 1.2rem; color: #fff; line-height: 1; }

.sec-info{ padding-bottom: 12rem; z-index: 0; }
.sec-info .item01{ position: absolute; bottom: -10rem; left: -28rem; z-index: -1; }
/*.sec-info h2{ font-size: 5rem; text-align: center; color: #e6e2d6; line-height: 1; padding-bottom: 2.8rem; position: relative; margin-bottom: 2rem; }*/
.sec-info h2{ font-size: 5rem; text-align: center; color:#847031a6;; line-height: 1; padding-bottom: 2.8rem; position: relative; margin-bottom: 2rem; }
.sec-info h2:after{ content: ''; width: 5rem; height: 1px; background: linear-gradient(450deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.sec-info h2 + p{ font-size: 2rem; font-weight: 700; color: #837031; text-align: center; margin-bottom: 3.8rem; }
.sec-info .left .news{ display: flex; align-items: center; width: 100%; height: 7rem; padding: 1rem 3rem 1rem 2rem; background: #f9f5a5; color: #837031; margin-bottom: 3rem; }
.sec-info .left .news dt{ font-size: 1.4rem; width: 5.5rem; height: 100%; display: flex; align-items: center; border-right: solid 1px; }
.sec-info .left .news dd{ width: calc(100% - 5.5rem); padding-left: 1.8rem; font-size: 1.2rem; line-height: 1.6; }
.sec-info .left .news dd a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 1rem; position: relative; }
.sec-info .left .news dd a:after{ content: ''; width: .6rem; height: .6rem; border-bottom: solid 1px; border-right: solid 1px; position: absolute; top: 50%; right: .3rem; transform: translateY(-50%) rotate(-45deg); }
.sec-info .left .news dd a .time{ display: block; }
.sec-info .left .covid{ width: 100%; background: url(../images/index/webp/covid-bg01.webp) no-repeat center/cover; color: #fff; padding: 3.6rem 0 3rem; text-align: center; margin-bottom: 3rem; }
.sec-info .left .covid h3{ font-size: 2.2rem; margin-bottom: .8rem; }
.sec-info .left .covid p{ font-size: 1.3rem; letter-spacing: .05em; margin-bottom: 2.2rem; }
.sec-info .left .covid .btn{ width: 22rem; margin: 0 auto; }

h2.general{ font-size: 2rem; text-align: center; font-weight: 700; color: #837031; }
h2.general:before{ content: attr(data-en); font-size: 10rem; font-family: adobe-garamond-pro, serif; font-weight: 400; display: block; text-align: center; color: #e6e2d6; line-height: 1; margin-bottom: .5rem; }

.sec-concept{ background: url(../images/index/webp/bg01.webp) center; position: relative; padding: 6rem 0 0; }
.sec-concept:before{ content: ''; width: 1px; height: 15rem; background: linear-gradient(180deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; top: -7.5rem; left: 50%; }
.sec-concept h2{ margin-bottom: 1.5rem; }
.sec-concept h2:before{ color: #fff; }
.sec-concept h2 + p{ text-align: center; line-height: 1.8; margin-bottom: 3.4rem; }
.concept-list li{ position: relative; padding: 4.5rem 0 5rem; }
.concept-list li:before{ content: ''; width: 100vw; height: 100%; background: linear-gradient(-45deg, rgba(172,171,171,1) 0%, rgba(255,255,255,1) 100%); position: absolute; top: 0; left: calc(-50vw + 45rem); mix-blend-mode: multiply; }
.concept-list li:nth-of-type(even):before{ background: linear-gradient(45deg, rgba(172,171,171,1) 0%, rgba(255,255,255,1) 100%); }
.concept-list li img[class*="item"]{ position: absolute; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.4); }
.concept-list li img.item01{ top: -27.5rem; right: -15rem; }
.concept-list li img.item02{ top: 2.5rem; right: 10rem; }
.concept-list li img.item03{ top: -12.5rem; right: -10rem; }
.concept-list li img.item04{ top: 17.5rem; right: 10rem; }
.concept-list li img.item05{ top: -12.5rem; right: -15rem; z-index: 1; }
.concept-list li img.item06{ top: 2.5rem; right: -5rem; }
.concept-list li img.item07{ top: -2.5rem; right: -15rem; }
.concept-list li img.item08{ bottom: -7.5rem; right: 10rem; }
.concept-list li .txt{ position: relative; width: 55rem; }
.concept-list li .txt h3{ font-size: 2rem; color: #fff; position: relative; padding-bottom: 1rem; margin-bottom: 1.2rem; }
.concept-list li .txt h3:after{ content: ''; width: calc(50vw + 10rem); height: 1px; background: linear-gradient(450deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; bottom: 0; left: calc(-50vw + 45rem); }
.concept-list li .txt h3 span{ display: block; line-height: .8; font-size: 3.6rem; font-family: adobe-garamond-pro, serif; font-weight: 600; color: #fff; margin-bottom: .8rem; }
.concept-list li .txt h3 span:first-letter{ font-size: 10rem; color: #f9f5a5; letter-spacing: -.2em; }
.concept-list li .txt p{ margin-bottom: 5rem; }

.img-box01{ background: url(../images/index/webp/img-box01.webp) no-repeat center/cover; height: 40rem; }

.sec-greeting{ background: url(../images/index/webp/greeting-bg01.webp) no-repeat center/cover; }
.sec-greeting .wrap{ padding-top: 9.5rem; padding-bottom: 20rem; }
.sec-greeting .bg01{ position: absolute; top: -1.5rem; right: -34.5rem; }
.sec-greeting h2{ padding-top: 4rem; background: url(../images/index/item-ttl01.png) no-repeat center top/4.6rem; margin-bottom: 8rem; }
.sec-greeting .dr-row{ align-items: flex-start; position: relative; }
.sec-greeting .dr-row .txt{ width: 45rem; }
.sec-greeting .dr-row .txt h3{ margin-bottom: 1.2rem; }
.sec-greeting .dr-row .txt h3 small{ display: block; font-size: 1.8rem; font-weight: 400; }
.sec-greeting .dr-row .txt h3 strong{ display: block; font-size: 4rem; color: #837031; line-height: 1.5; }
.sec-greeting .dr-row .txt h4{ font-size: 2rem; color: #837031; position: relative; padding-bottom: 1.3rem; margin-bottom: 1.5rem; }
.sec-greeting .dr-row .txt h4:after{ content: ''; width: 100%; height: 1px; background: linear-gradient(450deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; bottom: 0; left: 0; }
.sec-greeting .dr-row .txt p{ margin-bottom: 2.4rem; }
.sec-greeting .dr-row .dr01{ box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 40%); }

.sec-feature{ position: relative; margin-bottom: 10rem; }
.sec-feature:before{ content: ''; width: 1px; height: 15rem; background: linear-gradient(180deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; top: -7.5rem; left: 50%; z-index: 2; }
.sec-feature > .wrap{ padding-top: 7rem; padding-bottom: 17rem; z-index: 0; }
.sec-feature > .wrap:before{ content: ''; width: 100vw; height: 100%; background: url(../images/index/webp/feature-bg01.webp) no-repeat center/cover; position: absolute; top: 0; left: calc(-50vw + 45rem); z-index: -1; }
.sec-feature h2{ color: #f9f5a5; margin-bottom: 8.5rem; }
.sec-feature h2:before{ color: #fff; }
.sec-feature .feature-list{ display: flex; flex-wrap: wrap; justify-content: space-between; counter-reset: feature; }
.sec-feature .feature-list li{ width: 41rem; display: flex; justify-content: space-between; align-items: flex-start; }
.sec-feature .feature-list li:nth-of-type(n+3){ margin-top: 7rem; }
.sec-feature .feature-list li picture{ width: 12rem; display: block; position: relative; padding-top: 2.5rem; }
.sec-feature .feature-list li picture:before{ counter-increment: feature; content: counter(feature,decimal-leading-zero); width: 5rem; height: 5rem; border-radius: 2.5rem; background: #837031; color: #fff; font-size: 2.8rem; font-family: adobe-garamond-pro, serif; font-weight: 400; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; line-height: 1; letter-spacing: 0; }
.sec-feature .feature-list li picture img{ border-radius: 6rem; box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.4); }
.sec-feature .feature-list li .txt{ width: 27rem; }
.sec-feature .feature-list li .txt h3{ font-size: 2rem; color: #f9f5a5; margin-bottom: 1rem; }
.sec-feature .feature-list li .txt p{ color: #fff; letter-spacing: .06em; margin-bottom: 2.2rem; }
.sec-feature .pain{ background: url(../images/index/webp/bg02.webp) center; color: #fff; }
.sec-feature .pain .wrap{ padding-top: 7rem; padding-bottom: 6.5rem; }
.sec-feature .pain img[class*="item"]{ position: absolute; box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 40%); }
.sec-feature .pain img.item01{ top: -20rem; right: -20rem; }
.sec-feature .pain img.item02{ top: 10rem; right: 5rem; }
.sec-feature .pain img.item03{ top: 30rem; right: -5rem; }
.sec-feature .pain h3{ font-size: 3rem; color: #f9f5a5; margin-bottom: 1rem; }
.sec-feature .pain h3 + p{ margin-bottom: 2.7rem; }
.sec-feature .pain ul{ width: 38rem; }
.sec-feature .pain ul li{ font-size: 2rem; font-weight: 700; padding: .8rem 0 .8rem 5rem; background: url(../images/index/icon-check01.png) no-repeat left top 1.5rem/3rem; }
.sec-feature .pain ul li + li{ border-top: solid 1px #3d5873; }

.sec-treatment{ z-index: 0; padding-bottom: 10rem; }
.sec-treatment:before{ content: ''; width: 100vw; height: 100%; background: url(../images/index/webp/treatment-bg01.webp) no-repeat bottom left/cover; position: absolute; bottom: 0; left: calc(-50vw + 40rem); z-index: -1; }
.sec-treatment h2{ padding-top: 5rem; background: url(../images/index/item-ttl02.png) no-repeat top center/2.9rem; margin-bottom: 1.2rem; }
.sec-treatment h2 + p{ text-align: center; color: #837031; margin-bottom: 9rem; }
.sec-treatment .treat-list{ margin-bottom: 7rem; }
.sec-treatment .treat-list + .btn{ margin: 0 auto 15rem; }
.sec-treatment .price .white{ background: #f7f7f7; padding: 4rem 4rem; position: relative; }
.sec-treatment .price .white .item01{ position: absolute; top: -10rem; right: -10rem; box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 40%); }
.sec-treatment .price .white h3{ font-size: 3rem; color: #837031; padding-left: 4.5rem; background: url(../images/index/treatment02.png) no-repeat left center/3.6rem; margin-bottom: 1.2rem; }
.sec-treatment .price .white p{ color: #837031; margin-bottom: 1.5rem; }
.sec-treatment .price .white p span{ font-weight: 700; }
.sec-treatment .price .white p strong{ font-weight: 700; font-size: 2rem; line-height: 1; background: linear-gradient(transparent 60%, #f9f5a5 60%); }
.sec-treatment .price .brown{ background: #cdc6ac; color: #837031; padding: 2.5rem 4rem; display: flex; align-items: center; }
.sec-treatment .price .brown dt{ font-weight: 700; height: 4rem; border-right: solid 1px; display: flex; align-items: center; margin-right: 2rem; padding-right: 2rem; }
.sec-treatment .price .brown dd{ font-size: 1.4rem; }

.sec-flow{ background: url(../images/index/webp/flow-bg01.webp) no-repeat center/cover; position: relative; color: #fff; margin-bottom: 9.5rem; }
.sec-flow:before{ content: ''; width: 100%; height: 4px; background: linear-gradient(450deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; top: 0; left: 0; }
.sec-flow:after{ content: ''; width: 100%; height: 4px; background: linear-gradient(450deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; bottom: 0; left: 0; }
.sec-flow .wrap{ padding-top: 9rem; padding-bottom: 15rem; }
.sec-flow .left{ width: 45rem; }
.sec-flow .left h2{ font-size: 3rem; color: #f9f5a5; padding-left: 4rem; background: url(../images/index/item-ttl03.png) no-repeat left center/2.4rem; margin-bottom: 2rem; }
.sec-flow .left p{ line-height: 1.9; }
.sec-flow .left img[class*="item"]{ position: absolute; box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 40%); }
.sec-flow .left img.item01{ bottom: -7rem; left: -5rem; z-index: 1; }
.sec-flow .left img.item02{ bottom: 13rem; left: 25rem; z-index: 2; }
.sec-flow .right{ width: 25rem; padding-top: 1rem; }
.sec-flow .right ol{ counter-reset: flow; margin-bottom: 4.5rem; min-height: 39rem; }
.sec-flow .right ol li{ font-size: 1.6rem; font-weight: 700; border-bottom: solid 1px; padding-left: 7.5rem; line-height: 2.2; position: relative; }
.sec-flow .right ol li + li{ margin-top: 1.7rem; }
.sec-flow .right ol li:before{ counter-increment: flow; content: counter(flow,decimal-leading-zero); font-size: 2.2rem; font-family: adobe-garamond-pro, serif; font-weight: 600; position: absolute; left: 0; line-height: 1.6; }

.sec-equipment{ margin-bottom: 10rem; }
.sec-equipment h2{ padding-top: 5.2rem; background: url(../images/index/item-ttl04.png) no-repeat top center/6.4rem; margin-bottom: 5.6rem; }
.sec-equipment > .row{ margin-bottom: 7rem; position: relative; align-items: flex-start; }
.sec-equipment > .row .counter{ position: absolute; top: -3.5rem; right: 0; font-size: 1.8rem; color: #837031; }
.sec-equipment .left{ width: 26rem; }
.sec-equipment .left .thumb-nav{ display: flex; flex-wrap: wrap; margin-bottom: 3rem; }
.sec-equipment .left .thumb-nav .swiper-pagination-bullet{ display: block; width: 8rem; height: 8rem; border-radius: 0; background: no-repeat center/cover; margin-right: .666rem; transition: 1s; opacity: 1; position: relative; }
.sec-equipment .left .thumb-nav .swiper-pagination-bullet:nth-of-type(3n){ margin-right: 0; }
.sec-equipment .left .thumb-nav .swiper-pagination-bullet:nth-of-type(n+4){ margin-top: .666rem; }
.sec-equipment .left .thumb-nav .swiper-pagination-bullet:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #717071; mix-blend-mode: multiply; transition: 1s; }
.sec-equipment .left .thumb-nav .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 0; }
.sec-equipment .left .txt-slide{ position: relative; transition: 1s; }
.sec-equipment .left .txt-slide li{ position: absolute; top: 0; left: 0; transition: 1s; opacity: 0; }
.sec-equipment .left .txt-slide li h3{ font-size: 2rem; color: #837031; text-align: center; margin-bottom: 1rem; }
.sec-equipment .right{ width: 45rem; box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 40%); margin-right: 0; }
.sec-equipment .right.equipment-slide li{ line-height: 0; }
.sec-equipment .right.equipment-slide .next,
.sec-equipment .right.equipment-slide .prev{ display: none; }
.sec-equipment > .row + .btn{ margin: 0 auto; }

.sec-calendar{ margin-bottom: 10rem; }
.sec-calendar h2{ padding-top: 5.2rem;  margin-bottom: 5.6rem; }
.junbi{ position: relative; z-index: 0; }
.junbi::before{ position: absolute; content: url("../images/common/junbi.png") ; transform: scale(0.5); top: -26%; right: -12%; z-index: 2; }


/*gray-box*/

.gray-box {background: #f3f3f3;border-radius: 3rem;padding: 4rem 5rem 2rem;margin-top: 3.6rem; margin-bottom: 4rem;}
.gray-box .side-img {margin: 0 0 4rem;}
.gray-box h3{ font-size: 2.2rem; color: #837031; position: relative; padding-bottom: 1px; margin-bottom: .8em; text-align: center;}
.gray-box h3:after{ content: ''; width: 100%; height: 1px; background: linear-gradient(450deg, rgba(167,152,117,1) 0%, rgba(228,213,179,1) 33%, rgba(160,140,57,1) 80%, rgba(167,152,117,1) 100%); position: absolute; bottom: 0; left: 0; }
.gray-box h3 strong {font-size: 6rem!important;line-height: 1;}
.gray-box p{margin-bottom: 1rem; font-size: 1.4rem; }
.font20{display: block; font-size: 2rem;font-weight: 700;text-align: center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}


/*side-img*/

.side-img {display: flex;justify-content: space-between;margin: 40px 0;flex-wrap: wrap;}
.side-img .content {width: 48%;padding: 0px;margin: 0;}
.side-img .content h3{margin-top: 0;}
.side-img .content h4{margin-top: 0;}
.side-img .img {width: 48%;}


/*スマイルプランロゴ*/

.sp-logo{ display: block; width: 150px; margin: 0 auto 10px; }
.sp-logo-wt{ display: block; width: 250px; margin: 0 auto 10px; }

.new-open-flex-box{ display: flex; justify-content: space-between; position:relative; }
.new-open-flex-box .gray-box { border-radius: 1rem; padding: 2rem 2rem 2rem; margin: 0rem 3rem 0rem; }
.new-open-flex-box .gray-box h3 { font-size: 2.2rem; color: #837031; position: relative; padding-bottom: 1px; text-align: center; }
.new-open { z-index: 0; margin-bottom: 0rem; }
.new-open img{ width: 20rem; display: block; margin: 0 auto 1rem; }
.new-open dt { font-size: 2.4rem; color: #000; text-align: center; border-top: solid 1px; border-bottom: solid 1px; width: 30.5rem; margin-bottom: 1.7rem; position: relative; }
.new-open dd { font-size: 2.5rem; color: #a68443; text-align: center; line-height: 1.6; width: 30.5rem; letter-spacing: .02em; white-space: nowrap; }
.new-open dd strong { display: block; font-size: 4.9rem; line-height: 1.1; }


/*cv-content*/

.cv-contact{ width: 100%; height: 4rem; border: solid 1px #837031; display: flex; align-items: center; margin-bottom: .8rem; }
.cv-contact dt{ width: 16rem; height: 100%; background: #837031; color: #fff; font-size: 1.4rem; display: flex; align-items: center; justify-content: center; }
.cv-contact dd{ width: calc(100% - 16rem); }
.cv-contact dd a.cv{ font-size: 1.2rem; color: #837031; display: table; margin: 0 auto; padding: 0 2.2rem 0 2.3rem; background: url(../images/common/icon-online01.png) no-repeat left center/1.5rem; position: relative; }
.cv-contact dd a.cv:after{ content: ''; width: .6rem; height: .6rem; border-right: solid 1px; border-bottom: solid 1px; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(-45deg); }
.cv-contact + p{ font-size: 1.4rem; line-height: 1.6; }
.cv-contact + p a{ color: #837031; font-weight: 700; text-decoration: underline; }

.mv.sp{ display: none; }


/* fadeアニメーション */

.fade{ opacity: 0; transition: 1.5s; }
.fade.active{ opacity: 1; }

.message {
  display: none;
  text-align: center;
}
.message.appear {
  display: block;
  animation: 3s fadeIn 2s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
        .secondopnion p{
            color:#fff;
            text-align: center;
        }
        .secondopnion a.btn{
            margin: 4rem auto 0;
        }
        .secondopnion{
            padding-bottom: 8rem!important;
        }