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

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

Contents:
    layout
    component
    utility
========================================================== */
/* ==========================================================
*
*   layout
*
========================================================== */
/* ---------------------------------------------
*   contents
--------------------------------------------- */
/*
#content {
    min-height: auto;
}
*/
#crumb {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    z-index: 1;
}

#crumb a {
    font-size: 1.2rem;
}

#crumb .crumb_txt {
    color: #000;
}

#crumb a:link,
#crumb a:active,
#crumb a:visited {
    color: #000;
    font-weight: 400;
}

/* ---------------------------------------------
*   footer
--------------------------------------------- */
.pagetop {
    position: fixed;
    right: 0;
    bottom: 70px;
    left: 0;
    z-index: 89;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.pagetop a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 116px 12px 0;
    padding-right: 0;
    width: 90px;
    height: 62px;
    background: url(../images/icon/icon_totop.png) no-repeat scroll right center;
    background-size: 90px 62px;
    color: transparent;
    font-size: 0;
    -webkit-transition: color 300ms, width 300ms;
    transition: color 300ms, width 300ms;
}

@media screen and (max-width: 640px) {
    .pagetop a {
        right: 0;
        padding: 12px 52px 12px 0;
        width: 45px;
        height: 40px;
        background-size: 45px 31px;
        letter-spacing: -.05em;
    }
}

.pagetop--absolute {
    position: absolute;
}

.pagetop--absolute a {
    padding: 12px 116px 12px 0;
    width: auto;
    color: #666666;
    font-size: 2.2rem;
}

.ie .pagetop--absolute a {
    padding-top: 19px;
    padding-bottom: 5px;
}

@media screen and (max-width: 640px) {
    .pagetop--absolute a {
        padding: 12px 52px 12px 0;
        font-size: 1.1rem;
    }
}

.pagetop.is-show {
    opacity: 1;
}

/* ==========================================================
*
*   component
*
========================================================== */
/* ---------------------------------------------
*   c-box-container
--------------------------------------------- */
.c-box-container {
    margin: 0 auto;
    padding-right: 30px;
    padding-left: 30px;
    min-width: 960px;
    max-width: 1160px;
}

@media screen and (max-width: 640px) {
    .c-box-container {
        padding-right: 5.33333%;
        padding-left: 5.33333%;
        min-width: 0;
    }
}

.c-box-container--narrow {
    max-width: 1020px;
}

.c-box-container--wide {
    max-width: 1220px;
}

@media screen and (max-width: 640px) {
    .c-box-container--sp-none {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ---------------------------------------------
*   c-box-contact
--------------------------------------------- */
.c-box-contact {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.c-box-contact__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-box-contact__ttl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 65px;
    background-color: #3C815C;
    color: #fff;
    letter-spacing: -.05em;
    font-size: 4rem;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-box-contact__ttl-item {
    padding-top: 17px;
}

@media screen and (max-width: 640px) {
    .c-box-contact__ttl-item {
        height: 26px;
        font-size: 1.6rem;
    }
}

.c-box-contact__content {
    padding: 55px 60px;
    background-color: #DBE9E0;
}

@media screen and (max-width: 640px) {
    .c-box-contact__content {
        padding: 8px 7px;
    }
}

.c-box-contact__content-ttl {
    margin-bottom: 8px;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 3.5rem;
}

@media screen and (max-width: 1150px) {
    .c-box-contact__content-ttl {
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 640px) {
    .c-box-contact__content-ttl {
        margin-bottom: 3px;
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 370px) {
    .c-box-contact__content-ttl {
        font-size: 1.2rem;
    }
}

.c-box-contact__content-note {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 2.2rem;
}

@media screen and (max-width: 640px) {
    .c-box-contact__content-note {
        letter-spacing: -.03em;
        font-size: 1.3rem;
    }
}

.c-box-contact__table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #8A8073;
    background-color: #fff;
}

@media screen and (max-width: 640px) {
    .c-box-contact__table {
        margin-bottom: 4px;
    }
}

.c-box-contact__table tr {
    border-bottom: 1px solid #8A8073;
}

.c-box-contact__table th {
    width: 192px;
    border-right: 1px solid #8A8073;
    font-size: 2.6rem;
}

.ie .c-box-contact__table th {
    padding-top: 8px;
}

@media screen and (max-width: 640px) {
    .c-box-contact__table th {
        width: 65px;
        height: 23px;
        font-size: 1.15rem;
    }
}

@media screen and (max-width: 370px) {
    .c-box-contact__table th {
        font-size: 1rem;
    }
}

.c-box-contact__table th p {
    text-align: center;
}

@media screen and (max-width: 640px) {
    .c-box-contact__table th p {
        line-height: 1.1;
    }
}

.c-box-contact__table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 28px;
    width: calc(100% - 192px);
    font-size: 2.6rem;
}

.ie .c-box-contact__table td {
    padding-top: 8px;
}

@media screen and (max-width: 1150px) {
    .c-box-contact__table td {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 1010px) {
    .c-box-contact__table td {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 640px) {
    .c-box-contact__table td {
        padding: 2px 4px;
        width: calc(100% - 65px);
        font-size: 1.15rem;
    }
}

@media screen and (max-width: 370px) {
    .c-box-contact__table td {
        font-size: 1rem;
    }
}

@media screen and (max-width: 640px) {
    .c-box-contact__table td p {
        line-height: 1.1;
    }
}

.c-box-contact__table td a {
    display: inline-block;
}

.c-box-contact__table-link {
    color: #0000FF;
}

.c-box-contact__table-tel {
    color: #000;
}

/* ---------------------------------------------
*   c-box-ttl
--------------------------------------------- */
.c-box-ttl {
    padding: 25px;
    border: 1px solid #fff;
}

@media screen and (max-width: 640px) {
    .c-box-ttl {
        padding: 8px;
    }
}

.c-box-ttl__item {
    padding-left: 1em;
    color: #fff;
    text-indent: -1em;
    font-size: 2.2rem;
}

@media screen and (max-width: 640px) {
    .c-box-ttl__item {
        letter-spacing: -.01em;
        font-size: 1.3rem;
        line-height: 1.35;
    }
}

/* ---------------------------------------------
*   c-box-content
--------------------------------------------- */
.c-box-content {
    padding: 90px 0;
}

@media screen and (max-width: 640px) {
    .c-box-content {
        padding: 33px 0;
    }
}

/* ---------------------------------------------
*   c-btn-circle
--------------------------------------------- */
.c-btn-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-btn-circle__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 90px;
    background-color: #E8E000;
    letter-spacing: .5em;
    font-size: 4.5rem;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-btn-circle__item {
    padding-top: 14px;
}

@media screen and (max-width: 640px) {
    .c-btn-circle__item {
        height: 36px;
        font-size: 2.1rem;
    }
}

/* ---------------------------------------------
*   c-btn-win
--------------------------------------------- */
.c-btn-win {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-btn-win--none .c-btn-win__item::after {
    display: none;
}

.c-btn-win__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 70px;
    background-color: #E8E000;
    letter-spacing: -.02em;
    font-size: 3.8rem;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-btn-win__item {
    padding-top: 8px;
}

@media screen and (max-width: 640px) {
    .c-btn-win__item {
        height: 35px;
        font-size: 1.5rem;
    }
}

.c-btn-win__item::after {
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 0;
    display: block;
    width: 48px;
    height: 42px;
    background: url(../images/icon/icon_tab_black.png) center center no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 640px) {
    .c-btn-win__item::after {
        right: 8px;
        width: 23px;
        height: 20px;
    }
}

@media screen and (max-width: 350px) {
    .c-btn-win__item::after {
        width: 16px;
        height: 15px;
    }
}

/* ---------------------------------------------
*   c-btn-foot
--------------------------------------------- */
.c-btn-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 640px) {
    .c-btn-foot {
        display: block;
    }
}

.c-btn-foot__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% / 3 - 7px);
}

@media screen and (max-width: 640px) {
    .c-btn-foot__item {
        margin-right: auto;
        margin-left: auto;
        min-width: 200px;
        width: 58.50746%;
    }
}

.c-btn-foot__item:nth-of-type(n + 2) {
    margin-left: 10px;
}

@media screen and (max-width: 640px) {
    .c-btn-foot__item:nth-of-type(n + 2) {
        margin-top: 15px;
        margin-left: auto;
    }
}

.c-btn-foot__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 123px;
    background-color: #649DE7;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 640px) {
    .c-btn-foot__link {
        min-width: 200px;
        height: 61px;
    }
}

.c-btn-foot__link-item {
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.ie .c-btn-foot__link-item {
    padding-top: 13px;
}

.c-btn-foot__link-item-small {
    display: block;
    font-size: 2.7rem;
}

@media screen and (max-width: 1230px) {
    .c-btn-foot__link-item-small {
        font-size: 2rem;
    }
}

@media screen and (max-width: 640px) {
    .c-btn-foot__link-item-small {
        font-size: 1.4rem;
    }
}

.c-btn-foot__link-item-txt {
    display: block;
    letter-spacing: -.04em;
    font-size: 3.24rem;
}

@media screen and (max-width: 1230px) {
    .c-btn-foot__link-item-txt {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 640px) {
    .c-btn-foot__link-item-txt {
        font-size: 1.65rem;
    }
}

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

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

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

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

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

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

/* ---------------------------------------------
*   c-cassette-kv
--------------------------------------------- */
.c-cassette-kv {
    padding: 67px 0 23px;
    background: url(../images/bg_keyvisual.png) center center repeat-y;
    background-size: 100% auto;
}

@media screen and (max-width: 640px) {
    .c-cassette-kv {
        padding: 15px 0 10px;
    }
}

.c-cassette-kv__item {
    margin-right: auto;
    margin-left: auto;
    max-width: 1115px;
}

@media screen and (max-width: 640px) {
    .c-cassette-kv__item {
        width: 89.73333%;
    }
}

.c-cassette-kv__item span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}

/* ---------------------------------------------
*   c-cassette-item
--------------------------------------------- */
.c-cassette-item--data {
    position: relative;
    padding: 36px 0;
}

@media screen and (min-width: 641px) {
    .c-cassette-item--data {
        top: 1px;
    }
}

@media screen and (max-width: 640px) {
    .c-cassette-item--data {
        padding: 13px 0 20px;
    }
}

@media screen and (min-width: 641px) {
    .c-cassette-item--data::before {
        position: absolute;
        top: -2px;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 3px;
        background-color: #002E0C;
        content: "";
    }
}

.c-cassette-item--before {
    position: relative;
    z-index: 1;
}

/* ---------------------------------------------
*   c-figure
--------------------------------------------- */
.c-figure {
    margin-right: auto;
    margin-left: auto;
}

.c-figure--w805 {
    width: 805px;
}

@media screen and (max-width: 640px) {
    .c-figure--w805 {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .c-figure--flow {
        width: 83.8806%;
    }
}

/* ---------------------------------------------
*   c-figure-product
--------------------------------------------- */
.c-figure-product {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 57.00521%;
}

@media screen and (max-width: 640px) {
    .c-figure-product {
        width: 90.66667%;
    }
}

.c-figure-product::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    display: block;
    max-width: 1760px;
    max-height: 1002px;
    width: 91.66667vw;
    height: 52.1875vw;
    background: url(../images/bg_campaign.png) center center no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
}

@media screen and (max-width: 640px) {
    .c-figure-product::before {
        width: 100vw;
        height: 83.06667vw;
        background: url(../images/bg_campaign_sp.png) center center no-repeat;
        background-size: 100% auto;
    }
}

/* ---------------------------------------------
*   c-figure-link
--------------------------------------------- */
.c-figure-link {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

@media screen and (max-width: 640px) {
    .c-figure-link {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-link-triangle
--------------------------------------------- */
.c-link-triangle {
    color: #03B6F5;
    text-decoration: underline;
}

@media screen and (min-width: 641px) {
    .c-link-triangle:hover {
        text-decoration: none;
    }
}

.c-link-triangle--dark {
    color: #0098E1;
}

/* ---------------------------------------------
*   c-list-item
--------------------------------------------- */
.c-list-item--black .c-list-item__txt {
    color: #000;
}

.c-list-item--gray .c-list-item__txt {
    color: #666666;
}

.c-list-item--small .c-list-item__txt {
    font-size: 2.4rem;
}

@media screen and (max-width: 640px) {
    .c-list-item--small .c-list-item__txt {
        font-size: 1.4rem;
        line-height: 1.4;
    }
}

.c-list-item--qa .c-list-item__item:nth-of-type(n + 2) {
    margin-top: 85px;
}

@media screen and (max-width: 640px) {
    .c-list-item--qa .c-list-item__item:nth-of-type(n + 2) {
        margin-top: 40px;
    }
}

.c-list-item__txt {
    padding-left: 1em;
    color: #fff;
    text-indent: -1em;
    letter-spacing: -.03em;
    font-weight: 400;
    font-size: 2.8rem;
    line-height: 1.7;
}

@media screen and (max-width: 640px) {
    .c-list-item__txt {
        font-size: 1.4rem;
        line-height: 1.6;
    }
}

/* ---------------------------------------------
*   c-list-image
--------------------------------------------- */
.c-list-image__item:nth-of-type(n + 2) {
    margin-top: 55px;
}

@media screen and (max-width: 640px) {
    .c-list-image__item:nth-of-type(n + 2) {
        margin-top: 37px;
    }
}

.c-list-image__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 0 5px 25px;
    border-bottom: 2px solid #4D4D4D;

    -webkit-box-align: center;
    align-items: center;
}

.ie .c-list-image__ttl {
    padding-bottom: 13px;
}

@media screen and (max-width: 640px) {
    .c-list-image__ttl {
        padding: 0 5px 12px;
        border-width: 1px;
    }
}

.c-list-image__ttl-icon {
    display: block;
    width: 65px;
}

@media screen and (max-width: 640px) {
    .c-list-image__ttl-icon {
        width: 35px;
    }
}

.c-list-image__ttl-icon img {
    display: block;
    width: 100%;
}

.c-list-image__ttl-item {
    display: block;
    margin-left: 20px;
    width: calc(100% - 65px - 20px);
    letter-spacing: -.05em;
    font-size: 4.4rem;
    line-height: 1.4;
}

.ie .c-list-image__ttl-item {
    padding-top: 17px;
}

@media screen and (max-width: 640px) {
    .c-list-image__ttl-item {
        margin-left: 15px;
        width: calc(100% - 35px - 15px);
        font-size: 2.1rem;
        line-height: 1.45;
    }
}

@media screen and (max-width: 640px) {
    .c-list-image__ttl-item--small {
        font-size: 1.75rem;
    }
}

.c-list-image__figure {
    margin-right: auto;
    margin-left: auto;
}

.c-list-image__figure--w736 {
    width: 66.90909%;
}

@media screen and (max-width: 640px) {
    .c-list-image__figure--w736 {
        position: relative;
        left: -2.38806%;
        width: 106.79104%;
    }
}

.c-list-image__figure--w1118 {
    width: 100%;
}

@media screen and (max-width: 640px) {
    .c-list-image__figure--w1118 {
        position: relative;
        left: 0.89552%;
        width: 102.91045%;
    }
}

/* ---------------------------------------------
*   c-list-step
--------------------------------------------- */
.c-list-step__item:nth-of-type(n + 2) {
    margin-top: 40px;
}

@media screen and (max-width: 640px) {
    .c-list-step__item:nth-of-type(n + 2) {
        margin-top: 24px;
    }
}

.c-list-step__ttl {
    margin-bottom: 15px;
    color: #FFFF00;
    font-weight: 700;
    font-size: 4.3rem;
}

@media screen and (max-width: 1070px) {
    .c-list-step__ttl {
        font-size: 3.8rem;
    }
}

@media screen and (max-width: 640px) {
    .c-list-step__ttl {
        margin-bottom: 2px;
        font-size: 1.8rem;
    }
}

/* ---------------------------------------------
*   c-list-qa
--------------------------------------------- */
.c-list-qa__ttl {
    margin-top: 43px;
    font-weight: 700;
    font-size: 2.7rem;
}

@media screen and (max-width: 640px) {
    .c-list-qa__ttl {
        margin-top: 21px;
        font-size: 1.4rem;
    }
}

.c-list-qa__ttl .c-list-qa__txt {
    color: #3C815C;
    letter-spacing: -.02em;
}

@media screen and (max-width: 640px) {
    .c-list-qa__ttl .c-list-qa__txt {
        padding-left: 1.7em;
        text-indent: -1.7em;
        letter-spacing: -.02em;
        line-height: 1.4;
    }
}

.c-list-qa__ttl:first-of-type {
    margin-top: 0;
}

.c-list-qa__content {
    font-size: 2.7rem;
}

@media screen and (max-width: 640px) {
    .c-list-qa__content {
        font-size: 1.4rem;
    }
}

.c-list-qa__content .c-list-qa__txt {
    margin-left: 4px;
    padding-left: 1.6em;
    text-indent: -1.6em;
    letter-spacing: normal;
}

@media screen and (max-width: 640px) {
    .c-list-qa__content .c-list-qa__txt {
        margin-left: 2px;
        letter-spacing: -.02em;
        line-height: 1.4;
    }
}

.c-list-qa__txt {
    padding-left: 1.8em;
    text-indent: -1.8em;
}

/* ---------------------------------------------
*   c-list-bnr
--------------------------------------------- */
.c-list-bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
}

.c-list-bnr__item {
    margin: 3px;
}

@media screen and (max-width: 640px) {
    .c-list-bnr__item {
        margin: 0;
        margin-right: 5px;
        width: calc(100% / 2 - 3px);
    }
}

@media screen and (max-width: 640px) {
    .c-list-bnr__item:nth-of-type(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 640px) {
    .c-list-bnr__item:nth-of-type(n + 3) {
        margin-top: 10px;
    }
}

.c-list-bnr__link {
    display: block;
}

/* ---------------------------------------------
*   c-section-item
--------------------------------------------- */
.c-section-item--outline {
    position: relative;
    top: -1px;
    padding: 75px 0;
}

@media screen and (max-width: 640px) {
    .c-section-item--outline {
        padding: 20px 0 15px;
    }
}

.c-section-item--outline::before {
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #002E0C;
    content: "";
}

.c-section-item--product {
    position: relative;
    padding: 90px 0 105px;
}

@media screen and (max-width: 640px) {
    .c-section-item--product {
        padding: 35px 0 27px;
    }
}

.c-section-item--subscription {
    position: relative;
    top: -1px;
    padding: 75px 0 50px;
}

@media screen and (max-width: 640px) {
    .c-section-item--subscription {
        padding: 20px 0 17px;
    }
}

.c-section-item--subscription::before {
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #002E0C;
    content: "";
}

.c-section-item__txt {
    color: #666666;
    font-weight: 400;
    font-size: 2.4rem;
}

@media screen and (max-width: 640px) {
    .c-section-item__txt {
        letter-spacing: -.04em;
        font-size: 1.4rem;
        line-height: 1.3;
    }
}

/* ---------------------------------------------
*   c-section-step
--------------------------------------------- */
.c-section-step {
    margin-top: 25px;
}

.c-section-step__heading {
    padding: 70px 0 53px;
    background-color: #3D805C;
}

@media screen and (max-width: 640px) {
    .c-section-step__heading {
        padding: 25px 0 16px;
    }
}

.c-section-step__heading-content {
    margin-left: auto;
    width: 100%;
}

.c-section-step__body {
    padding: 50px 0;
}

@media screen and (max-width: 640px) {
    .c-section-step__body {
        padding: 15px 0;
    }
}

/* ---------------------------------------------
*   c-section-frame
--------------------------------------------- */
.c-section-frame {
    padding: 65px 60px;
    background-color: #3D805C;
}

@media screen and (max-width: 640px) {
    .c-section-frame {
        padding: 20px 20px;
    }
}

/* ---------------------------------------------
*   c-selector
--------------------------------------------- */
.c-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -ms-flex-align: center;

    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
}

.c-selector__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 252px;
    width: 22.90909%;
    height: 252px;
}

@media screen and (max-width: 640px) {
    .c-selector__list {
        min-width: 0;
        min-width: 80px;
        min-height: 80px;
        width: 22.38806%;
        height: 20vw;
    }
}

.c-selector__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, from(#dbb91a), color-stop(27%, #fff4c9), color-stop(56%, #dbb91a), color-stop(85%, #ebd984), to(#c3930c));
    background: linear-gradient(to right, #dbb91a 0%, #fff4c9 27%, #dbb91a 56%, #ebd984 85%, #c3930c 100%);
    color: #002E0C;
    text-align: center;
    letter-spacing: -.07em;
    font-size: 3.9rem;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (max-width: 640px) {
    .c-selector__trigger {
        font-size: 1.25rem;
    }
}

.ie .c-selector__trigger {
    padding-top: 20px;
}

.c-selector__trigger.is-current {
    position: relative;
    background: #fff;
    color: #000;
}

.c-selector__trigger.is-current::after {
    position: absolute;
    bottom: -37px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-width: 40px 22px 0 22px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 640px) {
    .c-selector__trigger.is-current::after {
        bottom: -15px;
        border-width: 17px 8px 0 8px;
    }
}

/* ---------------------------------------------
*   c-ttl-circle
--------------------------------------------- */
.c-ttl-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-ttl-circle--gray .c-ttl-circle__txt {
    border-color: #666666;
    color: #666666;
}

.c-ttl-circle--small .c-ttl-circle__txt {
    font-size: 4rem;
}

@media screen and (max-width: 640px) {
    .c-ttl-circle--small .c-ttl-circle__txt {
        height: 43px;
        font-size: 1.7rem;
    }
}

.c-ttl-circle__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 86px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 4.7rem;

    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ie .c-ttl-circle__txt {
    padding-top: 18px;
}

@media screen and (max-width: 640px) {
    .c-ttl-circle__txt {
        height: 30px;
        border-width: 1px;
        font-size: 1.7rem;
    }
}

/* ---------------------------------------------
*   c-ttl-item
--------------------------------------------- */
.c-ttl-item {
    color: #fff;
    letter-spacing: -.01em;
    font-size: 3.3rem;
}

@media screen and (max-width: 640px) {
    .c-ttl-item {
        letter-spacing: -.02em;
        font-size: 1.65rem;
        line-height: 1.4;
    }
}

.c-ttl-item--small {
    letter-spacing: .04em;
    font-size: 3rem;
}

@media screen and (max-width: 640px) {
    .c-ttl-item--small {
        font-size: 1.4rem;
    }
}

/* ---------------------------------------------
*   c-ttl-heading
--------------------------------------------- */
.c-ttl-heading {
    color: #fff;
    text-align: center;
    letter-spacing: -.04em;
    font-size: 5rem;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.8;
}

@media screen and (max-width: 1150px) {
    .c-ttl-heading {
        font-size: 4.6rem;
    }
}

@media screen and (max-width: 1010px) {
    .c-ttl-heading {
        font-size: 4.2rem;
    }
}

@media screen and (max-width: 640px) {
    .c-ttl-heading {
        font-size: 1.55rem;
    }
}

@media screen and (max-width: 370px) {
    .c-ttl-heading {
        font-size: 1.3rem;
    }
}

/* ---------------------------------------------
*   c-ttl-product
--------------------------------------------- */
.c-ttl-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

    -webkit-box-pack: center;
    justify-content: center;
}

.c-ttl-product__txt {
    display: block;
    color: #fff;
    font-size: 7.1rem;
}

@media screen and (max-width: 640px) {
    .c-ttl-product__txt {
        font-size: 3rem;
    }
}

.c-ttl-product__txt:nth-of-type(n + 2) {
    position: relative;
    margin-left: 27px;
    padding-left: 27px;
}

@media screen and (max-width: 640px) {
    .c-ttl-product__txt:nth-of-type(n + 2) {
        margin-left: 3.58209%;
        padding-left: 3.58209%;
    }
}

.c-ttl-product__txt:nth-of-type(n + 2)::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 2px;
    height: 61px;
    background-color: #fff;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ie .c-ttl-product__txt:nth-of-type(n + 2)::before {
    top: 36%;
}

@media screen and (max-width: 640px) {
    .c-ttl-product__txt:nth-of-type(n + 2)::before {
        width: 1px;
        height: 26px;
    }
}

/* ---------------------------------------------
*   c-ttl-border
--------------------------------------------- */
.c-ttl-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;

    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 641px) {
    .c-ttl-border {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 640px) {
    .c-ttl-border {
        padding: 0;
    }
}

.c-ttl-border__image {
    display: block;
    width: 180px;
}

@media screen and (max-width: 640px) {
    .c-ttl-border__image {
        width: 60px;
    }
}

.c-ttl-border__image img {
    display: block;
    width: 100%;
}

.c-ttl-border__txt {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 28px;
    width: calc(100% - 180px - 28px);
    color: #FFFF00;
    letter-spacing: -.05em;
    font-size: 4.5rem;
}

.ie .c-ttl-border__txt {
    padding-top: 15px;
}

@media screen and (max-width: 1070px) {
    .c-ttl-border__txt {
        font-size: 4rem;
    }
}

@media screen and (max-width: 640px) {
    .c-ttl-border__txt {
        margin-left: 8px;
        padding: 4px 0;
        width: calc(100% - 60px - 8px);
        font-size: 2.25rem;
    }
}

@media screen and (max-width: 370px) {
    .c-ttl-border__txt {
        font-size: 1.9rem;
    }
}

.c-ttl-border__txt-small {
    position: relative;
    left: -13px;
    display: block;
    letter-spacing: -.02em;
    font-size: 3.3rem;
}

@media screen and (max-width: 1100px) {
    .c-ttl-border__txt-small {
        font-size: 3.1rem;
    }
}

@media screen and (max-width: 1070px) {
    .c-ttl-border__txt-small {
        font-size: 2.7rem;
    }
}

@media screen and (max-width: 640px) {
    .c-ttl-border__txt-small {
        left: 0;
        margin-top: 7px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 370px) {
    .c-ttl-border__txt-small {
        font-size: 1.1rem;
    }
}

/* ---------------------------------------------
*   c-ttl-box
--------------------------------------------- */
.c-ttl-box {
    display: inline-block;
}

.c-ttl-box__txt {
    display: block;
    padding: 2px 10px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 3rem;
}

.ie .c-ttl-box__txt {
    padding-top: 17px;
}

@media screen and (max-width: 640px) {
    .c-ttl-box__txt {
        padding: 2px 4px;
        border-width: 1px;
        font-size: 1.5rem;
    }
}

/* ---------------------------------------------
*   c-ttl-caption
--------------------------------------------- */
.c-ttl-caption {
    color: #666666;
    font-weight: 700;
    font-size: 2.4rem;
}

@media screen and (max-width: 640px) {
    .c-ttl-caption {
        font-size: 1.4rem;
    }
}

/* ---------------------------------------------
*   c-ttl-qa
--------------------------------------------- */
.c-ttl-qa {
    position: relative;
    left: -21px;
    margin-bottom: 22px;
    letter-spacing: -.04em;
    font-weight: 700;
    font-size: 4.05rem;
}

@media screen and (max-width: 640px) {
    .c-ttl-qa {
        left: -1.86667%;
        margin-bottom: 18px;
        font-size: 1.5rem;
    }
}

/* ---------------------------------------------
*   c-ttl-frame
--------------------------------------------- */
.c-ttl-frame__item {
    display: block;
    padding: 9px 5px;
    border-top: 1px solid #8A8073;
    border-bottom: 1px solid #8A8073;
    color: #8A8073;
    text-align: center;
    letter-spacing: -.03em;
    font-size: 3.5rem;
}

.ie .c-ttl-frame__item {
    padding-top: 16px;
    padding-bottom: 3px;
}

@media screen and (max-width: 1150px) {
    .c-ttl-frame__item {
        font-size: 3.2rem;
    }
}

@media screen and (max-width: 1010px) {
    .c-ttl-frame__item {
        font-size: 3rem;
    }
}

@media screen and (max-width: 640px) {
    .c-ttl-frame__item {
        padding: 11px 2px;
        text-indent: .4em;
        letter-spacing: -.05em;
        font-size: 2.05rem;
    }
}

@media screen and (max-width: 370px) {
    .c-ttl-frame__item {
        font-size: 1.7rem;
    }
}

/* ---------------------------------------------
*   c-txt-note
--------------------------------------------- */
.c-txt-note {
    padding-left: 1em;
    color: #fff;
    text-indent: -1em;
    letter-spacing: -.04em;
    font-size: 2.2rem;
}

@media screen and (max-width: 640px) {
    .c-txt-note {
        font-size: 1.3rem;
    }
}

.c-txt-note--large {
    font-size: 2.4rem;
}

@media screen and (max-width: 640px) {
    .c-txt-note--large {
        font-size: 1.4rem;
    }
}

.c-txt-note--gray {
    color: #666666;
    font-weight: 400;
}

.c-txt-note--black {
    color: #000;
}

.c-txt-note--center {
    text-align: center;
}

/* ---------------------------------------------
*   c-txt-item
--------------------------------------------- */
.c-txt-item {
    color: #fff;
    letter-spacing: -.05em;
    font-weight: 400;
    font-size: 2.8rem;
    line-height: 1.6;
}

@media screen and (max-width: 640px) {
    .c-txt-item {
        font-size: 1.4rem;
        line-height: 1.4;
    }
}

/* ==========================================================
*
*   javascript style hooks
*
========================================================== */
/* ---------------------------------------------
*   js-tab-target
--------------------------------------------- */
.js-tab-target {
    display: none;
}

.js-tab-target.is-current {
    display: block;
}

/* ---------------------------------------------
*   js-fadein
--------------------------------------------- */
.js-fadein {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.js-fadein.is-show {
    opacity: 1;
    -webkit-transition: opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    transition: opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    transition: transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.8s linear 0.4s;
    transition: transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* ---------------------------------------------
*   js-lineup
--------------------------------------------- */
.js-lineup.is-show .js-target {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.js-lineup.is-show .js-lineup-target1 {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.js-lineup.is-show .js-lineup-target2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.js-lineup.is-show .js-lineup-target3 {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.js-lineup.is-show .js-lineup-target4 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.js-target {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        -webkit-transition: opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
        transition: opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
        transition: transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.8s linear 0.4s;
        transition: transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        -webkit-transition: opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
        transition: opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
        transition: transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.8s linear 0.4s;
        transition: transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, opacity 0.8s linear 0.4s, -webkit-transform 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

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

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

@media screen and (max-width: 640px) {
    .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: 640px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 5px !important;
    }
    .mgt-sp--10 {
        margin-top: 10px !important;
    }
    .mgt-sp--15 {
        margin-top: 15px !important;
    }
    .mgt-sp--20 {
        margin-top: 20px !important;
    }
    .mgt-sp--25 {
        margin-top: 25px !important;
    }
    .mgt-sp--30 {
        margin-top: 30px !important;
    }
    .mgt-sp--35 {
        margin-top: 35px !important;
    }
    .mgt-sp--40 {
        margin-top: 40px !important;
    }
    .mgt-sp--45 {
        margin-top: 45px !important;
    }
    .mgt-sp--50 {
        margin-top: 50px !important;
    }
    .mgt-sp--55 {
        margin-top: 55px !important;
    }
    .mgt-sp--60 {
        margin-top: 60px !important;
    }
    .mgt-sp--65 {
        margin-top: 65px !important;
    }
    .mgt-sp--70 {
        margin-top: 70px !important;
    }
    .mgt-sp--75 {
        margin-top: 75px !important;
    }
    .mgt-sp--80 {
        margin-top: 80px !important;
    }
    .mgt-sp--85 {
        margin-top: 85px !important;
    }
    .mgt-sp--90 {
        margin-top: 90px !important;
    }
    .mgt-sp--95 {
        margin-top: 95px !important;
    }
    .mgt-sp--100 {
        margin-top: 100px !important;
    }
    .mgt-sp--105 {
        margin-top: 105px !important;
    }
    .mgt-sp--110 {
        margin-top: 110px !important;
    }
    .mgt-sp--115 {
        margin-top: 115px !important;
    }
    .mgt-sp--120 {
        margin-top: 120px !important;
    }
    .mgt-sp--125 {
        margin-top: 125px !important;
    }
    .mgt-sp--130 {
        margin-top: 130px !important;
    }
    .mgt-sp--135 {
        margin-top: 135px !important;
    }
    .mgt-sp--140 {
        margin-top: 140px !important;
    }
    .mgt-sp--145 {
        margin-top: 145px !important;
    }
    .mgt-sp--150 {
        margin-top: 150px !important;
    }
    .mgt-sp--155 {
        margin-top: 155px !important;
    }
    .mgt-sp--160 {
        margin-top: 160px !important;
    }
    .mgt-sp--165 {
        margin-top: 165px !important;
    }
    .mgt-sp--170 {
        margin-top: 170px !important;
    }
    .mgt-sp--175 {
        margin-top: 175px !important;
    }
    .mgt-sp--180 {
        margin-top: 180px !important;
    }
    .mgt-sp--185 {
        margin-top: 185px !important;
    }
    .mgt-sp--190 {
        margin-top: 190px !important;
    }
    .mgt-sp--195 {
        margin-top: 195px !important;
    }
    .mgt-sp--200 {
        margin-top: 200px !important;
    }
    .mgt-sp--205 {
        margin-top: 205px !important;
    }
    .mgt-sp--210 {
        margin-top: 210px !important;
    }
    .mgt-sp--215 {
        margin-top: 215px !important;
    }
    .mgt-sp--220 {
        margin-top: 220px !important;
    }
    .mgt-sp--225 {
        margin-top: 225px !important;
    }
    .mgt-sp--230 {
        margin-top: 230px !important;
    }
    .mgt-sp--235 {
        margin-top: 235px !important;
    }
    .mgt-sp--240 {
        margin-top: 240px !important;
    }
    .mgt-sp--245 {
        margin-top: 245px !important;
    }
    .mgt-sp--250 {
        margin-top: 250px !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: 640px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 5px !important;
    }
    .mgb-sp--10 {
        margin-bottom: 10px !important;
    }
    .mgb-sp--15 {
        margin-bottom: 15px !important;
    }
    .mgb-sp--20 {
        margin-bottom: 20px !important;
    }
    .mgb-sp--25 {
        margin-bottom: 25px !important;
    }
    .mgb-sp--30 {
        margin-bottom: 30px !important;
    }
    .mgb-sp--35 {
        margin-bottom: 35px !important;
    }
    .mgb-sp--40 {
        margin-bottom: 40px !important;
    }
    .mgb-sp--45 {
        margin-bottom: 45px !important;
    }
    .mgb-sp--50 {
        margin-bottom: 50px !important;
    }
    .mgb-sp--55 {
        margin-bottom: 55px !important;
    }
    .mgb-sp--60 {
        margin-bottom: 60px !important;
    }
    .mgb-sp--65 {
        margin-bottom: 65px !important;
    }
    .mgb-sp--70 {
        margin-bottom: 70px !important;
    }
    .mgb-sp--75 {
        margin-bottom: 75px !important;
    }
    .mgb-sp--80 {
        margin-bottom: 80px !important;
    }
    .mgb-sp--85 {
        margin-bottom: 85px !important;
    }
    .mgb-sp--90 {
        margin-bottom: 90px !important;
    }
    .mgb-sp--95 {
        margin-bottom: 95px !important;
    }
    .mgb-sp--100 {
        margin-bottom: 100px !important;
    }
    .mgb-sp--105 {
        margin-bottom: 105px !important;
    }
    .mgb-sp--110 {
        margin-bottom: 110px !important;
    }
    .mgb-sp--115 {
        margin-bottom: 115px !important;
    }
    .mgb-sp--120 {
        margin-bottom: 120px !important;
    }
    .mgb-sp--125 {
        margin-bottom: 125px !important;
    }
    .mgb-sp--130 {
        margin-bottom: 130px !important;
    }
    .mgb-sp--135 {
        margin-bottom: 135px !important;
    }
    .mgb-sp--140 {
        margin-bottom: 140px !important;
    }
    .mgb-sp--145 {
        margin-bottom: 145px !important;
    }
    .mgb-sp--150 {
        margin-bottom: 150px !important;
    }
    .mgb-sp--155 {
        margin-bottom: 155px !important;
    }
    .mgb-sp--160 {
        margin-bottom: 160px !important;
    }
    .mgb-sp--165 {
        margin-bottom: 165px !important;
    }
    .mgb-sp--170 {
        margin-bottom: 170px !important;
    }
    .mgb-sp--175 {
        margin-bottom: 175px !important;
    }
    .mgb-sp--180 {
        margin-bottom: 180px !important;
    }
    .mgb-sp--185 {
        margin-bottom: 185px !important;
    }
    .mgb-sp--190 {
        margin-bottom: 190px !important;
    }
    .mgb-sp--195 {
        margin-bottom: 195px !important;
    }
    .mgb-sp--200 {
        margin-bottom: 200px !important;
    }
    .mgb-sp--205 {
        margin-bottom: 205px !important;
    }
    .mgb-sp--210 {
        margin-bottom: 210px !important;
    }
    .mgb-sp--215 {
        margin-bottom: 215px !important;
    }
    .mgb-sp--220 {
        margin-bottom: 220px !important;
    }
    .mgb-sp--225 {
        margin-bottom: 225px !important;
    }
    .mgb-sp--230 {
        margin-bottom: 230px !important;
    }
    .mgb-sp--235 {
        margin-bottom: 235px !important;
    }
    .mgb-sp--240 {
        margin-bottom: 240px !important;
    }
    .mgb-sp--245 {
        margin-bottom: 245px !important;
    }
    .mgb-sp--250 {
        margin-bottom: 250px !important;
    }
}