/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
.l-wrapper {
    background-image: url(../img/bg_yasai.webp), url(../img/bg.webp);
    background-position: calc(-274 / var(--design-width) * 100vw) calc(724 / var(--design-width) * 100vw), center top;
    background-repeat: no-repeat, repeat;
    background-size: 138.0673499268% auto, 159.7364568082% auto;
}
@media screen and (max-width: 750px) {
    .l-wrapper {
        background-image: url(../img/sp/bg_yasai.webp), url(../img/sp/bg.webp);
        background-position: calc(-123 / var(--design-width) * 100vw) calc(854 / var(--design-width) * 100vw), center top;
        background-repeat: no-repeat, repeat;
        background-size: 157.0666666667% auto, 100% auto;
    }
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    height: calc(var(--fixed-header-height) * 1px);
}

/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    padding-top: calc(var(--fixed-header-height) * 1px);
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    text-align: center;
    padding-top: 3.953147877%;
    padding-bottom: 2.635431918%;
    background-color: #029642;
}
@media screen and (max-width: 750px) {
    .l-footer {
        padding-top: 9.0666666667%;
        padding-bottom: 10.6666666667%;
    }
}
.l-footer__copyright {
    color: var(--color-white-1);
    font-size: min(10 / var(--design-width) * 100vw, 10px);
    letter-spacing: 0.06em;
    line-height: 1.75;
}
@media screen and (max-width: 750px) {
    .l-footer__copyright {
        font-size: calc(10 / var(--root-fz) * 1rem);
    }
}

/* ---------------------------------------------
*   c-block-btn
--------------------------------------------- */
.c-block-btn {
    margin-top: 60px;
}
@media screen and (max-width: 1366px) {
    .c-block-btn {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-btn {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-btn--2 {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-block-btn__container {
    margin-inline: auto;
    max-width: 650px;
    width: 47.5841874085%;
}
@media screen and (max-width: 750px) {
    .c-block-btn__container {
        max-width: 100%;
        width: calc(335 / var(--design-width) * 100%);
    }
}
/*@media (hover: hover) and (pointer: fine) {
    .c-block-btn__link {
        transition: opacity var(--hover-duration);
    }
    .c-block-btn__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}*/

/* ---------------------------------------------
*   c-block-nav
--------------------------------------------- */
.c-block-nav {
    margin-top: 60px;
}
@media screen and (max-width: 1366px) {
    .c-block-nav {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-nav {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-box-terms
--------------------------------------------- */
.c-box-terms {
    margin-top: 48px;
    height: min(363px, 363 / var(--design-width) * 100vw);
    max-width: 922px;
    width: min(922px, 922 / var(--design-width) * 100vw);
    padding-right: 2em;
    overflow-y: scroll;
    overflow-wrap: break-word;
    scrollbar-color: var(--color-black-2);
    color: #000000;
    text-align: justify;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 1366px) {
    .c-box-terms {
        margin-top: calc(48 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-box-terms {
        margin-top: calc(18 / var(--design-width) * 100vw);
        height: calc(409 / var(--design-width) * 100vw);
        max-width: 100%;
        padding-right: 1em;
    }
}
.c-box-terms__txt {
    font-size: calc(15 / var(--root-fz) * 1rem);
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
    .c-box-terms__txt {
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: 1.92;
        letter-spacing: 0;
    }
}

/* ---------------------------------------------
*   c-btn
--------------------------------------------- */
/* ---------------------------------------------
*   c-card
--------------------------------------------- */
/* ---------------------------------------------
*   c-cassette-contact
--------------------------------------------- */
.c-cassette-contact {
    margin-top: 32px;
    color: var(--color-white-1);
    font-size: calc(15 / var(--root-fz) * 1rem);
    font-weight: 900;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 1366px) {
    .c-cassette-contact {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-contact {
        margin-top: calc(26 / var(--design-width) * 100vw);
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: 1.8;
        font-weight: 900;
    }
}
.c-cassette-contact__ttl {
    line-height: 2;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 750px) {
    .c-cassette-contact__ttl {
        line-height: 1.69;
        letter-spacing: -0.03em;
    }
}

/* ---------------------------------------------
*   c-figure
--------------------------------------------- */
/* ---------------------------------------------
*   c-form
--------------------------------------------- */
/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    position: relative;
}
.c-kv__img img {
    width: 100%;
}
.c-kv__logo {
    position: absolute;
    z-index: 2;
    top: 2.635431918%;
    right: 1.4641288433%;
    width: 12.8111273792%;
}
@media (hover: hover) and (pointer: fine) {
    .c-kv__logo {
        transition: opacity var(--hover-duration);
    }
    .c-kv__logo:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 750px) {
    .c-kv__logo {
        top: 1.8666666667%;
        right: 4.2666666667%;
        width: 46.6666666667%;
    }
}

/* ---------------------------------------------
*   c-link
--------------------------------------------- */
/* ---------------------------------------------
*   c-list-anchor
--------------------------------------------- */
.c-list-anchor {
    display: flex;
    max-width: 1018px;
    width: calc(1018 / var(--design-width) * 100%);
    margin-inline: auto;
    -moz-column-gap: min(28px, 28 / var(--design-width) * 100vw);
         column-gap: min(28px, 28 / var(--design-width) * 100vw);
}
@media screen and (max-width: 750px) {
    .c-list-anchor {
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(12 / var(--design-width) * 100vw);
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 750px) {
    .c-list-anchor__item {
        max-width: 100%;
        width: calc(144 / var(--design-width) * 100%);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-list-anchor__link {
        transition: opacity var(--hover-duration);
    }
    .c-list-anchor__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.5971223022% 5.3130929791%;
}
@media screen and (max-width: 750px) {
    .c-list-1 {
        display: block;
        gap: calc(40 / var(--design-width) * 100vw) 0;
    }
}
.c-list-1__item {
    width: 47.3434535104%;
}
@media screen and (max-width: 750px) {
    .c-list-1__item {
        width: 100%;
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__txt {
        max-width: 100%;
        width: calc(300 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-list-1__img {
    margin-top: 38px;
    margin-inline: auto;
}
@media screen and (max-width: 1366px) {
    .c-list-1__img {
        margin-top: calc(38 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__img {
        max-width: 100%;
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}
.c-list-1__img--1 {
    margin-bottom: 59px;
    max-width: 456px;
    width: 91.3827655311%;
}
@media screen and (max-width: 1366px) {
    .c-list-1__img--1 {
        margin-bottom: calc(59 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__img--1 {
        width: calc(293 / var(--contents-width) * 100%);
        margin-bottom: calc(35 / var(--design-width) * 100vw);
    }
}
.c-list-1__img--2 {
    max-width: 370px;
    width: 74.1482965932%;
}
@media screen and (max-width: 750px) {
    .c-list-1__img--2 {
        width: calc(254 / var(--contents-width) * 100%);
        margin-bottom: calc(15 / var(--design-width) * 100vw);
    }
}
.c-list-1__img--3 {
    max-width: 417px;
    width: 83.5671342685%;
}
@media screen and (max-width: 750px) {
    .c-list-1__img--3 {
        width: calc(256 / var(--contents-width) * 100%);
        margin-bottom: calc(34 / var(--design-width) * 100vw);
    }
}
.c-list-1__img--4 {
    max-width: 192px;
    width: 38.4769539078%;
}
@media screen and (max-width: 750px) {
    .c-list-1__img--4 {
        width: calc(139 / var(--contents-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-list-2
--------------------------------------------- */
.c-list-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 41px;
}
@media screen and (max-width: 1366px) {
    .c-list-2 {
        margin-top: calc(41 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-2 {
        row-gap: calc(30 / var(--design-width) * 100vw);
        margin-top: calc(24 / var(--design-width) * 100vw);
    }
}
.c-list-2__item {
    width: 30.5263157895%;
}
@media screen and (max-width: 750px) {
    .c-list-2__item {
        width: 100%;
    }
}
.c-list-2__img {
    max-width: 270px;
    width: 93.1034482759%;
}
@media screen and (max-width: 750px) {
    .c-list-2__img {
        max-width: 100%;
        width: calc(215 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-list-2__img--1 {
    transform: translateX(5%);
}
@media screen and (max-width: 750px) {
    .c-list-2__img--1 {
        transform: translateX(0%);
    }
}
.c-list-2__img--2 {
    transform: translateX(4%);
}
@media screen and (max-width: 750px) {
    .c-list-2__img--2 {
        transform: translateX(0%);
    }
}
.c-list-2__img--3 {
    transform: translateX(2%);
}
@media screen and (max-width: 750px) {
    .c-list-2__img--3 {
        transform: translateX(0%);
    }
}
.c-list-2__btn {
    margin-top: 30px;
    max-width: 290px;
    width: 100%;
}
@media screen and (max-width: 1366px) {
    .c-list-2__btn {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-list-2__btn--1, .c-list-2__btn--3 {
    transform: translateY(0%);
}
@media screen and (max-width: 750px) {
    .c-list-2__btn {
        margin-top: calc(20 / var(--design-width) * 100vw);
        margin-inline: auto;
        max-width: 100%;
        width: calc(230 / var(--contents-width) * 100%);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-list-2__link {
        transition: opacity var(--hover-duration);
    }
    .c-list-2__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-list-terms
--------------------------------------------- */
.c-list-terms {
    padding-bottom: 35px;
}
@media screen and (max-width: 1366px) {
    .c-list-terms {
        padding-bottom: 3.9325842697%;
    }
}
.c-list-terms__item {
    margin-top: 30px;
}
@media screen and (max-width: 1366px) {
    .c-list-terms__item {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-terms__item {
        margin-top: calc(18 / var(--design-width) * 100vw);
    }
}
.c-list-terms__ttl {
    font-size: calc(20 / var(--root-fz) * 1rem);
    line-height: 1.75;
    font-weight: 900;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
    .c-list-terms__ttl {
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: 1.92;
        letter-spacing: 0.02em;
    }
}
.c-list-terms__txt {
    font-size: calc(15 / var(--root-fz) * 1rem);
    line-height: 2;
    letter-spacing: 0.05em;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-list-terms__txt {
        font-size: calc(13 / var(--root-fz) * 1rem);
        line-height: 1.92;
        letter-spacing: -0.03em;
    }
}

/* ---------------------------------------------
*   c-list
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .c-list {
        max-width: 100%;
        width: 96.5517241379%;
    }
}
.c-list__item {
    display: flex;
}
.c-list__ico {
    flex-shrink: 0;
}
.c-list__txt {
    word-break: break-word;
}
@media screen and (max-width: 750px) {
    .c-list__txt {
        letter-spacing: -0.06em;
    }
}

/* ---------------------------------------------
*   c-list-contact
--------------------------------------------- */
.c-list-contact {
    line-height: 2;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
    .c-list-contact {
        margin-top: calc(7 / var(--design-width) * 100vw);
    }
}
.c-list-contact__item span {
    font-weight: 800;
}
.c-list-contact__item--last {
    padding-top: 0.2em;
}
@media screen and (max-width: 750px) {
    .c-list-contact__item {
        letter-spacing: 0.04em;
        padding-left: 1.5em;
        text-indent: -1.5em;
        line-height: 1.7;
    }
}

/* ---------------------------------------------
*   c-list-note
--------------------------------------------- */
.c-list-note {
    line-height: 2.5;
    letter-spacing: 0.02em;
}
@media screen and (max-width: 750px) {
    .c-list-note {
        margin-top: calc(4 / var(--design-width) * 100vw);
    }
}
.c-list-note__item {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.8;
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    margin-top: 152px;
    padding-inline: 7.3206442167%;
}
@media screen and (max-width: 1366px) {
    .c-section-1 {
        margin-top: calc(152 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        margin-top: calc(55 / var(--design-width) * 100vw);
        padding-inline: 5.3333333333%;
    }
}
.c-section-1__container {
    position: relative;
    max-width: 1166px;
    margin-inline: auto;
}
.c-section-1__head {
    position: relative;
    height: 80px;
    background-image: url(../img/bg_ttl.png);
    background-position: 5px 41px;
    background-repeat: repeat;
    background-size: 39px 45px;
    border-radius: min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px) 0 0;
}
@media screen and (max-width: 1366px) {
    .c-section-1__head {
        height: calc(80 / var(--design-width) * 100vw);
        background-position: calc(5 / var(--design-width) * 100vw) calc(41 / var(--design-width) * 100vw);
        background-size: 3.3447684391% auto;
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__head {
        height: calc(52 / var(--design-width) * 100vw);
        background-position: calc(9 / var(--design-width) * 100vw) calc(44 / var(--design-width) * 100vw);
        background-size: 8.9552238806% auto;
        border-radius: min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px) 0 0;
    }
}
.c-section-1__ttl {
    position: absolute;
    margin-inline: auto;
    max-width: 271px;
    width: 23.2418524871%;
    bottom: 100%;
    left: 50%;
    transform: translate(-49%, 52%);
    z-index: 2;
}
@media screen and (max-width: 750px) {
    .c-section-1__ttl {
        max-width: 100%;
        width: calc(176 / var(--contents-width) * 100%);
        transform: translate(-49%, 67%);
    }
}
.c-section-1__body {
    display: flex;
    justify-content: space-between;
    padding-top: 48px;
    padding-right: 45px;
    padding-bottom: 60px;
    padding-left: 50px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px);
}
@media screen and (max-width: 1366px) {
    .c-section-1__body {
        padding-top: 4.1166380789%;
        padding-right: 3.859348199%;
        padding-bottom: 5.1457975986%;
        padding-left: 4.2881646655%;
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__body {
        display: block;
        padding-block: calc(30 / var(--design-width) * 100vw);
        padding-inline: 0;
        border-radius: 0 0 min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px);
    }
}
.c-section-1__img {
    max-width: 504px;
    width: 47.0149253731%;
}
@media screen and (max-width: 750px) {
    .c-section-1__img {
        max-width: 100%;
        width: calc(301 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-section-1__line {
    max-width: 2.5px;
    width: 0.2332089552%;
    max-height: 710px;
    height: calc(710 / var(--design-width) * 100vw);
    transform: translate(-5px, 5px);
}
@media screen and (max-width: 750px) {
    .c-section-1__line {
        max-width: 100%;
        width: calc(282 / var(--contents-width) * 100%);
        max-height: 2px;
        height: calc(2 / var(--design-width) * 100vw);
        margin-top: calc(20 / var(--design-width) * 100vw);
        margin-inline: auto;
        transform: translateX(0px);
    }
}
.c-section-1__contents {
    max-width: 466px;
    width: 43.4701492537%;
}
@media screen and (max-width: 750px) {
    .c-section-1__contents {
        max-width: 100%;
        width: calc(300 / var(--contents-width) * 100%);
        margin-top: calc(64 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-1__txt {
    transform: translateY(0.4%);
}
@media screen and (max-width: 750px) {
    .c-section-1__txt {
        max-width: 100%;
        width: 94%;
        margin-inline: auto;
    }
}
.c-section-1__btn {
    display: inline-block;
    margin-top: 34px;
    max-width: 416px;
    width: 89.2703862661%;
    transform: translateX(4.8%);
}
@media screen and (max-width: 1366px) {
    .c-section-1__btn {
        margin-top: calc(34 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1__btn {
        max-width: 100%;
        width: calc(300 / var(--contents-width) * 100%);
        width: 100%;
        margin-top: calc(25 / var(--design-width) * 100vw);
        margin-inline: auto;
        transform: translateX(0%);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-section-1__link {
        transition: opacity var(--hover-duration);
    }
    .c-section-1__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    margin-top: 152px;
    padding-inline: 7.3206442167%;
}
@media screen and (max-width: 1366px) {
    .c-section-2 {
        margin-top: calc(152 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2 {
        margin-top: calc(56 / var(--design-width) * 100vw);
        padding-inline: 5.3333333333%;
    }
}
.c-section-2__container {
    position: relative;
    max-width: 1166px;
    margin-inline: auto;
}
.c-section-2__head {
    position: relative;
    height: 80px;
    background-image: url(../img/bg_ttl.png);
    background-position: 5px 41px;
    background-repeat: repeat;
    background-size: 39px 45px;
    border-radius: min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px) 0 0;
}
@media screen and (max-width: 1366px) {
    .c-section-2__head {
        height: calc(80 / var(--design-width) * 100vw);
        background-position: calc(5 / var(--design-width) * 100vw) calc(41 / var(--design-width) * 100vw);
        background-size: 3.3447684391% auto;
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__head {
        height: calc(52 / var(--design-width) * 100vw);
        background-position: calc(9 / var(--design-width) * 100vw) calc(44 / var(--design-width) * 100vw);
        background-size: 8.9552238806% auto;
        border-radius: min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px) 0 0;
    }
}
.c-section-2__ttl {
    position: absolute;
    margin-inline: auto;
    max-width: 441px;
    width: 37.8216123499%;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 2;
}
@media screen and (max-width: 750px) {
    .c-section-2__ttl {
        max-width: 100%;
        width: calc(266 / var(--contents-width) * 100%);
        transform: translate(-49%, 67%);
    }
}
.c-section-2__body {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-inline: 56px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px);
}
@media screen and (max-width: 1366px) {
    .c-section-2__body {
        padding-top: 5.1457975986%;
        padding-bottom: 5.1457975986%;
        padding-inline: 4.8027444254%;
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__body {
        padding-block: calc(30 / var(--design-width) * 100vw);
        padding-inline: 0;
        border-radius: 0 0 min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px);
    }
}
.c-section-2__btn {
    margin-top: 60px;
    margin-inline: auto;
    max-width: 590px;
    width: 55.9772296015%;
}
@media screen and (max-width: 1366px) {
    .c-section-2__btn {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2__btn {
        margin-top: calc(35 / var(--design-width) * 100vw);
        max-width: 100%;
        width: calc(300 / var(--contents-width) * 100%);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-section-2__link {
        transition: opacity var(--hover-duration);
    }
    .c-section-2__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-section-yasai
--------------------------------------------- */
.c-section-yasai {
    margin-top: 40px;
    padding-inline: 7.3206442167%;
}
@media screen and (max-width: 1366px) {
    .c-section-yasai {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-yasai {
        margin-top: calc(20 / var(--design-width) * 100vw);
        padding-inline: 5.3333333333%;
    }
}
.c-section-yasai__container {
    display: flex;
    justify-content: space-between;
    max-width: 1166px;
    margin-inline: auto;
    padding-block: 20px;
    padding-right: 58px;
    padding-left: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: min(25 / var(--design-width) * 100vw, 25px);
}
@media screen and (max-width: 1366px) {
    .c-section-yasai__container {
        padding-block: 1.7152658662%;
        padding-right: 4.974271012%;
        padding-left: 1.7152658662%;
    }
}
@media screen and (max-width: 750px) {
    .c-section-yasai__container {
        display: block;
        padding-block: calc(30 / var(--design-width) * 100vw);
        padding-inline: 0;
        border-radius: min(30 / var(--design-width) * 100vw, 30px);
    }
}
.c-section-yasai__head {
    max-width: 280px;
    width: 25.7352941176%;
}
@media screen and (max-width: 750px) {
    .c-section-yasai__head {
        max-width: 100%;
        width: calc(224 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-section-yasai__body {
    max-width: 770px;
    width: 70.7720588235%;
}
@media screen and (max-width: 750px) {
    .c-section-yasai__body {
        max-width: 100%;
        width: calc(255 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
.c-section-yasai__txt {
    margin-top: 30px;
}
@media screen and (max-width: 1366px) {
    .c-section-yasai__txt {
        margin-top: calc(23 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-section-3
--------------------------------------------- */
.c-section-3 {
    margin-top: 152px;
    padding-inline: 7.3206442167%;
}
@media screen and (max-width: 1366px) {
    .c-section-3 {
        margin-top: calc(152 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-3 {
        margin-top: calc(56 / var(--design-width) * 100vw);
        padding-inline: 5.3333333333%;
    }
}
.c-section-3__container {
    position: relative;
    max-width: 1166px;
    margin-inline: auto;
}
.c-section-3__head {
    position: relative;
    height: 80px;
    background-image: url(../img/bg_ttl.png);
    background-position: 5px 41px;
    background-repeat: repeat;
    background-size: 39px 45px;
    border-radius: min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px) 0 0;
}
@media screen and (max-width: 1366px) {
    .c-section-3__head {
        height: calc(80 / var(--design-width) * 100vw);
        background-position: calc(5 / var(--design-width) * 100vw) calc(41 / var(--design-width) * 100vw);
        background-size: 3.3447684391% auto;
    }
}
@media screen and (max-width: 750px) {
    .c-section-3__head {
        height: calc(52 / var(--design-width) * 100vw);
        background-position: calc(9 / var(--design-width) * 100vw) calc(44 / var(--design-width) * 100vw);
        background-size: 8.9552238806% auto;
        border-radius: min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px) 0 0;
    }
}
.c-section-3__ttl {
    position: absolute;
    margin-inline: auto;
    max-width: 486px;
    width: 41.6809605489%;
    bottom: 100%;
    left: 50%;
    transform: translate(-48.2%, 51.5%);
    z-index: 2;
}
@media screen and (max-width: 750px) {
    .c-section-3__ttl {
        max-width: 100%;
        width: calc(291 / var(--contents-width) * 100%);
        transform: translate(-48%, 65%);
    }
}
.c-section-3__body {
    padding-top: 20px;
    padding-bottom: 60px;
    padding-inline: 108px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px);
}
@media screen and (max-width: 1366px) {
    .c-section-3__body {
        padding-top: 1.7152658662%;
        padding-bottom: 5.1457975986%;
        padding-inline: 9.2624356775%;
    }
}
@media screen and (max-width: 750px) {
    .c-section-3__body {
        padding-top: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(30 / var(--design-width) * 100vw);
        padding-inline: 0;
        border-radius: 0 0 min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px);
    }
}
.c-section-3__txt {
    margin-inline: auto;
    max-width: 551px;
    width: 58%;
    transform: translate(-2%, 1%);
}
@media screen and (max-width: 750px) {
    .c-section-3__txt {
        max-width: 100%;
        width: calc(307 / var(--contents-width) * 100%);
    }
}

/* ---------------------------------------------
*   c-section-4
--------------------------------------------- */
.c-section-4 {
    margin-top: 152px;
    padding-inline: 7.3206442167%;
}
@media screen and (max-width: 1366px) {
    .c-section-4 {
        margin-top: calc(152 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4 {
        margin-top: calc(56 / var(--design-width) * 100vw);
        padding-inline: 5.3333333333%;
    }
}
.c-section-4__container {
    position: relative;
    max-width: 1166px;
    margin-inline: auto;
}
.c-section-4__head {
    position: relative;
    height: 80px;
    background-image: url(../img/bg_ttl.png);
    background-position: 5px 41px;
    background-repeat: repeat;
    background-size: 39px 45px;
    border-radius: min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px) 0 0;
}
@media screen and (max-width: 1366px) {
    .c-section-4__head {
        height: calc(80 / var(--design-width) * 100vw);
        background-position: calc(5 / var(--design-width) * 100vw) calc(41 / var(--design-width) * 100vw);
        background-size: 3.3447684391% auto;
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__head {
        height: calc(52 / var(--design-width) * 100vw);
        background-position: calc(9 / var(--design-width) * 100vw) calc(44 / var(--design-width) * 100vw);
        background-size: 8.9552238806% auto;
        border-radius: min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px) 0 0;
    }
}
.c-section-4__ttl {
    position: absolute;
    margin-inline: auto;
    max-width: 434px;
    width: 37.2212692967%;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 51%);
    z-index: 2;
}
@media screen and (max-width: 750px) {
    .c-section-4__ttl {
        max-width: 100%;
        width: calc(256 / var(--contents-width) * 100%);
        transform: translate(-50%, 65%);
    }
}
.c-section-4__body {
    padding-top: 38px;
    padding-right: 126px;
    padding-bottom: 60px;
    padding-left: 138px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0 0 min(50 / var(--design-width) * 100vw, 50px) min(50 / var(--design-width) * 100vw, 50px);
}
@media screen and (max-width: 1366px) {
    .c-section-4__body {
        padding-top: 3.2590051458%;
        padding-right: 10.8061749571%;
        padding-bottom: 5.1457975986%;
        padding-left: 11.8353344768%;
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__body {
        padding-top: calc(20 / var(--design-width) * 100vw);
        padding-bottom: calc(30 / var(--design-width) * 100vw);
        padding-inline: 0;
        border-radius: 0 0 min(30 / var(--design-width) * 100vw, 30px) min(30 / var(--design-width) * 100vw, 30px);
    }
}
.c-section-4__txt {
    margin-inline: auto;
    max-width: 755px;
    width: 83.7028824834%;
}
@media screen and (max-width: 750px) {
    .c-section-4__txt {
        max-width: 100%;
        width: calc(329 / var(--contents-width) * 100%);
    }
}
.c-section-4__img {
    margin-top: 42px;
}
@media screen and (max-width: 1366px) {
    .c-section-4__img {
        margin-top: calc(42 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__img {
        max-width: 100%;
        width: calc(275 / var(--contents-width) * 100%);
        margin-top: calc(26 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-4__btn {
    margin-top: 60px;
    margin-inline: auto;
    max-width: 416px;
    width: 46.1197339246%;
    transform: translateX(-1%);
}
@media screen and (max-width: 1366px) {
    .c-section-4__btn {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-4__btn {
        margin-top: calc(30 / var(--design-width) * 100vw);
        max-width: 100%;
        width: calc(300 / var(--contents-width) * 100%);
        transform: translateX(0%);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-section-4__link {
        transition: opacity var(--hover-duration);
    }
    .c-section-4__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-section-terms
--------------------------------------------- */
.c-section-terms {
    margin-top: 60px;
    padding-inline: 7.3206442167%;
}
@media screen and (max-width: 1366px) {
    .c-section-terms {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-terms {
        margin-top: calc(40 / var(--design-width) * 100vw);
        padding-inline: 5.3333333333%;
    }
}
.c-section-terms__container {
    max-width: 1166px;
    margin-inline: auto;
    padding-top: 83px;
    padding-right: 121px;
    padding-bottom: 32px;
    padding-left: 124px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: min(50 / var(--design-width) * 100vw, 50px);
}
@media screen and (max-width: 1366px) {
    .c-section-terms__container {
        padding-top: 7.1183533448%;
        padding-right: 10.3773584906%;
        padding-bottom: 2.7444253859%;
        padding-left: 10.6346483705%;
    }
}
@media screen and (max-width: 750px) {
    .c-section-terms__container {
        padding-top: calc(38 / var(--design-width) * 100vw);
        padding-bottom: calc(10 / var(--design-width) * 100vw);
        padding-inline: 0;
        border-radius: min(30 / var(--design-width) * 100vw, 30px);
    }
}
.c-section-terms__ttl {
    max-width: 764px;
    width: 82.863340564%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-terms__ttl {
        max-width: 100%;
        width: calc(257 / var(--contents-width) * 100%);
        margin-inline: auto;
    }
}
@media screen and (max-width: 750px) {
    .c-section-terms__body {
        padding-right: 3.5820895522%;
        padding-left: 8.0597014925%;
    }
}
.c-section-terms a {
    text-decoration: underline;
}
.c-section-terms a:hover {
    text-decoration: none;
}

/* ---------------------------------------------
*   c-section-contact
--------------------------------------------- */
.c-section-contact {
    margin-top: 62px;
    padding-top: 85px;
    padding-inline: 283px;
    background-color: #029642;
}
@media screen and (max-width: 1366px) {
    .c-section-contact {
        margin-top: calc(62 / var(--design-width) * 100vw);
        padding-top: 6.2225475842%;
        padding-inline: 20.7174231332%;
    }
}
@media screen and (max-width: 750px) {
    .c-section-contact {
        margin-top: calc(40 / var(--design-width) * 100vw);
        padding-top: calc(34 / var(--design-width) * 100vw);
        padding-inline: 9.0666666667%;
    }
}
.c-section-contact__container {
    max-width: 800px;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-contact__ttl {
        max-width: 100%;
        width: calc(292 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}

/* ---------------------------------------------
*   c-slider
--------------------------------------------- */
/* ---------------------------------------------
*   c-table
--------------------------------------------- */
/* ---------------------------------------------
*   c-tile
--------------------------------------------- */
/* ---------------------------------------------
*   c-ttl
--------------------------------------------- */
/* ---------------------------------------------
*   c-txt
--------------------------------------------- */
/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: var(--color-white-1) !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !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;
}

@media print and (min-width: 751px), screen and (min-width: 751px) {
    .pc-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;
    }
}