@charset "UTF-8";
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
.l-wrapper {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    background-color: var(--color-white-2);
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    max-width: calc(var(--design-width) * 1px);
    width: 100%;
    margin-inline: auto;
    padding: 20px 30px;
}
@media screen and (max-width: 750px) {
    .l-header {
        padding: 12px 10px;
    }
}
.l-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 750px) {
    .l-header__container {
        flex-wrap: wrap;
        -moz-column-gap: 28px;
             column-gap: 28px;
    }
}
.l-header__logo {
    max-width: 315px;
}
@media screen and (max-width: 1024px) {
    .l-header__logo {
        width: calc(315 / var(--design-width) * 100%);
    }
}
@media screen and (max-width: 750px) {
    .l-header__logo {
        max-width: 157px;
    }
}
.l-header__logo img {
    display: block;
}
.l-header__logo-link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .l-header__logo-link {
        transition: opacity var(--hover-duration);
    }
    .l-header__logo-link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.l-header__txt-wrap {
    display: flex;
    align-items: center;
    gap: 32px;
}
@media screen and (max-width: 750px) {
    .l-header__txt-wrap {
        display: contents;
    }
}
.l-header__tel {
    color: var(--color-brown-1);
    font-size: calc(24 / var(--root-fz) * 1rem);
    font-weight: 600;
}
@media screen and (max-width: 1024px) {
    .l-header__tel {
        font-size: calc(20 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 850px) {
    .l-header__tel {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
.l-header__btn {
    display: block;
    padding: 8.5px 24px;
    color: var(--color-white-1);
    font-size: calc(20 / var(--root-fz) * 1rem);
    font-weight: 600;
    text-align: center;
    line-height: normal;
    background: linear-gradient(90deg, var(--color-orange-3), var(--color-orange-4));
    border-radius: 50em;
}
@media (hover: hover) and (pointer: fine) {
    .l-header__btn {
        transition: opacity var(--hover-duration);
    }
    .l-header__btn:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 1024px) {
    .l-header__btn {
        font-size: calc(18 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 850px) {
    .l-header__btn {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .l-header__btn {
        width: 100%;
        margin-top: 11px;
        padding-block: 6.5px;
    }
}
@media screen and (max-width: 750px) {
    .mac.safari .l-header__btn {
        padding-block: 7.5px 5.5px;
    }
}

/* ---------------------------------------------
*   l-container
--------------------------------------------- */
.l-container {
    max-width: calc((var(--contents-width) + var(--contents-side-padding) * 2) * 1px);
    margin-inline: auto;
    padding-inline: calc(var(--contents-side-padding) * 1px);
}

@media screen and (min-width: 751px) {
    .l-container-pc {
        max-width: calc((var(--contents-width) + var(--contents-side-padding) * 2) * 1px);
        margin-inline: auto;
        padding-inline: calc(var(--contents-side-padding) * 1px);
    }
}

/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    flex: 1;
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    padding-block: 80px 84px;
}
@media screen and (max-width: 750px) {
    .l-footer {
        padding-block: 51px 50px;
    }
}
.l-footer__box {
    max-width: calc((940 + var(--contents-side-padding) * 2) * 1px);
    margin-inline: auto;
    padding-inline: calc(var(--contents-side-padding) * 1px);
}
.l-footer__box-inner {
    padding: 36px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid rgba(var(--color-brown-1-rgb), 0.5);
}
@media screen and (max-width: 750px) {
    .l-footer__box-inner {
        padding: 10px 14px 12px;
        flex-direction: column;
    }
}
@media screen and (max-width: 750px) {
    .l-footer__info {
        width: 100%;
    }
}
.l-footer__instagram {
    display: grid;
    gap: 26px;
}
@media screen and (min-width: 751px) {
    .l-footer__instagram {
        padding-left: 40px;
        border-left: 2px solid var(--color-brown-2);
    }
}
@media screen and (max-width: 750px) {
    .l-footer__instagram {
        width: 100%;
        margin-top: 11px;
        padding-top: 15px;
        gap: 8px;
        border-top: 2px solid var(--color-brown-2);
    }
}
.l-footer__txt {
    color: var(--color-brown-1);
    font-size: calc(18 / var(--root-fz) * 1rem);
    line-height: 1.5;
}
@media screen and (max-width: 750px) {
    .l-footer__txt {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.l-footer__txt-s {
    color: var(--color-brown-1);
    font-size: calc(16 / var(--root-fz) * 1rem);
    line-height: 1.6;
}
@media screen and (max-width: 750px) {
    .l-footer__txt-s {
        margin-left: 0.1em;
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.l-footer__txt-s a {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    word-break: break-all;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer__txt-s a:hover {
        text-decoration: none;
    }
}
.l-footer__icon-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}
@media screen and (max-width: 750px) {
    .l-footer__icon-wrap {
        gap: 14px;
    }
}
.l-footer__icon {
    display: block;
    width: 50px;
    height: 50px;
}
@media screen and (max-width: 750px) {
    .l-footer__icon {
        width: 36px;
        height: 36px;
    }
}
.l-footer__icon img {
    display: block;
}
.l-footer__icon-txt {
    color: var(--color-brown-1);
    font-size: calc(16 / var(--root-fz) * 1rem);
    font-weight: 600;
}
@media screen and (min-width: 751px) {
    .l-footer__icon-txt {
        line-height: 1.6;
    }
}
@media screen and (max-width: 750px) {
    .l-footer__icon-txt {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.l-footer__box + .l-footer__copyright {
    margin-top: 72px;
}
@media screen and (max-width: 750px) {
    .l-footer__box + .l-footer__copyright {
        margin-top: 48px;
    }
}
.l-footer__copyright {
    color: var(--color-brown-1);
    font-size: calc(14 / var(--root-fz) * 1rem);
    text-align: center;
}
@media screen and (max-width: 750px) {
    .l-footer__copyright {
        font-size: calc(10 / var(--root-fz) * 1rem);
    }
}

/* ---------------------------------------------
*   c-block-bg
--------------------------------------------- */
.c-block-bg {
    background-color: var(--color-yellow-2);
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    display: block;
    width: 100%;
    padding: 12px 0.5em;
    color: var(--color-white-1);
    font-size: calc(24 / var(--root-fz) * 1rem);
    font-weight: 600;
    text-align: center;
    line-height: normal;
    background: linear-gradient(90deg, var(--color-orange-3), var(--color-orange-4));
    border-radius: 50em;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1 {
        transition: opacity var(--hover-duration);
    }
    .c-btn-1:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 750px) {
    .c-btn-1 {
        padding-block: 6px;
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .mac.safari .c-btn-1 {
        padding-block: 7px 5px;
    }
}

.windows .c-btn-1 {
    padding-block: 13.5px 10.5px;
}
@media screen and (max-width: 750px) {
    .windows .c-btn-1 {
        padding-block: 7px 5px;
    }
}

.c-btn-1--white {
    padding-block: 10px;
    background: var(--color-white-1);
    color: var(--color-brown-1);
    border: 2px solid rgba(var(--color-orange-1-rgb), 0.5);
}
@media screen and (max-width: 750px) {
    .c-btn-1--white {
        padding-block: 4px;
    }
}
@media screen and (max-width: 750px) {
    .mac.safari .c-btn-1--white {
        padding-block: 5px 3px;
    }
}

.windows .c-btn-1--white {
    padding-block: 11.5px 8.5px;
}
@media screen and (max-width: 750px) {
    .windows .c-btn-1--white {
        padding-block: 5px 3px;
    }
}

.c-btn-1 + .c-btn-1 {
    margin-top: 40px;
}
@media screen and (max-width: 750px) {
    .c-btn-1 + .c-btn-1 {
        margin-top: 20px;
    }
}

/* ---------------------------------------------
*   c-form
--------------------------------------------- */
.c-form__item-wrap {
    display: grid;
    grid-template-columns: 205px 1fr;
    align-items: center;
    gap: 50px;
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap {
        padding-inline: 45px 15px;
    }
}
@media screen and (max-width: 750px) {
    .c-form__item-wrap {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}
.c-form__item-wrap:not(:first-of-type) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--color-gray-2);
}
@media screen and (max-width: 750px) {
    .c-form__item-wrap:not(:first-of-type) {
        margin-top: 16px;
        padding-top: 12px;
    }
}
.c-form__item-wrap:last-of-type {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color-gray-2);
}
@media screen and (max-width: 750px) {
    .c-form__item-wrap:last-of-type {
        padding-bottom: 16px;
    }
}
.c-form__dt {
    color: var(--color-brown-1);
    font-size: calc(20 / var(--root-fz) * 1rem);
    font-weight: 600;
}
@media screen and (max-width: 750px) {
    .c-form__dt {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.c-form__dt:has(.c-form__required) {
    display: flex;
    align-items: center;
    gap: 9px;
}
@media screen and (max-width: 750px) {
    .c-form__dt:has(.c-form__required) {
        gap: 7px;
    }
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap--textarea .c-form__dt {
        font-size: calc(18 / var(--root-fz) * 1rem);
    }
}
.c-form__dd {
    font-size: calc(18 / var(--root-fz) * 1rem);
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-form__dd {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.c-form__dd:has(label + label) {
    display: grid;
    grid-template-columns: repeat(2, min(50%, 240px));
    gap: 20px;
}
@media screen and (max-width: 750px) {
    .c-form__dd:has(label + label) {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}
@media screen and (min-width: 751px) {
    .c-form__dd:has(> label input[type=checkbox]), .c-form__dd:has(> label input[type=radio]) {
        display: flex;
        gap: 40px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 751px) {
    .c-form__dd:has(> label input[type=checkbox]), .c-form__dd:has(> label input[type=radio]) {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-content: flex-start;
        gap: 0.5em;
    }
}
@media screen and (max-width: 750px) {
    .c-form__dd:has(> label input[type=checkbox]), .c-form__dd:has(> label input[type=radio]) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 22px 0;
    }
}
.c-form__required {
    flex-shrink: 0;
    padding: 4px;
    color: var(--color-white-1);
    font-size: calc(12 / var(--root-fz) * 1rem);
    font-weight: 400;
    line-height: 1;
    background-color: var(--color-orange-2);
}
@media screen and (max-width: 750px) {
    .c-form__required {
        padding: 2.5px;
        font-size: calc(10 / var(--root-fz) * 1rem);
    }
}
.safari .c-form__required {
    padding-block: 5px 3px;
}
@media screen and (max-width: 750px) {
    .safari .c-form__required {
        padding-block: 3.5px 1.5px;
    }
}

@media screen and (max-width: 750px) {
    .edge .c-form__required {
        padding-block: 3.5px 1.5px;
    }
}

@media screen and (max-width: 750px) {
    .android .c-form__required {
        padding-block: 2px 3px;
    }
}

.windows .c-form__required {
    margin-top: -0.2em;
}

.c-form label {
    cursor: pointer;
    /* -- label内テキスト -- */
}
@media (hover: hover) and (pointer: fine) {
    .c-form label {
        transition: opacity var(--hover-duration);
    }
    .c-form label:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-form label:has(input + span) {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media screen and (max-width: 750px) {
    .c-form label:has(input + span) {
        gap: 10px;
    }
}
@media screen and (max-width: 750px) {
    .c-form label:has(input + span) input {
        max-width: calc(345 / var(--contents-width) * 100%);
    }
}
@media screen and (min-width: 751px) {
    .c-form label:has(input[type=checkbox]) {
        min-width: 104px;
    }
}
@media screen and (max-width: 1024px) {
    .c-form label:has(input[type=checkbox]), .c-form label:has(input[type=radio]) {
        width: -moz-fit-content;
        width: fit-content;
    }
}
.c-form label span:first-child {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1;
}
.c-form input:not([type=radio]):not([type=checkbox]) {
    width: 100%;
    padding: 12px 21px;
    font-size: calc(18 / var(--root-fz) * 1rem);
    background-color: var(--color-white-1);
    border-radius: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
@media screen and (max-width: 750px) {
    .c-form input:not([type=radio]):not([type=checkbox]) {
        padding: 9px 10px;
        font-size: calc(14 / var(--root-fz) * 1rem);
        border-radius: 4px;
    }
}
@media screen and (min-width: 751px) {
    .c-form input:not([type=radio]):not([type=checkbox]):has(+ span) {
        max-width: 240px;
    }
}
.c-form label:has(input[type=checkbox]) {
    display: flex;
    align-items: center;
    gap: 9px;
}
.c-form input[type=checkbox] {
    width: 22px;
    height: 22px;
    background-color: var(--color-white-1);
    border: 2px solid rgba(var(--color-gray-3-rgb), 0.5);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}
@media screen and (max-width: 750px) {
    .c-form input[type=checkbox] {
        width: 20px;
        height: 20px;
    }
}
.windows .c-form input[type=checkbox] {
    margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
    .windows .c-form input[type=checkbox] {
        margin-top: -0.11em;
    }
}

.c-form input[type=checkbox]::after {
    content: "";
    display: block;
    width: 18px;
    aspect-ratio: 36/33;
    background-color: var(--color-white-1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("../img/ico_check-2.png") no-repeat center/contain;
    visibility: hidden;
}
@media screen and (max-width: 750px) {
    .c-form input[type=checkbox]::after {
        width: 16px;
    }
}
.c-form input[type=checkbox]:checked {
    background-color: var(--color-orange-1);
    border-color: var(--color-orange-1);
}
.c-form input[type=checkbox]:checked::after {
    visibility: visible;
}
.c-form label:has(input[type=radio]) {
    display: flex;
    align-items: center;
    gap: 9px;
}
@media screen and (max-width: 750px) {
    .c-form label:has(input[type=radio]) {
        gap: 6px;
    }
}
.c-form input[type=radio] {
    width: 22px;
    height: 22px;
    background-color: var(--color-white-1);
    border: 2px solid rgba(var(--color-gray-3-rgb), 0.5);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
@media screen and (max-width: 750px) {
    .c-form input[type=radio] {
        width: 20px;
        height: 20px;
    }
}
.windows .c-form input[type=radio] {
    margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
    .windows .c-form input[type=radio] {
        margin-top: -0.11em;
    }
}

.c-form input[type=radio]::after {
    content: "";
    display: block;
    width: 60%;
    aspect-ratio: 1/1;
    background-color: var(--color-white-1);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}
.c-form input[type=radio]:checked {
    background-color: var(--color-orange-1);
    border-color: var(--color-orange-1);
}
.c-form input[type=radio]:checked::after {
    visibility: visible;
}
.c-form textarea {
    width: 100%;
    min-height: 300px;
    padding: 12px 16px;
    font-size: calc(18 / var(--root-fz) * 1rem);
    background-color: var(--color-white-1);
    border-radius: 8px;
}
@media screen and (max-width: 750px) {
    .c-form textarea {
        min-height: 250px;
        font-size: calc(14 / var(--root-fz) * 1rem);
        border-radius: 4px;
    }
}
.c-form__dd:has(label input[type=tel]) {
    display: grid;
    grid-template-columns: repeat(3, 27.7777777778%);
    gap: 36px;
}
@media screen and (max-width: 750px) {
    .c-form__dd:has(label input[type=tel]) {
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }
}
.c-form__dd:has(label input[type=tel]) label {
    position: relative;
}
.c-form__dd:has(label input[type=tel]) label:not(:last-of-type)::after {
    content: "ー";
    position: absolute;
    top: 50%;
    right: -1.5em;
    transform: translateY(-50%);
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap:has(label input[type=email]) {
        row-gap: 30px;
    }
}
@media screen and (max-width: 750px) {
    .c-form__item-wrap:has(label input[type=email]) {
        grid-template-columns: 1fr;
    }
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap .c-form__dt:has(+ .c-form__dd input[type=email]) {
        grid-area: 1/1/3/2;
    }
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap .c-form__dd:has(label input[type=email]):nth-of-type(2) {
        grid-area: 2/2/3/3;
    }
}
.c-form__item-wrap--day label:has(input[type=checkbox]) {
    min-width: initial;
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap--address {
        row-gap: 22px;
    }
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap--address .c-form__dt {
        grid-area: 1/1/3/2;
    }
}
.c-form__item-wrap--address .c-form__dd {
    display: grid;
    grid-template-columns: 1fr;
}
@media screen and (max-width: 750px) {
    .c-form__item-wrap--address .c-form__dd {
        row-gap: 9px;
    }
}
@media screen and (min-width: 751px) {
    .c-form__item-wrap--address .c-form__dd:nth-of-type(2) {
        grid-area: 2/2/3/3;
    }
}
.c-form--confirm .c-form__item-wrap--address .c-form__dd {
    row-gap: 0;
}
.c-form__btn {
    margin-top: 60px;
    margin-inline: auto;
}
@media screen and (min-width: 751px) {
    .c-form__btn {
        max-width: 570px;
    }
}
@media screen and (max-width: 750px) {
    .c-form__btn {
        margin-top: 30px;
    }
}
.c-form__dd.is-error {
    margin-bottom: 22px;
}
@media screen and (max-width: 750px) {
    .c-form__dd.is-error {
        margin-bottom: 20px;
    }
}
.c-form__dd.is-error input,
.c-form__dd.is-error textarea {
    border: 1px solid rgba(var(--color-orange-2-rgb), 0.5);
}

.c-form__error {
    color: var(--color-orange-2);
    font-size: calc(16 / var(--root-fz) * 1rem);
    position: absolute;
    top: 100%;
    left: 0;
}
@media screen and (max-width: 750px) {
    .c-form__error {
        margin-top: 0.2em;
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-form--confirm .c-form__item-wrap {
        gap: 22px;
    }
}
.c-form--confirm .c-form__item-wrap:not(:first-of-type) {
    margin-top: 37px;
    padding-top: 37px;
}
@media screen and (max-width: 750px) {
    .c-form--confirm .c-form__item-wrap:not(:first-of-type) {
        margin-top: 24px;
        padding-top: 12px;
    }
}
.c-form--confirm .c-form__item-wrap:last-of-type {
    padding-bottom: 37px;
}
@media screen and (max-width: 750px) {
    .c-form--confirm .c-form__item-wrap:last-of-type {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 750px) {
    .c-form__confirm {
        margin-left: 1.5em;
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    margin-bottom: -60px;
}
@media screen and (max-width: 750px) {
    .c-kv {
        margin-block: 3px -30px;
    }
}
.c-kv__img {
    width: 100%;
    aspect-ratio: 1200/379;
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-kv__img {
        aspect-ratio: 750/236;
    }
}
.c-kv__img::before, .c-kv__img::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.c-kv__img::before {
    width: calc(158 / var(--design-width) * 100%);
    aspect-ratio: 158/148;
    background-image: url("../img/img_shape-1.png");
    top: 50%;
    left: calc(186 / var(--design-width) * 100%);
    transform: translateY(-13%);
}
@media screen and (max-width: 750px) {
    .c-kv__img::before {
        width: calc(74 / var(--design-width) * 100vw);
        aspect-ratio: 74/93;
        background-image: url("../img/sp/img_shape-1.png");
        left: calc(92 / var(--design-width) * 100vw);
        transform: translateY(-10%);
    }
}
.c-kv__img::after {
    width: calc(192 / var(--design-width) * 100%);
    aspect-ratio: 192/202;
    background-image: url("../img/img_shape-2.png");
    right: calc(235 / var(--design-width) * 100%);
    bottom: -13.4564643799%;
}
@media screen and (max-width: 750px) {
    .c-kv__img::after {
        width: calc(90 / var(--design-width) * 100vw);
        aspect-ratio: 90/126;
        background-image: url("../img/sp/img_shape-2.png");
        right: calc(290 / var(--design-width) * 100vw);
        bottom: calc(-34 / var(--design-width) * 100vw);
    }
}
.c-kv__bottom {
    padding-block: 58px 116px;
    background-color: var(--color-brown-1);
}
@media screen and (max-width: 750px) {
    .c-kv__bottom {
        padding-block: 26px 48px;
    }
}
.c-kv__txt-img {
    max-width: 607px;
    margin-inline: auto;
    transform: translateX(10px);
}
@media screen and (max-width: 750px) {
    .c-kv__txt-img {
        max-width: 315px;
        transform: translateX(2px);
    }
}
.c-kv__txt-img img {
    display: block;
}
.c-kv__txt {
    margin-top: 36px;
    color: var(--color-yellow-1);
    font-size: calc(22 / var(--root-fz) * 1rem);
    line-height: 2.0909090909;
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-kv__txt {
        margin-top: 16px;
        font-size: calc(14 / var(--root-fz) * 1rem);
        line-height: 1.8571428571;
    }
}

/* ---------------------------------------------
*   c-link-1
--------------------------------------------- */
.c-link-1 {
    color: var(--color-orange-1);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
@media (hover: hover) and (pointer: fine) {
    .c-link-1:hover {
        text-decoration: none;
    }
}

/* ---------------------------------------------
*   c-list-check
--------------------------------------------- */
.c-list-check__item {
    display: flex;
    align-items: flex-start;
    gap: 0.25em;
    font-size: calc(16 / var(--root-fz) * 1rem);
}
@media screen and (max-width: 850px) {
    .c-list-check__item {
        gap: 0.1em;
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.c-list-check__item::before {
    content: "";
    display: block;
    width: 1.15em;
    aspect-ratio: 1/1;
    margin-top: 0.35em;
    margin-left: 0.1em;
    flex-shrink: 0;
    background: url("../img/ico_check.png") no-repeat center/contain;
}
@media screen and (max-width: 850px) {
    .c-list-check__item::before {
        width: 1.08em;
        margin-top: 0.25em;
        margin-left: 0.05em;
    }
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1__item {
    padding-top: 21px;
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-list-1__item {
        padding-top: 10px;
    }
}
.c-list-1__item:not(:first-of-type) {
    margin-top: 80px;
}
@media screen and (max-width: 750px) {
    .c-list-1__item:not(:first-of-type) {
        margin-top: 25px;
    }
}
.c-list-1__section {
    padding-inline: 50px 20px;
    padding-bottom: 70px;
    background-color: var(--color-white-1);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(var(--color-black-2-rgb), 0.1);
}
@media screen and (max-width: 750px) {
    .c-list-1__section {
        padding-inline: 20px;
        padding-bottom: 25px;
        border-radius: 10px;
    }
}
.c-list-1__ttl {
    width: min(100%, 220px);
    margin-inline: auto;
    padding-block: 9px;
    color: var(--color-white-1);
    font-size: calc(28 / var(--root-fz) * 1rem);
    font-weight: 600;
    text-align: center;
    line-height: normal;
    background: linear-gradient(90deg, var(--color-green-1), var(--color-green-2));
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
    .c-list-1__ttl {
        width: min(100%, 110px);
        padding-block: 4px;
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .mac.safari .c-list-1__ttl {
        padding-block: 5px 3px;
    }
}

.windows .c-list-1__ttl {
    padding-block: 10px 8px;
}
@media screen and (max-width: 750px) {
    .windows .c-list-1__ttl {
        padding-block: 5px 3px;
    }
}

.c-list-1__container {
    padding-top: 84px;
    display: flex;
    gap: 5.0515463918%;
}
@media screen and (max-width: 850px) {
    .c-list-1__container {
        gap: 24px;
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__container {
        padding-top: 25px;
        flex-direction: column;
        gap: 22px;
    }
}
.c-list-1__img {
    width: 46.3917525773%;
    margin-inline: auto;
    margin-top: 6px;
    flex-shrink: 0;
}
@media screen and (max-width: 750px) {
    .c-list-1__img {
        width: 71.4285714286%;
        margin-top: 20px;
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__txt-wrap {
        width: 87.3015873016%;
        margin-inline: auto;
    }
}
.c-list-1__txt-main {
    color: var(--color-orange-1);
    font-size: calc(26 / var(--root-fz) * 1rem);
    line-height: 1.5384615385;
    font-weight: 600;
}
@media screen and (max-width: 1024px) {
    .c-list-1__txt-main {
        font-size: calc(24 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 850px) {
    .c-list-1__txt-main {
        font-size: calc(18 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__txt-main {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
.c-list-1__txt-ml-1 {
    margin-left: -0.45em;
}
@media screen and (max-width: 750px) {
    .c-list-1__txt-ml-1 {
        margin-left: -0.5em;
    }
}
.c-list-1__txt-ml-2 {
    margin-left: 0.4em;
}
.c-list-1__desc {
    font-size: calc(16 / var(--root-fz) * 1rem);
}
@media screen and (max-width: 850px) {
    .c-list-1__desc {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.c-list-1__desc:not(:first-of-type) {
    margin-top: 27px;
}
@media screen and (max-width: 750px) {
    .c-list-1__desc:not(:first-of-type) {
        margin-top: 24px;
    }
}
.c-list-1__txt-main + .c-list-1__desc {
    margin-top: 30px;
}
@media screen and (max-width: 750px) {
    .c-list-1__txt-main + .c-list-1__desc {
        margin-top: 15px;
    }
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    max-width: calc(var(--design-width) * 1px);
    margin-inline: auto;
    margin-top: 100px;
    padding-block: 40px 48px;
    position: relative;
    overflow: hidden;
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        margin-top: 35px;
        padding-block: 21px 26px;
    }
}
.c-section-1::before {
    content: "";
    display: block;
    width: calc(158 / var(--design-width) * 100%);
    aspect-ratio: 158/167;
    background: url("../img/img_shape-4.png") no-repeat center/contain;
    position: absolute;
    top: -20px;
    left: calc(2 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1::before {
        width: calc(158 / var(--design-width) * 100vw);
        aspect-ratio: 158/167;
        background-image: url("../img/sp/img_shape-4.png");
        top: calc(-19 / var(--design-width) * 100vw);
        left: calc(-1 / var(--design-width) * 100vw);
    }
}
.c-section-1__container {
    max-width: calc((940 + var(--contents-side-padding) * 2) * 1px);
    margin-inline: auto;
    padding-inline: calc(var(--contents-side-padding) * 1px);
    position: relative;
    z-index: 1;
}
.c-section-1__ttl {
    color: var(--color-brown-1);
    font-size: calc(28 / var(--root-fz) * 1rem);
    font-weight: 600;
    text-align: center;
}
@media screen and (max-width: 750px) {
    .c-section-1__ttl {
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}
.c-section-1__body {
    margin-top: 33px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
@media screen and (min-width: 751px) {
    .c-section-1__body {
        justify-content: space-between;
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__body {
        margin-top: 24px;
        flex-direction: column;
        gap: 25px;
    }
}
.c-section-1__img {
    width: 100%;
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-section-1__img {
        max-width: 270px;
        margin-top: 9px;
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__img {
        order: 1;
        width: calc(270 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-section-1__img::after {
    content: "";
    width: 71.1111111111%;
    width: min(192 / var(--design-width) * 100vw, 192px);
    aspect-ratio: 192/180;
    background: url("../img/img_shape-3.png") no-repeat center/contain;
    position: absolute;
    left: 50%;
    bottom: -9.2682926829%;
    transform: translateX(21%);
    z-index: 2;
}
@media screen and (max-width: 750px) {
    .c-section-1__img::after {
        width: calc(184 / var(--design-width) * 100vw);
        aspect-ratio: 184/180;
        background-image: url("../img/sp/img_shape-3.png");
        right: calc(-93 / var(--design-width) * 100vw);
        bottom: calc(-49 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-section-1__txt-wrap {
        max-width: 592px;
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__txt-wrap {
        order: 2;
        width: calc(550 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-section-1__txt-main {
    margin-left: -0.18em;
    font-size: calc(24 / var(--root-fz) * 1rem);
    font-weight: 600;
}
@media screen and (max-width: 750px) {
    .c-section-1__txt-main {
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
.c-section-1__desc {
    margin-top: 25px;
    font-size: calc(16 / var(--root-fz) * 1rem);
    text-align: justify;
}
@media screen and (max-width: 750px) {
    .c-section-1__desc {
        margin-top: 16px;
        font-size: calc(14 / var(--root-fz) * 1rem);
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    margin-top: 80px;
}
@media screen and (max-width: 750px) {
    .c-section-2 {
        margin-top: 26px;
    }
}
.c-section-2:first-child {
    margin-top: 0;
}
.c-section-2__ttl {
    padding-block: 9px;
    color: var(--color-white-1);
    font-size: calc(28 / var(--root-fz) * 1rem);
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: normal;
    text-align: center;
    background-color: var(--color-brown-1);
}
@media screen and (max-width: 750px) {
    .c-section-2__ttl {
        padding-block: 5.5px;
        font-size: calc(16 / var(--root-fz) * 1rem);
    }
}
@media screen and (max-width: 750px) {
    .mac.safari .c-section-2__ttl {
        padding-block: 6px 4px;
    }
}

.c-section-2__body {
    margin-top: 30px;
}
@media screen and (max-width: 750px) {
    .c-section-2__body {
        margin-top: 13px;
    }
}
.c-section-2:first-child .c-section-2__body {
    margin-top: 37px;
}
@media screen and (max-width: 750px) {
    .c-section-2:first-child .c-section-2__body {
        margin-top: 12px;
    }
}
.c-section-2--thanks:first-child .c-section-2__body {
    margin-top: 0;
}
.c-section-2__txt {
    padding-block: 148px;
    color: var(--color-brown-1);
    font-size: calc(22 / var(--root-fz) * 1rem);
    text-align: center;
    font-weight: 600;
    line-height: 2.0909090909;
}
@media screen and (max-width: 750px) {
    .c-section-2__txt {
        padding-block: 78px;
        font-size: calc(16 / var(--root-fz) * 1rem);
        line-height: 1.4375;
    }
}
.c-section-2__btn {
    width: min(100%, 570px);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-2__btn {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-select-custom
--------------------------------------------- */
.c-select-custom span:first-of-type {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1;
}
.c-select-custom__dl {
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-select-custom__dl {
        max-width: 320px;
    }
}
.c-select-custom__head {
    width: 100%;
    padding: 12px 16px;
    color: var(--color-gray-1);
    font-size: calc(18 / var(--root-fz) * 1rem);
    text-align: left;
    border-radius: 8px;
    background-color: var(--color-white-1);
    position: relative;
    cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
    .c-select-custom__head {
        transition: opacity var(--hover-duration);
    }
    .c-select-custom__head:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 750px) {
    .c-select-custom__head {
        font-size: calc(14 / var(--root-fz) * 1rem);
        border-radius: 4px;
    }
}
.c-select-custom__head.is-selected {
    color: var(--color-base-1);
}

.is-error .c-select-custom__head {
    border: 1px solid rgba(var(--color-orange-2-rgb), 0.5);
}

.c-select-custom__head::after {
    content: "";
    display: block;
    width: 10px;
    aspect-ratio: 47/70;
    background: url("../img/ico_arrow.png") no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: 1.3em;
    transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 750px) {
    .c-select-custom__head::after {
        width: 8px;
        right: 1.2em;
    }
}
.c-select-custom__body {
    width: 100%;
    border: 1px solid var(--color-gray-2);
    border-radius: 8px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: top 0.2s, visibility 0.2s, opacity 0.2s;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}
@media screen and (max-width: 750px) {
    .c-select-custom__body {
        border-radius: 4px;
    }
}
.c-select-custom__body.is-show {
    top: 100%;
    visibility: visible;
    opacity: 1;
}
.c-select-custom__body input[type=radio] {
    display: none;
}
.c-select-custom__list {
    max-height: 206px;
    background-color: var(--color-white-1);
    overflow-y: scroll;
    touch-action: manipulation;
    /* -- スクロールバー非表示 -- */
    -ms-overflow-style: none; /* IE、Edge 対応 */
    scrollbar-width: none; /* Firefox 対応 */
}
@media screen and (max-width: 750px) {
    .c-select-custom__list {
        max-height: 164px;
    }
}
.c-select-custom__list::-webkit-scrollbar {
    display: none; /* Chrome,Safari 対応 */
}
.c-select-custom__item {
    border-top: 1px solid var(--color-gray-2);
}
.c-select-custom__item:first-child {
    border-top: 0;
}
.c-select-custom label {
    display: block;
    width: 100% !important;
    padding: 10px 20px;
    cursor: pointer;
    will-change: opacity;
}
@media (hover: hover) and (pointer: fine) {
    .c-select-custom label {
        transition: opacity var(--hover-duration);
    }
    .c-select-custom label:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-select-custom label.is-current {
    color: var(--color-white-1);
    background-color: var(--color-orange-2);
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: var(--color-white-1) !important;
}

/* ---------------------------------------------
*   display
--------------------------------------------- */
.d-inline-block {
    display: inline-block !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 400 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

/* ---------------------------------------------
*   text-align
--------------------------------------------- */
.txt-al-center {
    text-align: center !important;
}

.txt-al-right {
    text-align: right !important;
}

.txt-al-left {
    text-align: left !important;
}

.js-tel-disabled {
    pointer-events: none;
}

@media print and (min-width: 751px), screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 1024px), screen and (max-width: 1024px) {
    .pc-only-hide {
        display: none !important;
    }
}
@media print and (max-width: 750px), screen and (max-width: 750px) {
    .sp-hide {
        display: none !important;
    }
}
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: calc(5 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--10 {
        margin-top: calc(10 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--15 {
        margin-top: calc(15 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--20 {
        margin-top: calc(20 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--25 {
        margin-top: calc(25 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--30 {
        margin-top: calc(30 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--35 {
        margin-top: calc(35 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--40 {
        margin-top: calc(40 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--45 {
        margin-top: calc(45 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--50 {
        margin-top: calc(50 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--55 {
        margin-top: calc(55 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--60 {
        margin-top: calc(60 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--65 {
        margin-top: calc(65 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--70 {
        margin-top: calc(70 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--75 {
        margin-top: calc(75 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--80 {
        margin-top: calc(80 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--85 {
        margin-top: calc(85 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--90 {
        margin-top: calc(90 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--95 {
        margin-top: calc(95 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--100 {
        margin-top: calc(100 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--105 {
        margin-top: calc(105 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--110 {
        margin-top: calc(110 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--115 {
        margin-top: calc(115 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--120 {
        margin-top: calc(120 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--125 {
        margin-top: calc(125 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--130 {
        margin-top: calc(130 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--135 {
        margin-top: calc(135 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--140 {
        margin-top: calc(140 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--145 {
        margin-top: calc(145 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--150 {
        margin-top: calc(150 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--155 {
        margin-top: calc(155 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--160 {
        margin-top: calc(160 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--165 {
        margin-top: calc(165 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--170 {
        margin-top: calc(170 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--175 {
        margin-top: calc(175 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--180 {
        margin-top: calc(180 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--185 {
        margin-top: calc(185 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--190 {
        margin-top: calc(190 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--195 {
        margin-top: calc(195 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--200 {
        margin-top: calc(200 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--205 {
        margin-top: calc(205 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--210 {
        margin-top: calc(210 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--215 {
        margin-top: calc(215 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--220 {
        margin-top: calc(220 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--225 {
        margin-top: calc(225 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--230 {
        margin-top: calc(230 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--235 {
        margin-top: calc(235 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--240 {
        margin-top: calc(240 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--245 {
        margin-top: calc(245 / var(--design-width) * 100vw) !important;
    }
    .mgt-sp--250 {
        margin-top: calc(250 / var(--design-width) * 100vw) !important;
    }
}
/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 750px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: calc(5 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--10 {
        margin-bottom: calc(10 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--15 {
        margin-bottom: calc(15 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--20 {
        margin-bottom: calc(20 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--25 {
        margin-bottom: calc(25 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--30 {
        margin-bottom: calc(30 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--35 {
        margin-bottom: calc(35 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--40 {
        margin-bottom: calc(40 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--45 {
        margin-bottom: calc(45 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--50 {
        margin-bottom: calc(50 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--55 {
        margin-bottom: calc(55 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--60 {
        margin-bottom: calc(60 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--65 {
        margin-bottom: calc(65 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--70 {
        margin-bottom: calc(70 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--75 {
        margin-bottom: calc(75 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--80 {
        margin-bottom: calc(80 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--85 {
        margin-bottom: calc(85 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--90 {
        margin-bottom: calc(90 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--95 {
        margin-bottom: calc(95 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--100 {
        margin-bottom: calc(100 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--105 {
        margin-bottom: calc(105 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--110 {
        margin-bottom: calc(110 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--115 {
        margin-bottom: calc(115 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--120 {
        margin-bottom: calc(120 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--125 {
        margin-bottom: calc(125 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--130 {
        margin-bottom: calc(130 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--135 {
        margin-bottom: calc(135 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--140 {
        margin-bottom: calc(140 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--145 {
        margin-bottom: calc(145 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--150 {
        margin-bottom: calc(150 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--155 {
        margin-bottom: calc(155 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--160 {
        margin-bottom: calc(160 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--165 {
        margin-bottom: calc(165 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--170 {
        margin-bottom: calc(170 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--175 {
        margin-bottom: calc(175 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--180 {
        margin-bottom: calc(180 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--185 {
        margin-bottom: calc(185 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--190 {
        margin-bottom: calc(190 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--195 {
        margin-bottom: calc(195 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--200 {
        margin-bottom: calc(200 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--205 {
        margin-bottom: calc(205 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--210 {
        margin-bottom: calc(210 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--215 {
        margin-bottom: calc(215 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--220 {
        margin-bottom: calc(220 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--225 {
        margin-bottom: calc(225 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--230 {
        margin-bottom: calc(230 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--235 {
        margin-bottom: calc(235 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--240 {
        margin-bottom: calc(240 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--245 {
        margin-bottom: calc(245 / var(--design-width) * 100vw) !important;
    }
    .mgb-sp--250 {
        margin-bottom: calc(250 / var(--design-width) * 100vw) !important;
    }
}