@charset "utf-8";

.mabody,
.mafv {
    --ink: #1b2d41;
    --body: #33465c;
    --muted: #46505f;
    --rule: #d9e3eb;
    --tint: #eef5fa;
    --deep: #1b2d41;
    --gold: #e6c67e;
    --r: 8px;
}

.mabody .ma-title::before { content: none }
.mabody .ma-title .jp::after { content: none }
.mabody .ma-title {
    align-items: flex-start;
    text-align: left;
    letter-spacing: .02em;
}
.mabody .ma-title .en {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    letter-spacing: .24em;
    color: var(--fs-blue);
}
.mabody .ma-title .en::before {
    content: "";
    width: 28px;
    height: 1px;
    background: currentColor;
}
.mabody .ma-title .jp { color: var(--ink); line-height: 1.4 }
.mabody .ma-lead {
    text-align: left;
    color: var(--body);
    line-height: 2;
}
.mabody .ma-lead b { color: var(--ink) }

.mabody .ma-case { background: var(--deep); background-image: none }
.mabody .ma-reason { background: var(--fs-white) }
.mabody .ma-choice { background: var(--tint) }
.mabody .ma-price { background: var(--fs-white) }
.mabody .ma-price::before { content: none }
.mabody .ma-flow { background: var(--tint) }
.mabody .ma-faq { background: var(--fs-white) }
.mabody .ma-book { background: var(--tint) }

.mafv__cta .btn,
.ma-cta__btn,
.ma-sticky__btn,
.mabody .ma-msg__cta .btn,
.mabody .ma-book__go .btn { border-radius: var(--r) }
.mafv__cta .btn--main,
.ma-cta__btn,
.mabody .ma-msg__cta .btn--main,
.mabody .ma-book__go .btn { box-shadow: 0 3px 0 #c85f40 }
.ma-cta__btn:hover { transform: none; box-shadow: 0 3px 0 #c85f40; filter: brightness(1.04) }

.mafv__inr::before { content: none }
.mafv__container { text-align: left }
.mafv__logo { justify-content: flex-start }
.mafv__btm { display: contents }
.mafv__btm .ribbon { display: none }
.mafv__btm .item {
    aspect-ratio: auto;
    border-radius: var(--r);
    background: var(--fs-white);
    box-shadow: none;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}
.mafv__btm .lbl { color: var(--muted) }
.mafv__btm .val,
.mafv__btm .cap { color: var(--ink) }
.mafv__copy-sub { border-radius: 4px }
.mafv__talk { text-align: left }
.mafv__cond li {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .55);
    box-shadow: none;
    border-radius: 4px;
}
.mafv__cond .lbl,
.mafv__cond b { color: var(--fs-white) }
.mafv__person { filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .18)) }

@media (min-width: 768px) {
    .mafv__inr { padding: calc(var(--fvw) * 30 / 1440) 0 calc(var(--fvw) * 30 / 1440) }
    .mafv__container {
        display: grid;
        grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
        grid-template-areas:
            "logo logo"
            "copy copy"
            "btm  btm"
            "talk cta"
            "cond cond"
            "sup  sup";
        column-gap: calc(var(--fvw) * 36 / 1440);
        max-width: 1160px;
        text-align: center;
    }
    .mafv__logo { grid-area: logo; justify-content: center; margin-bottom: calc(var(--fvw) * 14 / 1440) }
    .mafv__logo img { width: calc(var(--fvw) * 180 / 1440); min-width: 140px }
    .mafv__copy { grid-area: copy }

    .mafv__copy-main {
        font-size: max(38px, calc(var(--fvw) * 66 / 1440));
        line-height: 1.25;
        letter-spacing: .03em;
    }
    .mafv__copy-sub {
        margin-top: calc(var(--fvw) * 14 / 1440);
        padding: calc(var(--fvw) * 6 / 1440) calc(var(--fvw) * 18 / 1440);
        font-size: max(15px, calc(var(--fvw) * 21 / 1440));
    }

    .mafv__btm {
        grid-area: btm;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: calc(var(--fvw) * 44 / 1440);
        margin: calc(var(--fvw) * 18 / 1440) 0 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .6);
    }
    .mafv__person {
        order: 2;
        flex: none;
        align-self: flex-end;
        width: max(220px, calc(var(--fvw) * 280 / 1440));
        max-width: none;
        margin: 0;
        border-bottom: 0;
    }
    .mafv__btm .item--fee { order: 1 }
    .mafv__btm .item--rec { order: 3 }

    .mafv__btm .item {
        flex: none;
        width: max(170px, calc(var(--fvw) * 214 / 1440));
        margin: 0;
        padding: calc(var(--fvw) * 16 / 1440) calc(var(--fvw) * 14 / 1440);
        background: transparent;
        border: 1px solid rgba(255, 255, 255, .55);
        border-radius: 4px;
        align-items: center;
        text-align: center;
    }
    .mafv__btm .lbl,
    .mafv__btm .val,
    .mafv__btm .cap { color: var(--fs-white) }
    .mafv__btm .lbl { font-size: max(13px, calc(var(--fvw) * 14 / 1440)) }
    .mafv__btm .val { font-size: max(30px, calc(var(--fvw) * 46 / 1440)); margin: calc(var(--fvw) * 4 / 1440) 0 }
    .mafv__btm .val b { color: var(--fs-yellow) }
    .mafv__btm .val .unit { font-size: max(15px, calc(var(--fvw) * 22 / 1440)) }
    .mafv__btm .cap { font-size: max(13px, calc(var(--fvw) * 14 / 1440)) }

    .mafv__talk {
        grid-area: talk;
        justify-self: start;
        align-self: center;
        text-align: left;
        margin-top: calc(var(--fvw) * 22 / 1440);
        font-size: max(14px, calc(var(--fvw) * 16 / 1440));
        line-height: 1.75;
    }
    .mafv__cta {
        grid-area: cta;
        justify-self: end;
        align-self: center;
        margin-top: calc(var(--fvw) * 22 / 1440);
        justify-content: flex-start;
    }
    .mafv__cta .btn:only-child { width: max(300px, calc(var(--fvw) * 400 / 1440)); min-width: 0 }
    .mafv__cond { grid-area: cond; justify-content: center; margin-top: calc(var(--fvw) * 18 / 1440); column-gap: 10px }
    .mafv__cond li {
        min-width: 0;
        display: flex;
        align-items: baseline;
        gap: .6em;
        padding: 5px 12px;
    }
    .mafv__cond .lbl { display: inline; margin: 0; font-size: 13px }
    .mafv__cond b { font-size: max(14px, calc(var(--fvw) * 15 / 1440)) }
    .mafv__sup { grid-area: sup; margin-top: calc(var(--fvw) * 16 / 1440); text-align: center }
}

@media (min-width: 1024px) {
    .mafv__talk .pc-br { display: none }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mafv__container {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "logo" "copy" "btm" "talk" "cta" "cond" "sup";
    }
    .mafv__talk { justify-self: center; text-align: center }
    .mafv__cta { justify-self: center; margin-top: 16px }
}

@media (max-width: 767px) {
    .mafv__inr { padding: 6vw 0 9vw }
    .mafv__container {
        display: flex;
        flex-wrap: wrap;
        column-gap: 3vw;
        text-align: left;
    }
    .mafv__container > * { flex: 0 0 100% }
    .mafv__logo { margin-bottom: 4vw }
    .mafv__copy-main { font-size: 9.2vw; line-height: 1.35 }
    .mafv__copy-sub { font-size: 4.2vw; padding: 1.6vw 3.4vw; margin-top: 3vw }
    .mafv__person {
        flex: 0 0 72vw;
        margin: 4vw auto 0;
        order: 0;
    }
    .mafv__btm .item {
        flex: 0 0 calc(50% - 1.5vw);
        min-width: 0;
        margin-top: 4vw;
        padding: 3.4vw 3.6vw;
    }
    .mafv__btm .lbl { font-size: max(13px, 3.3vw) }
    .mafv__btm .val { font-size: 8.4vw; margin: .8vw 0 }
    .mafv__btm .val .unit { font-size: 4.4vw }
    .mafv__btm .cap { font-size: max(13px, 3.3vw) }
    .mafv__talk { margin-top: 5vw; font-size: 3.9vw }
    .mafv__cond {
        display: flex;
        flex-wrap: wrap;
        gap: 2vw;
    }
    .mafv__cond li { display: flex; align-items: baseline; gap: .5em; padding: 1.6vw 3vw }
    .mafv__cond .lbl { display: inline; font-size: max(13px, 3.3vw) }
    .mafv__cond b { font-size: max(14px, 3.7vw) }
    .mafv__sup { text-align: left }
}

.mabody .ma-case .ma-title .jp { color: var(--fs-white) }
.mabody .ma-case .ma-title .en { color: #8fcbee }
.mabody .ma-case .ma-lead { color: #d6e1eb }
.mabody .ma-case .ma-case__item {
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}
.mabody .ma-case__item .tags li {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .4);
    color: var(--fs-white);
    border-radius: 4px;
}
.mabody .ma-case__item .ttl { color: var(--fs-white) }

.mabody .ma-case__item .ttl .mk { background: none; padding: 0; color: var(--gold) }
.mabody .ma-case__item .cmp {
    background: transparent;
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-bottom: 1px solid rgba(255, 255, 255, .18);
}
.mabody .ma-case__item .cmp__box .lbl { color: #c9d6e2 }
.mabody .ma-case__item .cmp__box .val { color: #a9bccd }
.mabody .ma-case__item .cmp__box.is-hi .val { color: var(--gold) }
.mabody .ma-case__item .cmp__box .badge {
    background: transparent;
    border: 1px solid var(--gold);
    color: var(--gold);
    border-radius: 4px;
}
.mabody .ma-case__item .cmp__arw {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .5);
}
.mabody .ma-case__item .detail dt { color: #8fcbee }
.mabody .ma-case__item .detail dt::before { background: #8fcbee }
.mabody .ma-case__item .detail dd { color: #d6e1eb }
.mabody .ma-case .ma-note {
    background: transparent;
    border-color: rgba(255, 255, 255, .35);
    color: #d6e1eb;
    border-radius: 4px;
}
.mabody .ma-case .ma-cta__trust li { color: var(--fs-white) }
.mabody .ma-case .ma-cta__trust li::before {
    background-color: var(--fs-white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3.2L15 7' fill='none' stroke='%231b2d41' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mabody .ma-case .ma-cta__faq { color: var(--fs-white) }
.mabody .ma-case .ma-cta__faq::before { filter: brightness(0) invert(1) }
.mabody .ma-case a:focus-visible { outline-color: var(--fs-yellow) }

@media (min-width: 1024px) {
    .mabody .ma-case__list.is-single { grid-template-columns: minmax(0, 1fr) }
    .mabody .ma-case__list.is-single .ma-case__item {
        padding: calc(var(--w) * 40 / 1440) 0 0;
        column-gap: calc(var(--w) * 64 / 1440);
    }
    .mabody .ma-case__list.is-single .detail {
        border-left-color: rgba(255, 255, 255, .18);
        padding-left: calc(var(--w) * 48 / 1440);
    }
    .mabody .ma-case__list.is-single .cmp { padding: calc(var(--w) * 28 / 1440) 0; margin-top: calc(var(--w) * 28 / 1440) }
    .mabody .ma-case__list.is-single .cmp__box.is-hi .val { font-size: max(44px, calc(var(--w) * 84 / 1440)) }
    .mabody .ma-case__list.is-single .cmp__box .val { font-size: max(26px, calc(var(--w) * 38 / 1440)) }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .mabody .ma-case__list.is-single { grid-template-columns: minmax(0, 1fr) }
    .mabody .ma-case__item .cmp__box.is-hi .val { font-size: 72px }
}
@media (max-width: 767px) {
    .mabody .ma-case .ma-case__item { padding-top: 7vw; padding-bottom: 0 }
    .mabody .ma-case__item .cmp { padding: 6vw 0 }
    .mabody .ma-case__item .cmp__box .val { font-size: 7.6vw }
    .mabody .ma-case__item .cmp__box.is-hi .val { font-size: 11.4vw }
}

.mabody .ma-reason__list li {
    background: none;
    border: 0;
    border-top: 1px solid var(--rule);
    border-radius: 0;
    box-shadow: none;
}
.mabody .ma-reason__list .no,
.mabody .ma-reason__list li:nth-child(even) .no {
    display: block;
    width: auto;
    height: auto;
    border-radius: 0;
    background: none;
    color: var(--fs-blue);
    font-family: var(--en);
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
}
.mabody .ma-reason__list .no::before,
.mabody .ma-reason__list .no::after { content: none }
.mabody .ma-reason__list .txt b { color: var(--ink) }

@media (min-width: 768px) {
    .mabody .ma-reason__list {
        column-gap: calc(var(--w) * 72 / 1440);
        row-gap: calc(var(--w) * 56 / 1440);
        margin-top: 0;
    }
    .mabody .ma-reason__list li { padding: calc(var(--w) * 32 / 1440) 0 0 }
    .mabody .ma-reason__list .no { font-size: max(30px, calc(var(--w) * 44 / 1440)) }
    .mabody .ma-reason__list .fig { width: max(40px, calc(var(--w) * 52 / 1440)) }
    .mabody .ma-reason__list .ttl { font-size: max(19px, calc(var(--w) * 25 / 1440)); margin-top: calc(var(--w) * 18 / 1440) }
    .mabody .ma-reason__list .txt { margin-top: calc(var(--w) * 14 / 1440) }
}
@media (max-width: 767px) {
    .mabody .ma-reason__list { margin-top: 0 }
    .mabody .ma-reason__list li { padding: 6vw 0 0 }
    .mabody .ma-reason__list li + li { margin-top: 9vw }
    .mabody .ma-reason__list .no { font-size: 9vw }
    .mabody .ma-reason__list .fig { width: 12vw }
}

.mabody .ma-table .ng { color: #9b3b2c }
.mabody .ma-table .so { color: var(--muted) }
.mabody .ma-table .ok { color: var(--ink); font-weight: 900 }
@media (min-width: 768px) {
    .mabody .ma-table-wrap {
        background: var(--fs-white);
        border: 1px solid var(--rule);
        border-radius: var(--r);
        box-shadow: none;
        padding: 0 calc(var(--w) * 20 / 1440) calc(var(--w) * 8 / 1440);
        margin-top: 0;
    }
    .mabody .ma-table thead th { border-bottom: 1px solid var(--ink) }
    .mabody .ma-table thead th.hi {
        background: var(--deep);
        color: var(--fs-white);
        border-bottom-color: var(--deep);
        border-radius: var(--r) var(--r) 0 0;
    }
    .mabody .ma-table tbody th { background: transparent; border-radius: 0 !important }
    .mabody .ma-table td.hi {
        background: var(--tint);
        border-left: 1px solid #c5d8e6;
        border-right: 1px solid #c5d8e6;
        border-bottom-color: #d3e2ec;
    }
    .mabody .ma-table tbody tr:last-child td.hi {
        border-bottom: 1px solid #c5d8e6;
        border-radius: 0 0 var(--r) var(--r);
    }
}
@media (max-width: 767px) {
    .mabody .ma-table-wrap { margin-top: 0 }
    .mabody .ma-table tr {
        border: 1px solid var(--rule);
        border-radius: var(--r);
        box-shadow: none;
    }
    .mabody .ma-table tbody th {
        background: var(--fs-white);
        color: var(--ink);
        border-bottom: 1px solid var(--ink);
    }
    .mabody .ma-table td.hi {
        background: var(--tint);
        border-top: 1px solid #c5d8e6;
        box-shadow: inset 4px 0 0 var(--deep);
    }
    .mabody .ma-table td.hi::before { color: var(--ink) }
}

.mabody .ma-price .ma-title .jp { color: var(--ink) }
.mabody .ma-price .ma-title .en { color: var(--fs-blue) }
.mabody .ma-price .ma-lead { color: var(--body) }
.mabody .ma-price .ma-lead b { color: var(--ink) }
.mabody .ma-price__list li {
    max-width: none;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.mabody .ma-price__list .lbl { color: var(--muted) }
.mabody .ma-price__list .val,
.mabody .ma-price__list .val span { color: var(--ink) }
.mabody .ma-price__msg { color: var(--ink) }
.mabody .ma-price__msg .mk {
    background: linear-gradient(transparent 62%, var(--fs-yellow) 0);
    padding: 0 .08em;
    color: inherit;
}
@media (min-width: 768px) {
    .mabody .ma-price { padding: calc(var(--w) * 112 / 1440) 0 }
    .mabody .ma-price__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        margin-top: 0;
        border-top: 1px solid var(--rule);
        border-bottom: 1px solid var(--rule);
    }
    .mabody .ma-price__list li { padding: calc(var(--w) * 40 / 1440) 16px calc(var(--w) * 36 / 1440) }
    .mabody .ma-price__list li + li { border-left: 1px solid var(--rule) }
    .mabody .ma-price__list .lbl { font-size: max(14px, calc(var(--w) * 15 / 1440)) }
    .mabody .ma-price__list .val { margin-top: calc(var(--w) * 10 / 1440) }
    .mabody .ma-price__list .val b { font-size: max(56px, calc(var(--w) * 104 / 1440)) }
    .mabody .ma-price__list .val span { font-size: max(20px, calc(var(--w) * 30 / 1440)) }
    .mabody .ma-price__msg { margin-top: calc(var(--w) * 36 / 1440); font-size: max(17px, calc(var(--w) * 24 / 1440)) }
}
@media (max-width: 767px) {
    .mabody .ma-price { padding: 17vw 0 }
    .mabody .ma-price__list { margin-top: 0; border-top: 1px solid var(--rule) }
    .mabody .ma-price__list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4vw;
        text-align: left;
        padding: 3.4vw 1vw;
        border-bottom: 1px solid var(--rule);
    }
    .mabody .ma-price__list li + li { margin-top: 0 }
    .mabody .ma-price__list .lbl { font-size: max(14px, 3.8vw) }
    .mabody .ma-price__list .val { margin: 0; white-space: nowrap }
    .mabody .ma-price__list .val b { font-size: 15vw }
    .mabody .ma-price__list .val span { font-size: 5.6vw }
}

.mabody .ma-flow__list li::before { box-shadow: none }
.mabody .ma-flow__list li:last-child::before { background: var(--deep) }
.mabody .ma-flow__list li:last-child .step { color: var(--ink) }
.mabody .ma-flow__msg { color: var(--ink) }
@media (min-width: 768px) {
    .mabody .ma-flow__list { margin-top: 0 }
    .mabody .ma-flow__list::before { background: #9cc6e0; height: 2px }
    .mabody .ma-flow__list li::before { box-shadow: 0 0 0 8px var(--tint) }
}

.mabody .ma-faq__list {
    display: block;
    max-width: 880px;
    margin: 0 auto;
    border-top: 1px solid var(--rule);
}
.mabody .ma-faq__list .item {
    background: none;
    border: 0;
    border-bottom: 1px solid var(--rule);
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}
.mabody .ma-faq__list .item + .item { margin-top: 0 }
.mabody .ma-faq__list summary {
    position: relative;
    display: flex;
    align-items: baseline;
    gap: .8em;
    list-style: none;
    cursor: pointer;
    color: var(--ink);
    font-weight: 900;
    line-height: 1.6;
    word-break: auto-phrase;
    padding: 1.1em 2.6em 1.1em 0;
    min-height: 44px;
}
.mabody .ma-faq__list summary::-webkit-details-marker { display: none }
.mabody .ma-faq__list summary::before {
    content: "Q";
    flex: none;
    font-family: var(--en);
    font-weight: 700;
    color: var(--fs-blue);
    font-size: 1.15em;
}

.mabody .ma-faq__list summary::after {
    content: "";
    position: absolute;
    right: .4em;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background:
        linear-gradient(var(--fs-blue), var(--fs-blue)) center / 14px 2px no-repeat,
        linear-gradient(var(--fs-blue), var(--fs-blue)) center / 2px 14px no-repeat;
}
.mabody .ma-faq__list details[open] summary::after {
    background: linear-gradient(var(--fs-blue), var(--fs-blue)) center / 14px 2px no-repeat;
}
.mabody .ma-faq__list summary:focus-visible {
    outline: 3px solid var(--ink);
    outline-offset: 2px;
}
.mabody .ma-faq__list .ans {
    position: relative;
    margin: 0;
    padding: 0 2.6em 1.3em 2em;
    color: var(--body);
    line-height: 1.9;
    word-break: auto-phrase;
}
.mabody .ma-faq__list .ans::before {
    content: "A";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--en);
    font-weight: 700;
    color: #d4613d;
    font-size: 1.15em;
    line-height: 1.65;
}
.mabody .ma-faq__list .item:target { outline: none; background: #f7fafc }
@media (min-width: 768px) {
    .mabody .ma-faq__list summary { font-size: max(16px, calc(var(--w) * 18 / 1440)) }
    .mabody .ma-faq__list .ans { font-size: max(14px, calc(var(--w) * 16 / 1440)) }
}
@media (max-width: 767px) {
    .mabody .ma-faq__list summary { font-size: max(15px, 4vw) }
    .mabody .ma-faq__list .ans { font-size: max(14px, 3.7vw); padding-left: 1.9em; padding-right: 0 }
}

.mabody .ma-book__card {
    border: 1px solid var(--rule);
    border-top: 3px solid var(--fs-blue);
    border-radius: var(--r);
    box-shadow: none;
}
.mabody .ma-book__check label { border-radius: var(--r); border-width: 1px }
.mabody .ma-book__check label:has(.ma-book__cb:checked) { border-width: 1px; box-shadow: inset 0 0 0 1px var(--fs-blue) }
.mabody .ma-book__lock { border-radius: var(--r); border-width: 1px }
.mabody .ma-book__go .ma-book__note { border-radius: var(--r) }
.mabody .ma-book__alt {
    border: 1px solid var(--rule);
    border-radius: var(--r);
    box-shadow: none;
}
.mabody .ma-book__alt .lnk { border-radius: var(--r) }

.mabody .ma-head {
    display: block;
    text-align: left;
    background: none;
}
.mabody .ma-head .ma-lead { max-width: 40em }
@media (min-width: 768px) {
    .mabody section:not(.ma-price) { padding: calc(var(--w) * 112 / 1440) 0 }
    .mabody .ma-head { margin-bottom: max(36px, calc(var(--w) * 56 / 1440)) }
    .mabody .ma-title,
    .mabody .ma-title .jp { font-size: max(26px, calc(var(--w) * 40 / 1440)) }
    .mabody .ma-title .en { margin-bottom: max(10px, calc(var(--w) * 14 / 1440)) }
    .mabody .ma-head .ma-lead {
        margin-top: max(14px, calc(var(--w) * 20 / 1440));
        font-size: max(15px, calc(var(--w) * 17 / 1440));
    }

    .mabody .ma-book .ma-head {
        max-width: calc(var(--w) * 760 / 1440);
        margin-left: auto;
        margin-right: auto;
    }

    .mabody .ma-faq .ma-faq__list { max-width: 880px; margin: 0 }
}
@media (max-width: 767px) {
    .mabody section:not(.ma-price) { padding: 17vw 0 }
    .mabody .ma-head { margin-bottom: 8vw }
    .mabody .ma-title,
    .mabody .ma-title .jp { font-size: 7vw }
    .mabody .ma-choice .ma-title .jp { font-size: 6.4vw }
    .mabody .ma-title .en { margin-bottom: 2.6vw }
    .mabody .ma-head .ma-lead { margin-top: 3.6vw }
}

@media (max-width: 767px) {
    .mafv__logo { order: 1 }
    .mafv__copy { order: 2 }
    .mafv__person { order: 3 }
    .mafv__btm .item--fee { order: 4 }
    .mafv__btm .item--rec { order: 5 }
    .mafv__talk { order: 6 }
    .mafv__cta { order: 7 }
    .mafv__cond { order: 8 }
    .mafv__sup { order: 9 }
}

.mabody .ma-lead,
.mabody .ma-msg__txt,
.mafv__talk { word-break: auto-phrase }

@media (max-width: 767px) {
    .mafv__btm .item {
        background: transparent;
        border: 1px solid rgba(255, 255, 255, .55);
        border-radius: 4px;
    }
    .mafv__btm .lbl,
    .mafv__btm .val,
    .mafv__btm .cap { color: var(--fs-white) }
    .mafv__btm .val b { color: var(--fs-yellow) }
}

@media (min-width: 768px) {
    .mafv__inr { padding: calc(var(--fvw) * 20 / 1440) 0 calc(var(--fvw) * 26 / 1440) }
    .mafv__logo { margin-bottom: calc(var(--fvw) * 8 / 1440) }
    .mafv__copy-sub { margin-top: calc(var(--fvw) * 10 / 1440) }
    .mafv__btm { margin-top: calc(var(--fvw) * 10 / 1440) }
    .mafv__person { width: max(210px, calc(var(--fvw) * 244 / 1440)) }
    .mafv__talk,
    .mafv__cta { margin-top: calc(var(--fvw) * 16 / 1440) }

    .mafv__btm .item { border-color: rgba(255, 255, 255, .85) }
    .mafv__btm .lbl,
    .mafv__btm .cap { font-size: max(14px, calc(var(--fvw) * 16 / 1440)) }
}

@media (max-width: 767px) {
    .mafv__btm .item { border-color: rgba(255, 255, 255, .85) }
}