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

/* ---------------------------------------------
*   l-container
--------------------------------------------- */
.l-container {
    width: calc(var(--contents-width) / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .l-container {
        max-width: calc(var(--contents-width) / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.l-footer__container {
    padding-bottom: min(70 / var(--design-width) * 100%, 70px);
}
@media screen and (max-width: 750px) {
    .l-footer__container {
        padding-bottom: calc(13 / var(--design-width) * 100vw);
    }
}
.l-footer__copyright {
    color: var(--color-white-1);
    font-size: min(10 / var(--design-width) * 100vw, 10px);
    letter-spacing: 0.12em;
    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);
        letter-spacing: 0.06em;
    }
}

/* ---------------------------------------------
*   c-block-bg-1
--------------------------------------------- */
.c-block-bg-1 {
    background-repeat: repeat;
    background-size: min(1460 / var(--design-width) * 100%, 1460px) auto;
    background-position: center top min(52 / var(--design-width) * 100vw, 52px);
    background-image: url(../img/bg_1.png);
}
@media screen and (max-width: 750px) {
    .c-block-bg-1 {
        background-repeat: repeat-y;
        background-size: 100% auto;
        background-position: center top calc(2 / var(--design-width) * 100vw);
        background-image: url(../img/sp/bg_1.png);
    }
}

/* ---------------------------------------------
*   c-block-bg-2
--------------------------------------------- */
.c-block-bg-2 {
    margin-inline: auto;
    padding-block: min(70 / var(--design-width) * 100%, 70px) min(218 / var(--design-width) * 100%, 218px);
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-block-bg-2 {
        max-width: calc(var(--design-width) * 1px);
        background: url(../img/bg_4.png) no-repeat 7.3% 55%/calc(131 / var(--design-width) * 100%) auto, url(../img/bg_5.png) no-repeat 93.1% 44.7%/calc(142 / var(--design-width) * 100%) auto;
    }
}
@media screen and (max-width: 750px) {
    .c-block-bg-2 {
        padding-block: calc(30 / var(--design-width) * 100vw) calc(77 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-block-bg-2--2 {
        background: url(../img/bg_6.png) no-repeat 6.6% 1.25%/calc(150 / var(--design-width) * 100%) auto, url(../img/bg_7.png) no-repeat 93.1% 0.9%/calc(142 / var(--design-width) * 100%) auto, url(../img/bg_8.png) no-repeat 6.6% 98.8%/calc(150 / var(--design-width) * 100%) auto, url(../img/bg_9.png) no-repeat 93.4% 98.8%/calc(142 / var(--design-width) * 100%) auto;
    }
}
.c-block-bg-2::before, .c-block-bg-2::after {
    content: "";
    display: block;
    width: calc(41.5 / var(--design-width) * 100%);
    height: 100%;
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 100% auto;
    position: absolute;
    top: 0;
}
@media screen and (max-width: 750px) {
    .c-block-bg-2::before, .c-block-bg-2::after {
        width: calc(12.5 / var(--design-width) * 100%);
    }
}
.c-block-bg-2::before {
    background-image: url(../img/bg_2.png);
    left: calc(8 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-block-bg-2::before {
        background-image: url(../img/sp/bg_2.png);
        left: calc(2 / var(--design-width) * 100vw);
        background-position: 0 calc(10 / var(--design-width) * 100vw);
    }
}
.c-block-bg-2::after {
    background-image: url(../img/bg_3.png);
    right: calc(8 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-block-bg-2::after {
        background-image: url(../img/sp/bg_3.png);
        right: calc(2 / var(--design-width) * 100vw);
        background-position: 0 calc(5.5 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
.c-block-1 {
    width: calc(1192 / var(--design-width) * 100%);
    aspect-ratio: 1192/654;
    margin-top: calc(70 / var(--design-width) * 100%);
}
@media screen and (min-width: 751px) {
    .c-block-1 {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        pointer-events: none;
    }
}
@media screen and (max-width: 750px) {
    .c-block-1 {
        width: calc(315 / var(--design-width) * 100vw);
        margin-inline: auto;
        margin-top: calc(32 / var(--design-width) * 100vw);
        aspect-ratio: 315/104;
        position: relative;
    }
}
.c-block-1__item {
    position: absolute;
}
@media screen and (max-width: 750px) {
    .c-block-1__item--1 {
        width: calc(43 / var(--design-width) * 100vw);
        right: calc(69 / var(--design-width) * 100vw);
        bottom: calc(2 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__item--2 {
        width: calc(56 / var(--design-width) * 100vw);
        left: calc(-1 / var(--design-width) * 100vw);
        bottom: calc(11 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__item--3 {
        width: calc(55 / var(--design-width) * 100vw);
        left: calc(68 / var(--design-width) * 100vw);
        bottom: calc(14 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__item--5 {
        width: calc(52 / var(--design-width) * 100vw);
        right: calc(1 / var(--design-width) * 100vw);
        bottom: calc(5 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__item--6 {
        width: calc(45 / var(--design-width) * 100vw);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -60%);
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__item--7 {
        width: calc(50 / var(--design-width) * 100vw);
        top: calc(2 / var(--design-width) * 100vw);
        right: calc(42 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-block-1__item--8 {
        width: calc(61 / var(--design-width) * 100vw);
        top: calc(6 / var(--design-width) * 100vw);
        left: calc(31 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    display: block;
    position: relative;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1 {
        transition: opacity var(--hover-duration);
    }
    .c-btn-1:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-btn-1--1 {
    padding-top: 4.5945945946%;
}
.c-btn-1--2 {
    padding-top: 3.7837837838%;
}
.c-btn-1__img {
    position: absolute;
    top: 0;
    left: 0;
}
.c-btn-1--1 .c-btn-1__img {
    width: 14.4594594595%;
    margin-left: 4.7297297297%;
}
.c-btn-1--2 .c-btn-1__img {
    width: 16.7567567568%;
    margin-left: 3.5135135135%;
}

/* ---------------------------------------------
/*  c-cassette-terms
--------------------------------------------- */
.c-cassette-terms {
    padding-inline: min(80 / var(--design-width) * 100vw, 80px) min(90 / var(--design-width) * 100vw, 90px);
    overflow-wrap: break-word;
}
@media screen and (max-width: 750px) {
    .c-cassette-terms {
        padding-inline: calc(18 / var(--design-width) * 100vw) calc(23 / var(--design-width) * 100vw);
    }
}
.c-cassette-terms__inner {
    max-height: min(382 / var(--design-width) * 100vw, 382px);
    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(406 / var(--design-width) * 100vw);
        padding-inline: calc(7 / var(--design-width) * 100vw);
    }
}
.c-cassette-terms__row + .c-cassette-terms__row {
    margin-top: min(30 / var(--design-width) * 100vw, 30px);
}
@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: 1em;
}
.c-cassette-terms__heading {
    color: var(--color-pink-1);
    font-weight: 900;
    font-size: min(15 / var(--design-width) * 100vw, 15px);
    line-height: 2;
    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.9230769231;
    }
}
.c-cassette-terms__txt, .c-cassette-terms__item {
    font-size: min(15 / var(--design-width) * 100vw, 15px);
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.06em;
    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;
    }
}
@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.5em;
    text-indent: -0.5em;
}
.c-cassette-terms__item::before {
    content: "・";
}
.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:nth-of-type(1)::before {
    content: "1. ";
}
.c-cassette-terms__list--type3 .c-cassette-terms__item:nth-of-type(2)::before {
    content: "2. ";
}

/* ---------------------------------------------
*   c-img-1
--------------------------------------------- */
.c-img-1 {
    width: calc(566 / var(--design-width) * 100%);
    margin: calc(60 / var(--design-width) * 100%) auto;
}
@media screen and (max-width: 750px) {
    .c-img-1 {
        width: calc(280 / var(--design-width) * 100vw);
        margin-block: calc(30 / var(--design-width) * 100vw) calc(50 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-img-2
--------------------------------------------- */
@media screen and (max-width: 750px) {
    .c-img-2 {
        width: calc(325 / var(--design-width) * 100vw);
        margin-inline: auto;
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
@media screen and (min-width: 751px) {
    .c-list-1__wrap {
        display: grid;
        grid-template-columns: calc(250 / var(--contents-width) * 100%) 1fr;
        align-items: center;
        gap: calc(15 / var(--contents-width) * 100%);
    }
}
.c-list-1__wrap:not(:first-of-type) {
    margin-top: calc(12 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-1__wrap:not(:first-of-type) {
        margin-top: calc(12 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-list-1__dt {
        width: calc(133 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-list-1__dd {
    width: 97.4093264249%;
}
@media screen and (max-width: 750px) {
    .c-list-1__dd {
        width: calc(301 / var(--design-width) * 100vw);
        margin-top: calc(7 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-list-1__dd--2 {
    width: 73.0569948187%;
}
@media screen and (max-width: 750px) {
    .c-list-1__dd--2 {
        width: calc(232 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-list-2
--------------------------------------------- */
.c-list-2 {
    margin-top: calc(66 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-2 {
        margin-top: calc(16 / var(--design-width) * 100vw);
    }
}
.c-list-2__item {
    max-width: calc(740 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-list-2__item {
        max-width: calc(300 / var(--design-width) * 100vw);
    }
}
.c-list-2__item:not(:first-of-type) {
    margin-top: calc(14 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-2__item:not(:first-of-type) {
        margin-top: calc(8 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-list-3
--------------------------------------------- */
.c-list-3 {
    justify-content: center;
}
@media screen and (min-width: 751px) {
    .c-list-3 {
        padding-bottom: min(20 / var(--tab-width) * 100%, 20px);
    }
}
.c-list-3:not(:first-child) {
    padding-top: calc(80 / var(--tab-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-3:not(:first-child) {
        padding-top: calc(26 / var(--design-width) * 100vw);
    }
}
.c-list-3--col-2 {
    display: grid;
    grid-template-columns: repeat(2, calc(300 / var(--tab-width) * 100%));
    justify-content: center;
    gap: calc(46 / var(--tab-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-3--col-2 {
        grid-template-columns: repeat(2, calc(112 / var(--design-width) * 100vw));
        gap: calc(8 / var(--design-width) * 100vw);
    }
}
.c-list-3--col-3 {
    display: grid;
    grid-template-columns: repeat(3, calc(240 / var(--tab-width) * 100%));
    gap: calc(24 / var(--tab-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-list-3--col-3 {
        grid-template-columns: repeat(3, calc(92 / var(--design-width) * 100vw));
        gap: calc(9 / 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 {
    display: grid;
    justify-content: center;
}
.c-list-4--col-2 {
    grid-template-columns: repeat(2, 43%);
    gap: 2.8%;
}
@media screen and (max-width: 750px) {
    .c-list-4--col-2 {
        width: calc(284 / var(--design-width) * 100vw);
        margin-inline: auto;
        grid-template-columns: 1fr;
        gap: calc(45 / var(--design-width) * 100vw);
    }
}
.c-list-4__item {
    position: relative;
}
.c-list-4__item:not(:last-of-type)::before {
    content: "";
    display: block;
    aspect-ratio: 1/1;
    position: absolute;
    z-index: 1;
}
.c-list-4--col-2 .c-list-4__item:not(:last-of-type)::before {
    width: min(50 / var(--design-width) * 100vw, 50px);
    background: url(../img/ico_arrow-2.png) no-repeat center/contain;
    top: min(254 / var(--design-width) * 100vw, 254px);
    right: max(-40 / var(--design-width) * 100vw, -40px);
}
@media screen and (max-width: 750px) {
    .c-list-4--col-2 .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%, 50%);
    }
}
.c-list-4__link {
    display: block;
    width: 78.6046511628%;
    position: absolute;
    bottom: 7.7319587629%;
    left: 50%;
    transform: translateX(-50%);
}
@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(224 / var(--design-width) * 100vw);
        bottom: calc(30 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-list-5
--------------------------------------------- */
.c-list-5 {
    margin-top: 9.8%;
    display: grid;
    grid-template-columns: repeat(3, 28%);
    justify-content: center;
    gap: 2.2%;
}
@media screen and (max-width: 750px) {
    .c-list-5 {
        width: calc(284 / var(--design-width) * 100vw);
        margin-inline: auto;
        margin-top: calc(49 / var(--design-width) * 100vw);
        grid-template-columns: 1fr;
        gap: calc(16 / var(--design-width) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-list-5__link {
        transition: opacity var(--hover-duration);
    }
    .c-list-5__link:hover {
        opacity: var(--hover-opacity-ratio);
    }
}

/* ---------------------------------------------
*   c-list-6
--------------------------------------------- */
.c-list-6 {
    display: grid;
    grid-template-columns: repeat(2, 43%);
    justify-content: center;
    gap: 2.6%;
}
@media screen and (max-width: 750px) {
    .c-list-6 {
        width: calc(284 / var(--design-width) * 100vw);
        margin-inline: auto;
        grid-template-columns: 1fr;
        gap: calc(16 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1:not(:first-of-type) {
    margin-top: calc(48 / var(--design-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1:not(:first-of-type) {
        margin-top: calc(25 / var(--design-width) * 100vw);
    }
}
.c-section-1--type-2 .c-section-1__container {
    width: calc(844 / var(--tab-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-1--type-2 .c-section-1__container {
        width: calc(306 / var(--design-width) * 100vw);
    }
}
@media screen and (max-width: 750px) {
    .c-section-1--type-2 .c-section-1__head {
        width: calc(306 / var(--design-width) * 100vw);
        margin-inline: auto;
    }
}
.c-section-1__body {
    margin-top: calc(18 / var(--contents-width) * 100%);
}
@media screen and (max-width: 750px) {
    .c-section-1__body {
        margin-top: calc(15 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2:first-of-type {
    margin-top: min(68 / var(--tab-width) * 100%, 68px);
}
@media screen and (max-width: 750px) {
    .c-section-2:first-of-type {
        margin-top: calc(28 / var(--design-width) * 100vw);
    }
}
.c-section-2:not(:first-of-type) {
    margin-top: min(80 / var(--tab-width) * 100%, 80px);
}
@media screen and (max-width: 750px) {
    .c-section-2:not(:first-of-type) {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
@media screen and (min-width: 751px) {
    .c-section-2--pb {
        padding-bottom: min(20 / var(--tab-width) * 100%, 20px);
    }
}
@media screen and (max-width: 750px) {
    .c-section-2--3-2:not(:first-of-type) {
        margin-top: calc(60 / var(--design-width) * 100vw);
    }
}
.c-section-2__container {
    width: calc(1000 / var(--tab-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-2__container {
        width: calc(300 / var(--design-width) * 100vw);
    }
}
.c-section-2__ttl {
    width: 88.8%;
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-2__ttl {
        width: calc(294 / var(--design-width) * 100vw);
    }
}
.c-section-2--1 .c-section-2__body {
    margin-top: 4.2%;
}
@media screen and (max-width: 750px) {
    .c-section-2--1 .c-section-2__body {
        margin-top: calc(32 / var(--design-width) * 100vw);
    }
}
.c-section-2--2 .c-section-2__body {
    margin-top: 5.2%;
}
@media screen and (max-width: 750px) {
    .c-section-2--2 .c-section-2__body {
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}
.c-section-2--3 .c-section-2__body {
    margin-top: 6.1%;
}
@media screen and (max-width: 750px) {
    .c-section-2--3 .c-section-2__body {
        margin-top: calc(18 / var(--design-width) * 100vw);
    }
}
.c-section-2__foot {
    width: 74%;
    margin-inline: auto;
    margin-top: 2.8%;
}
@media screen and (max-width: 750px) {
    .c-section-2__foot {
        width: calc(300 / var(--design-width) * 100vw);
        margin-top: calc(17 / var(--design-width) * 100vw);
    }
}
.c-section-2__link {
    display: block;
    margin-inline: auto;
}
@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-2__link--1 {
    width: 60.7046070461%;
    margin-top: 4.0650406504%;
}
.c-section-2__link--2 {
    width: 55.8%;
    margin-top: 3.5%;
}
@media screen and (max-width: 750px) {
    .c-section-2__link--2 {
        width: calc(240 / var(--design-width) * 100vw);
        margin-top: calc(22 / var(--design-width) * 100vw);
    }
}
.c-section-2__link--3 {
    width: 54%;
    margin-top: 5.8%;
}
@media screen and (max-width: 750px) {
    .c-section-2__link--3 {
        width: calc(259 / var(--design-width) * 100vw);
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-section-2__img {
    margin-inline: auto;
}
.c-section-2__img--1 {
    width: 70%;
}
@media screen and (max-width: 750px) {
    .c-section-2__img--1 {
        width: calc(284 / var(--design-width) * 100vw);
    }
}
.c-section-2__txt {
    margin-inline: auto;
}
.c-section-2__txt--1 {
    width: 77.3%;
}
@media screen and (max-width: 750px) {
    .c-section-2__txt--1 {
        width: calc(258 / var(--design-width) * 100vw);
    }
}
.c-section-2__txt--2 {
    width: 36.9%;
    margin-top: 6%;
}
@media screen and (max-width: 750px) {
    .c-section-2__txt--2 {
        width: calc(240 / var(--design-width) * 100vw);
    }
}
.c-section-2__txt--3 {
    width: 85.6%;
}
@media screen and (max-width: 750px) {
    .c-section-2__txt--3 {
        width: calc(292 / var(--design-width) * 100vw);
    }
}
.c-section-2__txt--4 {
    width: 92.5%;
    margin-top: 6.2%;
}
@media screen and (max-width: 750px) {
    .c-section-2__txt--4 {
        width: calc(297 / var(--design-width) * 100vw);
        margin-top: calc(30 / var(--design-width) * 100vw);
        margin-left: calc(-4 / var(--design-width) * 100vw);
    }
}
.c-section-2__txt--5 {
    width: 77.3%;
}
@media screen and (max-width: 750px) {
    .c-section-2__txt--5 {
        width: calc(241 / var(--design-width) * 100vw);
    }
}
.c-section-2__list-wrap {
    margin-top: 6.4%;
}
@media screen and (min-width: 751px) {
    .c-section-2__link-wrap {
        padding-bottom: min(20 / var(--tab-width) * 100%, 20px);
    }
}

/* ---------------------------------------------
*   c-section-contact
--------------------------------------------- */
.c-section-contact {
    margin-top: min(95 / var(--design-width) * 100%, 95px);
}
@media screen and (max-width: 750px) {
    .c-section-contact {
        margin-top: calc(40 / var(--design-width) * 100vw);
    }
}
.c-section-contact__container {
    width: calc(660 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-section-contact__container {
        width: calc(300 / var(--design-width) * 100vw);
    }
}
.c-section-contact__ttl {
    display: grid;
    grid-template-columns: 1fr min(446 / var(--design-width) * 100vw, 446px) 1fr;
    align-items: center;
    gap: min(7 / var(--design-width) * 100vw, 7px);
    color: var(--color-white-1);
    font-size: min(25 / var(--design-width) * 100vw, 25px);
    letter-spacing: 0.12em;
    font-weight: 900;
    text-align: center;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-section-contact__ttl {
        grid-template-columns: 1fr;
        gap: calc(8 / var(--design-width) * 100vw);
        font-size: calc(17 / var(--design-width) * 100vw);
        line-height: 1.2;
    }
}
.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-white-1);
}
@media screen and (max-width: 750px) {
    .c-section-contact__ttl::before, .c-section-contact__ttl::after {
        height: calc(1 / var(--design-width) * 100vw);
    }
}
.c-section-contact__body {
    margin-top: min(25 / var(--design-width) * 100vw, 25px);
}
@media screen and (max-width: 750px) {
    .c-section-contact__body {
        margin-top: calc(20 / var(--design-width) * 100vw);
    }
}
.c-section-contact__txt, .c-section-contact__item {
    color: var(--color-white-1);
    font-size: min(15 / var(--design-width) * 100vw, 15px);
    line-height: 2;
    letter-spacing: 0.06em;
    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: 1.8333333333;
    }
}
.c-section-contact__item {
    padding-left: 1em;
    text-indent: -1em;
}
.c-section-contact__item::before {
    content: "※";
}

/* ---------------------------------------------
*   c-section-terms
--------------------------------------------- */
.c-section-terms {
    width: min(1100 / var(--design-width) * 100vw, 1100px);
    margin-inline: auto;
    margin-top: min(100 / var(--design-width) * 100vw, 100px);
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-section-terms {
        width: calc(330 / var(--design-width) * 100vw);
        margin-top: calc(192 / var(--design-width) * 100vw);
    }
}
.c-section-terms__container {
    padding-block: min(87 / var(--design-width) * 100vw, 87px) min(13 / var(--design-width) * 100vw, 13px);
    border-radius: min(100 / var(--design-width) * 100vw, 100px);
    background-color: var(--color-white-1);
}
@media screen and (max-width: 750px) {
    .c-section-terms__container {
        padding-block: calc(28 / var(--design-width) * 100vw) calc(7 / var(--design-width) * 100vw);
        border-radius: calc(20 / var(--design-width) * 100vw);
    }
}
.c-section-terms__ttl {
    font-weight: 900;
    text-align: center;
}
.c-section-terms__lead {
    color: var(--color-pink-1);
    font-size: min(25 / var(--design-width) * 100vw, 25px);
    line-height: 1;
    letter-spacing: 0.18em;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-section-terms__lead {
        font-size: calc(12 / var(--design-width) * 100vw);
    }
}
.c-section-terms__ttl-txt {
    margin-top: min(20 / var(--design-width) * 100vw, 20px);
    color: var(--color-pink-1);
    font-size: min(35 / var(--design-width) * 100vw, 35px);
    line-height: 1;
    letter-spacing: 0.12em;
    font-feature-settings: "palt" 1;
}
@media screen and (max-width: 750px) {
    .c-section-terms__ttl-txt {
        margin-top: calc(11 / var(--design-width) * 100vw);
        font-size: calc(15 / var(--design-width) * 100vw);
    }
}
.c-section-terms__body {
    margin-top: min(60 / var(--design-width) * 100vw, 60px);
}
@media screen and (max-width: 750px) {
    .c-section-terms__body {
        margin-top: calc(21 / var(--design-width) * 100vw);
    }
}
.c-section-terms__img {
    width: min(306 / var(--design-width) * 100vw, 306px);
    position: absolute;
    top: max(-18 / var(--design-width) * 100vw, -18px);
    right: max(-38 / var(--design-width) * 100vw, -38px);
}
@media screen and (max-width: 750px) {
    .c-section-terms__img {
        width: calc(220 / var(--design-width) * 100vw);
        top: calc(-162 / var(--design-width) * 100vw);
        right: calc(55 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-slider-1
--------------------------------------------- */
.c-slider-1 {
    margin-top: min(100 / var(--design-width) * 100%, 100px);
    margin-inline: auto;
    position: relative;
    z-index: 10;
}
@media screen and (min-width: 751px) {
    .c-slider-1 {
        margin-inline: calc(50% - 50vw);
    }
}
@media screen and (max-width: 750px) {
    .c-slider-1 {
        margin-top: calc(30 / var(--design-width) * 100vw);
    }
}
.c-slider-1__slide {
    width: min(1160 / var(--design-width) * 100%, 1160px) !important;
    padding-inline: min(20 / var(--design-width) * 100%, 20px);
}
@media screen and (max-width: 750px) {
    .c-slider-1__slide {
        width: 100% !important;
        padding-inline: 0;
    }
}
@media screen and (max-width: 750px) {
    .c-slider-1__slide img {
        width: calc(368 / var(--design-width) * 100%) !important;
        margin-inline: auto;
    }
}
.c-slider-1 .splide__arrows {
    width: min(1240 / var(--design-width) * 100%, 1240px);
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
    .c-slider-1 .splide__arrows {
        width: calc(334 / var(--design-width) * 100vw);
        transform: translate(-50%, -78%);
    }
}
.c-slider-1 .splide__arrow {
    width: min(6.4516129032%, 80px);
    aspect-ratio: 1/1;
}
@media (hover: hover) and (pointer: fine) {
    .c-slider-1 .splide__arrow {
        transition: opacity var(--hover-duration);
    }
    .c-slider-1 .splide__arrow:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
@media screen and (max-width: 750px) {
    .c-slider-1 .splide__arrow {
        width: calc(34 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   c-tabs
--------------------------------------------- */
.c-tabs__tab-list {
    display: flex;
    width: calc(920 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-tabs__tab-list {
        width: calc(300 / var(--design-width) * 100%);
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-tabs__tab {
        transition: opacity var(--hover-duration);
    }
    .c-tabs__tab:hover {
        opacity: var(--hover-opacity-ratio);
    }
}
.c-tabs__tab-panel {
    width: calc(1120 / var(--design-width) * 100%);
    margin-inline: auto;
    margin-top: -2px;
    padding-block: calc(80 / var(--design-width) * 100%);
    border-radius: min(100 / var(--design-width) * 100vw, 100px);
    position: relative;
}
@media screen and (max-width: 750px) {
    .c-tabs__tab-panel {
        width: calc(var(--tab-width) / var(--design-width) * 100%);
        padding-block: calc(30 / var(--design-width) * 100vw);
        border-radius: calc(20 / var(--design-width) * 100vw);
    }
}
.c-tabs__tab-panel--1 {
    background-color: var(--color-white-1);
}
.c-tabs__tab-panel--2 {
    background-color: var(--color-green-1);
}
.c-tabs__img {
    position: absolute;
}
.c-tabs__img--1 {
    width: 13.125%;
}
.c-tabs__img--2 {
    width: 7.5892857143%;
}
@media screen and (max-width: 750px) {
    .c-tabs__img--2 {
        width: calc(46 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--3 {
    width: 7.4107142857%;
    z-index: 1;
}
@media screen and (max-width: 750px) {
    .c-tabs__img--3 {
        width: 15.1515151515%;
    }
}
.c-tabs__img--4 {
    width: 10.5357142857%;
}
@media screen and (max-width: 750px) {
    .c-tabs__img--4 {
        width: calc(64 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--5 {
    width: 10.9821428571%;
}
@media screen and (max-width: 750px) {
    .c-tabs__img--5 {
        width: calc(67 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--6 {
    width: 10.2678571429%;
}
@media screen and (max-width: 750px) {
    .c-tabs__img--6 {
        width: calc(78 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--7 {
    width: 5.2678571429%;
}
@media screen and (max-width: 750px) {
    .c-tabs__img--7 {
        width: calc(35 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--8 {
    width: 7.0535714286%;
}
.c-tabs__img--9 {
    width: 4.4642857143%;
}
@media screen and (max-width: 750px) {
    .c-tabs__img--9 {
        width: calc(32 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--1-1 {
    top: min(67 / var(--design-width) * 100vw, 67px);
    right: max(-30 / var(--design-width) * 100vw, -30px);
}
.c-tabs__img--1-2 {
    top: min(286 / var(--design-width) * 100vw, 286px);
    left: max(-24 / var(--design-width) * 100vw, -24px);
}
.c-tabs__img--1-3 {
    top: min(899 / var(--design-width) * 100vw, 899px);
    right: min(34 / var(--design-width) * 100vw, 34px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--1-3 {
        top: calc(107 / var(--design-width) * 100vw);
        right: -2.1212121212%;
    }
}
.c-tabs__img--1-4 {
    top: min(1206 / var(--design-width) * 100vw, 1206px);
    right: max(-40 / var(--design-width) * 100vw, -40px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--1-4 {
        top: calc(707 / var(--design-width) * 100vw);
        right: calc(25 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--1-5 {
    bottom: min(1507 / var(--design-width) * 100vw, 1507px);
    left: max(-54 / var(--design-width) * 100vw, -54px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--1-5 {
        bottom: calc(1216 / var(--design-width) * 100vw);
        left: calc(19 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--1-6 {
    bottom: min(899 / var(--design-width) * 100vw, 899px);
    right: max(-7 / var(--design-width) * 100vw, -7px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--1-6 {
        bottom: calc(840 / var(--design-width) * 100vw);
        right: calc(18 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--1-7 {
    bottom: min(831 / var(--design-width) * 100vw, 831px);
    left: min(52 / var(--design-width) * 100vw, 52px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--1-7 {
        bottom: calc(840 / var(--design-width) * 100vw);
        left: calc(44 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--1-8 {
    bottom: min(223 / var(--design-width) * 100vw, 223px);
    right: min(89 / var(--design-width) * 100vw, 89px);
}
.c-tabs__img--1-9 {
    bottom: min(326 / var(--design-width) * 100vw, 326px);
    left: min(63 / var(--design-width) * 100vw, 63px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--1-9 {
        bottom: calc(168 / var(--design-width) * 100vw);
        left: auto;
        right: calc(18 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--2-1 {
    top: min(311 / var(--design-width) * 100vw, 311px);
    right: max(-30 / var(--design-width) * 100vw, -30px);
}
.c-tabs__img--2-2 {
    top: min(359 / var(--design-width) * 100vw, 359px);
    left: max(-24 / var(--design-width) * 100vw, -24px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--2-2 {
        top: calc(274 / var(--design-width) * 100vw);
        left: calc(35 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--2-3 {
    top: min(892 / var(--design-width) * 100vw, 892px);
    right: max(-25 / var(--design-width) * 100vw, -25px);
}
.c-tabs__img--2-4 {
    top: min(1245 / var(--design-width) * 100vw, 1245px);
    right: max(-40 / var(--design-width) * 100vw, -40px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--2-4 {
        top: calc(280 / var(--design-width) * 100vw);
        right: calc(25 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--2-5 {
    bottom: min(1713 / var(--design-width) * 100vw, 1713px);
    left: max(-54 / var(--design-width) * 100vw, -54px);
}
.c-tabs__img--2-6 {
    bottom: min(942 / var(--design-width) * 100vw, 942px);
    right: min(25 / var(--design-width) * 100vw, 25px);
}
@media screen and (min-width: 751px) {
    .c-tabs__img--2-6 {
        width: 8.125%;
    }
}
@media screen and (max-width: 750px) {
    .c-tabs__img--2-6 {
        bottom: calc(1025 / var(--design-width) * 100vw);
        right: calc(18 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--2-7 {
    bottom: min(1013 / var(--design-width) * 100vw, 1013px);
    left: min(64 / var(--design-width) * 100vw, 64px);
}
@media screen and (max-width: 750px) {
    .c-tabs__img--2-7 {
        bottom: calc(1026 / var(--design-width) * 100vw);
        left: calc(44 / var(--design-width) * 100vw);
    }
}
.c-tabs__img--2-8 {
    bottom: min(214 / var(--design-width) * 100vw, 214px);
    right: min(62 / var(--design-width) * 100vw, 62px);
}
.c-tabs__img--2-9 {
    bottom: min(286 / var(--design-width) * 100vw, 286px);
    left: min(79 / var(--design-width) * 100vw, 79px);
}

/* ---------------------------------------------
*   c-txt-1
--------------------------------------------- */
.c-txt-1 {
    width: calc(644 / var(--design-width) * 100%);
    margin-top: calc(127 / var(--design-width) * 100%);
    margin-inline: auto;
}
@media screen and (max-width: 750px) {
    .c-txt-1 {
        width: calc(293 / var(--design-width) * 100vw);
        margin-top: calc(48 / var(--design-width) * 100vw);
    }
}

/* ---------------------------------------------
*   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;
}

/* ---------------------------------------------
*   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;
    }
}