@charset "UTF-8";
/* ---------------------------------------------
*   l-container
--------------------------------------------- */
.l-container {
    display: none;
}
@media screen and (min-width: 751px) {
    .l-container {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: url(../img/bg_wrap.png) center center no-repeat;
        background-size: cover;
    }
}

/* ---------------------------------------------
*   l-contents-01
--------------------------------------------- */
.l-contents-01 {
    overflow: hidden;
    padding-top: 58.6666666667%;
    background: url(../img/bg_contents-01.jpg) 0 0 no-repeat;
    background-size: cover;
}

/* ---------------------------------------------
*   l-contents-02
--------------------------------------------- */
.l-contents-02 {
    overflow: hidden;
    background: url(../img/bg_contents-02.jpg) 0 0 no-repeat;
    background-size: cover;
}

/* ---------------------------------------------
*   l-contents-03
--------------------------------------------- */
.l-contents-03 {
    overflow: hidden;
    padding-bottom: 19.3333333333%;
    background: url(../img/bg_contents-04.jpg) 0 0 no-repeat;
    background-size: cover;
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer {
    background-color: #382B20;
}
.l-footer__container {
    padding-top: 10%;
    padding-bottom: 8.6666666667%;
}
.l-footer__logo {
    width: 39.4666666667%;
    margin-left: auto;
    margin-right: auto;
}
.l-footer__logo-link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer__logo-link {
        transition: opacity 300ms;
    }
    .l-footer__logo-link:hover {
        opacity: 0.8;
    }
}
.l-footer__copyright {
    margin-top: 4%;
    text-align: center;
}
.l-footer__copyright-txt {
    display: block;
    font-size: 2.6666666667vw;
    color: #fff;
    letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
    .l-footer__copyright-txt {
        font-size: 11px;
    }
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    position: relative;
    z-index: 10;
}
.l-header__logo {
    position: absolute;
    top: 6vw;
    left: 6.6666666667%;
    width: 10.6666666667%;
    transition-delay: 1s !important;
}
@media screen and (min-width: 751px) {
    .l-header__logo {
        top: 25.8px;
    }
}
.l-header__logo-link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .l-header__logo-link {
        transition: opacity 300ms;
    }
    .l-header__logo-link:hover {
        opacity: 0.8;
    }
}
.l-header__logo-link img {
    width: 100%;
}

/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
.l-wrapper {
    position: relative;
    background-color: #F98624;
}
@media screen and (min-width: 751px) {
    .l-wrapper {
        max-width: 430px;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        overflow-y: scroll;
        -ms-overflow-style: none;
        /* IE, Edge 対応 */
        scrollbar-width: none;
        /* Firefox 対応 */
    }
    .l-wrapper::-webkit-scrollbar {
        /* Chrome, Safari 対応 */
        display: none;
    }
}

/* ---------------------------------------------
*   c-bg
--------------------------------------------- */
.c-bg {
    display: none;
}
@media screen and (min-width: 751px) {
    .c-bg {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: url(../img/bg_wrap.png) center center no-repeat;
        background-size: cover;
    }
}

/* ---------------------------------------------
*   c-block-01
--------------------------------------------- */
.c-block-01 {
    margin-top: 25.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-block-01 {
        margin-top: 108.9333333333px;
    }
}
.c-block-01__item {
    width: 100%;
    margin-top: 14.6666666667vw;
}
@media screen and (min-width: 751px) {
    .c-block-01__item {
        margin-top: 63.0666666667px;
    }
}

/* ---------------------------------------------
*   c-block-02
--------------------------------------------- */
.c-block-02__label {
    width: 40%;
    margin: 0 auto 22.6666666667vw;
    padding-top: 0.8%;
    padding-bottom: 0.6666666667%;
    font-size: 4.4vw;
    font-weight: 600;
    font-family: "Jost", sans-serif;
    color: #fff;
    background-color: #251216;
    letter-spacing: 0.12em;
    text-align: center;
    border-radius: 8.8vw;
}
@media screen and (min-width: 751px) {
    .c-block-02__label {
        margin-bottom: 97.4666666667px;
        font-size: 18.92px;
    }
}
.c-block-02__label--feature {
    margin-bottom: 0 !important;
}
.c-block-02--feature {
    margin-top: 31.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-block-02--feature {
        margin-top: 134.7333333333px;
    }
}

/* ---------------------------------------------
*   c-block-03
--------------------------------------------- */
.c-block-03__lead {
    width: 100%;
}
.c-block-03__list {
    margin-top: 13.3333333333%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.c-block-03__list-item:first-of-type {
    width: 19.3333333333%;
}
.c-block-03__list-item:nth-of-type(2) {
    margin-left: 8.9333333333%;
    width: 11.6%;
}
.c-block-03__list-item:nth-of-type(3) {
    margin-left: 8.9333333333%;
    width: 17.8666666667%;
}
.c-block-03__list-link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-03__list-link {
        transition: opacity 300ms;
    }
    .c-block-03__list-link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-box-id6009
--------------------------------------------- */
.c-box-id6009 {
    padding: 1rem;
    border: 2px solid #000;
    box-sizing: border-box;
    border-radius: 10px;
}

/* ---------------------------------------------
*   c-card-id6581
--------------------------------------------- */
.c-card-id6581 {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2rem;
}
@media screen and (max-width: 750px) {
    .c-card-id6581 {
        display: block;
    }
}
.c-card-id6581__item {
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 751px) {
    .c-card-id6581__item {
        width: 32%;
        margin-right: 2%;
    }
    .c-card-id6581__item:nth-of-type(3n) {
        margin-right: 0;
    }
    .c-card-id6581__item:nth-of-type(n+4) {
        margin-top: 3rem;
    }
}
@media screen and (max-width: 750px) {
    .c-card-id6581__item:nth-of-type(n+2) {
        margin-top: 2rem;
    }
}
.c-card-id6581__link {
    display: block;
    transition: opacity 0.3s;
}
@media screen and (min-width: 751px) {
    .c-card-id6581__link:hover {
        opacity: 0.8;
    }
}
.c-card-id6581__txt-wrap {
    padding: 0 1rem 1rem;
}
.c-card-id6581__img img {
    width: 100%;
}
.c-card-id6581__date {
    padding-top: 0.5rem;
    font-size: 0.8rem;
}
.c-card-id6581__ttl {
    margin-top: 0.5rem;
    font-weight: bold;
}
.c-card-id6581__txt {
    margin-top: 0.5rem;
}

/* ---------------------------------------------
*   c-cassette
--------------------------------------------- */
.c-cassette {
    margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
    .c-cassette {
        margin-bottom: 8vw;
    }
}
.c-cassette__head {
    margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
    .c-cassette__head {
        margin-bottom: 4vw;
    }
}
.c-cassette__body {
    padding: 0 10px;
}
@media screen and (max-width: 750px) {
    .c-cassette__body {
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-figure-id6318
--------------------------------------------- */
.c-figure-id6318 {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}
.c-figure-id6318 img {
    width: 100%;
}
.c-figure-id6318__caption {
    margin-top: 0.75em;
    text-align: center;
}

/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-item-01
--------------------------------------------- */
.c-item-01 {
    width: 78.6666666667%;
    margin-right: auto;
    margin-left: auto;
}
.c-item-01__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-item-01__link {
        transition: opacity 300ms;
    }
    .c-item-01__link:hover {
        opacity: 0.8;
    }
}
.c-item-01__link img {
    width: 100%;
}

/* ---------------------------------------------
*   c-item-02
--------------------------------------------- */
.c-item-02.is-active .c-item-02__txt-ja:before {
    height: 100%;
}
.c-item-02__inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.c-item-02__item {
    width: 16%;
    margin-right: 9.0666666667%;
    margin-left: 9.0666666667%;
}
.c-item-02__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 24%;
}
.c-item-02__box--01 .c-item-02__txt-en {
    width: 15%;
}
.c-item-02__box--01 .c-item-02__txt-ja {
    width: 58.8888888889%;
}
.c-item-02__box--01 .c-item-02__txt-ja:before {
    background: url("../img/txt_01-02.png") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-item-02__box--02 .c-item-02__txt-en {
    width: 18.8888888889%;
}
.c-item-02__box--02 .c-item-02__txt-ja {
    width: 51.6666666667%;
}
.c-item-02__box--02 .c-item-02__txt-ja:before {
    background: url("../img/txt_02-02.png") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-item-02__txt-ja {
    position: relative;
}
.c-item-02__txt-ja:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height 1s ease-out 1s;
}

/* ---------------------------------------------
*   c-item-03
--------------------------------------------- */
.c-item-03 {
    margin-top: 22vw;
}
@media screen and (min-width: 751px) {
    .c-item-03 {
        margin-top: 94.6px;
    }
}
.c-item-03__img-outer {
    display: flex;
    justify-content: space-between;
}
.c-item-03__img-outer.is-active .c-item-03__img {
    transition: transform 0.8s, opacity 1s !important;
    transform: translateX(0);
}
.c-item-03__img--01 {
    width: 43.4666666667%;
    margin-top: 2vw;
    transform: translateX(-100%);
}
@media screen and (min-width: 751px) {
    .c-item-03__img--01 {
        margin-top: 8.6px;
    }
}
.c-item-03__img--02 {
    width: 45.8666666667%;
    transform: translateX(100%);
}
.c-item-03__border {
    width: 0.2666666667%;
    height: 14.9333333333vw;
    margin: 2.4vw auto 0;
    background-color: #000;
}
@media screen and (min-width: 751px) {
    .c-item-03__border {
        height: 64.2133333333px;
        margin-top: 10.32px;
    }
}
.c-item-03__txt-wrap {
    margin-top: 6.6666666667vw;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-item-03__txt-wrap {
        margin-top: 28.6666666667px;
    }
}
.c-item-03__ttl {
    font-size: 6.9333333333vw;
    font-weight: 500;
    font-family: "Noto Serif JP", sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.61;
}
@media screen and (min-width: 751px) {
    .c-item-03__ttl {
        font-size: 29.8133333333px;
    }
}
.c-item-03__txt {
    margin-top: 5.8666666667vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0.12em;
    line-height: 2;
}
@media screen and (min-width: 751px) {
    .c-item-03__txt {
        margin-top: 25.2266666667px;
        font-size: 14.9066666667px;
    }
}

/* ---------------------------------------------
*   c-item-04
--------------------------------------------- */
.c-item-04 {
    margin-top: 60vw;
    padding-bottom: 109.3333333333%;
}
@media screen and (min-width: 751px) {
    .c-item-04 {
        margin-top: 258px;
    }
}
.c-item-04__head {
    color: #fff;
    text-align: center;
}
.c-item-04__ttl-txt {
    font-size: 12vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.06em;
}
@media screen and (min-width: 751px) {
    .c-item-04__ttl-txt {
        font-size: 51.6px;
    }
}
.c-item-04__sub-ttl {
    font-size: 4.8vw;
    letter-spacing: 0.15em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
}
@media screen and (min-width: 751px) {
    .c-item-04__sub-ttl {
        font-size: 20.64px;
    }
}
.c-item-04__contents {
    margin: 8.6666666667vw auto 0;
    padding: 7.3333333333vw 4vw 10.1333333333vw;
    width: 86.6666666667%;
    border-radius: 10px;
    background-color: #fff;
}
@media screen and (min-width: 751px) {
    .c-item-04__contents {
        margin-top: 37.2666666667px;
        padding: 31.5333333333px 17.2px 43.5733333333px;
    }
}
.c-item-04__date-l {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.8666666667vw;
    white-space: nowrap;
}
@media screen and (min-width: 751px) {
    .c-item-04__date-l {
        margin-bottom: 8.0266666667px;
    }
}
.c-item-04__date-icon {
    width: 13.6vw;
    margin-right: 1.3333333333vw;
    flex-shrink: 0;
}
@media screen and (min-width: 751px) {
    .c-item-04__date-icon {
        width: 58.48px;
        margin-right: 5.7333333333px;
    }
}
.c-item-04__date-txt {
    font-size: 12vw;
    font-family: "Work Sans", sans-serif;
    color: #F98624;
}
@media screen and (min-width: 751px) {
    .c-item-04__date-txt {
        font-size: 51.6px;
    }
}
.c-item-04__date-txt-s {
    display: inline-block;
    margin-left: 0.5333333333vw;
    font-size: 3.7333333333vw;
    font-weight: 500;
}
@media screen and (min-width: 751px) {
    .c-item-04__date-txt-s {
        margin-left: 2.2933333333px;
        font-size: 16.0533333333px;
    }
}
.c-item-04__txt {
    font-size: 4vw;
    font-weight: bold;
    color: #F98624;
    line-height: 1.63;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
    .c-item-04__txt {
        font-size: 17.2px;
    }
}
.c-item-04__box {
    background-color: #FFF6DD;
    margin-top: 4.6666666667vw;
    padding: 4.6666666667vw 5.3333333333vw 4.6666666667vw;
    border-radius: 5px;
}
@media screen and (min-width: 751px) {
    .c-item-04__box {
        margin-top: 20.0666666667px;
        padding: 20.0666666667px 22.9333333333px 20.0666666667px;
    }
}
.c-item-04__box-ttl {
    width: 26.6666666667vw;
    margin: 0 auto 4.2666666667vw;
}
@media screen and (min-width: 751px) {
    .c-item-04__box-ttl {
        width: 114.6666666667px;
        margin-bottom: 18.3466666667px;
    }
}
.c-item-04__box-list-item {
    display: flex;
    align-items: center;
    margin-bottom: 1.8666666667vw;
}
.c-item-04__box-list-item:last-of-type {
    margin-bottom: 0;
}
@media screen and (min-width: 751px) {
    .c-item-04__box-list-item {
        margin-bottom: 8.0266666667px;
    }
}
.c-item-04__box-list-label {
    display: inline-block;
    border-radius: 3px;
    color: #F98624;
    font-weight: bold;
    margin-right: 2.6666666667vw;
    padding: 0.6666666667vw 2.1333333333vw 0.1333333333vw;
    font-size: 2.8vw;
    border: 1px solid #F98624;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 0.03em;
}
@media screen and (min-width: 751px) {
    .c-item-04__box-list-label {
        margin-right: 11.4666666667px;
        padding: 2.8666666667px 9.1733333333px 0.5733333333px;
        font-size: 12.04px;
    }
}
.c-item-04__box-list-txt {
    color: #4D4D4D;
    margin-top: 0.2666666667vw;
    font-size: 3.3333333333vw;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-feature-settings: "palt";
}
@media screen and (min-width: 751px) {
    .c-item-04__box-list-txt {
        margin-top: 1.1466666667px;
        font-size: 14.3333333333px;
    }
}
.c-item-04__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F98624;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
    margin-top: 4vw;
    padding-top: 3.4666666667vw;
    padding-right: 1.6vw;
    padding-bottom: 3.4666666667vw;
    border-radius: 5px;
}
@media (hover: hover) and (pointer: fine) {
    .c-item-04__btn {
        transition: opacity 300ms;
    }
    .c-item-04__btn:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 751px) {
    .c-item-04__btn {
        margin-top: 17.2px;
        padding-top: 14.9066666667px;
        padding-right: 6.88px;
        padding-bottom: 14.9066666667px;
    }
}
.c-item-04__btn-icn {
    width: 5.3333333333vw;
    margin-right: 1.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-item-04__btn-icn {
        width: 22.9333333333px;
        margin-right: 5.7333333333px;
    }
}
.c-item-04__btn-icn img {
    display: block;
}
.c-item-04__btn-txt {
    color: #fff;
    font-size: 3.4666666667vw;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
    .c-item-04__btn-txt {
        font-size: 14.9066666667px;
    }
}
.c-item-04__link-outer {
    margin-top: 5.3333333333vw;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-item-04__link-outer {
        margin-top: 22.9333333333px;
    }
}
.c-item-04__link {
    position: relative;
    font-size: 3.4666666667vw;
    padding-right: 4.8vw;
    padding-bottom: 1.3333333333vw;
    color: #40220F;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    border-bottom: 1px solid #40220F;
    font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
    .c-item-04__link {
        transition: opacity 300ms;
    }
    .c-item-04__link:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 751px) {
    .c-item-04__link {
        font-size: 14.9066666667px;
        padding-right: 20.64px;
        padding-bottom: 5.7333333333px;
    }
}
.c-item-04__link:after {
    content: "";
    position: absolute;
    top: 5%;
    right: 0;
    background: url("../img/icn_brank.svg") 0 0 no-repeat;
    background-size: 100% auto;
    width: 3.2vw;
    height: 3.2vw;
}
@media screen and (min-width: 751px) {
    .c-item-04__link:after {
        width: 13.76px;
        height: 13.76px;
    }
}

/* ---------------------------------------------
*   c-kv
--------------------------------------------- */
.c-kv {
    position: relative;
    background: url(../img/bg_kv.jpg) 0 0 no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 177.8666666667%;
}
.c-kv__container {
    position: relative;
}
.c-kv__ttl {
    position: absolute;
    top: 6.6666666667vw;
    right: 4.5333333333%;
    width: 58%;
    z-index: 1;
    transition-delay: 1s !important;
}
@media screen and (min-width: 751px) {
    .c-kv__ttl {
        top: 28.6666666667px;
    }
}
.c-kv__date {
    position: absolute;
    top: 44vw;
    right: 5.3333333333%;
    width: 20.6666666667%;
    z-index: 1;
    transition-delay: 1s !important;
}
@media screen and (min-width: 751px) {
    .c-kv__date {
        top: 189.2px;
    }
}
.c-kv__img {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 83.8666666667%;
    transform: translate(-50%, 50px) !important;
    z-index: 1;
}
.c-kv__img.is-active {
    transform: translate(-50%, 0) !important;
}

/* ---------------------------------------------
*   c-link-list-id6861
--------------------------------------------- */
.c-link-list-id6861 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.c-link-list-id6861__item {
    margin-top: 1em;
    margin-right: 30px;
}
.c-link-list-id6861__item:last-of-type {
    margin-right: 0;
}
.c-link-list-id6861__link {
    position: relative;
    padding-left: 25px;
    font-size: 16px;
}
.c-link-list-id6861__link:hover {
    text-decoration: underline;
}
.c-link-list-id6861__link::before {
    position: absolute;
    top: calc(50% - 2px);
    left: 2px;
    content: "";
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: translateY(-50%) rotate(-45deg);
}

/* ---------------------------------------------
*   c-list-01
--------------------------------------------- */
.c-list-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    opacity: 1 !important;
}
.c-list-01.is-active .c-list-01__item {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}
.c-list-01.is-active .c-list-01__item:first-of-type {
    transition-delay: 0.4s !important;
}
.c-list-01.is-active .c-list-01__item:nth-of-type(2) {
    transition-delay: 0.8s !important;
}
.c-list-01.is-active .c-list-01__item:last-of-type {
    transition-delay: 1.2s !important;
}
.c-list-01__item {
    width: 50%;
    opacity: 0;
    transform: translateY(50px);
}
.c-list-01__item:nth-of-type(2) {
    margin-top: 3.0666666667vw;
}
@media screen and (min-width: 751px) {
    .c-list-01__item:nth-of-type(2) {
        margin-top: 13.1866666667px;
    }
}
.c-list-01__item:last-of-type {
    width: 100%;
    margin-top: 9.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-list-01__item:last-of-type {
        margin-top: 40.1333333333px;
    }
}
.c-list-01__img--01 {
    width: 108.8%;
    margin-left: 24%;
}
.c-list-01__img--02 {
    width: 112%;
    margin-left: 9.0666666667%;
}
.c-list-01__img--03 {
    width: 54.9333333333%;
    margin-right: 13.3333333333%;
    margin-left: auto;
}
.c-list-01__desc {
    margin-top: 3.3333333333vw;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-list-01__desc {
        margin-top: 14.3333333333px;
    }
}
.c-list-01__desc--01 {
    width: 88%;
    margin-right: 0;
    margin-left: auto;
}
.c-list-01__desc--02 {
    width: 85.3333333333%;
}
.c-list-01__desc--03 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.6vw;
}
@media screen and (min-width: 751px) {
    .c-list-01__desc--03 {
        margin-top: 6.88px;
    }
}
.c-list-01__ttl {
    font-size: 4.5333333333vw;
    font-weight: 600;
    font-family: "Noto Serif JP", sans-serif;
    color: #251216;
}
@media screen and (min-width: 751px) {
    .c-list-01__ttl {
        font-size: 19.4933333333px;
    }
}
.c-list-01__price {
    margin-top: 0.8vw;
    font-size: 7.2vw;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    color: #251216;
}
@media screen and (min-width: 751px) {
    .c-list-01__price {
        margin-top: 3.44px;
        font-size: 30.96px;
    }
}
.c-list-01__price--03 {
    margin-top: 0;
    margin-left: 4vw;
}
@media screen and (min-width: 751px) {
    .c-list-01__price--03 {
        margin-left: 17.2px;
    }
}

/* ---------------------------------------------
*   c-list-02
--------------------------------------------- */
.c-list-02 {
    margin-top: 20vw;
    padding-top: 5.3333333333vw;
    position: relative;
}
@media screen and (min-width: 751px) {
    .c-list-02 {
        margin-top: 86px;
        padding-top: 22.9333333333px;
    }
}
.c-list-02__list {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
}
.ipad .c-list-02__list {
    height: 100svh;
}

@media screen and (max-width: 750px) {
    .c-list-02__list {
        height: 100svh;
    }
}
.c-list-02__list.is-fixed {
    position: fixed;
    top: 5.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 751px) {
    .c-list-02__list.is-fixed {
        top: 22.9333333333px;
    }
}
.c-list-02__list.is-absolute {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 751px) {
    .c-list-02__list {
        max-width: 430px;
    }
}
.c-list-02__list-inner {
    position: relative;
    width: 100%;
    height: 146.6666666667vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-inner {
        height: 630.6666666667px;
    }
}
.c-list-02__list-item {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.c-list-02__list-item.is-active {
    pointer-events: auto;
}
.c-list-02__list-item.is-active .c-list-02__list-label {
    opacity: 1;
    transition: opacity 1s;
}
.c-list-02__list-item.is-active .c-list-02__list-ttl-outer {
    opacity: 1;
    transition: opacity 1s;
}
.c-list-02__list-item.is-active .c-list-02__list-ttl:before {
    height: 100%;
}
.c-list-02__list-item.is-active .c-list-02__list-balloon {
    opacity: 1;
    transform: translateX(0);
    transition: transform 0.8s, opacity 1s;
}
.c-list-02__list-item.is-active .c-list-02__list-txt {
    opacity: 1;
    transition: opacity 1s ease-out 2.5s;
}
.c-list-02__list-img-outer {
    position: relative;
    width: 56%;
}
.c-list-02__list-img {
    width: 133.5714285714%;
}
.c-list-02__list-balloon {
    position: absolute;
    transform: translateX(50px);
    z-index: 10;
    opacity: 0;
}
.c-list-02__list-balloon--01 {
    width: 32.8571428571%;
    top: 48.2666666667vw;
    left: 47.619047619%;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-balloon--01 {
        top: 207.5466666667px;
    }
}
.c-list-02__list-balloon--02 {
    width: 32.8571428571%;
    bottom: 17.0666666667vw;
    left: 47.619047619%;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-balloon--02 {
        bottom: 73.3866666667px;
    }
}
.c-list-02__list-balloon--03 {
    width: 29.7619047619%;
    top: 0;
    left: 32.380952381%;
}
.c-list-02__list-desc {
    width: 44%;
    margin-top: 5.0666666667vw;
    padding-right: 6.6666666667%;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-desc {
        margin-top: 21.7866666667px;
    }
}
.c-list-02__list-desc-head {
    display: flex;
    flex-direction: row-reverse;
}
.c-list-02__list-label {
    width: 36.4285714286%;
    flex-shrink: 0;
    opacity: 0;
}
.c-list-02__list-ttl-outer {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    width: 100%;
    margin-top: 46.4285714286%;
    margin-right: -3.9285714286%;
    opacity: 0;
}
.c-list-02__list-ttl {
    position: relative;
    width: 48.3146067416%;
    height: 100%;
}
.c-list-02__list-ttl:first-of-type:before {
    transition: height 0.8s cubic-bezier(0.03, 0.43, 0.52, 1) 0.5s;
}
.c-list-02__list-ttl:last-of-type {
    margin-right: 7.8651685393%;
}
.c-list-02__list-ttl:last-of-type:before {
    transition: height 0.8s cubic-bezier(0.03, 0.43, 0.52, 1) 1.3s;
}
.c-list-02__list-ttl:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
}
.c-list-02__list-ttl--01 {
    height: 34.8vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-ttl--01 {
        height: 149.64px;
    }
}
.c-list-02__list-ttl--01:before {
    background: url("../img/label_01-01.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-list-02__list-ttl--02 {
    height: 55.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-ttl--02 {
        height: 237.9333333333px;
    }
}
.c-list-02__list-ttl--02:before {
    background: url("../img/label_01-02.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-list-02__list-ttl--03 {
    height: 55.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-ttl--03 {
        height: 237.9333333333px;
    }
}
.c-list-02__list-ttl--03:before {
    background: url("../img/label_02-01.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-list-02__list-ttl--04 {
    height: 62.9333333333vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-ttl--04 {
        height: 270.6133333333px;
    }
}
.c-list-02__list-ttl--04:before {
    background: url("../img/label_02-02.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-list-02__list-ttl--05 {
    height: 27.7333333333vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-ttl--05 {
        height: 119.2533333333px;
    }
}
.c-list-02__list-ttl--05:before {
    background: url("../img/label_03-01.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-list-02__list-ttl--06 {
    height: 48.5333333333vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-ttl--06 {
        height: 208.6933333333px;
    }
}
.c-list-02__list-ttl--06:before {
    background: url("../img/label_03-02.jpg") 0 0 no-repeat;
    background-size: 100% auto;
}
.c-list-02__list-desc-body {
    margin-top: 8vw;
    padding-right: 14.2857142857%;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-desc-body {
        margin-top: 34.4px;
    }
}
.c-list-02__list-desc-body--01 {
    height: 53.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-desc-body--01 {
        height: 229.3333333333px;
    }
}
.c-list-02__list-desc-body--02 {
    height: 34.6666666667vw;
}
.firefox .c-list-02__list-desc-body--02 {
    height: 35.2vw;
}

@media screen and (min-width: 751px) {
    .c-list-02__list-desc-body--02 {
        height: 149.0666666667px;
    }
    .safari .c-list-02__list-desc-body--02 {
        height: 151.36px;
    }

    .firefox .c-list-02__list-desc-body--02 {
        height: 151.36px;
    }
}
.c-list-02__list-desc-body--03 {
    height: 37.3333333333vw;
    margin-top: 16vw;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-desc-body--03 {
        height: 160.5333333333px;
        margin-top: 68.8px;
    }
}
.c-list-02__list-txt {
    display: inline-block;
    text-align: justify;
    -moz-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 3.4666666667vw;
    line-height: 1.61;
    opacity: 0;
}
@media screen and (min-width: 751px) {
    .c-list-02__list-txt {
        font-size: 14.9066666667px;
    }
}
.c-list-02__list-area {
    height: 400vh;
}
.ipad .c-list-02__list-area {
    height: 400svh;
}

@media screen and (max-width: 750px) {
    .c-list-02__list-area {
        height: 400svh;
    }
}

/* ---------------------------------------------
*   c-list-03
--------------------------------------------- */
.c-list-03 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.c-list-03__item:nth-of-type(2) {
    margin-top: 19.4666666667vw;
}
@media screen and (min-width: 751px) {
    .c-list-03__item:nth-of-type(2) {
        margin-top: 86px;
    }
}
.c-list-03__item:last-of-type {
    margin-top: 25.6vw;
}
@media screen and (min-width: 751px) {
    .c-list-03__item:last-of-type {
        margin-top: 110.08px;
    }
}
.c-list-03__img {
    margin-right: auto;
    margin-left: auto;
}
.c-list-03__img--01 {
    width: 48.6666666667%;
}
.c-list-03__img--02 {
    width: 45.3333333333%;
}
.c-list-03__img--03 {
    width: 46.3333333333%;
}
.c-list-03__desc {
    margin-top: 10.2666666667vw;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-list-03__desc {
        margin-top: 44.1466666667px;
    }
}
.c-list-03__label {
    display: inline-block;
    padding: 1% 2.5% 1.3333333333%;
    background-color: #F98624;
    line-height: 1.2;
}
@media screen and (min-width: 751px) {
    .c-list-03__label {
        padding: 1.3333333333% 2.5% 1.3333333333%;
    }
}
.c-list-03__label-txt {
    font-size: 3.7333333333vw;
    font-weight: 500;
    font-family: "Noto Serif JP", sans-serif;
    color: #251216;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 751px) {
    .c-list-03__label-txt {
        font-size: 16.0533333333px;
    }
}
.c-list-03__ttl-outer {
    margin-top: 2.4vw;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-list-03__ttl-outer {
        margin-top: 10.32px;
    }
}
.c-list-03__ttl-ja {
    font-size: 8vw;
    color: #F98624;
    font-family: "Noto Serif JP", sans-serif;
}
@media screen and (min-width: 751px) {
    .c-list-03__ttl-ja {
        font-size: 34.4px;
    }
}
.c-list-03__ttl-en {
    margin-top: 2vw;
    font-size: 3.0666666667vw;
    color: #F98624;
    font-weight: 600;
    font-family: "Jost", sans-serif;
    letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) {
    .c-list-03__ttl-en {
        margin-top: 8.6px;
        font-size: 13.1866666667px;
    }
}
.c-list-03__txt {
    margin-top: 4vw;
    font-size: 3.4666666667vw;
    color: #F98624;
    letter-spacing: 0.1em;
    line-height: 1.8;
    text-align: justify;
}
@media screen and (min-width: 751px) {
    .c-list-03__txt {
        margin-top: 17.2px;
        font-size: 14.9066666667px;
    }
}

/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
    margin-top: 13.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-section-01 {
        margin-top: 57.3333333333px;
    }
}
.c-section-01__ttl {
    margin-bottom: 4vw;
    font-size: 8.8vw;
    font-weight: 500;
    font-family: "Noto Serif JP", sans-serif;
    letter-spacing: 0.07em;
    line-height: 1.33;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-01__ttl {
        margin-bottom: 17.2px;
        font-size: 37.84px;
    }
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
    margin-top: 20.4vw;
}
@media screen and (min-width: 751px) {
    .c-section-02 {
        margin-top: 87.72px;
    }
}
.c-section-02__img {
    width: 84.5333333333%;
    margin: 0 0 0 auto;
}
.c-section-02__inner {
    position: relative;
    margin-top: 11.4666666667vw;
}
@media screen and (min-width: 751px) {
    .c-section-02__inner {
        margin-top: 49.3066666667px;
    }
}
.c-section-02__catch {
    position: absolute;
    top: 0.8vw;
    left: 3.4666666667%;
    width: 5.0666666667%;
    opacity: 1 !important;
}
.c-section-02__catch.is-active:before {
    height: 100%;
}
.c-section-02__catch:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: url("../img/txt_05-02.png") 0 0 no-repeat;
    background-size: 100% auto;
    transition: height 1s ease-out 1s;
}
.iphone.safari .c-section-02__catch:before {
    background-size: cover;
}

.mac.safari .c-section-02__catch:before {
    background-size: cover;
}

@media screen and (min-width: 751px) {
    .c-section-02__catch {
        top: 3.44px;
    }
    .ipad.safari .c-section-02__catch:before {
        background-size: cover;
    }

    .mac.safari .c-section-02__catch:before {
        background-size: 100% 371px;
    }
}
.c-section-02__ttl {
    margin-bottom: 16.6666666667vw;
    padding-left: 5.3333333333%;
    font-size: 9.7333333333vw;
    font-weight: 500;
    font-family: "Noto Serif JP", sans-serif;
    letter-spacing: 0.17em;
    line-height: 1.2;
    text-align: center;
}
@media screen and (min-width: 751px) {
    .c-section-02__ttl {
        margin-bottom: 71.6666666667px;
        font-size: 41.8533333333px;
    }
}
.c-section-02__ttl span {
    display: block;
    margin-bottom: 2.4vw;
    font-size: 3.4666666667vw;
    letter-spacing: 0.03em;
}
@media screen and (min-width: 751px) {
    .c-section-02__ttl span {
        margin-bottom: 10.32px;
        font-size: 14.9066666667px;
    }
}
.c-section-02__item {
    width: 84.5333333333%;
    margin: 28.6666666667vw auto 0;
    padding-top: 11.2%;
    padding-bottom: 11.7333333333%;
    background-color: #4d3131;
    border-radius: 1.3333333333vw;
}
@media screen and (min-width: 751px) {
    .c-section-02__item {
        margin-top: 123.2666666667px;
        border-radius: 5.7333333333px;
    }
}
.c-section-02__item-img {
    width: 70.0315457413%;
    margin-right: auto;
    margin-left: auto;
}

/* ---------------------------------------------
*   c-slider
--------------------------------------------- */
/* ---------------------------------------------
*   c-table
--------------------------------------------- */
.c-table {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
.c-table__th, .c-table__td {
    padding: 1em;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}
.c-table__thead .c-table__th {
    color: red;
}
.c-table__tbody .c-table__th {
    font-weight: bold;
}

/* ---------------------------------------------
*   c-tile-id8501
--------------------------------------------- */
.c-tile-id8501 {
    --col: 3;
    display: grid;
    grid-template-columns: repeat(var(--col), 1fr);
    gap: 20px;
}
@media screen and (max-width: 750px) {
    .c-tile-id8501 {
        --col: 2;
    }
}
.c-tile-id8501__item:first-of-type {
    grid-area: 1/1/3/3;
}
.c-tile-id8501__item:nth-of-type(4) {
    grid-area: 3/2/5/4;
}
@media screen and (max-width: 750px) {
    .c-tile-id8501__item:nth-of-type(4) {
        grid-area: 4/1/6/3;
    }
}
.c-tile-id8501__item img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------------------------------------------
*   c-ttl
--------------------------------------------- */
.c-ttl {
    display: block;
    position: fixed;
    top: 46px;
    left: 46px;
    width: 368px;
}
@media screen and (max-width: 1350px) {
    .c-ttl {
        top: 3.4074074074vw;
        left: 2.6666666667vw;
        width: 26.5185185185vw;
    }
}
@media screen and (max-width: 1100px) {
    .c-ttl {
        left: 1.9259259259vw;
        width: 22.8148148148vw;
    }
}
@media screen and (max-width: 900px) {
    .c-ttl {
        left: 1.1851851852vw;
        width: 18.3703703704vw;
    }
}
@media screen and (max-width: 750px) {
    .c-ttl {
        display: none;
    }
}

/* ---------------------------------------------
*   c-txt
--------------------------------------------- */
.c-txt {
    font-size: 0.875rem;
}
@media screen and (max-width: 750px) {
    .c-txt {
        font-size: 0.9375rem;
    }
}
.c-txt__strong {
    text-decoration: underline;
    font-weight: bold;
}
.c-txt__italic {
    font-style: italic;
}

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !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-fadein {
    opacity: 0;
}
.js-fadein.is-active {
    opacity: 1;
    transition: opacity 1s;
}

/* フェードインアップ */
.js-fadein-up {
    opacity: 0;
    transform: translateY(50px);
}
.js-fadein-up.is-active {
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}

/* ズームイン */
.js-zoomin {
    opacity: 0;
    transform: scale(1.5);
}
.js-zoomin.is-active {
    opacity: 1;
    transform: scale(1);
    transition: transform 1.5s ease-in, opacity 1.7s ease-in;
}

/* 上にスライド */
.js-slidein-to-top {
    display: block;
    transform: translateY(100%);
}
.js-slidein-to-top.is-active {
    transform: translateY(0);
    transition: transform 0.8s;
}

/* 左にスライド */
.js-slidein-to-left {
    opacity: 0;
    transform: translateX(50px);
}
.js-slidein-to-left.is-active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}

/* 右にスライド */
.js-slidein-to-right {
    opacity: 0;
    transform: translateX(-50px);
}
.js-slidein-to-right.is-active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.8s, opacity 1s;
}

@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: 0.6666666667vw !important;
    }

    .mgt-sp--10 {
        margin-top: 1.3333333333vw !important;
    }

    .mgt-sp--15 {
        margin-top: 2vw !important;
    }

    .mgt-sp--20 {
        margin-top: 2.6666666667vw !important;
    }

    .mgt-sp--25 {
        margin-top: 3.3333333333vw !important;
    }

    .mgt-sp--30 {
        margin-top: 4vw !important;
    }

    .mgt-sp--35 {
        margin-top: 4.6666666667vw !important;
    }

    .mgt-sp--40 {
        margin-top: 5.3333333333vw !important;
    }

    .mgt-sp--45 {
        margin-top: 6vw !important;
    }

    .mgt-sp--50 {
        margin-top: 6.6666666667vw !important;
    }

    .mgt-sp--55 {
        margin-top: 7.3333333333vw !important;
    }

    .mgt-sp--60 {
        margin-top: 8vw !important;
    }

    .mgt-sp--65 {
        margin-top: 8.6666666667vw !important;
    }

    .mgt-sp--70 {
        margin-top: 9.3333333333vw !important;
    }

    .mgt-sp--75 {
        margin-top: 10vw !important;
    }

    .mgt-sp--80 {
        margin-top: 10.6666666667vw !important;
    }

    .mgt-sp--85 {
        margin-top: 11.3333333333vw !important;
    }

    .mgt-sp--90 {
        margin-top: 12vw !important;
    }

    .mgt-sp--95 {
        margin-top: 12.6666666667vw !important;
    }

    .mgt-sp--100 {
        margin-top: 13.3333333333vw !important;
    }

    .mgt-sp--105 {
        margin-top: 14vw !important;
    }

    .mgt-sp--110 {
        margin-top: 14.6666666667vw !important;
    }

    .mgt-sp--115 {
        margin-top: 15.3333333333vw !important;
    }

    .mgt-sp--120 {
        margin-top: 16vw !important;
    }

    .mgt-sp--125 {
        margin-top: 16.6666666667vw !important;
    }

    .mgt-sp--130 {
        margin-top: 17.3333333333vw !important;
    }

    .mgt-sp--135 {
        margin-top: 18vw !important;
    }

    .mgt-sp--140 {
        margin-top: 18.6666666667vw !important;
    }

    .mgt-sp--145 {
        margin-top: 19.3333333333vw !important;
    }

    .mgt-sp--150 {
        margin-top: 20vw !important;
    }

    .mgt-sp--155 {
        margin-top: 20.6666666667vw !important;
    }

    .mgt-sp--160 {
        margin-top: 21.3333333333vw !important;
    }

    .mgt-sp--165 {
        margin-top: 22vw !important;
    }

    .mgt-sp--170 {
        margin-top: 22.6666666667vw !important;
    }

    .mgt-sp--175 {
        margin-top: 23.3333333333vw !important;
    }

    .mgt-sp--180 {
        margin-top: 24vw !important;
    }

    .mgt-sp--185 {
        margin-top: 24.6666666667vw !important;
    }

    .mgt-sp--190 {
        margin-top: 25.3333333333vw !important;
    }

    .mgt-sp--195 {
        margin-top: 26vw !important;
    }

    .mgt-sp--200 {
        margin-top: 26.6666666667vw !important;
    }

    .mgt-sp--205 {
        margin-top: 27.3333333333vw !important;
    }

    .mgt-sp--210 {
        margin-top: 28vw !important;
    }

    .mgt-sp--215 {
        margin-top: 28.6666666667vw !important;
    }

    .mgt-sp--220 {
        margin-top: 29.3333333333vw !important;
    }

    .mgt-sp--225 {
        margin-top: 30vw !important;
    }

    .mgt-sp--230 {
        margin-top: 30.6666666667vw !important;
    }

    .mgt-sp--235 {
        margin-top: 31.3333333333vw !important;
    }

    .mgt-sp--240 {
        margin-top: 32vw !important;
    }

    .mgt-sp--245 {
        margin-top: 32.6666666667vw !important;
    }

    .mgt-sp--250 {
        margin-top: 33.3333333333vw !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: 0.6666666667vw !important;
    }

    .mgb-sp--10 {
        margin-bottom: 1.3333333333vw !important;
    }

    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }

    .mgb-sp--20 {
        margin-bottom: 2.6666666667vw !important;
    }

    .mgb-sp--25 {
        margin-bottom: 3.3333333333vw !important;
    }

    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }

    .mgb-sp--35 {
        margin-bottom: 4.6666666667vw !important;
    }

    .mgb-sp--40 {
        margin-bottom: 5.3333333333vw !important;
    }

    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }

    .mgb-sp--50 {
        margin-bottom: 6.6666666667vw !important;
    }

    .mgb-sp--55 {
        margin-bottom: 7.3333333333vw !important;
    }

    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }

    .mgb-sp--65 {
        margin-bottom: 8.6666666667vw !important;
    }

    .mgb-sp--70 {
        margin-bottom: 9.3333333333vw !important;
    }

    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }

    .mgb-sp--80 {
        margin-bottom: 10.6666666667vw !important;
    }

    .mgb-sp--85 {
        margin-bottom: 11.3333333333vw !important;
    }

    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }

    .mgb-sp--95 {
        margin-bottom: 12.6666666667vw !important;
    }

    .mgb-sp--100 {
        margin-bottom: 13.3333333333vw !important;
    }

    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }

    .mgb-sp--110 {
        margin-bottom: 14.6666666667vw !important;
    }

    .mgb-sp--115 {
        margin-bottom: 15.3333333333vw !important;
    }

    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }

    .mgb-sp--125 {
        margin-bottom: 16.6666666667vw !important;
    }

    .mgb-sp--130 {
        margin-bottom: 17.3333333333vw !important;
    }

    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }

    .mgb-sp--140 {
        margin-bottom: 18.6666666667vw !important;
    }

    .mgb-sp--145 {
        margin-bottom: 19.3333333333vw !important;
    }

    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }

    .mgb-sp--155 {
        margin-bottom: 20.6666666667vw !important;
    }

    .mgb-sp--160 {
        margin-bottom: 21.3333333333vw !important;
    }

    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }

    .mgb-sp--170 {
        margin-bottom: 22.6666666667vw !important;
    }

    .mgb-sp--175 {
        margin-bottom: 23.3333333333vw !important;
    }

    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }

    .mgb-sp--185 {
        margin-bottom: 24.6666666667vw !important;
    }

    .mgb-sp--190 {
        margin-bottom: 25.3333333333vw !important;
    }

    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }

    .mgb-sp--200 {
        margin-bottom: 26.6666666667vw !important;
    }

    .mgb-sp--205 {
        margin-bottom: 27.3333333333vw !important;
    }

    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }

    .mgb-sp--215 {
        margin-bottom: 28.6666666667vw !important;
    }

    .mgb-sp--220 {
        margin-bottom: 29.3333333333vw !important;
    }

    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }

    .mgb-sp--230 {
        margin-bottom: 30.6666666667vw !important;
    }

    .mgb-sp--235 {
        margin-bottom: 31.3333333333vw !important;
    }

    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }

    .mgb-sp--245 {
        margin-bottom: 32.6666666667vw !important;
    }

    .mgb-sp--250 {
        margin-bottom: 33.3333333333vw !important;
    }
}