/* Nikeショールーム予約ページオリジナルのスタイル */
.scroll-y-lock {
    overflow: hidden !important;
}
.wrapper_ img {
    height: 100%;
}
.heading-2 {
    text-align: center;
    font-size: calc(4.8*var(--rem));
    font-weight: 800;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
    .heading-2 {
        font-size: calc(6*var(--rem));
    }
}
.heading-2-under {
    margin-top: calc(2*var(--rem));
    text-align: center;
    font-size: calc(2*var(--rem));
}
@media screen and (max-width: 767px) {
    .heading-2-under {
        margin-top: calc(4*var(--rem));
        font-size: calc(2.6*var(--rem));
    }
}
.heading-2-small {
    text-align: center;
    font-size: calc(2*var(--rem));
}
.heading-2-sub {
    margin-top: calc(1*var(--rem));
    text-align: center;
    font-size: calc(4.0*var(--rem));
    font-weight: 500;
}
.txt_note {
    font-size: 80%;
}
.contents_ {
    font-feature-settings: "palt";
    letter-spacing: 0.02em;
}
.top-kv {
    background-repeat: no-repeat;
    background-image: url(../img/showroom_reservation/img_kv_pc.jpg);
    background-size: cover;
    aspect-ratio: 1920/837;
}
@media screen and (max-width: 767px) {
    .top-kv {
        background-image: url(../img/showroom_reservation/img_kv_sp.jpg);
        aspect-ratio: 750/894;
    }
}
.top-kv .top-kv__inner {
    position: relative;
    height: 100%;
    text-align: center;
    color: #ffffff;
    padding: calc(5*var(--rem)) 0 0 0;
}
@media screen and (max-width: 767px) {
    .top-kv .top-kv__inner {
        padding: calc(6*var(--rem)) 0 0 0;
    }
}
.top-kv .top-kv__mainheading {
    margin: 0;
    font-size: calc(4.8*var(--rem));
    font-weight: 800;
}
.top-kv .top-kv__subheading {
    font-size: calc(2*var(--rem));
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .top-kv .top-kv__subheading {
        margin-top: calc(1*var(--rem));
        font-size: calc(2.6*var(--rem));
    }
}

.forform {
    padding: calc(5*var(--rem)) 0 calc(10*var(--rem));
    color: #ffffff;
    background-color: #111111;
}
.forform__button {
    margin-left: auto;
    margin-right: auto;
    width: calc(47*var(--rem));
    text-align: center;
}
@media screen and (max-width: 767px) {
    .forform__button {
        width: calc(64*var(--rem));
    }
}
.forform__button .forform__button__anchor {
    position: relative;
    display: block;
    padding: calc(1.5*var(--rem)) calc(4.8*var(--rem));
    background-color: #ff4400;
    border-radius: 100px;
    transition: opacity .5s;
}
@media screen and (max-width: 767px) {
    .forform__button .forform__button__anchor {
        padding: calc(2.2*var(--rem)) calc(4.8*var(--rem));
    }
}
.forform__button .forform__button__anchor:hover {
    opacity: .7;
}
.forform__button .forform__button__anchor__text {
    display: inline-block;
    padding-left: calc(4*var(--rem));
    font-size: calc(2*var(--rem));
    background-repeat: no-repeat;
    background-image: url(../img/showroom_reservation/ic-calendar-white.png);
    background-size: calc(2.2*var(--rem));
    background-position: left center;
}
@media screen and (max-width: 767px) {
    .forform__button .forform__button__anchor__text {
        padding-left: calc(6*var(--rem));
        font-size: calc(2.8*var(--rem));
        background-size: calc(3.2*var(--rem));
    }
}

.about {
    overflow: hidden;
    padding-top: calc(17*var(--rem));
    padding-bottom: calc(15*var(--rem));
}
@media screen and (max-width: 767px) {
    .about {
        padding-top: calc(14*var(--rem));
        padding-bottom: calc(15*var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .about .heading-2 {
        margin-left: -1em;
        margin-right: -1em;
    }
}
.about .about-inner {
    margin-top: calc(12*var(--rem));
}
@media screen and (max-width: 767px) {
    .about .about-inner {
        margin-top: calc(10*var(--rem));
    }
}
.about .about-summary .heading-2-sub {
    margin-left: auto;
    margin-right: auto;
    font-size: calc(3.4*var(--rem));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0 calc(3*var(--rem));
}
.about .about-summary .heading-2-sub > img.heading-2-sub-logo {
    width: calc(13.3*var(--rem));
    height: auto;
}
@media screen and (max-width: 767px) {
    .about .about-summary .heading-2-sub > img.heading-2-sub-logo {
        width: calc(16.1*var(--rem));
    }
}

.about__list {
    margin-top: calc(5*var(--rem));
    padding-bottom: calc(7*var(--rem));
    max-width: calc(110*var(--rem));
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .about__list {
        margin-right: calc(-5 * var(--rem));
        margin-left: calc(-5 * var(--rem));
        margin-top: calc(7*var(--rem));
        padding-bottom: calc(10*var(--rem));
        max-width: none;
    }
}
.about .slick-slide > div {
    line-height: 1;
}
.about .slick-dots {
  position: absolute;
  bottom: calc(2 * var(--rem));
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
    .about .slick-dots {
        bottom: calc(3 * var(--rem));
    }
}

.about .slick-dots li {
  display: flex;
  line-height: 1;
}
.about .slick-dots li + li {
  margin-left: calc(2 * var(--rem));
}
.about .slick-dots li button {
  background-color: #e8e8e8;
  font-size: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  border: 0;
  box-shadow: 0;
  border-radius: 100px;
}
@media screen and (min-width: 768px) {
  .about .slick-dots li button {
    width: calc(0.8 * var(--rem));
    height: calc(0.8 * var(--rem));
  }
}
@media screen and (max-width: 767px) {
  .about .slick-dots li button {
    width: calc(1 * var(--rem));
    height: calc(1 * var(--rem));
  }
}
.about .slick-dots li.slick-active button {
  background-color: #111111;
}
.about .slick-arrow {
    font-size: 0;
    border: none;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    width: calc(4 * var(--rem));
    height: calc(4 * var(--rem));
    background-image: url(../img/showroom_reservation/ic-slick-arrow.png);
    background-size: contain;
    z-index: 10;
}
@media screen and (max-width: 767px) {
    .about .slick-arrow {
        width: calc(7 * var(--rem));
        height: calc(7 * var(--rem));
    }
}
.about .slick-prev.slick-arrow {
    left: calc(50% - 15 * var(--rem));
    transform: scale(-1,1);
}
@media screen and (max-width: 767px) {
    .about .slick-prev.slick-arrow {
        left: calc(50% - 22 * var(--rem));
    }
}
.about .slick-next.slick-arrow {
    right: calc(50% - 15 * var(--rem));
}
@media screen and (max-width: 767px) {
    .about .slick-next.slick-arrow {
        right: calc(50% - 22 * var(--rem));
    }
}
.about .about-case .about-case__list {
    margin-top: calc(6 * var(--rem));
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: calc(5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .about .about-case .about-case__list {
        flex-wrap: wrap;
    }
}
.about .about-case .about-case__list__item {
    width: calc(50% - 2.5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .about .about-case .about-case__list__item {
        width: 100%;
    }
}
.about .about-case .about-case__list__image {
    display: block;
    width: 100%;
}
.about .about-case .about-case__list__image > img {
    width: 100%;
    height: auto;
}
.about .about-case .about-case__list__heading {
    width: 100%;
    margin-top: calc(2 * var(--rem));
    font-size: calc(3.4 * var(--rem));
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .about .about-case .about-case__list__heading {
        text-align: center;
    }
}
.about .about-case .about-case__list__description {
    margin-top: calc(0.6 * var(--rem));
    font-size: calc(2 * var(--rem));
}
@media screen and (max-width: 767px) {
    .about .about-case .about-case__list__description {
        font-size: calc(2.6 * var(--rem));
    }
}
.about .about-beginner {
    padding: calc(12*var(--rem)) calc(5*var(--rem));
    background-color: #f2f2f2;
}
@media screen and (max-width: 767px) {
    .about .about-beginner {
        padding: calc(10*var(--rem)) calc(5*var(--rem));
    }
}
.about .about-beginner .about-beginner__icon {
    display: block;
    width: 100%;
    text-align: center;
}
.about .about-beginner .about-beginner__icon > img {
    width: calc(4.9 * var(--rem));
    height: auto;
}
.about .about-beginner .heading-2-sub {
    margin-top: calc(4*var(--rem));
}
.about .about-beginner .about-beginner__description {
    margin-top: calc(2*var(--rem));
    text-align: center;
    font-size: calc(2*var(--rem));
}
@media screen and (max-width: 767px) {
    .about .about-beginner .about-beginner__description {
        font-size: calc(2.6*var(--rem));
    }
}
.about .about-product .about-product__list {
    margin-top: calc(6 * var(--rem));
    margin-left: auto;
    margin-right: auto;
}
.product__list {
    display: flex;
    align-items: stretch;
    justify-content: start;
    flex-wrap: wrap;
    gap: calc(4 * var(--rem));
}
.product__list .product__item {
    width: calc(25% - calc(3 * var(--rem)))
}
@media screen and (max-width: 767px) {
    .product__list .product__item {
        width: calc(50% - calc(2 * var(--rem)))
    }
}
.product__list .product__item:nth-of-type(n+5) {
    display: none;
}
.product__list .product__item-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    padding: 0 0 calc(2 * var(--rem));
    display: flex;
    flex-direction: column;
    border: none;
    outline: none;
    border-radius: calc(1 * var(--rem));
    box-shadow: 0 0 calc(2 * var(--rem)) 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: opacity .5s ease;
    opacity: 1;
}
.product__list .product__item-inner:hover {
    opacity: .7;
}
.product__list .product__item-image {
    width: 100%;
    text-align: center;
}
.product__list .product__item-image > img.product__item-image-photo {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 767px) {
    .product__list .product__item-inner:has(.product__item-tag) .product__item-image > img.product__item-image-photo {
        position: relative;
        top: calc(1.2 * var(--rem));
    }
}
.product__list .product__item-heading {
    position: relative;
    width: 100%;
    font-size: calc(3.0 * var(--rem));
    font-weight: 500;
    padding: calc(1 * var(--rem)) calc(2 * var(--rem));
    text-align: left;
    color: #000000;
}
/*
@media screen and (max-width: 767px) {
    .product__list .product__item-heading {
        font-size: calc(2.6 * var(--rem));
    }
}
    */
.product__list .product__item-subheading {
    width: 100%;
    font-size: calc(1.8 * var(--rem));
    /*
    margin-top: auto;
    */
    padding: 0 calc(2 * var(--rem));
    text-align: left;
    color: #000000;
}
/*
@media screen and (max-width: 767px) {
    .product__list .product__item-subheading {
        font-size: calc(2 * var(--rem));
    }
}
    */
.product__list .product__item-tags {
    position: absolute;
    left: calc(0.8 * var(--rem));
    top: calc(0.8 * var(--rem));
    line-height: 1;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: nowrap;
    gap: calc(0.5 * var(--rem));
}
.product__list .product__item-tags > .product__item-tag {
    background-color: #ff4400;
    color: #ffffff;
    padding: calc(0.5 * var(--rem)) calc(0.5 * var(--rem)) calc(0.8 * var(--rem));
    font-size: calc(1.6 * var(--rem));
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .product__list .product__item-tags > .product__item-tag {
        font-size: calc(2.2 * var(--rem));
    }
}
.about .about-product .about-product__more {
    width: 100%;
    margin-top: calc(6 * var(--rem));
    margin-left: auto;
    margin-right: auto;
}
.about .about-product .about-product__more .product__more-btn {
    margin-left: auto;
    margin-right: auto;
}
.product__more-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(28 * var(--rem));
    height: calc(6.4 * var(--rem));
    background: #ffffff;
    color: #000000;
    font-size: calc(2 * var(--rem));
    outline: none;
    border: calc(0.1 * var(--rem)) solid #000000;
    border-radius: 9999px;
    transition: opacity 0.5s;
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .product__more-btn {
        width: calc(32.7 * var(--rem));
        height: calc(8.7 * var(--rem));
        font-size: calc(2.5 * var(--rem));
    }
}
.product__more-btn:hover {
    opacity: .7;
}
.product__more-btn:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: calc(2.5 * var(--rem));
    width: calc(2 * var(--rem));
    height: calc(0.16 * var(--rem));
    background-color: #000000;
}
@media screen and (max-width: 767px) {
    .product__more-btn:before {
        right: calc(3 * var(--rem));
        width: calc(2.6 * var(--rem));
    }
}
.product__more-btn:after {
    content: "";
    position: absolute;
    display: block;
    margin: auto 0;
    top: 0;
    bottom: 0;
    right: calc(3.42 * var(--rem));
    width: calc(0.16 * var(--rem));
    height: calc(2 * var(--rem));
    background-color: #000000;
    transition: opacity 0.5s;
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .product__more-btn:after {
        right: calc(4.22 * var(--rem));
        height: calc(2.6 * var(--rem));
    }
}
.product__more-btn.is-open:after {
    opacity: 0;
}

.flow {
    background-color: #111111;
    padding-top: calc(15*var(--rem));
    padding-bottom: calc(15*var(--rem));
}
@media screen and (max-width: 767px) {
    .flow {
        padding-top: calc(14*var(--rem));
        padding-bottom: calc(14*var(--rem));
    }
}
.flow .heading-2 {
    color: #ffffff;
}
.flow__list {
    margin-top: calc(7 * var(--rem));
    counter-reset: number 0;
}
@media screen and (min-width: 768px) {
    .flow__list {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}
@media screen and (max-width: 767px) {
    .flow__list {
        margin-top: calc(8 * var(--rem));
    }
}
.flow__list .flow__list__item {
    position: relative;
    text-align: center;
    background-color: #ffffff;
    border-radius: calc(1 * var(--rem));
}
@media screen and (min-width: 768px) {
    .flow__list .flow__list__item {
        width: calc(51.2 * var(--rem));
    }
}
@media screen and (max-width: 767px) {
    .flow__list .flow__list__item:not(:first-child) {
       margin-top: calc(3 * var(--rem));
    }
}
.flow__list .flow__list__item .flow__list__item__inner {
    overflow: hidden;
    position: relative;
    padding: calc(4.5 * var(--rem)) calc(2 * var(--rem)) calc(4.5 * var(--rem)) calc(2 * var(--rem));
}
@media screen and (max-width: 767px) {
    .flow__list .flow__list__item .flow__list__item__inner {
        padding: calc(5.5 * var(--rem)) calc(2 * var(--rem)) calc(6 * var(--rem)) calc(2 * var(--rem));
    }
}
.flow__list .flow__list__item .flow__list__item__inner:before {
    counter-increment: number 1;
    content: "STEP" counter(number);
    position: absolute;
    top: calc(-1 * var(--rem));
    left: calc(-1 * var(--rem));
    font-size: calc(9.5 * var(--rem));
    font-family: "helvetica-neue-lt-pro-cond", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
    color: #f2f2f2;
}
@media screen and (max-width: 767px) {
    .flow__list .flow__list__item .flow__list__item__inner:before {
        top: calc(-2 * var(--rem));
        left: calc(-2 * var(--rem));
        font-size: calc(13 * var(--rem));
    }
}
.flow__list .flow__list__item:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    left: calc(-6 * var(--rem));
    top: calc(50% - 3.3 * var(--rem));
    width: calc(9.8 * var(--rem));
    height: calc(7.8 * var(--rem));
    background-image: url(../img/showroom_reservation/ic-flow-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (min-width:768px) {
    .flow__list .flow__list__item:not(:first-child):after {
        transform: rotate(-90deg);
    }
}
@media screen and (max-width: 767px) {
    .flow__list .flow__list__item:not(:first-child):after {
        left: calc(50% - 6 * var(--rem));
        top: calc(-6 * var(--rem));
        width: calc(12 * var(--rem));
        height: calc(7.2 * var(--rem));
    }
}
.flow__list .flow__list__item .flow__list__item__icon {
    text-align: center;
    position: relative;
}
.flow__list .flow__list__item .flow__list__item__icon img {
    width: auto;
    height: calc(5.8 * var(--rem));
}
.flow__list .flow__text {
    position: relative;
}
.flow__list .flow__text .flow__text__h3 {
    margin-top: calc(3 * var(--rem));
    font-size: calc(3 * var(--rem));
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .06em;
}
@media screen and (max-width: 767px) {
    .flow__list .flow__text .flow__text__h3 {
        margin-top: calc(3*var(--rem));
        font-size: calc(4 * var(--rem));
    }
}
.flow__list .flow__text .flow__text__sub {
    margin-top: calc(0.5 * var(--rem));
    font-size: calc(2.2 * var(--rem));
    line-height: 1.5;
    letter-spacing: .06em;
}
@media screen and (max-width: 767px) {
    .flow__list .flow__text .flow__text__sub {
        margin-top: calc(2*var(--rem));
        font-size: calc(2.6 * var(--rem));
    }
}
.flow__list .flow__text .flow__text__sub strong {
    font-weight: 500;
}
.flow__list .flow__text .flow__text__sub:has(> .txt_note) {
    line-height: 1.2;
    letter-spacing: 0;
}

.nike-form {
    padding-top: calc(15*var(--rem));
}
.nike-form__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(110*var(--rem));
}

.access {
    padding-top: calc(15*var(--rem));
}
@media screen and (max-width: 767px) {
    .access {
        padding-top: calc(14*var(--rem));
    }
}
.access__inner {
    margin-top: calc(3*var(--rem));
    margin-left: auto;
    margin-right: auto;
    max-width: calc(110*var(--rem));
}
@media screen and (max-width: 767px) {
    .access__inner {
        max-width: none;
    }
}
.access__inner-map {
    width: 100%;
    aspect-ratio: 1100/600;
}
@media screen and (max-width: 767px) {
    .access__inner-map {
        width: 100%;
        aspect-ratio: 650/570;
    }
}
@media screen and (max-width: 767px) {
    .access .heading-2-under {
        font-size: calc(3*var(--rem));
        font-weight: 500;
    }
}
.access__inner-map > iframe {
    width: 100%;
    height: 100%;
}
.access__inner-explanation-list {
    margin: calc(3*var(--rem)) auto 0;
    width: 60%;
}
@media screen and (max-width: 767px) {
    .access__inner-explanation-list {
        width: 100%;
    }
}
.access__inner-explanation-list .access__inner-explanation-item {
    position: relative;
    width: 100%;
}
.access__inner-explanation-list .access__inner-explanation {
    position: absolute;
    left: 0;
    top: 0;
    width: fit-content;
    padding-right: 0.5em;
    background-color: #ffffff;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    .access__inner-explanation-list .access__inner-explanation {
        position: relative;
        display: inline;
        padding-right: 0;
    }
}
.access__inner-explanation-list .access__inner-explanation-additional {
    position: relative;
    width: 100%;
    text-align: right;
    z-index: 1;
}
@media screen and (max-width: 767px) {
    .access__inner-explanation-list .access__inner-explanation-additional {
        display: inline;
    }
}

.faq {
    padding-top: calc(15*var(--rem));
    padding-bottom: calc(15*var(--rem));
}
@media screen and (max-width: 767px) {
    .faq {
        padding-top: calc(14*var(--rem));
    }
}
.l-accordion__area {
    margin-top: calc(7*var(--rem));
    margin-left: auto;
    margin-right: auto;
    max-width: calc(110*var(--rem));
}
@media screen and (max-width: 767px) {
    .l-accordion__area {
        max-width: none;
    }
}
.l-accordion__one {
    background-color: #fff;
    position: relative;
    border-top: 1px solid #dadada;
}
.l-accordion__one:last-of-type {
    border-bottom: 1px solid #dadada;
}
.l-accordion__header {
    position: relative;
    cursor: pointer;
    transition: all .3s
}
@media screen and (min-width: 768px) {
    .l-accordion__header {
        padding: calc(2.4*var(--rem)) calc(9*var(--rem)) calc(2.4*var(--rem)) 0;
    }
}
@media screen and (max-width: 767px) {
    .l-accordion__header {
        padding: calc(3*var(--rem)) calc(8*var(--rem)) calc(3*var(--rem)) 0;
    }
}
.l-accordion__header.is-open .i_box::before {
    transform: translate(-50%, -50%) rotate(180deg)
}
.l-accordion__header-text {
    font-weight: 500;
}
@media screen and (min-width: 768px) {
    .l-accordion__header-text {
        font-size: calc(2.2*var(--rem));
        line-height: 1.5909090909;
        letter-spacing: .06em;
    }
}
@media screen and (max-width: 767px) {
    .l-accordion__header-text {
        font-size: calc(2.6*var(--rem));
        line-height: 1.5909090909;
        letter-spacing: .06em;
    }
}
.l-accordion__header .i_box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
    .l-accordion__header .i_box {
        width: calc(6*var(--rem));
        height: calc(6*var(--rem));
        right: 0;
    }
}
@media screen and (max-width: 767px) {
    .l-accordion__header .i_box {
        width: calc(8*var(--rem));
        height: calc(8*var(--rem));
        right: 0;
    }
}
.l-accordion__header .i_box::before {
    position: absolute;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/showroom_reservation/ic-arrow-down.png);
    top: 52%;
    left: 52%;
    transform: translate(-50%, -50%);
    transition: all .3s
}
@media screen and (min-width: 768px) {
    .l-accordion__header .i_box::before {
        width: calc(1.8*var(--rem));
        height: calc(0.9*var(--rem))
    }
}
@media screen and (max-width: 767px) {
    .l-accordion__header .i_box::before {
        width: calc(2.2*var(--rem));
        height: calc(1.2*var(--rem))
    }
}
.l-accordion__body {
    display: none;
    position: relative
}
@media screen and (min-width: 768px) {
    .l-accordion__body {
        padding: 0 calc(9*var(--rem)) calc(2.8*var(--rem)) 0
    }
}
@media screen and (max-width: 767px) {
    .l-accordion__body {
        padding: 0 0 calc(2.8*var(--rem)) 0
    }
}
@media screen and (min-width: 768px) {
    .l-accordion__body-text {
        font-size: calc(2*var(--rem));
        line-height: 1.5555555556;
        letter-spacing: .06em;
    }
}
@media screen and (max-width: 767px) {
    .l-accordion__body-text {
        font-size: calc(2.6*var(--rem));
        line-height: 1.5909090909;
        letter-spacing: .06em;
    }
}

.banner-links {
    max-width: calc(142 * var(--rem));
    /*
    padding: calc(8 * var(--rem)) calc(16 * var(--rem));
    */
    padding: 0 calc(16 * var(--rem)) calc(8 * var(--rem));
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 767px) {
    .banner-links {
        max-width: none;
        /*
        padding: calc(5 * var(--rem)) calc(5 * var(--rem));
        */
        padding: 0 calc(5 * var(--rem)) calc(5 * var(--rem));
    }
}
.banner-links .banner-links__list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(6*var(--rem));
}
@media screen and (max-width: 767px) {
    .banner-links .banner-links__list {
        gap: calc(4*var(--rem));
    }
}
.banner-links .banner-links__list .banner-links__list__item {
    width: 100%;
}
.banner-links .banner-links__list .banner-links__list__item .banner-links__list__item-link {
    display: block;
    width: 100%;
    text-align: center;
}

@keyframes infinity-scroll-top {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-50%)
    }
    100% {
        transform: translateY(0)
    }
}
@keyframes infinity-scroll-bottom {
    0% {
        transform: translateY(-50%)
    }
    50% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-50%)
    }
}

/* モーダル */
.mfp-figure:after {
    content: none;
}
.mfp-auto-cursor .mfp-content {
    width: calc(70 * var(--rem));
}
@media screen and (max-width: 767px) {
    .mfp-auto-cursor .mfp-content {
        width: calc(65 * var(--rem));
    }
}
.mfp-content .product-modal {
    max-height: 90vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: calc(4 * var(--rem));
}
@media screen and (max-width: 767px) {
    .mfp-content .product-modal {
        max-height: 75vh;
        border-radius: calc(5 * var(--rem));
    }
}
.mfp-content .product-modal::-webkit-scrollbar {
    display: none;
}
.mfp-content .product-modal .product-modal__inner {
    padding: calc(7.2 * var(--rem)) calc(8.8 * var(--rem));
    background-color: #ffffff;
}
@media screen and (max-width: 767px){
    .mfp-content .product-modal .product-modal__inner {
        padding: calc(5.6 * var(--rem));
    }
}
.mfp-content .product-modal .mfp-close {
    position: absolute;
    top: calc(2.6 * var(--rem)) !important;
    right: calc(2.6 * var(--rem)) !important;
    font-size: 0 !important;
    width: calc(5.4 * var(--rem));
    height: calc(5.4 * var(--rem));
    border-radius: calc(2.7 * var(--rem));
    background-color: #000000;
    transition: opacity .5s ease;
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .mfp-content .product-modal .mfp-close {
        width: calc(7.2 * var(--rem));
        height: calc(7.2 * var(--rem));
        border-radius: calc(3.6 * var(--rem));
    }
}
.mfp-content .product-modal .mfp-close:hover,
.mfp-content .product-modal .mfp-close:focus {
    opacity: .7;
}
.mfp-content .product-modal .mfp-close:before,
.mfp-content .product-modal .mfp-close:after {
    content: "";
    position: absolute;
    display: block;
    width: 46%;
    height: 2px;
    left: 27%;
    top: calc(50% - 1px);
    background-color: #ffffff;
}
.mfp-content .product-modal .mfp-close:before {
    transform: rotate(45deg);
}
.mfp-content .product-modal .mfp-close:after {
    transform: rotate(-45deg);
}
.mfp-content .product-modal .product-modal__content {
    position: relative;
}
.mfp-content .product-modal .product-modal__content-image {
    width: 100%;
    text-align: center;
}
.mfp-content .product-modal .product-modal__content-image > img.product-modal__content-image-photo {
    width: 100%;
    height: auto;
}
.mfp-content .product-modal .product-modal__content-heading {
    width: 100%;
    font-size: calc(3.4 * var(--rem));
    font-weight: 500;
    line-height: 1.2;
    margin: calc(2.0 * var(--rem)) auto calc(2.5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .mfp-content .product-modal .product-modal__content-heading {
        font-size: calc(4.0 * var(--rem));
    }
}
.mfp-content .product-modal .product-modal__content-details {
    margin: 0 auto;
}
.mfp-content .product-modal .product-modal__content-detail {
    margin: calc(2.0 * var(--rem)) auto 0;
}
.mfp-content .product-modal .product-modal__content-detail-title {
    font-size: calc(2.0 * var(--rem));
    text-decoration: underline;
    text-underline-offset: 0.1em;
}
@media screen and (max-width: 767px) {
    .mfp-content .product-modal .product-modal__content-detail-title {
        font-size: calc(2.6 * var(--rem));
    }
}
.mfp-content .product-modal .product-modal__content-detail-body {
    margin: calc(0.5 * var(--rem)) auto 0;
    font-size: calc(2.0 * var(--rem));
}
@media screen and (max-width: 767px) {
    .mfp-content .product-modal .product-modal__content-detail-body {
        font-size: calc(2.6 * var(--rem));
    }
}
.mfp-content .product-modal .product-modal__content-tags {
    position: absolute;
    left: calc(-3.6 * var(--rem));
    top: calc(-1 * var(--rem));
    line-height: 1;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: nowrap;
    gap: calc(0.5 * var(--rem));
}
@media screen and (max-width: 767px) {
    .mfp-content .product-modal .product-modal__content-tags {
        left: calc(1 * var(--rem));
        top: calc(0.2 * var(--rem));
    }
}
.mfp-content .product-modal .product-modal__content-tags > .product-modal__content-tag {
    background-color: #ff4400;
    color: #ffffff;
    padding: calc(0.5 * var(--rem)) calc(0.5 * var(--rem)) calc(0.8 * var(--rem));
    font-size: calc(2 * var(--rem));
    line-height: 1;
}
@media screen and (max-width: 767px) {
    .mfp-content .product-modal .product-modal__content-tags > .product-modal__content-tag {
        font-size: calc(2.6 * var(--rem));
    }
}

/* フォーム送信完了画面 */
#thanks a {
    text-decoration: none
}
#thanks .col1_ {
    width: 100% !important
}
#thanks .bold {
    font-weight: bold
}
#thanks .spOnly {
    display: none
}
@media(max-width: 767px) {
    #thanks .spOnly {
        display: block
    }
}
#thanks ul {
    padding: 0 0 0 3rem
}
#thanks  li {
    list-style: disc
}
@media(max-width: 767px) {
    #thanks  ul {
        padding: 0 0 0 1rem
    }
    #thanks  li {
        padding: 0 0 2vw 0
    }
}
#thanks .title {
    font-size: 28px;
    text-align: center;
    margin: 0 0 2rem;
    letter-spacing: .08rem;
    line-height: 2.8rem
}
@media(max-width: 992px) {
    #thanks .title {
        font-size: 24px
    }
}
@media(max-width: 767px) {
    #thanks .title {
        font-size: 22px;
        line-height: 2.4rem
    }
}
#thanks .title_border {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 8px 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 3rem;
    letter-spacing: .15rem
}
#thanks #btn,
#thanks #step,
#thanks #tel {
    margin: 0 auto
}
#thanks #step,
#thanks #tel {
    padding: 0 20px;
}
#thanks #step,
#thanks #tel {
    max-width: 980px
}
@media(max-width: 992px) {
    #attention, #scene .box-flex, #step, #question, #tel {
        max-width: 700px
    }
}
@media(max-width: 767px) {
    #attention, #step {
        margin: 0 5.5vw;
        padding: 10vw 0 8vw
    }
    #tel {
        margin: 0 3vw;
        padding: 10vw 0 8vw
    }
}
.question__dt, .question__dd {
    position: relative;
    padding-left: 60px;
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media(max-width: 767px) {
    .question__dt, .question__dd {
        width: 90%
    }
    .question__dd {
        max-height: 80px
    }
}
.question__dt::before, .question__dt::after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s;
    background: #9cbfbd;
    left: 95%;
    top: 50%;
    width: 50%;
    height: 2px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
@media(max-width: 767px) {
    .question__dt::before, .question__dt::after {
        position: absolute;
        content: "";
        display: block;
        -webkit-transition: all .4s;
        transition: all .4s;
        background: #9cbfbd;
        left: 104%;
        top: 50%;
        width: 50%;
        height: 2px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}
.question__dt::after {
    width: 24px;
    height: 3px
}
.question__dt::before {
    width: 3px;
    height: 24px;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}
.question__dt.open_:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}
.form {
    z-index: 99;
    position: relative
}
.form-text {
    text-align: center
}
.form-text a {
    color: #3d85c6
}
form {
    max-width: 980px;
    margin: -8rem auto 0
}
.faq_ {
    position: absolute;
    top: 50%;
    font-size: 1.4rem;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    height: 44px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    text-align: center;
    font-weight: 100;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 0 3px 0
}
@media(max-width: 767px) {
    .faq_ {
        font-size: 1.2rem
    }
}
.faq_.faq__q {
    background-color: #9cbfbd
}
.faq_.faq__a {
    background-color: #b8b2a8
}
#tel {
    text-align: center
}
#tel .tel__box {
    border: 10px solid #ece8e5;
    width: 74%;
    padding: 32px 0;
    margin: 0 auto;
    letter-spacing: .1rem
}
@media(max-width: 767px) {
    #tel .tel__box {
        width: 100%
    }
}
#tel .tel__box .tel__box--title {
    font-size: 24px
}
@media(max-width: 767px) {
    #tel .tel__box .tel__box--title {
        font-size: 5vw
    }
}
#tel .tel__box .tel__box--num {
    font-size: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0
}
@media(max-width: 767px) {
    #tel .tel__box .tel__box--num {
        font-size: 7vw
    }
}
#tel .tel__box .tel__box--num::before {
    content: "";
    background: url(/assets/wellness/style/corporation/img/i_tel.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 36px;
    display: inline-block
}
@media(max-width: 767px) {
    #tel .tel__box .tel__box--num::before {
        width: 13vw;
        height: 7vw
    }
}
#tel .tel__box .tel__box--time {
    font-size: 18px
}
@media(max-width: 767px) {
    #tel .tel__box .tel__box--time {
        font-size: .7rem
    }
    #tel .tel__box .tel__box--small {
        font-size: .65rem
    }
}
.customer_status_ {
    display: none
}
#thanks {
    margin: 60px 0
}
#thanks .thanks__info {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 20px 32px;
    margin: 42px auto 0
}
#thanks .thanks__info .thanks__info--box {
    margin: 2rem 0 0
}
#thanks .thanks__info .thanks__info--box>.bold {
    font-size: 20px;
    padding-bottom: 10px
}
#thanks .thanks__txt {
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    border-bottom: 1px solid #e9e7e7;
    padding-bottom: 40px;
    font-size: 1rem
}
@media(max-width: 767px) {
    #thanks .thanks__txt {
        margin: -10px auto;
        padding-bottom: 20px
    }
}
#thanks #tel .tel__box>.bold:nth-child(1) {
    font-size: 18px
}
#thanks #tel .tel__box {
    border: 5px solid #ece8e5;
    width: 60%;
    padding: 22px;
    margin: 0 auto;
    letter-spacing: .1rem
}
@media(max-width: 767px) {
    #thanks #tel .tel__box {
        width: 100%
    }
    #thanks #tel .tel__box>.bold:nth-child(1) {
        font-size: 13px
    }
}
div.questionnaire_box_ {
    border: none !important
}
.buttonArea_crm2_ {
    display: none
}
/*# sourceMappingURL=style.css.map */