@charset "UTF-8";
/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
.l-wrapper {
    position: relative;
    overflow: hidden;
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 10;
}
@media screen and (min-width: 751px) {
    .l-footer {
        max-width: calc(var(--design-width) * 1px);
    }
}
.l-footer__container {
    padding-bottom: calc(32 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .l-footer__container {
        padding-bottom: calc(13 / var(--design-width) * 100vw);
    }
}
.l-footer__copyright {
    font-size: min(10 / var(--design-width) * 100vw, 10px);
    letter-spacing: 0.04em;
    line-height: 2;
    text-align: center;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .l-footer__copyright {
        font-size: calc(10 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-bg-1
--------------------------------------------- */
.c-block-bg-1 {
    position: relative;
}
.c-block-bg-1::before {
    content: "";
    display: block;
    width: min(2000 / var(--design-width) * 100%, 2000px);
    height: 100%;
    background: url(../img/bg_1.png) repeat-y top 0 center/100% auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
    pointer-events: none;
}
@media screen and (min-width: 2001px) {
    .c-block-bg-1::before {
        width: 100%;
    }
}
@media screen and (max-width: 750px) {
    .c-block-bg-1::before {
        width: calc(800 / var(--design-width) * 100vw);
        background-image: url(../img/sp/bg_1.png);
    }
}

/* ---------------------------------------------
*   c-block-bg-2
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .c-block-bg-2 {
        position: relative;
    }
    .c-block-bg-2::before {
        content: "";
        display: block;
        width: min(2000 / var(--design-width) * 100%, 2000px);
        /*height: 97.3%;*/
        height: 100%;
        background: url(../img/bg_3.png) repeat-y 0 0/100% auto;
		background-position: 0 -9.3%;
        position: absolute;
        /*top: min(308 / var(--design-width) * 100vw, 308px);*/
        top:0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 0;
        pointer-events: none;
    }
}

/* ---------------------------------------------
*   c-block-bg-3
--------------------------------------------- */
.c-block-bg-3 {
    padding-top: min(80 / var(--design-width) * 100%, 80px);
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-block-bg-3 {
        padding-top: calc(49 / var(--design-width) * 100vw);
    }
}
.c-block-bg-3::before {
    content: "";
    display: block;
    width: min(1276 / var(--design-width) * 100%, 1276px);
    height: 98%;
    background: url(../img/bg_5.png) repeat-y 0 0/100% auto;
    position: absolute;
    top: max(-250 / var(--design-width) * 100vw, -250px);
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    .c-block-bg-3::before {
        width: calc(700 / var(--design-width) * 100vw);
        aspect-ratio: 700/353;
        background-repeat: no-repeat;
        background-image: url(../img/sp/bg_3.png);
        top: calc(-65 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-intro
--------------------------------------------- */
.c-block-intro {
    padding-block: min(40 / var(--design-width) * 100%, 40px) min(115 / var(--design-width) * 100%, 115px);
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-block-intro {
        padding-block: calc(30 / var(--design-width) * 100vw) calc(68 / var(--design-width) * 100vw);
    }
}
.c-block-intro::before {
    content: "";
    display: block;
    width: min(1500 / var(--design-width) * 100%, 1500px);
    aspect-ratio: 1500/844;
    position: absolute;
    top: -29.5%;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/bg_4.png") no-repeat center/100% auto;
}
@media screen and (min-width: 1501px) {
    .c-block-intro::before {
        width: 100%;
        top: 50%;
        transform: translate(-50%, -32%);
        background-size: cover;
    }
}
@media screen and (max-width: 750px) {
    .c-block-intro::before {
        width: calc(785 / var(--design-width) * 100vw);
        aspect-ratio: 1570/1223;
        background-image: url("../img/sp/bg_4.png");
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.c-block-intro__inner {
    margin-inline: auto;
    padding-block: min(45 / var(--design-width) * 100%, 45px) min(42 / var(--design-width) * 100%, 42px);
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-block-intro__inner {
        max-width: calc(var(--design-width) * 1px);
        background: url("../img/bg_intro.png") no-repeat center/calc(908 / var(--design-width) * 100%) 100%;
    }
}
@media screen and (max-width: 750px) {
    .c-block-intro__inner {
        padding-block: calc(41 / var(--design-width) * 100vw);
    }
}
.c-block-intro__inner::before {
    content: "";
    display: block;
    width: calc(159 / var(--design-width) * 100%);
    aspect-ratio: 317/497;
    background: url("../img/img_1.png") no-repeat center/100% auto;
    position: absolute;
    top: 45%;
    left: 10%;
}
@media screen and (max-width: 750px) {
    .c-block-intro__inner::before {
        width: calc(70 / var(--design-width) * 100vw);
        background-image: url("../img/sp/img_1.png");
        top: calc(-14 / var(--design-width) * 100vw);
        left: calc(17 / var(--design-width) * 100vw);
        z-index: 5;
    }
}
@media screen and (max-width: 750px) {
    .c-block-intro__inner::after {
        content: "";
        display: block;
        width: calc(600 / var(--design-width) * 100vw);
        height: 100%;
        background: url("../img/sp/bg_intro.png") no-repeat center/100% 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
.c-block-intro__txt {
    width: calc(727 / var(--design-width) * 100%);
    margin-inline: auto;
    position: relative;
    z-index: 5;
}
@media screen and (max-width: 750px) {
    .c-block-intro__txt {
        width: calc(335 / var(--design-width) * 100vw);
    }
}
.c-block-intro__txt + .c-block-intro__txt {
    margin-top: calc(30 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-block-intro__txt + .c-block-intro__txt {
        margin-top: calc(41 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-prize
--------------------------------------------- */
.c-block-prize {
    width: calc(900 / var(--contents-width) * 100%);
    margin-inline: auto;
    margin-top: calc(36 / var(--contents-width) * 100%);
}
@media screen and (min-width: 751px) {
    .c-block-prize {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
    }
}
@media screen and (max-width: 750px) {
    .c-block-prize {
        width: calc(290 / var(--design-width) * 100vw);
        margin-top: calc(15 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-block-prize__list {
        display: contents;
    }
}
@media screen and (max-width: 750px) {
    .c-block-prize__item:not(:first-of-type) {
        margin-top: calc(15 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-block-prize__item:first-of-type {
        margin-bottom: 2.2222222222%;
        grid-area: 1/1/2/10;
    }
}
@media screen and (min-width: 751px) {
    .c-block-prize__item:nth-of-type(2) {
        grid-area: 2/1/4/5;
    }
}
@media screen and (min-width: 751px) {
    .c-block-prize__item:last-of-type {
        width: 96%;
        margin-inline: auto 0;
        grid-area: 2/5/3/10;
    }
}
.c-block-prize__txt {
    width: 92%;
    margin-inline: auto 2%;
}
@media screen and (min-width: 751px) {
    .c-block-prize__txt {
        grid-area: 3/5/4/10;
        margin-top: 1%;
    }
}
@media screen and (max-width: 750px) {
    .c-block-prize__txt {
        width: calc(306 / var(--design-width) * 100vw);
        margin-left: calc(-9 / var(--design-width) * 100vw);
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1__link {
        transition: opacity var(--hover-duration);
    }
    .c-btn-1__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-btn-1 img {
    display: block;
    filter: drop-shadow(0px 5px 5px rgba(var(--color-shadow-1-rgb), 0.5));
    transform: translateZ(0);
}
@media screen and (max-width: 750px) {
    .c-btn-1 img {
        filter: drop-shadow(0px calc(2.5 / var(--design-width) * 100vw) calc(2.5 / var(--design-width) * 100vw) rgba(var(--color-shadow-1-rgb), 0.5));
    }
}
.c-btn-1--red img {
    filter: drop-shadow(0px 5px 5px rgba(var(--color-red-1-rgb), 0.4));
}
@media screen and (max-width: 750px) {
    .c-btn-1--red img {
        filter: drop-shadow(0px calc(2.5 / var(--design-width) * 100vw) calc(2.5 / var(--design-width) * 100vw) rgba(var(--color-red-1-rgb), 0.4));
    }
}
.c-btn-1--blue img {
    filter: drop-shadow(0px 5px 5px rgba(var(--color-blue-1-rgb), 0.5));
}
@media screen and (max-width: 750px) {
    .c-btn-1--blue img {
        filter: drop-shadow(0px calc(2.5 / var(--design-width) * 100vw) calc(2.5 / var(--design-width) * 100vw) rgba(var(--color-blue-1-rgb), 0.5));
    }
}

/* ---------------------------------------------
*   c-btn-2
--------------------------------------------- */
.c-btn-2__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-2__link {
        transition: opacity var(--hover-duration);
    }
    .c-btn-2__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
/*  c-cassette-terms
--------------------------------------------- */
.c-cassette-terms {
    padding-inline: min(40 / var(--design-width) * 100vw, 40px);
    padding-bottom: min(20 / var(--design-width) * 100vw, 20px);
    overflow-wrap: break-word;
}
@media screen and (max-width: 750px) {
    .c-cassette-terms {
        padding-inline: calc(14 / var(--design-width) * 100vw);
        padding-bottom: calc(7 / var(--design-width) * 100vw);
    }
}
.c-cassette-terms__inner {
    max-height: min(434 / var(--design-width) * 100vw, 434px);
    padding-inline: min(20 / var(--design-width) * 100vw, 20px);
    overflow-y: auto;
}
@media screen and (max-width: 750px) {
    .c-cassette-terms__inner {
        max-height: calc(412 / var(--design-width) * 100vw);
        padding-inline: calc(10 / var(--design-width) * 100vw);
    }
}
.c-cassette-terms__row + .c-cassette-terms__row {
    margin-top: min(28 / var(--design-width) * 100vw, 28px);
}
@media screen and (max-width: 750px) {
    .c-cassette-terms__row + .c-cassette-terms__row {
        margin-top: calc(23 / var(--design-width) * 100vw);
    }
}
.c-cassette-terms__row:last-of-type {
    padding-bottom: min(30 / var(--design-width) * 100vw, 30px);
}
@media screen and (max-width: 750px) {
    .c-cassette-terms__row:last-of-type {
        padding-bottom: calc(14 / var(--design-width) * 100vw);
    }
}
.c-cassette-terms__heading {
    font-weight: 900;
    font-size: min(20 / var(--design-width) * 100vw, 20px);
    line-height: 1.75;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 750px) {
    .c-cassette-terms__heading {
        font-size: calc(12 / var(--design-width) * 100vw);
        line-height: 1.8333333333;
        letter-spacing: 0;
    }
}
.c-cassette-terms--1 .c-cassette-terms__heading::before {
    content: "■";
}
.c-cassette-terms--2 .c-cassette-terms__heading::before {
    content: "▼";
}
.c-cassette-terms__txt, .c-cassette-terms__item {
    font-size: min(14 / var(--design-width) * 100vw, 14px);
    line-height: 2;
    letter-spacing: 0.04em;
    text-align: justify;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-cassette-terms__txt, .c-cassette-terms__item {
        font-size: calc(12 / var(--design-width) * 100vw);
        line-height: 1.8333333333;
        letter-spacing: 0;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-cassette-terms__txt a:hover, .c-cassette-terms__item a:hover {
        text-decoration: underline;
    }
}
@media screen and (max-width: 750px) {
    .c-cassette-terms__txt {
        text-align: justify;
    }
}
.c-cassette-terms__item {
    padding-left: 0.8em;
    text-indent: -0.8em;
}
.c-cassette-terms__item::before {
    content: "・ ";
}
.c-cassette-terms__list--type2 .c-cassette-terms__item {
    padding-left: 1em;
    text-indent: -1em;
}
.c-cassette-terms__list--type2 .c-cassette-terms__item::before {
    content: "※";
}
.c-cassette-terms__list--type3 > .c-cassette-terms__item {
    padding-left: 0;
    text-indent: 0;
}
.c-cassette-terms__list--type3 > .c-cassette-terms__item::before {
    content: none;
}
.c-cassette-terms__item-inner {
    display: block;
    text-indent: -1em;
    padding-left: 1em;
}

/* ---------------------------------------------
*   c-form-login
--------------------------------------------- */
.c-form-login {
    /*  エラー
    --------------------------------------------- */
}
.c-form-login__item {
    width: calc(540 / var(--contents-width) * 100%);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 750px) {
    .c-form-login__item {
        width: calc(270 / var(--design-width) * 100vw);
    }
}
.c-form-login__item + .c-form-login__item {
    margin-top: min(12 / var(--design-width) * 100vw, 12px);
}
@media screen and (max-width: 750px) {
    .c-form-login__item + .c-form-login__item {
        margin-top: calc(8 / var(--design-width) * 100vw);
    }
}
.c-form-login__label {
    font-size: min(17 / var(--design-width) * 100vw, 17px);
    line-height: 1.3;
    font-weight: 700;
}
@media screen and (max-width: 750px) {
    .c-form-login__label {
        font-size: calc(12 / var(--design-width) * 100vw);
    }
}
.c-form-login__input {
    width: 100%;
    background-color: var(--color-white-1);
    margin-top: min(8 / var(--design-width) * 100vw, 8px);
    padding: min(14.5 / var(--design-width) * 100vw, 14.5px) min(12 / var(--design-width) * 100vw, 12px);
    font-size: min(20 / var(--design-width) * 100vw, 20px);
    border: 1px solid var(--color-gray-1);
    border-radius: min(8 / var(--design-width) * 100vw, 8px);
}
@media screen and (max-width: 750px) {
    .c-form-login__input {
        font-size: calc(12 / var(--design-width) * 100vw);
        padding: calc(10 / var(--design-width) * 100vw);
        margin-top: calc(5 / var(--design-width) * 100vw);
        border-radius: calc(4 / var(--design-width) * 100vw);
    }
}
.c-form-login__btn-wrap {
    width: calc(450 / var(--contents-width) * 100%);
    margin-inline: auto;
    margin-top: calc(45 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-form-login__btn-wrap {
        width: calc(226 / var(--design-width) * 100vw);
        margin-top: calc(22 / var(--design-width) * 100vw);
    }
}
.c-form-login__item:has(~ .c-form-login__error .c-form-login__error-msg) .c-form-login__input {
    border-color: var(--color-red-1);
}
.c-form-login__error:has(.c-form-login__error-msg) {
    margin-top: min(18 / var(--design-width) * 100vw, 18px);
    margin-bottom: max(-27 / var(--design-width) * 100vw, -27px);
}
@media screen and (max-width: 750px) {
    .c-form-login__error:has(.c-form-login__error-msg) {
        margin-top: calc(12 / var(--design-width) * 100vw);
        margin-bottom: calc(-9 / var(--design-width) * 100vw);
    }
}
.c-form-login__error-msg {
    color: var(--color-red-1);
    font-size: min(20 / var(--design-width) * 100vw, 20px);
    letter-spacing: 0.08em;
    font-weight: 700;
    text-align: center;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-form-login__error-msg {
        font-size: calc(12 / var(--design-width) * 100vw);
        letter-spacing: 0.04em;
    }
}

/* ---------------------------------------------
*   c-btn-form
--------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
    .c-btn-form {
        transition: opacity var(--hover-duration);
    }
    .c-btn-form:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-btn-form[disabled] {
    opacity: 0.3;
    cursor: auto;
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    position: relative;
    z-index: 1;
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1 {
    margin-bottom: min(79 / var(--design-width) * 100%, 79px);
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-list-1 {
        max-width: calc(var(--design-width) * 1px);
        margin-inline: auto;
    }
}
@media screen and (max-width: 750px) {
    .c-list-1 {
        margin-bottom: calc(50 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-list-1::before, .c-list-1::after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        position: absolute;
        z-index: 2;
    }
    .c-list-1::before {
        width: calc(227 / var(--design-width) * 100%);
        aspect-ratio: 227/258;
        background-image: url("../img/img_5.png");
        top: 33.5%;
        left: 7.3%;
    }
    .c-list-1::after {
        width: calc(254 / var(--design-width) * 100%);
        aspect-ratio: 254/302;
        background-image: url("../img/img_6.png");
        top: 19%;
        right: 7%;
    }
}
.c-list-1__item {
    width: calc(644 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-list-1__item {
        width: calc(322 / var(--design-width) * 100vw);
    }
}
.c-list-1__item:not(:first-of-type) {
    margin-top: calc(52 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-1__item:not(:first-of-type) {
        margin-top: calc(23 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-list-2
--------------------------------------------- */
.c-list-2 {
    justify-content: center;
}
.c-list-2:not(:first-child) {
    padding-top: calc(80 / var(--tab-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-2:not(:first-child) {
        padding-top: calc(26 / var(--design-width) * 100vw);
    }
}
.c-list-2--col-2 {
    display: grid;
    grid-template-columns: repeat(2, calc(316 / var(--contents-width) * 100%));
    justify-content: center;
    gap: calc(10 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-2--col-2 {
        grid-template-columns: repeat(2, calc(95 / var(--design-width) * 100vw));
        gap: calc(8 / var(--design-width) * 100vw);
    }
}
.c-list-2--col-4 {
    display: grid;
    grid-template-columns: repeat(4, calc(238 / var(--contents-width) * 100%));
    justify-content: space-between;
}
@media screen and (max-width: 750px) {
    .c-list-2--col-4 {
        grid-template-columns: repeat(4, calc(75 / var(--design-width) * 100vw));
    }
}
.c-list-2__link {
    display: block;
}
@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-3
--------------------------------------------- */
.c-list-3 {
    display: grid;
    grid-template-columns: repeat(3, calc(215 / var(--contents-width) * 100%));
    justify-content: center;
    gap: calc(28 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-3 {
        grid-template-columns: repeat(3, calc(93 / var(--design-width) * 100vw));
        gap: calc(8 / var(--design-width) * 100vw);
    }
}
.c-list-3__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-3__link {
        transition: opacity var(--hover-duration);
    }
    .c-list-3__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-list-4
--------------------------------------------- */
.c-list-4 {
    width: calc(980 / var(--contents-width) * 100%);
    margin-inline: auto;
    margin-top: calc(64 / var(--contents-width) * 100%);
    display: grid;
    justify-content: center;
}
@media screen and (max-width: 750px) {
    .c-list-4 {
        width: 100%;
        margin-top: calc(42 / var(--design-width) * 100vw);
    }
}
.c-list-4--col-2 {
    grid-template-columns: repeat(2, calc(293 / var(--contents-width) * 100%));
    gap: calc(90 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-4--col-2 {
        width: calc(211 / var(--design-width) * 100vw);
        margin-inline: auto;
        grid-template-columns: 1fr;
        gap: calc(76 / var(--design-width) * 100vw);
    }
}
.c-list-4--col-5 {
    grid-template-columns: repeat(5, calc(165 / var(--contents-width) * 100%));
    gap: calc(19 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-4--col-5 {
        grid-template-columns: repeat(2, calc(143 / var(--design-width) * 100vw));
        gap: calc(25 / var(--design-width) * 100vw) calc(18 / var(--design-width) * 100vw);
    }
}
.c-list-4__item {
    position: relative;
}
.c-list-4__item img {
    display: block;
}
@media screen and (min-width: 751px) {
    .c-list-4__item:not(:last-of-type)::before {
        content: "";
        display: block;
        aspect-ratio: 1/1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        z-index: 1;
        top: 37%;
        left: 95%;
    }
}
@media screen and (min-width: 751px) and (max-width: 750px) {
    .c-list-4__item:not(:last-of-type)::before {
        width: calc(30 / var(--design-width) * 100vw);
        background-image: url(../img/sp/ico_arrow-2.png);
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
        transform: translate(-50%, 92%);
    }
}
@media screen and (min-width: 751px) {
    .c-list-4--col-2 .c-list-4__item::before {
        width: 17.0648464164%;
        background-image: url(../img/img_arrow-2.png);
        left: 107%;
        top: 45%;
    }
}
@media screen and (max-width: 750px) {
    .c-list-4--col-2 .c-list-4__item:nth-child(1)::before {
        content: "";
        width: calc(40 / var(--design-width) * 100vw);
        aspect-ratio: 1/1;
        background: url(../img/img_arrow-2.png) no-repeat center/calc(34 / var(--design-width) * 100vw) auto;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, 41%) rotate(90deg);
    }
}
@media screen and (max-width: 750px) {
    .c-list-4--col-5 .c-list-4__item:last-of-type {
        width: calc(143 / var(--design-width) * 100vw);
        margin-inline: auto;
        grid-area: 3/1/4/3;
    }
}
@media screen and (min-width: 751px) {
    .c-list-4--col-5 .c-list-4__item::before {
        width: 23.2142857143%;
        background-image: url(../img/img_arrow-1.png);
    }
}
@media screen and (max-width: 750px) {
    .c-list-4--col-5 .c-list-4__item:nth-child(1)::before, .c-list-4--col-5 .c-list-4__item:nth-child(3)::before {
        content: "";
        display: block;
        width: calc(34 / var(--design-width) * 100vw);
        aspect-ratio: 1/1;
        background: url(../img/img_arrow-1.png) no-repeat center/100% auto;
        position: absolute;
        left: 94%;
    }
}
@media screen and (max-width: 750px) {
    .c-list-4--col-5 .c-list-4__item:nth-child(1)::before {
        top: 48%;
    }
}
@media screen and (max-width: 750px) {
    .c-list-4--col-5 .c-list-4__item:nth-child(3)::before {
        top: 37%;
    }
}
.c-list-4__link {
    display: block;
    width: 117.0648464164%;
    margin-top: 9.5563139932%;
    margin-left: -8%;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-4__link {
        transition: opacity var(--hover-duration);
    }
    .c-list-4__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 750px) {
    .c-list-4__link {
        width: calc(245 / var(--design-width) * 100vw);
        margin-top: calc(10 / var(--design-width) * 100vw);
        margin-left: 0;
    }
}

/* ---------------------------------------------
*   c-section-campaign
--------------------------------------------- */
.c-section-campaign {
    padding-block: min(80 / var(--design-width) * 100%, 80px) min(60 / var(--design-width) * 100%, 60px);
    background: url("../img/bg_2.png") no-repeat center/cover;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 750px) {
    .c-section-campaign {
        padding-block: calc(60 / var(--design-width) * 100vw) calc(42 / var(--design-width) * 100vw);
        background-image: url("../img/sp/bg_2.png");
    }
}
.c-section-campaign::before, .c-section-campaign::after {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 2000/12;
    background: url("../img/bg_border.png") no-repeat center/100% auto;
    position: absolute;
    left: 0;
    right: 0;
}
@media screen and (max-width: 750px) {
    .c-section-campaign::before, .c-section-campaign::after {
        width: 100%;
        height: calc(6 / var(--design-width) * 100vw);
        aspect-ratio: 600/6;
        background-size: 100% 100%;
    }
}
.c-section-campaign::before {
    top: 0;
}
.c-section-campaign::after {
    bottom: 0;
}
.c-section-campaign__container {
    margin-inline: auto;
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-section-campaign__container {
        max-width: calc(var(--design-width) * 1px);
    }
    .c-section-campaign__container::before {
        content: "";
        display: block;
        width: calc(298 / var(--design-width) * 100%);
        aspect-ratio: 277/390;
        background: url("../img/img_3.png") no-repeat center/100% auto;
        position: absolute;
        left: 1.2%;
        bottom: 14.7%;
    }
    .c-section-campaign__container::after {
        content: "";
        display: block;
        width: calc(437 / var(--design-width) * 100%);
        aspect-ratio: 436/450;
        background: url("../img/img_4.png") no-repeat center/100% auto;
        position: absolute;
        right: -3.7%;
        bottom: 11.9%;
    }
}
.c-section-campaign__ttl {
    width: calc(568 / var(--design-width) * 100%);
    margin-inline: auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -131%);
}
@media screen and (max-width: 750px) {
    .c-section-campaign__ttl {
        width: calc(256 / var(--design-width) * 100vw);
        transform: translate(-50%, -179%);
    }
}
.c-section-campaign__ttl::before {
    content: "";
    display: block;
    width: 27.1126760563%;
    aspect-ratio: 154/186;
    background: url("../img/img_2.png") no-repeat center/100% auto;
    position: absolute;
    top: -12.5%;
    right: -32%;
}
@media screen and (max-width: 750px) {
    .c-section-campaign__ttl::before {
        width: calc(73 / var(--design-width) * 100vw);
        top: calc(93 / var(--design-width) * 100vw);
        right: calc(-54 / var(--design-width) * 100vw);
    }
}
.c-section-campaign__dt {
    width: calc(323 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-campaign__dt {
        width: calc(181 / var(--design-width) * 100vw);
    }
}
.c-section-campaign__dd {
    margin-top: calc(20 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-campaign__dd {
        margin-top: calc(14 / var(--design-width) * 100vw);
    }
}
.c-section-campaign__dd-txt {
    margin-inline: auto;
}
.c-section-campaign__dd-txt--1 {
    width: calc(967 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-campaign__dd-txt--1 {
        width: calc(337 / var(--design-width) * 100vw);
    }
}
.c-section-campaign__dd-txt--2 {
    width: calc(1105 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-campaign__dd-txt--2 {
        width: calc(335 / var(--design-width) * 100vw);
    }
}
.c-section-campaign__img {
    width: calc(758 / var(--design-width) * 100%);
    margin-block: calc(-27 / var(--design-width) * 100%) calc(50 / var(--design-width) * 100%);
    margin-inline: auto;
    position: relative;
    z-index: 1;
}
@media screen and (max-width: 750px) {
    .c-section-campaign__img {
        width: calc(382 / var(--design-width) * 100%);
        margin-right: calc(-9 / var(--design-width) * 100%);
        margin-block: calc(-4 / var(--design-width) * 100vw) calc(42 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    margin-top: calc(60 / var(--contents-width) * 100%);
    padding-block: calc(50 / var(--contents-width) * 100%);
    border-radius: min(10 / var(--design-width) * 100vw, 10px);
    background: linear-gradient(to right, rgba(var(--color-white-1-rgb), 0.6) 0%, rgba(var(--color-white-1-rgb), 0.9) 30%, rgba(var(--color-white-1-rgb), 0.9) 70%, rgba(var(--color-white-1-rgb), 0.6) 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1 {
        margin-top: calc(20 / var(--design-width) * 100vw);
        padding-block: calc(24 / var(--design-width) * 100vw);
        border-radius: calc(5 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1:not(:first-of-type) {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-section-1--login {
    padding-top: calc(100 / var(--contents-width) * 100%);
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-section-1--login {
        padding-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-section-1--login::before {
    content: "";
    display: block;
    width: calc(1031 / var(--contents-width) * 100%);
    aspect-ratio: 1031/317;
    background: url("../img/img_9.png") no-repeat center/contain;
    position: absolute;
    bottom: 15.5%;
    left: 50%;
    transform: translateX(-50.5%);
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    .c-section-1--login::before {
        width: calc(330 / var(--design-width) * 100vw);
        background-image: url("../img/sp/img_9.png");
        bottom: calc(58 / var(--design-width) * 100vw);
        transform: translateX(-51%);
    }
}
.c-section-1--product {
    position: relative;
}
.c-section-1--product::before {
    content: "";
    display: block;
    width: calc(105 / var(--contents-width) * 100%);
    aspect-ratio: 105/103;
    background: url("../img/img_12.png") no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: -2.5%;
    transform: translateY(-6%);
}
@media screen and (max-width: 750px) {
    .c-section-1--product::before {
        width: calc(36 / var(--design-width) * 100vw);
        background-image: url("../img/sp/img_12.png");
        top: 50%;
        right: 0;
        transform: translateY(-138%);
    }
}
.c-section-1--terms {
    padding-bottom: 0;
}
@media screen and (min-width: 751px) {
    .c-section-1--prize-1 {
        padding-bottom: calc(68 / var(--contents-width) * 100%);
    }
}
.c-section-1__ttl {
    width: calc(357 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-1__ttl {
        width: calc(180 / var(--design-width) * 100vw);
    }
}
.c-section-1--terms .c-section-1__ttl {
    width: auto;
    font-weight: 900;
    text-align: center;
}
.c-section-1--login .c-section-1__ttl, .c-section-1--product .c-section-1__ttl, .c-section-1--prize-1 .c-section-1__ttl, .c-section-1--prize-2 .c-section-1__ttl, .c-section-1--application-1 .c-section-1__ttl, .c-section-1--application-2 .c-section-1__ttl {
    position: relative;
}
.c-section-1--login .c-section-1__ttl::before, .c-section-1--login .c-section-1__ttl::after, .c-section-1--product .c-section-1__ttl::before, .c-section-1--product .c-section-1__ttl::after, .c-section-1--prize-1 .c-section-1__ttl::before, .c-section-1--prize-1 .c-section-1__ttl::after, .c-section-1--prize-2 .c-section-1__ttl::before, .c-section-1--prize-2 .c-section-1__ttl::after, .c-section-1--application-1 .c-section-1__ttl::before, .c-section-1--application-1 .c-section-1__ttl::after, .c-section-1--application-2 .c-section-1__ttl::before, .c-section-1--application-2 .c-section-1__ttl::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    pointer-events: none;
    position: absolute;
}
.c-section-1--login .c-section-1__ttl::before {
    width: 74.2296918768%;
    aspect-ratio: 265/308;
    background-image: url(../img/img_7.png);
    top: -141%;
    left: -87%;
}
@media screen and (max-width: 750px) {
    .c-section-1--login .c-section-1__ttl::before {
        width: calc(83 / var(--design-width) * 100vw);
        background-image: url(../img/sp/img_7.png);
        top: calc(-28 / var(--design-width) * 100vw);
        left: calc(-94 / var(--design-width) * 100vw);
    }
}
.c-section-1--login .c-section-1__ttl::after {
    width: 56.0224089636%;
    aspect-ratio: 200/260;
    background-image: url(../img/img_8.png);
    top: -124%;
    right: -62%;
}
@media screen and (max-width: 750px) {
    .c-section-1--login .c-section-1__ttl::after {
        width: calc(63 / var(--design-width) * 100vw);
        background-image: url(../img/sp/img_8.png);
        top: calc(-14 / var(--design-width) * 100vw);
        right: calc(-74 / var(--design-width) * 100vw);
    }
}
.c-section-1--product .c-section-1__ttl::before {
    width: 47.3389355742%;
    aspect-ratio: 169/277;
    background-image: url(../img/img_10.png);
    top: -156%;
    left: -57%;
}
@media screen and (max-width: 750px) {
    .c-section-1--product .c-section-1__ttl::before {
        width: calc(53 / var(--design-width) * 100vw);
        background-image: url(../img/sp/img_10.png);
        top: calc(-32 / var(--design-width) * 100vw);
        left: calc(-60 / var(--design-width) * 100vw);
    }
}
.c-section-1--product .c-section-1__ttl::after {
    width: 39.4957983193%;
    aspect-ratio: 141/181;
    background-image: url(../img/img_11.png);
    top: -67%;
    right: -48%;
}
@media screen and (max-width: 750px) {
    .c-section-1--product .c-section-1__ttl::after {
        width: calc(44 / var(--design-width) * 100vw);
        background-image: url(../img/sp/img_11.png);
        top: calc(-3 / var(--design-width) * 100vw);
        right: calc(-52 / var(--design-width) * 100vw);
    }
}
.c-section-1--prize-1 .c-section-1__ttl::before, .c-section-1--prize-2 .c-section-1__ttl::before {
    width: 51.8207282913%;
    aspect-ratio: 185/233;
    background-image: url(../img/img_13.png);
    top: -87%;
    left: -75%;
}
@media screen and (max-width: 750px) {
    .c-section-1--prize-1 .c-section-1__ttl::before, .c-section-1--prize-2 .c-section-1__ttl::before {
        width: calc(68 / var(--design-width) * 100vw);
        background-image: url(../img/sp/img_13.png);
        top: calc(-41 / var(--design-width) * 100vw);
        left: calc(-66 / var(--design-width) * 100vw);
    }
}
.c-section-1--prize-1 .c-section-1__ttl::after, .c-section-1--prize-2 .c-section-1__ttl::after {
    width: 59.943977591%;
    aspect-ratio: 214/244;
    background-image: url(../img/img_14.png);
    top: -73%;
    right: -69%;
}
@media screen and (max-width: 750px) {
    .c-section-1--prize-1 .c-section-1__ttl::after, .c-section-1--prize-2 .c-section-1__ttl::after {
        width: calc(59 / var(--design-width) * 100vw);
        aspect-ratio: 59/100;
        background-image: url(../img/sp/img_14.png);
        top: calc(-36 / var(--design-width) * 100vw);
        right: calc(-60 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-section-1--application-1 .c-section-1__ttl::before, .c-section-1--application-2 .c-section-1__ttl::before {
        width: 32.2128851541%;
        aspect-ratio: 115/100;
        background-image: url(../img/img_16.png);
        top: -64%;
        left: -62%;
    }
}
.c-section-1--application-1 .c-section-1__ttl::after, .c-section-1--application-2 .c-section-1__ttl::after {
    width: 61.9047619048%;
    aspect-ratio: 221/196;
    background-image: url(../img/img_15.png);
    top: -93%;
    right: -71%;
}
@media screen and (max-width: 750px) {
    .c-section-1--application-1 .c-section-1__ttl::after, .c-section-1--application-2 .c-section-1__ttl::after {
        width: calc(47 / var(--design-width) * 100vw);
        aspect-ratio: 46/82;
        background-image: url(../img/sp/img_15.png);
        top: calc(-32 / var(--design-width) * 100vw);
        right: calc(-52 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1--application-1 .c-section-1__ttl::before {
        width: calc(42 / var(--design-width) * 100vw);
        aspect-ratio: 42/76;
        background-image: url(../img/sp/img_16.png);
        top: calc(-32 / var(--design-width) * 100vw);
        left: calc(-57 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1--application-2 .c-section-1__ttl::before {
        width: calc(42 / var(--design-width) * 100vw);
        aspect-ratio: 42/76;
        background-image: url(../img/sp/img_22.png);
        top: calc(-34 / var(--design-width) * 100vw);
        left: calc(-54 / var(--design-width) * 100vw);
    }
}
.c-section-1--terms .c-section-1__ttl-txt {
    margin-top: min(20 / var(--design-width) * 100vw, 20px);
    font-size: min(30 / var(--design-width) * 100vw, 30px);
    line-height: 1;
    letter-spacing: 0.08em;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-section-1--terms .c-section-1__ttl-txt {
        margin-top: calc(12 / var(--design-width) * 100vw);
        font-size: calc(16 / var(--design-width) * 100vw);
    }
}
.c-section-1__body {
    margin-top: calc(33 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1__body {
        margin-top: calc(26 / var(--design-width) * 100vw);
    }
}
.c-section-1--login .c-section-1__body {
    margin-top: calc(42 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--login .c-section-1__body {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-section-1--terms .c-section-1__body {
    margin-top: calc(42 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--terms .c-section-1__body {
        margin-top: calc(13 / var(--design-width) * 100vw);
    }
}
.c-section-1--prize-1 .c-section-1__body {
    margin-top: calc(30 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--prize-1 .c-section-1__body {
        margin-top: calc(21 / var(--design-width) * 100vw);
    }
}
.c-section-1--application-1 .c-section-1__body, .c-section-1--application-2 .c-section-1__body {
    margin-top: calc(30 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--application-1 .c-section-1__body, .c-section-1--application-2 .c-section-1__body {
        margin-top: calc(15 / var(--design-width) * 100vw);
    }
}
.c-section-1--application-1 .c-section-1__foot, .c-section-1--application-2 .c-section-1__foot {
    width: calc(642 / var(--contents-width) * 100%);
    margin-top: calc(50 / var(--contents-width) * 100%);
    margin-inline: auto;
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-section-1--application-1 .c-section-1__foot, .c-section-1--application-2 .c-section-1__foot {
        width: calc(290 / var(--design-width) * 100vw);
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-section-1--application-1 .c-section-1__foot::before, .c-section-1--application-1 .c-section-1__foot::after, .c-section-1--application-2 .c-section-1__foot::before, .c-section-1--application-2 .c-section-1__foot::after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        position: absolute;
        z-index: 10;
        pointer-events: none;
    }
}
@media screen and (min-width: 751px) {
    .c-section-1--application-1 .c-section-1__foot::before {
        width: 26.1682242991%;
        aspect-ratio: 168/227;
        background-image: url(../img/img_17.png);
        top: -23%;
        left: -33%;
    }
    .c-section-1--application-1 .c-section-1__foot::after {
        width: 14.1744548287%;
        aspect-ratio: 91/119;
        background-image: url(../img/img_18.png);
        top: -48%;
        right: -19.5%;
    }
}
@media screen and (min-width: 751px) {
    .c-section-1--application-2 .c-section-1__foot::before {
        width: 14.953271028%;
        aspect-ratio: 96/176;
        background-image: url(../img/img_22.png);
        top: 14%;
        left: -20%;
    }
    .c-section-1--application-2 .c-section-1__foot::after {
        content: none;
    }
}
.c-section-1--login .c-section-1__foot-txt {
    width: calc(271 / var(--contents-width) * 100%);
    margin-inline: auto;
    margin-block: calc(27 / var(--contents-width) * 100%) calc(15 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--login .c-section-1__foot-txt {
        width: calc(150 / var(--design-width) * 100vw);
        margin-block: calc(11 / var(--design-width) * 100vw) calc(5 / var(--design-width) * 100vw);
    }
}
.c-section-1--login .c-section-1__btn {
    width: calc(450 / var(--contents-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-1--login .c-section-1__btn {
        width: calc(226 / var(--design-width) * 100vw);
    }
}
.c-section-1__link {
    display: block;
    margin-inline: auto;
}
@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-1--application-2 .c-section-1__link {
    width: calc(216 / var(--contents-width) * 100%);
    margin-top: calc(16 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--application-2 .c-section-1__link {
        width: calc(152 / var(--design-width) * 100vw);
        margin-top: calc(12 / var(--design-width) * 100vw);
    }
}
.c-section-1__img {
    margin-inline: auto;
}
.c-section-1--product .c-section-1__img {
    width: calc(747 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--product .c-section-1__img {
        width: calc(288 / var(--design-width) * 100vw);
    }
}
.c-section-1--prize-2 .c-section-1__img {
    width: calc(880 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--prize-2 .c-section-1__img {
        width: calc(290 / var(--design-width) * 100vw);
    }
}
.c-section-1__txt {
    margin-inline: auto;
}
.c-section-1--product .c-section-1__txt {
    width: calc(890 / var(--contents-width) * 100%);
    margin-block: calc(25 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--product .c-section-1__txt {
        width: calc(288 / var(--design-width) * 100vw);
        margin-block: calc(31 / var(--design-width) * 100vw) calc(26 / var(--design-width) * 100vw);
    }
}
.c-section-1--prize-1 .c-section-1__txt {
    width: calc(528 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--prize-1 .c-section-1__txt {
        width: calc(300 / var(--design-width) * 100vw);
    }
}
.c-section-1--application-1 .c-section-1__txt--2, .c-section-1--application-2 .c-section-1__txt--2 {
    width: calc(726 / var(--contents-width) * 100%);
    margin-top: calc(28 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--application-1 .c-section-1__txt--2, .c-section-1--application-2 .c-section-1__txt--2 {
        width: calc(294 / var(--design-width) * 100vw);
        margin-top: calc(18 / var(--design-width) * 100vw);
    }
}
.c-section-1--application-1 .c-section-1__txt--1 {
    width: calc(856 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--application-1 .c-section-1__txt--1 {
        width: calc(285 / var(--design-width) * 100vw);
    }
}
.c-section-1--application-2 .c-section-1__txt--1 {
    width: calc(711 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--application-2 .c-section-1__txt--1 {
        width: calc(283 / var(--design-width) * 100vw);
    }
}
.c-section-1--application-2 .c-section-1__txt--3 {
    width: calc(355 / var(--contents-width) * 100%);
    margin-top: calc(50 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1--application-2 .c-section-1__txt--3 {
        width: calc(249 / var(--design-width) * 100vw);
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-section-1--terms .c-section-1__lead {
    font-size: min(20 / var(--design-width) * 100vw, 20px);
    line-height: 1;
    letter-spacing: 0.14em;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-section-1--terms .c-section-1__lead {
        font-size: calc(12 / var(--design-width) * 100vw);
        letter-spacing: 0.1em;
    }
}

/* ---------------------------------------------
*   c-section-contact
--------------------------------------------- */
.c-section-contact-wrap {
    margin-inline: auto;
    margin-top: min(72 / var(--design-width) * 100%, 72px);
    padding-bottom: min(86 / var(--design-width) * 100%, 86px);
}
@media screen and (min-width: 751px) {
    .c-section-contact-wrap {
        max-width: calc(var(--design-width) * 1px);
    }
}
@media screen and (max-width: 750px) {
    .c-section-contact-wrap {
        width: calc(var(--tab-width) / var(--design-width) * 100vw);
        margin-top: calc(39 / var(--design-width) * 100vw);
        padding-bottom: calc(48 / var(--design-width) * 100vw);
    }
}

.c-section-contact {
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-section-contact::before, .c-section-contact::after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        pointer-events: none;
        position: absolute;
        z-index: 10;
    }
    .c-section-contact::before {
        width: calc(207 / var(--design-width) * 100%);
        aspect-ratio: 207/214;
        background-image: url(../img/img_19.png);
        top: -23.4%;
        right: 11%;
    }
    .c-section-contact::after {
        width: calc(853 / var(--design-width) * 100%);
        aspect-ratio: 853/184;
        background-image: url(../img/img_20.png);
        top: 38.5%;
        left: 50%;
        transform: translateX(-54.5%);
    }
}
.c-section-contact__container {
    width: min(596 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-contact__container {
        width: 100%;
    }
}
.c-section-contact__ttl {
    display: flex;
    align-items: center;
    gap: min(7 / var(--design-width) * 100vw, 7px);
}
@media screen and (max-width: 750px) {
    .c-section-contact__ttl {
        gap: calc(14 / var(--design-width) * 100vw);
    }
}
.c-section-contact__ttl::before, .c-section-contact__ttl::after {
    content: "";
    display: block;
    width: 100%;
    height: min(2 / var(--design-width) * 100vw, 2px);
    border-radius: 50em;
    background-color: var(--color-base-1);
}
@media screen and (max-width: 750px) {
    .c-section-contact__ttl::before, .c-section-contact__ttl::after {
        height: calc(2 / var(--design-width) * 100vw);
    }
}
.c-section-contact__ttl-txt {
    font-size: min(25 / var(--design-width) * 100vw, 25px);
    letter-spacing: 0.12em;
    font-weight: 900;
    text-align: center;
    flex-shrink: 0;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-section-contact__ttl-txt {
        font-size: calc(17 / var(--design-width) * 100vw);
        line-height: 1.2;
        letter-spacing: 0.1em;
    }
}
.c-section-contact__body {
    margin-top: min(24 / var(--design-width) * 100vw, 24px);
}
@media screen and (min-width: 751px) {
    .c-section-contact__body {
        padding-inline: min(22 / var(--design-width) * 100vw, 22px);
    }
}
@media screen and (max-width: 750px) {
    .c-section-contact__body {
        margin-top: calc(17 / var(--design-width) * 100vw);
    }
}
.c-section-contact__txt, .c-section-contact__item {
    font-size: min(14 / var(--design-width) * 100vw, 14px);
    line-height: 1.8571428571;
    letter-spacing: 0.04em;
    font-weight: 500;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-section-contact__txt, .c-section-contact__item {
        font-size: calc(12 / var(--design-width) * 100vw);
        line-height: 2.0833333333;
        letter-spacing: 0.02em;
    }
}
@media screen and (max-width: 750px) {
    .c-section-contact__list--note {
        text-align: justify;
    }
}
@media screen and (min-width: 751px) {
    .c-section-contact__item {
        padding-left: 1em;
        text-indent: -1em;
    }
}
.c-section-contact__item::before {
    content: "● ";
}
@media screen and (max-width: 750px) {
    .c-section-contact__list--note .c-section-contact__item {
        display: inline;
    }
}
.c-section-contact__list--note .c-section-contact__item::before {
    content: "※";
}
.c-section-contact__img {
    width: calc(330 / var(--design-width) * 100%);
    margin-inline: auto;
    margin-top: calc(13 / var(--design-width) * 100%);
    padding-bottom: calc(12 / var(--design-width) * 100%);
    position: relative;
    z-index: 12;
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-section-contact__img {
        width: 100vw;
        margin-inline: calc(50% - 50vw);
        margin-top: calc(15 / var(--design-width) * 100vw);
        padding-bottom: 0;
    }
}
@media screen and (min-width: 751px) {
    .c-section-contact__img::before {
        content: "";
        display: block;
        width: 100vw;
        height: min(35 / var(--design-width) * 100vw, 35px);
        aspect-ratio: 1366/35;
        background: url(../img/img_21-2.png) repeat-x center/min(100%, var(--design-width) * 1px) auto;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
}
.c-section-contact__img img {
    position: relative;
    z-index: 10;
}

/* ---------------------------------------------
*   c-tabs
--------------------------------------------- */
.c-tabs {
    width: min(var(--tab-width) / var(--design-width) * 100%, var(--tab-width) * 1px);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-tabs {
        width: calc(var(--tab-width) / var(--design-width) * 100vw);
    }
}
.c-tabs__tab-list {
    display: flex;
    justify-content: center;
}
.c-tabs__tab {
    width: calc(50% + 1.5 / var(--tab-width) * 100%);
    border-radius: min(20 / var(--design-width) * 100vw, 20px) min(20 / var(--design-width) * 100vw, 20px) 0 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
@media screen and (max-width: 750px) {
    .c-tabs__tab {
        width: calc(173 / var(--design-width) * 100vw);
        border-radius: calc(6 / var(--design-width) * 100vw) calc(6 / var(--design-width) * 100vw) 0 0;
    }
}
.c-tabs__tab.is-current {
    z-index: 11;
}

@media (hover: hover) and (pointer: fine) {
    .c-tabs__tab img {
        transition: opacity var(--hover-duration);
    }
    .c-tabs__tab:hover img {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-tabs__tab--1 {
    margin-right: calc(-1.5 / var(--tab-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-tabs__tab--1 {
        margin-right: calc(-0.5 / var(--design-width) * 100vw);
    }
}
.c-tabs__tab--2 {
    margin-left: calc(-1.5 / var(--tab-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-tabs__tab--2 {
        margin-left: calc(-0.5 / var(--design-width) * 100vw);
    }
}
.c-tabs__body {
    position: relative;
}
.c-tabs__body::before {
    content: "";
    display: block;
    width: calc(100% - 3 / var(--tab-width) * 100%);
    height: 101.45%;
    margin-top: -1.45%;
    background: url("../img/bg_6.png") repeat 0 0/100% auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}
@media screen and (max-width: 750px) {
    .c-tabs__body::before {
        width: calc(100% - 1 / var(--design-width) * 100vw);
        height: calc(100% + 8.5 / var(--design-width) * 100vw);
        margin-top: calc(-8.5 / var(--design-width) * 100vw);
        background-image: url(../img/sp/bg_6.png);
    }
}
.c-tabs__tab-panel {
    margin-inline: auto;
    margin-top: calc(-3 / var(--contents-width) * 100%);
    padding-block: calc(80 / var(--design-width) * 100%);
    border-radius: 0 0 min(20 / var(--design-width) * 100vw, 20px) min(20 / var(--design-width) * 100vw, 20px);
    position: relative;
}
.c-tabs__tab-panel.login {
    padding-block: 0 calc(80 / var(--design-width) * 100%);
    border-radius: min(20 / var(--design-width) * 100vw, 20px);
}
@media screen and (max-width: 750px) {
    .c-tabs__tab-panel {
        margin-top: calc(-1 / var(--design-width) * 100vw);
        padding-block: calc(23 / var(--design-width) * 100vw) calc(20 / var(--design-width) * 100vw);
        border-radius: 0 0 calc(6 / var(--design-width) * 100vw) calc(6 / var(--design-width) * 100vw);
    }
    .c-tabs__tab-panel.login {
        padding-block: 0 calc(20 / var(--design-width) * 100vw);
        border-radius: calc(6 / var(--design-width) * 100vw);
    }
}
.c-tabs__tab-panel::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid;
    border-top: none;
    border-radius: 0 0 min(20 / var(--design-width) * 100vw, 20px) min(20 / var(--design-width) * 100vw, 20px);
    position: absolute;
    inset: 0;
    z-index: 8;
    pointer-events: none;
}
.c-tabs__tab-panel.login::after {
    border-radius: min(20 / var(--design-width) * 100vw, 20px);
}
@media screen and (max-width: 750px) {
    .c-tabs__tab-panel::after {
        border-width: calc(1 / var(--design-width) * 100vw);
    }
}
.c-tabs__tab-panel--1 {
    background-color: var(--color-red-1);
}
.c-tabs__tab-panel--1::after {
    border-color: var(--color-red-1);
}
.c-tabs__tab-panel--2 {
    background-color: var(--color-blue-1);
}
.c-tabs__tab-panel--2::after {
    border-color: var(--color-blue-1);
}
.c-tabs__tab-panel-inner {
    max-width: calc(var(--contents-width) / var(--tab-width) * 100%);
    margin-inline: auto;
    position: relative;
    z-index: 10;
}

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

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

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

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

.fw-black {
    font-weight: 900 !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-tab-target
--------------------------------------------- */
.js-tab-target {
    display: none;
}
.js-tab-target.is-current {
    display: block;
}

@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;
    }
}