@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュールのスタイルを記述する
    アルファベット降順(A->Z)に記述する

Contents:
    layout
    component
    utility
========================================================== */
/* ==========================================================
*
*   layout
*
========================================================== */
/* ---------------------------------------------
*   contents
--------------------------------------------- */
/* ---------------------------------------------
*   footer
--------------------------------------------- */
.footer {
    padding-top: 70px;
    padding-bottom: 80px;
    /* background: url(../img/icon_line.png) 0 0 repeat-x; */
    background-size: auto 1px;
}

@media screen and (max-width: 750px) {
    .footer {
        padding-top: 9.33333vw;
        padding-bottom: 10.66667vw;
    }
}

/*  footer-container
--------------------------------------------- */
/*  footer-nav
--------------------------------------------- */
.footer-nav__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 23px;
    margin-inline: auto;
    max-width: 765px;
}

@media screen and (max-width: 750px) {
    .footer-nav__list {
        row-gap: 0;
        max-width: calc(700 / 750 * 100%);
    }
}

@media screen and (min-width: 751px) {
    .footer-nav__list-item {
        margin-right: 25px;
    }
}

@media screen and (min-width: 751px) {
    .footer-nav__list-item:nth-of-type(4) {
        margin-right: 0;
    }
}

@media screen and (max-width: 750px) {
    .footer-nav__list-item {
        margin: 1.06667vw 1.33333vw;
    }
}

@media screen and (min-width: 751px) {
    .footer-nav__list-item:last-of-type {
        margin-right: 0;
    }
}

.footer-nav__link {
    display: block;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.005em;
    font-feature-settings: 'palt';
    font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 750px) {
    .footer-nav__link {
        font-size: 0.54545rem;
        letter-spacing: .035em;
    }
}

@media screen and (min-width: 751px) {
    .footer-nav__link:hover {
        text-decoration: underline;
    }
}


/*  footer-copyright
--------------------------------------------- */
.footer-copyright {
    margin-top: 58px;
    padding-top: 34px;
    text-align: center;
    background: url(../img/icon_line.png) 0 0 repeat-x;
}

@media screen and (max-width: 750px) {
    .footer-copyright {
        margin-top: 6vw;
    }
}

.footer-copyright__txt {
    display: block;
    color: #898989;
    font-size: 0.45455rem;
    font-family: 'Noto Sans JP', sans-serif;
}

/*  footer-logo
--------------------------------------------- */
.footer-logo {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .footer-logo {
        margin-top: 9.46667vw;
    }
}

.footer-logo__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.footer-logo__list-item {
    margin-right: 155px;
}

@media screen and (max-width: 750px) {
    .footer-logo__list-item {
        margin-right: 10.66667%;
    }
}

.footer-logo__list-item--1 {
    width: 136px;
}

@media screen and (max-width: 750px) {
    .footer-logo__list-item--1 {
        width: 19.46667%;
    }
}

.footer-logo__list-item--3 {
    padding-bottom: 3px;
    width: 226px;
}

@media screen and (max-width: 750px) {
    .footer-logo__list-item--3 {
        padding-bottom: 0;
        width: calc(243 / 750 * 100%);
    }
}

.footer-logo__list-item:last-of-type {
    margin-right: 0;
}

.footer-logo__link {
    display: block;
    transition: opacity 300ms;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

@media screen and (min-width: 751px) {
    .footer-logo__link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   header
--------------------------------------------- */
.header {
    padding: 24px 0 10px;
    height: 80px;
}

@media screen and (max-width: 750px) {
    .header {
        padding: 14px 15px 0;
        height: 60px;
    }
}

/*  header-container
--------------------------------------------- */
.header-container {
    margin-right: auto;
    margin-left: auto;
    width: 1025px;
}

@media screen and (max-width: 750px) {
    .header-container {
        width: 100%;
    }
}

/*  header-logo
--------------------------------------------- */
.header-logo__link {
    display: block;
    width: 140px;
    transition: opacity 300ms;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

@media screen and (min-width: 751px) {
    .header-logo__link:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 750px) {
    .header-logo__link {
        width: 120px;
    }
}

/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
/* ==========================================================
*
*   component
*
========================================================== */
/* ---------------------------------------------
*   c-btn-long
--------------------------------------------- */
.c-btn-long {
    display: flex;

    justify-content: center;
}

.c-btn-long__item {
    position: relative;
    display: flex;
    width: 740px;
    height: 80px;
    border-radius: 20px;
    background-color: #FF3F73;
    color: #fff;
    font-weight: 600;
    font-size: 1.45455rem;
    transition: opacity 300ms;

    align-items: center;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

@media screen and (min-width: 751px) {
    .c-btn-long__item:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 750px) {
    .c-btn-long__item {
        width: 100%;
        height: 10.66667vw;
        border-radius: 2.66667vw;
        font-size: 1rem;
    }
}

.c-btn-long__item::before, .c-btn-long__item::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 14px;
    height: 19px;
    background: 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-btn-long__item::before, .c-btn-long__item::after {
        width: 1.86667vw;
        height: 2.53333vw;
    }
}

.c-btn-long__item::before {
    left: 39px;
    background-image: url(../img/arrow_right_white.svg);
}

@media screen and (max-width: 750px) {
    .c-btn-long__item::before {
        left: 2.66667vw;
    }
}

.c-btn-long__item::after {
    right: 39px;
    background-image: url(../img/arrow_left_white.svg);
}

@media screen and (max-width: 750px) {
    .c-btn-long__item::after {
        right: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-chapter
--------------------------------------------- */
.c-chapter {
    margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
    .c-chapter {
        margin-bottom: 8vw;
    }
}

.c-chapter__container {
    margin: 0 auto;
    width: 1200px;
}

@media screen and (max-width: 750px) {
    .c-chapter__container {
        width: 80%;
    }
}

.c-chapter__head {
    margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
    .c-chapter__head {
        margin-bottom: 4vw;
    }
}

.c-chapter__body {
    padding: 0 10px;
}

@media screen and (max-width: 750px) {
    .c-chapter__body {
        padding: 0;
    }
}

/* ---------------------------------------------
*   c-img-rollover
--------------------------------------------- */
.c-img-rollover {
    position: absolute;
    top: 85px;
    left: 50%;
    width: 160px;
    height: 38px;
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-img-rollover {
        top: calc((82 / 750) * 100vw);
        width: 23.73333vw;
        height: 5.06667vw;
    }
}

.c-img-rollover img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    opacity: 1;
    transition: opacity 300ms;
}

.c-img-rollover img:last-of-type {
    z-index: 1;
    opacity: 0;
}

/* ---------------------------------------------
*   c-keyvisual
--------------------------------------------- */
.c-keyvisual {
    padding-top: 76px;
    padding-bottom: 118px;
    background: url(../img/bg_deco.jpg) 50% 0 repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-keyvisual {
        padding-top: 6.13333vw;
        padding-bottom: 13.33333vw;
        background-size: 100% auto;
    }
}

.c-keyvisual__main {
    position: relative;
    padding-top: 52px;
}

@media screen and (max-width: 750px) {
    .c-keyvisual__main {
        padding-top: 2.66667vw;
    }
}

.c-keyvisual__main-img {
    margin-right: auto;
    margin-left: auto;
    width: 1173px;
    height: 480px;
}

@media screen and (max-width: 750px) {
    .c-keyvisual__main-img {
        width: calc((560 / 750) * 100vw);
        height: calc((984 / 750) * 100vw);
    }
}

.c-keyvisual__main-link {
    position: absolute;
    left: 50%;
    display: block;
    transform: translateX(-50%);
}

.c-keyvisual__main-link--1 {
    top: 24px;
    margin-left: -265px;
    width: 297px;
}

@media screen and (max-width: 750px) {
    .c-keyvisual__main-link--1 {
        top: calc((253 / 750) * 100vw);
        margin-left: calc((-183 / 750) * 100vw);
        width: calc((320 / 750) * 100vw);
        z-index: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-keyvisual__main-link--1 .c-img-rollover {
        margin-left: -14px;
    }
}

.c-keyvisual__main-link--2 {
    top: 24px;
    margin-left: 268px;
    width: 296px;
}

@media screen and (max-width: 750px) {
    .c-keyvisual__main-link--2 {
        top: calc((253 / 750) * 100vw);
        margin-left: calc((183 / 750) * 100vw);
        width: calc((320 / 750) * 100vw);
    }
}

@media screen and (min-width: 751px) {
    .c-keyvisual__main-link--2 .c-img-rollover {
        margin-left: 15px;
    }
}

.c-keyvisual__main-link--3 {
    bottom: -54px;
    margin-left: -395px;
    width: 287px;

}

@media screen and (max-width: 750px) {
    .c-keyvisual__main-link--3 {
        bottom: calc((257 / 750) * 100vw);
        margin-left: calc((-183 / 750) * 100vw);
        width: calc((320 / 750) * 100vw);
        z-index: 1;
    }
}

@media screen and (min-width: 751px) {
    .c-keyvisual__main-link--3 .c-img-rollover {
        margin-left: -9px;
    }
}

.c-keyvisual__main-link--4 {
    margin-left: -134px;
    bottom: -216px;
    width: 270px;
}

@media screen and (max-width: 750px) {
    .c-keyvisual__main-link--4 {
        margin-left: calc((-183 / 750) * 100vw);
        bottom: calc((23 / 750) * 100vw);
        width: calc((320 / 750) * 100vw);
        z-index: 2;
    }
}

@media screen and (min-width: 751px) {
    .c-keyvisual__main-link--4 .c-img-rollover {
        top: 116px;
        margin-left: 3px;
    }
}

.c-keyvisual__main-link--5 {
    bottom: -54px;
    margin-left: 416px;
    width: 297px;
}

@media screen and (min-width: 751px) {
    .c-keyvisual__main-link--5 .c-img-rollover {
        margin-left: 13px;
    }
}

@media screen and (max-width: 750px) {
    .c-keyvisual__main-link--5 {
        bottom: calc((259 / 750) * 100vw);
        margin-left: calc((183 / 750) * 100vw);
        width: calc((320 / 750) * 100vw);
        z-index: 1;
    }
}

.c-keyvisual__main-link--6 {
    bottom: -213px;
    margin-left: 158px;
    width: 270px;
}

@media screen and (max-width: 750px) {
    .c-keyvisual__main-link--6 {
        bottom: calc((23 / 750) * 100vw);
        margin-left: calc((183 / 750) * 100vw);
        width: calc((320 / 750) * 100vw);
        z-index: 2;
    }
}

@media screen and (min-width: 751px) {
    .c-keyvisual__main-link--6 .c-img-rollover {
        top: 116px;
        margin-left: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-keyvisual__main-link:hover .c-img-rollover img:first-of-type {
        opacity: 0;
    }
    .c-keyvisual__main-link:hover .c-img-rollover img:last-of-type {
        opacity: 1;
    }
}

.c-keyvisual__txt {
    margin-top: 292px;
    text-align: center;
    letter-spacing: -.01em;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.9;
}

@media screen and (max-width: 750px) {
    .c-keyvisual__txt {
        margin-top: 6.66667vw;
        font-size: 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-list-content
--------------------------------------------- */
.c-list-content {
    display: flex;

    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-list-content {
        display: block;
    }
}

.c-list-content__item {
    width: 266px;
}

@media screen and (max-width: 750px) {
    .c-list-content__item {
        width: 100%;
    }
}

.c-list-content__item:nth-of-type(n + 2) {
    margin-left: 71px;
}

@media screen and (max-width: 750px) {
    .c-list-content__item:nth-of-type(n + 2) {
        margin-top: 4vw;
        margin-left: 0;
    }
}

@media screen and (min-width: 751px) {
    .c-list-content__item--1 .c-list-content__img {
        padding-top: 25px;
    }
}

.c-list-content__item--1 .c-list-content__img img {
    width: 80px;
    height: 140px;
}

@media screen and (max-width: 750px) {
    .c-list-content__item--1 .c-list-content__img img {
        width: 13.33333vw;
        height: 23.33333vw;
    }
}

@media screen and (min-width: 751px) {
    .c-list-content__item--2 .c-list-content__img {
        padding-top: 16px;
    }
}

.c-list-content__item--2 .c-list-content__img img {
    width: 172px;
    height: 171px;
}

@media screen and (max-width: 750px) {
    .c-list-content__item--2 .c-list-content__img img {
        width: 25.33333vw;
        height: 25.2vw;
    }
}

@media screen and (min-width: 751px) {
    .c-list-content__item--3 .c-list-content__img {
        padding-top: 26px;
    }
}

.c-list-content__item--3 .c-list-content__img img {
    width: 154px;
    height: 126px;
}

@media screen and (max-width: 750px) {
    .c-list-content__item--3 .c-list-content__img img {
        width: 22.66667vw;
        height: 18.53333vw;
    }
}

.c-list-content__img {
    display: flex;
    height: 240px;

    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 750px) {
    .c-list-content__img {
        height: 32vw;
    }
}

.c-list-content__txt {
    letter-spacing: .035em;
    font-size: 0.90909rem;
}

@media screen and (max-width: 750px) {
    .c-list-content__txt {
        padding: 0 3.73333vw;
    }
}

/* ---------------------------------------------
*   c-section-frame
--------------------------------------------- */
.c-section-frame {
    padding: 135px 0 100px;
}

@media screen and (max-width: 750px) {
    .c-section-frame {
        padding: 18vw 6.66667% 12.66667vw;
    }
}

.c-section-frame--1 {
    background-color: #DDF2EF;
}

.c-section-frame--2 {
    padding-top: 188px;
    padding-bottom: 107px;
    background-color: #D8E8F9;
}

@media screen and (max-width: 750px) {
    .c-section-frame--2 {
        padding-top: 25.06667vw;
        padding-bottom: 12.66667vw;
    }
}

.c-section-frame--3 {
    padding-top: 148px;
    padding-bottom: 110px;
    background-color: #FFEAE3;
}

@media screen and (max-width: 750px) {
    .c-section-frame--3 {
        padding-top: 19.73333vw;
        padding-bottom: 14vw;
    }
}

.c-section-frame--4 {
    padding-bottom: 105px;
    background-color: #FFECF1;
}

@media screen and (max-width: 750px) {
    .c-section-frame--4 {
        padding-bottom: 14vw;
    }
}

.c-section-frame--5 {
    padding-top: 151px;
    padding-bottom: 95px;
    background-color: #eae8f6;
}

@media screen and (max-width: 750px) {
    .c-section-frame--5 {
        padding-top: calc((151 / 750) * 100vw);
        padding-bottom: 14vw;
    }
}

.c-section-frame--6 {
    padding-top: 148px;
    padding-bottom: 110px;
    background-color: #E0F1D3;
}

@media screen and (max-width: 750px) {
    .c-section-frame--6 {
        padding-top: 19.73333vw;
        padding-bottom: 14vw;
    }
}

/* ---------------------------------------------
*   c-section
--------------------------------------------- */
.c-section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 0 125px;
    width: 1210px;
    border: 8px solid;
    border-radius: 25px;
    background-color: #fff;
}

@media screen and (max-width: 750px) {
    .c-section {
        padding: 0 5.38462% 6.66667vw;
        width: 100%;
        border-width: 1.06667vw;
        border-radius: 3.33333vw;
    }
}

.c-section--1 {
    border-color: #36B3A1;
}

@media screen and (min-width: 751px) {
    .c-section--1 {
        padding-bottom: 75px;
    }
}

.c-section--1 .c-section__ttl::before {
    top: -29px;
    left: 7px;
    width: 182px;
    height: 164px;
    background-image: url(../img/icon_no1_1.svg);
}

@media screen and (max-width: 750px) {
    .c-section--1 .c-section__ttl::before {
        top: 0;
        left: -3.2vw;
        width: 12.26667vw;
        height: 11.06667vw;
    }
}

.c-section--1 .c-section__ttl::after {
    top: 16px;
    right: 35px;
    width: 81px;
    height: 92px;
    background-image: url(../img/icon_no1_2.svg);
}

@media screen and (max-width: 750px) {
    .c-section--1 .c-section__ttl::after {
        top: 2.4vw;
        right: -0.66667vw;
        width: 5.33333vw;
        height: 6.13333vw;
    }
}

.c-section--1 .c-section__ttl-main {
    width: 467px;
}

@media screen and (max-width: 750px) {
    .c-section--1 .c-section__ttl-main {
        width: 56vw;
    }
}

.c-section--1 .c-section__tag {
    top: -54px;
    right: 125px;
    width: 180px;
}

@media screen and (max-width: 750px) {
    .c-section--1 .c-section__tag {
        top: -4vw;
        right: 8vw;
        width: 13.33333vw;
    }
}

.c-section--1 .c-section__caption {
    margin-top: 18px;
    width: 649px;
}

@media screen and (max-width: 750px) {
    .c-section--1 .c-section__caption {
        width: 96.76923%;
    }
}

.c-section--2 {
    border-color: #2782DD;
}

@media screen and (min-width: 751px) {
    .c-section--2 {
        padding-bottom: 75px;
    }
}

.c-section--2 .c-section__ttl::before {
    top: 4px;
    left: 16px;
    width: 152px;
    height: 85px;
    background-image: url(../img/icon_no2_1.svg);
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section__ttl::before {
        top: 2.66667vw;
        left: -2.66667vw;
        width: 10.13333vw;
        height: 5.86667vw;
    }
}

.c-section--2 .c-section__ttl::after {
    top: 4px;
    right: 16px;
    width: 152px;
    height: 85px;
    background-image: url(../img/icon_no2_2.svg);
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section__ttl::after {
        top: 2.66667vw;
        right: -2.66667vw;
        width: 10.13333vw;
        height: 5.86667vw;
    }
}

.c-section--2 .c-section__ttl-main {
    width: 467px;
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section__ttl-main {
        width: 56vw;
    }
}

.c-section--2 .c-section__tag {
    top: -42px;
    right: 125px;
    width: 100px;
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section__tag {
        top: -4vw;
        right: 8vw;
        width: 10.66667vw;
    }
}

.c-section--2 .c-section__caption {
    margin-top: 20px;
    width: 566px;
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section__caption {
        width: 96.76923%;
    }
}

.c-section--3 {
    border-color: #FC6A36;
}

@media screen and (min-width: 751px) {
    .c-section--3 {
        padding-bottom: 100px;
    }
}

.c-section--3 .c-section__ttl::before {
    top: -47px;
    left: 8px;
    width: 154px;
    height: 169px;
    background-image: url(../img/icon_no3_1.svg);
}

@media screen and (max-width: 750px) {
    .c-section--3 .c-section__ttl::before {
        top: 0;
        left: -2.66667vw;
        width: 10.26667vw;
        height: 11.26667vw;
    }
}

.c-section--3 .c-section__ttl::after {
    top: 4px;
    right: 2px;
    width: 171px;
    height: 102px;
    background-image: url(../img/icon_no3_2.svg);
}

@media screen and (max-width: 750px) {
    .c-section--3 .c-section__ttl::after {
        top: 2.66667vw;
        right: -2.66667vw;
        width: 11.4vw;
        height: 6.8vw;
    }
}

.c-section--3 .c-section__ttl-main {
    width: 467px;
}

@media screen and (max-width: 750px) {
    .c-section--3 .c-section__ttl-main {
        width: 56vw;
    }
}

.c-section--3 .c-section__tag {
    top: -42px;
    right: 125px;
    width: 100px;
}

@media screen and (max-width: 750px) {
    .c-section--3 .c-section__tag {
        top: -4vw;
        right: 8vw;
        width: 10.66667vw;
    }
}

.c-section--3 .c-section__caption {
    margin-top: 17px;
    width: 558px;
}

@media screen and (max-width: 750px) {
    .c-section--3 .c-section__caption {
        width: 82.76923%;
    }
}

.c-section--4 {
    border-color: #FF3F73;
}

@media screen and (min-width: 751px) {
    .c-section--4 {
        padding-bottom: 107px;
    }
}

.c-section--4 .c-section__ttl::before {
    top: -9px;
    left: 47px;
    width: 104px;
    height: 122px;
    background-image: url(../img/icon_no4_1.svg);
}

@media screen and (max-width: 750px) {
    .c-section--4 .c-section__ttl::before {
        top: 2.66667vw;
        left: -2vw;
        width: 6.93333vw;
        height: 8.13333vw;
    }
}

.c-section--4 .c-section__ttl::after {
    top: 32px;
    right: 62px;
    width: 69px;
    height: 72px;
    background-image: url(../img/icon_no4_2.svg);
}

@media screen and (max-width: 750px) {
    .c-section--4 .c-section__ttl::after {
        top: 4vw;
        right: -2vw;
        width: 4.6vw;
        height: 4.8vw;
    }
}

.c-section--4 .c-section__ttl-main {
    width: 522px;
}

@media screen and (max-width: 750px) {
    .c-section--4 .c-section__ttl-main {
        width: 61.33333vw;
    }
}

.c-section--4 .c-section__tag {
    top: -42px;
    right: 125px;
    width: 120px;
}

@media screen and (max-width: 750px) {
    .c-section--4 .c-section__tag {
        top: -4vw;
        right: 8vw;
        width: 10.66667vw;
    }
}

.c-section--4 .c-section__caption {
    margin-top: 17px;
    width: 558px;
}

@media screen and (max-width: 750px) {
    .c-section--4 .c-section__caption {
        width: 82.76923%;
    }
}

.c-section--5 {
    border-color: #8d81cb;
}

@media screen and (min-width: 751px) {
    .c-section--5 {
        padding-bottom: 75px;
    }
}

.c-section--5 .c-section__ttl::before {
    top: -9px;
    left: 47px;
    width: 99px;
    height: 88px;
    background-image: url(../img/icon_no5.svg);
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section__ttl::before {
        top: 2.66667vw;
        left: -2vw;
        width: 6.93333vw;
        height: 8.13333vw;
    }
}

.c-section--5 .c-section__ttl::after {
    top: 32px;
    right: 62px;
    width: 72px;
    height: 52px;
    background-image: url(../img/icon_no5_2.svg);
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section__ttl::after {
        top: 4vw;
        right: -2vw;
        width: 4.6vw;
        height: 4.8vw;
    }
}

.c-section--5 .c-section__ttl-main {
    width: 533px;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section__ttl-main {
        width: 61.33333vw;
    }
}

.c-section--5 .c-section__tag {
    top: -42px;
    right: 125px;
    width: 180px;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section__tag {
        top: -5vw;
        right: 7vw;
        width: 14.16667vw;
    }
}

.c-section--5 .c-section__caption {
    margin-top: 17px;
    width: 557px;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section__caption {
        width: 82.76923%;
    }
}

.c-section--6 {
    border-color: #65B924;
}

.c-section--6 .c-section__ttl::before {
    top: -9px;
    left: -1px;
    width: 145px;
    height: 164px;
    background-image: url(../img/icon_no6_1.svg);
}

@media screen and (max-width: 750px) {
    .c-section--6 .c-section__ttl::before {
        top: 0;
        left: -2.66667vw;
        width: 10.26667vw;
        height: 11.26667vw;
    }
}

.c-section--6 .c-section__ttl::after {
    top: 5px;
    right: -20px;
    width: 180px;
    height: 135px;
    background-image: url(../img/icon_no6_2.svg);
}

@media screen and (max-width: 750px) {
    .c-section--6 .c-section__ttl::after {
        top: 2.66667vw;
        right: -2.66667vw;
        width: 11.4vw;
        height: 11.4vw;
    }
}

.c-section--6 .c-section__caption {
    margin-top: 19px;
    width: 613px;
}

@media screen and (max-width: 750px) {
    .c-section--6 .c-section__caption {
        margin-top: calc((15 / 375) * 100vw);
        width: 100%;
    }
}
.c-section__ttl {
    position: relative;
    margin-top: 126px;
}

@media screen and (max-width: 750px) {
    .c-section__ttl {
        margin-top: 14.13333vw;
    }
}

.c-section__ttl::before, .c-section__ttl::after {
    position: absolute;
    display: block;
    background: 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
}

.c-section__ttl-main {
    margin-right: auto;
    margin-left: auto;
}

.c-section__num {
    position: absolute;
    top: -107px;
    left: 50%;
    width: 180px;
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-section__num {
        top: -14.26667vw;
        width: 24vw;
    }
}

.c-section__tag {
    position: absolute;
}

.c-section__caption {
    margin-right: auto;
    margin-left: auto;
}

/*  c-section-inner
--------------------------------------------- */
.c-section-inner {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-section-inner {
        display: block;
    }
}

.c-section-inner--reverse {
    flex-direction: row-reverse;
}

.c-section--1 .c-section-inner__img {
    width: 576px;
}

@media screen and (max-width: 750px) {
    .c-section--1 .c-section-inner__img {
        width: 100%;
    }
}

.c-section--2 .c-section-inner__img {
    width: 550px;
    position: relative;
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section-inner__img {
        width: 100%;
    }
}

.c-section--2 .c-section-inner__img-content + .c-section-inner__img-content {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section-inner__img-content + .c-section-inner__img-content {
        margin-top: calc((20 / 375) * 100vw);
    }
}

.c-section--3 .c-section-inner__img {
    width: 604px;
}

@media screen and (max-width: 750px) {
    .c-section--3 .c-section-inner__img {
        width: 100%;
    }
}

.c-section--4 .c-section-inner__img {
    width: 604px;
}

@media screen and (max-width: 750px) {
    .c-section--4 .c-section-inner__img {
        width: 100%;
    }
}

.c-section--5 .c-section-inner__img {
    width: 604px;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section-inner__img {
        width: 100%;
    }
}

.c-section--6 .c-section-inner__img {
    width: 480px;
}

@media screen and (max-width: 750px) {
    .c-section--6 .c-section-inner__img {
        width: 100%;
    }
}

.c-section--1 .c-section-inner__content {
    position: relative;
    top: -2px;
    padding-left: 44px;
    width: calc(100% - 576px);
}

@media screen and (max-width: 750px) {
    .c-section--1 .c-section-inner__content {
        top: 0;
        padding-left: 0;
        width: 100%;
    }
}

.c-section--6 .c-section-inner__txt {
    width: 419px;
}

@media screen and (max-width: 750px) {
    .c-section--6 .c-section-inner__txt {
        width: 100%;
    }
}

.c-section--2 .c-section-inner__content {
    position: relative;
    top: -6px;
    padding-right: 56px;
    width: calc(100% - 556px);
}

@media screen and (max-width: 750px) {
    .c-section--2 .c-section-inner__content {
        top: 0;
        padding-right: 0;
        width: 100%;
    }
}

.c-section--3 .c-section-inner__content {
    position: relative;
    top: -10px;
    padding-left: 40px;
    width: calc(100% - 604px);
}

@media screen and (max-width: 750px) {
    .c-section--3 .c-section-inner__content {
        top: 0;
        padding-left: 0;
        width: 100%;
    }
}

.c-section--4 .c-section-inner__content {
    position: relative;
    top: -10px;
    padding-right: 40px;
    width: calc(100% - 604px);
}

@media screen and (max-width: 750px) {
    .c-section--4 .c-section-inner__content {
        top: 0;
        padding-right: 0;
        width: 100%;
    }
}

.c-section--5 .c-section-inner__content {
    position: relative;
    top: -10px;
    padding-right: 40px;
    width: calc(100% - 604px);
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section-inner__content {
        top: 0;
        padding-right: 0;
        width: 100%;
    }
}

.c-section--6 .c-section-inner__content {
    padding-left: 45px;
}

@media screen and (max-width: 750px) {
    .c-section--6 .c-section-inner__content {
        padding-left: 0;
    }
}

.c-section-inner__ttl {
    letter-spacing: -.02em;
    font-weight: 600;
    font-size: 1.63636rem;
    line-height: 1.4;
}

@media screen and (max-width: 750px) {
    .c-section-inner__ttl {
        margin-top: 4vw;
        text-align: center;
        font-size: 4.26667vw;
    }
}

.c-section--1 .c-section-inner__ttl {
    color: #36B3A1;
}

.c-section--2 .c-section-inner__ttl {
    color: #2782DD;
}

.c-section--3 .c-section-inner__ttl {
    color: #FC6A36;
    letter-spacing: .03em;
}

.c-section--4 .c-section-inner__ttl {
    color: #FF3F73;
    letter-spacing: .01em;
}

.c-section--5 .c-section-inner__ttl {
    color: #8d81cb;
    letter-spacing: .01em;
}

.c-section--6 .c-section-inner__ttl {
    color: #65B924;
    letter-spacing: .01em;
}

.c-section-inner__txt {
    margin-top: 30px;
    text-align: justify;
    letter-spacing: -.01em;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.55;
}

@media screen and (max-width: 750px) {
    .c-section-inner__txt {
        margin-top: 4vw;
    }
}

.c-section--2 .c-section-inner__txt a {
    color: #2782DD;
    text-decoration: underline;
    letter-spacing: .12em;
}

@media screen and (min-width: 751px) {
    .c-section--2 .c-section-inner__txt a:hover {
        text-decoration: none;
    }
}

.c-section-inner__logo-outer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
}

@media screen and (max-width: 750px) {
    .c-section-inner__logo-outer {
        margin-top: calc((47 / 750) * 100vw);
        justify-content: center;
    }
}

.c-section-inner__logo {
    width: 153px;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media screen and (max-width: 750px) {
    .c-section-inner__logo {
        width: calc((220 / 750) * 100vw);
    }
}

@media screen and (min-width: 751px) {
    .c-section-inner__logo:hover {
        opacity: .8;
    }
}

.c-section-inner__caption {
    display: flex;
}

.c-section-inner__caption-txt {
    display: flex;
    width: 296px;
    height: 43px;
    border-radius: 22px;
    background-color: #FF3F73;
    color: #fff;
    font-weight: 600;
    font-size: 0.90909rem;

    align-items: center;
    justify-content: center;
}

.windows .c-section-inner__caption-txt {
    padding-top: 2px;
}

@media screen and (max-width: 750px) {
    .c-section-inner__caption-txt {
        width: 100%;
        height: 5.73333vw;
        border-radius: 2.93333vw;
    }
    .windows .c-section-inner__caption-txt {
        padding-top: 0.26667vw;
    }
    .android .c-section-inner__caption-txt {
        padding-top: 0.26667vw;
    }
}

.c-section-inner__time {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-top: 19px;
}

@media screen and (max-width: 750px) {
    .c-section-inner__time {
        width: 100%;
        border-width: calc((4 / 750) * 100vw);
        border-radius: calc((30 / 750) * 100vw);
        justify-content: center;
    }
}

.c-section-inner__time-left {
    width: 115px;
    background-color: #8d81cb;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
    border: 2px solid #8d81cb;
}

@media screen and (max-width: 750px) {
    .c-section-inner__time-left {
        width: calc((150 / 750) * 100vw);
        border-top-left-radius: calc((30 / 750) * 100vw);
        border-bottom-left-radius: calc((30 / 750) * 100vw);
        border-width: calc((3 / 750) * 100vw);
    }
}

.c-section-inner__time-left-txt {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: .06em;
}

.windows .c-section-inner__time-left-txt {
    top: .16em;
}

.android .c-section-inner__time-left-txt {
    top: .1em;
}

.ie .c-section-inner__time-left-txt {
    top: .14em;
}

@media screen and (max-width: 750px) {
    .c-section-inner__time-left-txt {
        font-size: calc((28 / 750) * 100vw);
    }
}

.c-section-inner__time-right {
    padding: 0 10px;
    border: 2px solid #8d81cb;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

@media screen and (max-width: 750px) {
    .c-section-inner__time-right {
        padding: 0 calc((25 / 750) * 100vw);
        border-width: calc((3 / 750) * 100vw);
    }
}

.c-section-inner__time-right-txt {
    color: #8d81cb;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: .05em;
    position: relative;
}

.windows .c-section-inner__time-right-txt {
    top: .1em;
}

.android .c-section-inner__time-right-txt {
    top: .03em;
}

.ie .c-section-inner__time-right-txt {
    top: .05em;
}

.ios .c-section-inner__time-right-txt {
    top: .06em;
}

@media screen and (max-width: 750px) {
    .c-section-inner__time-right-txt {
        font-size: calc((30 / 750) * 100vw);
    }
}

/*  c-section-detail
--------------------------------------------- */
.c-section-detail {
    position: relative;
    margin-top: 11px;
    margin-left: auto;
    padding: 28px 22px 23px;
    width: 320px;
    border-radius: 20px;
    background-color: #E7F6F4;
}

@media screen and (max-width: 750px) {
    .c-section-detail {
        margin-top: 6.66667vw;
        padding: 3.73333vw 3.38462% 3.06667vw;
        width: 100%;
        border-radius: 2.66667vw;
    }
}

.c-section-detail::before {
    position: absolute;
    top: -10px;
    left: -5px;
    display: block;
    width: 31px;
    height: 48px;
    background: url(../img/icon_hatena.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
}

@media screen and (max-width: 750px) {
    .c-section-detail::before {
        top: -1.33333vw;
        left: -0.66667vw;
        width: 4.13333vw;
        height: 6.4vw;
    }
}

.c-section-detail__ttl {
    color: #36B3A1;
    text-align: center;
    font-weight: 600;
    font-size: 1.09091rem;
}

.c-section-detail__txt {
    margin-top: 14px;
    text-align: justify;
    letter-spacing: .025em;
    font-weight: 600;
    font-size: 0.81818rem;
    line-height: 1.6;
}

.c-section-detail__img {
    margin-top: 20px;
}

@media screen and (max-width: 750px) {
    .c-section-detail__img {
        margin-top: 4vw;
    }
}

/*  c-section-line
--------------------------------------------- */
.c-section-line {
    display: flex;
    flex-direction: row-reverse;
    padding: 28px 25px 28px 36px;
    border-radius: 18px;
    background-color: #D8E8F9;

    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-section-line {
        display: block;
        padding: 4vw 4.43262%;
        border-radius: 18px;
    }
}

.c-section-line__content {
    box-sizing: border-box;
    padding-left: 20px;
    width: calc(100% - 374px);
}

@media screen and (max-width: 750px) {
    .c-section-line__content {
        padding-left: 0;
        width: 100%;
    }
}

.c-section-line__ttl {
    position: relative;
    top: -6px;
    padding-left: 24px;
    color: #2782DD;
    text-align: center;
    font-weight: 600;
    font-size: 1.09091rem;
    line-height: 1.46;
}

@media screen and (max-width: 750px) {
    .c-section-line__ttl {
        top: 0;
        padding-left: 0;
    }
}

.c-section-line__detail {
    display: flex;
    margin-top: 21px;

    flex-wrap: wrap;
}

.c-section-line__detail-img {
    width: 100px;
}

@media screen and (max-width: 750px) {
    .c-section-line__detail-img {
        width: 29.18288%;
    }
}

.c-section-line__detail-content {
    box-sizing: border-box;
    padding-left: 12px;
    width: calc(100% - 100px);
}

@media screen and (max-width: 750px) {
    .c-section-line__detail-content {
        padding-left: 4.86381%;
        width: calc(100% - 29.18288%);
    }
}

.c-section-line__detail-content-head {
    position: relative;
    top: -6px;
    letter-spacing: -.4em;
}

.c-section-line__detail-content-ttl {
    display: inline-block;
    letter-spacing: -.055em;
    font-size: 0.72727rem;
}

.c-section-line__detail-content-name {
    display: inline-block;
    padding-left: 7px;
    letter-spacing: normal;
    font-weight: 600;
    font-size: 0.81818rem;
}

.c-section-line__detail-content-txt {
    font-size: 0.72727rem;
}

.c-section-line__img {
    width: 374px;
}

@media screen and (max-width: 750px) {
    .c-section-line__img {
        margin-top: 4vw;
        width: 100%;
    }
}

/*  c-section-content
--------------------------------------------- */
.c-section-content {
    display: flex;
    padding: 33px 30px;
    border-radius: 20px;
    background-color: #FFEDE7;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-section-content {
        padding: 4.4vw 5.31915%;
        border-radius: 2.66667vw;
    }
}

.c-section-content--reverse {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.c-section--5 .c-section-content {
    background-color: #f1f0f9;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section-content {
        padding: 4.4vw 5.31915% 8.5vw;
    }
}

.c-section-content__head {
    position: relative;
    top: 35px;
    box-sizing: border-box;
    padding-right: 30px;
    padding-left: 8px;
    width: calc(100% - 658px);
}

.c-section--5 .c-section-content__head {
    width: calc(100% - 550px);
    padding-left: 60px;
    padding-right: 18px;
    top: 25px;
}

@media screen and (max-width: 750px) {
    .c-section-content__head {
        top: 0;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }
}

.c-section--5 .c-section-content__head {
    width: calc(100% - 550px);
    padding-left: 60px;
    padding-right: 18px;
    top: 25px;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section-content__head {
        top: 0;
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }
}

.c-section-content__ttl {
    color: #FC6A36;
    text-align: center;
    font-weight: 600;
    font-size: 1.09091rem;
    line-height: 1.4;
}

.c-section--5 .c-section-content__ttl {
    color: #8d81cb;
}

.c-section-content__txt {
    margin-top: 21px;
    font-size: 0.81818rem;
    line-height: 1.6;
}

@media screen and (max-width: 750px) {
    .c-section-content__txt {
        margin-top: 2.66667vw;
    }
}

.c-section-content__img {
    display: flex;
    width: 658px;
    flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
    .c-section-content__img {
        margin-top: 4vw;
        width: 100%;
    }
}

.c-section--5 .c-section-content__img {
    display: flex;
    width: 540px;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-section-content__img {
        margin-top: 4vw;
        width: 100%;
    }
}

.c-section-content__img-item {
    width: 320px;
}

@media screen and (max-width: 750px) {
    .c-section-content__img-item {
        width: 100%;
    }
}

.c-section--5 .c-section-content__img-item {
    width: 300px;
    position: relative;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section-content__img-item {
        width: 100%;
    }
}

.c-section--5 .c-section-content__img-item:nth-of-type(2) {
    width: 215px;
}

@media screen and (max-width: 750px) {
    .c-section--5 .c-section-content__img-item:nth-of-type(2) {
        width: 100%;
    }
}

.c-section-content__img-caption {
    position: absolute;
    bottom: -15px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    font-size: 14px;
    letter-spacing: .1em;
    background-color: #8d81cb;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    padding: 5px 10px;
    width: 134px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-section-content__img-caption {
        font-size: calc((20 / 750) * 100vw);
        width: calc((250 / 750) * 100vw);
        padding: calc((10 / 750) * 100vw) calc((15 / 750) * 100vw);
        bottom: calc((-25 / 750) * 100vw);
        border-radius: calc((30 / 750) * 100vw);
    }
}

.c-section-content__img-item:nth-of-type(n + 2) {
    margin-left: 18px;
}

@media screen and (max-width: 750px) {
    .c-section-content__img-item:nth-of-type(n + 2) {
        margin-top: 4vw;
        margin-left: 0;
    }

    .c-section--5 .c-section-content__img-item:nth-of-type(n + 2) {
        margin-top: 8vw;
        margin-left: 0;
        text-align: center;
    }
}

/*  c-section-features
--------------------------------------------- */
.c-section-features__ttl {
    position: relative;
    text-align: center;
}

.c-section-features__ttl::before, .c-section-features__ttl::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 340px;
    height: 10px;
    border: 2px solid #FF3F73;
    content: '';
    transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
    .c-section-features__ttl::before, .c-section-features__ttl::after {
        width: 20vw;
        height: 0.93333vw;
        border-width: 0.26667vw;
    }
}

.c-section-features__ttl::before {
    left: 0;
}

.c-section-features__ttl::after {
    right: 0;
}

.c-section-features__ttl-item {
    letter-spacing: .1em;
    font-weight: 600;
    font-size: 1.54545rem;
}

.c-section-features__note {
    margin-top: 28px;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-section-features__note {
        margin-top: 3.73333vw;
    }
}

.c-section-features__note-inner {
    display: inline-block;
    text-align: left;
}

.c-section-features__note-txt {
    font-size: 0.81818rem;
}

.c-section-features__content {
    position: relative;
    margin-top: 68px;
    padding-top: 83px;
}

@media screen and (max-width: 750px) {
    .c-section-features__content {
        margin-top: 9.06667vw;
        padding-top: 11.06667vw;
    }
}

.c-section-features__content::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 940px;
    height: 10px;
    border: 2px solid #FF3F73;
    content: '';
    transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
    .c-section-features__content::before {
        width: 100%;
        height: 0.93333vw;
        border-width: 0.26667vw;
    }
}

.c-section-features__content-ttl {
    text-align: center;
    font-weight: 600;
    font-size: 0.90909rem;
}

.c-section-features__content-txt {
    margin-right: auto;
    margin-left: auto;
    width: 725px;
    letter-spacing: -.01em;
    font-size: 0.72727rem;
    line-height: 1.8;
}

@media screen and (max-width: 750px) {
    .c-section-features__content-txt {
        width: 100%;
    }
}

.c-section-features__content-txt a {
    padding-bottom: 2px;
    border-bottom: 2px solid #FF3F73;
    color: #FF3F73;
    font-weight: 800;
}

@media screen and (max-width: 750px) {
    .c-section-features__content-txt a {
        padding-bottom: 0.26667vw;
        border-width: 0.26667vw;
    }
}

@media screen and (min-width: 751px) {
    .c-section-features__content-txt a:hover {
        border-color: transparent;
    }
}

.c-section-features__content-logo {
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 720px;
}

@media screen and (max-width: 750px) {
    .c-section-features__content-logo {
        margin-top: 4vw;
        width: 100%;
    }
}

.c-section-features__content-img {
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    width: 377px;
}

@media screen and (max-width: 750px) {
    .c-section-features__content-img {
        margin-top: 6.66667vw;
        width: 66.84397%;
    }
}

/*  c-section-info
--------------------------------------------- */
.c-section-info {
    padding-top: 113px;
    padding-bottom: 102px;
    background: url(../img/bg_info.jpg) 50% 0 repeat;
    background-size: cover;
}

@media screen and (max-width: 750px) {
    .c-section-info {
        padding-top: 13.33333vw;
        padding-bottom: 13.33333vw;
        background-size: 100% auto;
    }
}

.c-section-info__ttl-outer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: baseline;
    align-items: baseline;
    width: 901px;
    margin: 0 auto;
}

@media screen and (max-width: 750px) {
    .c-section-info__ttl-outer {
        display: block;
        width: 100%;
    }
}

.c-section-info__ttl {
    width: 428px;
    transition: opacity 300ms;
    display: block;
}

@media screen and (max-width: 750px) {
    .c-section-info__ttl {
        display: block;
        width: calc((480 / 750) * 100vw);
        margin: 0 auto;
    }
}

.c-section-info__ttl:nth-of-type(2) {
    width: 392px;
}

@media screen and (max-width: 750px) {
    .c-section-info__ttl:nth-of-type(2) {
        width: calc((450 / 750) * 100vw);
        margin-top: calc((50 / 750) * 100vw);
        -webkit-transform: translateX(calc((13 / 750) * 100vw));
        -ms-transform: translateX(calc((13 / 750) * 100vw));
        -o-transform: translateX(calc((13 / 750) * 100vw));
        transform: translateX(calc((13 / 750) * 100vw));
    }
}


@media screen and (min-width: 751px) {
    .c-section-info__ttl:hover {
        opacity: 0.8;
    }
}

.c-section-info__bnr {
    display: block;
    margin-top: 93px;
    margin-right: auto;
    margin-left: auto;
    width: 900px;
    transition: opacity 300ms;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

@media screen and (min-width: 751px) {
    .c-section-info__bnr:hover {
        opacity: 0.8;
    }
}

@media screen and (max-width: 750px) {
    .c-section-info__bnr {
        margin-top: 9.33333vw;
        width: 90%;
    }
}

/*  c-section-cassette
--------------------------------------------- */
.c-section-cassette {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .c-section-cassette {
        display: block;
    }
}

.c-section-cassette__img {
    width: 328px;
}

@media screen and (max-width: 750px) {
    .c-section-cassette__img {
        width: 100%;
        margin-top: calc((50 / 750) * 100vw);
    }
}

.c-section-cassette__circle-outer {
    margin-inline: 5px 10px;
}

@media screen and (max-width: 750px) {
    .c-section-cassette__circle-outer{
        margin-inline: 0;
    }
}

.c-section-cassette__circle {
    width: 228px;
    height: 228px;
    border-radius: 50%;
    padding: 20px;
    background-color: #2782dd;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    text-align: center;
}

@media screen and (max-width: 750px) {
    .c-section-cassette__circle {
        width: 100%;
        height: auto;
        border-radius: calc((50 / 750) * 100vw);
        padding: calc((13 / 750) * 100vw) calc((12 / 750) * 100vw) calc((11 / 750) * 100vw);
    }
}

@media screen and (max-width: 750px) {
    .windows.edge .c-section-cassette__circle {
        width: 100%;
        height: auto;
        border-radius: calc((50 / 750) * 100vw);
        padding: calc((14 / 750) * 100vw) calc((12 / 750) * 100vw) calc((10 / 750) * 100vw);
    }
}

.c-section-cassette__circle-txt {
    font-size: 22px;
    line-height: calc((33 / 22) * 1em);
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .c-section-cassette__circle-txt {
        font-size: calc((28 / 750) * 100vw);
    }
}

.c-section-cassette__circle-note {
    margin-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    line-height: calc((24 / 14) * 1em);
    letter-spacing: 0.025em;
    font-feature-settings: 'palt';
}

@media screen and (max-width: 750px) {
    .c-section-cassette__circle-note {
        margin-top: calc((10 / 750) * 100vw);
        font-size: calc((20 / 750) * 100vw);
    }
}

/* ---------------------------------------------
*   c-ttl-keyvisual
--------------------------------------------- */
.c-ttl-keyvisual {
    margin-right: auto;
    margin-left: auto;
    width: 626px;
    height: 184px;
}

@media screen and (max-width: 750px) {
    .c-ttl-keyvisual {
        width: 85.33333%;
        height: 24.53333vw;
    }
}

/* ---------------------------------------------
*   c-txt-1
--------------------------------------------- */
.c-txt-1 {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    line-height: calc(24 / 14);
    letter-spacing: 0.025em;
    font-feature-settings: 'palt';
}

@media screen and (max-width: 750px) {
    .c-txt-1 {
        text-align: left;
        margin-top: calc((20 / 375) * 100vw);
        font-size: calc((10 / 375) * 100vw);
        line-height: 1.5;
    }
}

/* ---------------------------------------------
*   c-section-popjet
--------------------------------------------- */
.c-section-popjet {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding: 35px 60px;
    background-color: #E7F6F4;
    border-radius: 22px;
}

@media screen and (max-width: 750px) {
    .c-section-popjet {
        flex-direction: column;
        margin-top: calc((25 / 375) * 100vw);
        padding: 4.4vw 5.31915%;
        border-radius: 2.66667vw;
    }
}

.c-section-popjet__img {
    flex-shrink: 0;
    width: 500px;
}

@media screen and (max-width: 750px) {
    .c-section-popjet__img {
        margin-top: calc((15 / 375) * 100vw);
        width: 100%;
    }
}

@media screen and (max-width: 750px) {
    .c-section-popjet__img img {
        object-fit: contain;
        height: 100%;
    }
}

/* ---------------------------------------------
*   c-block-popjet
--------------------------------------------- */
.c-block-popjet {
    margin-top: 28px;
}

@media screen and (max-width: 750px) {
    .c-block-popjet {
        margin-top: 0;
    }
}

.c-block-popjet .c-section-content__ttl {
    color: #36B3A1;
}

.c-block-popjet__cat-outer {
    display: block;
    margin: 12px auto 0;
    padding: 4px 40px 3px;
    width: max-content;
    background-color: #36B3A1;
    border-radius: 21px;
}

@media screen and (max-width: 750px) {
    .c-block-popjet__cat-outer {
        margin-top: calc((5 / 375) * 100vw);
        padding: calc((3 / 375) * 100vw) calc((30 / 375) * 100vw) calc((1 / 375) * 100vw);
        border-radius: calc((21 / 375) * 100vw);
    }
}

.c-block-popjet__cat {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

@media screen and (max-width: 750px) {
    .c-block-popjet__cat {
        font-size: calc((12 / 375) * 100vw);
    }
}

.c-block-popjet__txt {
    margin: 15px 0 0 20px;
    font-size: 18px;
    line-height: calc(28 / 18);
    letter-spacing: 0.05em;
}

@media screen and (max-width: 750px) {
    .c-block-popjet__txt {
        margin-left: 0;
        margin-top: calc((15 / 375) * 100vw);
        font-size: 0.81818rem;
        font-feature-settings: 'palt';
    }
}

.c-block-popjet__note-outer {
    margin-top: 37px;
}

@media screen and (max-width: 750px) {
    .c-block-popjet__note-outer {
        margin-top: calc((10 / 375) * 100vw);
    }
}

.c-block-popjet__note {
    display: block;
    font-size: 14px;
    line-height: calc(24 / 14);
    letter-spacing: 0.025em;
}

@media screen and (max-width: 750px) {
    .c-block-popjet__note {
        font-size: calc((10 / 375) * 100vw);
    }
}

.c-block-popjet__link {
    text-decoration: underline;
}

.c-block-popjet__link:hover {
    text-decoration: none;
}

@media screen and (max-width: 750px) {
    .c-block-popjet__link:hover {
        text-decoration: underline;
    }
}

/* ---------------------------------------------
*   c-block-mamaro
--------------------------------------------- */
.c-block-mamaro {
    margin-top: 40px;
}

@media screen and (max-width: 750px) {
    .c-block-mamaro {
        margin-top: calc((20 / 375) * 100vw);
    }
}

.c-block-mamaro__inner {
    padding-block: 25px 40px;
    width: 359px;
    background-color: #F0F8E9;
    border-radius: 22px;
}

@media screen and (max-width: 750px) {
    .c-block-mamaro__inner {
        padding-block: calc((25 / 359) * 100%) calc((30 / 359) * 100%);
        width: 87%;
        border-radius: 2.66667vw;
    }
}

.c-block-mamaro__inner .c-section-content__ttl {
    margin-right: 20px;
    color: #65B924;
}

@media screen and (max-width: 750px) {
    .c-block-mamaro__inner .c-section-content__ttl {
        font-size: calc(14 / 375 * 100vw);
        margin-right: 0;
    }
}

.c-block-mamaro__img-outer {
    display: flex;
    position: relative;
    margin: 10px 24px 0 0;
}

@media screen and (max-width: 750px) {
    .c-block-mamaro__img-outer {
        margin: calc(10 / 359 * 100%) calc(45 / 359 * 100%) 0 0;
    }
}

@media screen and (max-width: 750px) {
    .c-block-mamaro__img {
        text-align: center;
    }
}

.c-block-mamaro__img--1 {
    display: block;
    margin-inline: auto;
    margin-top: 5px;
    width: 213px;
}

@media screen and (max-width: 750px) {
    .c-block-mamaro__img--1 {
        margin-top: calc((15 / 750) * 100vw);
        width: calc(153 / 374 * 100vw);
    }
}

.c-block-mamaro__img--2 {
    position: absolute;
    width: 135px;
    transform: translate(293px, -32px);
}

@media screen and (max-width: 750px) {
    .c-block-mamaro__img--2 {
        width: calc((97 / 375) * 100vw);
        transform: translate(calc(195 / 375 * 100vw), calc(-20 / 375 * 100vw));
    }
}

@media screen and (max-width: 750px) {
    .c-block-mamaro__img img {
        display: block;
        width: 100%;
        height: 100%;
    }
}


/* ==========================================================
*
*   javascript style hooks
*
========================================================== */
/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-bold {
    font-weight: 600 !important;
}

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

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

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

@media screen and (min-width: 751px) {
    .pc-hide {
        display: none !important;
    }
}

@media 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.66667vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }
    .mgt-sp--15 {
        margin-top: 2vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }
    .mgt-sp--30 {
        margin-top: 4vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }
    .mgt-sp--45 {
        margin-top: 6vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }
    .mgt-sp--60 {
        margin-top: 8vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }
    .mgt-sp--75 {
        margin-top: 10vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }
    .mgt-sp--90 {
        margin-top: 12vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }
    .mgt-sp--105 {
        margin-top: 14vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }
    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }
    .mgt-sp--120 {
        margin-top: 16vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }
    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }
    .mgt-sp--135 {
        margin-top: 18vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }
    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }
    .mgt-sp--150 {
        margin-top: 20vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }
    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }
    .mgt-sp--165 {
        margin-top: 22vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }
    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }
    .mgt-sp--180 {
        margin-top: 24vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }
    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }
    .mgt-sp--195 {
        margin-top: 26vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }
    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }
    .mgt-sp--210 {
        margin-top: 28vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }
    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }
    .mgt-sp--225 {
        margin-top: 30vw !important;
    }
    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }
    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }
    .mgt-sp--240 {
        margin-top: 32vw !important;
    }
    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }
    .mgt-sp--250 {
        margin-top: 33.33333vw !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.66667vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}