@font-face {
    font-family: "CenturyGothic";
    src: url("../font/CenturyGothic.otf") format("opentype");
    font-weight: normal;
}

@font-face {
    font-family: "CenturyGothic";
    src: url("../font/CenturyGothicBold.otf") format("opentype");
    font-weight: bold;
}

.wrapper {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
}

/* TOP SP店舗一覧 */
@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list {
        overflow: hidden;
        border-radius: 6px;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-name {
        background-color: #09295c;
        text-align: center;
        color: #fff;
        position: relative;
        padding: 12px 0;
        font-weight: 600;
        letter-spacing: 4px;
        cursor: pointer;
        border-bottom: 2px solid #fff;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-name .circle {
        width: 24px;
        height: 24px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 16px;
        -webkit-transform: translateY(-50%) translateX(0%);
        -ms-transform: translateY(-50%) translateX(0%);
        transform: translateY(-50%) translateX(0%);
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-name .circle .bar {
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-name .circle .line1 {
        width: 10px;
        height: 2px;
        background-color: #1e2f43;
        display: block;
        position: absolute;
        top: 46%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-name .circle .line2 {
        width: 2px;
        height: 10px;
        background-color: #1e2f43;
        display: block;
        position: absolute;
        top: 31%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-name.active .circle .line2 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-list-wrap {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-list {
        background-color: #fff;
        padding: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-list li {
        width: 50%;
        border-bottom: 2px solid #f4f4f4;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-list li:nth-child(odd) {
        border-right: 2px solid #f4f4f4;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-list li a {
        display: block;
        text-align: center;
        color: #000;
        font-weight: 500;
        letter-spacing: 2px;
        padding: 12px 20px 10px;
        position: relative;
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-list li a:after {
        content: ">";
        position: absolute;
        font-size: 14px;
        top: 50%;
        right: 8px;
        -webkit-transform: translateY(-50%) translateX(0%);
        -ms-transform: translateY(-50%) translateX(0%);
        transform: translateY(-50%) translateX(0%);
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-name.border {
        border-bottom: none;
    }
}

/* サンクページ 動画 */
.page-temp .page-box .text-box iframe {
    height: 450px;
}

@media screen and (max-width: 767px) {
    .page-temp .page-box .text-box iframe {
        height: 210px;
        width: 100%;
        max-width: 400px;
    }
}

/* 記事 single */
.single-article-page .inner {
    padding: 0 10px;
}

.single-article-page .fv {
    position: relative;
}

.single-article-page .fv .img {
    height: 340px;
    overflow: hidden;
}

.single-article-page .fv .img img {
    position: relative;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.single-article-page .fv h1 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    padding: 10px 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #44b6ca;
}

.single-article-page .article-box {
    padding: 40px 10px;
    max-width: 700px;
    margin: 0 auto;
}

.single-article-page .article-box h2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #44b6ca;
}

.single-article-page .article-box p {
    margin-bottom: 20px;
    line-height: 1.75;
    letter-spacing: 1px;
}

.single-article-page .article-box h3 {
    padding: 12px;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #44b6ca;
    position: relative;
}

.single-article-page .article-box h3:before {
    content: "";
    background-color: #d5f9ff;
    width: 90px;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 20px;
    left: 0;
    z-index: -1;
}

.single-article-page .offer-area {
    background-color: #44b6ca;
    overflow: hidden;
}

.single-article-page .offer-area .inner {
    padding: 40px 10px;
    position: relative;
    overflow: hidden;
}

.single-article-page .offer-area .inner:before {
    content: "";
    width: 240px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 10%;
    transform: skewX(-26deg);
}

.single-article-page .offer-area .box {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 80px 0 260px;
    position: relative;
    text-align: center;
}

.single-article-page .offer-area .box:before {
    content: "";
    width: 200px;
    height: calc(100% + 80px);
    position: absolute;
    left: 0;
    top: -40px;
    background-image: url(../img/article-offer-img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.single-article-page .offer-area .box .ttl {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 6px 18px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.single-article-page .offer-area .box .price {
    background-color: #fff;
    margin: 10px 0 20px 0;
}

.single-article-page .offer-area .box .price .blue {
    background-color: #1d2f45;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 0;
    letter-spacing: 1px;
}

.single-article-page .offer-area .box .price .white {
    padding: 10px;
    font-weight: 600;
    text-align: center;
}

.single-article-page .offer-area .box .price .white span {
    font-size: 12px;
}

.single-article-page .offer-area .box .price .white b {
    color: #44b6ca;
    font-size: 22px;
    display: inline-block;
    margin: 0 4px;
}

.single-article-page .offer-area .box .btn-area {
    display: flex;
    justify-content: space-between;
}

.single-article-page .offer-area .box .btn-area a {
    width: 49%;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 10px 10px 35px;
    border-bottom: 6px solid #d5f9ff;
    position: relative;
}

.single-article-page .offer-area .box .btn-area a:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #44b6ca;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%) translateX(0%);
}

.single-article-page .offer-area .box .btn-area a.btn1 {
    color: #ff373c;
    font-weight: 600;
}

.single-article-page .offer-area .box .btn-area a.btn1 span {
    display: block;
    background-color: #ff373c;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 30px;
    padding: 2px;
    margin-bottom: 4px;
}

.single-article-page .offer-area .box .btn-area a.btn2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #68e742;
    font-weight: 600;
}

/* 装飾 */
.single-article-page .article-box .marker1 {
    background: #ffffd5;
}

.single-article-page .article-box .list1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
}

.single-article-page .article-box .list1 li {
    width: 29.111111%;
    margin: 1% 2%;
    background-color: #d5f9ff;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 0px 0px #44b6ca;
    min-height: 50px;
}

.single-article-page .article-box .list2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
}

.single-article-page .article-box .list2 li {
    width: 29.111111%;
    margin: 1% 2%;
    background-color: #d5f9ff;
    color: #44b6ca;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-article-page .article-box blockquote {
    padding: 12px 14px;
    border-radius: 6px;
    margin-bottom: 20px;
    background: repeating-linear-gradient(-45deg, #44b6ca 0, #44b6ca 10px, #53bcce 10px, #53bcce 20px);
    line-height: 1.75;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
}

.single-article-page .article-box .finally {
    background-color: #44b6ca;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    padding: 8px 60px;
    border-radius: 30px;
    margin: 10px 20px;
}

.single-article-page .article-box .finally-box {
    background-color: #d5f9ff;
    padding: 12px 14px;
    line-height: 1.75;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .single-article-page .inner {
        padding: 0;
    }

    .single-article-page .fv .img {
        height: 240px;
    }

    .single-article-page .fv h1 {
        position: relative;
        bottom: auto;
        left: auto;
        display: block;
        background-color: transparent;
        padding: 10px;
        margin-top: 10px;
    }

    .single-article-page .article-box {
        padding: 20px 10px;
        max-width: 500px;
    }

    .single-article-page .article-box h2 {
        font-size: 16px;
        font-weight: 600;
    }

    .single-article-page .article-box p {
        font-size: 12px;
    }

    .single-article-page .article-box h3 {
        padding: 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .single-article-page .offer-area .inner {
        padding: 10px 10px;
        max-width: 500px;
        overflow: visible;
    }

    .single-article-page .offer-area .inner:before {
        width: 160px;
        left: -62px;
    }

    .single-article-page .offer-area .box {
        max-width: 500px;
        padding: 0 0 0 140px;
    }

    .single-article-page .offer-area .box:before {
        width: 140px;
        height: calc(100% + 20px);
        left: -20px;
        top: -10px;
        background-image: url(../img/article-offer-sp-img.png);
    }

    .single-article-page .offer-area .box .ttl {
        padding: 8px 18px;
    }

    .single-article-page .offer-area .box .price {
        margin: 10px 0 10px 0;
    }

    .single-article-page .offer-area .box .price .white {
        font-size: 12px;
    }

    .single-article-page .offer-area .box .price .white span {
        font-size: 10px;
    }

    .single-article-page .offer-area .box .price .white b {
        font-size: 20px;
    }

    .single-article-page .offer-area .box .btn-area {
        flex-flow: column;
    }

    .single-article-page .offer-area .box .btn-area a {
        width: 100%;
    }

    .single-article-page .offer-area .box .btn-area a.btn1 {
        margin-bottom: 6px;
    }

    .single-article-page .offer-area .box .btn-area a.btn1 span {
        width: max-content;
        padding: 2px 14px;
        margin: 0 auto 4px;
    }

    .single-article-page .offer-area .box .btn-area a.btn2 {
        padding: 20px 10px 20px 35px;
    }

    .single-article-page .article-box .list1 {
        flex-flow: column;
    }

    .single-article-page .article-box .list1 li {
        width: 80%;
        margin: 2% 0;
        font-size: 12px;
    }

    .single-article-page .article-box .list2 {
        flex-flow: column;
    }

    .single-article-page .article-box .list2 li {
        width: 80%;
        margin: 2% 0;
        font-size: 12px;
    }

    .single-article-page .article-box blockquote {
        padding: 10px 12px;
    }

    .single-article-page .article-box .finally {
        padding: 8px 40px;
        margin: 10px;
        font-size: 12px;
    }

    .single-article-page .article-box .finally-box {
        padding: 10px 12px;
        font-size: 12px;
    }
}

.single-article-page .btn-area.bottom-area {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.single-article-page .btn-area.bottom-area .inner {
    padding: 10px 60px;
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .single-article-page .btn-area.bottom-area .inner {
        padding: 10px;
        max-width: 500px;
    }
}

/* Fixボタン */
.single-article-page .btn-area.bottom-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .single-article-page.btn-area.bottom-area .btn {
        margin-top: 0;
    }
}

.single-article-page .btn-area.bottom-area .btn .left,
.single-article-page .btn-area.bottom-area .btn .right {
    width: 49%;
}

.single-article-page .btn-area.bottom-area .btn .left a {
    display: block;
    background-color: #ff373c;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon1-img.png);
    background-size: 30px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .single-article-page .btn-area.bottom-area .btn .left a {
        padding: 10px 10px 10px 40px;
        background-size: 22px;
        background-position: 8px 50%;
        letter-spacing: 0;
        background-image: url(../img/top-btn-icon1-img.svg);
    }
}

.single-article-page .btn-area.bottom-area .btn .left a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .single-article-page .btn-area.bottom-area .btn .left a span {
        font-size: 14px;
    }
}

.single-article-page .btn-area.bottom-area .btn .left a b {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
    padding: 2px 20px;
    border-radius: 30px;
    color: #ff373c;
    font-weight: 900;
    font-size: 12px;
    margin: 0 auto 4px;
}

@media screen and (max-width: 767px) {
    .single-article-page .btn-area.bottom-area .btn .left a b {
        padding: 2px 10px;
        font-size: 10px;
        margin-left: 0;
    }
}

.single-article-page .btn-area.bottom-area .btn .right a {
    display: block;
    background-color: #5fe536;
    padding: 22px 10px 22px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon2-img.png);
    background-size: 44px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .single-article-page .btn-area.bottom-area .btn .right a {
        padding: 21px 10px 21px 40px;
        background-size: 32px;
        background-position: 10px 50%;
        letter-spacing: 0;
    }
}

.single-article-page .btn-area.bottom-area .btn .right a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .single-article-page .btn-area.bottom-area .btn .right a span {
        font-size: 14px;
    }
}

/* inquiry2ページ 料金改定 */
.contact-page .re-price-notice {
    max-width: 500px;
    margin: 0 auto;
    padding: 40px 10px;
}

@media screen and (max-width: 767px) {
    .contact-page .re-price-notice {
        padding: 20px 10px;
    }
}

/* カウントダウンタイマー */
.lp-2021.add-lp-2021 .countdown-timer .inner {
    max-width: 600px;
    background: repeating-linear-gradient(-45deg, #77e7eb 0, #77e7eb 4px, #9feff2 4px, #9feff2 6px);
    padding: 20px;
}

.lp-2021.add-lp-2021 .countdown-timer p.ttl {
    text-align: center;
    background-color: #2ba8e8;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    padding: 6px 10px;
    position: relative;
    margin: 0 10px;
}

.lp-2021.add-lp-2021 .countdown-timer p.ttl span {
    font-size: 18px;
    letter-spacing: 2px;
}

.lp-2021.add-lp-2021 .countdown-timer p.ttl:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 6px solid transparent;
    border-top: 8px solid #2ba8e8;
}

.lp-2021.add-lp-2021 .countdown-timer .timer-box {
    background-color: #fff;
    padding: 34px 20px 20px;
    border-radius: 50px;
    margin-top: -12px;
}

.lp-2021.add-lp-2021 .countdown-timer .yycountdown-box {
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-day {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    font-size: 30px;
    font-weight: 600;
    color: #1d2f44;
    letter-spacing: 2px;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-day-text {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    color: #1d2f44;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-hou {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    font-size: 30px;
    font-weight: 600;
    color: #1d2f44;
    letter-spacing: 2px;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-hou-text {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
    color: #1d2f44;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-min {
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    font-size: 30px;
    font-weight: 600;
    color: #1d2f44;
    letter-spacing: 2px;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-min-text {
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
    color: #1d2f44;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-sec {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 1;
    font-size: 30px;
    font-weight: 600;
    color: #1d2f44;
    letter-spacing: 2px;
}

.lp-2021.add-lp-2021 .countdown-timer .yyc-sec-text {
    grid-column-start: 4;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 2;
    color: #1d2f44;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1;
}

.lp-2021.add-lp-2021 .countdown-timer .btn {
    text-align: center;
    margin-top: 20px;
}

.lp-2021.add-lp-2021 .countdown-timer .btn a {
    display: inline-block;
    border: 2px solid #1e2f43;
    background-color: #fff;
    color: #1e2f43;
    border-radius: 30px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 14px 60px;
}

.lp-2021.add-lp-2021 .countdown-timer .attention {
    margin: 20px 0 30px;
    position: relative;
    border: 2px solid #1d2f44;
    padding: 10px;
    text-align: center;
    line-height: 2;
    background: repeating-linear-gradient(-45deg, #56b9ed 0, #56b9ed 4px, #2ca8e8 4px, #2ca8e8 6px);
}

.lp-2021.add-lp-2021 .countdown-timer .attention:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #1d2f44;
}

.lp-2021.add-lp-2021 .countdown-timer .attention p {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}

.lp-2021.add-lp-2021 .countdown-timer .attention p span {
    font-size: 16px;
    background: linear-gradient(transparent 50%, #e0882c 50%);
    padding: 0 2px 0;
    display: inline-block;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .lp-2021.add-lp-2021 .countdown-timer .inner {
        padding: 20px 10px;
    }
}

/* LINE予約ページ */
.line-inquiry .fv {
    background-color: #5ac363;
}

.line-inquiry .fv .inner {
    padding: 70px 200px 40px;
    position: relative;
}

.line-inquiry .fv h1 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 6px;
    position: relative;
    text-align: center;
}

.line-inquiry .fv h1:before {
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(../img/line-icon-img.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.line-inquiry .fv h1 i {
    display: inline-block;
}

.line-inquiry .fv .list {
    width: 460px;
    margin: 40px auto 10px;
    border: 2px solid #fff;
    border-radius: 12px;
    padding: 10px;
    position: relative;
}

.line-inquiry .fv .list:before {
    content: "";
    width: 28px;
    height: 28px;
    background-image: url(../img/line-leaf-icon-img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -27px;
    left: 40px;
}

.line-inquiry .fv .list li {
    color: #fff;
    letter-spacing: 1px;
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}

.line-inquiry .fv .list li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 13px;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}

.line-inquiry .fv .list li:last-child {
    margin-bottom: 0;
}

.line-inquiry .fv .list li b {
    font-size: 18px;
}

.line-inquiry .fv .list li .small {
    font-size: 10px;
}

.line-inquiry .fv .list li .big {
    font-size: 18px;
}

.line-inquiry .fv .list li sup {
    font-size: 10px;
}

.line-inquiry .fv .notice {
    width: 460px;
    margin: 0 auto;
    color: #fff;
    font-size: 10px;
    line-height: 1.75;
}

.line-inquiry .fv .img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
}

.line-inquiry .fv .img2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
}

.line-inquiry .fv .img3 {
    display: none;
}

.line-inquiry .fv .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

@media screen and (max-width: 767px) {
    .line-inquiry .fv {
        overflow: hidden;
    }

    .line-inquiry .fv .inner {
        padding: 180px 10px 30px;
        background-image: url(../img/line-inquiry-fv-img3.png);
        background-size: cover;
        background-position: 28% 100%;
        max-width: 560px;
    }

    .line-inquiry .fv h1 {
        font-size: 20px;
        letter-spacing: 2px;
        z-index: 1;
    }

    .line-inquiry .fv h1:before {
        width: 60px;
        height: 60px;
        top: -90px;
    }

    .line-inquiry .fv .list {
        width: 100%;
        max-width: 320px;
        margin: 24px auto 10px;
        position: relative;
        z-index: 1;
    }

    .line-inquiry .fv .list:before {
        width: 18px;
        height: 18px;
        top: -18px;
        left: 50px;
    }

    .line-inquiry .fv .list li {
        padding-left: 20px;
        font-size: 12px;
    }

    .line-inquiry .fv .list li b {
        font-size: 16px;
    }

    .line-inquiry .fv .list li .big {
        font-size: 16px;
    }

    .line-inquiry .fv .list li:before {
        left: 2px;
    }

    .line-inquiry .fv .notice {
        width: 100%;
        max-width: 320px;
        position: relative;
        z-index: 1;
    }

    .line-inquiry .fv .img1,
    .line-inquiry .fv .img2 {
        display: none;
    }

    /* .line-inquiry .fv .img3 {
		display: block;
		right: 0;
		left: 0;
		margin: 0 auto;
		position: absolute;
		bottom: 0;
		width: 120%;
		height: 100%;
		overflow: hidden;
	}
	.line-inquiry .fv .img3 img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: 37% 100%;
	} */
}

.line-inquiry .shop-box .inner {
    max-width: 600px;
    padding: 20px 10px;
    margin-top: -36px;
}

.line-inquiry .shop-box .notice-ttl {
    text-align: center;
    margin-bottom: 30px;
}

.line-inquiry .shop-box .notice-ttl span {
    background-color: #182f47;
    color: #fff;
    display: inline-block;
    padding: 6px 20px;
    position: relative;
}

.line-inquiry .shop-box .notice-ttl span:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border: 4px solid transparent;
    border-top: 6px solid #182f47;
}

.line-inquiry .shop-box .sp-area-name {
    background-color: #09295c;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 12px 0;
    font-weight: 600;
    letter-spacing: 2px;
    cursor: pointer;
    border-bottom: 2px solid #fff;
    border-radius: 6px 6px 0 0;
}

.line-inquiry .shop-box .sp-area-name .circle {
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
}

.line-inquiry .shop-box .sp-area-name .circle .bar {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.line-inquiry .shop-box .sp-area-name .circle .line1 {
    width: 10px;
    height: 2px;
    background-color: #1e2f43;
    display: block;
    position: absolute;
    top: 46%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.line-inquiry .shop-box .sp-area-name .circle .line2 {
    width: 2px;
    height: 10px;
    background-color: #1e2f43;
    display: block;
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.line-inquiry .shop-box .sp-area-name.active .circle .line2 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.line-inquiry .shop-box .sp-area-list-wrap {
    display: none;
}

.line-inquiry .shop-box .sp-area-list {
    background-color: #fff;
    padding: 0 10px;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0;
}

.line-inquiry .shop-box .sp-area-list li {
    width: 23%;
    border: 2px solid #00a9ef;
    margin: 1%;
    border-radius: 10px;
}

.line-inquiry .shop-box .sp-area-list li a {
    display: block;
    text-align: center;
    color: #09295c;
    font-weight: 600;
    padding: 10px 10px;
    position: relative;
    font-size: 12px;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .line-inquiry .shop-box .sp-area-list {
        padding: 0;
    }

    .line-inquiry .shop-box .sp-area-list li a {
        padding: 10px 4px;
    }
}

/* 料金ページ修正 */
.course-page .fv.ver2 {
    background-color: #dff3fa;
}

.course-page .fv.ver2 .inner {
    background-image: none;
    position: relative;
    overflow: hidden;
}

.course-page .fv.ver2 .inner:before {
    content: "";
    width: 150px;
    height: calc(100% + 0px);
    position: absolute;
    left: 0%;
    top: 14px;
    background-image: url(../img/price-fv-img2.png);
    background-position: center top;
    background-size: 100%;
    z-index: 1;
}

.course-page .fv.ver2 .box {
    padding-left: 100px;
}

.course-page .fv.ver2 h1 {
    font-size: 18px;
    font-style: inherit;
    text-align: left;
}

.course-page .fv.ver2 h1 span {
    font-size: 18px;
    display: inline-block;
    background-color: #fff;
    color: #1d2f45;
    padding: 4px 8px;
    margin-bottom: 10px;
}

.course-page .fv.ver2 .price-txt {
    color: #4cb1e3;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px;
    letter-spacing: 2px;
}

.course-page .fv.ver2 .price-txt b {
    font-size: 34px;
}

.course-page .fv.ver2 .price-txt span {
    display: inline-block;
    font-size: 12px;
    margin-left: -8px;
}

.course-page .fv.ver2 .check {
    color: #4cb1e3;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 4px 0;
    padding-left: 20px;
    position: relative;
    background-image: linear-gradient(to right, transparent, #fff 25%, #fff 75%, transparent);
    background-position: center;
}

.course-page .fv.ver2 .check:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    background-image: url(../img/price-fv-check-icon-img.png);
    background-position: center;
    background-size: cover;
}

.course-page .fv.ver2 .check span {
    position: relative;
    z-index: 1;
}

.course-page .fv.ver2 .check:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: -100px;
    top: 0;
}

.course-page .discount-box.ver2 {
    background-color: #d6f9fc;
}

.course-page .discount-box.ver2 .inner {
    padding: 40px 10px;
    max-width: 800px;
}

.course-page .discount-box.ver2 h2 {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 2px;
    color: #1e2f43;
    margin-bottom: 40px;
}

.course-page .discount-box.ver2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.course-page .discount-box.ver2 li {
    width: 46%;
    background-color: #fff;
    padding: 20px;
}

.course-page .discount-box.ver2 li h3 {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1e2f43;
    font-weight: 600;
    letter-spacing: 1px;
}

.course-page .discount-box.ver2 li h3 span {
    width: 52px;
    height: 60px;
    text-align: center;
    margin-right: 10px;
    background-image: url(../img/apple-blue-icon-img.png);
    background-position: center;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    color: #fff;
    margin-top: -10px;
    margin-left: -10px;
}

.course-page .discount-box.ver2 li .banner {
    background: repeating-linear-gradient(-45deg, #55b9ed 0, #55b9ed 4px, #2ba8e8 4px, #2ba8e8 6px);
    position: relative;
}

.course-page .discount-box.ver2 li .txt {
    margin: 10px 0;
    color: #1e2f43;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.75;
}

.course-page .discount-box.ver2 li .txt.bg-blue {
    background-color: #d6f9fc;
    padding: 10px;
}

.course-page .discount-box.ver2 li .notice {
    color: #1e2f43;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.75;
}

.course-page .discount-box.ver2 .list1 .banner {
    padding: 14px 80px 14px 14px;
}

.course-page .discount-box.ver2 .list1 .banner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/price-listbox-img1.png);
    background-position: 94% 5px;
    /* background-size: 60px; */
    background-size: 66px;
    background-repeat: no-repeat;
}

.course-page .discount-box.ver2 .list1 .banner p {
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 18px;
    line-height: 1.75;
}

.course-page .discount-box.ver2 .list1 .banner p span.yellow {
    color: #ffee2c;
    font-size: 34px;
    line-height: 1;
    margin: 4px 4px 0;
    display: inline-block;
}

.course-page .discount-box.ver2 .list2 .banner {
    padding: 10px 80px 20px;
    text-align: center;
}

.course-page .discount-box.ver2 .list2 .banner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/price-listbox-img2.png);
    background-position: 50% 6px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.course-page .discount-box.ver2 .list2 .banner p {
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 1.5;
}

.course-page .discount-box.ver2 .list2 .banner p span {
    display: block;
    font-size: 10px;
}

.course-page .discount-box.ver2 .list2 .banner p span.yellow {
    color: #ffee2c;
    font-size: 34px;
    line-height: 1;
    margin: 6px 0 0;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 8px;
}

.course-page .price .content-area .content {
    display: none;
    background-color: #f4f4f4;
    padding: 20px 40px 30px 40px;
}

.course-page .price .content-area .content .table {
    width: 100%;
    margin: 20px 0 10px;
    font-weight: 900;
}

.course-page .price .content-area .content .table th {
    background-color: #f4fbfe;
    color: #2ca8e8;
    padding: 14px 0;
    letter-spacing: 1px;
    width: 40%;
    border-bottom: 2px solid #f4f4f4;
}

.course-page .price .content-area .content .table td {
    font-family: Century Gothic;
    background-color: #fff;
    width: 60%;
    text-align: center;
    padding: 20px 10px;
    border-bottom: 2px solid #f4f4f4;
    font-size: 16px;
}

.course-page .price .content-area .content .table td .border {
    text-decoration: line-through;
}

.course-page .price .content-area .content .table td .border .font-small {
    font-size: 12px;
    display: inline-block;
    text-decoration: line-through;
    position: relative;
    top: -1px;
}

.course-page .price .content-area .content .table td .font-small {
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -1px;
}

.course-page .price .content-area .content .table td .color {
    color: #ff373c;
}

.course-page .price .content-area .content .table td .color .font-small {
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -1px;
}

/* ボタン追加 */
.course-page .discount-box.ver2 li .btn {
    margin-top: 20px;
    text-align: center;
}

.course-page .discount-box.ver2 li .btn a {
    display: inline-block;
    background-color: #1bbbf7;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 16px 50px;
    border-radius: 30px;
}

@media screen and (max-width: 767px) {
    .course-page .fv.ver2 .box {
        padding-left: 140px;
    }

    .course-page .fv.ver2 h1 span {
        font-size: 16px;
    }

    .course-page .fv.ver2 .price-txt {
        font-size: 18px;
        background-color: #fff;
        display: inline-block;
        padding: 4px 8px;
        margin-bottom: 20px;
        position: relative;
    }

    .course-page .fv.ver2 .price-txt span {
        display: block;
        font-size: 10px;
        margin: 0;
        text-align: right;
    }

    .course-page .fv.ver2 .check:before {
        left: auto;
        right: -10px;
        top: 0;
        width: 100vw;
    }

    .course-page .fv.ver2 .check:after {
        left: 4px;
    }

    .course-page .discount-box.ver2 .list {
        flex-flow: column;
    }

    .course-page .discount-box.ver2 li {
        padding: 10px;
        width: 100%;
    }

    .course-page .discount-box.ver2 li h3 {
        font-size: 16px;
    }

    .course-page .discount-box.ver2 li h3 span {
        margin-top: -5px;
        margin-left: 0;
    }

    .course-page .discount-box.ver2 .list1 {
        margin-bottom: 20px;
    }

    .course-page .price .content-area .content {
        padding: 20px;
    }

    .course-page .price .content-area .content .table th {
        padding: 10px 0;
        width: 28%;
        font-size: 12px;
    }

    .course-page .price .content-area .content .table td {
        font-family: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
        width: 72%;
        padding: 14px 10px;
        font-size: 14px;
    }

    .course-page .discount-box.ver2 li .btn {
        margin-bottom: 10px;
    }
}

.course-page .price .plan .btn a .icon2 {
    width: 30px;
    aspect-ratio: 1 / 1;
    margin-left: 10px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    background-color: #2ba8e8;
}

/* Before&After 修正 */
.before-after-contents.ver2 {
    overflow: hidden;
}

.before-after-contents.ver2 .ttl {
    text-align: center;
    padding: 50px 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.before-after-contents.ver2 .ttl span {
    background-color: #fdfc37;
    display: inline-block;
    padding: 8px 40px;
    position: relative;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.before-after-contents.ver2 .ttl span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 10px solid #fdfc37;
}

.before-after-contents.ver2 .ttl h2 {
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 3px;
    padding-top: 10px;
    position: relative;
}

.before-after-contents.ver2 .inner {
    max-width: 800px;
    padding: 10px;
}

.before-after-contents.ver2 .wrap {
    display: flex;
    position: relative;
}

.before-after-contents.ver2 .wrap:nth-child(even) {
    flex-flow: row-reverse;
}

.before-after-contents.ver2 .wrap:before {
    content: "";
    width: 100vw;
    height: 40px;
    position: absolute;
    top: -30px;
    background-color: #2ba8e8;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.before-after-contents.ver2 .wrap .img,
.before-after-contents.ver2 .wrap .txt {
    width: 50%;
}

.before-after-contents.ver2 .wrap .img {
    padding: 10px;
    position: relative;
    z-index: 1;
}

.before-after-contents.ver2 .wrap .txt {
    padding: 20px;
    position: relative;
    z-index: 2;
}

.before-after-contents.ver2 .wrap .txt .txt-after {
    text-align: center;
    margin: 10px 0 30px;
}

.before-after-contents.ver2 .wrap .txt .txt-after img {
    width: 230px;
}

.before-after-contents.ver2 .wrap .txt .list li {
    text-align: center;
    border: 1px solid #fff;
    padding: 20px 0;
    color: #fff;
    font-size: 18px;
    margin: 10px 0;
}

.before-after-contents.ver2 .wrap .txt .list li span {
    color: #fdfc37;
    display: inline-block;
    margin: 0 2px;
}

.before-after-contents.ver2 .wrap .txt .list li span b {
    font-family: Century Gothic;
    font-size: 28px;
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
}

.before-after-contents.ver2 .wrap .txt .attention {
    margin: 10px 0 0 5px;
    color: #fff;
    font-size: 70%;
}

.before-after-contents.ver2 .wrap:nth-child(odd):after {
    content: "";
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #2ba8e8;
    right: 50%;
    margin-right: -50vw;
    z-index: -1;
}

.before-after-contents.ver2 .wrap:nth-child(even):after {
    z-index: -1;
    content: "";
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #2ba8e8;
    right: 50%;
    margin-right: 0;
}

.before-after-contents.ver2 .btn {
    margin-bottom: -10px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    text-align: center;
    background-color: #2ba8e8;
    padding: 40px 0;
}

.before-after-contents.ver2 .btn a {
    background-color: #fff;
    display: inline-block;
    font-weight: 900;
    padding: 14px 60px;
    border-radius: 30px;
    color: #1e2f43;
}

@media screen and (max-width: 767px) {
    .before-after-contents.ver2 {
        border-left: 10px solid #2ba8e8;
        border-right: 10px solid #2ba8e8;
    }

    .before-after-contents.ver2 .ttl {
        padding: 40px 0;
    }

    .before-after-contents.ver2 .ttl span {
        padding: 8px 20px;
    }

    .before-after-contents.ver2 .ttl h2 {
        font-size: 22px;
        letter-spacing: 1px;
    }

    .before-after-contents.ver2 .wrap {
        align-items: center;
    }

    .before-after-contents.ver2 .wrap .txt {
        padding: 10px 0px 20px 20px;
    }

    .before-after-contents.ver2 .wrap .txt .txt-after {
        margin: 0 0 20px;
    }

    .before-after-contents.ver2 .wrap .txt .txt-after img {
        width: 130px;
    }

    .before-after-contents.ver2 .wrap .txt .list li {
        padding: 6px 0;
        font-size: 12px;
        margin: 6px 0;
    }

    .before-after-contents.ver2 .wrap .txt .list li span {
        margin: 4px 2px 0;
    }

    .before-after-contents.ver2 .wrap .txt .list li span b {
        font-family: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
        font-size: 18px;
    }

    .before-after-contents.ver2 .wrap .txt .attention {
        position: relative;
        z-index: 1;
    }

    .before-after-contents.ver2 .wrap:nth-child(even) .txt {
        padding: 10px 20px 20px 0;
    }

    .before-after-contents.ver2 .btn {
        padding: 20px 0;
    }
}

/* LP BeforeAfter */
.lp-2021 .before-after-contents.ver2 {
    max-width: 600px;
    margin: 0 auto;
}

.lp-2021 .before-after-contents.ver2 .inner {
    border-left: 10px solid #2ba8e8;
    border-right: 10px solid #2ba8e8;
    padding: 0;
    border-bottom: 10px solid #2ba8e8;
}

.lp-2021 .before-after-contents.ver2 h2 {
    position: relative;
    width: calc(100% + 20px);
    left: -10px;
    right: -10px;
    z-index: 1;
    margin-bottom: -80px;
    background: -moz-linear-gradient(top, #fff 62%, transparent 90%);
    background: -webkit-linear-gradient(top, #fff 62%, transparent 90%);
    background: linear-gradient(to bottom, #fff 62%, transparent 90%);
}

.lp-2021 .before-after-contents.ver2 .wrap.first {
    padding-top: 70px;
}

.lp-2021 .before-after-contents.ver2 .wrap:nth-child(even) {
    flex-flow: inherit;
}

.lp-2021 .before-after-contents.ver2 .wrap:nth-child(odd) {
    flex-flow: row-reverse;
}

.lp-2021 .before-after-contents.ver2 .wrap:nth-child(even):after {
    content: "";
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #2ba8e8;
    right: 50%;
    margin-right: -50vw;
    z-index: -1;
}

.lp-2021 .before-after-contents.ver2 .wrap:nth-child(odd):after {
    z-index: -1;
    content: "";
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #2ba8e8;
    right: 50%;
    margin-right: 0;
}

.lp-2021 .before-after-contents.ver2 .wrap .txt .attention {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .lp-2021 .before-after-contents.ver2 {
        border-left: none;
        border-right: none;
    }

    .lp-2021 .before-after-contents.ver2 .wrap .txt {
        padding: 10px 0px 20px 10px;
    }

    .lp-2021 .before-after-contents.ver2 .wrap:nth-child(odd) .txt {
        padding: 10px 10px 20px 0;
    }
}

.ba-page .before-after .list .img .inner,
.top .before-after .list .img .inner {
    max-width: 800px;
}

@media screen and (max-width: 767px) {

    .ba-page .before-after .list .img .inner,
    .top .before-after .list .img .inner {
        max-width: 100%;
    }
}

/* LP料金表 */
.lp-2021 .section.seciton6 .inner {
    padding: 20px 30px;
}

.lp-2021 .section.seciton6 .add-price-box .list li:first-child .until {
    display: inline-block;
    background-color: #e42d54;
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    margin-top: 2px;
}

.lp-2021 .section.seciton6 .add-price-box .list li .discount-price {
    margin-bottom: 4px;
}

.lp-2021 .section.seciton6 .add-price-box .list li .discount-price .down {
    text-decoration: line-through;
    font-size: 14px;
}

.lp-2021 .section.seciton6 .add-price-box .list.type1 li .discount-price .down {
    color: #e42d54;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2 li .discount-price .down {
    color: #fdfc37;
}

.lp-2021 .section.seciton6 .add-price-box .list li .discount-price .off-txt {
    font-size: 10px;
    display: inline-block;
    padding: 4px 4px;
    border-radius: 10px;
    vertical-align: bottom;
}

.lp-2021 .section.seciton6 .add-price-box .list.type1 li .discount-price .off-txt {
    background-color: #2ba8e8;
    color: #fff;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2 li .discount-price .off-txt {
    background-color: #fff;
    color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .lp-2021 .section.seciton6 .add-price-box .list li:first-child .until {
        margin-top: 4px;
        margin-bottom: -10px;
        font-size: 10px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li:first-child {
        width: 25% !important;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li:nth-child(2) {
        width: 38% !important;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li:last-child {
        width: 37% !important;
    }
}

/* 新しい料金表 */
.add-new-price-box {
    max-width: 800px;
    margin: 0 auto 40px;
}

.add-new-price-box .baner {
    margin-bottom: 20px;
}

.add-new-price-box .table .notice {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.75;
    margin-top: 10px;
}

.add-new-price-box .table .price-box .list {
    display: flex;
}

.add-new-price-box .table .price-box .list.type2 {
    position: relative;
}

.add-new-price-box .table .price-box .list.type2:before {
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2ba8e8;
}

.add-new-price-box .table .price-box .list.type2:after {
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #2ba8e8;
}

.add-new-price-box .table .price-box .list li {
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    word-break: break-all;
}

.add-new-price-box .table .price-box .list li .border {
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 30px;
    margin-bottom: 6px;
}

.add-new-price-box .table .price-box .list li .tax {
    color: #bebebe;
    font-size: 10px;
    margin-top: 4px;
}

.add-new-price-box .table .price-box .list.type1 li {
    background-color: #fff;
    color: #2ba8e8;
    font-weight: 600;
    font-size: 14px;
}

.add-new-price-box .table .price-box .list.type1 li .border {
    border: 2px solid #2ba8e8;
}

.add-new-price-box .table .price-box .list.type2 li {
    background-color: #2ba8e8;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.add-new-price-box .table .price-box .list.type2 li .border {
    border: 2px solid #fff;
}

.add-new-price-box .table .price-box .list li {
    width: 30%;
    padding: 10px 4px;
}

.add-new-price-box .table .price-box .list li:first-child {
    border-right: 2px solid #efefef;
}

.add-new-price-box .table .price-box .list li:last-child {
    border-left: 2px solid #efefef;
}

.add-new-price-box .table .price-box .list li:first-child {
    width: 30%;
    font-size: 12px;
}

.add-new-price-box .table .price-box .list li:last-child {
    width: 40%;
    word-break: break-all;
}

.add-new-price-box .table .price-box .list.type2 li:first-child {
    position: relative;
}

.add-new-price-box .table .price-box .list.type2 li:first-child .img {
    width: 50px;
    position: absolute;
    top: -20px;
    left: -4px;
}

.add-new-price-box .table .price-box .list li:first-child .until {
    display: inline-block;
    background-color: #e42d54;
    color: #fff;
    font-size: 12px;
    padding: 2px 4px;
    margin-top: 2px;
}

.add-new-price-box .table .price-box .list li .discount-price {
    margin-bottom: 4px;
}

.add-new-price-box .table .price-box .list li .discount-price .down {
    text-decoration: line-through;
    font-size: 14px;
}

.add-new-price-box .table .price-box .list.type1 li .discount-price .down {
    color: #e42d54;
}

.add-new-price-box .table .price-box .list.type2 li .discount-price .down {
    color: #fdfc37;
}

.add-new-price-box .table .price-box .list li .discount-price .off-txt {
    font-size: 10px;
    display: inline-block;
    padding: 4px 4px;
    border-radius: 10px;
    vertical-align: bottom;
}

.add-new-price-box .table .price-box .list.type1 li .discount-price .off-txt {
    background-color: #2ba8e8;
    color: #fff;
}

.add-new-price-box .table .price-box .list.type2 li .discount-price .off-txt {
    background-color: #fff;
    color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .add-new-price-box {
        max-width: 500px;
        padding: 0;
    }

    .add-new-price-box .table .price-box .list li:first-child .until {
        margin-top: 4px;
        margin-bottom: -10px;
        font-size: 10px;
    }

    .add-new-price-box .table .price-box .list li:first-child {
        width: 25% !important;
    }

    .add-new-price-box .table .price-box .list li:nth-child(2) {
        width: 40% !important;
    }

    .add-new-price-box .table .price-box .list li:last-child {
        width: 35% !important;
    }
}

/* LP 日付 */
.lp-2021 .btn-wrap h2.type2 {
    display: flex;
    align-items: center;
}

.lp-2021 .btn-wrap h2.type2 img {
    width: 380px;
    margin-left: -10px;
    position: relative;
}

.lp-2021 .btn-wrap h2.type2 .circle {
    background-color: #2ba8e8;
    color: #fff;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    position: relative;
}

.lp-2021 .btn-wrap h2.type2 .circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    font-size: 20px;
    width: 100%;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
}

.lp-2021 .btn-wrap h2.type2 .circle span b {
    display: inline-block;
    position: relative;
    background-position: top left 4px;
    background-repeat: repeat-x;
    background-size: 1.5em 0.3em;
    background-image: radial-gradient(0.16em 0.16em at center center, #fdfc37, #fdfc37 100%, transparent);
    padding-top: 6px;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .lp-2021 .btn-wrap h2.type2 {
        justify-content: center;
    }

    .lp-2021 .btn-wrap h2.type2 img {
        width: 200px;
        margin-left: -10px;
        margin-top: 20px;
    }

    .lp-2021 .btn-wrap h2.type2 .circle {
        width: 100px;
        height: 100px;
    }

    .lp-2021 .btn-wrap h2.type2 .circle span {
        font-size: 12px;
    }
}

/* BeforeAfter 年代 */
.before-after-contents.ver2 .wrap .txt .txt-after img {
    width: 200px;
}

.before-after-contents.ver2 .wrap .txt .txt-after .age-txt {
    display: inline-flex;
    background-color: #fff;
    color: #2ba8e8;
    font-weight: 600;
    letter-spacing: 1px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 10px;
}

.before-after-contents.ver2 .wrap .txt .txt-after .age-txt:after {
    content: "";
    position: absolute;
    top: 95%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 10px solid #fff;
}

@media screen and (max-width: 767px) {
    .before-after-contents.ver2 .wrap .txt .txt-after img {
        width: 80px;
    }

    .before-after-contents.ver2 .wrap .txt .txt-after .age-txt {
        width: 40px;
        height: 40px;
        margin: 0 4px;
        font-size: 10px;
    }
}

.lp-2021 .before-after-contents.ver2 .wrap .txt .txt-after img {
    width: 150px;
}

@media screen and (max-width: 767px) {
    .lp-2021 .before-after-contents.ver2 .wrap .txt .txt-after img {
        width: 100px;
    }
}

/* LP料金表 */
@media screen and (max-width: 767px) {
    .lp-2021 .section.seciton6 .add-price-box .list li:first-child {
        font-size: 12px !important;
    }

    .lp-2021 .section.seciton6 .add-price-box .list.type2 li:first-child .img {
        width: 44px !important;
        top: -18px !important;
    }

    .lp-2021 .section.seciton6 .add-price-box .list.type2:after {
        content: none !important;
    }
}

/* リクルートLP */
.recruit-lp {
    padding-bottom: 0;
}

.recruit-lp .inner {
    max-width: 600px;
}

.recruit-lp .fixed-header .inner {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .lp-2021 .fixed-header .logo {
        margin-left: 20px;
    }
}

.recruit-lp .limit-date {
    width: 100%;
}

.recruit-lp .limit-date .txt {
    background-color: #0097c6;
    text-align: center;
    padding: 12px;
    color: #fff;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
}

.recruit-lp .limit-date .txt span {
    display: inline-block;
    margin-left: 10px;
    border-bottom: 2px solid #fff;
    padding-bottom: 2px;
    vertical-align: middle;
}

.recruit-lp .fv .inner {
    padding: 400px 40px 50px;
    background-image: url(../img/recruit-lp-fv-back-img.png);
    background-size: cover;
    background-position: top center;
}

.recruit-lp.lp-2021 .fv .inner {
    padding: 400px 40px 50px;
}

.recruit-lp .fv .coverd-txt {
    display: inline-block;
    /* background-color: #000; */
    padding: 8px 20px;
    overflow: hidden;
    position: relative;
}

.recruit-lp .fv .coverd-txt:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.9);
}

.recruit-lp .fv .coverd-txt.active:after {
    animation: sliding_bg_horizon cubic-bezier(0.19, 1, 0.22, 1) 1s forwards;
}

.recruit-lp .fv .coverd-txt.txt1.active:after {
    animation-delay: 0s;
}

.recruit-lp .fv .coverd-txt.txt2.active:after {
    animation-delay: 0.4s;
}

.recruit-lp .fv .coverd-txt.txt3.active:after {
    animation-delay: 0.8s;
}

@keyframes sliding_bg_horizon {
    0% {
        left: 0;
        width: 0;
    }

    50% {
        left: 0;
        width: 100%;
    }

    51% {
        left: 0;
        width: 100%;
    }

    100% {
        left: 0;
        width: 100%;
    }
}

.recruit-lp .fv .inner-txt {
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    opacity: 0;
    transform: translateY(2rem);
    position: relative;
    z-index: 2;
}

.recruit-lp .fv .inner-txt.active {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
    transform: translateY(0px);
}

.recruit-lp .fv .inner-txt.in-txt1.active {
    transition-delay: 0.4s;
}

.recruit-lp .fv .inner-txt.in-txt2.active {
    transition-delay: 0.8s;
}

.recruit-lp .fv .inner-txt.in-txt3.active {
    transition-delay: 1.2s;
}

.recruit-lp .fv .inner-txt b {
    display: inline-block;
    font-size: 40px;
    padding: 0 9px;
    letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
    .recruit-lp .fv .inner {
        padding: 340px 20px 30px;
    }

    .recruit-lp.lp-2021 .fv .inner {
        padding: 340px 20px 30px;
    }

    .recruit-lp .fv .inner-txt {
        font-size: 14px;
    }

    .recruit-lp .fv .inner-txt b {
        font-size: 34px;
        padding: 0 11px;
    }
}

.recruit-lp .form-btn .inner {
    background-color: #000;
    padding: 40px;
}

.recruit-lp .form-btn h2 {
    margin-bottom: 40px;
}

.recruit-lp .form-btn .box {
    background-color: #fff;
}

.recruit-lp .form-btn .box .wrap {
    padding: 40px;
}

.recruit-lp .form-btn .box p {
    background-color: #fa2e2e;
    text-align: center;
    padding: 10px 0;
}

.recruit-lp .form-btn .box p img {
    width: 280px;
}

.recruit-lp .form-btn .box a {
    display: inline-block;
}

.recruit-lp .form-btn .box a.btn1 {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .recruit-lp .form-btn .inner {
        padding: 20px;
    }

    .recruit-lp .form-btn h2 {
        margin-bottom: 20px;
    }

    .recruit-lp .form-btn .box .wrap {
        padding: 20px;
    }

    .recruit-lp .form-btn .box p img {
        width: 200px;
    }

    .recruit-lp .form-btn .box a.btn1 {
        margin-bottom: 10px;
    }
}

.recruit-lp .section.section1 h2 {
    padding: 40px 60px;
}

@media screen and (max-width: 767px) {
    .recruit-lp .section.section1 h2 {
        padding: 30px 40px;
    }
}

.recruit-lp .section.section2 .inner {
    padding-bottom: 30px;
    background-color: #e9e9e9;
}

.recruit-lp .section.section2 h2 {
    padding: 40px 60px;
    margin-bottom: -30px;
}

.recruit-lp .section.section2 .img {
    padding: 0 40px 20px 10px;
}

@media screen and (max-width: 767px) {
    .recruit-lp .section.section2 h2 {
        padding: 30px 40px;
        margin-bottom: -20px;
    }

    .recruit-lp .section.section2 .img {
        padding: 0 24px 20px 4px;
    }
}

.recruit-lp .section.section3 .inner {
    padding: 40px 40px 10px;
}

.recruit-lp .section.section3 h2 {
    width: calc(100% + 40px);
    margin-left: -20px;
}

.recruit-lp .section.section3 p {
    margin: 40px 0;
    line-height: 1.75;
    letter-spacing: 1px;
}

.recruit-lp .section.section3 .img {
    margin: 40px 0;
}

@media screen and (max-width: 767px) {
    .recruit-lp .section.section3 .inner {
        padding: 40px 20px 10px;
    }

    .recruit-lp .section.section3 h2 {
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .recruit-lp .section.section3 p {
        margin: 30px 0;
        font-size: 12px;
    }
}

.recruit-lp .section.section4 .inner {
    background-color: #000;
    padding: 40px;
}

.recruit-lp .section.section4 h2 {
    padding: 0 20px;
    margin-bottom: 60px;
}

.recruit-lp .section.section4 .table {
    width: 100%;
    color: #fff;
    border-collapse: separate;
    border-spacing: 10px;
}

.recruit-lp .section.section4 .table th {
    width: 30%;
    padding: 8px 10px;
    border-bottom: 1px solid #fff;
}

.recruit-lp .section.section4 .table td {
    width: 70%;
    padding: 8px 20px;
    border-bottom: 1px solid #fff;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .recruit-lp .section.section4 .inner {
        padding: 30px 20px;
    }

    .recruit-lp .section.section4 h2 {
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .recruit-lp .section.section4 .table th {
        padding: 8px 4px;
        font-size: 12px;
    }

    .recruit-lp .section.section4 .table td {
        padding: 8px 10px;
        font-size: 12px;
    }
}

/* 求人HP ヘッダー&フッター */
/* Header
----------------------------------------- */
.header.inc-recruit-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: transparent;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header {
        height: 60px;
        background-color: #0fb4c3;
    }
}

.header.inc-recruit-header .inner {
    max-width: 100%;
    padding: 10px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .inner {
        padding: 0 0 0 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.header.inc-recruit-header .logo {
    width: 80px;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .logo {
        width: 70px;
        padding-top: 4px;
    }
}

.header.inc-recruit-header .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn {
        height: 60px;
    }
}

.header.inc-recruit-header .btn .entry {
    margin-right: 20px;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .entry {
        margin-right: 0;
        background-color: #1f2f43;
        width: 140px;
    }
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .entry .sp-only {
        height: 100%;
    }
}

.header.inc-recruit-header .btn .entry a {
    display: inline-block;
    padding: 12px 40px;
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(135deg, #d44544, #f2ca63);
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .entry a {
        display: block;
        border-radius: 0;
        background: transparent;
        letter-spacing: 1px;
        height: 100%;
        position: relative;
        padding: 0;
        background-image: url(../recruit-contents/img/header-sp-img.svg);
        background-size: 26px;
        background-repeat: no-repeat;
        background-position: 8px 50%;
    }
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .entry span {
        position: absolute;
        font-size: 12px;
        font-weight: 600;
        top: 50%;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        padding-left: 38px;
        padding-right: 10px;
    }
}

.header.inc-recruit-header .btn .hum {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    background: linear-gradient(130deg, #3cd2ce, #62f18a);
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum {
        width: 50px;
        height: 60px;
        background: transparent;
    }
}

.header.inc-recruit-header .btn .hum .line {
    background-color: #fff;
    display: block;
    width: 25px;
    height: 4px;
    border-radius: 6px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum .line {
        width: 30px;
        height: 2px;
    }
}

.header.inc-recruit-header .btn .hum .line.line1 {
    top: 12px;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum .line.line1 {
        top: 21px;
    }
}

.header.inc-recruit-header .btn .hum .line.line2 {
    top: 19px;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum .line.line2 {
        top: 29px;
    }
}

.header.inc-recruit-header .btn .hum .line.line3 {
    top: 26px;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum .line.line3 {
        top: 38px;
    }
}

.header.inc-recruit-header .btn .hum.active {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
    z-index: 9;
}

.header.inc-recruit-header .btn .hum.active .line.line1 {
    top: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum.active .line.line1 {
        top: 28px;
    }
}

.header.inc-recruit-header .btn .hum.active .line.line2 {
    display: none;
}

.header.inc-recruit-header .btn .hum.active .line.line3 {
    top: 20px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum.active .line.line3 {
        top: 28px;
    }
}

.header.inc-recruit-header .btn .hum-menu {
    width: 250px;
    height: 100%;
    padding-top: 20px;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translate(250px);
    -ms-transform: translate(250px);
    transform: translate(250px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.header.inc-recruit-header .btn .hum-menu.open {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.header.inc-recruit-header .btn .hum-menu .hum-logo {
    text-align: center;
    margin-bottom: 20px;
}

.header.inc-recruit-header .btn .hum-menu .hum-logo img {
    width: 80px;
}

.header.inc-recruit-header .btn .hum-menu .main-list .list1,
.header.inc-recruit-header .btn .hum-menu .main-list .list3 {
    border-bottom: 2px solid #fff;
    background-color: #8ae5ed;
}

.header.inc-recruit-header .btn .hum-menu .main-list .list1 a,
.header.inc-recruit-header .btn .hum-menu .main-list .list3 a {
    display: block;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
}

.header.inc-recruit-header .btn .hum-menu .main-list .toggle-menu {
    border-bottom: 2px solid #fff;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    background-color: #8ae5ed;
    font-weight: 600;
}

.header.inc-recruit-header .btn .hum-menu .main-list .toggle-menu .line {
    background-color: #fff;
    display: block;
    border-radius: 4px;
    position: absolute;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.header.inc-recruit-header .btn .hum-menu .main-list .toggle-menu .line.line1 {
    width: 20px;
    height: 2px;
    top: 50%;
    right: 20px;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum-menu .main-list .toggle-menu .line.line1 {
        top: 21px;
    }
}

.header.inc-recruit-header .btn .hum-menu .main-list .toggle-menu .line.line2 {
    width: 2px;
    height: 20px;
    top: 10px;
    right: 29px;
}

@media screen and (max-width: 767px) {
    .header.inc-recruit-header .btn .hum-menu .main-list .toggle-menu .line.line2 {
        top: 12px;
    }
}

.header.inc-recruit-header .btn .hum-menu .main-list .toggle-menu.active .line.line2 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.header.inc-recruit-header .btn .hum-menu .main-list .sub-menu {
    display: none;
}

.header.inc-recruit-header .btn .hum-menu .main-list .sub-menu li {
    border-bottom: 2px solid #fff;
    background-color: rgba(0, 183, 162, 0.5);
}

.header.inc-recruit-header .btn .hum-menu .main-list .sub-menu a {
    display: block;
    color: #fff;
    padding: 10px 20px;
    font-weight: 600;
}

.header.inc-recruit-header .btn .overlay {
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.header.inc-recruit-header .btn .overlay.open {
    width: 100%;
    height: 100%;
    opacity: 1;
}

/* Footer
----------------------------------------- */
.footer.inc-recruit-footer .entry {
    background-image: url(../recruit-contents/img/footer-entry-back-img.png);
    background-size: cover;
    background-position: center;
}

.footer.inc-recruit-footer .entry .inner {
    padding: 60px 100px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry .inner {
        padding: 40px 20px;
    }
}

.footer.inc-recruit-footer .entry p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry p {
        font-size: 22px;
        letter-spacing: 2px;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry p span {
        font-size: 16px;
    }
}

.footer.inc-recruit-footer .entry .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
}

.footer.inc-recruit-footer .entry .list span {
    width: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 2px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry .list span {
        width: 24px;
        vertical-align: top;
        margin-right: 6px;
    }
}

.footer.inc-recruit-footer .entry .list li {
    margin: 0 10px;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry .list li {
        margin: 0 10px 20px;
        font-size: 18px;
        letter-spacing: 3px;
        font-weight: 600;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry .list li:last-child {
        margin: 0 10px 0;
    }
}

.footer.inc-recruit-footer .entry .btn {
    text-align: center;
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry .btn {
        margin-top: 40px;
    }
}

.footer.inc-recruit-footer .entry .btn a {
    display: inline-block;
    padding: 12px 60px;
    color: #fff;
    border-radius: 30px;
    background: linear-gradient(135deg, #d44544, #f2ca63);
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .entry .btn a {
        font-size: 14px;
        padding: 14px 80px;
        -webkit-box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
        box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
    }
}

.footer.inc-recruit-footer .breadcrumb {
    background-color: #fff;
}

.footer.inc-recruit-footer .breadcrumb .inner {
    padding: 6px 20px;
}

.footer.inc-recruit-footer .breadcrumb a,
.footer.inc-recruit-footer .breadcrumb span {
    color: #515151;
    font-size: 12px;
}

.footer.inc-recruit-footer .bottom {
    background-color: #0fb4c3;
}

.footer.inc-recruit-footer .bottom .inner {
    padding: 40px 20px 30px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .inner {
        padding: 0 0 20px;
    }
}

.footer.inc-recruit-footer .bottom .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
}

.footer.inc-recruit-footer .bottom .list .text-link li {
    margin: 16px 0;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .text-link li {
        margin: 0;
    }
}

.footer.inc-recruit-footer .bottom .list .text-link li a {
    color: #fff;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .text-link li a {
        display: block;
        text-align: center;
        padding: 14px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        letter-spacing: 1px;
    }
}

.footer.inc-recruit-footer .bottom .list .icon-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 120px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .icon-link {
        margin-top: 20px;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer.inc-recruit-footer .bottom .list .icon-link li {
    width: 40px;
    margin: 6px 10px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .icon-link li {
        width: 32px;
        margin: 0 6px;
    }
}

.footer.inc-recruit-footer .bottom .list .text-link.min {
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .text-link.min {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%;
    }
}

.footer.inc-recruit-footer .bottom .list .text-link.max {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .text-link.max {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link .shop-name {
        text-align: center;
        padding: 14px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        letter-spacing: 1px;
        color: #fff;
        position: relative;
        cursor: pointer;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link .shop-name span {
        width: 16px;
        height: 1px;
        background-color: #fff;
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link .shop-name span:after {
        content: "";
        width: 14px;
        height: 1px;
        background-color: #fff;
        display: block;
        position: absolute;
        right: 1px;
        top: 48%;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link .shop-name.active span {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link .shop-name.active span:after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link .text-link {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .list .sp-shop-link .text-link a {
        background-color: rgba(255, 255, 255, 0.04);
    }
}

.footer.inc-recruit-footer .bottom .logo {
    text-align: center;
    padding: 20px 0 10px;
}

.footer.inc-recruit-footer .bottom .logo img {
    width: 90px;
    background-color: #fff;
    padding: 4px 14px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .logo img {
        width: 80px;
    }
}

.footer.inc-recruit-footer .bottom .gym-name {
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .footer.inc-recruit-footer .bottom .gym-name {
        font-size: 10px;
        letter-spacing: 0;
    }
}

.footer.inc-recruit-footer .copyright {
    background-color: #0fb4c3;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 4px;
    border-top: 1px solid #4bc7d2;
}

/* リクルートLP テキストメイン */
.recruit-lp.recruit-txt-lp .form-btn .box .wrap {
    padding: 30px 40px;
}

.recruit-lp.recruit-txt-lp .form-btn .box .wrap .list li {
    margin: 10px 0;
    background-color: #000;
    text-align: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 4px;
    position: relative;
}

.recruit-lp.recruit-txt-lp .form-btn .box .wrap .list li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 33px 20px 0 0;
}

.recruit-lp.recruit-txt-lp .form-btn .box .wrap .list li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 33px 20px 0 0;
}

.recruit-lp.recruit-txt-lp .form-btn .box p {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .recruit-lp.recruit-txt-lp .form-btn .box .wrap {
        padding: 20px;
    }

    .recruit-lp.recruit-txt-lp .form-btn .box .wrap .list li {
        margin: 6px 0;
        font-size: 14px;
    }

    .recruit-lp.recruit-txt-lp .form-btn .box p {
        font-size: 16px;
    }
}

.recruit-lp.recruit-txt-lp .section.section1 .box h3 {
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 20px 0;
}

.recruit-lp.recruit-txt-lp .section.section1 .box2,
.recruit-lp.recruit-txt-lp .section.section1 .box3 {
    border-top: 6px solid #fff;
}

.recruit-lp.recruit-txt-lp .section.section1 .box .txt {
    padding: 20px 40px;
    background-color: #000;
}

.recruit-lp.recruit-txt-lp .section.section1 .box .txt .list {
    display: flex;
    margin-bottom: 20px;
}

.recruit-lp.recruit-txt-lp .section.section1 .box .txt .list span {
    font-weight: 500;
    font-size: 12px;
    margin-top: 2px;
}

.recruit-lp.recruit-txt-lp .section.section1 .box .txt .list .white {
    width: 25%;
    background-color: #fff;
    text-align: center;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    font-weight: 600;
}

.recruit-lp.recruit-txt-lp .section.section1 .box .txt .list .yellow {
    width: 25%;
    background-color: #e0c12b;
    text-align: center;
    padding: 10px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    font-weight: 600;
}

.recruit-lp.recruit-txt-lp .section.section1 .box .txt p {
    color: #fff;
    line-height: 1.75;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.recruit-lp.recruit-txt-lp .section.section1 .box.box1 h3 {
    background-image: url(../img/recruit-lp-section1-case1-img.png);
    background-size: 40%;
    background-position: center;
}

.recruit-lp.recruit-txt-lp .section.section1 .box.box2 h3 {
    background-image: url(../img/recruit-lp-section1-case2-img.png);
    background-size: 40%;
    background-position: center;
}

.recruit-lp.recruit-txt-lp .section.section1 .box.box3 h3 {
    background-image: url(../img/recruit-lp-section1-case3-img.png);
    background-size: 40%;
    background-position: center;
}

@media screen and (max-width: 767px) {
    .recruit-lp.recruit-txt-lp .section.section1 .box h3 {
        font-size: 16px;
        padding: 18px 0;
    }

    .recruit-lp.recruit-txt-lp .section.section1 .box.box1 h3,
    .recruit-lp.recruit-txt-lp .section.section1 .box.box2 h3,
    .recruit-lp.recruit-txt-lp .section.section1 .box.box3 h3 {
        background-size: 50%;
    }

    .recruit-lp.recruit-txt-lp .section.section1 .box .txt {
        padding: 20px 20px;
    }
}

.recruit-lp.recruit-txt-lp .section.section2 .inner {
    padding: 0 40px 30px;
}

.recruit-lp.recruit-txt-lp .section.section2 h2 {
    padding: 40px 30px;
}

.recruit-lp.recruit-txt-lp .section.section2 .box {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
    position: relative;
}

.recruit-lp.recruit-txt-lp .section.section2 .box h3 {
    text-align: center;
    margin: 10px 0 40px;
    line-height: 1.5;
}

.recruit-lp.recruit-txt-lp .section.section2 .box h3 span {
    font-size: 38px;
    font-weight: 600;
    letter-spacing: 4px;
    border-bottom: 3px solid #000;
    display: inline-block;
}

.recruit-lp.recruit-txt-lp .section.section2 .box p {
    margin: 20px 0;
    line-height: 1.75;
    letter-spacing: 1px;
}

.recruit-lp.recruit-txt-lp .section.section2 .box .icon {
    display: inline-block;
    width: 120px;
    position: absolute;
    top: -40px;
    left: -26px;
}

.recruit-lp.recruit-txt-lp .section.section2 .box .list {
    background-color: #e0c12b;
    padding: 20px;
    margin: 20px 0;
}

.recruit-lp.recruit-txt-lp .section.section2 .box .list li {
    margin: 10px 0;
    padding-left: 30px;
    line-height: 1.75;
    letter-spacing: 1px;
    background-image: url(../img/recruit-lp-section2-list-icon-img.png);
    background-size: 20px;
    background-position: 0px 50%;
}

.recruit-lp.recruit-txt-lp .section.section2 .img {
    padding: 0;
}

.recruit-lp.recruit-txt-lp .section.section2 .box2 .img {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .recruit-lp.recruit-txt-lp .section.section2 .inner {
        padding: 0 20px 30px;
    }

    .recruit-lp.recruit-txt-lp .section.section2 h2 {
        margin-bottom: 0;
    }

    .recruit-lp.recruit-txt-lp .section.section2 .box h3 {
        margin: 10px 0 30px;
    }

    .recruit-lp.recruit-txt-lp .section.section2 .box h3 span {
        font-size: 24px;
        letter-spacing: 2px;
    }

    .recruit-lp.recruit-txt-lp .section.section2 .box .icon {
        width: 90px;
        top: -30px;
        left: -14px;
    }

    .recruit-lp.recruit-txt-lp .section.section2 .box .list {
        padding: 10px;
    }
}

.recruit-lp.recruit-txt-lp .section.section3 .box {
    margin: 40px 0;
}

.recruit-lp.recruit-txt-lp .section.section3 .box h3 {
    margin-bottom: -20px;
    position: relative;
}

.recruit-lp.recruit-txt-lp .section.section3 .box h3 span {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    padding: 10px 20px;
    letter-spacing: 2px;
}

.recruit-lp.recruit-txt-lp .section.section3 .img {
    margin: 0;
}

.recruit-lp.recruit-txt-lp .section.section3 p {
    margin: 20px 0;
}

.recruit-lp.recruit-txt-lp .section.section3 .list {
    margin: 20px 0;
}

.recruit-lp.recruit-txt-lp .section.section3 .list .topic {
    margin: 0;
    text-align: center;
    background-color: #e0c12b;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 0;
}

.recruit-lp.recruit-txt-lp .section.section3 .list .label {
    background-color: #f7f7f7;
    padding: 20px;
}

.recruit-lp.recruit-txt-lp .section.section3 .list .label span {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    padding: 6px 20px;
    letter-spacing: 2px;
    margin: 0 3px 6px;
    min-width: 120px;
    text-align: center;
}

.recruit-lp.recruit-txt-lp .section.section3 .notice {
    font-size: 12px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .recruit-lp.recruit-txt-lp .section.section3 .box h3 span {
        font-size: 18px;
    }

    .recruit-lp.recruit-txt-lp .section.section3 .list .topic {
        font-size: 16px;
    }
}

/* 姿勢LP */
.lp-2021.lp-posture {
    max-width: 600px;
    margin: 0 auto;
}

.lp-2021.lp-posture .fixed-header .btn a {
    display: inline-block;
    margin: 0 4px;
}

.lp-2021.lp-posture .fv {
    padding: 40px;
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-fv-back-img.jpg);
    background-size: cover;
    background-position: top center;
}

.lp-2021.lp-posture .fv .inner {
    padding: 40px;
}

.lp-2021.lp-posture .fv .img {
    position: relative;
    margin-bottom: 40px;
}

.lp-2021.lp-posture .fv .img:before {
    content: "";
    width: 300px;
    height: 540px;
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-fv-before-img.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation-name: changeImg;
    animation-delay: 1s;
    animation-duration: 1.4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.lp-2021.lp-posture .section.seciton6 {
    position: relative;
    background-color: #f8f8f8;
    margin: 0 auto;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box {
    margin: 20px 0 20px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list {
    display: flex;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2 {
    position: relative;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2:before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2ba8e8;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2:after {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #2ba8e8;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li .border {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 30px;
    margin-bottom: 6px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li .tax {
    color: #bebebe;
    font-size: 12px;
    margin-top: 4px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type1 li {
    background-color: #fff;
    color: #2ba8e8;
    font-weight: 600;
    font-size: 16px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type1 li .border {
    border: 2px solid #2ba8e8;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2 li {
    background-color: #2ba8e8;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2 li .border {
    border: 2px solid #fff;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li {
    width: 30%;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li:first-child {
    border-right: 2px solid #efefef;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li:last-child {
    border-left: 2px solid #efefef;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li:first-child,
.lp-2021.lp-posture .section.seciton6 .add-price-box .list li:last-child {
    width: 35%;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2 li:first-child {
    position: relative;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2 li:first-child .img {
    width: 60px;
    position: absolute;
    top: -20px;
    left: -4px;
}

.lp-2021.lp-posture .section.seciton6 .notice {
    font-size: 10px;
    line-height: 1.75;
    font-weight: 600;
}

.lp-2021.lp-posture .section.seciton6 .inner {
    padding: 20px 10px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li {
    padding: 10px 6px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type1 li {
    font-size: 14px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list.type2 li {
    font-size: 14px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li .border {
    font-size: 10px;
}

.lp-2021.lp-posture .section.seciton6 .add-price-box .list li .tax {
    font-size: 10px;
}

.lp-2021.lp-posture .btn-wrap {
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-btn-wrap-back-img.png);
    background-size: cover;
    background-position: center;
}

.lp-2021.lp-posture .btn-wrap .inner {
    padding: 40px;
}

.lp-2021.lp-posture .btn-wrap .ttl {
    padding: 0 60px;
    margin: 0 0 20px;
    position: relative;
}

.lp-2021.lp-posture .btn-wrap h2 {
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.lp-2021.lp-posture .btn-wrap h2.type2 .circle {
    background-color: #1e2f43;
    width: 140px;
    height: 140px;
}

.lp-2021.lp-posture .btn-wrap .txt {
    margin: 40px 0;
}

.lp-2021.lp-posture .btn-wrap a {
    display: inline-block;
    margin: 10px 0;
}

.lp-2021.lp-posture .worry {
    background-color: #1e2f43;
    position: relative;
}

.lp-2021.lp-posture .worry:before {
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #1e2f43 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #1e2f43 50.5%) no-repeat top right/50% 100%;
    z-index: 1;
}

.lp-2021.lp-posture .worry h2 {
    padding: 40px 60px;
}

.lp-2021.lp-posture .worry .box-ttl {
    background-color: #fff;
    color: #063049;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    padding: 16px 60px;
    position: relative;
    border-bottom: 2px solid #1e2f43;
}

.lp-2021.lp-posture .worry .box-ttl .blue {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    background-color: #04b0ff;
}

.lp-2021.lp-posture .worry .box-ttl .line {
    transition: all 0.4s;
}

.lp-2021.lp-posture .worry .box-ttl .line1 {
    width: 30px;
    height: 4px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 12px;
}

.lp-2021.lp-posture .worry .box-ttl .line2 {
    height: 30px;
    width: 4px;
    background-color: #fff;
    position: absolute;
    top: 26%;
    right: 0;
    left: 0;
    margin: 0 auto;
    border-radius: 12px;
}

.lp-2021.lp-posture .worry .box-ttl.active .line2 {
    transform: rotate(90deg);
}

.lp-2021.lp-posture .btn-area.bottom-area {
    right: 0;
    left: 0;
    margin: 0 auto;
}

.lp-2021.lp-posture .worry .box-contents {
    display: none;
}

.lp-2021.lp-posture .worry .box-contents .img {
    background-color: #c9ddf5;
    padding: 40px;
    position: relative;
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-worry-back-img.png);
    background-size: contain;
    background-position: center;
}

.lp-2021.lp-posture .worry .box-contents .txt .blue {
    padding: 20px 160px 20px 20px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.75;
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-worry-txt-img.png);
    background-size: 120px;
    background-position: 97% 50%;
    position: relative;
}

.lp-2021.lp-posture .worry .box-contents .txt .blue:before {
    content: "";
    width: 180px;
    height: 50px;
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-worry-txt-label-img.png);
    background-size: contain;
    background-position: 97% 50%;
    position: absolute;
    background-repeat: no-repeat;
    top: -32px;
    left: 20px;
}

.lp-2021.lp-posture .worry .box-contents .txt .pink {
    padding: 20px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.75;
    background: linear-gradient(-20deg, #ec8a6c, #ed709d);
}

.lp-2021.lp-posture .worry .box-contents .txt .pink span {
    display: inline-block;
    background-color: #fff;
    color: #ed709d;
    font-weight: 600;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: -10px;
    position: relative;
}

.lp-2021.lp-posture .worry .box-contents .txt .pink span:before {
    content: "";
    position: absolute;
    top: -28px;
    left: 28%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 18px solid #fff;
}

.lp-2021.lp-posture .worry .box1 h3 {
    width: 160px;
    position: absolute;
    bottom: 100px;
    left: 80px;
}

.lp-2021.lp-posture .worry .box2 h3 {
    width: 220px;
    position: absolute;
    bottom: 100px;
    left: 80px;
}

.lp-2021.lp-posture .worry .box3 h3 {
    width: 300px;
    position: absolute;
    bottom: 100px;
    left: 80px;
}

.lp-2021.lp-posture .ba-body {
    position: relative;
}

.lp-2021.lp-posture .ba-body:before {
    content: "";
    width: 100%;
    height: 110px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%) no-repeat top right/50% 100%;
}

.lp-2021.lp-posture .ba-body .before-body {
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-ba-before-back-img.png);
    background-size: cover;
    background-position: top center;
    padding: 80px 40px 40px;
}

.lp-2021.lp-posture .ba-body .after-body {
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-fv-back-img.png);
    background-size: cover;
    background-position: top center;
    padding: 60px 40px 80px;
}

.lp-2021.lp-posture .ba-body .after-body .img {
    margin-top: -120px;
    margin-left: -20px;
}

.lp-2021.lp-posture .ba-body .price {
    padding: 0 40px 20px;
    border-bottom: 2px solid #a3a7a7;
}

.lp-2021.lp-posture .ba-body .price .label {
    width: 200px;
    margin: -40px auto 40px;
}

.lp-2021.lp-posture .ba-body .price .img {
    margin-top: 40px;
}

.lp-2021.lp-posture .voice {
    padding: 40px;
}

.lp-2021.lp-posture .voice h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #063049;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 1.75;
}

.lp-2021.lp-posture .voice h2 span {
    font-size: 42px;
}

.lp-2021.lp-posture .voice .notice {
    margin: 20px 0;
    text-align: center;
    color: #063049;
    letter-spacing: 1px;
}

.lp-2021.lp-posture .voice .list.type1 li {
    display: flex;
    align-items: center;
    margin: 40px 0;
}

.lp-2021.lp-posture .voice .list.type1 .img {
    width: 25%;
}

.lp-2021.lp-posture .voice .list.type1 .txt {
    width: 75%;
    padding-left: 20px;
    color: #063049;
}

.lp-2021.lp-posture .voice .list.type1 .txt h3 {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.lp-2021.lp-posture .voice .list.type1 .txt p {
    line-height: 1.75;
}

.lp-2021.lp-posture .voice .ttl {
    background: linear-gradient(-20deg, #cef9fa, #b3e7ff);
    padding: 18px 10px 18px 60px;
    border-radius: 30px;
    color: #063049;
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    margin: 40px 0;
}

.lp-2021.lp-posture .voice .ttl:before {
    content: "";
    width: 26px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%) translateX(0%);
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-voice-ttl-icon-img.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.lp-2021.lp-posture .voice .list.type2 li {
    display: flex;
    align-items: center;
    margin: 40px 0;
    justify-content: space-between;
}

.lp-2021.lp-posture .voice .list.type2 li.list2 {
    flex-flow: row-reverse;
}

.lp-2021.lp-posture .voice .list.type2 .img {
    width: 25%;
}

.lp-2021.lp-posture .voice .list.type2 .txt {
    width: calc(75% - 40px);
    padding: 20px;
    color: #063049;
    background-color: #bdfdff;
    border-radius: 16px;
    line-height: 1.75;
    position: relative;
}

.lp-2021.lp-posture .voice .list.type2 .txt:before {
    content: "";
    position: absolute;
    top: 60%;
    left: -26px;
    margin-top: -9px;
    border: 9px solid transparent;
    border-right: 18px solid #bdfdff;
}

.lp-2021.lp-posture .voice .list.type2 li.list2 .txt:before {
    content: "";
    position: absolute;
    top: 60%;
    left: 100%;
    margin-top: -9px;
    border: 9px solid transparent;
    border-left: 18px solid #bdfdff;
    border-right: none;
}

.lp-2021.lp-posture .voice .closing {
    background: linear-gradient(-20deg, #cef9fa, #b3e7ff);
    padding: 18px;
    border-radius: 30px;
    color: #063049;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    margin: 40px 0;
    display: flex;
    align-items: center;
}

.lp-2021.lp-posture .voice .closing img {
    width: 22%;
}

.lp-2021.lp-posture .voice .closing p {
    width: 78%;
    text-align: left;
    line-height: 1.75;
    padding-left: 20px;
}

.lp-2021.lp-posture .section.section3 .inner {
    position: relative;
}

.lp-2021.lp-posture .section.section3 .price-btn {
    display: block;
    margin: 20px auto 20px;
    width: 400px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 52px;
}

.lp-2021.lp-posture .section.section5 {
    position: relative;
    background-color: #ddf9fa;
    padding: 10px 24px 0;
}

.lp-2021.lp-posture .section.section5 .inner {
    border: 4px solid #76e8ec;
    background-color: #fff;
    padding: 20px;
}

.lp-2021.lp-posture .section.section5 .ttl {
    margin-top: -46px;
    margin-bottom: 40px;
    width: calc(100% + 40px);
    margin-left: -20px;
}

.lp-2021.lp-posture .section.section5 p {
    background-color: #2ba8e8;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 4px 0;
    font-size: 16px;
}

.lp-2021.lp-posture .section.section5 .list {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lp-2021.lp-posture .section.section5 .list .name {
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    width: 23%;
    margin: 1%;
    text-align: center;
}

.lp-2021.lp-posture .section.section5 .list .name a {
    color: #1d2f44;
}

.lp-2021.lp-posture .section.section7 .inner {
    position: relative;
}

.lp-2021.lp-posture .section.section7 .price-btn {
    display: block;
    margin: 20px auto 20px;
    width: 400px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 26px;
}

.lp-2021.lp-posture .shop-box h2 {
    background-color: transparent;
    padding: 0;
    margin-bottom: 10px;
}

.lp-2021.lp-posture .shop-box p {
    background-color: #2ba8e8;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 4px 0;
    font-size: 16px;
}

.lp-2021.lp-posture .shop-box .list .name {
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    width: 23%;
    margin: 1%;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .lp-2021.lp-posture .fv {
        padding: 30px 10px 10px;
    }

    .lp-2021.lp-posture .fv .inner {
        padding: 10px;
        max-width: 500px;
    }

    .lp-2021.lp-posture .fv .img:before {
        width: 300px;
        height: 400px;
        top: 60px;
    }

    .lp-2021.lp-posture .btn-wrap .inner {
        padding: 10px 20px 20px;
    }

    .lp-2021.lp-posture .btn-wrap .ttl {
        padding: 10px 40px 0;
    }

    .lp-2021.lp-posture .btn-wrap h2.type2 .circle {
        background-color: #1e2f43;
        width: 110px;
        height: 110px;
    }

    .lp-2021.lp-posture .btn-wrap h2.type2 img {
        width: calc(100% - 110px);
    }

    .lp-2021.lp-posture .worry h2 {
        padding: 40px 40px;
    }

    .lp-2021.lp-posture .worry .box-ttl {
        font-size: 16px;
    }

    .lp-2021.lp-posture .worry .box-contents .img {
        padding: 40px 20px;
    }

    .lp-2021.lp-posture .worry .box1 h3 {
        width: 120px;
        bottom: 80px;
        left: 50px;
    }

    .lp-2021.lp-posture .worry .box2 h3 {
        width: 160px;
        bottom: 80px;
        left: 50px;
    }

    .lp-2021.lp-posture .worry .box3 h3 {
        width: 220px;
        bottom: 80px;
        left: 50px;
    }

    .lp-2021.lp-posture .worry .box-contents .txt .blue:before {
        width: 160px;
    }

    .lp-2021.lp-posture .worry .box-contents .txt .blue {
        padding: 20px 140px 20px 20px;
        font-size: 12px;
    }

    .lp-2021.lp-posture .worry .box-contents .txt .pink {
        font-size: 12px;
    }

    .lp-2021.lp-posture .worry .box-contents .txt .pink span {
        font-size: 16px;
    }

    .lp-2021.lp-posture .ba-body .before-body {
        padding: 60px 30px 30px;
    }

    .lp-2021.lp-posture .ba-body .after-body {
        padding: 40px 20px 80px;
    }

    .lp-2021.lp-posture .ba-body .after-body .img {
        margin-top: -80px;
        margin-left: -10px;
    }

    .lp-2021.lp-posture .ba-body .price {
        padding: 0 20px 20px;
        border-bottom: 1px solid #a3a7a7;
    }

    .lp-2021.lp-posture .ba-body .price .label {
        width: 140px;
    }

    .lp-2021.lp-posture .ba-body .price .img {
        margin-top: 20px;
    }

    .lp-2021.lp-posture .voice {
        padding: 40px 20px;
    }

    .lp-2021.lp-posture .voice h2 {
        font-size: 24px;
    }

    .lp-2021.lp-posture .voice h2 span {
        font-size: 30px;
    }

    .lp-2021.lp-posture .voice .notice {
        font-size: 10px;
    }

    .lp-2021.lp-posture .voice .list.type1 .img {
        width: 30%;
    }

    .lp-2021.lp-posture .voice .list.type1 .txt {
        width: 70%;
    }

    .lp-2021.lp-posture .voice .list.type1 .txt h3 {
        font-size: 16px;
    }

    .lp-2021.lp-posture .voice .list.type1 .txt p {
        font-size: 12px;
    }

    .lp-2021.lp-posture .voice .ttl {
        padding: 14px 10px 14px 50px;
        font-size: 14px;
        text-align: left;
    }

    .lp-2021.lp-posture .voice .ttl:before {
        width: 18px;
        height: 20px;
        left: 20px;
    }

    .lp-2021.lp-posture .voice .list.type2 .img {
        width: 30%;
    }

    .lp-2021.lp-posture .voice .list.type2 .txt {
        width: calc(70% - 20px);
        padding: 20px 10px;
        font-size: 12px;
    }

    .lp-2021.lp-posture .voice .closing {
        padding: 10px;
        font-size: 14px;
    }

    .lp-2021.lp-posture .voice .closing p {
        padding-left: 10px;
    }

    .lp-2021.lp-posture .section.section3 .price-btn {
        width: 300px;
        bottom: 30px;
    }

    .lp-2021.lp-posture .section.section5 .list .name {
        align-items: center;
        display: inline-flex;
        justify-content: center;
    }

    .lp-2021.lp-posture .section.section7 .price-btn {
        width: 300px;
        bottom: 6px;
    }
}

@keyframes changeImg {
    0% {
        background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-fv-before-img.png);
    }

    80% {
        background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-fv-after-img.png);
    }

    100% {
        background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp-posture-fv-after-img.png);
    }
}

/* LPの動画非表示 */
.lp-2021.add-lp-2021 .youtube iframe {
    display: none;
}

/* 店舗道順修正 */
.single-shop-page .shop-container .access-block-wrap .shop-load-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.single-shop-page .shop-container .access-block-wrap .shop-load-tab {
    margin: 10px 0;
    width: max-content;
}

.single-shop-page .shop-container .access-block-wrap .shop-load-tab .tab {
    display: inline-block;
    margin: 5px;
    color: #47b2ea;
    border: 2px dashed #47b2ea;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    opacity: 0.6;
    font-size: 12px;
}

.single-shop-page .shop-container .access-block-wrap .shop-load-tab .tab.active {
    font-weight: 600;
    opacity: 1;
}

.single-shop-page .shop-container .access-block-wrap .shop-load-wrap {
    display: none;
}

.single-shop-page .shop-container .access-block-wrap .shop-load-wrap.active {
    display: block;
}

/* 店舗ページキャンペーンバナー文言追加 */
.single-shop-page .fixed-campaign-box {
    background-color: #2ca8e8;
    position: fixed;
    bottom: 86px;
    width: 100%;
    z-index: 10;
}

.single-shop-page .fixed-campaign-box:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #2ca8e8;
}

.single-shop-page .fixed-campaign-box p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 6px 0;
    letter-spacing: 1px;
    position: relative;
    animation: bound-campaign 3s ease infinite alternate;
}

.single-shop-page .fixed-campaign-box p span {
    font-family: Century Gothic, sans-serif;
    display: inline-block;
    font-weight: 600;
    font-size: 22px;
}

@keyframes bound-campaign {
    33% {
        transform: translateY(0px);
    }

    59% {
        transform: translateY(-10px);
    }

    72% {
        transform: translateY(0px);
    }
}

@media screen and (max-width: 767px) {
    .single-shop-page .fixed-campaign-box {
        bottom: 80px;
    }

    .single-shop-page .fixed-campaign-box p {
        padding: 4px 0;
    }

    .single-shop-page .fixed-campaign-box p span {
        font-size: 20px;
    }
}

/* 店舗メインスライダー */
.single-shop-page .shop-mv-slider .swiper-container {
    position: relative;
    overflow: hidden;
}

.single-shop-page .shop-mv-slider .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    background: #e6e6e6;
}

.single-shop-page .shop-mv-slider .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1f2f43;
}

/* 店舗OPEN日付 */
.single-shop-page .shop-main .shop-open-label {
    margin-top: 8px;
}

.single-shop-page .shop-main .shop-open-label span {
    display: inline-block;
    background-color: #00b4f0;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding: 6px 10px;
    letter-spacing: 1px;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-main .shop-open-label span {
        font-size: 10px;
        padding: 6px 10px 4px;
    }
}

.top .shop .box .box-list .area .shop-name span .shop-open-txt-label {
    color: #00b4f0;
    font-weight: 600;
    margin: 0;
    font-size: 11px;
}

.shop-page .fv .box .list .area .shop-name span .shop-open-txt-label {
    color: #00b4f0;
    font-weight: 600;
    margin: 0;
    font-size: 11px;
}

.shop-page .shop .list .txt .name .shop-open-label {
    background-color: #2ca8e8;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 4px 10px 5px;
    border-radius: 6px;
    letter-spacing: 1px;
    margin-left: 6px;
}

@media screen and (max-width: 767px) {
    .shop-page .shop .list .txt .name .shop-open-label {
        font-size: 10px;
        padding: 4px 8px 4px;
        margin-left: 3px;
    }
}

@media screen and (max-width: 767px) {
    .top .shop .sp-allshop-list .sp-area-list li a .shop-open-txt-label {
        color: #2ca8e8;
        font-weight: 600;
        font-size: 10px;
        display: inline-block;
    }
}

/* Method 画像変更 */
.method-page .section1:before {
    background-image: url(../img/method-section1-img.jpg);
}

/* 店舗限定クーポン */
.limit-coupon-page {
    padding-bottom: 20px;
}

.limit-coupon-page .inner {
    max-width: 400px;
    padding: 0 20px;
}

.limit-coupon-page .img-box {
    background-color: #01a6ea;
    padding: 20px 40px 40px;
    border-radius: 14px;
    border: 3px solid #fff;
    box-shadow: 0 0 0 6px #222f40;
    background-image: url(../img/coupon-apple-img.png);
    background-position: center;
    background-size: contain;
}

.limit-coupon-page .date {
    margin-top: 30px;
    text-align: center;
    background-color: #fff;
    padding: 6px 10px;
    color: #01a6ea;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
}

.limit-coupon-page .notice-box {
    margin: 30px 0 20px;
}

.limit-coupon-page .notice-box .bg-blue {
    background-color: #222f40;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 4px;
    margin-bottom: 4px;
}

.limit-coupon-page .notice-box .bg-blue.flex {
    display: flex;
    align-items: center;
}

.limit-coupon-page .notice-box .bg-blue.flex p {
    width: 50%;
    text-align: center;
    padding: 0 10px;
    line-height: 1;
    margin: 0;
    color: #fff;
}

.limit-coupon-page .notice-box .bg-blue.flex span {
    width: 50%;
    background-color: #fff;
    text-align: center;
    color: #222f40;
    padding: 2px;
}

.limit-coupon-page .notice-box p {
    font-weight: 600;
    line-height: 1.5;
    margin-top: 10px;
    color: #222f40;
}

.limit-coupon-page .target-shop p {
    color: #222f40;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.limit-coupon-page .target-shop span {
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 12px;
}

.lp-2021 .fixed-campaign-box {
    background-color: #222f40;
    position: fixed;
    bottom: 86px;
    width: 100%;
    z-index: 10;
}

.lp-2021 .fixed-campaign-box:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top: 6px solid #222f40;
}

.lp-2021 .fixed-campaign-box p {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 6px 0;
    letter-spacing: 1px;
    position: relative;
    animation: bound-campaign 3s ease infinite alternate;
}

.lp-2021 .fixed-campaign-box p span {
    font-family: Century Gothic, sans-serif;
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
}

.lp-2021 .fixed-campaign-box p:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    line-height: 1;
    vertical-align: sub;
    position: relative;
    background-image: url(../img/coupon-plus-icon2-img.png);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.single-shop-page .fixed-campaign-box p:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px;
    line-height: 1;
    vertical-align: top;
    position: relative;
    background-image: url(../img/coupon-plus-icon1-img.png);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .lp-2021 .fixed-campaign-box {
        bottom: 80px;
    }

    .lp-2021 .fixed-campaign-box p {
        padding: 4px 0;
    }

    .lp-2021 .fixed-campaign-box p span {
        font-size: 20px;
    }
}

.lp-2021 .coupon-banner-img {
    padding: 10px 40px;
    background-color: #222f40;
}

@media screen and (max-width: 767px) {
    .lp-2021 .coupon-banner-img {
        padding: 10px 20px;
    }
}

/* ジム比較 */
.compare-gym-page {
    font-family: Century Gothic, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W9", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.compare-gym-page .fv {
    background-color: #2fd9e0;
}

.compare-gym-page .fv .inner {
    padding: 90px 40px 90px 200px;
    position: relative;
    background-image: url(../img/compare-gym-fv-back-img.png);
    background-size: contain;
    background-position: 105% 0;
}

.compare-gym-page .fv .inner:after {
    content: "";
    width: 200px;
    height: 100%;
    position: absolute;
    right: 140px;
    bottom: 0;
    background-image: url(../img/compare-gym-fv-img.png);
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.compare-gym-page .fv .txt {
    width: 50%;
    color: #fff;
}

.compare-gym-page .fv .txt p {
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-size: 16px;
}

.compare-gym-page .fv .txt h1 {
    font-size: 16px;
    line-height: 1.75;
}

.compare-gym-page .fv .txt h1 b {
    font-size: 22px;
    letter-spacing: 4px;
}

.compare-gym-page .fv .txt h1 span {
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 4px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .fv {
        overflow: hidden;
    }

    .compare-gym-page .fv .inner {
        padding: 60px 20px 120px 20px;
        background-image: url(../img/compare-gym-fv-sp-back-img.png);
        background-size: cover;
        background-position: center bottom;
    }

    .compare-gym-page .fv .inner:after {
        width: 200px;
        right: -20px;
    }

    .compare-gym-page .fv .txt {
        width: 100%;
    }

    .compare-gym-page .fv .txt p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .compare-gym-page .fv .txt h1 {
        font-size: 14px;
        position: relative;
        z-index: 1;
    }

    .compare-gym-page .fv .txt h1 b {
        font-size: 20px;
        letter-spacing: 2px;
        background-color: #fff;
        color: #2b3b4c;
        padding: 0px 6px;
        display: inline-block;
        margin-bottom: 4px;
        line-height: 1.5;
        margin-right: 6px;
    }

    .compare-gym-page .fv .txt h1 span {
        font-size: 20px;
        letter-spacing: 2px;
        display: inline-block;
        margin-top: 10px;
    }
}

.compare-gym-page .section {}

.compare-gym-page .section .inner {
    max-width: 800px;
    padding: 60px 40px;
}

.compare-gym-page .section .box .ttl {
    text-align: center;
    background-size: cover;
    background-position: center;
    padding: 30px 20px;
}

.compare-gym-page .section .box .ttl h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.compare-gym-page .section .box.box1 .ttl {
    background-image: url(../img/compare-gym-ttl1-back-img.png);
    margin-bottom: 20px;
}

.compare-gym-page .section .box.box2 .ttl {
    background-image: url(../img/compare-gym-ttl2-back-img.png);
    margin-bottom: 20px;
}

.compare-gym-page .section .box.box3 .ttl {
    background-image: url(../img/compare-gym-ttl3-back-img.png);
}

.compare-gym-page .section .box .bg-blue {
    background-color: #f3fbfe;
    padding: 20px;
}

.compare-gym-page .section .box .txt-list {
    margin-bottom: 20px;
}

.compare-gym-page .section .box .txt-list li {
    background-color: #fff;
    color: #2ba8e7;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.compare-gym-page .section .box.box2 .txt-list li {
    color: #2fd9e0;
}

.compare-gym-page .section .box .txt {
    margin: 20px 0;
    color: #1e2f41;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
}

.compare-gym-page .section .box .bar-list {
    background-color: #fff;
    margin: 60px 0 20px;
    position: relative;
    padding: 20px 120px;
}

.compare-gym-page .section .box .bar-list span {
    display: inline-block;
    width: 44px;
    position: absolute;
    top: -26px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.compare-gym-page .section .box .bar-list h3 {
    text-align: center;
    margin: 20px 0;
    color: #2ba8e7;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
}

.compare-gym-page .section .box.box2 .bar-list h3 {
    color: #2fd9e0;
}

.compare-gym-page .section .box .bar-list .list {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.compare-gym-page .section .box .bar-list .list.list4 {
    margin-bottom: 0;
}

.compare-gym-page .section .box .bar-list .list li.caption {
    width: 18%;
    color: #2ba8e7;
    font-weight: 600;
    font-size: 12px;
}

.compare-gym-page .section .box.box2 .bar-list .list li.caption {
    color: #2fd9e0;
}

.compare-gym-page .section .box .bar-list .list li.bar {
    height: 26px;
    background-color: #374655;
}

.compare-gym-page .section .box .bar-list .list li.detail {
    padding-left: 10px;
    color: #7b828b;
    font-weight: 600;
    font-size: 12px;
}

.compare-gym-page .section .box .bar-list .list li.detail sup {
    display: inline-block;
    font-size: 10px;
}

.compare-gym-page .section .box .bar-list .list.list1 li.bar {
    width: 54%;
}

.compare-gym-page .section .box .bar-list .list.list2 li.bar {
    width: 8%;
}

.compare-gym-page .section .box.box2 .bar-list .list.list2 li.bar {
    width: 30%;
}

.compare-gym-page .section .box .bar-list .list.list3 li.bar {
    width: 4%;
}

.compare-gym-page .section .box.box2 .bar-list .list.list3 li.bar {
    width: 36%;
}

.compare-gym-page .section .box .bar-list .list.list4 li.bar {
    width: 4%;
}

.compare-gym-page .section .box.box2 .bar-list .list.list4 li.bar {
    width: 34%;
}

.compare-gym-page .section .box.box2 p {
    margin-top: 20px;
    font-size: 10px;
}

.compare-gym-page .section .box .notice {
    text-align: center;
    margin: 20px 0;
    color: #2ba8e7;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.75;
}

.compare-gym-page .section .box .img-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.compare-gym-page .section .box .img-list .img-box {
    width: 49%;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    position: relative;
}

.compare-gym-page .section .box .img-list .img-box .img {
    margin-bottom: 20px;
}

.compare-gym-page .section .box .img-list .img-box .img img {
    width: 150px;
}

.compare-gym-page .section .box .img-list .img-box p span {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 2px 6px;
    margin-bottom: 4px;
    background-color: #2fd9e0;
}

.compare-gym-page .section .box .img-list .img-box:last-child p span {
    background-color: #43afe9;
}

.compare-gym-page .section .box .img-list .img-box:first-child:after {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -24px;
    background-image: url(../img/compare-gym-arrow1-img.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.compare-gym-page .section .offer-area {
    margin-top: 40px;
    background-image: url(../img/compare-gym-offer-back-img.png);
    background-size: cover;
    background-position: center;
    padding: 40px 20px;
}

.compare-gym-page .section .offer-area .ttl {
    text-align: center;
    margin-bottom: 20px;
}

.compare-gym-page .section .offer-area .ttl span {
    display: inline-block;
    background-color: #374655;
    color: #fff;
    font-weight: 600;
    padding: 4px 20px;
    letter-spacing: 1px;
}

.compare-gym-page .section .offer-area .price {
    text-align: center;
    margin: 20px 0;
    color: #374655;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
}

.compare-gym-page .section .offer-area .price b {
    font-family: Century Gothic, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 4px;
}

.compare-gym-page .section .offer-area .point {
    text-align: center;
    margin-bottom: 20px;
}

.compare-gym-page .section .offer-area .point span {
    display: inline-block;
    background-color: #fff;
    color: #374655;
    font-weight: 600;
    padding: 4px 20px;
    letter-spacing: 1px;
}

.compare-gym-page .section .offer-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .inner {
        padding: 40px 10px;
    }

    .compare-gym-page .section .box .txt-list li {
        font-size: 12px;
    }

    .compare-gym-page .section .box .txt {
        line-height: 1.75;
        font-size: 12px;
    }

    .compare-gym-page .section .box .bar-list {
        margin: 40px 0 20px;
        padding: 20px 10px;
    }

    .compare-gym-page .section .box .bar-list span {
        width: 34px;
        top: -18px;
    }

    .compare-gym-page .section .box .bar-list h3 {
        font-size: 14px;
    }

    .compare-gym-page .section .box .bar-list .list li.caption {
        width: 20%;
        font-size: 10px;
    }

    .compare-gym-page .section .box .bar-list .list li.detail {
        padding-left: 6px;
        font-size: 10px;
    }

    .compare-gym-page .section .box .notice {
        font-size: 12px;
    }

    .compare-gym-page .section .box.box2 .bar-list .list.list2 li.bar {
        width: 24%;
    }

    .compare-gym-page .section .box.box2 .bar-list .list.list3 li.bar {
        width: 30%;
    }

    .compare-gym-page .section .box.box2 .bar-list .list.list4 li.bar {
        width: 28%;
    }

    .compare-gym-page .section .box .img-list {
        flex-flow: column;
    }

    .compare-gym-page .section .box .img-list .img-box {
        width: 100%;
    }

    .compare-gym-page .section .box .img-list .img-box:first-child {
        margin-bottom: 60px;
    }

    .compare-gym-page .section .box .img-list .img-box:first-child:after {
        width: 100%;
        height: 40px;
        top: auto;
        bottom: -50px;
        right: 0;
        left: 0;
        background-image: url(../img/compare-gym-arrow2-img.png);
    }

    .compare-gym-page .section .box .img-list .img-box .img img {
        width: 130px;
    }

    .compare-gym-page .section .offer-area {
        background-image: url(../img/compare-gym-offer-sp-back-img.png);
        padding: 60px 10px;
        background-position: 100%;
    }

    .compare-gym-page .section .offer-area .price {
        font-size: 14px;
        margin: 30px 0;
    }

    .compare-gym-page .section .offer-area .price b {
        font-size: 36px;
        letter-spacing: 2px;
    }
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .offer-area .btn {
        margin-top: 0;
    }
}

.compare-gym-page .section .offer-area .btn .left,
.compare-gym-page .section .offer-area .btn .right {
    width: 49%;
}

.compare-gym-page .section .offer-area .btn .left a {
    display: block;
    background-color: #ff373c;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon1-img.png);
    background-size: 30px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .offer-area .btn .left a {
        padding: 10px 10px 10px 40px;
        background-size: 22px;
        background-position: 8px 50%;
        letter-spacing: 0;
        background-image: url(../img/top-btn-icon1-img.svg);
    }
}

.compare-gym-page .section .offer-area .btn .left a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .offer-area .btn .left a span {
        font-size: 14px;
    }
}

.compare-gym-page .section .offer-area .btn .left a b {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
    padding: 2px 20px;
    border-radius: 30px;
    color: #ff373c;
    font-weight: 900;
    font-size: 12px;
    margin: 0 auto 4px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .offer-area .btn .left a b {
        padding: 2px 10px;
        font-size: 10px;
        margin-left: 0;
    }
}

.compare-gym-page .section .offer-area .btn .right a {
    display: block;
    background-color: #5fe536;
    padding: 22px 10px 22px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon2-img.png);
    background-size: 44px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .offer-area .btn .right a {
        padding: 21px 10px 21px 40px;
        background-size: 32px;
        background-position: 10px 50%;
        letter-spacing: 0;
    }
}

.compare-gym-page .section .offer-area .btn .right a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .offer-area .btn .right a span {
        font-size: 14px;
    }
}

.compare-gym-page .btn-area.bottom-area {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.compare-gym-page .btn-area.bottom-area .inner {
    padding: 10px 60px;
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .btn-area.bottom-area .inner {
        padding: 10px;
        max-width: 500px;
    }
}

.compare-gym-page .btn-area.bottom-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .btn-area.bottom-area .btn {
        margin-top: 0;
    }
}

.compare-gym-page .btn-area.bottom-area .btn .left,
.compare-gym-page .btn-area.bottom-area .btn .right {
    width: 49%;
}

.compare-gym-page .btn-area.bottom-area .btn .left a {
    display: block;
    background-color: #ff373c;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon1-img.png);
    background-size: 30px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .btn-area.bottom-area .btn .left a {
        padding: 10px 10px 10px 40px;
        background-size: 22px;
        background-position: 8px 50%;
        letter-spacing: 0;
        background-image: url(../img/top-btn-icon1-img.svg);
    }
}

.compare-gym-page .btn-area.bottom-area .btn .left a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .btn-area.bottom-area .btn .left a span {
        font-size: 14px;
    }
}

.compare-gym-page .btn-area.bottom-area .btn .left a b {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
    padding: 2px 20px;
    border-radius: 30px;
    color: #ff373c;
    font-weight: 900;
    font-size: 12px;
    margin: 0 auto 4px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .btn-area.bottom-area .btn .left a b {
        padding: 2px 10px;
        font-size: 10px;
        margin-left: 0;
    }
}

.compare-gym-page .btn-area.bottom-area .btn .right a {
    display: block;
    background-color: #5fe536;
    padding: 22px 10px 22px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon2-img.png);
    background-size: 44px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .btn-area.bottom-area .btn .right a {
        padding: 21px 10px 21px 40px;
        background-size: 32px;
        background-position: 10px 50%;
        letter-spacing: 0;
    }
}

.compare-gym-page .btn-area.bottom-area .btn .right a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .btn-area.bottom-area .btn .right a span {
        font-size: 14px;
    }
}

/* 店舗詳細 姉妹店 */
.single-shop-page .shop-main .sister-shop {
    margin: 20px 0;
}

.single-shop-page .shop-main .sister-shop .list {
    display: flex;
    align-items: center;
    border: 2px solid #1b2f46;
    padding: 10px;
    background-color: #f3fbfe;
    position: relative;
}

.single-shop-page .shop-main .sister-shop .img {
    width: 25%;
}

.single-shop-page .shop-main .sister-shop .img .no-img {
    position: relative;
    background-color: #1e2f43;
    height: 120px;
}

.single-shop-page .shop-main .sister-shop .img .no-img span {
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    font-family: Century Gothic;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    padding: 0 10px;
}

.single-shop-page .shop-main .sister-shop .txt {
    width: 75%;
    padding: 0 40px 0 20px;
    color: #1b2f46;
    position: relative;
}

.single-shop-page .shop-main .sister-shop .txt:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-top: 2px solid #1b2f46;
    border-right: 2px solid #1b2f46;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) translateX(0%) rotate(45deg);
}

.single-shop-page .shop-main .sister-shop .txt .ttl {
    font-weight: 600;
    margin-bottom: 10px;
}

.single-shop-page .shop-main .sister-shop .txt .ttl span {
    display: inline-block;
    font-size: 10px;
    margin-left: 20px;
}

.single-shop-page .shop-main .sister-shop .desc {
    font-size: 12px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-main .sister-shop {
        padding: 0 10px;
    }

    .single-shop-page .shop-main .sister-shop .list {
        flex-flow: column;
    }

    .single-shop-page .shop-main .sister-shop .img {
        width: 100%;
        margin-bottom: 10px;
    }

    .single-shop-page .shop-main .sister-shop .img .no-img {
        height: 140px;
    }

    .single-shop-page .shop-main .sister-shop .txt {
        width: 100%;
        padding: 0 40px 0 0;
    }

    .single-shop-page .shop-main .sister-shop .txt:after {
        right: 10px;
    }

    .single-shop-page .shop-main .sister-shop .txt .ttl span {
        margin-left: 0;
        display: block;
        margin-top: 4px;
    }
}

/* お客様グラフ */
.single-shop-page .shop-main .customer-graph {
    margin: 40px 0;
}

.single-shop-page .shop-main .customer-graph h2 {
    margin: 0;
    font-size: 18px;
    padding: 14px 0;
    border-left: 6px solid #221e3f;
    line-height: 1;
    padding-left: 16px;
    color: #221e3f;
    margin-bottom: 40px;
}

.single-shop-page .shop-main .customer-graph .bar-graph {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.single-shop-page .shop-main .customer-graph .bar-graph .box {
    width: 50%;
    padding: 0 20px;
}

.single-shop-page .shop-main .customer-graph .bar-graph .box h3 {
    color: #2ca8e8;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.single-shop-page .shop-main .customer-graph .bar-graph .box .list {
    position: relative;
    margin-bottom: 4px;
    padding: 0 0 0 80px;
    display: flex;
    align-items: center;
}

.single-shop-page .shop-main .customer-graph .bar-graph .box .list .bar {
    height: 30px;
    background-color: #221e3f;
    display: inline-block;
}

.single-shop-page .shop-main .customer-graph .bar-graph .box .list .bar.active {
    background-color: #2ca8e8;
}

.single-shop-page .shop-main .customer-graph .bar-graph .box .list .headline {
    color: #221e3f;
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%) translateX(0%);
    transform: translateY(-50%) translateX(0%);
    width: 74px;
}

.single-shop-page .shop-main .customer-graph .bar-graph .box .list .num {
    display: inline-block;
    color: #221e3f;
    font-weight: 600;
    font-size: 12px;
    margin-left: 8px;
}

.single-shop-page .shop-main .customer-graph .bar-graph .notice {
    width: 100%;
    font-size: 10px;
    margin-top: 20px;
}

.single-shop-page .shop-main .customer-graph .gender-graph {
    margin: 30px 0;
}

.single-shop-page .shop-main .customer-graph .gender-graph h3 {
    color: #2ca8e8;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.single-shop-page .shop-main .customer-graph .gender-graph .box {
    padding: 0 20px;
    display: flex;
}

.single-shop-page .shop-main .customer-graph .gender-graph .bar {
    padding: 12px 10px;
    text-align: center;
    color: #221e3f;
    font-weight: 600;
    /* font-size: 12px; */
}

.single-shop-page .shop-main .customer-graph .gender-graph .bar.woman {
    background-color: #ffd6e4;
}

.single-shop-page .shop-main .customer-graph .gender-graph .bar.man {
    background-color: #a7f5fe;
}

.single-shop-page .shop-main .customer-graph .best-menu {
    margin: 30px 0;
}

.single-shop-page .shop-main .customer-graph .best-menu h3 {
    color: #2ca8e8;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.single-shop-page .shop-main .customer-graph .best-menu .list {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
}

.single-shop-page .shop-main .customer-graph .best-menu .list li {
    width: 23%;
    text-align: center;
    background-color: #f3fbfe;
    padding: 20px 10px;
    color: #2ca8e8;
    font-weight: 600;
}

.single-shop-page .shop-main .customer-graph .best-menu .list .name {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.single-shop-page .shop-main .customer-graph .best-menu .list .per {
    letter-spacing: 1px;
}

.single-shop-page .shop-main .customer-graph .best-menu .list .per b {
    font-size: 20px;
}

.single-shop-page .shop-main .customer-graph .popular-training {
    margin: 30px 0;
}

.single-shop-page .shop-main .customer-graph .popular-training h3 {
    color: #2ca8e8;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.single-shop-page .shop-main .customer-graph .popular-training .list {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}

.single-shop-page .shop-main .customer-graph .popular-training .list li {
    width: 32%;
}

.single-shop-page .shop-main .customer-graph .popular-training .list .img {
    height: 140px;
    overflow: hidden;
    border-radius: 12px;
}

.single-shop-page .shop-main .customer-graph .popular-training .list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.single-shop-page .shop-main .customer-graph .popular-training .list h4 {
    color: #221e3f;
    font-weight: 600;
    margin: 12px 0;
}

.single-shop-page .shop-main .customer-graph .popular-training .list p {
    color: #221e3f;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-main .customer-graph {
        margin: 20px 0;
        padding: 0 10px;
    }

    .single-shop-page .shop-main .customer-graph h2 {
        margin-bottom: 20px;
    }

    .single-shop-page .shop-main .customer-graph .bar-graph {
        margin: 20px 0;
        /* flex-flow: column; */
    }

    .single-shop-page .shop-main .customer-graph .bar-graph .box {
        /* width: 100%; */
        width: 50%;
        padding: 0;
        margin-bottom: 20px;
    }

    .single-shop-page .shop-main .customer-graph .bar-graph .box .list {
        padding: 0 0 0 70px;
    }

    .single-shop-page .shop-main .customer-graph .bar-graph .box h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .single-shop-page .shop-main .customer-graph .bar-graph .box .list .headline {
        font-size: 10px;
        width: 64px;
    }

    .single-shop-page .shop-main .customer-graph .bar-graph .box .list .num {
        font-size: 10px;
        margin-left: 4px;
    }

    .single-shop-page .shop-main .customer-graph .bar-graph .notice {
        margin-top: 0;
    }

    .single-shop-page .shop-main .customer-graph .gender-graph {
        margin: 20px 0;
    }

    .single-shop-page .shop-main .customer-graph .gender-graph h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .single-shop-page .shop-main .customer-graph .gender-graph .box {
        padding: 0;
    }

    .single-shop-page .shop-main .customer-graph .gender-graph .bar {
        font-size: 12px;
    }

    .single-shop-page .shop-main .customer-graph .best-menu {
        margin: 20px 0;
    }

    .single-shop-page .shop-main .customer-graph .best-menu h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .single-shop-page .shop-main .customer-graph .best-menu .list {
        padding: 0;
    }

    .single-shop-page .shop-main .customer-graph .best-menu .list li {
        width: 24%;
    }

    .single-shop-page .shop-main .customer-graph .best-menu .list .name {
        font-size: 12px;
    }

    .single-shop-page .shop-main .customer-graph .best-menu .list .per {
        font-size: 12px;
    }

    .single-shop-page .shop-main .customer-graph .best-menu .list .per b {
        font-size: 16px;
    }

    .single-shop-page .shop-main .customer-graph .popular-training {
        margin: 20px 0;
    }

    .single-shop-page .shop-main .customer-graph .popular-training h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .single-shop-page .shop-main .customer-graph .popular-training .scroll {
        overflow: scroll;
        padding-bottom: 10px;
    }

    .single-shop-page .shop-main .customer-graph .popular-training .list {
        padding: 0;
    }

    .single-shop-page .shop-main .customer-graph .popular-training .list li {
        min-width: 180px;
        margin-right: 10px;
    }

    .single-shop-page .shop-main .customer-graph .popular-training .list li:last-child {
        margin-right: 0;
    }
}

/* 360度カメラ */
.single-shop-page .shop-main .shop-camera-modal {
    margin: 20px 0;
}

.single-shop-page .shop-main .modal-box {
    background-color: #dff3fa;
    padding: 10px 20px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-shop-page .shop-main .modal-box .txt {
    width: calc(100% - 180px);
    padding-right: 10px;
    color: #50b3e8;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}

.single-shop-page .shop-main .modal-box .txt span {
    width: 46px;
    display: inline-flex;
    text-align: center;
    height: 46px;
    border: 2px dotted #4d5964;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #50b3e8;
    font-weight: 600;
    font-size: 18px;
    padding-left: 6px;
    margin-right: 20px;
    letter-spacing: 0;
}

.single-shop-page .shop-main .modal-box .btn button {
    background-color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    color: #47b2ea;
    font-weight: 600;
    letter-spacing: 2px;
    border: none;
    appearance: none;
    width: 180px;
}

/* モーダル */
.remodal.shop-around-modal {
    max-width: 600px;
    background: transparent;
    padding: 0;
}

.remodal.shop-around-modal .ricoh-theta-spherical-image {
    width: 100% !important;
    height: 350px !important;
}

.remodal.shop-around-modal .ricoh-theta-spherical-image iframe {
    width: 100% !important;
    height: 100% !important;
}

.remodal.shop-around-modal .button {
    margin-top: 30px;
}

.remodal.shop-around-modal .button button.remodal-cancel {
    background: #dff3fa;
    color: #60c5ee;
    font-weight: 600;
    font-size: 14px;
    max-width: 160px;
    width: 100%;
    border-radius: 30px;
    padding: 12px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-main .shop-camera-modal {
        margin: 20px 10px;
    }

    .single-shop-page .shop-main .modal-box {
        background-color: transparent;
        border: 2px solid #50b3e8;
        padding: 10px 10px;
    }

    .single-shop-page .shop-main .modal-box .txt {
        padding: 0;
        width: 100%;
    }

    .single-shop-page .shop-main .modal-box .txt span {
        margin-right: 14px;
    }

    .remodal.shop-around-modal .ricoh-theta-spherical-image {
        width: 100% !important;
        height: 300px !important;
    }
}

/* 体験記事 */
.taiken-page .main-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 10px;
}

@media screen and (max-width: 767px) {
    .taiken-page .main-contents {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 40px 10px;
    }
}

.taiken-page .main-contents .left {
    width: 70%;
    padding-right: 20px;
}

@media screen and (max-width: 767px) {
    .taiken-page .main-contents .left {
        width: 100%;
        padding-right: 0;
    }
}

.taiken-page .main-contents .right {
    width: 30%;
}

@media screen and (max-width: 767px) {
    .taiken-page .main-contents .right {
        width: 100%;
        margin-top: 30px;
    }
}

.taiken-page .main-article {
    color: #1e2f41;
}

.taiken-page .main-article .ttl {
    margin-bottom: 30px;
}

.taiken-page .main-article .ttl .ttl-label {
    display: inline-block;
    background-color: #3fb9ec;
    color: #fff;
    padding: 2px 20px;
    margin-bottom: 10px;
}

.taiken-page .main-article .ttl h1 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.75;
}

.taiken-page .main-article h2 {
    margin: 40px 0 30px;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.75;
    border-bottom: 2px solid #1e2f41;
    padding-bottom: 10px;
}

.taiken-page .main-article h3 {
    margin: 40px 0;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.75;
    border-left: 6px solid #04a5ea;
    padding-left: 20px;
}

.taiken-page .main-article p {
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.75;
    font-size: 12px;
    margin: 20px 0;
}

.taiken-page .main-article table {
    width: 100%;
    border-collapse: collapse;
}

.taiken-page .main-article tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.taiken-page .main-article tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.taiken-page .main-article td {
    color: #221e3f;
    padding: 14px;
    width: 26%;
    line-height: 1;
    background-color: #f2fbfe;
    font-size: 12px;
    text-align: left;
    border-bottom: 1px dashed #eee;
    line-height: 1.5em;
}

.taiken-page .main-article ul {
    padding: 20px;
    background: #f2fbfe;
    border-radius: 4px;
}

.taiken-page .main-article li:nth-child(odd) {
    background-image: url(../img/list-blue-icon-img.png);
}

.taiken-page .main-article li:nth-child(even) {
    background-image: url(../img/list-red-icon-img.png);
}

.taiken-page .main-article li {
    color: #1e2f43;
    padding: 4px 0 2px 30px;
    font-weight: 900;
    margin: 8px 0;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

.taiken-page .main-article iframe {
    width: 100%;
}

#toc_container p.toc_title+ul.toc_list {
    padding: 0 20px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.75;
}

#toc_container .toc_title {
    border-bottom: 1px solid #1e2f41;
    padding-bottom: 10px;
}

#toc_container a {
    display: inline-block;
    font-weight: 600;
    margin: 3px 0;
}

.taiken-page .main-article .comment-box {
    display: flex;
    align-items: flex-start;
    margin: 40px 0;
    justify-content: space-between;
}

.taiken-page .main-article .comment-box .img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}

.taiken-page .main-article .comment-box .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.taiken-page .main-article .comment-box .txt {
    width: calc(100% - 110px);
    padding: 14px;
    border-radius: 10px;
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.75;
    font-size: 12px;
}

.taiken-page .main-article .comment-box .txt strong {
    font-size: 14px;
}

.taiken-page .main-article .comment-box .txt:before {
    content: "";
    position: absolute;
    top: 30%;
    left: -26px;
    margin-top: -12px;
    border: 12px solid transparent;
}

.taiken-page .main-article .comment-box.blue .txt {
    background-color: #f2fbfe;
}

.taiken-page .main-article .comment-box.blue .txt:before {
    border-right: 16px solid #f2fbfe;
}

.taiken-page .main-article .comment-box.pink .txt {
    background-color: #fef2f2;
}

.taiken-page .main-article .comment-box.pink .txt:before {
    border-right: 16px solid #fef2f2;
}

.taiken-page .sidebar .shop-link .ttl {
    background-color: #1e2f43;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 4px 4px 0 0;
}

.taiken-page .sidebar .shop-link .list {
    background-color: #f2f2f2;
}

.taiken-page .sidebar .shop-link .list li {
    padding: 0 10px;
}

.taiken-page .sidebar .shop-link .list li a {
    display: block;
    border-bottom: dashed 1px #c3c3c3;
    padding: 14px 30px 14px 10px;
    font-size: 12px;
    color: #231d41;
    position: relative;
}

.taiken-page .sidebar .shop-link .list li a:after {
    content: ">";
    position: absolute;
    top: 50%;
    right: 12px;
    font-size: 16px;
    line-height: 1;
    color: #c3c3c3;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.taiken-page .sidebar .shop-link .list li:last-child a {
    border-bottom: none;
}

.taiken-page .btn-area.bottom-area {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.taiken-page .btn-area.bottom-area .inner {
    padding: 10px 60px;
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .taiken-page .btn-area.bottom-area .inner {
        padding: 10px;
        max-width: 500px;
    }
}

.taiken-page .btn-area.bottom-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .taiken-page .btn-area.bottom-area .btn {
        margin-top: 0;
    }
}

.taiken-page .btn-area.bottom-area .btn .left,
.taiken-page .btn-area.bottom-area .btn .right {
    width: 49%;
}

.taiken-page .btn-area.bottom-area .btn .left a {
    display: block;
    background-color: #ff373c;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon1-img.png);
    background-size: 30px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .taiken-page .btn-area.bottom-area .btn .left a {
        background-image: url(../img/top-btn-icon1-img.svg);
        padding: 10px 10px 10px 40px;
        background-size: 22px;
        background-position: 8px 50%;
        letter-spacing: 0;
    }
}

.taiken-page .btn-area.bottom-area .btn .left a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .taiken-page .btn-area.bottom-area .btn .left a span {
        font-size: 14px;
    }
}

.taiken-page .btn-area.bottom-area .btn .left a b {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
    padding: 2px 20px;
    border-radius: 30px;
    color: #ff373c;
    font-weight: 900;
    font-size: 12px;
    margin: 0 auto 4px;
}

@media screen and (max-width: 767px) {
    .taiken-page .btn-area.bottom-area .btn .left a b {
        padding: 2px 10px;
        font-size: 10px;
        margin-left: 0;
    }
}

.taiken-page .btn-area.bottom-area .btn .right a {
    display: block;
    background-color: #5fe536;
    padding: 22px 10px 22px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon2-img.png);
    background-size: 44px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .taiken-page .btn-area.bottom-area .btn .right a {
        padding: 21px 10px 21px 50px;
        background-size: 32px;
        background-position: 10px 50%;
        letter-spacing: 0;
    }
}

.taiken-page .btn-area.bottom-area .btn .right a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .taiken-page .btn-area.bottom-area .btn .right a span {
        font-size: 14px;
    }
}

.taiken-page .access-block-wrap .access-block {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.taiken-page .access-block-wrap .access-img {
    width: 26%;
}

.taiken-page .access-block-wrap .access-container {
    width: 74%;
    padding-left: 20px;
}

.taiken-page .access-block-wrap .access-container .access-head {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
}

.taiken-page .access-block-wrap .access-container .access-head b {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 6px;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .taiken-page .access-block-wrap .access-img {
        width: 35%;
    }

    .taiken-page .access-block-wrap .access-container {
        width: 65%;
        padding-left: 10px;
    }
}

/* 店舗詳細 追加 */
.single-shop-page .shop-main .taiken-article {
    background-color: #f3fbfe;
    padding: 20px;
    margin: 20px 0;
    display: flex;
    align-items: center;
}

.single-shop-page .shop-main .taiken-article .img {
    width: 30%;
}

.single-shop-page .shop-main .taiken-article .txt {
    width: 70%;
    padding-left: 20px;
}

.single-shop-page .shop-main .taiken-article .label {
    margin: 10px 0;
    font-size: 12px;
    font-weight: 600;
    color: #50aee4;
    letter-spacing: 1px;
}

.single-shop-page .shop-main .taiken-article .ttl {
    margin: 10px 0;
    color: #1e2f41;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 14px;
}

.single-shop-page .shop-main .taiken-article .btn {
    text-align: right;
}

.single-shop-page .shop-main .taiken-article .btn a {
    background-color: #50aee4;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 8px 20px;
}

.single-shop-page .shop-container .trainer.new-box h3 {
    margin: 0;
    font-size: 18px;
    padding: 14px 0;
    line-height: 1;
    color: #221e3f;
    margin-bottom: 20px;
}

.single-shop-page .shop-container .trainer.new-box .movie-box {
    text-align: center;
}

.single-shop-page .shop-container .trainer.new-box .movie-box iframe {
    width: 100%;
    height: 350px;
    margin: 0 0 20px;
}

.single-shop-page .shop-main .find-gym {
    border: 1px solid #59abd9;
    border-radius: 10px;
    padding: 20px;
    color: #59abd9;
    margin-top: 40px;
}

.single-shop-page .shop-main .find-gym .ttl {
    margin-bottom: 20px;
    padding-left: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 18px;
    background-image: url(../img/shop-label-icon-img.png);
    background-size: 18px;
    background-position: 0 50%;
}

.single-shop-page .shop-main .find-gym .txt {
    letter-spacing: 1px;
    line-height: 1.75;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-main .taiken-article {
        padding: 20px 10px;
        flex-flow: column;
    }

    .single-shop-page .shop-main .taiken-article .img {
        width: 100%;
        text-align: center;
    }

    .single-shop-page .shop-main .taiken-article .txt {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }

    .single-shop-page .shop-main .taiken-article .btn {
        text-align: center;
        margin-top: 20px;
    }

    .single-shop-page .shop-main .taiken-article .btn a {
        padding: 10px 40px;
    }

    .single-shop-page .shop-container .trainer.new-box .movie-box iframe {
        height: 300px;
    }

    .single-shop-page .shop-main .find-gym {
        padding: 10px;
        margin: 20px 10px 40px;
    }

    .single-shop-page .shop-main .find-gym .ttl {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

.single-shop-page .shop-container .shop-check .box {
    padding: 20px 20px 20px 20px;
    background-size: 89%;
}

.single-shop-page .shop-container .gallery {
    margin: 40px 0;
    background: #a7f5ff;
    background-size: cover;
    background-position: center;
}

.single-shop-page .shop-container .gallery .inner {
    padding: 30px;
    background-image: none;
}

/* オンライン講座 */
.online-course-page {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #1e2f41;
    font-weight: 500;
}

.online-course-page .fv {
    background-color: #d5f7f9;
}

.online-course-page .fv .inner {
    padding: 60px 20px;
    text-align: center;
    background-image: url(../img/online-course-fv-back-img.png);
    background-size: contain;
    background-position: center;
}

.online-course-page .fv p {
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 600;
}

.online-course-page .fv h1 {
    margin-bottom: 10px;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
}

.online-course-page .fv h1 b {
    font-size: 28px;
}

.online-course-page .fv .btn {
    margin-top: 30px;
}

.online-course-page .fv .btn a {
    display: inline-block;
    background-color: #fb383e;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 600;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .online-course-page .fv .inner {
        padding: 60px 10px;
        background-position: 100% 86%;
    }

    .online-course-page .fv p {
        font-size: 18px;
    }

    .online-course-page .fv h1 {
        font-size: 20px;
    }
}

.online-course-page .offer {
    background-color: #2ed9e0;
}

.online-course-page .offer .inner {
    padding: 60px 20px;
    text-align: center;
    color: #fff;
}

.online-course-page .offer h2 {
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.online-course-page .offer p {
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.75;
}

@media screen and (max-width: 767px) {
    .online-course-page .offer .inner {
        padding: 40px 10px;
    }

    .online-course-page .offer h2 {
        font-size: 18px;
    }
}

.online-course-page .info .inner {
    max-width: 600px;
    padding: 60px 10px;
    text-align: center;
}

.online-course-page .info h2 {
    margin-bottom: 60px;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.5;
}

.online-course-page .info .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.online-course-page .info .wrap .img {
    width: 48%;
    margin: 0 auto;
}

.online-course-page .info .txt p {
    letter-spacing: 1px;
    line-height: 1.75;
    margin-bottom: 20px;
}

.online-course-page .info .img {
    margin: 60px 0 40px;
}

.online-course-page .info h3 {
    margin-bottom: 30px;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.5;
}

.online-course-page .info h3 span {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .online-course-page .info .inner {
        padding: 40px 10px;
    }

    .online-course-page .info h2 {
        margin-bottom: 40px;
        font-size: 20px;
    }

    .online-course-page .info .wrap {
        flex-flow: column;
        margin-bottom: 20px;
    }

    .online-course-page .info .wrap .img {
        width: 100%;
        max-width: 300px;
        margin-bottom: 20px;
    }

    .online-course-page .info .img {
        margin: 40px 0 40px;
    }

    .online-course-page .info h3 {
        font-size: 20px;
    }

    .online-course-page .info h3 span {
        font-size: 14px;
    }
}

.online-course-page .video {
    background-color: #d5f7f9;
}

.online-course-page .video .inner {
    max-width: 800px;
    padding: 60px 20px;
}

.online-course-page .video h2 {
    margin-bottom: 60px;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.online-course-page .video .list li {
    background-color: #fff;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.online-course-page .video .list .img {
    width: 24%;
}

.online-course-page .video .list .txt {
    width: calc(76% - 140px);
}

.online-course-page .video .list .txt h3 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 14px;
    line-height: 1.5;
}

.online-course-page .video .list .txt h3 span {
    display: inline-block;
    font-size: 12px;
    color: #b6b8ba;
    margin-left: 20px;
}

.online-course-page .video .list .txt p {
    letter-spacing: 1px;
    margin-bottom: 10px;
    line-height: 1.5;
}

.online-course-page .video .list .btn {
    width: 100px;
    text-align: center;
}

.online-course-page .video .list .btn a {
    display: inline-block;
    font-size: 12px;
    background-color: #4896d9;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    width: 100%;
    padding: 8px 10px;
    border-radius: 30px;
}

@media screen and (max-width: 767px) {
    .online-course-page .video .inner {
        padding: 40px 10px;
    }

    .online-course-page .video h2 {
        margin-bottom: 40px;
        font-size: 20px;
    }

    .online-course-page .video .list li {
        max-width: 300px;
        padding: 14px;
        flex-flow: column;
        margin: 0 auto 20px;
    }

    .online-course-page .video .list .img {
        width: 100%;
        margin-bottom: 10px;
    }

    .online-course-page .video .list .txt {
        width: 100%;
    }

    .online-course-page .video .list .txt h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .online-course-page .video .list .txt h3 span {
        font-size: 10px;
        margin-left: 10px;
    }

    .online-course-page .video .list .txt p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .online-course-page .video .list .btn {
        width: 140px;
        margin: 20px 0 10px;
    }
}

/* Fixボタン */
.online-course-page .btn-area.bottom-area {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.online-course-page .btn-area.bottom-area .inner {
    padding: 10px 60px;
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .online-course-page .btn-area.bottom-area .inner {
        padding: 10px;
        max-width: 500px;
    }
}

.online-course-page .btn-area.bottom-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .online-course-page .btn-area.bottom-area .btn {
        margin-top: 0;
    }
}

.online-course-page .btn-area.bottom-area .btn .left,
.online-course-page .btn-area.bottom-area .btn .right {
    width: 49%;
}

.online-course-page .btn-area.bottom-area .btn .left a {
    display: block;
    background-color: #ff373c;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon1-img.png);
    background-size: 30px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .online-course-page .btn-area.bottom-area .btn .left a {
        padding: 10px 10px 10px 40px;
        background-size: 22px;
        background-position: 8px 50%;
        letter-spacing: 0;
        background-image: url(../img/top-btn-icon1-img.svg);
    }
}

.online-course-page .btn-area.bottom-area .btn .left a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .online-course-page .btn-area.bottom-area .btn .left a span {
        font-size: 14px;
    }
}

.online-course-page .btn-area.bottom-area .btn .left a b {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
    padding: 2px 20px;
    border-radius: 30px;
    color: #ff373c;
    font-weight: 900;
    font-size: 12px;
    margin: 0 auto 4px;
}

@media screen and (max-width: 767px) {
    .online-course-page .btn-area.bottom-area .btn .left a b {
        padding: 2px 10px;
        font-size: 10px;
        margin-left: 0;
    }
}

.online-course-page .btn-area.bottom-area .btn .right a {
    display: block;
    background-color: #5fe536;
    padding: 22px 10px 22px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon2-img.png);
    background-size: 44px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .online-course-page .btn-area.bottom-area .btn .right a {
        padding: 21px 10px 21px 40px;
        background-size: 32px;
        background-position: 10px 50%;
        letter-spacing: 0;
    }
}

.online-course-page .btn-area.bottom-area .btn .right a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .online-course-page .btn-area.bottom-area .btn .right a span {
        font-size: 14px;
    }
}

/* オンライン講座詳細 */
.single-online-course {
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    color: #1d2f44;
}

.single-online-course .detail-box .inner {
    padding: 40px 10px;
}

.single-online-course .detail-box .movie {
    margin-bottom: 30px;
}

.single-online-course .detail-box .movie iframe {
    width: 100%;
    height: 500px;
}

.single-online-course .detail-box .ttl {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.single-online-course .detail-box .ttl span {
    display: inline-block;
    font-size: 12px;
    color: #b6b8ba;
    margin-left: 20px;
}

.single-online-course .detail-box .list {
    background-color: #d5f7f9;
    padding: 14px;
    margin-bottom: 30px;
}

.single-online-course .detail-box .list li {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.75;
}

.single-online-course .detail-box .txt p {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.75;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .single-online-course .detail-box .movie iframe {
        height: 230px;
    }

    .single-online-course .detail-box .ttl {
        font-size: 16px;
    }

    .single-online-course .detail-box .list li {
        font-size: 12px;
    }

    .single-online-course .detail-box .txt p {
        font-size: 12px;
    }
}

.single-online-course .video .inner {
    padding: 20px 10px 40px;
}

.single-online-course .video .list li {
    background-color: #d5f7f9;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.single-online-course .video .list .img {
    width: 24%;
}

.single-online-course .video .list .txt {
    width: calc(76% - 140px);
}

.single-online-course .video .list .txt h2 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 14px;
    line-height: 1.5;
}

.single-online-course .video .list .txt h2 span {
    display: inline-block;
    font-size: 12px;
    color: #b6b8ba;
    margin-left: 20px;
}

.single-online-course .video .list .txt p {
    letter-spacing: 1px;
    margin-bottom: 10px;
    line-height: 1.5;
}

.single-online-course .video .list .btn {
    width: 100px;
    text-align: center;
}

.single-online-course .video .list .btn a {
    display: inline-block;
    font-size: 12px;
    background-color: #4896d9;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    width: 100%;
    padding: 8px 10px;
    border-radius: 30px;
}

@media screen and (max-width: 767px) {
    .single-online-course .video .list li {
        max-width: 300px;
        padding: 14px;
        flex-flow: column;
        margin: 0 auto 20px;
    }

    .single-online-course .video .list .img {
        width: 100%;
        margin-bottom: 10px;
    }

    .single-online-course .video .list .txt {
        width: 100%;
    }

    .single-online-course .video .list .txt h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .single-online-course .video .list .txt h3 span {
        font-size: 10px;
        margin-left: 10px;
    }

    .single-online-course .video .list .txt p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .single-online-course .video .list .btn {
        width: 140px;
        margin: 20px 0 10px;
    }
}

/* Fixボタン */
.single-online-course .btn-area.bottom-area {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.single-online-course .btn-area.bottom-area .inner {
    padding: 10px 60px;
    max-width: 800px;
}

@media screen and (max-width: 767px) {
    .single-online-course .btn-area.bottom-area .inner {
        padding: 10px;
        max-width: 500px;
    }
}

.single-online-course .btn-area.bottom-area .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .single-online-course .btn-area.bottom-area .btn {
        margin-top: 0;
    }
}

.single-online-course .btn-area.bottom-area .btn .left,
.single-online-course .btn-area.bottom-area .btn .right {
    width: 49%;
}

.single-online-course .btn-area.bottom-area .btn .left a {
    display: block;
    background-color: #ff373c;
    padding: 10px 10px 10px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon1-img.png);
    background-size: 30px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .single-online-course .btn-area.bottom-area .btn .left a {
        padding: 10px 10px 10px 40px;
        background-size: 22px;
        background-position: 8px 50%;
        letter-spacing: 0;
        background-image: url(../img/top-btn-icon1-img.svg);
    }
}

.single-online-course .btn-area.bottom-area .btn .left a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .single-online-course .btn-area.bottom-area .btn .left a span {
        font-size: 14px;
    }
}

.single-online-course .btn-area.bottom-area .btn .left a b {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #fff;
    padding: 2px 20px;
    border-radius: 30px;
    color: #ff373c;
    font-weight: 900;
    font-size: 12px;
    margin: 0 auto 4px;
}

@media screen and (max-width: 767px) {
    .single-online-course .btn-area.bottom-area .btn .left a b {
        padding: 2px 10px;
        font-size: 10px;
        margin-left: 0;
    }
}

.single-online-course .btn-area.bottom-area .btn .right a {
    display: block;
    background-color: #5fe536;
    padding: 22px 10px 22px 10px;
    border-radius: 4px;
    background-image: url(../img/top-btn-icon2-img.png);
    background-size: 44px;
    background-position: 8% 50%;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .single-online-course .btn-area.bottom-area .btn .right a {
        padding: 21px 10px 21px 40px;
        background-size: 32px;
        background-position: 10px 50%;
        letter-spacing: 0;
    }
}

.single-online-course .btn-area.bottom-area .btn .right a span {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .single-online-course .btn-area.bottom-area .btn .right a span {
        font-size: 14px;
    }
}

/* 新料金表 */
.add-new-price-box.special-box .table .price-box .list li:last-child {
    width: 70%;
}

.add-new-price-box.special-box .table .price-box .list li:last-child {
    border-left: none;
}

@media screen and (max-width: 767px) {
    .add-new-price-box.special-box .table .price-box .list li:first-child {
        width: 40% !important;
    }

    .add-new-price-box.special-box .table .price-box .list li:last-child {
        width: 60% !important;
    }
}

/* 新生活応援キャンペーン */
.newlife-campaign-page .detail .inner {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 10px;
}

.newlife-campaign-page .detail .btn {
    padding: 60px 40px 40px;
}

@media screen and (max-width: 767px) {
    .newlife-campaign-page .detail .btn {
        padding: 40px 20px 20px;
    }
}

/*スポーツジム比較*/

.compare-gym-page .section .box.box1 .ttl {
    background-image: url(../img/compare-gym-ttl1-back-img.jpg);
    margin-bottom: 20px;
}

.compare-gym-page .section .box.box2 .ttl {
    background-image: url(../img/compare-gym-ttl2-back-img.jpg);
    margin-bottom: 20px;
}

.compare-gym-page .section .offer-area {
    margin-top: 40px;
    background-image: url(../img/compare-gym-offer-back-img.jpg);
    background-size: cover;
    background-position: center;
    padding: 40px 20px;
}

@media screen and (max-width: 767px) {
    .compare-gym-page .section .offer-area {
        background-image: url(../img/compare-gym-offer-sp-back-img.jpg);
        padding: 60px 10px;
        background-position: 100%;
    }
}

/* LP変更 */
.fixed-body.lp-2023 {
    background: linear-gradient(#fff, #9cd7f4) fixed;
}

.fixed-body.lp-2023 .contents {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 80px;
    background-color: #fff;
}

.fixed-body.lp-2023 .lp-2021 .fixed-header {
    max-width: 600px;
    right: 0;
    margin: 0 auto;
}

.fixed-body.lp-2023 .lp-2021 .btn-area.bottom-area {
    max-width: 600px;
}

.fixed-body.lp-2023 .lp-2021 .btn-area.bottom-area .inner {
    padding: 10px 20px;
}

.fixed-body.lp-2023 .lp-2021 .before-after-contents.ver2 h2 {
    z-index: 2;
}

.fixed-body.lp-2023 .lp-2021 .before-after-contents.ver2 .wrap:nth-child(even):after,
.lp-2021 .before-after-contents.ver2 .wrap:nth-child(odd):after {
    z-index: 1;
}

.fixed-body.lp-2023 .before-after-contents.ver2 .wrap .txt {
    position: relative;
    z-index: 2;
}

.fixed-body.lp-2023 .fixed-left-body {
    position: fixed;
    height: 100%;
    width: calc(50vw - 300px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-body.lp-2023 .fixed-left-body .wrap {
    padding: 0 40px;
    max-width: 400px;
    margin: 0 auto;
}

.fixed-body.lp-2023 .fixed-left-body .logo {
    text-align: center;
    margin-bottom: 60px;
}

.fixed-body.lp-2023 .fixed-left-body .logo img {
    width: 70%;
}

.fixed-body.lp-2023 .fixed-left-body .btn a {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
}

.fixed-body.lp-2023 .fixed-left-body .btn a.top-btn {
    background-color: #ff373c;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 16px 10px 16px 30px;
    background-image: url(../img/top-btn-icon1-img.png);
    background-size: 20px;
    background-position: 12px 50%;
}

.fixed-body.lp-2023 .fixed-left-body .btn a.bottom-btn {
    background-color: #1f2f42;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 16px 10px 16px 30px;
    background-image: url(../img/top-btn-icon4-img.png);
    background-size: 12px;
    background-position: 16px 50%;
}

.fixed-body.lp-2023 .fixed-right-body {
    position: fixed;
    height: 100%;
    width: calc(50vw - 300px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
}

.fixed-body.lp-2023 .fixed-right-body .wrap {
    padding: 0 30px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.fixed-body.lp-2023 .fixed-right-body .list li {
    background-color: #fff;
    text-align: left;
    color: #1f2f42;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 10px 4px 30px;
    margin-bottom: 14px;
    background-image: url(../img/lp-right-body-check-icon-img.png);
    background-size: 14px;
    background-position: 10px 50%;
}

@media screen and (max-width: 1024px) {

    .fixed-body.lp-2023 .fixed-left-body,
    .fixed-body.lp-2023 .fixed-right-body {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .fixed-body.lp-2023 .contents {
        padding-top: 68px;
    }
}

/* 修正 230502 */
.top .fv .inner {
    min-height: 410px;
}

.top .apple-discount {
    min-height: 100%;
}

.top .apple-discount p {
    min-height: 45px;
}

/* .single-shop-page .shop-fv {
  aspect-ratio: 1424/436.45;
  overflow: hidden;
} */
.single-shop-page .shop-fv .main-fv-slider img {
    display: none;
}

.single-shop-page .shop-fv .main-fv-slider.swiper-initialized img {
    display: block;
}

.single-shop-page .shop-fv .aspect-slider {
    aspect-ratio: 1424/436.45;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .top .fv .inner {
        min-height: auto;
        aspect-ratio: 425 / 503;
        overflow: hidden;
    }

    .top .apple-discount {
        min-height: auto;
    }

    .top .fv .fv-slider .slider {
        opacity: 0;
        padding: 0 calc(8% + 2px);
        margin: 0;
        /* aspect-ratio: 720/1025; */
        position: relative;
        display: block !important;
        opacity: 0;
    }

    .top .fv .fv-slider .slider.slick-slide {
        opacity: 1;
    }

    .top .fv .fv-slider .slider img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .top .fv .fv-slider .slider.slick-slide {
        opacity: 1;
        padding: 0;
        margin: 0 2px;
        /* aspect-ratio: 720/1025; */
        /* height: auto !important; */
    }

    /* .top .fv .fv-slider .slider.slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
    .top .fv .fv-slider>li:not(:first-child) {
        display: none;
    }

    /* .single-shop-page .shop-fv {
    aspect-ratio: 390/300.29;
    overflow: hidden;
  } */

    .single-shop-page .shop-fv .aspect-slider {
        aspect-ratio: 390/300.29;
        overflow: hidden;
    }
}

/* under-page フォント修正 */
.under-page .m-century {
    font-family: CenturyGothic;
}

/* meal Page */
@media screen and (max-width: 767px) {
    .meal-page .p-nutrition-item__img img {
        height: auto;
    }
}

/* 
  Alice修正 
*/
/* Method */
.method-page .fv.alice-fv {
    background-color: #00aaef;
}

.method-page .fv.alice-fv:before {
    content: none;
}

.method-page .fv.alice-fv .inner {
    padding: 20px 10px 0;
}

@media screen and (max-width: 767px) {
    .method-page .fv.alice-fv .inner {
        padding: 30px 0 0;
    }
}

/* TOP */
.top .fv .fv-slider .alice-slider {
    position: relative;
}

.top .fv .fv-slider .alice-slider .movie-box {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 380px;
}

.top .fv .fv-slider .alice-slider .movie-box p {
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 18px;
}

.top .fv .fv-slider .alice-slider .movie-box p b {
    display: inline-block;
    margin-bottom: 10px;
}

.top .fv .fv-slider .alice-slider .movie-box .movie-wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.top .fv .fv-slider .alice-slider .movie-box .movie-wrap .box {
    width: 48%;
    cursor: pointer;
}

.top .fv .fv-slider .alice-slider .movie-box .movie-wrap p {
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    margin-top: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.top .alice-movie {
    display: none;
}

@media screen and (max-width: 767px) {
    .top .alice-movie {
        display: block;
        background-color: #1db0c1;
    }

    .top .alice-movie .inner {
        padding: 20px 40px;
    }

    .top .alice-movie .slider p {
        text-align: center;
        color: #fff;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2);
        font-size: 14px;
        margin-bottom: 20px;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .top .alice-movie .alice-movie-slider .slick-prev {
        display: none;
    }

    .top .alice-movie .alice-movie-slider .next-arrow {
        appearance: none;
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(255, 2555, 255, 0.5);
        right: -30px;
        top: 48%;
    }

    .top .alice-movie .alice-movie-slider .next-arrow:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        margin-left: 2px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 16px;
        border-color: transparent transparent transparent #fff;
    }
}

/* LP */
.lp-2023 .alice-movie {
    display: block;
    background-color: #1db0c1;
}

.lp-2023 .alice-movie .inner {
    padding: 20px 40px;
}

.lp-2023 .alice-movie .slider p {
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

.lp-2023 .alice-movie .alice-movie-slider .slick-prev {
    display: none;
}

.lp-2023 .alice-movie .alice-movie-slider .next-arrow {
    appearance: none;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 2555, 255, 0.5);
    right: -30px;
    top: 48%;
}

.lp-2023 .alice-movie .alice-movie-slider .next-arrow:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-left: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 767px) {
    .lp-2023 .alice-movie .slider p {
        font-size: 14px;
    }
}

/* Price */
.course-page .fv.ver2.alice-fv {
    overflow: hidden;
}

.course-page .fv.ver2.alice-fv .inner {
    overflow: visible;
}

.course-page .fv.ver2.alice-fv .inner:before {
    width: 212px;
    left: -6%;
    background-image: url(../img/price-fv-alice-img.png);
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .course-page .fv.ver2.alice-fv .box {
        padding-left: 156px;
    }

    .course-page .fv.ver2.alice-fv .inner:before {
        width: 170px;
        top: auto;
        bottom: 0;
        background-position: center bottom;
    }
}

/* Aliceモーダル */
.remodal-overlay.alice-modal {
    /* background: rgba(30, 47, 67, 0.9); */
    background: rgba(0, 0, 0, 0.9);
}

.remodal.alice-modal {
    background: transparent;
}

.remodal.alice-modal .remodal-close:before {
    color: #fff;
}

.alice-modal .movie {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}

.alice-modal .movie iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.alice-modal .remodal-cancel {
    background: #ff373c;
    padding: 12px 0;
    min-width: 140px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .alice-modal {
        padding: 35px 20px;
    }

    /* .alice-modal .movie iframe {
    height: 230px;
  } */
}

/****
女性専用LP 
*****/
.fixed-body.lp-2023.lp-women .contents {
    padding-top: 0;
}

.lp-women .lp-2021 .fixed-header {
    background-color: transparent;
}

.lp-women .lp-2021 .fixed-header .inner {
    padding: 0 20px;
    align-items: flex-start;
}

.lp-women .lp-2021 .fixed-header .logo {
    width: 108px;
    background-color: #fff;
    padding: 6px;
    height: 106px;
}

.lp-women .lp-2021 .fixed-header .logo img {
    height: 100%;
}

.lp-women .lp-2021 .fixed-header .btn {
    width: 396px;
    margin-top: 14px;
}

.lp-women .lp-2021 .fv .inner {
    padding: 0;
}

.lp-women .cv-form-area {
    background-color: #1db0c0;
}

.lp-women .cv-form-area .inner {
    padding: 20px 40px 40px;
}

.lp-women .cv-form-area .img {
    margin-bottom: 20px;
}

.lp-women .section5 .inner {
    padding: 0 20px 40px;
}

.lp-women .section5 .list li {
    background-color: #d2f0f2;
    border-radius: 0 0 4px 4px;
    margin-top: 30px;
}

.lp-women .section5 .list li img {
    border-radius: 0 0 4px 4px;
    margin-top: -20px;
}

.lp-women .section5 .list li .btn {
    padding: 20px 20px 30px;
    text-align: center;
}

.lp-women .section5 .list li .btn img {
    border-radius: 0;
    margin-top: 0;
    max-width: 300px;
}

.lp-women .section6 .inner {
    padding: 40px 20px;
}

.lp-women .section6 .ttl {
    margin-bottom: 40px;
    text-align: center;
}

.lp-women .section6 .ttl img {
    max-width: 300px;
}

.lp-women .section6 .box {
    margin-bottom: 40px;
}

.lp-women .section6 .box h2 {
    text-align: center;
    color: #1cafbf;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 20px;
}

.lp-women .section6 .box .map {
    margin-bottom: 30px;
}

.lp-women .section6 .box .map iframe {
    width: 100%;
    height: 300px;
}

.lp-women .section6 .box .table {
    width: 100%;
}

.lp-women .section6 .box .table th {
    width: 25%;
    padding: 10px;
    color: #1cafbf;
    font-weight: 600;
    font-size: 16px;
    vertical-align: top;
}

.lp-women .section6 .box .table td {
    width: 75%;
    padding: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.75;
}

.lp-women .section6 .box .table td a {
    color: #47a0a8;
}

.lp-women .section6 .box .table tr:nth-child(odd) {
    background-color: #d2f0f2;
}

.lp-women .fixed-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 600px;
    z-index: 99;
    margin: 0 auto;
    right: 0;
    left: 0;
    background-color: #1db0c0;
}

.lp-women .fixed-footer .inner {
    padding: 10px 20px;
}

.lp-women .fixed-footer .list {
    display: flex;
}

.lp-women .fixed-footer .list li {
    border-right: 1px solid #fff;
    padding: 0 10px;
    width: 25%;
}

.lp-women .fixed-footer .list li img {
    /* height: 100%; */
}

.lp-women .fixed-footer .list li:last-child {
    border: none;
}

@media screen and (max-width: 767px) {
    .lp-women .lp-2021 .fixed-header .inner {
        padding: 0 10px;
    }

    .lp-women .lp-2021 .fixed-header .logo {
        margin-left: 0;
        width: 74px;
        height: 73px;
    }

    .lp-women .lp-2021 .fixed-header .btn {
        width: 270px;
        margin-top: 10px;
    }

    .lp-women .cv-form-area .inner {
        padding: 20px 30px 30px;
    }

    .lp-women .section5 .list li .btn img {
        max-width: 220px;
    }

    .lp-women .section6 .inner {
        padding: 20px 20px;
    }

    .lp-women .section6 .ttl img {
        max-width: 240px;
    }

    .lp-women .section6 .box h2 {
        font-size: 22px;
    }

    .lp-women .fixed-footer .inner {
        padding: 10px 10px;
    }

    .lp-women .fixed-footer .list li {
        padding: 0 6px;
        /* height: 44px; */
    }
}

.fixed-body.lp-2023 .section1 p {
    display: none;
}

/* 新料金デザイン その他 */
@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap {
        padding: 0 10px;
    }
}

.new-panel-price .plan-wrap .plan-btn {
    max-width: 520px;
    margin: -15px auto 37px;
    display: flex;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .plan-btn {
        margin-top: 10px;
    }
}

.new-panel-price .plan-wrap .plan-btn .plan {
    cursor: pointer;
    width: 50%;
    color: #2ba8e8;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.06em;
    background-color: #f4f4f4;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .plan-btn .plan {
        font-size: min(16px, 4.1025641026vw);
    }
}

.new-panel-price .plan-wrap .plan-btn .plan.active {
    cursor: auto;
    position: relative;
    color: #fff;
    background-color: #2ba8e8;
}

.new-panel-price .plan-wrap .plan-btn .plan.active::after {
    content: "";
    width: 13px;
    height: 9px;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    translate: -50% 0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #2ba8e8;
}

.new-panel-price .plan-wrap .panel {
    display: none;
}

@media print,
screen and (min-width: 768px) {
    .new-panel-price .plan-wrap .panel .pc {
        display: block;
    }

    .new-panel-price .plan-wrap .panel .sp {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .pc {
        display: none;
    }

    .new-panel-price .plan-wrap .panel .sp {
        display: block;
    }
}

.new-panel-price .plan-wrap .panel.show {
    display: block;
}

.new-panel-price .plan-wrap .panel .txt {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .txt {
        font-size: 14px;
        line-height: 2;
    }
}

.new-panel-price .plan-wrap .panel .btn {
    max-width: 392px;
    margin: 35px auto 0;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .btn {
        margin-top: 30px;
    }
}

.new-panel-price .plan-wrap .panel .btn a {
    height: 58px;
    border: 2px solid #2ba8e8;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2ba8e8;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .btn a {
        height: min(58px, 14.8717948718vw);
        font-size: min(20px, 5.1282051282vw);
    }
}

.new-panel-price .plan-wrap .panel .btn a .icon {
    width: 39px;
    aspect-ratio: 1/1;
    margin-right: 14px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .btn a .icon {
        width: min(39px, 10vw);
    }
}

.new-panel-price .plan-wrap .panel .list {
    margin-top: 41px;
    display: flex;
    gap: 9px;
    font-family: century, Helvetica Neue, sans-serif;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .list {
        margin-top: 31px;
        flex-direction: column;
        gap: 20px;
    }
}

.new-panel-price .plan-wrap .panel .item {
    flex: 1;
}

.new-panel-price .plan-wrap .panel .item .ttl {
    margin-top: 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 46px;
    text-align: center;
    letter-spacing: 0.06em;
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .ttl {
        font-size: min(25px, 6.4102564103vw);
        line-height: min(54px, 13.8461538462vw);
    }
}

.new-panel-price .plan-wrap .panel .item .ttl.no1 {
    padding-left: 20%;
    position: relative;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .ttl.no1 {
        padding-left: 0;
    }
}

.new-panel-price .plan-wrap .panel .item .ttl.no1::before {
    content: "";
    width: 55px;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 8%;
    left: 0%;
    background: url(../img/price-no1.png) no-repeat center center/100% 100%;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .ttl.no1::before {
        width: min(71px, 18.2051282051vw);
        top: 50%;
        bottom: auto;
        left: 5%;
        translate: 0 -50%;
    }
}

.new-panel-price .plan-wrap .panel .item .box {
    border: 3px solid #dbdbdb;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 25px 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .box {
        flex-direction: row;
    }
}

.new-panel-price .plan-wrap .panel .item .box .fee {
    position: relative;
    color: #2ba8e8;
    font-size: 39px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .box .fee {
        font-size: min(36px, 9.2307692308vw);
    }
}

.new-panel-price .plan-wrap .panel .item .box .fee .yen {
    font-size: 35px;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .box .fee .yen {
        font-size: min(30px, 7.6923076923vw);
    }
}

.new-panel-price .plan-wrap .panel .item .box .fee .small {
    margin-top: 8px;
    display: block;
    color: #9d9d9d;
    font-size: 13px;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .box .fee .small {
        font-size: min(16px, 4.1025641026vw);
    }
}

.new-panel-price .plan-wrap .panel .item .box .fee .note {
    position: absolute;
    top: 0;
    right: -8%;
    color: #000;
    font-size: 11px;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .box .fee .note {
        right: -12%;
        font-size: min(12px, 3.0769230769vw);
    }
}

.new-panel-price .plan-wrap .panel .item .box .to {
    margin-top: 10px;
    rotate: 90deg;
    color: #2ba8e8;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .new-panel-price .plan-wrap .panel .item .box .to {
        margin: 0 min(15px, 3.8461538462vw);
        rotate: 10deg;
        font-size: min(28px, 7.1794871795vw);
    }
}

.new-panel-price .plan-wrap .panel .notetxt {
    margin: 40px 0;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .top .rule .list .point {
        top: -22px;
    }
}

@media screen and (max-width: 767px) {
    .course-page .price .plan .item:first-child {
        order: 1;
    }

    .course-page .price .plan .item:last-child {
        order: -1;
    }

    .top .price .plan-wrap .panel .item:first-child {
        order: 1;
    }

    .top .price .plan-wrap .panel .item:last-child {
        order: -1;
    }

    .single-shop-page .shop-container .plan-wrap .panel .item:first-child {
        order: 1;
    }

    .single-shop-page .shop-container .plan-wrap .panel .item:last-child {
        order: -1;
    }
}

/* クーポンページ */
.page-coupon {
    background-color: #defafa;
    padding-top: 40px;
    padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
    .page-coupon {
        padding-top: 21px;
        padding-bottom: 35px;
    }
}

.page-coupon .coupon {
    padding: 0 16px;
}

.page-coupon .coupon-title {
    width: 740px;
    max-width: 100%;
    margin: auto auto auto;
    font-size: 24px;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 19px 40px 18px;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-title {
        font-size: 17px;
        padding: 12px 12px 11px;
    }
}

.page-coupon .coupon-area__content {
    width: 740px;
    margin: 55px auto auto;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content {
        margin-top: 18px;
        width: 100%;
    }
}

.page-coupon .coupon-area__content-box {
    border-top: 3px solid #2ba8e8;
    background-color: #ffffff;
    margin-top: 40px;
    padding: 24px 40px 43px;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box {
        border-top-width: 3px;
        margin-top: 13px;
        padding: 11px 9px 21px;
    }
}

.page-coupon .coupon-area__content-box:first-of-type {
    margin-top: 0;
}

.page-coupon .coupon-area__content-box .area-title {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box .area-title {
        font-size: 17px;
        margin-bottom: 9px;
    }
}

.page-coupon .coupon-area__content-box .shop-box {
    padding: 0 5px 0;
    border-bottom: 2px solid #d6d6d6;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box .shop-box {
        padding: 0;
        border-width: 1px;
    }
}

.page-coupon .coupon-area__content-box .shop-box__link {
    display: block;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    padding: 32px 0 32px;
    position: relative;
}

@media print,
screen and (min-width: 768px) {
    .page-coupon .coupon-area__content-box .shop-box__link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box .shop-box__link {
        padding: 19px 0 16px;
        border-width: 3px;
    }
}

.page-coupon .coupon-area__content-box .shop-box__link::after {
    content: "";
    width: 16px;
    height: 27px;
    background-image: url(../img/area-form-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box .shop-box__link::after {
        width: 10px;
        height: 18px;
        right: 6px;
    }
}

.page-coupon .coupon-area__content-box .shop-box__link .shopname {
    color: #0b0b0b;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    padding-left: 24px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box .shop-box__link .shopname {
        font-size: 14px;
        padding-left: 14px;
    }
}

.page-coupon .coupon-area__content-box .shop-box__link .shopname::before {
    content: "";
    width: 10px;
    height: 1.7em;
    background-color: #2ba8e8;
    display: block;
    position: absolute;
    left: 0;
    top: -0.2em;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box .shop-box__link .shopname::before {
        width: 6px;
    }
}

.page-coupon .coupon-area__content-box .shop-box__link .address {
    margin-top: 1em;
    padding-left: 24px;
    color: #7e7e7e;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-area__content-box .shop-box__link .address {
        padding-left: 14px;
        font-size: 11px;
        line-height: 1.6666666667;
    }
}

.page-coupon .coupon-btnarea {
    width: 740px;
    margin: 40px auto auto;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-btnarea {
        width: 344px;
        display: block;
        margin: 19px auto auto;
    }
}

.page-coupon .coupon-btn {
    width: 340px;
    height: 80px;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-btn {
        width: 100%;
        height: 63px;
        margin-top: 14px;
    }
}

.page-coupon .coupon-btn__link {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    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;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    color: #2ba8e8;
    position: relative;
}

@media print,
screen and (min-width: 768px) {
    .page-coupon .coupon-btn__link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-btn__link {
        font-size: 16px;
    }
}

.page-coupon .coupon-btn__link::after {
    content: "";
    width: 16px;
    height: 18px;
    background-image: url(../img/coupon-arrow1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-coupon .coupon-btn__link::after {
        width: 12px;
        height: 14px;
        right: 29px;
    }
}

.page-coupon .coupon-btn.-booking .coupon-btn__link {
    background-color: #f55353;
    color: #ffffff;
}

.page-coupon .coupon-btn.-booking .coupon-btn__link::after {
    background-image: url(../img/coupon-arrow2.svg);
}

.page-coupon-detail {
    background-color: #defafa;
    padding-top: 40px;
    padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail {
        padding-top: 21px;
        padding-bottom: 35px;
    }
}

.page-coupon-detail .coupon {
    padding: 0 16px;
}

.page-coupon-detail .coupon-title {
    width: 740px;
    max-width: 100%;
    margin: auto auto auto;
    font-size: 24px;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 19px 40px 18px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-title {
        font-size: 17px;
        padding: 12px 12px 11px;
    }
}

.page-coupon-detail .coupon-detail__content {
    width: 740px;
    max-width: 100%;
    margin: 40px auto auto;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-detail__content {
        width: 100%;
        margin-top: 16px;
    }
}

.page-coupon-detail .coupon-detail__content-box {
    border: 2px solid #2ba8e8;
    background-color: #ffffff;
    border-radius: 10px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 28px 0 30px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-detail__content-box {
        border-width: 3px;
        border-radius: 3px;
        margin-top: 14px;
        padding: 13px 21px 10px;
    }
}

.page-coupon-detail .coupon-detail__content-box:first-of-type {
    margin-top: 0;
}

.page-coupon-detail .coupon-detail__content-box .box {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-detail__content-box .box {
        width: 100%;
    }
}

.page-coupon-detail .coupon-detail__content-box .box.-box1 {
    padding-left: 30px;
    padding-right: 50px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-detail__content-box .box.-box1 {
        padding: 0;
    }
}

.page-coupon-detail .coupon-detail__content-box .box.-box2 {
    padding-right: 50px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-detail__content-box .box.-box2 {
        margin-top: 9px;
        padding: 0;
    }
}

.page-coupon-detail .coupon-date {
    border: 2px solid #2ba8e8;
    border-radius: 36px;
    min-height: 36px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 285px;
    margin: auto auto auto;
    padding: 0.2em 1em;
    color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-date {
        font-size: 13px;
        min-width: 198px;
        min-height: 25px;
        border-radius: 25px;
    }
}

.page-coupon-detail .coupon-name {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #2ba8e8;
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-name {
        font-size: 21px;
        margin-top: 15px;
    }
}

.page-coupon-detail .coupon-item {
    background-color: #f3fbfe;
    border-radius: 10px;
    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;
    min-height: 100px;
    font-size: 40px;
    font-weight: bold;
    color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-item {
        font-size: 24px;
        min-height: 47px;
        border-radius: 2px;
    }
}

.page-coupon-detail .coupon-item .fs1 {
    font-size: 50px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-item .fs1 {
        font-size: 31px;
    }
}

.page-coupon-detail .coupon-item .fs2 {
    font-size: 40px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-item .fs2 {
        font-size: 24px;
    }
}

.page-coupon-detail .coupon-item .fs3 {
    font-size: 32px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-item .fs3 {
        font-size: 24px;
    }
}

.page-coupon-detail .coupon-notes {
    margin-top: 27px;
    width: 100%;
    padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-notes {
        padding: 0;
        margin-top: 10px;
    }
}

.page-coupon-detail .coupon-notes li {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-notes li {
        font-size: 8px;
    }
}

.page-coupon-detail .coupon-notes li.red {
    color: #f55353;
    font-weight: bold;
}

.page-coupon-detail .coupon-btnarea {
    width: 740px;
    margin: 40px auto auto;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-btnarea {
        width: 344px;
        display: block;
        margin: 19px auto auto;
    }
}

.page-coupon-detail .coupon-btn {
    width: 340px;
    height: 80px;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-btn {
        width: 100%;
        height: 63px;
        margin-top: 14px;
    }
}

.page-coupon-detail .coupon-btn__link {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    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;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    color: #2ba8e8;
    position: relative;
}

@media print,
screen and (min-width: 768px) {
    .page-coupon-detail .coupon-btn__link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-btn__link {
        font-size: 16px;
    }
}

.page-coupon-detail .coupon-btn__link::after {
    content: "";
    width: 16px;
    height: 18px;
    background-image: url(../img/coupon-arrow1.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-coupon-detail .coupon-btn__link::after {
        width: 12px;
        height: 14px;
        right: 29px;
    }
}

.page-coupon-detail .coupon-btn.-booking .coupon-btn__link {
    background-color: #f55353;
    color: #ffffff;
}

.page-coupon-detail .coupon-btn.-booking .coupon-btn__link::after {
    background-image: url(../img/coupon-arrow2.svg);
}

/* 店舗詳細 */
.single-shop-page .shop-container .shop-top-img {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container .shop-top-img {
        margin-top: -20px;
    }
}

.single-shop-page .shop-container .shop-campaign {
    margin-top: 20px;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7%;
    font-weight: bold;
    letter-spacing: 0.06em;
    background-color: #f2fbfe;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container .shop-campaign {
        margin: 0 10px 20px;
        padding: 15px 0;
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container .shop-campaign.pc {
        display: none;
    }
}

@media print,
screen and (min-width: 768px) {
    .single-shop-page .shop-container .shop-campaign.sp {
        display: none;
    }
}

.single-shop-page .shop-container .shop-campaign-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #01b3ef;
}

.single-shop-page .shop-container .shop-campaign-txt {
    padding: 0 20px;
    position: relative;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container .shop-campaign-txt {
        padding: 0 15px;
        font-size: 13px;
    }
}

.single-shop-page .shop-container .shop-campaign-txt::before,
.single-shop-page .shop-container .shop-campaign-txt::after {
    content: "";
    width: 16px;
    height: 1px;
    position: absolute;
    bottom: 45%;
    background-color: #12d6df;
}

@media screen and (max-width: 767px) {

    .single-shop-page .shop-container .shop-campaign-txt::before,
    .single-shop-page .shop-container .shop-campaign-txt::after {
        width: 12px;
    }
}

.single-shop-page .shop-container .shop-campaign-txt::before {
    left: 0;
    rotate: 45deg;
}

.single-shop-page .shop-container .shop-campaign-txt::after {
    rotate: -45deg;
    right: 0;
}

.single-shop-page .shop-container .shop-campaign-ttl {
    margin-top: 5px;
    font-size: 20.5px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container .shop-campaign-ttl {
        font-size: 15px;
    }
}

.single-shop-page .shop-container .shop-campaign-btn {
    width: 37%;
    height: 50px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container .shop-campaign-btn {
        max-width: 250px;
        width: 90%;
        height: 50px;
        margin: 15px auto 0;
    }
}

.single-shop-page .shop-container .shop-campaign-btn a {
    height: 100%;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7%;
    color: #ffffff;
    font-size: 15px;
    background-color: #12d6df;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container .shop-campaign-btn a {
        border-radius: 15px;
        font-size: 14px;
    }
}

.single-shop-page .shop-container .shop-campaign-btn .arrow {
    width: 20px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: relative;
    background-color: #ffffff;
}

.single-shop-page .shop-container .shop-campaign-btn .arrow::after {
    content: "";
    position: absolute;
    border-top: 5px solid transparent;
    border-left: 8px solid #12d6df;
    border-bottom: 5px solid transparent;
    top: 50%;
    left: 56%;
    translate: -50% -50%;
}

/*------ top sp固定ボタン追加　-----------*/
.btn-area.bottom-area-2 {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.btn-area.bottom-area-2 .inner {
    max-width: 500px;
}

.btn-area.bottom-area-2 .btn {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.btn-area.bottom-area-2 .btn .left {
    width: 64.5333333333%;
}

.btn-area.bottom-area-2 .btn .left a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #ff363c;
    padding: 9px;
}

.btn-area.bottom-area-2 .btn .left a::before {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    background-image: url(../img/top-bottombtn-icon-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 15px;
}

.btn-area.bottom-area-2 .btn .left a span {
    color: #ffffff;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.btn-area.bottom-area-2 .btn .left a span b {
    background-color: #ffffff;
    color: #ff363c;
    font-size: 14px;
    width: 150px;
    height: 22px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.1em;
    margin-bottom: 0.3em;
}

.btn-area.bottom-area-2 .btn .right {
    width: 35.4666666667%;
}

.btn-area.bottom-area-2 .btn .right a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 9px;
}

.btn-area.bottom-area-2 .btn .right a::before {
    content: "";
    width: 15px;
    height: 20px;
    display: block;
    background-image: url(../img/top-bottombtn-icon-pin.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
}

.btn-area.bottom-area-2 .btn .right a span {
    font-size: 14px;
    color: #2ba8e8;
    font-weight: bold;
}

/*------ お客様サポート窓口追加　-----------*/
.customer-contact .page-box .top {
    padding: 50px 0 54px;
    text-align: center;
    background-color: #defafb;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top {
        padding: 40px 0;
    }
}

.customer-contact .page-box .top-title {
    color: #264a74;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-title {
        font-size: 24px;
    }
}

.customer-contact .page-box .top-list {
    width: 530px;
    height: 60px;
    margin: 35px auto 0;
    border-radius: 999px;
    padding-right: 1.5%;
    display: flex;
    justify-content: space-around;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-list {
        max-width: 340px;
        width: 90%;
        height: 40px;
        margin-top: 25px;
    }
}

.customer-contact .page-box .top-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2ba8e8;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-item {
        gap: 5px;
        font-size: 12px;
    }
}

.customer-contact .page-box .top-item img {
    width: 29px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-item img {
        width: 18px;
    }
}

.customer-contact .page-box .top-box {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 30px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-box {
        max-width: 350px;
        width: 90%;
        margin: 30px auto 0;
        gap: 15px;
    }
}

.customer-contact .page-box .top-btn {
    width: 230px;
    border: 3px solid #2ba8e8;
    border-radius: 13px;
    padding-bottom: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-btn {
        width: auto;
        padding-bottom: 15px;
        flex: 1;
    }
}

.customer-contact .page-box .top-btn .icon {
    width: 47px;
    aspect-ratio: 47/51;
    margin: 40px auto 0;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-btn .icon {
        width: 30px;
        margin-top: 15px;
    }
}

.customer-contact .page-box .top-btn .txt {
    margin-top: 12px;
    color: #000;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 0.06em;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-btn .txt {
        font-size: 14px;
    }
}

.customer-contact .page-box .top-btn .arrow {
    width: 29px;
    margin: 8px auto 0;
    display: block;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .top-btn .arrow {
        width: 20px;
    }
}

.customer-contact .page-box .mid-title {
    margin-top: 70px;
    color: #2ba8e8;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .mid-title {
        margin-top: 30px;
        font-size: 18px;
    }
}

.customer-contact .page-box .mid-txt {
    margin-top: 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0.06em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .mid-txt {
        width: 90%;
        margin: 20px auto 0;
        font-size: 12px;
    }
}

.customer-contact .page-box .mid-txt .dib {
    display: inline-block;
}

.customer-contact .page-box .bot {
    margin-top: 75px;
    margin-bottom: 90px;
    border-radius: 8px;
    padding: 0 25px 32px;
    background-color: #eefcfd;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0 5vw 25px;
    }
}

.customer-contact .page-box .bot-title {
    margin: 0 -25px;
    border-radius: 8px 8px 0 0;
    padding: 20px 0;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-align: center;
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-title {
        margin: 0 -5vw;
        padding: 15px 0;
        font-size: 17px;
    }
}

.customer-contact .page-box .bot-list {
    margin-top: 33px;
    display: flex;
    gap: 30px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-list {
        margin-top: 25px;
        flex-direction: column;
    }
}

.customer-contact .page-box .bot-item {
    flex: 1;
}

.customer-contact .page-box .bot-item.-member .bot-item-box {
    border: 2px solid #2ba8e8;
}

.customer-contact .page-box .bot-item.-member .bot-item-ttl::after {
    background-color: #2ba8e8;
}

.customer-contact .page-box .bot-item.-member .bot-item-txt {
    border: 2px solid #2ba8e8;
}

.customer-contact .page-box .bot-item.-member .bot-item-txt::before {
    border-top: solid 12px #2ba8e8;
}

.customer-contact .page-box .bot-item.-consider .bot-item-box {
    border: 2px solid #ffba31;
}

.customer-contact .page-box .bot-item.-consider .bot-item-ttl::after {
    background-color: #ffba31;
}

.customer-contact .page-box .bot-item.-consider .bot-item-txt {
    border: 2px solid #ffba31;
}

.customer-contact .page-box .bot-item.-consider .bot-item-txt::before {
    border-top: solid 12px #ffba31;
}

.customer-contact .page-box .bot-item-box {
    min-height: 281px;
    border-radius: 10px;
    padding: 25px 40px;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-box {
        min-height: initial;
        padding: 20px;
    }
}

.customer-contact .page-box .bot-item-ttl {
    padding-bottom: 23px;
    position: relative;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-ttl {
        padding-bottom: 15px;
        font-size: 18px;
    }
}

.customer-contact .page-box .bot-item-ttl::after {
    content: "";
    width: 30px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
}

.customer-contact .page-box .bot-item-list {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-list {
        margin-top: 15px;
    }
}

.customer-contact .page-box .bot-item-item {
    display: flex;
    align-items: center;
    gap: 19px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-item {
        gap: 15px;
        font-size: 14px;
    }
}

.customer-contact .page-box .bot-item-item img {
    width: 28px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-item img {
        width: 20px;
    }
}

.customer-contact .page-box .bot-item-item+.bot-item-item {
    margin-top: 10px;
}

.customer-contact .page-box .bot-item-txt {
    margin-top: 21px;
    border-radius: 10px;
    padding: 17px 0 19px;
    position: relative;
    font-size: 18px;
    letter-spacing: 0.06em;
    font-weight: bold;
    line-height: 1.2222222222;
    text-align: center;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-txt {
        margin-top: 15px;
        font-size: 14px;
    }
}

.customer-contact .page-box .bot-item-txt::before,
.customer-contact .page-box .bot-item-txt::after {
    content: "";
    width: 0;
    height: 0;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -3.5px;
}

.customer-contact .page-box .bot-item-txt::after {
    margin-top: -4px;
    border-top: solid 12px #fff;
}

.customer-contact .page-box .bot-item-btn {
    margin-top: 22px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-btn {
        max-width: 340px;
        margin: 15px auto 0;
    }
}

.customer-contact .page-box .bot-item-btn a {
    height: 80px;
    border-radius: 999px;
    padding: 0 37px 0 49px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
    background-color: #51d827;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-btn a {
        height: 50px;
        padding: 0;
        justify-content: space-evenly;
        font-size: 16px;
    }
}

.customer-contact .page-box .bot-item-btn a img {
    width: 54px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-btn a img {
        width: 40px;
    }
}

.customer-contact .page-box .bot-item-btn a .arrow {
    width: 18px;
    aspect-ratio: 1/1;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
}

@media print,
screen and (min-width: 768px) {
    .customer-contact .page-box .bot-item-btn a .arrow {
        margin-left: 30px;
    }
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-item-btn a .arrow {
        width: 12px;
        border-width: 2px;
    }
}

.customer-contact .page-box .bot-box {
    margin-top: 50px;
    border-radius: 10px;
    padding: 40px 0 60px;
    text-align: center;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box {
        margin-top: 30px;
        padding-top: 25px;
        padding-bottom: 20px;
    }
}

.customer-contact .page-box .bot-box-ttl {
    color: #2ba8e8;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-ttl {
        font-size: 18px;
    }
}

.customer-contact .page-box .bot-box-txt {
    margin-top: 24px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-txt {
        width: 90%;
        margin: 20px auto 0;
        font-size: 14px;
    }
}

.customer-contact .page-box .bot-box-time {
    width: 327px;
    height: 51px;
    margin: 25px auto 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-weight: bold;
    background-color: #f6f6f6;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-time {
        width: 240px;
        height: 40px;
        margin-top: 20px;
    }
}

.customer-contact .page-box .bot-box-time .left {
    width: 34%;
    position: relative;
    font-size: 17px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-time .left {
        font-size: 14px;
    }
}

.customer-contact .page-box .bot-box-time .left::after {
    content: "";
    width: 2px;
    height: 31px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #d5d5d5;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-time .left::after {
        height: 25px;
    }
}

.customer-contact .page-box .bot-box-time .right {
    width: 66%;
    padding-right: 3%;
    font-size: 18px;
    font-weight: bold;
    font-family: "Century Gothic", century, Helvetica Neue, Arial, sans-serif;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-time .right {
        font-size: 15px;
    }
}

.customer-contact .page-box .bot-box-tel {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-tel {
        gap: 15px;
    }
}

.customer-contact .page-box .bot-box-tel img {
    width: 36px;
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-tel img {
        width: 20px;
    }
}

.customer-contact .page-box .bot-box-tel a {
    color: #2ba8e8;
    font-size: 47px;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-family: "Century Gothic", century, Helvetica Neue, Arial, sans-serif;
}

@media print,
screen and (min-width: 768px) {
    .customer-contact .page-box .bot-box-tel a {
        pointer-events: none;
    }
}

@media screen and (max-width: 767px) {
    .customer-contact .page-box .bot-box-tel a {
        font-size: 30px;
    }
}

.support-area {
    position: absolute;
    right: 30px;
    bottom: calc(100% + 20px);
}

@media screen and (max-width: 767px) {
    .support-area {
        right: 10px;
    }
}

.support-area-btn {
    width: 270px;
    height: 80px;
    border: 4px solid #fff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    background-color: #1fb0c1;
}

@media screen and (max-width: 767px) {
    .support-area-btn {
        width: 150px;
        height: 48px;
        border-width: 2px;
        gap: 10px;
        font-size: 12px;
    }
}

.support-area-btn::before {
    content: "";
    width: 39px;
    aspect-ratio: 49/62;
    display: block;
    background: url(../img/support-area-icon.png) no-repeat center/100% 100%;
}

@media screen and (max-width: 767px) {
    .support-area-btn::before {
        width: 23px;
    }
}

.support-area .close {
    cursor: pointer;
    width: 33px;
    aspect-ratio: 1/1;
    display: block;
    position: absolute;
    top: -12px;
    right: -4px;
    background: url(../img/support-area-close.png) no-repeat center/100% 100%;
}

@media screen and (max-width: 767px) {
    .support-area .close {
        width: 25px;
        top: -7px;
        right: -3px;
    }
}

.single-shop-page .fixed-campaign-box+.btn-area.bottom-area .support-area {
    bottom: calc(100% + 45px);
}

@media screen and (max-width: 767px) {
    .single-shop-page .fixed-campaign-box+.btn-area.bottom-area .support-area {
        bottom: calc(100% + 111px);
    }
}

@media screen and (max-width: 767px) {
    .single-shop-page .support-area {
        right: 0;
        bottom: calc(100% + 86px);
    }
}

.user-voice {
    font-family: "Century Gothic", century, Helvetica Neue, 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", Arial, sans-serif;
}

.user-voice .top {
    padding: 39px 0 33px;
    text-align: center;
    background-color: #defafb;
}

.user-voice .top-ttl {
    color: #264a74;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .top-ttl {
        font-size: 20px;
    }
}

.user-voice .top-ttl .eng {
    letter-spacing: 0;
}

.user-voice .top-txt {
    margin-top: 24px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7142857143;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .top-txt {
        margin-top: 20px;
        font-size: 12px;
    }
}

.user-voice .top-btn {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.user-voice .top-btn a {
    border-radius: 999px;
    padding: 16px 30px;
    transition: opacity 0.3s;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2em;
    background-color: #2ba8e8;
}

.user-voice .top-btn a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 767px) {
    .user-voice .top-btn a {
        padding: 12px 20px;
        font-size: 14px;
    }
}

.user-voice .page-box .inner {
    padding: 0 10px;
}

.user-voice .mid-ttl {
    margin-top: 47px;
    color: #2ba8e8;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-ttl {
        margin-top: 30px;
        font-size: 20px;
    }
}

.user-voice .mid-box {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.user-voice .mid-total {
    border-radius: 10px;
    padding: 13px 25px;
    display: flex;
    align-items: center;
    background-color: #defafb;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-total {
        width: 90%;
        max-width: 300px;
        padding: 10px;
        justify-content: center;
    }
}

.user-voice .mid-total .icon {
    width: 25px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: relative;
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-total .icon {
        width: 20px;
    }
}

.user-voice .mid-total .icon::after {
    content: "";
    width: 50%;
    aspect-ratio: 1/1;
    border-bottom-right-radius: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #2ba8e8;
    clip-path: polygon(80% 0, 100% 90%, 100% 100%, 90% 100%, 0 80%);
}

.user-voice .mid-total .txt {
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-total .txt {
        margin-left: 10px;
        font-size: 12px;
    }
}

.user-voice .mid-total .count {
    margin-left: 15px;
    border-radius: 10px;
    padding: 0 10px;
    color: #2ba8e8;
    font-size: 32px;
    font-weight: bold;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-total .count {
        margin-left: 10px;
        padding: 0 6px;
        font-size: 24px;
    }
}

.user-voice .mid-total .txt2 {
    margin-top: 8px;
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-total .txt2 {
        margin-top: 6px;
        margin-left: 6px;
        font-size: 16px;
    }
}

.user-voice .mid-tab {
    margin-top: 27px;
    display: flex;
    justify-content: center;
}

.user-voice .mid-tab-btn {
    cursor: pointer;
    border: 2px solid #2ba8e8;
    border-radius: 10px 10px 0 0;
    padding: 13px 0 15px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-tab-btn {
        padding: 10px 0 12px;
        font-size: 14px;
    }
}

.user-voice .mid-tab-btn:hover {
    opacity: 0.7;
}

.user-voice .mid-tab-btn.active {
    pointer-events: none;
    color: #ffffff;
    background-color: #2ba8e8;
}

.user-voice .mid-tab-btn.active .eng {
    border-color: #ffffff;
    color: #ffffff;
}

.user-voice .mid-tab-btn .eng {
    margin-right: 14px;
    border: 2px solid #2ba8e8;
    border-radius: 999px;
    padding: 2px 11px 3px;
    color: #2ba8e8;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-tab-btn .eng {
        margin-right: 8px;
        padding: 2px 7px 3px;
        font-size: 12px;
    }
}

.user-voice .mid-panel {
    margin-top: 36px;
    display: none;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-panel {
        margin-top: 10px;
    }
}

.user-voice .mid-panel.show {
    display: block;
}

.user-voice .mid-item {
    border-radius: 10px;
    padding: 13px 20px 22px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto auto auto auto;
    align-items: start;
    gap: 0 35px;
    background-color: #defafb;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item {
        padding: 10px 15px 15px;
        grid-template-columns: 18% 80%;
        gap: 0 2%;
    }
}

.user-voice .mid-item+.mid-item {
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item+.mid-item {
        margin-top: 10px;
    }
}

.user-voice .mid-item-img {
    width: 123px;
    border-radius: 50%;
    grid-column: 1/2;
    grid-row: 1/5;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-img {
        max-width: 60px;
        width: 100%;
    }
}

.user-voice .mid-item-info {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 15px;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-info {
        margin-top: 0;
        gap: 5px;
    }
}

.user-voice .mid-item-name {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-name {
        width: 100%;
        font-size: 18px;
    }
}

.user-voice .mid-item-tag {
    margin-left: 15px;
    border-radius: 999px;
    padding: 3px 10px 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2em;
    background-color: #656565;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-tag {
        margin-left: 0;
        padding: 2px 6px;
        font-size: 12px;
    }
}

.user-voice .mid-item-issue {
    margin-top: 3px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-issue {
        margin-top: 0;
        font-size: 12px;
    }
}

.user-voice .mid-item-ttl {
    margin-top: 26px;
    color: #2ba8e8;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-ttl {
        margin-top: 15px;
        grid-column: 1/3;
        font-size: 18px;
    }
}

.user-voice .mid-item-txt {
    margin-top: 20px;
    margin-right: 30px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.625;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-txt {
        margin-top: 10px;
        margin-right: 0;
        grid-column: 1/3;
        font-size: 14px;
    }
}

.user-voice .mid-item-btn {
    margin-top: 20px;
    grid-column: 1/3;
    display: none;
    justify-content: center;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-btn {
        margin-top: 10px;
    }
}

.user-voice .mid-item-more {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 3px;
    color: #2ba8e8;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.2em;
    transition: opacity 0.3s;
}

.user-voice .mid-item-more:hover {
    opacity: 0.7;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-more {
        font-size: 12px;
    }
}

.user-voice .mid-item-more .arrow {
    width: 10px;
    aspect-ratio: 1/1;
    margin-top: 3px;
    display: block;
    position: relative;
    transform: rotate(45deg) skew(10deg, 10deg);
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-more .arrow {
        margin-top: 0;
        transform: rotate(45deg) skew(5deg, 5deg);
    }
}

.user-voice .mid-item-more .arrow::before,
.user-voice .mid-item-more .arrow::after {
    content: "";
    border-radius: 99px;
    position: absolute;
    background-color: #2ba8e8;
}

.user-voice .mid-item-more .arrow::before {
    width: 100%;
    height: 2px;
    right: 0;
    bottom: 0;
    left: 0;
}

.user-voice .mid-item-more .arrow::after {
    width: 2px;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
}

.user-voice .mid-item-after {
    margin-top: 20px;
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    padding: 16px 35px 22px 29px;
    grid-column: 1/3;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-after {
        margin-top: 15px;
        padding: 10px 15px;
    }
}

.user-voice .mid-item-after-ttl {
    color: #2ba8e8;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-after-ttl {
        font-size: 18px;
    }
}

.user-voice .mid-item-after-txt {
    margin-top: 10px;
}

.user-voice .mid-item-after-txt p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0.2em;
    word-break: break-word;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-item-after-txt p {
        font-size: 14px;
    }
}

.user-voice .mid-nav {
    margin-top: 58px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-nav {
        margin-top: 30px;
    }
}

.user-voice .mid-link a {
    width: 36px;
    aspect-ratio: 1/1;
    border: 1px solid #2ba8e8;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-link a {
        width: 32px;
        font-size: 14px;
    }
}

.user-voice .mid-link a:hover {
    opacity: 0.7;
}

.user-voice .mid-link-current a {
    pointer-events: none;
    color: #ffffff;
    background-color: #2ba8e8;
}

.user-voice .mid-link-prev,
.user-voice .mid-link-next {
    margin-top: 5px;
}

@media screen and (max-width: 767px) {

    .user-voice .mid-link-prev,
    .user-voice .mid-link-next {
        margin-top: 0;
    }
}

.user-voice .mid-link-prev a,
.user-voice .mid-link-next a {
    width: 16px;
    border: none;
    position: relative;
    background: none;
}

.user-voice .mid-link-prev a::before,
.user-voice .mid-link-prev a::after,
.user-voice .mid-link-next a::before,
.user-voice .mid-link-next a::after {
    content: "";
    border-radius: 9px;
    position: absolute;
    background-color: #2ba8e8;
}

.user-voice .mid-link-prev a::before,
.user-voice .mid-link-next a::before {
    width: 100%;
    height: 2px;
    bottom: 0;
    right: 0;
    left: 0;
}

.user-voice .mid-link-prev a::after,
.user-voice .mid-link-next a::after {
    width: 2px;
    height: 100%;
    top: 0;
    bottom: 0;
}

.user-voice .mid-link-prev {
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-link-prev {
        margin-right: 5px;
    }
}

.user-voice .mid-link-prev a {
    transform: rotate(45deg);
}

.user-voice .mid-link-prev a::after {
    left: 0;
}

.user-voice .mid-link-next {
    margin-left: 10px;
}

@media screen and (max-width: 767px) {
    .user-voice .mid-link-next {
        margin-left: 5px;
    }
}

.user-voice .mid-link-next a {
    transform: rotate(-45deg);
}

.user-voice .mid-link-next a::after {
    right: 0;
}

.user-voice .bot {
    padding-bottom: 157px;
}

@media screen and (max-width: 767px) {
    .user-voice .bot {
        padding-bottom: 50px;
    }
}

.user-voice .bot-list {
    margin-top: 58px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 20px;
}

@media screen and (max-width: 767px) {
    .user-voice .bot-list {
        margin-top: 40px;
        gap: 10px;
    }
}

.user-voice .bot-item {
    width: calc(50% - 10px);
}

@media screen and (max-width: 767px) {
    .user-voice .bot-item {
        width: 100%;
    }
}

.user-voice .bot-item a {
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    transition: opacity 0.3s;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .user-voice .bot-item a {
        padding: 10px 15px;
    }
}

.user-voice .bot-item a:hover {
    opacity: 0.7;
}

.user-voice .bot-item-img {
    width: 41px;
    margin-right: 25px;
}

@media screen and (max-width: 767px) {
    .user-voice .bot-item-img {
        max-width: 40px;
        width: 10%;
        margin-right: 4%;
    }
}

.user-voice .bot-item-txt {
    flex: 1;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3333333333;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    .user-voice .bot-item-txt {
        font-size: 14px;
    }
}

.user-voice .bot-item-arrow {
    width: 19px;
    aspect-ratio: 1/1;
    position: relative;
    transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
    .user-voice .bot-item-arrow {
        width: 16px;
    }
}

.user-voice .bot-item-arrow::before,
.user-voice .bot-item-arrow::after {
    content: "";
    border-radius: 9px;
    position: absolute;
    background-color: #2ba8e8;
}

.user-voice .bot-item-arrow::before {
    width: 100%;
    height: 3px;
    top: 0;
    right: 0;
    left: 0;
}

.user-voice .bot-item-arrow::after {
    width: 3px;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
}

/*LPのお客様アンケート部分非表示*/
.lp-2021 .gallery .inner {
    display: none;
}

/* コンテンツ */
/*-------------- post -------------*/
.page-post {
    background-color: #cffaff;
}

.page-post__inner {
    width: 715px;
    margin: auto;
    max-width: 100%;
    background-color: #ffffff;
    padding: 85px 60px 40px;
}

@media screen and (max-width: 767px) {
    .page-post__inner {
        padding: 40px 20px;
    }
}

.page-post__title {
    font-size: 25px;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
    .page-post__title {
        font-size: 24px;
        margin-bottom: 1.5em;
    }
}

.page-post .cate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5em 1em;
    font-size: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-post .cate-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.5em 0.7em;
    color: #ffffff;
    background-color: #1dafbf;
    border-radius: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-post-list__item {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .page-post-list__item {
        margin-top: 30px;
    }
}

.page-post-list__item:first-of-type {
    margin-top: 0;
}

.page-post-list__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .page-post-list__item a {
        display: block;
    }
}

.page-post-list__item .img {
    width: 260px;
    height: 147px;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .page-post-list__item .img {
        width: 100%;
        height: 48.7179487179vw;
    }
}

.page-post-list__item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-post-list__item .cnt {
    width: calc(100% - 260px);
    padding-left: 20px;
    padding-top: 8px;
}

@media screen and (max-width: 767px) {
    .page-post-list__item .cnt {
        width: 100%;
        margin-top: 10px;
        padding: 0;
    }
}

.page-post-list__item .title {
    color: #1dafbf;
    font-size: 16px;
    line-height: 1.625;
    font-weight: bold;
    margin-bottom: 12px;
}

.page-post__pager {
    margin-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .page-post__pager {
        margin-top: 35px;
    }
}

.page-post__pager .pager-item {
    font-size: 21px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .page-post__pager .pager-item {
        font-size: 18px;
    }
}

.page-post__pager .pager-item a {
    color: #1dafbf;
}

.page-post__pager .pager-item.current a {
    color: #323232;
}

.page-post-detail .page-post__inner {
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .page-post-detail .page-post__inner {
        padding-bottom: 40px;
    }
}

.page-post-detail__heading {
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .page-post-detail__heading {
        margin-bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.page-post-detail__heading .page-post__title {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .page-post-detail__heading .page-post__title {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 30px;
    }
}

.page-post-detail__heading .eyecatch {
    margin-top: 35px;
    border-radius: 10px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .page-post-detail__heading .eyecatch {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
    }
}

.page-post-detail__heading .cate {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

.page-post-detail__main img {
    width: auto;
    height: auto;
    margin: 2em auto;
}

@media screen and (max-width: 767px) {
    .page-post-detail__main img {
        width: 100%;
    }
}

.page-post-detail__main .aligncenter {
    display: block;
}

.page-post-detail__main .alignright {
    float: right;
    margin: 2em auto 2em 2em;
}

@media screen and (max-width: 767px) {
    .page-post-detail__main .alignright {
        float: none;
        margin: 2em auto;
    }
}

.page-post-detail__main .alignleft {
    float: left;
    margin: 2em 2em 2em auto;
}

@media screen and (max-width: 767px) {
    .page-post-detail__main .alignleft {
        float: none;
        margin: 2em auto;
    }
}

.page-post-detail__main p {
    font-size: 16px;
    line-height: 2.1875;
    letter-spacing: 0.1em;
}

.page-post-detail__main p+p {
    margin-top: 1em;
}

.page-post-detail__main p strong {
    font-weight: bold;
    font-size: 100%;
}

.page-post-detail__main p .marker1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(80%, #fffcad));
    background: linear-gradient(transparent 40%, #fffcad 80%);
}

.page-post-detail__main ul {
    margin: 20px 0;
}

.page-post-detail__main li .marker1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(80%, #fffcad));
    background: linear-gradient(transparent 40%, #fffcad 80%);
}

.page-post-detail__main a {
    color: #1dafbf;
    text-decoration: underline;
}

@media print,
screen and (min-width: 768px) {
    .page-post-detail__main a:hover {
        opacity: 0.7;
    }
}

.page-post-detail__main h2 {
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.4772727273;
    font-weight: bold;
    margin: 2em 0 1em;
}

.page-post-detail__main h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 2em 0 1em;
    line-height: 1.8421052632;
    letter-spacing: 0.1em;
}

.page-post-detail__main table th,
.page-post-detail__main table td {
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: bold;
    border: 1px solid #ebebeb;
    text-align: left;
    vertical-align: top;
    padding: 24px 20px;
    line-height: 1.7857142857;
}

.page-post-detail__main table th {
    color: #1dafbf;
    background-color: #f8f8f8;
    width: 190px;
}

@media screen and (max-width: 767px) {
    .page-post-detail__main table th {
        width: 120px;
    }
}

.page-post-detail__main ul {
    padding-left: 1em;
}

.page-post-detail__main ul li {
    font-size: 16px;
    text-indent: -1em;
    line-height: 2.1875;
    font-weight: bold;
    margin-top: 13px;
}

.page-post-detail__main ul li:first-of-type {
    margin-top: 0;
}

.page-post-detail__main ul li::before {
    content: "・";
}

.page-post-detail__main ul li a {
    text-decoration: none;
}

.page-post-detail__main ol {
    list-style: decimal;
    padding-left: 18px;
}

.page-post-detail__main ol li {
    font-size: 16px;
    line-height: 2.1875;
    font-weight: bold;
    margin-top: 13px;
}

.page-post-detail__main ol li:first-of-type {
    margin-top: 0;
}

.page-post-detail__main ol li a {
    text-decoration: none;
}

.page-post-detail__main::after {
    content: "";
    display: block;
    clear: both;
}

.page-post-detail .scroll-x {
    overflow-x: auto;
    margin-top: 17px;
}

.page-post-detail .point {
    border: 2px dashed #1dafbf;
    border-radius: 6px;
    padding: 17px 25px 25px;
    margin: 30px auto;
}

.page-post-detail .point::after {
    content: "";
    display: block;
    clear: both;
}

.page-post-detail .point-title {
    color: #1dafbf;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
}

.page-post-detail .point-title::before {
    content: "";
    width: 28px;
    height: 6px;
    background-image: url(../img/img_post-point.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 0.5em;
}

.page-post-detail .point p {
    font-size: 14px;
    line-height: 1.9642857143;
    color: #1dafbf;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.page-post-detail .point p img {
    width: 170px;
    display: block;
}

@media screen and (max-width: 767px) {
    .page-post-detail .point p img {
        margin: auto auto 1em;
    }
}

.page-post-detail .point p img.alignleft {
    margin: 0 1.5em 1em 0;
}

@media screen and (max-width: 767px) {
    .page-post-detail .point p img.alignleft {
        margin: auto auto 1em;
    }
}

.page-post-detail .point p img.alignright {
    margin: 0 0 1em 1.5em;
}

@media screen and (max-width: 767px) {
    .page-post-detail .point p img.alignright {
        margin: auto auto 1em;
    }
}

.page-post-detail .matome {
    border: 2px solid #1dafbf;
    border-radius: 10px;
    margin: 50px auto auto;
    padding: 0 25px 25px;
}

.page-post-detail .matome-title {
    color: #1dafbf;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.1em;
    background-color: #ffffff;
    padding: 0 0.5em;
    display: inline-block;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-post-detail .share {
    margin-top: 45px;
    background-color: #1dafbf;
    padding: 10px 0 14px;
}

@media screen and (max-width: 767px) {
    .page-post-detail .share {
        margin: 30px -20px auto;
    }
}

.page-post-detail .share-title {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 6px;
}

.page-post-detail .share-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
}

.page-post-detail .share-item {
    width: 40px;
}

.page-post-detail .share-item a {
    display: block;
}

.page-post-detail .share-item img {
    display: block;
}

/* フォーム radio追加 */
.contact-page .form-area .box .input-area.radio-area {
    padding: 14px 0 0 0;
}

@media screen and (max-width: 767px) {
    .contact-page .form-area .box .input-area.radio-area {
        padding: 10px 10px 6px 0px;
    }

    .lp-2021 .form-area .box .input-area.radio {
        padding-bottom: 6px;
    }
}

/* 悩みコンテンツ（TOP） */
.nayami-contents-cover.-front-page {
    padding: 80px 0 66px;
    background: #2ba8e8;
}

.nayami-contents {
    padding: 45px 60px 50px;
    border-radius: 30px;
}

.nayami-contents-cover.-front-page .nayami-contents {
    margin: auto;
    background: #fff;
    max-width: 1000px;
}

.nayami-contents-cover.-single-shop .nayami-contents {
    background: #dff3fa;
}

.nayami-contents .nayami-lead {
    margin-bottom: 25px;
    color: #1d2f45;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.2;
}

.nayami-contents .txt {
    color: #1d2f45;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.34;
}

.nayami-contents .nayami-link-list {
    margin: 45px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nayami-contents .nayami-link-item {
    width: 150px;
    height: 150px;
}

.nayami-contents .nayami-link-item:not(:nth-child(5n)) {
    margin-right: 25px;
}

.nayami-contents .nayami-link-item:nth-child(n + 6) {
    margin-top: 25px;
}

.nayami-contents .nayami-link {
    -webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    background: #fff;
    border: 4px solid #2ba8eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nayami-contents .nayami-img {
    margin: 0 auto 10px;
    display: block;
    width: 70px;
}

.nayami-contents .nayami-ti {
    color: #2ba8eb;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 0.1em;
    text-align: center;
    display: block;
}

@media print,
screen and (min-width: 768px) {
    .nayami-contents-cover.-single-shop {
        padding: 20px 0;
    }

    .nayami-contents-cover.-single-shop .nayami-contents {
        padding: 20px 45px 30px;
        border-radius: 10px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .nayami-lead {
        margin-bottom: 15px;
        font-size: 25px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .txt {
        font-size: 14px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .nayami-link-list {
        margin-top: 26px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .nayami-link-item {
        width: 106px;
        height: 106px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .nayami-link-item:not(:nth-child(5n)) {
        margin-right: 19px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .nayami-link-item:nth-child(n + 6) {
        margin-top: 19px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .nayami-img {
        margin-bottom: 6px;
        width: 50px;
    }

    .nayami-contents-cover.-single-shop .nayami-contents .nayami-ti {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {

    .nayami-contents-cover.-front-page,
    .nayami-contents-cover.-single-shop {
        padding: 5.5vw 4vw;
    }

    .nayami-contents {
        padding: 8vw 4.5vw 9vw;
        border-radius: 3.8vw;
    }

    .nayami-contents .nayami-lead {
        margin-bottom: 4.8vw;
        font-size: 24px;
    }

    .nayami-contents .txt {
        font-size: 12px;
    }

    .nayami-contents .nayami-link-list {
        margin-top: 8.7vw;
    }

    .nayami-contents .nayami-link-item {
        -webkit-box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 4px 1px rgba(0, 0, 0, 0.16);
        border-radius: 7px;
        width: 25.24vw;
        height: 25.24vw;
    }

    .nayami-contents .nayami-link-item:not(:nth-child(5n)) {
        margin-right: 0;
    }

    .nayami-contents .nayami-link-item:not(:nth-child(3n)) {
        margin-right: 3vw;
    }

    .nayami-contents .nayami-link-item:nth-child(n + 4) {
        margin-top: 4.3vw;
    }

    .nayami-contents .nayami-link {
        border-width: 3px;
    }

    .nayami-contents .nayami-img {
        margin-bottom: 1.5vw;
        width: 11.8vw;
    }

    .nayami-contents .nayami-ti {
        font-size: 15px;
    }
}

/* 悩みコンテンツ（ページ） */
.page-nayami {
    padding-bottom: 60px;
    background: #cefaff;
}

.page-nayami .head-area {
    padding: 45px 37px 84px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-nayami .head-area .head-body {
    width: 506px;
}

.page-nayami .head-area .head-lead {
    margin-bottom: 44px;
    color: #1d2f45;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.8;
    letter-spacing: 0.12em;
}

.page-nayami .head-area .txt {
    color: #1d2f45;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.12em;
}

.page-nayami .head-area .img-mv {
    margin-right: -520px;
    border-radius: 40px 0 0 40px;
    overflow: hidden;
    width: 640px;
}

.page-nayami .nayami-contents {
    padding: 0 37px 60px;
    border-radius: 0 0 15px 15px;
    background: #fff;
}

.page-nayami .anker-area {
    margin-bottom: 47px;
}

.page-nayami .list-anker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-nayami .list-anker li:nth-child(n + 2) {
    margin-left: 12px;
}

.page-nayami .list-anker a {
    padding: 0 23px;
    border-radius: 38px;
    background: url("../img/nayami/ico_arrow.svg") #1fb0c1 no-repeat 80% 50%/8px 12px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.12em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 142px;
    height: 38px;
}

.page-nayami .anker-item {
    display: block;
    pointer-events: none;
}

.page-nayami .nayami-area {
    margin-bottom: 52px;
}

.page-nayami .nayami-area .nayami-ttl,
.page-nayami .nayami-area .recommend-posts .ttl {
    margin-bottom: 24px;
    color: #1d2f45;
    font-weight: bold;
    font-size: 23px;
    line-height: 1.8;
    letter-spacing: 0.12em;
}

.page-nayami .nayami-area .nayami-ttl-sub {
    margin: 26px 0 34px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff88d));
    background: linear-gradient(transparent 60%, #fff88d 60%);
    color: #1d2f45;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.1em;
    display: inline-block;
}

.page-nayami .nayami-area .img {
    margin-bottom: 34px;
    border-radius: 15px;
    overflow: hidden;
}

.page-nayami .nayami-area .txt {
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.9;
}

.page-nayami .nayami-area .txt+.img {
    margin-top: 34px;
}

.page-nayami .nayami-area em {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff88d));
    background: linear-gradient(transparent 60%, #fff88d 60%);
}

.page-nayami .number-item:not(:last-child) {
    margin-bottom: 30px;
}

.page-nayami .number-area {
    margin-top: 22px;
}

.page-nayami .number-item .ti {
    margin-bottom: 22px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.1em;
}

.page-nayami .nayami-area .recommend-posts {
    margin: 70px 0 90px;
}

.page-nayami .nayami-area .recommend-posts .list {
    margin: 40px 0 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-nayami .nayami-area .recommend-posts .post {
    width: 218px;
}

.page-nayami .nayami-area .recommend-posts .post a {
    display: block;
}

.page-nayami .nayami-area .recommend-posts .post .img-post {
    margin-bottom: 0;
    border-radius: 9px;
    width: 100%;
    height: 124px;
    overflow: hidden;
}

.page-nayami .nayami-area .recommend-posts .post img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-nayami .nayami-area .recommend-posts .post h4 {
    color: #53b0bf;
    margin-top: 15px;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.12em;
    line-height: 2;
}

.page-nayami .nayami-area .recommend-posts .btn a {
    margin: auto;
    border-radius: 43px;
    color: #fff;
    background: #ff353b;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.12em;
    line-height: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 247px;
    height: 43px;
}

.page-nayami .border-box {
    margin: 26px 0;
    padding: 26px 34px;
    background: url("../img/nayami/line_border.gif");
    border-radius: 12px;
    position: relative;
}

.page-nayami .border-box::before {
    content: "";
    border-radius: 6px;
    background: #fff;
    position: absolute;
    left: 9px;
    top: 9px;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
}

.page-nayami .nayami-area .border-box p,
.page-nayami .nayami-area .list-dots li,
.page-nayami .nayami-area .list-ol li {
    font-weight: bold;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.1em;
    position: relative;
}

.page-nayami .nayami-area .border-box p {
    margin-bottom: 0.5em;
}

.page-nayami .nayami-area .list-dots li {
    padding-left: 22px;
}

.page-nayami .nayami-area .list-ol {
    counter-reset: item;
}

.page-nayami .nayami-area .list-ol li {
    padding-left: 22px;
}

.page-nayami .nayami-area .list-dots li::before {
    content: "";
    border-radius: 100%;
    background: #1d2f45;
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
}

.page-nayami .nayami-area .list-ol li::before {
    counter-increment: item;
    content: counter(item);
    padding-left: 2px;
    border-radius: 100%;
    background: #1d2f45;
    color: #ffffff;
    font-size: 0.7em;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.page-nayami .offer-area .border-box {
    padding-top: 35px;
    padding-bottom: 35px;
}

.page-nayami .offer-area .border-box .ttl {
    margin-bottom: 25px;
    text-align: center;
    position: relative;
}

.page-nayami .offer-area .ttl span {
    padding: 0 18px;
    border-radius: 15px;
    background: #d4ffff;
    color: #1d2f45;
    font-weight: bold;
    font-size: 23px;
    letter-spacing: 0.1em;
    line-height: 38px;
    display: inline-block;
    height: 38px;
}

.page-nayami .offer-area .lead {
    margin-bottom: 33px;
    color: #1d2f45;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 2;
    position: relative;
}

.page-nayami .offer-area .btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-nayami .offer-area .btn a {
    border-radius: 51px;
    color: #fff;
    background: #ff353b;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 256px;
    height: 51px;
}

.page-nayami .offer-area .btn .right {
    margin-left: 35px;
}

.page-nayami .offer-area .btn .right a {
    background: #60e437;
}

.page-nayami .nav-nayami-head {
    margin-bottom: 26px;
    color: #1d2f45;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
    letter-spacing: 0.1em;
    text-align: center;
}

.page-nayami .list-nav .btn-nav {
    padding: 0 18px;
    background: #d4ffff;
    border-radius: 43px;
    color: #1d2f45;
    font-weight: bold;
    font-size: 19px;
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 43px;
}

.page-nayami .list-nav li:nth-child(n + 2) {
    margin-top: 10px;
}

@media print,
screen and (min-width: 768px) {
    .page-nayami-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .page-nayami .list-anker li:last-child a {
        padding-right: 38px;
        background-position-x: 88%;
    }

    .nayami-first {
        overflow: hidden;
    }

    .page-nayami .head-area,
    .page-nayami .nayami-contents {
        width: 76%;
    }

    .page-nayami .nayami-nav {
        width: 20.84%;
    }

    .page-nayami .nayami-nav-drawer {
        padding: 33px 21px;
        border-radius: 14px;
        background: #fff;
        position: sticky;
        top: 150px;
    }
}

@media screen and (max-width: 767px) {
    .page-nayami {
        padding-bottom: 3%;
    }

    .page-nayami .inner {
        margin: auto;
        width: 93.75%;
    }

    .page-nayami .btn-area .inner {
        width: auto;
    }

    .page-nayami .head-area {
        padding: 9.5% 4vw 13vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .page-nayami .head-area .img-mv {
        margin: 0 -7vw 9vw 0;
        border-radius: 5.45vw 0 0 5.45vw;
        width: 92.65vw;
        height: 51.7vw;
    }

    .page-nayami .head-area .img-mv img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .page-nayami .head-area .head-body {
        width: auto;
    }

    .page-nayami .head-area .head-lead {
        margin-bottom: 7.4%;
        font-size: 22px;
    }

    .page-nayami .head-area .txt {
        font-size: 12px;
    }

    .page-nayami .nayami-contents {
        padding: 0 4vw 8.6%;
        border-radius: 0;
    }

    .page-nayami .anker-area {
        margin-bottom: 14vw;
    }

    .page-nayami .list-anker {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-nayami .list-anker li:nth-child(n + 2) {
        margin: 2.6vw 0 0;
    }

    .page-nayami .list-anker a {
        padding: 0 0 0 5vw;
        border-radius: 4.2vw;
        background-image: none;
        font-size: 13px;
        width: 65.625vw;
        min-width: 1px;
        height: 9.375vw;
    }

    .page-nayami .list-anker a::after {
        content: "";
        margin-left: 4vw;
        background: url("../img/nayami/ico_arrow.svg") #1fb0c1 no-repeat 50% 50% / contain;
        display: block;
        width: 3.125vw;
        height: 1.875vw;
    }

    .page-nayami .nayami-area {
        margin-bottom: 10vw;
    }

    .page-nayami .nayami-area .nayami-ttl,
    .page-nayami .nayami-area .recommend-posts .ttl {
        margin-bottom: 6vw;
        font-size: 19px;
    }

    .page-nayami .nayami-area .nayami-ttl-sub {
        margin: 5vw 0 7vw;
        font-size: 15px;
    }

    .page-nayami .nayami-area .img {
        margin-bottom: 6.7vw;
        border-radius: 2.5vw;
    }

    .page-nayami .nayami-area .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .page-nayami .nayami-area .txt {
        font-size: 12px;
        line-height: 1.95;
    }

    .page-nayami .number-item:not(:last-child) {
        margin-bottom: 6vw;
    }

    .page-nayami .number-area {
        margin-top: 4.6vw;
    }

    .page-nayami .number-item .ti {
        margin-bottom: 4.6vw;
        font-size: 14px;
    }

    .page-nayami .nayami-area .recommend-posts {
        margin: 13vw 0 18vw;
    }

    .page-nayami .nayami-area .recommend-posts .list {
        margin: 8vw 0 13vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-nayami .nayami-area .recommend-posts .post {
        width: 100%;
    }

    .page-nayami .nayami-area .recommend-posts .post:nth-child(n + 2) {
        margin-top: 10vw;
    }

    .page-nayami .nayami-area .recommend-posts .post .img-post {
        height: 44vw;
    }

    .page-nayami .nayami-area .recommend-posts .post h4 {
        margin-top: 1.5vw;
    }

    .page-nayami .nayami-area .recommend-posts .btn a {
        border-radius: 12.5vw;
        width: 65.625vw;
        height: 12.5vw;
    }

    .page-nayami .border-box {
        padding: 6vw 7.8vw;
        border-radius: 2.3vw;
        background-size: 3.75vw 3.75vw;
    }

    .page-nayami .border-box::before {
        border-radius: 1.25vw;
        left: 1.7vw;
        top: 1.7vw;
        width: calc(100% - 3.4vw);
        height: calc(100% - 3.4vw);
    }

    .page-nayami .nayami-area .border-box p,
    .page-nayami .nayami-area .list-dots li,
    .page-nayami .nayami-area .list-ol li {
        font-size: 13px;
    }

    .page-nayami .nayami-area .list-dots li,
    .page-nayami .nayami-area .list-ol li {
        padding-left: 4.68vw;
    }

    .page-nayami .nayami-area .list-dots li::before {
        top: 1.7vw;
        width: 2.65vw;
        height: 2.65vw;
    }

    .page-nayami .nayami-area .list-ol li::before {
        line-height: 3.4vw;
        top: 1.6vw;
        width: 3.4vw;
        height: 3.4vw;
    }

    .page-nayami .offer-area .border-box {
        padding-top: 6.25vw;
        padding-bottom: 6.25vw;
    }

    .page-nayami .offer-area .border-box .ttl {
        margin-bottom: 3vw;
    }

    .page-nayami .offer-area .ttl span {
        padding: 1.6vw 4.68vw;
        border-radius: 2.8vw;
        font-size: 16px;
        line-height: 1.36;
        height: auto;
    }

    .page-nayami .offer-area .lead {
        margin-bottom: 5.4vw;
        font-size: 12px;
        line-height: 1.5;
    }

    .page-nayami .offer-area .btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-nayami .offer-area .btn a {
        border-radius: 11.5vw;
        font-size: 12px;
        width: 57.47vw;
        height: 11.5vw;
    }

    .page-nayami .offer-area .btn .right {
        margin: 3.5vw 0 0 0;
    }

    .page-nayami .nayami-btn {
        position: fixed;
        right: 10px;
        bottom: 38vw;
        z-index: 9;
        width: 25vw;
    }

    .page-nayami .nav-unshown {
        display: none;
    }

    .page-nayami #nav-close-nayami-btn {
        display: none;
        opacity: 0;
        border-radius: 100%;
        background: url("../img/nayami/btn_close.svg") no-repeat #f2fcfd 50% 50% / contain;
        position: fixed;
        top: 5.5vw;
        right: 5.5vw;
        z-index: 100;
        width: 12vw;
        height: 12vw;
    }

    .page-nayami .nayami-nav-content {
        display: none;
        opacity: 0;
        padding: 33vw 10vw;
        background: #cefaff;
        overflow: auto;
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: ease 0.5s;
        transition: ease 0.5s;
    }

    .page-nayami #nav-input-nayami:checked~#nav-close-nayami-btn,
    .page-nayami #nav-input-nayami:checked~#nav-content-nayami {
        display: block;
        opacity: 1;
    }

    .page-nayami .nnav-nayami-head {
        margin-bottom: 14vw;
    }

    .page-nayami .list-nav {
        margin: auto;
        width: 67.2vw;
    }

    .page-nayami .list-nav .btn-nav {
        padding: 0 7vw;
        border-radius: 4vw;
        background: #f2fcfd;
        height: 16.56vw;
    }

    .page-nayami .list-nav li:nth-child(n + 2) {
        margin-top: 3.75vw;
    }
}

/* 全額返金 */
@media screen and (max-width: 767px) {
    .p-refund .inner {
        padding: 0 3.8461538462vw;
    }
}

.p-refund .p-flow {
    padding-top: 81.6326530612px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-flow {
        padding-top: 12.8205128205vw;
    }
}

.p-refund .p-flow-title01 {
    color: #1cb3de;
    font-weight: bold;
    text-align: center;
    font-size: 30.612244898px;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-flow-title01 {
        font-size: 5.641025641vw;
    }
}

.p-refund .p-flow-title02 {
    color: #1cb3de;
    font-weight: bold;
    text-align: center;
    font-size: 40.8163265306px;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-flow-title02 {
        font-size: 7.1794871795vw;
    }
}

.p-refund .p-flow__box {
    background-color: #d6f9fc;
    border-radius: 30.612244898px;
    padding: 33.1632653061px 61.2244897959px;
    margin-top: 61.2244897959px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-flow__box {
        border-radius: 5.1282051282vw;
        padding: 5.1282051282vw 5.1282051282vw;
        margin-top: 10.2564102564vw;
    }
}

.p-refund .p-flow__box-title {
    text-align: center;
    font-weight: bold;
    color: #1cb3de;
    font-size: 28.0612244898px;
    line-height: 1.4909090909;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-flow__box-title {
        font-size: 4.6153846154vw;
    }
}

.p-refund .p-flow__box-image {
    margin-top: 30.612244898px;
    margin-bottom: 38.2653061224px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-flow__box-image {
        margin-top: 5.1282051282vw;
        margin-bottom: 5.1282051282vw;
    }
}

.p-refund .p-flow__box-text {
    text-align: center;
    font-weight: bold;
    color: #1cb3de;
    font-size: 19.387755102px;
    line-height: 1.7894736842;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-flow__box-text {
        font-size: 3.5897435897vw;
    }
}

.p-refund .p-more {
    padding-top: 76.5306122449px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more {
        padding-top: 12.8205128205vw;
    }
}

.p-refund .p-more__bln {
    text-align: center;
}

.p-refund .p-more__title {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    background-color: #1cb3de;
    font-size: 28.0612244898px;
    letter-spacing: 0.16em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1em;
    border-radius: 100vh;
    height: 62.2448979592px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__title {
        font-size: 4.6153846154vw;
        height: 10.7692307692vw;
    }
}

.p-refund .p-more__title::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.2448979592px 5.612244898px 0 5.612244898px;
    border-color: #1cb3de transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__title::after {
        border-width: 2.5641025641vw 0.7692307692vw 0 0.7692307692vw;
    }
}

.p-refund .p-more__content {
    margin-top: 15.306122449px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__content {
        margin-top: 2.5641025641vw;
    }
}

.p-refund .p-more__box {
    padding: 51.0204081633px 0 45.9183673469px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 11.2244897959px solid #1cb3de;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box {
        border-top-width: 1.7948717949vw;
        padding: 7.6923076923vw 0;
        display: block;
    }
}

.p-refund .p-more__box:first-of-type {
    border-top: none;
}

.p-refund .p-more__box:first-of-type .img img {
    width: 256.6326530612px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box:first-of-type .img img {
        width: 38.4615384615vw;
    }
}

.p-refund .p-more__box:nth-of-type(2) .img img {
    width: 255.1020408163px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box:nth-of-type(2) .img img {
        width: 38.4615384615vw;
    }
}

.p-refund .p-more__box:nth-of-type(3) .img img {
    width: 182.6530612245px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box:nth-of-type(3) .img img {
        width: 25.641025641vw;
    }
}

.p-refund .p-more__box .img {
    width: 310.2040816327px;
    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;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box .img {
        width: 100%;
    }
}

.p-refund .p-more__box .cnt {
    width: calc(100% - 310.2040816327px);
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box .cnt {
        width: 100%;
        margin-top: 3.8461538462vw;
    }
}

.p-refund .p-more__box .cnt .title {
    font-weight: bold;
    color: #1cb3de;
    font-size: 28.0612244898px;
    line-height: 1.4909090909;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box .cnt .title {
        font-size: 4.6153846154vw;
    }
}

.p-refund .p-more__box .cnt .text {
    font-weight: bold;
    color: #1cb3de;
    font-size: 19.387755102px;
    line-height: 1.7894736842;
    letter-spacing: 0.16em;
    margin-top: 1em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box .cnt .text {
        font-size: 3.5897435897vw;
    }
}

.p-refund .p-more__box .cnt .text2 {
    font-weight: bold;
    color: #f3525a;
    font-size: 17.3469387755px;
    line-height: 2;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box .cnt .text2 {
        font-size: 3.3333333333vw;
    }
}

.p-refund .p-more__box .cnt .btn {
    width: 295.9183673469px;
    height: 56.1224489796px;
    margin-top: 33.1632653061px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box .cnt .btn {
        width: 51.2820512821vw;
        height: 10.2564102564vw;
        margin: 5.1282051282vw auto auto;
    }
}

.p-refund .p-more__box .cnt .btn a {
    background-color: #d6f9fc;
    border-radius: 100vh;
    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;
    width: 100%;
    height: 100%;
    color: #1cb3de;
    font-size: 19.387755102px;
    line-height: 1.7894736842;
    letter-spacing: 0.16em;
    font-weight: bold;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media screen and (max-width: 767px) {
    .p-refund .p-more__box .cnt .btn a {
        font-size: 3.5897435897vw;
    }
}

@media print,
screen and (min-width: 768px) {
    .p-refund .p-more__box .cnt .btn a:hover {
        opacity: 0.7;
    }
}

.p-refund .p-notice {
    padding-top: 25.5102040816px;
    padding-bottom: 198.9795918367px;
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice {
        padding-top: 5.1282051282vw;
        padding-bottom: 20.5128205128vw;
    }
}

.p-refund .p-notice__box {
    border-radius: 30.612244898px;
    padding: 33.1632653061px 61.2244897959px;
    background-color: #d6f9fc;
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box {
        border-radius: 5.1282051282vw;
        padding: 5.1282051282vw 5.1282051282vw;
    }
}

.p-refund .p-notice__box-title {
    text-align: center;
    font-weight: bold;
    color: #1cb3de;
    font-size: 28.0612244898px;
    line-height: 1.4909090909;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box-title {
        font-size: 4.6153846154vw;
    }
}

.p-refund .p-notice__box-text {
    text-align: center;
    font-weight: bold;
    color: #1cb3de;
    font-size: 19.387755102px;
    line-height: 1.7894736842;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box-text {
        font-size: 3.5897435897vw;
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box-text li {
        padding-left: 1em;
        text-indent: -1em;
    }
}

.p-refund .p-notice__box-text li:first-of-type {
    margin-top: 1em;
}

.p-refund .p-notice__box-text2 {
    text-align: center;
    font-weight: bold;
    color: #f3525a;
    font-size: 18.3673469388px;
    line-height: 2.0555555556;
    letter-spacing: 0.16em;
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box-text2 {
        font-size: 3.3333333333vw;
        text-align: left;
        padding-left: 1em;
        text-indent: -1em;
    }
}

.p-refund .p-notice__box-btn {
    width: 380.612244898px;
    height: 66.3265306122px;
    margin: 35.7142857143px auto auto;
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box-btn {
        width: 64.1025641026vw;
        height: 11.5384615385vw;
        margin-top: 6.4102564103vw;
    }
}

.p-refund .p-notice__box-btn-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1cb3de;
    font-weight: bold;
    font-size: 20.4081632653px;
    line-height: 1.875;
    letter-spacing: 0.16em;
    border-radius: 100vh;
    background-color: #ffffff;
    -webkit-box-shadow: 0 7.6530612245px 0 #f3f1f1;
    box-shadow: 0 7.6530612245px 0 #f3f1f1;
    -webkit-transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
    transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box-btn-link {
        font-size: 4.1025641026vw;
        -webkit-box-shadow: 0 1.2820512821vw 0 #f3f1f1;
        box-shadow: 0 1.2820512821vw 0 #f3f1f1;
    }
}

@media print,
screen and (min-width: 768px) {
    .p-refund .p-notice__box-btn-link:hover {
        -webkit-transform: translateY(7.6530612245px);
        transform: translateY(7.6530612245px);
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.p-refund .p-notice__box.-soudan {
    margin-top: 35.7142857143px;
    background-color: #1cb3de;
}

@media screen and (max-width: 767px) {
    .p-refund .p-notice__box.-soudan {
        margin-top: 6.4102564103vw;
    }
}

.p-refund .p-notice__box.-soudan .p-notice__box-title {
    color: #ffffff;
    line-height: 1.3636363636;
}

/* トレーナー修正 */
.p-trainer .p-fv {
    height: 370px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv {
        height: auto;
    }
}

.p-trainer .p-fv::after {
    content: "";
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv::after {
        content: none;
    }
}

.p-trainer .p-fv::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 340px 340px 0 0;
    border-color: #46b0e1 transparent transparent transparent;
    left: 0;
}

.p-trainer .p-fv__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv__inner {
        display: block;
        height: auto;
    }
}

.p-trainer .p-fv__cnt {
    width: 50%;
    height: 100%;
    padding: 0 0 0 5%;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv__cnt {
        width: 100%;
        height: auto;
        padding: 6.1538461538vw 5.8974358974vw 5.3846153846vw;
    }
}

.p-trainer .p-fv__cnt-box {
    margin: auto 0 auto auto;
    width: 500px;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-self: center;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv__cnt-box {
        width: 100%;
        height: auto;
        display: block;
    }
}

.p-trainer .p-fv__title {
    font-size: min(4.5vw, 39px);
    line-height: 1.7948717949;
    font-weight: bold;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif !important;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv__title {
        font-size: 6.6666666667vw;
    }
}

.p-trainer .p-fv__title span {
    color: #46b0e1;
    text-shadow: 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff, 0 0 3px #ffffff;
}

.p-trainer .p-fv__img {
    width: 50%;
    position: relative;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv__img {
        width: 100%;
        height: auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .p-trainer .p-fv__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.p-trainer .p-fv__img::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 125px 125px 0 0;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-fv__img::after {
        content: none;
    }
}

.p-trainer .p-stylist {
    padding-top: 60px;
    padding-bottom: 120px;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-stylist {
        padding-top: 6.4102564103vw;
        padding-bottom: 20.5128205128vw;
    }
}

.p-trainer .p-stylist .inner {
    max-width: 1024px;
    padding: 0 12px;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-stylist .inner {
        max-width: 100%;
        padding: 0 2.5641025641vw;
    }
}

.p-trainer .p-stylist__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.p-trainer .p-stylist__item {
    width: 33.33%;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-stylist__item {
        width: 50%;
    }
}

.p-trainer .p-stylist__item-link {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.p-trainer .p-stylist__item-link .img {
    width: 100%;
    padding-top: 66.7%;
    overflow: hidden;
    position: relative;
}

.p-trainer .p-stylist__item-link .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.p-trainer .p-stylist__item-link .cnt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 12px 16px;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-stylist__item-link .cnt {
        padding: 2.5641025641vw 3.3333333333vw;
    }
}

.p-trainer .p-stylist__item-link .cnt .tenpo {
    color: #46b0e1;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    border: 2px solid #46b0e1;
    border-radius: 100vh;
    padding: 0.1em 1em 0;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-stylist__item-link .cnt .tenpo {
        font-size: 1.7948717949vw;
        border-width: 0.2564102564vw;
    }
}

.p-trainer .p-stylist__item-link .cnt .kana {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.4em;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-stylist__item-link .cnt .kana {
        font-size: 1.5384615385vw;
    }
}

.p-trainer .p-stylist__item-link .cnt .name {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .p-trainer .p-stylist__item-link .cnt .name {
        font-size: 2.3076923077vw;
    }
}

@media print,
screen and (min-width: 768px) {
    .p-trainer .p-stylist__item-link:hover {
        opacity: 0.7;
    }
}

.p-trainer-detail {
    padding-top: 40px;
    padding-bottom: 150px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail {
        padding-bottom: 23.0769230769vw;
        padding-top: 6.4102564103vw;
    }

    .p-trainer-detail .inner {
        padding: 0 3.8461538462vw;
    }
}

.p-trainer-detail__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading {
        display: block;
    }
}

.p-trainer-detail__heading .img {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .img {
        width: 92.0512820513vw;
        margin: 5.1282051282vw auto auto;
    }
}

.p-trainer-detail__heading .slider .slide {
    width: 500px;
    height: 333px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .slider .slide {
        width: 92.0512820513vw;
        height: 60.5128205128vw;
    }
}

.p-trainer-detail__heading .slider .slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-trainer-detail__heading .slider .slick-dots {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 7px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .slider .slick-dots {
        margin-top: 3.8461538462vw;
        gap: 1.2820512821vw;
    }
}

.p-trainer-detail__heading .slider .slick-dots li {
    width: 8px;
    height: 8px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .slider .slick-dots li {
        width: 1.2820512821vw;
        height: 1.2820512821vw;
    }
}

.p-trainer-detail__heading .slider .slick-dots li button {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #c9c9c9;
    font-size: 0;
    display: block;
}

.p-trainer-detail__heading .slider .slick-dots li.slick-active button {
    background-color: #46b0e1;
}

.p-trainer-detail__heading .cnt {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .cnt {
        width: 100%;
    }
}

.p-trainer-detail__heading .cnt .status {
    color: #46b0e1;
    font-weight: bold;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .cnt .status {
        font-size: 3.8461538462vw;
    }
}

.p-trainer-detail__heading .cnt .name {
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 0.06em;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .cnt .name {
        font-size: 7.6923076923vw;
        margin-top: 2.5641025641vw;
    }
}

.p-trainer-detail__heading .cnt .kana {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #b9b9b9;
    margin-top: 10px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .cnt .kana {
        font-size: 3.0769230769vw;
        margin-top: 1.7948717949vw;
        margin-bottom: 2.5641025641vw;
    }
}

.p-trainer-detail__heading .cnt .tenpo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .cnt .tenpo-list {
        gap: 2.0512820513vw;
    }
}

.p-trainer-detail__heading .cnt .tenpo-list .tenpo a {
    background-color: #46b0e1;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    border-radius: 100vh;
    padding: 0.3em 1em 0.2em;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__heading .cnt .tenpo-list .tenpo a {
        font-size: 3.3333333333vw;
    }
}

.p-trainer-detail__main {
    border-top: 1px solid #dbdbdb;
    margin-top: 35px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main {
        margin-top: 5.641025641vw;
    }
}

.p-trainer-detail__main .detail-box {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box {
        margin-top: 10.2564102564vw;
    }
}

.p-trainer-detail__main .detail-box__title {
    color: #46b0e1;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box__title {
        font-size: 5.8974358974vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.p-trainer-detail__main .detail-box__title .en {
    font-size: 40px;
    margin-right: 0.5em;
    font-family: Century Gothic;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box__title .en {
        margin-right: 2.5641025641vw;
        font-size: 7.9487179487vw;
        width: 14.1025641026vw;
    }
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box__title .jp {
        line-height: 1.3913043478;
        width: calc(100% - 14.1025641026vw - 2.5641025641vw);
        padding-top: 0.2em;
    }
}

.p-trainer-detail__main .detail-box>p {
    font-size: 18px;
    line-height: 1.6666666667;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box>p {
        font-size: 3.5897435897vw;
        line-height: 1.7142857143;
    }
}

.p-trainer-detail__main .detail-box .list dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box .list dl {
        margin-top: 7.6923076923vw;
        display: block;
    }
}

.p-trainer-detail__main .detail-box .list dl:first-of-type {
    margin-top: 0;
}

.p-trainer-detail__main .detail-box .list dl dt {
    width: 355px;
    font-weight: bold;
    font-size: 22px;
    padding-left: 1.3em;
    position: relative;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box .list dl dt {
        width: 100%;
        font-size: 4.6153846154vw;
    }
}

.p-trainer-detail__main .detail-box .list dl dt::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #46b0e1;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.4em;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box .list dl dt::before {
        width: 3.8461538462vw;
        height: 3.8461538462vw;
        top: 0.2em;
    }
}

.p-trainer-detail__main .detail-box .list dl dd {
    width: calc(100% - 355px);
    font-size: 18px;
    line-height: 1.6666666667;
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box .list dl dd {
        width: 100%;
        font-size: 3.5897435897vw;
        line-height: 1.7142857143;
        margin-top: 3.0769230769vw;
    }
}

@media screen and (max-width: 767px) {
    .p-trainer-detail__main .detail-box.-box10 .detail-box__title .en {
        width: 17.9487179487vw;
    }

    .p-trainer-detail__main .detail-box.-box10 .detail-box__title .jp {
        width: calc(100% - 17.9487179487vw - 2.5641025641vw);
    }
}

/* 店舗修正 */
.p-shop-trainer__area {
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__area {
        margin-top: 7.6923076923vw;
    }
}

.p-shop-trainer__box {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box {
        margin-top: 5.1282051282vw;
        padding-bottom: 5.641025641vw;
    }
}

.p-shop-trainer__box:first-of-type {
    margin-top: 0;
}

.p-shop-trainer__box-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-head {
        margin-bottom: 3.8461538462vw;
    }
}

.p-shop-trainer__box-head .img {
    width: 233px;
    height: 155px;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-head .img {
        width: 45.641025641vw;
        height: 30.5128205128vw;
    }
}

.p-shop-trainer__box-head .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.p-shop-trainer__box-head .cnt {
    width: calc(100% - 233px);
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-head .cnt {
        width: calc(100% - 45.641025641vw);
        padding-left: 3.8461538462vw;
    }
}

.p-shop-trainer__box-head .cnt .status {
    font-weight: bold;
    font-size: 16px;
    color: #46b0e1;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-head .cnt .status {
        font-size: 2.8205128205vw;
    }
}

.p-shop-trainer__box-head .cnt .name {
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.06em;
    margin-top: 12px;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-head .cnt .name {
        font-size: 5.1282051282vw;
        margin-top: 3.3333333333vw;
        margin-bottom: 0.5128205128vw;
    }
}

.p-shop-trainer__box-head .cnt .kana {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.06em;
    color: #b9b9b9;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-head .cnt .kana {
        font-size: 2.8205128205vw;
    }
}

.p-shop-trainer__box-subttl {
    font-weight: bold;
    font-size: 16px;
    position: relative;
    padding-left: 1.5em;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-subttl {
        font-size: 3.5897435897vw;
    }
}

.p-shop-trainer__box-subttl::before {
    content: "";
    width: 17px;
    height: 17px;
    background-color: #46b0e1;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.2em;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-subttl::before {
        width: 4.358974359vw;
        height: 4.358974359vw;
        top: 0.2em;
    }
}

.p-shop-trainer__box-text {
    margin-top: 1em;
    font-size: 14px;
    line-height: 1.7142857143;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-text {
        font-size: 3.0769230769vw;
    }
}

.p-shop-trainer__box-btn {
    width: 165px;
    height: 40px;
    margin: 17px auto auto;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-btn {
        width: 37.9487179487vw;
        height: 9.2307692308vw;
        margin-top: 8.9743589744vw;
    }
}

.p-shop-trainer__box-btn-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 2px solid #46b0e1;
    color: #46b0e1;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media screen and (max-width: 767px) {
    .p-shop-trainer__box-btn-link {
        font-size: 3.5897435897vw;
        border-radius: 2.0512820513vw;
        border-width: 0.5128205128vw;
    }
}

@media print,
screen and (min-width: 768px) {
    .p-shop-trainer__box-btn-link:hover {
        opacity: 0.7;
    }
}

/*コンテンツページ*/
.contents #ez-toc-container a {
    color: #444;
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
    display: contents;
}

.ez-toc-title-container {
    display: table;
    width: 100%;
    background: #cefaff;
    padding: 4px 10px;
    border-radius: 6px;
    margin: 10px 0;
}

div#ez-toc-container ul li {
    font-weight: 700;
    margin: 6px 0;
}

.contents div#ez-toc-container {
    margin-top: 20px;
    padding: 4%;
    background: #fff;
    border: 6px solid #cefaff;
    width: 100%;
    border-radius: 15px;
}

/*トレーナー紹介*/
.p-trainer .p-stylist__item-link .cnt .tenpo {
    color: #fff;
    border: 1px solid #fff;
}

/* area-form */
.page-area-form .js-tab-blk {
    position: relative;
}

.page-area-form .js-tab-blk .js-tab-content .js-tab-box {
    display: none;
}

.page-area-form .js-tab-blk .js-tab-content .js-tab-box.is-show {
    display: block;
}

.page-area-form .area-form-title {
    height: 110px;
    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;
    font-size: 36px;
    font-weight: bold;
    color: #2ba8e8;
    margin-top: -54px;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-title {
        font-size: 22px;
        height: 90px;
        margin-top: -58px;
    }
}

.page-area-form .area-form-title2 {
    background-color: #2ba8e8;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    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;
    text-align: center;
    height: 100px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-title2 {
        font-size: 17px;
        line-height: 1.6470588235;
        height: 90px;
        padding: 0 20px;
    }
}

.page-area-form .area-form-title2::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 14px 0 14px;
    border-color: #2ba8e8 transparent transparent transparent;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-title2::after {
        border-width: 14px 10px 0 10px;
    }
}

.page-area-form .area-form-title2 .inner {
    position: relative;
    height: 100%;
    width: 800px;
    margin: auto;
    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;
}

.page-area-form .area-form-title2 .inner::before {
    content: "";
    display: block;
    width: 103px;
    height: 100%;
    position: absolute;
    /* background-image: url(../img/area-form-img_mv.png); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-title2 .inner::before {
        width: 73px;
        height: 90px;
    }
}

.page-area-form .area-form-main {
    background-color: #f4f4f4;
    position: relative;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-main {
        padding: 0 20px;
    }
}

.page-area-form .area-form-main__container {
    position: absolute;
    visibility: hidden;
    height: 0px;
    width: 0;
    overflow: hidden;
    top: 0px;
    left: 0px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.page-area-form .area-form-main__container.is-active {
    position: static;
    visibility: visible;
    overflow: visible;
    width: auto;
    height: auto;
    -webkit-transform: none;
    transform: none;
}

.page-area-form .area-form-main__container.-pref {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-main__container.-pref {
        padding-top: 90px;
        padding-bottom: 80px;
    }
}

.page-area-form .area-form-main__container.-area {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-main__container.-area {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

.page-area-form .area-form-pref__item {
    width: 385px;
    max-width: 100%;
    height: 90px;
    border-radius: 8px;
    border: 4px solid #2ba8e8;
    background-color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    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: 25px auto auto;
    cursor: pointer;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-pref__item {
        width: 300px;
        height: 70px;
        font-size: 20px;
        margin-top: 20px;
        border-width: 3px;
    }
}

.page-area-form .area-form-pref__item:first-of-type {
    margin-top: 0;
}

@media print,
screen and (min-width: 768px) {
    .page-area-form .area-form-pref__item:hover {
        opacity: 0.7;
    }
}

.page-area-form .area-form-line-btn {
    margin: 75px auto auto;
    width: 487px;
    height: 90px;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-line-btn {
        width: 340px;
        height: 63px;
    }
}

.page-area-form .area-form-line-btn__link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    background-color: #06c755;
    border-radius: 8px;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-line-btn__link {
        font-size: 16px;
    }
}

.page-area-form .area-form-line-btn__link::before {
    content: "";
    background-image: url(../img/area-form-icon_line.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 80px;
    height: 80px;
    display: block;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-line-btn__link::before {
        width: 56px;
        height: 56px;
    }
}

.page-area-form .area-form-line-btn__link::after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    display: block;
    border: 1px solid #ffffff;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 1em;
}

@media print,
screen and (min-width: 768px) {
    .page-area-form .area-form-line-btn__link:hover {
        opacity: 0.7;
    }
}

.page-area-form .area-form-area__heading {
    width: 740px;
    margin: auto auto auto;
    max-width: 100%;
}

.page-area-form .area-form-area__heading-box {
    background-color: #ffffff;
    border-top: 3px solid #2ba8e8;
    padding: 24px 20px 34px;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__heading-box {
        margin-top: 12px;
        padding: 10px 13px 23px;
    }
}

.page-area-form .area-form-area__heading-box:first-of-type {
    margin-top: 0;
}

.page-area-form .area-form-area__title {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__title {
        font-size: 17px;
    }
}

.page-area-form .area-form-area__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__list {
        gap: 10px 5px;
    }
}

.page-area-form .area-form-area__list .item {
    background-color: #ffffff;
    border: 3px solid #2ba8e8;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.7em 1em 0.5em;
    cursor: pointer;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}

@media print,
screen and (min-width: 768px) {
    .page-area-form .area-form-area__list .item:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__list .item {
        font-size: 15px;
        padding: 0.6em 0.9em 0.5em;
    }
}

.page-area-form .area-form-area__list .item.is-active {
    background-color: #2ba8e8;
    color: #ffffff;
}

.page-area-form .area-form-area__content {
    width: 740px;
    margin: 30px auto auto;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content {
        margin-top: 22px;
    }
}

.page-area-form .area-form-area__content-box .area-title {
    background-color: #2ba8e8;
    color: #ffffff;
    height: 80px;
    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;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    margin-bottom: 27px;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content-box .area-title {
        font-size: 18px;
        height: 50px;
        margin-bottom: 20px;
    }
}

.page-area-form .area-form-area__content-box .area-title::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 14px 0 14px;
    border-color: #2ba8e8 transparent transparent transparent;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content-box .area-title::after {
        border-width: 14px 10px 0 10px;
        z-index: 1;
    }
}

.page-area-form .area-form-area__content-box .shop-box {
    margin-top: 10px;
}

.page-area-form .area-form-area__content-box .shop-box__link {
    display: block;
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    background-color: #ffffff;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    padding: 22px 21px 17px;
    position: relative;
}

@media print,
screen and (min-width: 768px) {
    .page-area-form .area-form-area__content-box .shop-box__link:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content-box .shop-box__link {
        padding: 15px 9px 10px;
        border-radius: 6px;
        border-width: 1px;
    }
}

.page-area-form .area-form-area__content-box .shop-box__link::after {
    content: "";
    width: 16px;
    height: 27px;
    background-image: url(../img/area-form-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content-box .shop-box__link::after {
        width: 10px;
        height: 18px;
        right: 10px;
    }
}

.page-area-form .area-form-area__content-box .shop-box__link .shopname {
    color: #0b0b0b;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    padding-left: 24px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content-box .shop-box__link .shopname {
        font-size: 15px;
        padding-left: 14px;
    }
}

.page-area-form .area-form-area__content-box .shop-box__link .shopname::before {
    content: "";
    width: 10px;
    height: 1.7em;
    background-color: #2ba8e8;
    display: block;
    position: absolute;
    left: 0;
    top: -0.2em;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content-box .shop-box__link .shopname::before {
        width: 6px;
    }
}

.page-area-form .area-form-area__content-box .shop-box__link .address {
    margin-top: 1em;
    padding-left: 24px;
    color: #7e7e7e;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form-area__content-box .shop-box__link .address {
        padding-left: 14px;
        font-size: 12px;
        line-height: 1.6666666667;
    }
}

.page-area-form .area-form__back-btn {
    width: 511px;
    height: 90px;
    margin: 60px auto auto;
    max-width: 100%;
    border-radius: 8px;
    border: 2px solid #d9d9d9;
    background-color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    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;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media print,
screen and (min-width: 768px) {
    .page-area-form .area-form__back-btn:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form__back-btn {
        width: 340px;
        height: 60px;
        margin-top: 35px;
        font-size: 16px;
    }
}

.page-area-form .area-form__back-btn::before {
    content: "";
    width: 16px;
    height: 27px;
    background-image: url(../img/area-form-arrow2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-area-form .area-form__back-btn::before {
        width: 10px;
        height: 18px;
        left: 10px;
    }
}

/* inquiry-form */
.page-inquiry-form .js-tab-blk {
    position: relative;
}

.page-inquiry-form .js-tab-blk .js-tab-content .js-tab-box {
    display: none;
}

.page-inquiry-form .js-tab-blk .js-tab-content .js-tab-box.is-show {
    display: block;
}

.page-inquiry-form .inquiry-form-title {
    height: 110px;
    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;
    font-size: 36px;
    font-weight: bold;
    color: #2ba8e8;
    margin-top: -54px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-title {
        font-size: 22px;
        height: 90px;
        margin-top: -58px;
    }
}

.page-inquiry-form .inquiry-form-title2 {
    background-color: #2ba8e8;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    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;
    text-align: center;
    height: 100px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-title2 {
        font-size: 17px;
        line-height: 1.6470588235;
        height: 90px;
        padding: 0 20px;
    }
}

.page-inquiry-form .inquiry-form-title2::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 14px 0 14px;
    border-color: #2ba8e8 transparent transparent transparent;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-title2::after {
        border-width: 14px 10px 0 10px;
    }
}

.page-inquiry-form .inquiry-form-title2 .inner {
    position: relative;
    height: 100%;
    width: 800px;
    margin: auto;
    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;
}

.page-inquiry-form .inquiry-form-title2 .inner .img {
    width: 99px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-title2 .inner .img {
        width: 70px;
    }
}

.page-inquiry-form .inquiry-form-main {
    background-color: #f4f4f4;
    position: relative;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-main {
        padding: 0 0 55px;
    }
}

@media print,
screen and (min-width: 768px) {
    .page-inquiry-form .inquiry-form-main__container {
        position: absolute;
        visibility: hidden;
        height: 0;
        width: 0;
        overflow: hidden;
        top: 0px;
        left: 0px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
    }

    .page-inquiry-form .inquiry-form-main__container.is-active {
        position: static;
        visibility: visible;
        overflow: visible;
        width: auto;
        height: auto;
        -webkit-transform: none;
        transform: none;
    }

    .page-inquiry-form .inquiry-form-main__container.is-active .inquiry-form-linebtn {
        -webkit-animation: linebtn 0.3s forwards;
        animation: linebtn 0.3s forwards;
    }
}

@media print,
screen and (min-width: 768px) {
    .page-inquiry-form .inquiry-form-main__container-title2 {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-main__container-title2 {
        margin-top: 20px;
        width: 100%;
        height: 38px;
        background-color: #2ba8e8;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .page-inquiry-form .inquiry-form-main__container-title2::after {
        content: "";
        position: absolute;
        display: block;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%) translateY(100%);
        transform: translateX(-50%) translateY(100%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 9px 0 9px;
        border-color: #2ba8e8 transparent transparent transparent;
        z-index: 1;
    }
}

.page-inquiry-form .inquiry-form-inner {
    width: 800px;
    max-width: 100%;
    background-color: #ffffff;
    margin: auto auto auto;
    padding: 60px 30px 60px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-inner {
        background-color: transparent;
        padding: 35px 20px 0;
    }
}

.page-inquiry-form .inquiry-form-linebtn {
    width: 740px;
    max-width: 100%;
    height: 105px;
    margin: auto auto 50px;
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-linebtn {
        width: 340px;
        height: 70px;
        margin-bottom: 35px;
        opacity: 1;
    }
}

.page-inquiry-form .inquiry-form-linebtn__link {
    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;
    background-color: #06c755;
    border-radius: 8px;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-linebtn__link {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media print,
screen and (min-width: 768px) {
    .page-inquiry-form .inquiry-form-linebtn__link:hover {
        opacity: 0.7;
    }
}

.page-inquiry-form .inquiry-form-linebtn__link::before,
.page-inquiry-form .inquiry-form-linebtn__link::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.page-inquiry-form .inquiry-form-linebtn__link::before {
    background-image: url(../img/inquiry-form-img_line2.svg);
    width: 88px;
    height: 88px;
    margin-right: 2.5em;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-linebtn__link::before {
        width: 58px;
        height: 58px;
        margin-right: 1.5em;
    }
}

.page-inquiry-form .inquiry-form-linebtn__link::after {
    /* background-image: url(../img/inquiry-form-img_line.png); */
    width: 79px;
    height: 105px;
    margin-left: 2.5em;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-linebtn__link::after {
        width: 53px;
        height: 70px;
        margin-left: 1.5em;
    }
}

@-webkit-keyframes linebtn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes linebtn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.page-inquiry-form .inquiry-form-table dt {
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-table dt {
        width: 130px;
        font-size: 16px;
        line-height: 1.25;
    }
}

.page-inquiry-form .inquiry-form-table dt .hissu {
    width: 55px;
    height: 30px;
    border: 2px solid #fe353b;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1em;
    color: #fe353b;
    padding-top: 0.1em;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-table dt .hissu {
        width: 36px;
        height: 20px;
        font-size: 12px;
        margin-right: 0.6em;
    }
}

.page-inquiry-form .inquiry-form-table dt .hissu.-nini {
    border-color: #2ba8e8;
    color: #2ba8e8;
}

.page-inquiry-form .inquiry-form-table dd {
    font-size: 22px;
    font-weight: bold;
    width: calc(100% - 250px);
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-table dd {
        width: calc(100% - 130px);
        font-size: 16px;
    }
}

.page-inquiry-form .inquiry-form-table input[type="text"],
.page-inquiry-form .inquiry-form-table input[type="email"],
.page-inquiry-form .inquiry-form-table input[type="tel"],
.page-inquiry-form .inquiry-form-table select,
.page-inquiry-form .inquiry-form-table textarea {
    background-color: #ffffff;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    border: 2px solid #d9d9d9;
    border-radius: 8px;
    padding: 20px 34px;
}

@media screen and (max-width: 767px) {

    .page-inquiry-form .inquiry-form-table input[type="text"],
    .page-inquiry-form .inquiry-form-table input[type="email"],
    .page-inquiry-form .inquiry-form-table input[type="tel"],
    .page-inquiry-form .inquiry-form-table select,
    .page-inquiry-form .inquiry-form-table textarea {
        padding: 14px 22px;
        font-size: 16px;
    }
}

.page-inquiry-form .inquiry-form-table input[type="text"]::-webkit-input-placeholder,
.page-inquiry-form .inquiry-form-table input[type="email"]::-webkit-input-placeholder,
.page-inquiry-form .inquiry-form-table input[type="tel"]::-webkit-input-placeholder,
.page-inquiry-form .inquiry-form-table select::-webkit-input-placeholder,
.page-inquiry-form .inquiry-form-table textarea::-webkit-input-placeholder {
    color: #d9d9d9;
}

.page-inquiry-form .inquiry-form-table input[type="text"]::-moz-placeholder,
.page-inquiry-form .inquiry-form-table input[type="email"]::-moz-placeholder,
.page-inquiry-form .inquiry-form-table input[type="tel"]::-moz-placeholder,
.page-inquiry-form .inquiry-form-table select::-moz-placeholder,
.page-inquiry-form .inquiry-form-table textarea::-moz-placeholder {
    color: #d9d9d9;
}

.page-inquiry-form .inquiry-form-table input[type="text"]:-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table input[type="email"]:-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table input[type="tel"]:-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table select:-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table textarea:-ms-input-placeholder {
    color: #d9d9d9;
}

.page-inquiry-form .inquiry-form-table input[type="text"]::-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table input[type="email"]::-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table input[type="tel"]::-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table select::-ms-input-placeholder,
.page-inquiry-form .inquiry-form-table textarea::-ms-input-placeholder {
    color: #d9d9d9;
}

.page-inquiry-form .inquiry-form-table input[type="text"]::placeholder,
.page-inquiry-form .inquiry-form-table input[type="email"]::placeholder,
.page-inquiry-form .inquiry-form-table input[type="tel"]::placeholder,
.page-inquiry-form .inquiry-form-table select::placeholder,
.page-inquiry-form .inquiry-form-table textarea::placeholder {
    color: #d9d9d9;
}

.page-inquiry-form .inquiry-form-table input[type="text"]:focus-visible,
.page-inquiry-form .inquiry-form-table input[type="email"]:focus-visible,
.page-inquiry-form .inquiry-form-table input[type="tel"]:focus-visible,
.page-inquiry-form .inquiry-form-table select:focus-visible,
.page-inquiry-form .inquiry-form-table textarea:focus-visible {
    outline: none;
}

.page-inquiry-form .inquiry-form-table .date-box {
    position: relative;
}

.page-inquiry-form .inquiry-form-table .date-box .ui-datepicker-trigger {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.page-inquiry-form .inquiry-form-table .date-box .ui-datepicker-trigger img {
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 52px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-table .date-box .ui-datepicker-trigger img {
        width: 32px;
        right: 7px;
    }
}

.page-inquiry-form .inquiry-form-table .date-box input[type="text"].hasDatepicker::-webkit-input-placeholder {
    color: #000000;
}

.page-inquiry-form .inquiry-form-table .date-box input[type="text"].hasDatepicker::-moz-placeholder {
    color: #000000;
}

.page-inquiry-form .inquiry-form-table .date-box input[type="text"].hasDatepicker:-ms-input-placeholder {
    color: #000000;
}

.page-inquiry-form .inquiry-form-table .date-box input[type="text"].hasDatepicker::-ms-input-placeholder {
    color: #000000;
}

.page-inquiry-form .inquiry-form-table .date-box input[type="text"].hasDatepicker::placeholder {
    color: #000000;
}

.page-inquiry-form .inquiry-form-table select {
    background-image: url(../img/inquiry-form-arrow-dwn.svg);
    background-repeat: no-repeat;
    background-position: center right 30px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-table select {
        background-position: center right 14px;
        background-size: 17px;
    }
}

.page-inquiry-form .inquiry-form-table textarea {
    height: 160px;
    resize: vertical;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-table textarea {
        height: 150px;
    }
}

.page-inquiry-form .inquiry-form-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-box {
        margin-top: 20px;
    }
}

.page-inquiry-form .inquiry-form-box:first-of-type {
    margin-top: 0;
}

.page-inquiry-form .inquiry-form-box.-textarea {
    display: block;
}

.page-inquiry-form .inquiry-form-box.-textarea dt,
.page-inquiry-form .inquiry-form-box.-textarea dd {
    width: 100%;
}

.page-inquiry-form .inquiry-form-box.-textarea dt {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-box.-textarea dt {
        margin-bottom: 15px;
    }
}

.page-inquiry-form .inquiry-form-more-btn {
    display: none;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-more-btn {
        display: block;
        width: 200px;
        height: 32px;
        border-radius: 16px;
        background-color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        color: #2ba8e8;
        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: 25px auto auto;
    }

    .page-inquiry-form .inquiry-form-more-btn .plus {
        font-size: 120%;
        font-weight: bold;
    }
}

.page-inquiry-form .inquiry-form-more-contents {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-more-contents {
        display: none;
    }
}

.page-inquiry-form .inquiry-form-btnarea {
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-btnarea {
        margin-top: 45px;
    }
}

.page-inquiry-form .inquiry-form-btn {
    display: block;
    width: 511px;
    height: 105px;
    margin: auto auto auto;
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-btn {
        width: 340px;
        height: 70px;
    }
}

.page-inquiry-form .inquiry-form-btn .inn {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 2px solid #2ba8e8;
    background-color: #2ba8e8;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    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;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-btn .inn {
        font-size: 20px;
    }
}

@media print,
screen and (min-width: 768px) {
    .page-inquiry-form .inquiry-form-btn .inn:hover {
        opacity: 0.7;
    }
}

.page-inquiry-form .inquiry-form-btn .inn::after {
    content: "";
    width: 16px;
    height: 27px;
    background-image: url(../img/inquiry-form-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 21px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-btn .inn::after {
        width: 10px;
        height: 18px;
        right: 10px;
    }
}

.page-inquiry-form .inquiry-form-btn.-back {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-btn.-back {
        margin-top: 20px;
    }

    .page-inquiry-form .inquiry-form-btn.-back.pc {
        display: none;
    }
}

.page-inquiry-form .inquiry-form-btn.-back .inn {
    border-color: #d9d9d9;
    background-color: #ffffff;
    color: #000;
}

.page-inquiry-form .inquiry-form-btn.-back .inn::after {
    background-image: url(../img/inquiry-form-arrow2.svg);
    left: 21px;
    right: auto;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-btn.-back .inn::after {
        left: 10px;
    }
}

/* inquiry-form */
.page-inquiry-form .inquiry-form-title {
    height: 90px;
    font-size: 28px;
    margin-top: -50px;
}

.page-inquiry-form .inquiry-form-title2 {
    height: 80px;
}

.page-inquiry-form .inquiry-form-linebtn__link {
    font-size: 20px;
    letter-spacing: 1px;
}

.page-inquiry-form .inquiry-form-linebtn__link::before {
    width: 74px;
    height: 74px;
    margin-right: 2.5em;
}

.page-inquiry-form .inquiry-form-inner {
    width: 680px;
}

.page-inquiry-form .inquiry-form-table dt .hissu {
    height: 28px;
    font-size: 14px;
}

.page-inquiry-form .inquiry-form-table dt {
    font-size: 18px;
}

.page-inquiry-form .inquiry-form-table input[type="text"],
.page-inquiry-form .inquiry-form-table input[type="email"],
.page-inquiry-form .inquiry-form-table input[type="tel"],
.page-inquiry-form .inquiry-form-table select,
.page-inquiry-form .inquiry-form-table textarea {
    font-size: 18px;
    padding: 14px 20px;
}

.page-inquiry-form .inquiry-form-table .wpcf7-radio {
    font-size: 18px;
}

.page-inquiry-form .inquiry-form-btn {
    width: 350px;
    height: 66px;
}

.page-inquiry-form .inquiry-form-btn .inn {
    font-size: 18px;
}

.page-inquiry-form .inquiry-form-btn.js-next-btn.is_valid_btn {
    pointer-events: none;
    opacity: 0.5;
}

.page-inquiry-form .inquiry-form-btn.js-next-btn.is_valid_btn.active {
    pointer-events: inherit;
    opacity: 1;
}

.page-inquiry-form .inquiry-form-linebtn__link {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .page-inquiry-form .inquiry-form-title {
        font-size: 20px;
        height: 76px;
        margin-top: -60px;
    }

    .page-inquiry-form .inquiry-form-title2 {
        font-size: 16px;
        height: 74px;
    }

    .page-inquiry-form .inquiry-form-linebtn__link {
        font-size: 14px;
    }

    .page-inquiry-form .inquiry-form-linebtn__link::before {
        width: 48px;
        height: 48px;
    }

    .page-inquiry-form .inquiry-form-table dt {
        font-size: 14px;
    }

    .page-inquiry-form .inquiry-form-table input[type="text"],
    .page-inquiry-form .inquiry-form-table input[type="email"],
    .page-inquiry-form .inquiry-form-table input[type="tel"],
    .page-inquiry-form .inquiry-form-table select,
    .page-inquiry-form .inquiry-form-table textarea {
        padding: 12px 16px;
        font-size: 14px;
    }

    .page-inquiry-form .inquiry-form-table .wpcf7-radio {
        font-size: 14px;
    }

    .page-inquiry-form .inquiry-form-btn {
        width: 300px;
        height: 60px;
    }

    .page-inquiry-form .inquiry-form-btn .inn {
        font-size: 16px;
    }

    .page-inquiry-form .inquiry-form-main__container-title2 {
        font-size: 14px;
    }

    .page-area-form .area-form-area__content-box .shop-box__link .address {
        padding-right: 14px;
    }
}

/*---- inquiry-form , area-form ヘッダーとフッター非表示　----------*/
.page-form .header .box .list,
.page-form .header .box .btn {
    display: none;
}

.page-form .header .news {
    display: none;
}

.page-form .footer {
    padding: 24px 0;
}

.page-form .footer .inner {
    display: none;
}

.page-form .footer .copyright {
    border: none;
}

/*---- カスタム投稿LP ----------*/
.add-lp-2024 {
    padding-bottom: 64px;
}

.add-lp-2024 .ta_c {
    text-align: center;
}

.add-lp-2024.contents {
    padding-top: 102px !important;
}

@media screen and (max-width: 767px) {
    .add-lp-2024.contents {
        max-width: inherit !important;
        padding-top: 16.1538461538vw !important;
    }
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fixed-header {
        max-width: inherit !important;
        right: auto !important;
        left: auto !important;
    }
}

.add-lp-2024 .fixed-header .inner {
    background: #e7fdff;
    height: 102px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fixed-header .inner {
        height: 16.1538461538vw;
    }
}

.add-lp-2024 .fixed-header .logo {
    position: relative;
    background: #fff;
    box-shadow: 0px 5px 10px 0px rgba(38, 188, 210, 0.5);
    width: 108px;
    height: 108px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 6px;
}

.add-lp-2024 .fixed-header .logo img {
    width: 58.8px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fixed-header .logo {
        width: 17.4358974359vw;
        height: 17.4358974359vw;
        top: 2.0512820513vw;
        margin-left: 2.0512820513vw !important;
    }

    .add-lp-2024 .fixed-header .logo img {
        width: 9.7435897436vw;
    }
}

.add-lp-2024 .fixed-header .inner {
    max-width: 600px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fixed-header .inner {
        max-width: inherit;
    }
}

.add-lp-2024 .fixed-header .btn {
    width: 282px;
    gap: 0 13.8px;
}

.add-lp-2024 .fixed-header .btn a {
    width: 132px;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fixed-header .btn {
        width: 44.1025641026vw;
        gap: 0 2.0512820513vw;
    }

    .add-lp-2024 .fixed-header .btn a {
        width: 21.0256410256vw;
    }
}

.add-lp-2024 .fv .inner {
    position: relative;
    max-width: 600px;
    padding: 0 21px 26.4px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .inner {
        max-width: inherit;
        padding: 0 3.8461538462vw 4.358974359vw;
    }
}

.add-lp-2024 .fv-shopname {
    padding: 22.2px 0;
    display: flex;
    align-items: center;
}

.add-lp-2024 .fv-shopname {
    padding: 2.5641025641vw;
}

.fv-txt {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-shopname {
        padding: 2.5641025641vw;
    }
}

.add-lp-2024 .fv .shop-link {
    background: #1cb3de;
    padding: 4.8px 27px 3.6px;
    border-radius: 10px;
    text-align: center;
    margin-right: 21px;
}

.add-lp-2024 .fv .shop-link a {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .shop-link {
        padding: 3vw 1.2vw;
        margin-right: 3.5897435897vw;
        border-radius: 8px;
    }

    .add-lp-2024 .fv .shop-link a {
        font-size: 4vw;
    }
}

.add-lp-2024 .fv .map-info a {
    position: relative;
    color: #1cb3de;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-decoration: underline;
    padding-left: 1.8em;
    flex: 1;
}

.add-lp-2024 .fv .map-info a::before {
    position: absolute;
    content: "";
    background: url(../img/lp/icn_map.png) no-repeat center center/cover;
    width: 27.6px;
    height: 37.2px;
    top: -0.5em;
    left: 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .map-info a {
        font-size: 3.7948717949vw;
        padding-left: 1.8em;
    }

    .add-lp-2024 .fv .map-info a::before {
        width: 4.4871794872vw;
        height: 6.1025641026vw;
    }
}

.add-lp-2024 .fv-footinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22.2px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-footinfo {
        margin-top: 3.3333333333vw;
    }
}

.add-lp-2024 .fv .btn-moneyback {
    width: 354px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .btn-moneyback {
        width: 57.6923076923vw;
        height: auto;
    }
}

.add-lp-2024 .fv .label {
    width: 180px;
    height: 168px;
    background: #4a97ff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .label {
        width: 29.4871794872vw;
        height: 26.9230769231vw;
        border-radius: 8px;
    }
}

.add-lp-2024 .fv .label-num {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.add-lp-2024 .fv .label .time,
.add-lp-2024 .fv .label .num,
.add-lp-2024 .fv .label .txt {
    color: #fff;
    font-weight: 700;
}

.add-lp-2024 .fv .label .time {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 6px;
}

.add-lp-2024 .fv .label .time .min {
    font-size: 20.4px;
}

.add-lp-2024 .fv .label .time .area {
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .label .time {
        margin-bottom: 1.2820512821vw;
    }

    .add-lp-2024 .fv .label .time .min {
        font-size: 3.2692307692vw;
    }

    .add-lp-2024 .fv .label .time .area {
        font-size: 3.8461538462vw;
    }
}

.add-lp-2024 .fv .label .num {
    font-size: 72px;
    letter-spacing: -0.02em;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .label .num {
        font-size: 11.5384615385vw;
    }
}

.add-lp-2024 .fv .label .txt {
    font-size: 21px;
    letter-spacing: 0.5em;
    writing-mode: vertical-rl;
    padding-bottom: 3.6px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv .label .txt {
        font-size: 3.0769230769vw;
        padding-top: 0.5em;
    }
}

.add-lp-2024 .fv-newopen {
    background: #ff565e;
    text-align: center;
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 7px 0 3px;
    margin: 9.6px auto 0 auto;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-newopen {
        font-size: 6.1538461538vw;
    }
}

.add-lp-2024 .fv-coupon {
    background: url(../img/lp/bg_fv_coupon.png) no-repeat top center/cover;
    padding: 28.8px 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon {
        padding: 4.1025641026vw 0;
    }
}

.add-lp-2024 .fv-coupon dt {
    color: #fdff72;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.06;
    letter-spacing: 0.1em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon dt {
        font-size: 5vw;
        margin-bottom: 3px;
    }
}

.add-lp-2024 .fv-coupon dd * {
    text-align: center;
    font-weight: 700;
}

.add-lp-2024 .fv-coupon .txt {
    color: #fff;
    font-size: 19.2px;
    line-height: 1.65625;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon .txt {
        font-size: 3.1794871795vw;
    }
}

.add-lp-2024 .fv-coupon .price {
    color: #fdff72;
    line-height: 1;
    margin-left: 72px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon .price {
        margin-left: 10.2564102564vw;
    }
}

.add-lp-2024 .fv-coupon .price .yen {
    font-size: 48px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon .price .yen {
        font-size: 8vw;
    }
}

.add-lp-2024 .fv-coupon .price .num {
    font-size: 72px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon .price .num {
        font-size: 12vw;
    }
}

.add-lp-2024 .fv-coupon .price .off {
    font-size: 48px;
    color: #fff;
    padding-left: 22.2px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon .price .off {
        font-size: 8vw;
        padding-left: 3.8461538462vw;
    }
}

.add-lp-2024 .fv-coupon .btn a {
    display: block;
    background: #fff;
    width: 252px;
    height: 36px;
    border-radius: 9999px;
    color: #43bdcb;
    line-height: 37.2px;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.02em;
    margin: 10.8px auto 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-coupon .btn a {
        width: 42.8205128205vw;
        height: 6.9230769231vw;
        font-size: 4vw;
        line-height: 7.4358974359vw;
        margin: 1.2820512821vw auto 0;
    }
}

.add-lp-2024 .fv-banner {
    padding: 24px 21px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .fv-banner {
        padding: 3.8461538462vw 3.8461538462vw;
    }
}

.add-lp-2024 .section.section01 {
    padding: 16.8px 0 30px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 {
        padding: 3.0769230769vw 0 16.8px;
    }
}

.add-lp-2024 .section.section01 .inner {
    overflow: hidden;
}

.add-lp-2024 .section.section01 .sec-ttl {
    font-size: 40.8px;
    letter-spacing: 0.1em;
    color: #26bcd2;
    font-weight: 700;
    text-align: center;
    margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 .sec-ttl {
        font-size: 6.6666666667vw;
        margin-bottom: 5.1282051282vw;
    }
}

.add-lp-2024 .section.section01 .shop-list {
    padding: 0 12px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 .shop-list {
        padding: 0 2.5641025641vw;
    }
}

.add-lp-2024 .section.section01 .shop-list .slick-list {
    overflow: visible;
}

.add-lp-2024 .section.section01 .shop-list-inner {
    max-width: 262.8px;
    margin-right: 10px;
    margin-left: 10px;
}

.add-lp-2024 .section.section01 .shop-list-inner a {
    display: block;
}

.add-lp-2024 .section.section01 .shop-list-inner .img {
    aspect-ratio: 438/292;
}

.add-lp-2024 .section.section01 .shop-list-inner .img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 .shop-list-inner {
        max-width: 42.3076923077vw;
        margin-right: 5px;
        margin-left: 5px;
    }

    .add-lp-2024 .section.section01 .shop-list-inner .img img {
        border-radius: 8px;
    }
}

.add-lp-2024 .section.section01 .shop-info {
    background: #cbfdfc;
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 9px 12px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 .shop-info {
        border-radius: 8px;
        padding: calcvwc(2) 2.0512820513vw;
        margin-top: 2.0512820513vw;
    }
}

.add-lp-2024 .section.section01 .shop-info * {
    position: relative;
    color: #26bcd2;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.add-lp-2024 .section.section01 .shop-info .name {
    font-size: 22.8px;
}

.add-lp-2024 .section.section01 .shop-info .name span {
    position: relative;
}

.add-lp-2024 .section.section01 .shop-info .name span::before {
    position: absolute;
    content: "";
    background: url(../img/lp/icn_outerlink.png) no-repeat center center/cover;
    width: 21.6px;
    height: 21.6px;
    right: -30px;
    top: 0.1em;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 .shop-info .name {
        font-size: 3.7948717949vw;
    }

    .add-lp-2024 .section.section01 .shop-info .name span::before {
        width: 3.5897435897vw;
        height: 3.5897435897vw;
        right: -5.3846153846vw;
    }
}

.add-lp-2024 .section.section01 .shop-info .time {
    font-size: 16.8px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 .shop-info .time {
        font-size: 2.8205128205vw;
    }
}

.add-lp-2024 .section.section01 .shop-list-btn {
    margin-top: 32.4px;
}

.add-lp-2024 .section.section01 .shop-list-btn a {
    display: block;
    background: #fff;
    border-radius: 9999px;
    border: 7px solid #1cb3de;
    margin: 0 auto;
    width: 384px;
    height: 84px;
    line-height: 72px;
    text-align: center;
    font-size: 28.8px;
    color: #1cb3de !important;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section01 .shop-list-btn {
        margin-top: 5.1282051282vw;
    }

    .add-lp-2024 .section.section01 .shop-list-btn a {
        border: 4px solid #1cb3de;
        width: 61.5384615385vw;
        height: 13.3333333333vw;
        line-height: 12.0512820513vw;
        font-size: 4.7948717949vw;
    }
}

.add-lp-2024 .section.section02 {
    padding: 21.6px 0 54.6px;
    background: #cbfdfc;
}

.add-lp-2024 .section.section02 .inner {
    position: relative;
    padding: 0 22.2px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 {
        padding: 3.3333333333vw 0 8.9743589744vw;
    }

    .add-lp-2024 .section.section02 .inner {
        padding: 0 3.8461538462vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-ttl {
    background: #fff;
    width: 100%;
    border-radius: 15px;
    padding: 18px 6px;
    color: #26bcd2;
    font-size: 40.8px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 21px;
}

.add-lp-2024 .section.section02 .shop-detail-ttl.-sm {
    font-size: 36px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-ttl {
        border-radius: 10px;
        padding: 3.5897435897vw 1.2820512821vw 3.0769230769vw;
        font-size: 6.5384615385vw;
        margin-bottom: 3.8461538462vw;
    }

    .add-lp-2024 .section.section02 .shop-detail-ttl.-sm {
        font-size: 5.7692307692vw;
        padding: 3.8461538462vw 1.2820512821vw 3.3333333333vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-info {
    background: #fff;
    padding: 24px 24px;
    border-radius: 15px;
    display: flex;
}

.add-lp-2024 .section.section02 .shop-detail-info+.shop-detail-info {
    margin-top: 9px;
}

.add-lp-2024 .section.section02 .shop-detail-info dt,
.add-lp-2024 .section.section02 .shop-detail-info dd {
    font-size: 24px;
    color: #26bcd2;
    letter-spacing: 0.01em;
    font-weight: 700;
}

.add-lp-2024 .section.section02 .shop-detail-info dt {
    width: 126px;
    padding-right: 24px;
    text-align: center;
}

.add-lp-2024 .section.section02 .shop-detail-info dd {
    flex: 1;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-info {
        padding: 3.8461538462vw 2.5641025641vw 3.3333333333vw;
        border-radius: 10px;
    }

    .add-lp-2024 .section.section02 .shop-detail-info+.shop-detail-info {
        margin-top: 1.2820512821vw;
    }

    .add-lp-2024 .section.section02 .shop-detail-info dt,
    .add-lp-2024 .section.section02 .shop-detail-info dd {
        font-size: 4vw;
    }

    .add-lp-2024 .section.section02 .shop-detail-info dt {
        width: 21.0256410256vw;
        padding-right: 2.5641025641vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-map {
    padding: 31.2px 0 58.8px;
}

.add-lp-2024 .section.section02 .shop-detail-map iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 928/493;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-map {
        padding: 5.641025641vw 0 9.7435897436vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-photo {
    margin-bottom: 22.8px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-photo {
        margin-bottom: 3.5897435897vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item img,
.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item .slick-slide,
.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .slick-slide {
    margin: 0 auto;
    padding: 0 4px;
}

@media screen and (max-width: 767px) {

    .add-lp-2024 .section.section02 .shop-detail-photo .thumb-item .slick-slide,
    .add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .slick-slide {
        padding: 0 2px;
    }
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item .slick-slide:focus,
.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .slick-slide:focus {
    outline: none;
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item .slick-slide {
    width: 100%;
    max-width: 555px;
    height: auto;
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item .slick-slide img {
    aspect-ratio: 925/620;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-photo .thumb-item .slick-slide {
        max-width: 96.1538461538vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav {
    margin-top: 12px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav {
        margin-top: 1.5384615385vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .detail-item {
    cursor: pointer;
    transition: opacity 0.3s;
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .detail-item:hover {
    opacity: 0.7;
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .slick-slide {
    width: 133.8px;
    height: 88.8px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .slick-slide {
        width: 21.7948717949vw;
        height: 14.358974359vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-photo .thumb-item-nav .slick-track>.detail-item:nth-child(1):nth-last-child(1) {
    display: none;
}

.add-lp-2024 .section.section02 .shop-detail-trainer {
    background: #fff;
    border-radius: 15px;
    padding: 27px 20.4px 36px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-trainer {
        border-radius: 10px;
        padding: 4.1025641026vw 3.3333333333vw 5.8974358974vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head {
    display: flex;
    align-items: center;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head .img {
    width: 258px;
    height: auto;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-trainer-head .img {
        width: 42.0512820513vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head .img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt {
    padding-left: 21px;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt * {
    font-weight: 700;
    letter-spacing: 0.01em;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt .status {
    color: #46b0e1;
    font-size: 16.8px;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt .name {
    font-size: 28.8px;
    margin-top: 15.6px;
    color: #221e3f;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt .kana {
    color: #b9b9b9;
    font-size: 16.8px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt {
        padding-left: 3.5897435897vw;
    }

    .add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt .status {
        font-size: 2.8205128205vw;
    }

    .add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt .name {
        font-size: 5.641025641vw;
        margin-top: 2.0512820513vw;
    }

    .add-lp-2024 .section.section02 .shop-detail-trainer-head .cnt .kana {
        font-size: 2.8205128205vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-trainer-txt .sub-ttl {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #221e3f;
    padding-left: 1.8em;
    margin: 21.6px auto 18px;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-txt .sub-ttl::before {
    content: "";
    width: 22.8px;
    height: 22.8px;
    background-color: #46b0e1;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0.05em;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-trainer-txt .sub-ttl {
        font-size: 3.5897435897vw;
        margin: 3.0769230769vw auto 3.8461538462vw;
    }

    .add-lp-2024 .section.section02 .shop-detail-trainer-txt .sub-ttl::before {
        width: 4.1025641026vw;
        height: 4.1025641026vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-trainer-txt>p {
    font-size: 16.8px;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-trainer-txt>p {
        font-size: 3.0769230769vw;
    }
}

.add-lp-2024 .section.section02 .shop-detail-trainer-link {
    margin: 43.2px auto 0;
}

.add-lp-2024 .section.section02 .shop-detail-trainer-link a {
    display: block;
    background: #fff;
    width: 216px;
    height: 51.6px;
    line-height: 48px;
    border-radius: 15px;
    border: 3px solid #46b0e1;
    color: #46b0e1;
    font-size: 19.2px;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section02 .shop-detail-trainer-link {
        margin: 6.6666666667vw auto 0;
    }

    .add-lp-2024 .section.section02 .shop-detail-trainer-link a {
        width: 36.4102564103vw;
        height: 8.9743589744vw;
        line-height: 8.2051282051vw;
        border-radius: 8px;
        font-size: 3.8461538462vw;
        border-width: 2px;
    }
}

.add-lp-2024 .price-pos {
    position: relative;
}

.add-lp-2024 .price-pos p {
    position: absolute;
    top: -20px;
}

.add-lp-2024 .section.section03 {
    padding: 18px 0 49.2px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 {
        padding: 2.8205128205vw 0 7.6923076923vw;
    }
}

.add-lp-2024 .section.section03 .inner {
    position: relative;
    padding: 0 22.8px;
}

.add-lp-2024 .section.section03 .inner::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 582px;
    height: 80px;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .inner {
        padding: 0 3.8461538462vw;
    }

    .add-lp-2024 .section.section03 .inner::before {
        width: 97.4358974359vw;
        height: 12.8205128205vw;
        top: -1.7948717949vw;
    }
}

.add-lp-2024 .section.section03 .plan-btn {
    position: relative;
    max-width: 100%;
    margin: -25px auto 60px;
    display: flex;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .plan-btn {
        margin: -3.3333333333vw auto 9.7435897436vw;
        padding-top: 2px;
    }
}

.add-lp-2024 .section.section03 .plan-btn .plan {
    cursor: pointer;
    width: 50%;
    color: #2ba8e8;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.06em;
    background-color: #f4f4f4;
    padding: 16.8px 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .plan-btn .plan {
        font-size: min(16px, 4.1025641026vw);
        padding: 2.8205128205vw 0 2.0512820513vw;
    }
}

.add-lp-2024 .section.section03 .plan-btn .plan.active {
    cursor: auto;
    position: relative;
    color: #fff;
    background-color: #2ba8e8;
}

.add-lp-2024 .section.section03 .plan-btn .plan.active::after {
    content: "";
    width: 15px;
    height: 11px;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    translate: -50% 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #2ba8e8;
}

.add-lp-2024 .section.section03 .panel {
    display: none;
}

@media print,
screen and (min-width: 768px) {
    .add-lp-2024 .section.section03 .panel .pc {
        display: block;
    }

    .add-lp-2024 .section.section03 .panel .sp {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .pc {
        display: none;
    }

    .add-lp-2024 .section.section03 .panel .sp {
        display: block;
    }
}

.add-lp-2024 .section.section03 .panel.show {
    display: block;
}

.add-lp-2024 .section.section03 .panel .txt {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .txt {
        font-size: 14px;
        line-height: 2;
        white-space: nowrap;
    }
}

.add-lp-2024 .section.section03 .panel .btn {
    max-width: 392px;
    margin: 35px auto 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .btn {
        margin-top: 30px;
    }
}

.add-lp-2024 .section.section03 .panel .btn a {
    height: 58px;
    border: 2px solid #2ba8e8;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2ba8e8;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.06em;
    background-color: #fff;
    transition: opacity 0.3s;
}

.add-lp-2024 .section.section03 .panel .btn a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .btn a {
        height: min(58px, 14.8717948718vw);
        font-size: min(20px, 5.1282051282vw);
    }
}

.add-lp-2024 .section.section03 .panel .btn a .icon {
    width: 39px;
    aspect-ratio: 1/1;
    margin-right: 14px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .btn a .icon {
        width: min(39px, 10vw);
    }
}

.add-lp-2024 .section.section03 .panel .list {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .list {
        margin-top: 31px;
        flex-direction: column;
        gap: 15px;
    }
}

.add-lp-2024 .section.section03 .panel .item .ttl {
    margin-top: 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 33px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    letter-spacing: 0.06em;
    background-color: #2ba8e8;
    padding: 15.6px 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .ttl {
        font-size: min(25px, 6.4102564103vw);
        line-height: min(30px, 7.6923076923vw);
        padding: 3.0769230769vw 0;
    }
}

.add-lp-2024 .section.section03 .panel .item .ttl.no1 {
    position: relative;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .ttl.no1 {
        padding-left: 0;
    }
}

.add-lp-2024 .section.section03 .panel .item .ttl.no1::before {
    content: "";
    width: 99.6px;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: -12%;
    left: 5%;
    background: url(../img/price-no1.png) no-repeat center center/100% 100%;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .ttl.no1::before {
        width: min(71px, 18.2051282051vw);
        top: 50%;
        bottom: auto;
        left: 5%;
        translate: 0 -50%;
    }
}

.add-lp-2024 .section.section03 .panel .item .box {
    border: 4px solid #dbdbdb;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 23px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
}

.add-lp-2024 .section.section03 .panel .item .box .fee {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 50px;
    color: #2ba8e8;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee {
        gap: 20px;
        padding-left: 3.0769230769vw;
    }
}

.add-lp-2024 .section.section03 .panel .item .box .fee .money .border {
    border: 1px solid #2ba8e8;
    display: block;
    color: #2ba8e8;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee .money .border {
        font-size: 11px;
    }
}

.add-lp-2024 .section.section03 .panel .item .box .fee .money .big {
    position: relative;
    display: block;
    color: #2ba8e8;
    font-size: 60px;
    font-weight: 700;
}

.add-lp-2024 .section.section03 .panel .item .box .fee .money .big::before {
    position: absolute;
    content: "最大";
    color: #2ba8e8;
    font-size: 20px;
    font-weight: 700;
    left: -15%;
    top: 18px;
    letter-spacing: 0.05em;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee .money .big {
        font-size: 40px;
    }

    .add-lp-2024 .section.section03 .panel .item .box .fee .money .big::before {
        font-size: 14px;
        left: -14%;
        top: 0.8em;
    }
}

.add-lp-2024 .section.section03 .panel .item .box .fee .money .small {
    display: block;
    color: #c4c4c4;
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee .money .small {
        font-size: 16px;
    }
}

.add-lp-2024 .section.section03 .panel .item .box .fee .one {
    max-width: 138px;
    border: 1px solid #2ba8e8;
    border-radius: 10px;
    padding: 9px 15px 5px;
    position: relative;
}

.add-lp-2024 .section.section03 .panel .item .box .fee .one::before {
    content: "";
    width: 17px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 100%;
    translate: 0 -50%;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee .one::before {
        width: 12px;
        height: 19px;
    }
}

.add-lp-2024 .section.section03 .panel .item .box .fee .one .small {
    display: block;
    color: #2ba8e8;
    font-size: 16px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee .one .small {
        font-size: 12px;
    }
}

.add-lp-2024 .section.section03 .panel .item .box .fee .one .big {
    display: block;
    color: #2ba8e8;
    font-size: 30px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee .one .big {
        font-size: 24px;
    }
}

.add-lp-2024 .section.section03 .panel .item .box .fee .one .small2 {
    display: block;
    color: #9d9d9d;
    font-size: 14px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .panel .item .box .fee .one .small2 {
        font-size: 10px;
    }
}

.add-lp-2024 .section.section03 .plan-notice {
    position: relative;
    background: #cbfdfc;
    border-radius: 20px;
    width: 100%;
    padding: 14.4px;
    font-size: 22.8px;
    letter-spacing: 0.04em;
    line-height: 1.3684210526;
    font-weight: 700;
    color: #28a9ea;
    text-align: center;
    margin: 36px auto 40.8px;
}

.add-lp-2024 .section.section03 .plan-notice::before {
    position: absolute;
    content: "";
    background: #cbfdfc;
    width: 27.6px;
    height: 12px;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .plan-notice {
        border-radius: 10px;
        padding: 5px 0;
        font-size: 3.7179487179vw;
        margin: 6.1538461538vw auto 7.6923076923vw;
    }

    .add-lp-2024 .section.section03 .plan-notice::before {
        width: 6.1538461538vw;
        height: calcvwc(8);
        bottom: -2.0512820513vw;
    }
}

.add-lp-2024 .section.section03 .plan-link {
    margin: 43.2px auto 0;
}

.add-lp-2024 .section.section03 .plan-link a {
    display: block;
    background: #fff;
    width: 384px;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    border: 7px solid #46b0e1;
    color: #46b0e1;
    font-size: 28.8px;
    letter-spacing: 0.04em;
    font-weight: 700;
    margin: 0 auto;
}

.add-lp-2024 .section.section03 .plan-link a span {
    padding-top: 3px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section03 .plan-link {
        margin: 7.9487179487vw auto 0;
    }

    .add-lp-2024 .section.section03 .plan-link a {
        width: 63.5897435897vw;
        height: 14.1025641026vw;
        border-width: 4px;
        font-size: 4.8vw;
    }

    .add-lp-2024 .section.section03 .plan-link a span {
        padding-top: 3px;
    }
}

.add-lp-2024 .section.section04 {
    background: #cbfdfc;
}

.add-lp-2024 .section.section04 .inner {
    padding: 0 22.2px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section04 .inner {
        padding: 0 3.8461538462vw;
    }
}

.add-lp-2024 .section.section04 .reason-linkbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 7.2px;
    margin-bottom: 40.8px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section04 .reason-linkbtn {
        gap: 0 2.0512820513vw;
        margin-bottom: 7.1794871795vw;
    }
}

.add-lp-2024 .section.section04 .reason-box {
    background: #fff;
    border-radius: 18px;
}

.add-lp-2024 .section.section04 .reason-box+.reason-box {
    margin-top: 40.8px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section04 .reason-box {
        border-radius: 10px;
    }

    .add-lp-2024 .section.section04 .reason-box+.reason-box {
        margin-top: 6.4102564103vw;
    }
}

.add-lp-2024 .section.section04 .reason01 {
    padding-bottom: 51.6px;
}

.add-lp-2024 .section.section04 .reason02 {
    padding-bottom: 42.6px;
}

.add-lp-2024 .section.section04 .reason03 {
    padding-bottom: 35.4px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section04 .reason01 {
        padding-bottom: 8.4615384615vw;
    }

    .add-lp-2024 .section.section04 .reason02 {
        padding-bottom: 7.1794871795vw;
    }

    .add-lp-2024 .section.section04 .reason03 {
        padding-bottom: 5.8974358974vw;
    }
}

.add-lp-2024 .section.section04 .reason01-btn {
    margin-top: 42px;
}

.add-lp-2024 .section.section04 .reason01-btn a {
    display: block;
    background: #1b8ce3;
    width: 420px;
    height: 78px;
    line-height: 78px;
    letter-spacing: 0.1em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 25.2px;
    border-radius: 9999px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section04 .reason01-btn {
        margin-top: 7.1794871795vw;
    }

    .add-lp-2024 .section.section04 .reason01-btn a {
        width: 70.5128205128vw;
        height: 12.8205128205vw;
        line-height: 12.8205128205vw;
        font-size: 4.2307692308vw;
    }
}

.add-lp-2024 .section.section05 {
    background: #cbfdfc;
    padding: 46.2px 22.2px 27.6px;
}

.add-lp-2024 .section.section05 .inner {
    background: #fff;
    border-radius: 18px;
    padding: 54px 0 27.6px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section05 {
        padding: 7.6923076923vw 3.8461538462vw 10.2564102564vw;
    }

    .add-lp-2024 .section.section05 .inner {
        border-radius: 10px;
        padding: 8.9743589744vw 0 5.1282051282vw;
    }
}

.add-lp-2024 .section.section05 .reserve-ttl {
    margin-bottom: 37.2px;
}

.add-lp-2024 .section.section05 .reserve-btn {
    max-width: 483.6px;
    margin: 0 auto;
}

.add-lp-2024 .section.section05 .reserve-btn+.reserve-btn {
    margin-top: 18px;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section05 .reserve-ttl {
        margin-bottom: 6.1538461538vw;
    }

    .add-lp-2024 .section.section05 .reserve-btn {
        max-width: 80.5128205128vw;
        margin: 0 auto;
    }

    .add-lp-2024 .section.section05 .reserve-btn+.reserve-btn {
        margin-top: 3.3333333333vw;
    }
}

.add-lp-2024 .section.section05 .reserve-info {
    max-width: 483.6px;
    border: 5px solid #33bbe1;
    border-radius: 18px;
    background: #fff;
    padding: 12px 0 15.6px;
    margin: 37.2px auto 0;
}

.add-lp-2024 .section.section05 .reserve-info>p {
    color: #1cb3de;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 25.2px;
}

.add-lp-2024 .section.section05 .reserve-info>p .-sm {
    font-size: 22.8px;
}

.add-lp-2024 .section.section05 .reserve-info-btn {
    display: block;
    max-width: 388.2px;
    margin: 12px auto 0;
}

@media screen and (max-width: 767px) {
    .add-lp-2024 .section.section05 .reserve-info {
        max-width: 80.5128205128vw;
        border-radius: 10px;
        padding: 3.3333333333vw 0 2.5641025641vw;
        margin: 6.1538461538vw auto 0;
        border-width: 3px;
    }

    .add-lp-2024 .section.section05 .reserve-info>p {
        font-size: 3.8vw;
    }

    .add-lp-2024 .section.section05 .reserve-info>p .-sm {
        font-size: 4.2vw;
    }

    .add-lp-2024 .section.section05 .reserve-info-btn {
        max-width: 64.6153846154vw;
        margin: 2.3076923077vw auto 0;
    }
}

/*--------- フッター固定ボタンエリア ---------*/
.btn-area.bottom-area-2.bottom-area-lp2024 .inner {
    max-width: 600px;
}

@media screen and (max-width: 767px) {
    .btn-area.bottom-area-2.bottom-area-lp2024 .inner {
        max-width: 500px;
    }
}

/* lp-today-ticket LP */
.fixed-body.lp-today-ticket {
    background: repeating-linear-gradient(135deg, #d6f9fc, #d6f9fc 14px, #e4fbfd 14px, #e4fbfd 30px);
}

.fixed-body.lp-today-ticket .contents {
    background-color: transparent;
    padding-top: 120px;
}

.fixed-body.lp-today-ticket .fv h1 {
    padding: 40px 40px;
}

.fixed-body.lp-today-ticket .bg-blue {
    background-color: #01bce7;
    padding: 20px 60px 10px 40px;
}

.fixed-body.lp-today-ticket .section .inner {
    padding: 40px 40px;
}

.fixed-body.lp-today-ticket .section .box {
    background-color: #fff;
    padding: 30px 20px;
    margin-bottom: 30px;
}

.fixed-body.lp-today-ticket .section .box h2 {
    text-align: center;
    margin-bottom: 20px;
    color: #01bce7;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
}

.fixed-body.lp-today-ticket .section .box h2 b {
    font-size: 28px;
}

.fixed-body.lp-today-ticket .section .box h2 span {
    font-size: 20px;
}

.fixed-body.lp-today-ticket .section .box .bg-sky {
    background-color: #e4fbfd;
    color: #01bce7;
    font-weight: 600;
    padding: 10px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.fixed-body.lp-today-ticket .section .box .bg-sky.center {
    text-align: center;
}

.fixed-body.lp-today-ticket .section .box .btn {
    margin-bottom: 20px;
}

.fixed-body.lp-today-ticket .section .box .notice {
    position: relative;
    color: #565656;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.5;
    padding-left: 20px;
    text-align: left;
}

.fixed-body.lp-today-ticket .section .box .notice:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

.fixed-body.lp-today-ticket .section .box .notice a {
    color: #01bce7;
    text-decoration: underline;
}

.fixed-body.lp-today-ticket .section .box p {
    color: #01bce7;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    margin: 20px 0;
}

.fixed-body.lp-today-ticket .section .box .txt {
    color: #01bce7;
    font-weight: 600;
    line-height: 1.5;
    margin: 20px 0;
}

@media screen and (max-width: 767px) {
    .fixed-body.lp-today-ticket .contents {
        padding-top: 120px;
    }

    .fixed-body.lp-today-ticket .fv h1 {
        padding: 30px 20px;
    }

    .fixed-body.lp-today-ticket .bg-blue {
        padding: 10px 50px 6px 20px;
    }

    .fixed-body.lp-today-ticket .section .inner {
        padding: 20px 30px;
    }

    .fixed-body.lp-today-ticket .section .box {
        padding: 20px 10px;
        margin-bottom: 20px;
    }
}

/*LPのCSS*/

.lp-2021 .fv .inner {
    padding: 0;
    position: relative;
}

.lp-2021 .fixed-header .inner {
    max-width: 600px;
}

.lp-2021 .fixed-header .btn a {
    display: inline-block;
    margin: 0 6px;
}

.lp-2021 .fv .inner {
    max-width: 600px;
}

.lp-2021 .btn-wrap {
    max-width: 600px;
    padding: 20px;
    margin: 0 auto;
    background-color: #1e2f43;
}

.lp-2021 .btn-wrap .inner {
    border: 2px solid #ffffff;
    padding: 20px;
}

.lp-2021 .btn-wrap h2 {
    margin-top: -36px;
    margin-left: -36px;
}

.lp-2021 .btn-wrap .inner a {
    display: inline-block;
    margin: 10px;
}

.lp-2021 .section.section1 .inner {
    max-width: 600px;
    /* margin-top: -20px; */
}

.lp-2021 .btn-area.add2 .inner {
    max-width: 600px;
    background-color: #9feff2;
}

.lp-2021 .btn-area.add2 .inner a {
    display: inline-block;
    margin: 10px 60px;
}

.lp-2021 .section.section2 .inner {
    max-width: 600px;
}

.lp-2021 .section.section3 .inner {
    max-width: 600px;
    margin-top: -10px;
    position: relative;
    background-color: #ddf9fa;
}

.lp-2021 .section.section3 .price-btn {
    display: block;
    margin: 20px auto 20px;
    width: 400px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 52px;
}

.lp-2021 .section.section5 .inner {
    max-width: 600px;
    margin-top: -10px;
    position: relative;
    background-color: #ddf9fa;
}

.lp-2021 .section.section5.section-top .inner {
    max-width: 600px;
    margin-top: -10px;
    position: relative;
    background-color: #ddf9fa;
}

.lp-2021 .section.section5.section-top {
    max-width: 600px;
    position: relative;
    background-color: #ddf9fa;
    margin: -4px auto 0;
    padding: 16px 24px;
}

.lp-2021 .section.section5.section-top .inner {
    margin-top: 0;
    max-width: 100%;
    border: 4px solid #76e8ec;
    background-color: #fff;
    padding: 20px;
}

.lp-2021 .section.section5.section-top .ttl {
    margin-top: -46px;
    margin-bottom: 40px;
    width: calc(100% + 40px);
    margin-left: -20px;
}

.lp-2021 .section.section5.section-top p {
    background-color: #2ba8e8;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 4px 0;
    font-size: 16px;
}

.lp-2021 .section.section5.section-top .list {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lp-2021 .section.section5.section-top .list .name {
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px;
    width: 23%;
    margin: 1%;
    text-align: center;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp-2021 .section.section5.section-top .list .name a {
    color: #1d2f44;
}

.lp-2021 .section.section5.section-top .list .name a span {
    color: #2ba8e8;
    font-size: 10px;
    display: block;
}

.lp-2021 .section.section5 .price-btn {
    display: block;
    margin: 20px auto 20px;
    width: 400px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 24px;
}

.lp-2021 .section.seciton6 {
    max-width: 600px;
    position: relative;
    background-color: #f8f8f8;
    margin: 0 auto;
}

.lp-2021 .section.seciton6 .inner {
    padding: 20px 20px;
}

.lp-2021 .section.seciton6 .price-banner {
    background: repeating-linear-gradient(-45deg, #77e7eb 0, #77e7eb 4px, #9feff2 4px, #9feff2 6px);
    padding: 20px;
}

.lp-2021 .section.seciton6 .price-banner .line {
    border: 2px solid #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 128px;
}

.lp-2021 .section.seciton6 .price-banner .line .date {
    position: relative;
}

.lp-2021 .section.seciton6 .price-banner .line .date p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    text-align: center;
    color: #2ba8e8;
    font-weight: 600;
}

.lp-2021 .section.seciton6 .add-price-box {
    margin: 40px 0 20px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);
}

.lp-2021 .section.seciton6 .add-price-box .list {
    display: flex;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2 {
    position: relative;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2:before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #2ba8e8;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2:after {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #2ba8e8;
}

.lp-2021 .section.seciton6 .add-price-box .list li {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}

.lp-2021 .section.seciton6 .add-price-box .list li .border {
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 30px;
    margin-bottom: 6px;
}

.lp-2021 .section.seciton6 .add-price-box .list li .tax {
    color: #bebebe;
    font-size: 12px;
    margin-top: 4px;
}

.lp-2021 .section.seciton6 .add-price-box .list.type1 li {
    background-color: #fff;
    color: #2ba8e8;
    font-weight: 600;
    font-size: 16px;
}

.lp-2021 .section.seciton6 .add-price-box .list.type1 li .border {
    border: 2px solid #2ba8e8;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2 li {
    background-color: #2ba8e8;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2 li .border {
    border: 2px solid #fff;
}

.lp-2021 .section.seciton6 .add-price-box .list li {
    width: 30%;
}

.lp-2021 .section.seciton6 .add-price-box .list li:first-child {
    border-right: 2px solid #efefef;
}

.lp-2021 .section.seciton6 .add-price-box .list li:last-child {
    border-left: 2px solid #efefef;
}

.lp-2021 .section.seciton6 .add-price-box .list li:first-child,
.lp-2021 .section.seciton6 .add-price-box .list li:last-child {
    width: 35%;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2 li:first-child {
    position: relative;
}

.lp-2021 .section.seciton6 .add-price-box .list.type2 li:first-child .img {
    width: 60px;
    position: absolute;
    top: -20px;
    left: -4px;
}

.lp-2021 .section.seciton6 .notice {
    font-size: 10px;
    line-height: 1.75;
    font-weight: 600;
}

.lp-2021 .shop-box.add-shop-box {
    margin: 0 auto;
    max-width: 600px;
}

.lp-2021 .shop-box h2 {
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
}

.lp-2021 .shop-box p {
    text-align: center;
    background-color: #ddf9fa;
    color: #2ba8e8;
}

.lp-2021 .shop-box .list .name {
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    min-height: 40px;
    padding: 4px;
}

.lp-2021 .shop-box .list .name a span {
    color: #2ba8e8;
    font-size: 10px;
    display: block;
}

.lp-2021 .youtube .inner {
    background-image: url(https://applegym.jp/renewal-wp/wp-content/themes/applegym/img/lp2021-add-youtube-back2-img.png);
    background-size: 100%;
    background-position: top center;
}

.lp-2021 .youtube h2 {
    margin-top: -54px;
}

.lp-2021 .gallery .inner {
    padding: 0 10px 30px;
}

.lp-2021 .section-machine {
    max-width: 600px;
    margin: 0 auto;
}

.lp-2021 .section.section5.section-top .list .name,
.lp-2021 .shop-box .list .name {
    position: relative;
}

.lp-2021 .shop-box .list .name {
    min-height: 46px;
}

.lp-2021 .campaign-off-label {
    display: inline-block;
    background-color: #ff373c;
    color: #fff;
    padding: 3px 6px;
    border-radius: 6px;
    position: absolute;
    top: -10px;
    right: auto;
    left: auto;
    margin: 0 auto;
    font-size: 10px;
}

.lp-2021 .campaign-off-label b {
    display: inline-block;
    font-size: 12px;
    margin: 0 2px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .lp-2021 .fixed-header .inner {
        max-width: 100%;
    }

    .lp-2021 .section.section3 .price-btn {
        width: 300px;
        bottom: 20px;
    }

    .lp-2021 .section.section5 .price-btn {
        width: 300px;
        bottom: 1.2%;
        margin: 0 auto;
    }

    .lp-2021 .section.section5.section-top {
        padding: 24px 16px 16px;
    }

    .lp-2021 .section.section5.section-top .inner {
        border: 2px solid #76e8ec;
        padding: 20px 12px 12px;
    }

    .lp-2021 .section.section5.section-top .ttl {
        margin-top: -40px;
        margin-bottom: 26px;
        width: calc(100% + 24px);
        margin-left: -12px;
    }

    .lp-2021 .section.section5.section-top .list .name {
        width: 31.3333333%;
    }

    .lp-2021 .section.seciton6 .inner {
        padding: 20px 10px;
    }

    .lp-2021 .section.seciton6 .price-banner {
        padding: 10px;
    }

    .lp-2021 .section.seciton6 .price-banner .line {
        padding: 0 10px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li {
        padding: 10px 6px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list.type1 li {
        font-size: 14px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list.type2 li {
        font-size: 14px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li .border {
        font-size: 10px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li .tax {
        font-size: 10px;
    }

    .lp-2021 .youtube h2 {
        margin-top: -28px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li {
        padding: 10px 4px;
        word-break: break-all;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li:first-child {
        width: 30%;
        font-size: 12px;
    }

    .lp-2021 .section.seciton6 .add-price-box .list li:last-child {
        width: 40%;
    }

    .lp-2021 .section.seciton6 .add-price-box .list.type2 li:first-child .img {
        width: 50px;
    }
}

/* 事業売買 */
@media screen and (max-width: 767px) {
    .page-b-transfer .p-b-transfer .inner {
        padding: 0 2.5641025641vw;
    }
}

.page-b-transfer .p-b-transfer__title {
    text-align: center;
    font-weight: bold;
    font-size: 34px;
    letter-spacing: 0.06em;
    color: #2ba8e8;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-b-transfer__title {
        font-size: 6.1538461538vw;
        line-height: 1.625;
    }
}

.page-b-transfer .p-mv {
    background-color: #defafb;
    height: 470px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv {
        height: auto;
        padding: 5.641025641vw 0;
    }
}

.page-b-transfer .p-mv .inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv .inner {
        display: block;
    }
}

.page-b-transfer .p-mv__title {
    color: #264a74;
    font-weight: bold;
    letter-spacing: 0.06em;
    font-size: 34px;
    line-height: 2;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv__title {
        font-size: 5.641025641vw;
        text-align: center;
    }
}

.page-b-transfer .p-mv__title span {
    display: block;
    font-size: 39px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv__title span {
        font-size: 6.6666666667vw;
    }
}

.page-b-transfer .p-mv__title span span {
    display: inline;
    font-size: 53px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv__title span span {
        font-size: 8.9743589744vw;
    }
}

.page-b-transfer .p-mv__btn {
    width: 293px;
    height: 63px;
    margin-top: 44px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv__btn {
        width: 74.358974359vw;
        height: 16.9230769231vw;
        margin: auto;
    }
}

.page-b-transfer .p-mv__btn-inn {
    width: 100%;
    height: 100%;
    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;
    border-radius: 100vh;
    background-color: #2ba8e8;
    color: #ffffff;
    letter-spacing: 0.06em;
    font-size: 20px;
    font-weight: bold;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv__btn-inn {
        font-size: 4.8717948718vw;
    }
}

@media print,
screen and (min-width: 768px) {
    .page-b-transfer .p-mv__btn-inn:hover {
        opacity: 0.7;
    }
}

.page-b-transfer .p-mv__image {
    width: 426px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-mv__image {
        width: 100%;
        margin: 4.1025641026vw 0;
    }
}

.page-b-transfer .p-mv__image picture {
    display: block;
}

.page-b-transfer .p-soudan {
    padding-top: 50px;
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-soudan {
        padding: 12.8205128205vw 0;
    }
}

.page-b-transfer .p-soudan__list {
    border: 8px solid #defafb;
    border-radius: 10px;
    padding: 45px 120px;
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-soudan__list {
        border-width: 1.5384615385vw;
        border-radius: 2.0512820513vw;
        padding: 7.6923076923vw 7.6923076923vw;
    }
}

.page-b-transfer .p-soudan__list li {
    font-size: 20px;
    line-height: 3;
    letter-spacing: 0.06em;
    font-weight: bold;
    padding-left: 45px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-soudan__list li {
        font-size: 4.6153846154vw;
        line-height: 1.6;
        margin-top: 5.1282051282vw;
        padding-left: 8.9743589744vw;
    }

    .page-b-transfer .p-soudan__list li:first-of-type {
        margin-top: 0;
    }
}

.page-b-transfer .p-soudan__list li::before {
    content: "";
    width: 32px;
    height: 30px;
    background-image: url(../img/b-transfer/icn_check.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0.65em;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-soudan__list li::before {
        width: 6.1538461538vw;
        height: 6.1538461538vw;
        top: 0;
    }
}

.page-b-transfer .p-nayami {
    background-color: #defafb;
    padding-top: 70px;
    padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-nayami {
        padding: 12.8205128205vw 0;
    }
}

.page-b-transfer .p-nayami__text {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-nayami__text {
        font-size: 4.6153846154vw;
        margin-top: 7.6923076923vw;
        margin-bottom: 7.6923076923vw;
    }
}

.page-b-transfer .p-nayami__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-nayami__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5.1282051282vw;
    }
}

.page-b-transfer .p-nayami__box {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 33px 18px 27px;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-nayami__box {
        border-radius: 2.5641025641vw;
        padding: 6.4102564103vw 5.1282051282vw;
    }
}

.page-b-transfer .p-nayami__box .title {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-nayami__box .title {
        font-size: 5.1282051282vw;
        padding-bottom: 5.1282051282vw;
        margin-bottom: 6.4102564103vw;
    }
}

.page-b-transfer .p-nayami__box .title span {
    color: #2ba8e8;
}

.page-b-transfer .p-nayami__box .title::after {
    content: "";
    display: block;
    width: 19px;
    height: 2px;
    background-color: #2ba8e8;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-nayami__box .title::after {
        width: 4.8717948718vw;
        height: 0.5128205128vw;
    }
}

.page-b-transfer .p-nayami__box .text {
    text-align: center;
    font-size: 18px;
    line-height: 1.5555555556;
    letter-spacing: 0.06em;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-nayami__box .text {
        font-size: 4.1025641026vw;
    }
}

.page-b-transfer .p-flow {
    padding-top: 75px;
    padding-bottom: 85px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow {
        padding: 12.8205128205vw 0;
    }
}

.page-b-transfer .p-flow__content {
    margin-top: 85px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__content {
        margin-top: 7.6923076923vw;
    }
}

.page-b-transfer .p-flow__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__box {
        display: block;
    }
}

.page-b-transfer .p-flow__box .img {
    width: 308px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__box .img {
        width: 100%;
    }
}

.page-b-transfer .p-flow__box .cnt {
    width: calc(100% - 308px);
    padding-left: 43px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__box .cnt {
        width: 100%;
        padding: 0;
        margin-top: 5.1282051282vw;
    }
}

.page-b-transfer .p-flow__box .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__box .heading {
        margin-bottom: 5.1282051282vw;
    }
}

.page-b-transfer .p-flow__box .step {
    width: 81px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__box .step {
        width: 20.5128205128vw;
    }
}

.page-b-transfer .p-flow__box .title {
    max-width: calc(100% - 81px);
    padding-left: 24px;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.4285714286;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__box .title {
        padding-left: 1em;
        max-width: calc(100% - 20.5128205128vw);
        font-size: 5.1282051282vw;
    }
}

.page-b-transfer .p-flow__box .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__box .text {
        font-size: 4.1025641026vw;
    }
}

.page-b-transfer .p-flow__arr {
    margin-top: 11px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__arr {
        margin-top: 2.5641025641vw;
        margin-bottom: 5.1282051282vw;
    }
}

.page-b-transfer .p-flow__arr img {
    width: 32px;
    display: block;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-flow__arr img {
        width: 7.6923076923vw;
    }
}

.page-b-transfer .p-form {
    background-color: #defafb;
    padding-top: 70px;
    padding-bottom: 75px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form {
        padding: 12.8205128205vw 0;
    }

    .page-b-transfer .p-form .p-b-transfer__title {
        font-size: 5.1282051282vw;
    }
}

.page-b-transfer .p-form__content {
    margin-top: 85px;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 60px 45px 60px 65px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form__content {
        margin-top: 7.6923076923vw;
        padding: 10.2564102564vw 5.1282051282vw;
        border-radius: 2.5641025641vw;
    }
}

.page-b-transfer .p-form-table dt {
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.04em;
    padding-top: 1.1em;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-table dt {
        width: 100%;
        font-size: 4.1025641026vw;
        line-height: 1.25;
        margin-bottom: 2.5641025641vw;
        padding-top: 0;
    }
}

.page-b-transfer .p-form-table dt .hissu {
    width: 55px;
    height: 30px;
    border: 2px solid #fe353b;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1em;
    color: #fe353b;
    padding-top: 0.1em;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-table dt .hissu {
        width: 10.2564102564vw;
        height: 6.4102564103vw;
        font-size: 3.0769230769vw;
        margin-right: 0.6em;
    }
}

.page-b-transfer .p-form-table dt .hissu.-nini {
    border-color: #12d6df;
    color: #12d6df;
}

.page-b-transfer .p-form-table dd {
    font-size: 18px;
    font-weight: bold;
    width: calc(100% - 250px);
    letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-table dd {
        width: 100%;
        font-size: 4.1025641026vw;
    }
}

.page-b-transfer .p-form-table dd .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-b-transfer .p-form-table dd .number input {
    width: 270px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-table dd .number input {
        width: 38.4615384615vw;
    }
}

.page-b-transfer .p-form-table dd .number span {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-left: 1em;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-table dd .number span {
        font-size: 4.1025641026vw;
    }
}

.page-b-transfer .p-form-table dd .number span.wpcf7-form-control-wrap {
    margin-left: 0;
}

.page-b-transfer .p-form-table dd .number span.wpcf7-not-valid-tip {
    margin-left: 0;
    font-weight: normal;
    font-size: 18px;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-table dd .number span.wpcf7-not-valid-tip {
        font-size: 4.1025641026vw;
    }
}

.page-b-transfer .p-form-table input[type="text"],
.page-b-transfer .p-form-table input[type="email"],
.page-b-transfer .p-form-table input[type="tel"],
.page-b-transfer .p-form-table select,
.page-b-transfer .p-form-table textarea {
    background-color: #ffffff;
    width: 100%;
    font-size: 18px;
    letter-spacing: 0.04em;
    line-height: 1.7777777778;
    font-weight: bold;
    border: 2px solid #d9d9d9;
    border-radius: 8px;
    padding: 20px 17px;
}

@media screen and (max-width: 767px) {

    .page-b-transfer .p-form-table input[type="text"],
    .page-b-transfer .p-form-table input[type="email"],
    .page-b-transfer .p-form-table input[type="tel"],
    .page-b-transfer .p-form-table select,
    .page-b-transfer .p-form-table textarea {
        padding: 3.8461538462vw;
        font-size: 4.1025641026vw;
    }
}

.page-b-transfer .p-form-table input[type="text"]::-webkit-input-placeholder,
.page-b-transfer .p-form-table input[type="email"]::-webkit-input-placeholder,
.page-b-transfer .p-form-table input[type="tel"]::-webkit-input-placeholder,
.page-b-transfer .p-form-table select::-webkit-input-placeholder,
.page-b-transfer .p-form-table textarea::-webkit-input-placeholder {
    color: #d9d9d9;
}

.page-b-transfer .p-form-table input[type="text"]::-moz-placeholder,
.page-b-transfer .p-form-table input[type="email"]::-moz-placeholder,
.page-b-transfer .p-form-table input[type="tel"]::-moz-placeholder,
.page-b-transfer .p-form-table select::-moz-placeholder,
.page-b-transfer .p-form-table textarea::-moz-placeholder {
    color: #d9d9d9;
}

.page-b-transfer .p-form-table input[type="text"]:-ms-input-placeholder,
.page-b-transfer .p-form-table input[type="email"]:-ms-input-placeholder,
.page-b-transfer .p-form-table input[type="tel"]:-ms-input-placeholder,
.page-b-transfer .p-form-table select:-ms-input-placeholder,
.page-b-transfer .p-form-table textarea:-ms-input-placeholder {
    color: #d9d9d9;
}

.page-b-transfer .p-form-table input[type="text"]::-ms-input-placeholder,
.page-b-transfer .p-form-table input[type="email"]::-ms-input-placeholder,
.page-b-transfer .p-form-table input[type="tel"]::-ms-input-placeholder,
.page-b-transfer .p-form-table select::-ms-input-placeholder,
.page-b-transfer .p-form-table textarea::-ms-input-placeholder {
    color: #d9d9d9;
}

.page-b-transfer .p-form-table input[type="text"]::placeholder,
.page-b-transfer .p-form-table input[type="email"]::placeholder,
.page-b-transfer .p-form-table input[type="tel"]::placeholder,
.page-b-transfer .p-form-table select::placeholder,
.page-b-transfer .p-form-table textarea::placeholder {
    color: #d9d9d9;
}

.page-b-transfer .p-form-table input[type="text"]:focus-visible,
.page-b-transfer .p-form-table input[type="email"]:focus-visible,
.page-b-transfer .p-form-table input[type="tel"]:focus-visible,
.page-b-transfer .p-form-table select:focus-visible,
.page-b-transfer .p-form-table textarea:focus-visible {
    outline: none;
}

.page-b-transfer .p-form-table textarea {
    height: 190px;
    resize: vertical;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-table textarea {
        height: 38.4615384615vw;
    }
}

.page-b-transfer .p-form-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form-box {
        margin-top: 5.1282051282vw;
        display: block;
    }
}

.page-b-transfer .p-form-box:first-of-type {
    margin-top: 0;
}

.page-b-transfer .p-form__btn {
    background-color: #fa353a;
    display: block;
    border-radius: 10px;
    margin: 35px auto auto;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.06em;
    width: 360px;
    max-width: 100%;
    height: 90px;
    border: none;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

@media screen and (max-width: 767px) {
    .page-b-transfer .p-form__btn {
        margin-top: 7.6923076923vw;
        border-radius: 2.5641025641vw;
        font-size: 5.641025641vw;
        width: 76.9230769231vw;
        height: 19.2307692308vw;
    }
}

@media print,
screen and (min-width: 768px) {
    .page-b-transfer .p-form__btn:hover {
        opacity: 0.7;
    }
}

.page-b-transfer .p-form .wpcf7-spinner,
.page-b-transfer .p-form .wpcf7-response-output {
    display: none !important;
}

/* 海外式ボディメイク */
.page-abroad-method .p-past {
    background-image: url(../img/abroad-method/bg_past_pc.jpg);
    background-size: cover;
    background-position: center center;
    padding-top: 85px;
    padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-past {
        padding-top: 7.8703703704vw;
        padding-bottom: 11.1111111111vw;
        background-image: url(../img/abroad-method/bg_past_sp.jpg);
    }
}

.page-abroad-method .p-past__image {
    display: block;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-past__image {
        width: 86.4814814815vw;
        margin: auto;
    }
}

.page-abroad-method .p-nayami {
    padding-top: 113px;
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-nayami {
        padding-top: 6.9444444444vw;
        padding-bottom: 6.0185185185vw;
    }
}

.page-abroad-method .p-nayami__image {
    display: block;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-nayami__image {
        width: 90vw;
        margin: auto;
    }
}

.page-abroad-method .p-kaiketsu {
    background-image: url(../img/abroad-method/bg_kaiketsu_pc.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    padding-top: 108px;
    padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu {
        padding-top: 9.8148148148vw;
        padding-bottom: 6.0185185185vw;
    }
}

.page-abroad-method .p-kaiketsu::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 66.6666666667px 107.4074074074px 0 107.4074074074px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu::before {
        border-width: 7.4074074074vw 11.5740740741vw 0 11.5740740741vw;
    }
}

.page-abroad-method .p-kaiketsu__bln {
    width: 312.5925925926px;
    margin: auto auto 22.2222222222px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu__bln {
        width: 31.4814814815vw;
        margin-bottom: 1.3888888889vw;
    }
}

.page-abroad-method .p-kaiketsu__title {
    text-align: center;
    font-size: 50.3703703704px;
    font-weight: bold;
    color: #1f3043;
    margin-bottom: 44.4444444444px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu__title {
        font-size: 5.5555555556vw;
        margin-bottom: 2.7777777778vw;
    }
}

.page-abroad-method .p-kaiketsu__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu__content {
        display: block;
        width: 88.7962962963vw;
        margin: auto auto auto;
    }
}

.page-abroad-method .p-kaiketsu__box {
    width: 451.8518518519px;
    background-image: url(../img/abroad-method/bg_kaiketsu_cnt_pc.png);
    background-size: contain;
    min-height: 314.8148148148px;
    padding: 0 33.3333333333px 0 55.5555555556px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu__box {
        width: 100%;
        background-image: url(../img/abroad-method/bg_kaiketsu_cnt_sp.png);
        min-height: 33.1481481481vw;
        padding: 0 11.1111111111vw 0 14.1666666667vw;
        margin-top: 1.3888888889vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .page-abroad-method .p-kaiketsu__box:first-of-type {
        margin-top: 0;
    }
}

.page-abroad-method .p-kaiketsu__box .text1 {
    font-size: 32.5925925926px;
    background-color: #ffffff;
    border-radius: 100vh;
    width: 157.037037037px;
    height: 53.3333333333px;
    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;
    font-weight: bold;
    color: #176775;
    padding-top: 0.1em;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu__box .text1 {
        display: none;
    }
}

.page-abroad-method .p-kaiketsu__box .text2 {
    text-align: center;
    font-size: 36.2962962963px;
    color: #176775;
    font-weight: bold;
    letter-spacing: 0.075em;
    margin: 10px 0;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu__box .text2 {
        font-size: 3.9814814815vw;
        margin: 0 0 1.8518518519vw;
    }
}

.page-abroad-method .p-kaiketsu__box .text3 {
    font-size: 20px;
    color: #1f3043;
    line-height: 1.75;
    font-weight: bold;
    padding: 0 10px;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-kaiketsu__box .text3 {
        padding: 0;
        font-size: 2.4074074074vw;
        line-height: 1.6538461538;
    }
}

.page-abroad-method .p-before-after__box {
    background-image: url(../img/abroad-method/bg_beaf01.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 0;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box {
        background-image: none;
        background-color: #00b1bf;
        padding: 0 0 5.5555555556vw;
    }
}

.page-abroad-method .p-before-after__box .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box .inner {
        display: block;
    }
}

.page-abroad-method .p-before-after__box .inner .img {
    width: 444.4444444444px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box .inner .img {
        width: 100%;
    }
}

.page-abroad-method .p-before-after__box .inner .img img {
    width: 100%;
}

.page-abroad-method .p-before-after__box .inner .cnt {
    width: 451.8518518519px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box .inner .cnt {
        width: 100%;
        padding: 0 7.5925925926vw;
    }
}

.page-abroad-method .p-before-after__box .inner .cnt-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.page-abroad-method .p-before-after__box .inner .cnt-title .num {
    color: #ffffff;
    font-size: 48.1481481481px;
    font-weight: bold;
    position: relative;
    width: 1.2em;
    text-align: center;
    padding-top: 0.3em;
    margin-right: 0.2em;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box .inner .cnt-title .num {
        font-size: 4.9074074074vw;
        width: auto;
        font-weight: 500;
        margin-right: 0;
    }
}

.page-abroad-method .p-before-after__box .inner .cnt-title .num::before {
    content: "";
    width: 100%;
    height: 0.5em;
    background-image: url(../img/abroad-method/num-deco.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box .inner .cnt-title .num::before {
        content: none;
    }
}

.page-abroad-method .p-before-after__box .inner .cnt-title .title {
    color: #ffffff;
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif !important;
    font-weight: bold;
    font-size: 29.6296296296px;
    letter-spacing: 0.1em;
    padding-bottom: 0.4em;
    margin-right: -2em;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box .inner .cnt-title .title {
        font-size: 3.5185185185vw;
        margin-right: 0;
        padding-bottom: 0.25em;
        margin-left: 1em;
    }
}

.page-abroad-method .p-before-after__box .inner .cnt-text {
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0.1em;
    color: #ffffff;
    margin-top: 1em;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box .inner .cnt-text {
        font-size: 2.4074074074vw;
        line-height: 1.6538461538;
    }
}

.page-abroad-method .p-before-after__box:nth-of-type(2n) {
    background-image: url(../img/abroad-method/bg_beaf02.png);
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-before-after__box:nth-of-type(2n) {
        background-image: none;
    }
}

.page-abroad-method .p-before-after__box:nth-of-type(2n) .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.page-abroad-method .p-appeal {
    background-color: #e9eaeb;
    padding-top: 65px;
    padding-bottom: 140px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal {
        padding-top: 4.1666666667vw;
        padding-bottom: 9.7222222222vw;
    }

    .page-abroad-method .p-appeal .inner {
        padding: 0 6.4814814815vw;
    }
}

.page-abroad-method .p-appeal__title {
    position: relative;
}

.page-abroad-method .p-appeal__title .title {
    width: 100%;
    font-weight: bold;
    font-size: 50.3703703704px;
    line-height: 1.4264705882;
    color: #20aebd;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__title .title {
        font-size: 5.3703703704vw;
        line-height: 1.3275862069;
    }
}

.page-abroad-method .p-appeal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 83.7037037037px 0;
    margin-top: 81.4814814815px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__list {
        gap: 3.7037037037vw 0;
        margin-top: 6.1111111111vw;
    }
}

.page-abroad-method .p-appeal__item {
    background-color: #ffffff;
    width: 474.0740740741px;
    position: relative;
    padding: 44.4444444444px 37.037037037px 22.2222222222px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item {
        width: 100%;
        padding: 3.2407407407vw 6.4814814815vw 3.2407407407vw 4.6296296296vw;
    }
}

.page-abroad-method .p-appeal__item .num {
    position: absolute;
    right: 29.6296296296px;
    top: 0;
    height: 51.8518518519px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item .num {
        height: 5.6481481481vw;
        right: 0.9259259259vw;
    }
}

.page-abroad-method .p-appeal__item .num img {
    width: auto;
    height: 100%;
}

.page-abroad-method .p-appeal__item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-abroad-method .p-appeal__item .title-icon {
    width: 88.8888888889px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item .title-icon {
        width: 9.2592592593vw;
    }

    .page-abroad-method .p-appeal__item .title-icon img {
        display: block;
        width: 7.6851851852vw;
    }
}

.page-abroad-method .p-appeal__item .title-title {
    color: #20aebd;
    font-size: 25.1851851852px;
    line-height: 1.4722222222;
    font-weight: bold;
    letter-spacing: 0.075em;
    margin-left: 0.8em;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item .title-title {
        font-size: 3.1481481481vw;
        margin-left: 0;
    }
}

.page-abroad-method .p-appeal__item .text {
    font-size: 17.037037037px;
    line-height: 1.7916666667;
    letter-spacing: 0.1em;
    margin-top: 1em;
    padding: 0 1em;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item .text {
        font-size: 2.2222222222vw;
        line-height: 1.2083333333;
    }
}

.page-abroad-method .p-appeal__item:nth-of-type(2) .title-icon {
    width: 51.8518518519px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item:nth-of-type(2) .title-icon {
        width: 9.2592592593vw;
    }

    .page-abroad-method .p-appeal__item:nth-of-type(2) .title-icon img {
        width: 5.5555555556vw;
    }
}

.page-abroad-method .p-appeal__item:nth-of-type(3) .title-icon {
    width: 81.4814814815px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item:nth-of-type(3) .title-icon {
        width: 9.2592592593vw;
    }

    .page-abroad-method .p-appeal__item:nth-of-type(3) .title-icon img {
        width: 7.1296296296vw;
    }
}

.page-abroad-method .p-appeal__item:nth-of-type(4) .title-icon {
    width: 48.1481481481px;
}

@media screen and (max-width: 767px) {
    .page-abroad-method .p-appeal__item:nth-of-type(4) .title-icon {
        width: 9.2592592593vw;
    }

    .page-abroad-method .p-appeal__item:nth-of-type(4) .title-icon img {
        width: 5.5555555556vw;
    }
}

/* 店舗 タグ */
.single-shop-page .shop-container .shop-ttl .shop-tag {
    margin-top: 14px;
}

.single-shop-page .shop-container .shop-ttl .shop-tag span {
    display: inline-block;
    color: #01b3ef;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #01b3ef;
    padding: 4px 12px;
    border-radius: 8px;
    letter-spacing: 1px;
    margin: 0 4px 4px;
}

/* 店舗 見出しデザインの変更 */
.single-shop-page .shop-container h2.shop-unique {
    margin: 0;
    font-size: 16px;
    padding: 14px 0;
    border: none;
    line-height: 1;
    padding-left: 0;
    color: #221e3f;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.35;
}

.single-shop-page .shop-container h2.shop-common {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 40px;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container h2.shop-common {
        font-size: 18px;
        margin-bottom: 20px;
        padding: 0 10px;
    }
}

.single-shop-page .shop-container h3.shop-unique {
    margin: 0;
    font-size: 16px;
    padding: 14px 0;
    border: none;
    line-height: 1;
    padding-left: 0;
    color: #221e3f;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1.35;
}

.single-shop-page .shop-container h3.shop-common {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 40px;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container h3.shop-common {
        font-size: 18px;
        margin-bottom: 20px;
        padding: 0 10px;
    }
}

.single-shop-page .shop-container h3.shop-common small {
    font-family: Century Gothic;
    font-weight: 900;
    color: #2ca8e8;
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-container h3.shop-common small {
        font-family: "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
    }
}

/* 店舗詳細 口コミ */
.single-shop-page .shop-container .google-review .wp-gr .grw-row {
    flex-wrap: wrap !important;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-header,
.single-shop-page .shop-container .google-review .wp-gr .grw-content {
    flex: 0 0 100% !important;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-header-inner {
    margin: 0 0 10px 0 !important;
    border-bottom: 2px solid #f4f4f4 !important;
    padding: 10px 0 15px !important;
}

.single-shop-page .shop-container .google-review .wp-google-place .wp-google-left {
    display: none !important;
}

.single-shop-page .shop-container .google-review .wp-google-place .wp-google-right .wp-google-name,
.single-shop-page .shop-container .google-review .wp-google-place .wp-google-right .wp-google-powered,
.single-shop-page .shop-container .google-review .wp-google-place .wp-google-right .wp-google-wr {
    display: none;
}

.single-shop-page .shop-container .google-review .wp-gr .wp-google-rating {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
    color: #47b2ea !important;
    margin: 0 12px 0 0 !important;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-row-x .grw-review {
    flex: 0 0 33%;
}

.single-shop-page .shop-container .google-review .wp-gr[data-layout="slider"] .grw-reviews {
    margin: 0 0px !important;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-review-inner {
    padding: 10px !important;
}

.single-shop-page .shop-container .google-review .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
    background: #fff !important;
}

.single-shop-page .shop-container .google-review .wp-gr.wpac a.wp-google-name {
    color: #1d2e47 !important;
}

.single-shop-page .shop-container .google-review .wp-gr.wpac .wp-google-left img {
    box-shadow: none !important;
}

.single-shop-page .shop-container .google-review .wp-gr .wp-google-time {
    color: rgba(29, 46, 71, 0.3) !important;
}

.single-shop-page .shop-container .google-review .wp-gr .wp-google-stars .wp-star path {
    fill: #f2c73c;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-review .wp-google-feedback {
    padding-right: 10px !important;
}

.single-shop-page .shop-container .google-review .wp-gr .wp-google-text {
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #1d2e47 !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-review-inner>svg {
    display: none;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-dot {
    margin: 3px 6px !important;
    background: #e6e6e6 !important;
    width: 10px !important;
    height: 10px !important;
}

.single-shop-page .shop-container .google-review .wp-gr .grw-dot.active {
    background: #1d2e47 !important;
}

/* 店舗詳細 お客様の声 */
.single-shop-page .shop-main .customer-voice {
    margin: 40px 0;
}

.single-shop-page .shop-main .customer-voice h2 {
    margin: 0;
    font-size: 18px;
    padding: 14px 0;
    border-left: 6px solid #221e3f;
    line-height: 1;
    padding-left: 16px;
    color: #221e3f;
    margin-bottom: 20px;
}

.single-shop-page .shop-main .customer-voice .box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.single-shop-page .shop-main .customer-voice .detail {
    width: 48%;
    border-bottom: 2px solid #d6d6d6;
    margin-bottom: 20px;
}

.single-shop-page .shop-main .customer-voice .heading {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.single-shop-page .shop-main .customer-voice .img {
    width: 70px;
}

.single-shop-page .shop-main .customer-voice .ttl-wrap {
    width: calc(100% - 70px);
    padding-left: 10px;
}

.single-shop-page .shop-main .customer-voice .ttl {
    color: #1d2e47;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.single-shop-page .shop-main .customer-voice .name {
    color: #1d2e47;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 12px;
}

.single-shop-page .shop-main .customer-voice .txt {
    color: #1d2e47;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-main .customer-voice {
        padding: 0 10px;
        margin: 20px 0;
    }

    .single-shop-page .shop-main .customer-voice .detail {
        width: 100%;
    }
}

/* 店舗詳細 受付停止 */
.single-shop-page .shop-container .shop-main .shop-stop-info {
    padding: 10px;
    margin-top: 10px;
    background: #ffeded;
    border: solid 2px #ff373c;
    border-radius: 10px;
    text-align: center;
    font-size: 100%;
    color: #ff373c;
}

.single-shop-page .shop-container .shop-main .shop-stop-info b {
    font-size: 12px;
}

.page-inquiry-form .inquiry-form-main__container .inquiry-form-stop .stop-info {
    margin-bottom: 20px;
    padding: 10px;
    background: #ffeded;
    border: solid 2px #ff373c;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    color: #ff373c;
    font-weight: 600;
}

.page-inquiry-form .inquiry-form-main__container .inquiry-form-stop .stop-info b {
    font-size: 12px;
}

/* 平均相場 */
@media screen and (max-width: 767px) {

    .single-shop-page .shop-average,
    .single-shop-page .shop-pairdiscount,
    .single-shop-page .shop-about {
        padding: 0 10px !important;
    }
}

.single-shop-page .shop-average-headline,
.single-shop-page .shop-pairdiscount-headline,
.single-shop-page .shop-about-headline {
    font-size: 18px;
    color: #1d2e47;
    font-weight: 700;
    line-height: 1.5;
    border-left: 8px solid #1d2e47;
    padding: 0.25em 0 0.25em 0.8em;
}

@media screen and (max-width: 767px) {

    .single-shop-page .shop-average-headline,
    .single-shop-page .shop-pairdiscount-headline,
    .single-shop-page .shop-about-headline {
        font-size: 20px;
        padding: 0.12em 0 0.12em 0.8em;
    }
}

.single-shop-page .shop-average .txt,
.single-shop-page .shop-pairdiscount .txt,
.single-shop-page .shop-about .txt {
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
}

@media screen and (max-width: 767px) {

    .single-shop-page .shop-average .txt,
    .single-shop-page .shop-pairdiscount .txt,
    .single-shop-page .shop-about .txt {
        line-height: 2.2857142857;
    }
}

.single-shop-page .shop-average-tbl,
.single-shop-page .shop-pairdiscount-tbl,
.single-shop-page .shop-about-tbl {
    width: 100%;
    margin-bottom: 36px;
}

@media screen and (max-width: 767px) {

    .single-shop-page .shop-average-tbl,
    .single-shop-page .shop-pairdiscount-tbl,
    .single-shop-page .shop-about-tbl {
        margin-bottom: 50px;
    }

    .single-shop-page .shop-average-tbl.scroll,
    .single-shop-page .shop-pairdiscount-tbl.scroll,
    .single-shop-page .shop-about-tbl.scroll {
        overflow-y: scroll;
        padding-bottom: 3%;
    }
}

.single-shop-page .shop-average-tbl table,
.single-shop-page .shop-pairdiscount-tbl table,
.single-shop-page .shop-about-tbl table {
    width: 100%;
    border-collapse: collapse;
    border: 4px solid #c8d8f0;
    margin-top: 20px;
}

.single-shop-page .shop-average-tbl table th,
.single-shop-page .shop-average-tbl table td,
.single-shop-page .shop-pairdiscount-tbl table th,
.single-shop-page .shop-pairdiscount-tbl table td,
.single-shop-page .shop-about-tbl table th,
.single-shop-page .shop-about-tbl table td {
    color: #1d2e47;
    text-align: center;
    font-weight: 700;
}

.single-shop-page .shop-average-tbl table thead th,
.single-shop-page .shop-pairdiscount-tbl table thead th,
.single-shop-page .shop-about-tbl table thead th {
    background-color: #f3fbfe;
    font-size: 16px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {

    .single-shop-page .shop-average-tbl table thead th,
    .single-shop-page .shop-pairdiscount-tbl table thead th,
    .single-shop-page .shop-about-tbl table thead th {
        font-size: 17px;
    }
}

.single-shop-page .shop-average-tbl table tbody th,
.single-shop-page .shop-average-tbl table tbody td,
.single-shop-page .shop-pairdiscount-tbl table tbody th,
.single-shop-page .shop-pairdiscount-tbl table tbody td,
.single-shop-page .shop-about-tbl table tbody th,
.single-shop-page .shop-about-tbl table tbody td {
    font-size: 13px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {

    .single-shop-page .shop-average-tbl table tbody th,
    .single-shop-page .shop-average-tbl table tbody td,
    .single-shop-page .shop-pairdiscount-tbl table tbody th,
    .single-shop-page .shop-pairdiscount-tbl table tbody td,
    .single-shop-page .shop-about-tbl table tbody th,
    .single-shop-page .shop-about-tbl table tbody td {
        font-size: 14px;
    }
}

.single-shop-page .shop-average {
    padding: 60px 0 20px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-average {
        padding: 8% 10px !important;
    }
}

.single-shop-page .shop-average-tbl table.tbl01 th,
.single-shop-page .shop-average-tbl table.tbl01 td {
    padding: 1em 0.5em;
    border: 4px solid #c8d8f0;
}

.single-shop-page .shop-average-tbl table.tbl01 thead th:nth-child(1) {
    width: 25%;
}

.single-shop-page .shop-average-tbl table.tbl01 thead th:nth-child(2) {
    width: 22%;
}

.single-shop-page .shop-average-tbl table.tbl01 thead th:nth-child(3) {
    width: 24%;
}

.single-shop-page .shop-average-tbl table.tbl01 thead th:nth-child(4) {
    width: 29%;
}

.single-shop-page .shop-average-tbl table.tbl01 tbody th {
    text-align: left;
    padding-left: 1em;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-average-tbl table.tbl02 {
        width: 570px;
    }
}

.single-shop-page .shop-average-tbl table.tbl02 .icn img {
    width: 35px;
}

.single-shop-page .shop-average-tbl table.tbl02 th,
.single-shop-page .shop-average-tbl table.tbl02 td {
    border-right: 4px solid #c8d8f0;
}

.single-shop-page .shop-average-tbl table.tbl02 thead th {
    border-bottom: 4px solid #c8d8f0;
    padding: 0.6em 0.5em;
}

.single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(1) {
    width: 18%;
}

.single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(2) {
    width: 18%;
}

.single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(3) {
    width: 18%;
}

.single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(4) {
    width: 23%;
}

.single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(5) {
    width: 23%;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-average-tbl table.tbl02 thead th {
        font-size: 19px;
    }

    .single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(1) {
        width: 14%;
    }

    .single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(2) {
        width: 20%;
    }

    .single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(3) {
        width: 18%;
    }

    .single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(4) {
        width: 24%;
    }

    .single-shop-page .shop-average-tbl table.tbl02 thead th:nth-child(5) {
        width: 24%;
    }
}

.single-shop-page .shop-average-tbl table.tbl02 tbody tr:nth-child(odd) {
    background-color: #fff;
}

.single-shop-page .shop-average-tbl table.tbl02 tbody tr:nth-child(even) {
    background-color: #f3fbfe;
}

.single-shop-page .shop-average-tbl table.tbl02 tbody tr:nth-child(1) th,
.single-shop-page .shop-average-tbl table.tbl02 tbody tr:nth-child(1) td {
    padding: 10px 0.5em;
}

.single-shop-page .shop-average-tbl table.tbl02 tbody th {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-average-tbl table.tbl02 tbody th {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-average-tbl table.tbl02 tbody td {
        font-size: 16px;
    }
}

.single-shop-page .shop-average-tbl table.tbl02 tbody th,
.single-shop-page .shop-average-tbl table.tbl02 tbody td {
    text-align: center;
    padding: 20px 0.5em;
}

.single-shop-page .shop-average .panel {
    display: none;
}

.single-shop-page .shop-average .panel.show {
    display: block;
}

.single-shop-page .shop-average .panel th,
.single-shop-page .shop-average .panel td {
    width: 50%;
}

.single-shop-page .shop-average-button {
    display: flex;
    justify-content: center;
    gap: 0 10px;
    margin-top: 20px;
}

.single-shop-page .shop-average-button .c-button {
    background-color: rgba(28, 179, 222, 0.5);
    border-radius: 9999px;
    width: 32%;
    max-width: 120px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.single-shop-page .shop-average-button .c-button.active {
    background-color: rgb(28, 179, 222);
}

.single-shop-page .shop-pairdiscount {
    padding: 20px 0 60px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount {
        padding: 5% 10px !important;
    }
}

.single-shop-page .shop-pairdiscount-main {
    position: relative;
    width: 100%;
    border: 5px solid #c8d8f0;
    background-color: #fff;
    border-radius: 8px;
    padding: 0.5em 1em;
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-main {
        margin-bottom: 50px;
    }
}

.single-shop-page .shop-pairdiscount-main::before {
    position: absolute;
    content: "";
    clip-path: polygon(50% 76%, 0 0, 100% 0);
    background-color: #c8d8f0;
    width: 55px;
    height: 40px;
    bottom: -38px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-main::before {
        width: 40px;
        height: 25px;
        bottom: -28px;
    }
}

.single-shop-page .shop-pairdiscount-main p {
    font-size: 22px;
    line-height: 1.5333333333;
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-main p {
        font-size: 20px;
    }
}

.single-shop-page .shop-pairdiscount-img01 {
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-img01 {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

.single-shop-page .shop-pairdiscount-img02 {
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-img02 {
        margin-top: 33px;
        margin-bottom: 36px;
    }
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-tbl {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 {
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-tbl table.tbl03 {
        margin-top: 35px;
    }
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 thead th {
    border-bottom: 4px solid #c8d8f0;
    padding: 0.4em 0.5em;
    font-size: 17px;
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 thead th:nth-child(1) {
    width: 17%;
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 thead th:nth-child(2) {
    width: 37%;
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 thead th:nth-child(3) {
    width: 46%;
    color: #d55b5b;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-tbl table.tbl03 thead th {
        padding: 1em 0.5em;
    }
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody tr:nth-child(odd) {
    background-color: #fff;
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody tr:nth-child(even) {
    background-color: #f3fbfe;
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody td {
    line-height: 0.8;
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody td:nth-child(3) {
    color: #d55b5b;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody td {
        font-size: 16px;
    }
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody td span {
    font-size: 10px;
    display: inline-block;
    margin-top: -8px;
}

.single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody th,
.single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody td {
    font-size: 17px;
    text-align: center;
    padding: 0.7em 0.5em;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-tbl table.tbl03 tbody th {
        font-size: 14px;
    }
}

.single-shop-page .shop-pairdiscount-btn {
    text-align: center;
}

.single-shop-page .shop-pairdiscount-btn a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 50px;
    background: #1cb3de;
    border-radius: 9999px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 0 3em 0 2em;
    transition: 0.3s;
}

.single-shop-page .shop-pairdiscount-btn a span {
    position: relative;
}

.single-shop-page .shop-pairdiscount-btn a span::before {
    position: absolute;
    content: "";
    clip-path: polygon(0 0, 0% 100%, 85% 50%);
    background-color: #fff;
    width: 12px;
    height: 12px;
    right: -1.2em;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
    .single-shop-page .shop-pairdiscount-btn a:hover {
        opacity: 0.7;
    }
}

.single-shop-page .shop-pairdiscount-inner+.shop-pairdiscount-inner {
    margin-top: 60px;
}

.single-shop-page .shop-pairdiscount-condition {
    background-color: #f3fbfe;
    padding: 1.2em;
    margin-top: 20px;
    margin-bottom: 44px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-condition {
        margin-bottom: 30px;
    }
}

.single-shop-page .shop-pairdiscount-condition dt {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 5px;
}

.single-shop-page .shop-pairdiscount-condition dd {
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
}

.single-shop-page .shop-pairdiscount-condition dd p {
    font-size: 12px;
}

.single-shop-page .shop-pairdiscount-condition dd ul {
    margin: 5px 0 10px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-pairdiscount-condition dd ul {
        margin: 3% 0;
    }
}

.single-shop-page .shop-pairdiscount-condition dd li {
    font-size: 12px;
}

.single-shop-page .shop-about {
    padding: 30px 0 50px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-about {
        padding: 8% 10px !important;
    }
}

.single-shop-page .shop-about .shop-common {
    padding-left: 90px;
}

.single-shop-page .shop-about .shop-common span {
    position: relative;
}

.single-shop-page .shop-about .shop-common span::before {
    position: absolute;
    content: "?";
    background: #f3fbfe;
    width: 51px;
    height: 51px;
    line-height: 51px;
    border: 1px solid #c8d8f0;
    border-radius: 51px;
    left: -90px;
    top: -0.6em;
    font-size: 22px;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-about .shop-common {
        padding-left: 50px !important;
        margin-bottom: 30px !important;
    }

    .single-shop-page .shop-about .shop-common span {
        position: relative;
    }

    .single-shop-page .shop-about .shop-common span::before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 40px;
        left: -50px;
        top: -0.6em;
        font-size: 20px;
    }
}

.single-shop-page .shop-about .txt {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3333333333;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-about .txt {
        line-height: 2;
    }
}

.single-shop-page .shop-about-inner {
    margin-top: 78px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-about-inner {
        margin-top: 45px;
    }
}

.single-shop-page .shop-about-headline {
    margin-bottom: 28px;
}

.single-shop-page .shop-about-headline+.txt {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-about-headline {
        margin-bottom: 20px;
    }

    .single-shop-page .shop-about-headline+.txt {
        margin-bottom: 10px;
    }
}

.single-shop-page .shop-about-dl+.shop-about-dl {
    margin-top: 54px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-about-dl+.shop-about-dl {
        margin-top: 40px;
    }
}

.single-shop-page .shop-about-dl dt {
    font-size: 17px;
    font-weight: 700;
    padding: 0.7em 0.7em;
    margin-bottom: 28px;
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-about-dl dt {
        margin-bottom: 20px;
    }
}

.single-shop-page .shop-about-dl dd {
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
}

.single-shop-page .shop-about-dl.-merit dt {
    background-color: #f3fbfe;
}

.single-shop-page .shop-about-dl.-demerit dt {
    background-color: #fef3f3;
}

/* TOP トレーナー一覧 */
.top .stylist .list-new {
    margin: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .top .stylist .list-new {
        margin: 20px 0;
    }
}

.top .stylist .list-new .item {
    width: 33.33%;
}

@media screen and (max-width: 767px) {
    .top .stylist .list-new .item {
        width: 50%;
    }
}

.top .stylist .list-new .item-link {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.top .stylist .list-new .item-link:hover {
    opacity: 0.7;
}

.top .stylist .list-new .item-link .img {
    width: 100%;
    padding-top: 66.7%;
    overflow: hidden;
    position: relative;
}

.top .stylist .list-new .item-link .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.top .stylist .list-new .item-link .cnt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 12px 16px;
}

@media screen and (max-width: 767px) {
    .top .stylist .list-new .item-link .cnt {
        padding: 2.5641025641vw 3.3333333333vw;
    }
}

.top .stylist .list-new .item-link .cnt .tenpo {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 100vh;
    padding: 0.1em 1em 0;
}

@media screen and (max-width: 767px) {
    .top .stylist .list-new .item-link .cnt .tenpo {
        font-size: 1.7948717949vw;
        border-width: 0.2564102564vw;
    }
}

.top .stylist .list-new .item-link .cnt .kana {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 0.4em;
}

@media screen and (max-width: 767px) {
    .top .stylist .list-new .item-link .cnt .kana {
        font-size: 1.5384615385vw;
    }
}

.top .stylist .list-new .item-link .cnt .name {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .top .stylist .list-new .item-link .cnt .name {
        font-size: 2.3076923077vw;
    }
}

/* 店舗一覧 */
.shop-search {
    margin-bottom: 100px;
}

.shop-search .top {
    padding-top: 67px;
    background-color: #defafb;
}

@media screen and (max-width: 767px) {
    .shop-search .top {
        padding-top: 31px;
    }
}

.shop-search .top-ttl {
    color: #264a74;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .shop-search .top-ttl {
        font-size: 20px;
    }
}

.shop-search .top-box {
    width: 480px;
    margin: 40px auto 0;
    border: 2px solid #2ba8e8;
    border-radius: 10px;
    display: flex;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .shop-search .top-box {
        width: 89%;
        margin-top: 30px;
        border-radius: 7px;
    }
}

.shop-search .top-input {
    width: calc(100% - 58px);
    height: 56px;
    border: none;
    padding: 0 17px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
    background-color: transparent;
    outline: none;
}

@media screen and (max-width: 767px) {
    .shop-search .top-input {
        width: calc(100% - 42px);
        height: 39px;
        padding: 0 12px;
        font-size: 14.4px;
        letter-spacing: 0.0288em;
    }
}

.shop-search .top-input::placeholder {
    color: rgba(0, 0, 0, 0.35);
}

.shop-search .top-input::-webkit-search-cancel-button {
    appearance: none;
    -webkit-appearance: none;
}

.shop-search .top-submit {
    width: 58px;
    height: 56px;
    margin-left: auto;
    border: none;
    border-radius: 0 5px 5px 0;
    flex-shrink: 0;
    transition: opacity 0.3s;
    color: transparent;
    font-size: 0;
    background: #2ba8e8 url(../img/shop/icon_search.svg) no-repeat center/25px auto;
    outline: none;
}

@media screen and (max-width: 767px) {
    .shop-search .top-submit {
        width: 42px;
        height: 39px;
        border-radius: 0 3px 3px 0;
        background-size: 18px auto;
    }
}

@media print,
screen and (min-width: 768px) {
    .shop-search .top-submit:hover {
        opacity: 0.7;
    }
}

.shop-search .top-tab {
    max-width: 1000px;
    margin: 40px auto 0;
    display: flex;
}

@media screen and (max-width: 767px) {
    .shop-search .top-tab {
        width: 90%;
        margin-top: 39px;
    }
}

.shop-search .top-btn {
    cursor: pointer;
    border: 2px solid #2ba8e8;
    border-radius: 10px 10px 0 0;
    padding: 16px 0 15px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 21px;
    position: relative;
    transition: opacity 0.3s;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.1em;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .shop-search .top-btn {
        border-radius: 3.5px 3.5px 0 0;
        padding: 9px 0 11px;
        gap: 9px;
        font-size: 12px;
        letter-spacing: 0.035em;
    }
}

@media print,
screen and (min-width: 768px) {
    .shop-search .top-btn:hover {
        opacity: 0.7;
    }
}

.shop-search .top-btn::before {
    content: "";
    width: 25px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
    .shop-search .top-btn::before {
        width: 11px;
        height: 16px;
    }
}

.shop-search .top-btn::after {
    content: "";
    width: 27px;
    height: 14px;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    background-color: #2ba8e8;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

@media screen and (max-width: 767px) {
    .shop-search .top-btn::after {
        width: 14px;
        height: 7px;
    }
}

.shop-search .top-btn.active {
    pointer-events: none;
    color: #fff;
    background-color: #2ba8e8;
}

.shop-search .top-btn.active::after {
    opacity: 1;
}

.shop-search .top-btn:nth-child(1)::before {
    background-image: url(../img/shop/icon_area.svg);
}

.shop-search .top-btn:nth-child(1).active::before {
    background-image: url(../img/shop/icon_area_on.svg);
}

.shop-search .top-btn:nth-child(2)::before {
    background-image: url(../img/shop/icon_route.svg);
}

.shop-search .top-btn:nth-child(2).active::before {
    background-image: url(../img/shop/icon_route_on.svg);
}

.shop-search .main {
    max-width: 1000px;
    margin: 53px auto 0;
    margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .shop-search .main {
        width: 89%;
        margin-top: 29px;
    }
}

.shop-search .panel {
    display: none;
}

.shop-search .panel.active {
    display: block;
}

.shop-search .panel-box {
    margin-bottom: 25px;
    padding-top: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media screen and (max-width: 767px) {
    .shop-search .panel-box {
        padding-top: 0;
    }
}

.shop-search .panel-btn {
    cursor: pointer;
    min-width: 151px;
    height: 63px;
    border-radius: 10px;
    padding: 0 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s;
    color: rgba(0, 0, 0, 0.5);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.1em;
    background-color: #e1e1e1;
}

@media screen and (max-width: 767px) {
    .shop-search .panel-btn {
        min-width: 80px;
        height: 38px;
        border-radius: 7px;
        padding: 0 12px;
        font-size: 12px;
    }
}

@media print,
screen and (min-width: 768px) {
    .shop-search .panel-btn:hover {
        opacity: 0.7;
    }
}

.shop-search .panel-btn.active {
    pointer-events: none;
    color: #fff;
    background-color: #2ba8e8;
}

.shop-search .panel-route {
    display: none;
}

.shop-search .panel-route.active {
    display: block;
}

.shop-search .panel-wrap {
    border-bottom: 2px solid #c8c8c8;
}

.shop-search .panel-cat {
    border-top: 2px solid #c8c8c8;
}

.shop-search .panel-cat-ttl {
    cursor: pointer;
    padding: 25px 80px 25px 40px;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
    .shop-search .panel-cat-ttl {
        padding: 14px calc(7.5% + 25px) 15px 25px;
        font-size: 14px;
    }
}

.shop-search .panel-cat-ttl::before,
.shop-search .panel-cat-ttl::after {
    content: "";
    width: 30px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 4%;
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {

    .shop-search .panel-cat-ttl::before,
    .shop-search .panel-cat-ttl::after {
        width: 18px;
        right: 7.5%;
    }
}

.shop-search .panel-cat-ttl::after {
    transform: rotate(90deg);
    transition: transform 0.3s;
}

.shop-search .panel-cat-ttl.active::after {
    transform: rotate(0deg);
}

.shop-search .panel-cat-box {
    display: none;
}

.shop-search .panel-cat-list {
    border-top: 2px solid #c8c8c8;
    border-bottom: 20px solid #fff;
    padding: 39px 40px 52px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background-color: #defafb;
}

@media screen and (max-width: 767px) {
    .shop-search .panel-cat-list {
        padding: 20px 9px 16px;
        gap: 11px 5px;
    }
}

.shop-search .panel-cat-item a {
    border: 2px solid #83d0f1;
    border-radius: 999px;
    padding: 8px 13px;
    display: inline-block;
    transition: opacity 0.3s;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .shop-search .panel-cat-item a {
        font-size: 12px;
        letter-spacing: 0.072em;
    }
}

.shop-search .panel-cat-item a:hover {
    opacity: 0.7;
}

.shop-search .head {
    padding: 67px 0;
    background-color: #defafb;
}

@media screen and (max-width: 767px) {
    .shop-search .head {
        padding: 37px 0;
    }
}

.shop-search .head-ttl {
    color: #264a74;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .shop-search .head-ttl {
        font-size: 20px;
    }
}

.shop-search .result {
    max-width: 1000px;
    margin: 27px auto 0;
}

@media screen and (max-width: 767px) {
    .shop-search .result {
        width: 90%;
        margin-top: 21px;
    }
}

.shop-search .result-txt {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
    .shop-search .result-txt {
        font-size: 14px;
    }
}

.shop-search .result-list {
    margin-top: 36px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 23px;
}

@media screen and (max-width: 767px) {
    .shop-search .result-list {
        margin-top: 10px;
        gap: 10px;
    }
}

.shop-search .result-item {
    width: calc((100% - 23px) / 2);
    border: 2px solid #c8c8c8;
    border-radius: 10px;
    padding: 20px 17px 15px 20px;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item {
        width: 100%;
        border-radius: 7px;
        padding: 13px 30px 15px 15px;
        position: relative;
    }

    .shop-search .result-item::after {
        content: "";
        width: 10px;
        height: 18px;
        position: absolute;
        top: 53%;
        right: 15px;
        transform: translateY(-50%);
        background: url(../img/shop/arrow_shop.svg) no-repeat center/100% auto;
    }
}

.shop-search .result-item-top {
    display: flex;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-top {
        align-items: center;
        gap: 11px;
    }
}

.shop-search .result-item-ttl {
    width: 50%;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-ttl {
        width: auto;
        font-size: 16px;
        letter-spacing: 0.028em;
    }
}

.shop-search .result-item-guide {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-guide {
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: 0.028em;
    }
}

.shop-search .result-item-box {
    display: flex;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-box {
        display: block;
    }
}

.shop-search .result-item-img {
    width: 50%;
    margin-top: 17px;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-img {
        display: none;
    }
}

.shop-search .result-item-right {
    flex: 1;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-info {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 6px 13px;
    }
}

.shop-search .result-item-tag {
    min-width: 67px;
    border: 1px solid #2ba8e8;
    border-radius: 4px;
    padding: 2px 6px;
    display: inline-block;
    color: #2ba8e8;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-tag {
        min-width: initial;
        width: 48px;
        border-radius: 3px;
        padding: 1px 0 1px;
        font-size: 9px;
        letter-spacing: 0.028em;
    }
}

.shop-search .result-item-detail {
    margin-top: 11px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4285714286;
    letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-detail {
        width: calc(100% - 13px - 48px);
        margin: 0;
        font-size: 10px;
        letter-spacing: 0.028em;
    }
}

.shop-search .result-item-map {
    margin-top: 1px;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-map {
        display: none;
    }
}

.shop-search .result-item-map a {
    border: 2px solid #2ba8e8;
    border-radius: 99px;
    padding: 4px 10px 4px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: opacity 0.3s;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
}

@media print,
screen and (min-width: 768px) {
    .shop-search .result-item-map a:hover {
        opacity: 0.7;
    }
}

.shop-search .result-item-map a::before {
    content: "";
    width: 17px;
    height: 16px;
    background: url(../img/shop/icon_map.svg) no-repeat center/100% auto;
}

.shop-search .result-item-link {
    margin-top: 6px;
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-link {
        margin: 0;
    }
}

.shop-search .result-item-link a {
    border-radius: 999px;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-align: center;
    background-color: #2ba8e8;
}

@media print,
screen and (min-width: 768px) {
    .shop-search .result-item-link a:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 767px) {
    .shop-search .result-item-link a {
        z-index: 2;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        color: transparent;
        font-size: 0;
        background-color: transparent;
    }
}

.top .monthlypayment {
    margin: 0 auto 120px;
}

@media screen and (max-width: 767px) {
    .top .monthlypayment {
        margin-bottom: 10.2564102564vw;
    }
}

.top .monthlypayment .inner {
    padding: 0 10px;
}

.top .monthlypayment .ttl {
    color: #2ba8e8;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.02em;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .top .monthlypayment .ttl {
        font-size: 28px;
        margin-bottom: 6.6666666667vw;
    }
}

.top .monthlypayment .sub-ttl {
    color: #2ba8e8;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.02em;
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .top .monthlypayment .sub-ttl {
        font-size: 24px;
        margin-bottom: 5.1282051282vw;
    }
}

.top .monthlypayment .txt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6111111111;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .top .monthlypayment .txt {
        font-size: 14px;
        line-height: 1.8571428571;
    }
}

.top .monthlypayment .txt-foot {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: 0.02em;
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .top .monthlypayment .txt-foot {
        font-size: 12px;
        margin-top: 5.1282051282vw;
    }
}

.top .monthlypayment .img-wrap {
    background: #e3f9fb;
    padding: 36px 27px 32px;
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .top .monthlypayment .img-wrap {
        padding: 6.6666666667vw 10px 8.2051282051vw;
    }
}

.top .monthlypayment .img+.img {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .top .monthlypayment .img+.img {
        margin-top: 5.1282051282vw;
    }
}

/* 新プランLP */
@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.lp-fitness-page {
    scroll-behavior: smooth;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    max-width: 375px;
    margin: 0 auto;
    padding-top: 68px;
    color: #212646;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page {
        max-width: 100%;
    }
}

.lp-fitness-page .fitness-header {
    max-width: 375px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .fitness-header {
        max-width: 100%;
    }
}

.lp-fitness-page .fitness-header .inner {
    display: flex;
    justify-content: space-between;
    padding: 14px;
    position: relative;
}

.lp-fitness-page .fitness-header .logo {
    width: 100px;
    position: absolute;
    top: 0;
    left: 14px;
    z-index: 2;
}

.lp-fitness-page .fitness-header .btn-area {
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp-fitness-page .fitness-header .btn-area .contact-btn {
    width: 120px;
}

.lp-fitness-page .fitness-header .btn-area .hum-btn {
    height: 34px;
    width: 40px;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
}

.lp-fitness-page .fitness-header .btn-area .hum-btn .line {
    position: absolute;
    height: 2px;
    background-color: #212646;
    transition: all 0.4s;
}

.lp-fitness-page .fitness-header .btn-area .hum-btn .line.line1 {
    top: 12px;
    width: 40px;
    right: 0;
}

.lp-fitness-page .fitness-header .btn-area .hum-btn .line.line2 {
    top: 20px;
    width: 30px;
    right: 0;
}

.lp-fitness-page .fitness-header .btn-area .hum-btn.active .line.line1 {
    top: 16px;
    transform: rotate(45deg);
}

.lp-fitness-page .fitness-header .btn-area .hum-btn.active .line.line2 {
    width: 40px;
    top: 16px;
    transform: rotate(-45deg);
}

.lp-fitness-page .fitness-header .hidden-menu {
    background-color: #212646;
    display: none;
}

.lp-fitness-page .fitness-header .hidden-menu .list {
    padding: 30px 0;
}

.lp-fitness-page .fitness-header .hidden-menu .list li {
    border-bottom: 1px solid #fff;
}

.lp-fitness-page .fitness-header .hidden-menu .list a {
    display: block;
    color: #fff;
    font-weight: 600;
    padding: 14px;
}

.lp-fitness-page .fv .price {
    padding: 6px 24px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .fv .price {
        margin: 0 auto;
    }
}

.lp-fitness-page .fv .campaign {
    background-color: #212646;
    padding: 10px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp-fitness-page .fv .campaign .img {
    width: calc(100% - 80px);
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .fv .campaign .img {
        text-align: right;
        width: calc(100% - 17vw);
    }
}

.lp-fitness-page .fv .campaign .date {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    font-weight: 600;
    color: #212646;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .fv .campaign .date {
        width: 13vw;
        height: 13vw;
        font-size: 3vw;
    }
}

.lp-fitness-page .fv .campaign .date:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -6px;
    border: 6px solid transparent;
    border-right: 12px solid #fff;
    z-index: 0;
}

.lp-fitness-page .fv .limit {
    background-color: #d5f7fd;
    padding: 16px 34px;
}

.lp-fitness-page .fv .limit .ttl {
    margin-bottom: 18px;
}

.lp-fitness-page .fv .limit .box {
    display: flex;
    justify-content: space-between;
}

.lp-fitness-page .fv .limit .box .gym-wrap {
    width: 48%;
}

.lp-fitness-page .fv .limit .box .access {
    width: 92%;
    margin: 0 auto 10px;
    position: relative;
    background-color: #212646;
    color: #fff;
    font-weight: 600;
    border-radius: 30px;
    padding: 4px 10px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .fv .limit .box .access {
        font-size: 3.5vw;
    }
}

.lp-fitness-page .fv .limit .box .access::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -4px;
    border: 4px solid transparent;
    border-top: 6px solid #212646;
}

.lp-fitness-page .fv .limit .box .name a {
    display: block;
    background-color: #fff;
    color: #212646;
    border: 2px solid #212646;
    padding: 6px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .fv .limit .box .name a {
        font-size: 4vw;
    }
}

.lp-fitness-page .fv .animation-img,
.lp-fitness-page .gymphoto .animation-img {
    background-color: #fff;
    padding: 10px 0;
    display: flex;
    overflow: hidden;
}

.lp-fitness-page .fv .animation-img .img,
.lp-fitness-page .gymphoto .animation-img .img {
    display: flex;
    align-items: center;
    animation: infinity-scroll-left 80s infinite linear 0.5s both;
}

.lp-fitness-page .fv .animation-img .img li,
.lp-fitness-page .gymphoto .animation-img .img li {
    width: max-content;
    margin: 0 10px;
}

.lp-fitness-page .fv .animation-img .img img,
.lp-fitness-page .gymphoto .animation-img .img img {
    height: revert-layer;
}

.lp-fitness-page .gymphoto .animation-img .img img {
    height: auto;
    width: 300px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .fv .animation-img .img img {
        height: auto;
    }
}

.lp-fitness-page .fv .btn-area {
    background-color: #d5f7fd;
    padding: 20px 14px;
}

.lp-fitness-page .fv .btn-area .box {
    background-color: #fff;
    padding: 20px 14px;
}

.lp-fitness-page .fv .btn-area .box .ttl {
    margin-bottom: 20px;
    text-align: center;
}

.lp-fitness-page .fv .btn-area .box .ttl img {
    width: 70%;
}

.lp-fitness-page .fv .btn-area .box .btn {
    margin-bottom: 4px;
}

.lp-fitness-page #price h2 {
    padding: 20px 14px;
    text-align: center;
}

.lp-fitness-page #price h2 img {
    width: 70%;
}

.lp-fitness-page .concept .inner {
    padding: 20px 14px 30px;
}

.lp-fitness-page .concept h2 {
    padding: 20px 14px;
    text-align: center;
}

.lp-fitness-page .concept h2 img {
    width: 70%;
}

.lp-fitness-page .concept .img {
    padding: 0 14px;
    margin-bottom: 30px;
}

.lp-fitness-page .declaration {
    background-color: #d5f7fd;
}

.lp-fitness-page .declaration .inner {
    padding: 20px 14px;
}

.lp-fitness-page .declaration h2 {
    padding: 20px 14px;
    text-align: center;
}

.lp-fitness-page .declaration h2 img {
    width: 70%;
}

.lp-fitness-page .declaration .box {
    background-color: #fff;
    padding: 20px 14px;
    margin-bottom: 10px;
}

.lp-fitness-page .declaration .box .scroll {
    margin-top: 14px;
    scroll-behavior: smooth;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: calc(100% + 28px);
}

.lp-fitness-page .declaration .box .scroll::-webkit-scrollbar {
    display: none;
}

.lp-fitness-page .declaration .box .scroll .img {
    display: flex;
    width: max-content;
}

.lp-fitness-page .declaration .box .scroll .img img {
    margin-right: 28px;
    height: 180px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .declaration .box .scroll .img img {
        height: auto;
        width: 80vw;
    }
}

.lp-fitness-page .gym .inner {
    padding: 20px 14px;
}

.lp-fitness-page .gym h2 {
    padding: 30px 14px;
    text-align: center;
}

.lp-fitness-page .gym h2 img {
    width: 40%;
}

.lp-fitness-page .gym .box {
    background-color: #d5f7fd;
    margin-bottom: 14px;
}

.lp-fitness-page .gym .box .name {
    text-align: center;
    padding: 14px 50px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .gym .box .name {
        font-size: clamp(16px, 2.5vw, 24px);
    }
}

.lp-fitness-page .gym .box .name .bar {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%) translateX(0%);
}

.lp-fitness-page .gym .box .name .bar .line {
    position: absolute;
    height: 2px;
    background-color: #212646;
    width: 100%;
    transition: all 0.4s;
}

.lp-fitness-page .gym .box .name .bar .line.line1 {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.lp-fitness-page .gym .box .name .bar .line.line2 {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

.lp-fitness-page .gym .box .name.active .bar .line.line2 {
    transform: translateY(-50%) translateX(-50%) rotate(0deg);
}

.lp-fitness-page .gym .box .detail {
    display: none;
    padding: 0 14px 14px;
}

.lp-fitness-page .gym .box .detail .wrap {
    background-color: #fff;
    padding: 14px;
}

.lp-fitness-page .gym .box .detail .slider {
    position: relative;
}

.lp-fitness-page .gym .box .detail .slider .swiper-button-next,
.lp-fitness-page .gym .box .detail .slider .swiper-button-prev {
    width: 60px;
    height: 60px;
    top: 40%;
}

.lp-fitness-page .gym .box .detail .slider .swiper-button-next:after,
.lp-fitness-page .gym .box .detail .slider .swiper-button-prev:after {
    content: "";
    background-size: cover;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}

.lp-fitness-page .gym .box .detail .slider .swiper-button-next {
    right: -16px;
}

.lp-fitness-page .gym .box .detail .slider .swiper-button-next:after {
    background-image: url(../img/fitness/next-btn-img.png);
}

.lp-fitness-page .gym .box .detail .slider .swiper-button-prev {
    left: -16px;
}

.lp-fitness-page .gym .box .detail .slider .swiper-button-prev:after {
    background-image: url(../img/fitness/prev-btn-img.png);
}

.lp-fitness-page .gym .box .detail .slider .swiper-button-disabled {
    opacity: 0;
}

.lp-fitness-page .gym .box .detail .swiper {
    padding-bottom: 36px;
}

.lp-fitness-page .gym .box .detail .swiper .swiper-pagination-bullet {
    background-color: #d5f7fd;
    opacity: 1;
    width: 12px;
    height: 12px;
    margin: 0 6px;
}

.lp-fitness-page .gym .box .detail .swiper .swiper-pagination-bullet-active {
    background-color: #212646;
}

.lp-fitness-page .gym .box .detail .table {
    margin: 20px 0;
    width: 100%;
    font-weight: 600;
    border-spacing: 0 8px;
    border-collapse: separate;
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .gym .box .detail .table {
        font-size: clamp(14px, 2.2vw, 24px);
    }
}

.lp-fitness-page .gym .box .detail .table th {
    width: 30%;
    text-align: left;
    padding: 0 8px;
}

.lp-fitness-page .gym .box .detail .table td {
    width: 70%;
    padding: 0 0 0 14px;
    border-left: 1px solid #7bebea;
}

.lp-fitness-page .gym .box .detail .map iframe {
    width: 100%;
}

.lp-fitness-page .faq .inner {
    padding: 20px 14px;
}

.lp-fitness-page .faq h2 {
    padding: 20px 14px;
    text-align: center;
    margin-bottom: 20px;
}

.lp-fitness-page .faq h2 img {
    width: 70%;
}

.lp-fitness-page .faq .box {
    background-color: #d5f7fd;
    margin-bottom: 14px;
}

.lp-fitness-page .faq .box .question {
    padding: 20px 40px 20px 60px;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .faq .box .question {
        font-size: clamp(16px, 2.5vw, 24px);
    }
}

.lp-fitness-page .faq .box .question:before {
    content: "Q";
    font-size: 28px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%) translateX(0%);
}

.lp-fitness-page .faq .box .question .bar {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%) translateX(0%);
}

.lp-fitness-page .faq .box .question .bar .line {
    position: absolute;
    height: 2px;
    background-color: #212646;
    width: 100%;
    transition: all 0.4s;
}

.lp-fitness-page .faq .box .question .bar .line.line1 {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.lp-fitness-page .faq .box .question .bar .line.line2 {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}

.lp-fitness-page .faq .box .question.active .bar .line.line2 {
    transform: translateY(-50%) translateX(-50%) rotate(0deg);
}

.lp-fitness-page .faq .box .answer {
    display: none;
    padding: 0 14px 14px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .faq .box .answer {
        font-size: clamp(14px, 2.4vw, 24px);
    }
}

.lp-fitness-page .faq .box .answer .wrap {
    background-color: #fff;
    padding: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.lp-fitness-page .flow .inner {
    padding: 20px 14px 30px;
}

.lp-fitness-page .flow h2 {
    padding: 20px 14px;
    text-align: center;
    margin-bottom: 20px;
}

.lp-fitness-page .flow h2 img {
    width: 76%;
}

.lp-fitness-page .cta-area {
    background-color: #d5f7fd;
}

.lp-fitness-page .cta-area .inner {
    padding: 20px 14px;
}

.lp-fitness-page .cta-area .img {
    padding: 14px;
}

.lp-fitness-page .cta-area .box {
    padding: 14px;
    background-color: #fff;
}

.lp-fitness-page .cta-area .box .ttl {
    text-align: center;
    margin: 10px 0 20px;
}

.lp-fitness-page .cta-area .box .ttl img {
    width: 76%;
}

.lp-fitness-page .cta-area .box .btn {
    margin-bottom: 4px;
}

.lp-fitness-page .fitness-footer {
    background-color: #d5f7fd;
}

.lp-fitness-page .fitness-footer .inner {
    padding: 10px 14px;
    text-align: center;
}

.lp-fitness-page .fitness-footer .copyright {
    font-weight: 600;
    font-size: 12px;
}

.lp-fitness-page .modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 99;
}

.lp-fitness-page .modal__bg {
    background: rgba(255, 255, 255, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.lp-fitness-page .modal__content {
    background-image: repeating-linear-gradient(310deg, #9ffffc, #9ffffc 14px, #d9fffe 14px, #d9fffe 24px);
    left: 50%;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 340px;
    border-radius: 14px;
    border: 3px solid #1a91f5;
}

.lp-fitness-page .modal-close-btn {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 3px;
    top: -34px;
    cursor: pointer;
}

.lp-fitness-page .modal-close-btn:before,
.lp-fitness-page .modal-close-btn:after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: #9d9d9d;
    position: absolute;
    top: 50%;
    left: 50%;
}

.lp-fitness-page .modal-close-btn:before {
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.lp-fitness-page .modal-close-btn:after {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.lp-fitness-page .modal__content .btn {
    margin-top: 16px;
}

/* フォーム */
.lp-fitness-page .lp-form-inner {
    padding: 10px 0 60px;
    background: #d5f7fd;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form {
        margin-top: 17.9487179487vw;
    }

    .lp-fitness-page .lp-form-inner {
        padding: 1.5384615385vw 0 5.1282051282vw;
    }
}

.lp-fitness-page .lp-form .inquiry-form-main {
    background-color: #d5f7fd;
}

.lp-fitness-page .lp-form .inquiry-form-inner {
    background-color: #d5f7fd;
    width: 100%;
    padding: 50px 14px;
}

.lp-fitness-page .lp-form .inquiry-form-inner.inner02 {
    padding-top: 24px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-inner {
        padding: 10.2564102564vw 3.5897435897vw;
    }

    .lp-fitness-page .lp-form .inquiry-form-inner.inner02 {
        padding-top: 5.1282051282vw;
    }
}

.lp-fitness-page .lp-form .inquiry-form-box {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.lp-fitness-page .lp-form .inquiry-form-box.-textarea dd {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-box {
        margin-top: 6.4102564103vw;
    }

    .lp-fitness-page .lp-form .inquiry-form-box.-textarea dt {
        margin-bottom: 10px;
    }
}

.lp-fitness-page .lp-form .inquiry-form-title {
    margin-top: 0;
    color: #1c93f5;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    padding: 20px 0 30px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-title {
        font-size: 5.8461538462vw;
    }
}

.lp-fitness-page .lp-form .inquiry-form-title2 {
    background-color: #1c93f5;
    font-size: 22px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    padding: 28px 0;
    position: relative;
}

.lp-fitness-page .lp-form .inquiry-form-title2:after {
    content: "";
    position: absolute;
    border-color: #1c93f5 transparent transparent transparent;
    border-width: 26px 16px 0 16px;
    bottom: 1px;
    display: block;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 14px 0 14px;
    border-color: #1c93f5 transparent transparent transparent;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-title2 {
        font-size: 4.9487179487vw;
    }

    .lp-fitness-page .lp-form .inquiry-form-title2::after {
        border-width: 5.1282051282vw 3.0769230769vw 0 3.0769230769vw;
    }
}

.lp-fitness-page .lp-form .inquiry-form-linebtn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp-fitness-page .lp-form .inquiry-form-linebtn a {
    width: 80%;
    font-size: 16px;
    background: #0ec805;
    border-radius: 15px;
    color: #fff;
    margin: auto;
    text-align: center;
    padding: 20px 10px;
    font-weight: 600;
}

.lp-fitness-page .lp-form .inquiry-form-table dt {
    font-size: 14px;
    display: flex;
    align-items: center;
    font-weight: bold;
    width: 140px;
}

.lp-fitness-page .lp-form .inquiry-form-table dt .hissu {
    width: 48px;
    font-size: 12px;
    border-radius: 10px;
    border-width: 3px;
    margin-right: 0.5em;
    border: 2px solid #fe353b;
    text-align: center;
    color: #fe353b;
    padding: 2px 0px;
}

.lp-fitness-page .lp-form .inquiry-form-table dt .hissu.-nini {
    border-color: #0faed6;
    color: #0faed6;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-table dt {
        font-size: 3.5897435897vw;
        width: 35.8974358974vw;
    }

    .lp-fitness-page .lp-form .inquiry-form-table dt .hissu {
        width: 14.1025641026vw;
        font-size: 3.8717948718vw;
        border-radius: 6px;
        border-width: 2px;
    }

    .lp-fitness-page .lp-form .inquiry-form-linebtn a {
        font-size: 16px;
    }
}

.lp-fitness-page .lp-form .inquiry-form-table dd {
    width: calc(100% - 140px);
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-table dd {
        width: calc(100% - 35.8974358974vw);
    }
}

.lp-fitness-page .lp-form .inquiry-form-table input[type="text"],
.lp-fitness-page .lp-form .inquiry-form-table input[type="email"],
.lp-fitness-page .lp-form .inquiry-form-table input[type="tel"],
.lp-fitness-page .lp-form .inquiry-form-table select,
.lp-fitness-page .lp-form .inquiry-form-table textarea {
    appearance: none;
    font-size: 14px;
    padding: 16px 24px;
    border-radius: 15px;
    border-width: 2px;
    border-color: #b9b8b8;
    width: 100%;
    font-weight: 600;
    border: 2px solid #d9d9d9;
    background-color: #ffffff;
}

.lp-fitness-page .lp-form .inquiry-form-table input[type="text"]::placeholder,
.lp-fitness-page .lp-form .inquiry-form-table input[type="email"]::placeholder,
.lp-fitness-page .lp-form .inquiry-form-table input[type="tel"]::placeholder,
.lp-fitness-page .lp-form .inquiry-form-table select::placeholder,
.lp-fitness-page .lp-form .inquiry-form-table textarea::placeholder {
    color: #a8a8a8;
}

.lp-fitness-page .lp-form .inquiry-form-table select {
    background-image: url(../img/fitness/inquiry-form-arrow-dwn.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center right 20px;
}

.lp-fitness-page .lp-form .inquiry-form-table textarea {
    height: 230px;
}

.lp-fitness-page .lp-form .inquiry-form-table textarea::placeholder {
    color: #b9b8b8;
}

@media screen and (max-width: 767px) {

    .lp-fitness-page .lp-form .inquiry-form-table input[type="text"],
    .lp-fitness-page .lp-form .inquiry-form-table input[type="email"],
    .lp-fitness-page .lp-form .inquiry-form-table input[type="tel"],
    .lp-fitness-page .lp-form .inquiry-form-table select,
    .lp-fitness-page .lp-form .inquiry-form-table textarea {
        font-size: 3.5897435897vw;
        padding: 3.8461538462vw 5.641025641vw;
        border-radius: 10px;
        border-width: 2px;
    }

    .lp-fitness-page .lp-form .inquiry-form-table input[type="text"]::placeholder,
    .lp-fitness-page .lp-form .inquiry-form-table input[type="email"]::placeholder,
    .lp-fitness-page .lp-form .inquiry-form-table input[type="tel"]::placeholder,
    .lp-fitness-page .lp-form .inquiry-form-table select::placeholder,
    .lp-fitness-page .lp-form .inquiry-form-table textarea::placeholder {
        color: #a8a8a8;
    }

    .lp-fitness-page .lp-form .inquiry-form-table select {
        background-size: 6.1538461538vw;
        background-position: center right 3.5897435897vw;
    }

    .lp-fitness-page .lp-form .inquiry-form-table textarea {
        height: 38.2051282051vw;
    }
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio {
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 1.2em;
    display: flex;
    align-items: center;
    gap: 0 24px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio {
        font-size: 4.0512820513vw;
        padding-top: 6.1538461538vw;
        padding-bottom: 6.1538461538vw;
    }
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label {
    position: relative;
    display: inherit;
    cursor: pointer;
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label input {
    position: absolute;
    visibility: hidden;
    width: 1px;
    top: 0;
    left: 0;
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label span {
    position: relative;
    display: block;
    line-height: 1;
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #b9b8b8;
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label span::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label input:checked+span::before {
    border-color: #2f92f7;
    background-color: #2f92f7;
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label input:checked+span::after {
    opacity: 1;
}

.lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label .wpcf7-list-item-label {
    padding: 0.2em 0 0 1.7em;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio {
        gap: 0 18px;
    }

    .lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label span::before {
        width: 16px;
        height: 16px;
        border-width: 2px;
    }

    .lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label span::after {
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
    }

    .lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label .wpcf7-list-item-label {
        padding: 0.2em 0 0 1.6em;
    }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label span::before {
        width: 28px;
        height: 28px;
    }

    .lp-fitness-page .lp-form .inquiry-form-table .wpcf7-radio label span::after {
        top: 9px;
        left: 9px;
        width: 14px;
        height: 14px;
    }
}

.lp-fitness-page .lp-form .inquiry-form-more-btn2 {
    position: relative;
    display: block;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    letter-spacing: normal;
    width: 270px;
    height: 50px;
    border-radius: 9999px;
    font-size: 14px;
    color: #1c93f5;
    margin: 35px auto auto;
}

.lp-fitness-page .lp-form .inquiry-form-more-btn2 .plus {
    font-size: 120%;
    font-weight: bold;
    line-height: 1;
    position: relative;
    top: -0.1em;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-more-btn2 {
        width: 46.1538461538vw;
        height: 8.7179487179vw;
        font-size: 3.1538461538vw;
        margin: 25px auto auto;
    }

    .lp-fitness-page .lp-form .inquiry-form-more-btn2 .plus {
        font-size: 120%;
    }
}

.lp-fitness-page .lp-form .inquiry-form-more-contents {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-more-contents {
        margin-top: 6.4102564103vw;
    }
}

.lp-fitness-page .lp-form .inquiry-form-main__container-ttl {
    margin-top: 24px;
    width: 100%;
    height: 68px;
    background-color: #f16424;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
}

.lp-fitness-page .lp-form .inquiry-form-main__container-ttl::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    bottom: 1px;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 26px 16px 0 16px;
    border-color: #f16424 transparent transparent transparent;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-main__container-ttl {
        margin-top: 20px;
        font-size: 4.1025641026vw;
        height: 11.7948717949vw;
    }

    .lp-fitness-page .lp-form .inquiry-form-main__container-ttl::after {
        border-width: 5.1282051282vw 3.0769230769vw 0 3.0769230769vw;
    }

    .lp-fitness-page .lp-form .inquiry-form-main__container-ttl+.inquiry-form-inner {
        padding-top: 1em;
    }
}

.lp-fitness-page .lp-form .inquiry-form-btnarea {
    margin-top: 30px;
}

.lp-fitness-page .lp-form .inquiry-form-btn {
    display: block;
    max-width: 100%;
    width: 100%;
    text-align: center;
}

.lp-fitness-page .lp-form .inquiry-form-btn .inn {
    font-size: 18px;
    border-radius: 10px;
    border: 2px solid #e43435;
    background-color: #e43435;
    color: #fff;
    font-weight: 600;
    padding: 18px 20px;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .lp-form .inquiry-form-btn {
        /* width: 73.8461538462vw;
        height: 16.9230769231vw; */
    }

    .lp-fitness-page .lp-form .inquiry-form-btn .inn {
        font-size: 5.3846153846vw;
        border-radius: 8px;
    }
}

.lp-fitness-page .inquiry-form-main__container-title2 {
    display: none;
}

.lp-fitness-page .inquiry-form-box.-textarea {
    display: block;
}

.lp-fitness-page .inquiry-form-box.-textarea dt {
    margin-bottom: 20px;
}

.lp-fitness-page .js-more-contents {
    display: none;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .inquiry-form-main__container-title2 {
        margin-top: 20px;
        width: 100%;
        height: 38px;
        background-color: #1c93f5;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        position: relative;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .lp-fitness-page .inquiry-form-main__container-title2:after {
        content: "";
        position: absolute;
        display: block;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%) translateY(100%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 9px 0 9px;
        border-color: #1c93f5 transparent transparent transparent;
        z-index: 1;
    }
}

/*トップページ川崎・菊名料金*/
@media screen and (max-width: 767px) {
    .top .price .plan-wrap .btn a {
        height: min(58px, 14.8717948718vw);
        font-size: min(20px, 5.1282051282vw);
    }
}

.top .price .plan-wrap .btn {
    max-width: 392px;
    margin: 30px auto 40px;
}

.top .price .plan-wrap .btn a {
    height: 58px;
    border: 2px solid #2ba8e8;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2ba8e8;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
    background-color: #fff;
    transition: opacity 0.3s;
    margin: 10px 0;
}

.top .price .plan-wrap .btn a .icon2 {
    width: 30px;
    aspect-ratio: 1 / 1;
    margin-left: 10px;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #fff;
    background-color: #2ba8e8;
}

/* 店舗一覧 Smart対応 */
.shop-search .main-top-tab-wrap {
    max-width: 500px;
    margin: 40px auto 0;
}

.shop-search .main-top-tab-wrap .top-tab {
    max-width: 100%;
}

.shop-search .main-btn {
    cursor: pointer;
    border: 2px solid #2ba8e8;
    border-radius: 10px 10px 0 0;
    padding: 16px 0 15px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: opacity 0.3s;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.1em;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .shop-search .main-btn {
        border-radius: 3.5px 3.5px 0 0;
        padding: 9px 0 11px;
        font-size: 12px;
        letter-spacing: 0.035em;
    }
}

@media print,
screen and (min-width: 768px) {
    .shop-search .main-btn:hover {
        opacity: 0.7;
    }
}

.shop-search .main-btn.active {
    pointer-events: none;
    color: #fff;
    background-color: #2ba8e8;
}

.shop-search .main-top-tab-wrap .top-tab .main-btn:first-child {
    border-radius: 10px 0 0 10px;
}

.shop-search .main-top-tab-wrap .top-tab .main-btn:last-child {
    border-radius: 0 10px 10px 0;
}

.shop-search .main-top-tab-wrap .main-btn.notiice {
    align-items: flex-start;
}

.shop-search .main-top-tab-wrap .main-btn.notiice::after {
    content: "※";
    display: inline-block;
    font-size: 12px;
}

.shop-search .main-top-tab-wrap .main-tab-link {
    margin-top: 10px;
    text-align: center;
}

.shop-search .main-top-tab-wrap .main-tab-link a {
    color: #2ba8e8;
    font-weight: 600;
    text-decoration: underline;
}

.shop-search .main-top-tab-wrap .main-tab-link a::before {
    content: "※";
    display: inline-block;
    color: #264a74;
    margin-right: 4px;
}

.shop-search .top-sub-btn {
    cursor: pointer;
    border: 2px solid #2ba8e8;
    border-radius: 10px 10px 0 0;
    padding: 16px 0 15px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 21px;
    position: relative;
    transition: opacity 0.3s;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.1em;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .shop-search .top-sub-btn {
        border-radius: 3.5px 3.5px 0 0;
        padding: 9px 0 11px;
        gap: 9px;
        font-size: 12px;
        letter-spacing: 0.035em;
    }
}

@media print,
screen and (min-width: 768px) {
    .shop-search .top-sub-btn:hover {
        opacity: 0.7;
    }
}

.shop-search .top-sub-btn::before {
    content: "";
    width: 25px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
    .shop-search .top-sub-btn::before {
        width: 11px;
        height: 16px;
    }
}

.shop-search .top-sub-btn::after {
    content: "";
    width: 27px;
    height: 14px;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    background-color: #2ba8e8;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

@media screen and (max-width: 767px) {
    .shop-search .top-sub-btn::after {
        width: 14px;
        height: 7px;
    }
}

.shop-search .top-sub-btn.active {
    pointer-events: none;
    color: #fff;
    background-color: #2ba8e8;
}

.shop-search .top-sub-btn.active::after {
    opacity: 1;
}

.shop-search .top-sub-btn:nth-child(1)::before {
    background-image: url(../img/shop/icon_area.svg);
}

.shop-search .top-sub-btn:nth-child(1).active::before {
    background-image: url(../img/shop/icon_area_on.svg);
}

.shop-search .top-sub-btn:nth-child(2)::before {
    background-image: url(../img/shop/icon_route.svg);
}

.shop-search .top-sub-btn:nth-child(2).active::before {
    background-image: url(../img/shop/icon_route_on.svg);
}

.shop-search .main-panel {
    display: none;
}

.shop-search .main-panel.active {
    display: block;
}

.shop-search .sub-panel {
    display: none;
}

.shop-search .sub-panel.active {
    display: block;
}

.shop-search .panel-change {
    display: none;
}

.shop-search .panel-change.active {
    display: block;
}

.shop-search .result .smart-info-badge {
    display: inline-block;
    color: #264a74;
    font-weight: 600;
    font-size: 10px;
    background-color: #defafb;
    padding: 6px 6px 6px 10px;
    border-radius: 6px;
    vertical-align: middle;
    margin-left: 2px;
}

.shop-search .result .smart-info-badge::after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/info-icon-img.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 4px;
}

@media screen and (max-width: 767px) {
    .shop-search .result .smart-info-badge {
        margin-bottom: 10px;
        padding: 6px 14px;
        font-size: 12px;
        margin-left: 0;
        position: relative;
        z-index: 3;
    }

    .shop-search .result .result-item-top .smart-info-badge {
        display: none;
    }
}

/* 店舗詳細 Smart対応 */
.single-shop-page .shop-ttl .smart-wrap {
    margin-bottom: 10px;
}

.single-shop-page .shop-ttl .smart-info-badge {
    display: inline-block;
    color: #264a74;
    font-weight: 600;
    font-size: 14px;
    background-color: #defafb;
    padding: 8px 12px 8px 14px;
    border-radius: 6px;
    letter-spacing: 1px;
}

.single-shop-page .shop-ttl .smart-info-badge::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/info-icon-img.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 8px;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-ttl .smart-wrap {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-bottom: 20px;
    }

    .single-shop-page .shop-ttl .smart-info-badge {
        display: block;
        text-align: center;
        padding: 20px;
        font-size: 16px;
    }

    .single-shop-page .shop-ttl .smart-info-badge::after {
        width: 26px;
        height: 26px;
        vertical-align: middle;
    }
}

.single-shop-page .shop-smart-notice {
    margin: 40px 0 20px;
    background-color: #defafb;
    padding: 20px;
    border-radius: 10px;
    color: #1d2f44;
}

.single-shop-page .shop-smart-notice .smart-head {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.4;
}

.single-shop-page .shop-smart-notice .smart-head span {
    font-size: 12px;
    display: block;
}

.single-shop-page .shop-smart-notice p {
    letter-spacing: 0.1em;
    line-height: 1.34;
    color: #1d2f44;
    font-weight: 600;
    font-size: 14px;
}

.single-shop-page .shop-smart-notice .btn {
    text-align: center;
    margin-top: 20px;
}

.single-shop-page .shop-smart-notice .btn a {
    color: #1d2f44;
    background-color: #fff;
    font-size: 16px;
    padding: 10px 50px;
    border-radius: 30px;
    display: inline-block;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .single-shop-page .shop-smart-notice {
        margin: 40px 10px 20px;
    }

    .single-shop-page .shop-smart-notice .smart-head {
        font-size: 18px;
    }

    .single-shop-page .shop-smart-notice p {
        line-height: 1.5;
        font-size: 12px;
    }

    .single-shop-page .shop-smart-notice .btn a {
        font-size: 14px;
    }
}

/* Smart対応 LP */
.lp-fitness-page .panel-wrap {
    border-bottom: 2px solid #c8c8c8;
}

.lp-fitness-page .panel-cat {
    border-top: 2px solid #c8c8c8;
}

.lp-fitness-page .panel-cat-ttl {
    cursor: pointer;
    padding: 20px 40px 20px 20px;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .panel-cat-ttl {
        padding: 14px calc(7.5% + 25px) 15px 25px;
        font-size: clamp(16px, 2.5vw, 24px);
    }
}

.lp-fitness-page .panel-cat-ttl::before,
.lp-fitness-page .panel-cat-ttl::after {
    content: "";
    width: 16px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 4%;
    background-color: #2ba8e8;
}

@media screen and (max-width: 767px) {

    .lp-fitness-page .panel-cat-ttl::before,
    .lp-fitness-page .panel-cat-ttl::after {
        width: 16px;
        right: 7.5%;
    }
}

.lp-fitness-page .panel-cat-ttl::after {
    transform: rotate(90deg);
    transition: transform 0.3s;
}

.lp-fitness-page .panel-cat-ttl.active::after {
    transform: rotate(0deg);
}

.lp-fitness-page .panel-cat-box {
    display: none;
}

.lp-fitness-page .panel-cat-list {
    border-top: 2px solid #c8c8c8;
    border-bottom: 20px solid #fff;
    padding: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    background-color: #defafb;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .panel-cat-list {
        gap: 11px 5px;
    }
}

.lp-fitness-page .panel-cat-item a {
    border: 2px solid #83d0f1;
    border-radius: 999px;
    padding: 8px 10px;
    display: inline-block;
    transition: opacity 0.3s;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    .lp-fitness-page .panel-cat-item a {
        font-size: 12px;
        letter-spacing: 0.072em;
    }
}

.lp-fitness-page .panel-cat-item a:hover {
    opacity: 0.7;
}

/* スマート */
.smart-page {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #505050;
}

@media screen and (max-width: 767px) {
    .smart-page .inner {
        padding: 0 10px;
    }
}

.smart-page .fv img {
    width: 100%;
    height: 402px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .smart-page .fv img {
        height: auto;
    }
}

.smart-page .bg-blue {
    background-color: #d1fffe;
}

.smart-page .internal-link {
    padding: 40px 0;
}

@media screen and (max-width: 767px) {
    .smart-page .internal-link {
        padding: 20px 0;
    }
}

.smart-page .internal-link-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}

@media screen and (max-width: 767px) {
    .smart-page .internal-link-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        row-gap: 10px;
    }
}

.smart-page .internal-link-list a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 276px;
    height: 64px;
    background-color: #fff;
    color: #505050;
    border-radius: 32px;
    border: solid 2px #39b7ff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    position: relative;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

@media screen and (max-width: 767px) {
    .smart-page .internal-link-list a {
        width: 100%;
        font-size: min(20px, 4.6511627907vw);
    }
}

.smart-page .internal-link-list a::after {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url(../img/smart/arrow_down-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 36px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.smart-page .internal-link-list a:hover {
    opacity: 0.7;
}

.smart-page .about {
    padding-bottom: 92px;
}

@media screen and (max-width: 767px) {
    .smart-page .about {
        padding-bottom: 36px;
    }
}

.smart-page .about-box {
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 30px 50px 46px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box {
        padding: 20px 10px 30px;
    }
}

.smart-page .about-box-img img {
    width: 272px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-img img {
        width: 49.5vw;
    }
}

.smart-page .about-box-heading {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.6;
    color: #008fff;
    letter-spacing: 0.02em;
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-heading {
        font-size: min(24px, 5.5813953488vw);
        margin-top: 20px;
    }
}

.smart-page .about-box-list {
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 38px;
    -moz-column-gap: 38px;
    column-gap: 38px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        row-gap: 35px;
        margin-top: 30px;
    }
}

.smart-page .about-box-list li {
    width: 100%;
    position: relative;
}

.smart-page .about-box-list li+li::before {
    content: "";
    width: 20px;
    height: 33px;
    background-image: url(../img/smart/triangle_right-gold.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: -28px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-list li+li::before {
        top: -33px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
}

.smart-page .about-box-list img {
    width: 100%;
}

.smart-page .about-box-detail {
    margin-top: 42px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-detail {
        margin-top: 24px;
    }
}

.smart-page .about-box-detail p {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-detail p {
        font-size: min(20px, 4.6511627907vw);
    }
}

.smart-page .about-box-detail p.big {
    font-size: 38px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-detail p.big {
        font-size: min(26px, 6.0465116279vw);
    }
}

.smart-page .about-box-detail p.big span {
    color: #f4748d;
    position: relative;
}

.smart-page .about-box-detail p.big span::after {
    content: "";
    width: 100%;
    height: 4px;
    background-color: #39b7ff;
    position: absolute;
    bottom: -4px;
    left: 0;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-detail p.big span::after {
        height: 3px;
    }
}

.smart-page .about-box-detail p.big+p {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-detail p.big+p {
        margin-top: 10px;
    }
}

.smart-page .about-box-detail p+p {
    margin-top: 22px;
}

@media screen and (max-width: 767px) {
    .smart-page .about-box-detail p+p {
        margin-top: 0;
    }
}

.smart-page .smart-content {
    padding: 68px 0 100px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content {
        padding: 42px 0;
    }
}

.smart-page .smart-content .inner {
    background-image: url(../img/smart/bg_content.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: center center;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content .inner {
        background: none;
    }
}

.smart-page .smart-content-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-row {
        display: block;
    }
}

.smart-page .smart-content-row--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-row--reverse .smart-content-img01 {
        margin-left: 0;
    }
}

.smart-page .smart-content-row--reverse .smart-content-img02 {
    right: auto;
    left: 30px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-row--reverse .smart-content-img02 {
        right: auto;
        left: 10px;
    }
}

.smart-page .smart-content-row--reverse .smart-content-img03 {
    left: auto;
    right: -165px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-row--reverse .smart-content-img03 {
        left: auto;
        right: 0;
    }
}

.smart-page .smart-content-area {
    position: relative;
}

.smart-page .smart-content-area+.smart-content-area {
    margin-top: 312px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-area+.smart-content-area {
        margin-top: 51vw;
    }
}

.smart-page .smart-content-area02::before,
.smart-page .smart-content-area02::after {
    content: "";
    background-image: url(../img/smart/bg_content_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-area02::before {
        width: 80vw;
        height: 80vw;
        left: -45.8vw;
        top: -42.6vw;
    }
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-area02::after {
        width: 60vw;
        height: 60vw;
        right: -35.8vw;
        bottom: -62.6vw;
    }
}

.smart-page .smart-content-item {
    -webkit-flex-basis: 500px;
    -ms-flex-preferred-size: 500px;
    flex-basis: 500px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.smart-page .smart-content-img {
    position: relative;
    -webkit-flex-basis: 480px;
    -ms-flex-preferred-size: 480px;
    flex-basis: 480px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-img {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-img01 {
        width: 70.8vw;
        margin-left: auto;
        display: block;
    }
}

.smart-page .smart-content-img02 {
    position: absolute;
    right: 30px;
    bottom: -186px;
    width: 334px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-img02 {
        width: 49.2vw;
        right: 10px;
        bottom: -27.8vw;
    }
}

.smart-page .smart-content-img03 {
    position: absolute;
    width: 247px;
    left: -167px;
    bottom: -210px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-img03 {
        width: 36.2vw;
        left: 0;
        bottom: -32vw;
    }
}

.smart-page .smart-content-detail {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.02em;
    margin-top: 48px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-detail {
        font-size: min(16px, 3.7209302326vw);
        margin-top: 20px;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-heading {
        padding: 0 10px;
    }
}

.smart-page .smart-content-heading01 {
    padding-top: 60px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-heading01 {
        padding-top: 0;
    }
}

.smart-page .smart-content-heading01 img {
    width: 360px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-heading01 img {
        width: 62vw;
    }
}

.smart-page .smart-content-heading02 {
    padding-top: 30px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-heading02 {
        padding-top: 0;
    }
}

.smart-page .smart-content-heading02 img {
    width: 492px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-heading02 img {
        width: 87.2vw;
    }
}

.smart-page .smart-content-heading03 img {
    width: 492px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-heading03 img {
        width: 87.2vw;
    }
}

.smart-page .smart-content-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    margin-top: 44px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px 8px;
    }
}

.smart-page .smart-content-list li {
    text-align: center;
}

.smart-page .smart-content-list li:nth-child(odd) {
    padding-top: 68px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-list li:nth-child(odd) {
        padding-top: 0;
    }
}

.smart-page .smart-content-list-img img {
    width: 190px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-list-img img {
        width: 29vw;
    }
}

.smart-page .smart-content-list-img figcaption {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: 0.02em;
    margin-top: 16px;
}

@media screen and (max-width: 767px) {
    .smart-page .smart-content-list-img figcaption {
        font-size: min(14px, 3.2558139535vw);
        margin-top: 10px;
    }
}

.smart-page .shop {
    padding: 76px 0;
}

@media screen and (max-width: 767px) {
    .smart-page .shop {
        padding: 30px 0;
    }
}

.smart-page .shop-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 0;
}

@media screen and (max-width: 767px) {
    .smart-page .shop-box {
        padding: 20px 10px 24px;
    }
}

.smart-page .shop-logo {
    text-align: center;
}

.smart-page .shop-logo img {
    width: 272px;
}

@media screen and (max-width: 767px) {
    .smart-page .shop-logo img {
        width: 49.5vw;
    }
}

.smart-page .shop-heading {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    color: #008fff;
    margin-top: 50px;
}

@media screen and (max-width: 767px) {
    .smart-page .shop-heading {
        font-size: min(24px, 5.5813953488vw);
        margin-top: 22px;
    }
}

.smart-page .shop-heading span {
    font-family: "Century Gothic", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.smart-page .shop-search {
    margin-top: 42px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .smart-page .shop-search {
        margin-top: 22px;
    }
}

.smart-page .price {
    padding: 98px 0 180px;
}

@media screen and (max-width: 767px) {
    .smart-page .price {
        padding: 55px 0 110px;
    }
}

.smart-page .price-heading {
    text-align: center;
}

.smart-page .price-heading img {
    width: 466px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .smart-page .price-heading img {
        width: 55.2vw;
    }
}

.smart-page .price-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    margin-top: 82px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 30px;
        margin-top: 32px;
    }
}

.smart-page .price-list li {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border: solid 3px #dbdbdb;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
}

.smart-page .price-list-title {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.6;
    padding: 12px 0;
    background-color: #39b7ff;
    color: #fff;
    text-align: center;
    border-radius: 7px 7px 0 0;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-title {
        font-size: min(24px, 5.5813953488vw);
        padding: 16px 0;
    }
}

.smart-page .price-list-title span {
    font-family: "Century Gothic", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.smart-page .price-list-title--icon {
    text-align: left;
    padding-left: 104px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-title--icon {
        text-align: center;
        padding-left: 0;
    }
}

.smart-page .price-list-detail {
    padding: 18px 12px 32px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-detail {
        padding: 16px 0 34px;
    }
}

.smart-page .price-list-detail--first {
    padding: 18px 18px 32px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-detail--first {
        padding: 16px 0 34px;
    }
}

.smart-page .price-list-total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.6;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-total {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
    }
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-total--first {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
    }
}

.smart-page .price-list-total-label {
    font-size: 24px;
    font-weight: 700;
    color: #008fff;
    letter-spacing: 0.06em;
    position: relative;
    top: 2px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-total-label {
        font-size: min(26px, 6.0465116279vw);
    }
}

.smart-page .price-list-total-main {
    font-size: 34px;
    font-weight: 700;
    color: #008fff;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-total-main {
        font-size: min(38px, 8.8372093023vw);
    }
}

.smart-page .price-list-total-main span {
    font-size: 54px;
    font-family: "Century Gothic", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-total-main span {
        font-size: min(60px, 13.9534883721vw);
    }
}

.smart-page .price-list-total-tax {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #505050;
    position: relative;
    top: 2px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-total-tax {
        font-size: min(24px, 5.5813953488vw);
    }
}

.smart-page .price-list-recommend {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 80px;
    height: 80px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-recommend {
        width: 22vw;
        max-width: 95px;
        height: 22vw;
        top: -3vw;
        left: 4vw;
    }
}

.smart-page .price-list-recommend img {
    width: 100%;
}

.smart-page .price-list-per {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 6px;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-per {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 1.6vw;
    }
}

.smart-page .price-list-per-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 2px #39b7ff;
    border-radius: 6px;
    width: 122px;
    height: 34px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #39b7ff;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-per-label {
        width: 33.9vw;
        height: 9.7vw;
        font-size: min(21px, 4.8837209302vw);
    }
}

.smart-page .price-list-per-label span {
    font-family: "Century Gothic", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.smart-page .price-list-per-main {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.23;
    margin-left: 14px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-per-main {
        font-size: min(24px, 5.5813953488vw);
        margin-left: 20px;
    }
}

.smart-page .price-list-per-main span {
    font-size: 34px;
    font-family: "Century Gothic", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-per-main span {
        font-size: min(40px, 9.3023255814vw);
    }
}

.smart-page .price-list-per-tax {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1.6;
    margin-left: 5px;
    position: relative;
    top: 5px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-per-tax {
        font-size: min(18px, 4.1860465116vw);
        top: 0.8vw;
        margin-left: 8px;
    }
}

.smart-page .membership {
    margin-top: 70px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership {
        margin-top: 52px;
    }
}

.smart-page .membership-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-box {
        display: block;
    }
}

.smart-page .membership-label {
    font-size: 31px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    width: 260px;
    height: 138px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #39b7ff;
    border-radius: 6px 0 0 6px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-label {
        border-radius: 6px 6px 0 0;
        width: 100%;
        height: 48px;
        font-size: min(24px, 5.5813953488vw);
    }
}

.smart-page .membership-detail {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 0 6px 6px 0;
    background-color: #defafb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 84px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-detail {
        border-radius: 0 0 6px 6px;
        padding-left: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 6px;
    }
}

.smart-page .membership-original {
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-original {
        font-size: min(20px, 4.6511627907vw);
    }
}

.smart-page .membership-original .num {
    font-family: "Century Gothic", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 43px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-original .num {
        font-size: min(36px, 8.3720930233vw);
    }
}

.smart-page .membership-original .num,
.smart-page .membership-original .yen {
    text-decoration: line-through;
}

.smart-page .membership-arrow {
    margin-left: 46px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-arrow {
        margin-left: 30px;
    }
}

.smart-page .membership-arrow img {
    width: 18px;
}

.smart-page .membership-free {
    font-size: 66px;
    font-weight: 700;
    color: #f4718a;
    margin-left: 52px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-free {
        font-size: min(56px, 13.023255814vw);
        margin-left: 36px;
    }
}

.smart-page .membership-free span {
    font-family: "Century Gothic", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 96px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-free span {
        font-size: min(82px, 19.0697674419vw);
    }
}

.smart-page .membership-fukidashi {
    position: absolute;
    right: 36px;
    top: -36px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-fukidashi {
        right: 10px;
        top: -26px;
    }
}

.smart-page .membership-fukidashi img {
    width: 152px;
}

@media screen and (max-width: 767px) {
    .smart-page .membership-fukidashi img {
        width: 90px;
    }
}

/*スマートLP*/
.lp-fitness-page p.fv-newopen {
    text-align: center;
    padding: 20px 0;
    font-size: 1.6em;
    font-weight: bold;
    background: #2ba8e8;
    color: #fff;
}

.lp-fitness-page .fv-newopen span.shop {
    background: #fff;
    color: #2ba8e8;
    padding: 10px;
    border-radius: 8px;
    margin-right: 5px;
}

/* スマートページ */
.smart-page .price-list-title {
    font-size: 20px;
}

.smart-page .price-list-total-label {
    font-size: 18px;
}

.smart-page .price-list-total-main {
    font-size: 24px;
}

.smart-page .price-list-total-main span {
    font-size: 38px;
}

.smart-page .price-list-total-tax {
    font-size: 16px;
}

.smart-page .price-list-per-label {
    width: 84px;
    font-size: 12px;
}

.smart-page .price-list-per-main {
    font-size: 14px;
}

.smart-page .price-list-per-main span {
    font-size: 24px;
}

.smart-page .price-list-per-tax {
    font-size: 12px;
}

.smart-page .membership .membership-notice {
    text-align: right;
    color: #505050;
    font-weight: 600;
    margin-top: 6px;
    padding: 0 10px;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .smart-page .price-list-title {
        font-size: min(18px, 5.5813953488vw);
    }

    .smart-page .price-list-total-label {
        font-size: min(18px, 6.0465116279vw);
    }

    .smart-page .price-list-total-main span {
        font-size: min(40px, 13.9534883721vw);
    }

    .smart-page .price-list-total-tax {
        font-size: min(16px, 5.5813953488vw);
    }

    .smart-page .price-list-per-label {
        width: 24.9vw;
        font-size: min(16px, 4.8837209302vw);
    }

    .smart-page .price-list-per-main span {
        font-size: min(30px, 9.3023255814vw);
    }

    .smart-page .price-list-per-tax {
        font-size: min(14px, 4.1860465116vw);
    }

    .smart-page .membership .membership-notice {
        font-size: min(16px, 3.7209302326vw);
    }
}

/* ビフォーアフター修正 */
.top .before-after .list .img .inner,
.ba-page .before-after .list .img .inner {
    padding: 0 10px 0 90px;
}

.top .before-after .list .number .inner .attention,
.ba-page .before-after .list .number .inner .attention {
    width: 32%;
    margin: 10px auto 5px;
}

@media screen and (max-width: 767px) {

    .top .before-after .list .img .inner,
    .ba-page .before-after .list .img .inner {
        padding: 0 0 0 40px;
    }

    .top .before-after .list .number .inner .list li,
    .ba-page .before-after .list .number .inner .list li {
        width: 40%;
    }

    .top .before-after .list .number .inner .attention,
    .ba-page .before-after .list .number .inner .attention {
        width: 40%;
    }
}