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

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

Contents:
    layout
    component
    utility
========================================================== */
/* ==========================================================
*
*   layout
*
========================================================== */
/* ---------------------------------------------
*   contents
--------------------------------------------- */
.contents {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 768px) {
    .contents {
        width: 100%;
    }
}

.contents-pagetop {
    display: none;
}

.contents-pagetop__link {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 90;
    display: inline-block;
    width: 89px;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .contents-pagetop__link {
        right: 4.53333vw;
        bottom: 8vw;
        width: 13.33333vw;
    }
}

@media screen and (min-width: 769px) {
    .contents-pagetop__link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .contents-pagetop__link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   footer
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .footer__nav li {
        min-height: 48px;
    }
    .footer__nav li.pt {
        padding-top: 18px;
    }
}

.footer__logo {
    width: auto;
}

@media screen and (max-width: 768px) {
    .footer__logo {
        margin: 30px auto 20px;
        max-width: 100%;
    }
}

@media screen and (min-width: 769px) {
    .footer__logo-link-1 {
        display: inline-block;
        width: 87px;
        color: transparent;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .footer__logo-link-1:hover {
        opacity: 0.5;
    }
}

@media screen and (max-width: 768px) {
    .footer__logo-link-1 {
        display: block;
        margin: 0 auto;
        width: 108px;
    }
}

@media screen and (min-width: 769px) {
    .footer__logo-link-2 {
        margin-left: 55px;
        width: 229px;
        height: 32px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .footer__logo-link-2:hover {
        opacity: 0.5;
    }
}

@media screen and (max-width: 768px) {
    .footer__logo-link-2 {
        display: block;
        margin: 0 auto;
        margin-top: 7px;
        width: 223px;
    }
}

/* ---------------------------------------------
*   ltcp-header
--------------------------------------------- */
.ltcp-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    border-bottom: 1px solid #E8E8E8;
    background: #fff;
}

.ltcp-header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    margin: 0 auto;
    max-width: 1440px;
    height: 80px;

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

@media screen and (max-width: 768px) {
    .ltcp-header__container {
        width: 100%;
        height: 12vw;
    }
}

.ltcp-header__logo-left {
    margin-left: 119px;
    width: 139px;
    height: 40px;
}

@media screen and (max-width: 768px) {
    .ltcp-header__logo-left {
        margin-left: 4vw;
        width: 20.53333vw;
        height: 5.86667vw;
    }
}

.ltcp-header__logo-left img {
    width: 100%;
}

.ltcp-header__logo-right {
    margin-right: 120px;
    width: 202px;
    height: 40px;
}

@media screen and (max-width: 768px) {
    .ltcp-header__logo-right {
        margin-right: 2.93333vw;
        width: 30vw;
        height: 5.86667vw;
    }
}

.ltcp-header__logo-right img {
    width: 100%;
}

.ltcp-header__link {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.ltcp-header__link:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   kv-slider
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .kv-slider {
        padding-top: 80px;
    }
}

@media screen and (max-width: 768px) {
    .kv-slider {
        padding-top: 12vw;
    }
}

.kv-slider__container {
    margin: 0 auto;
}

.kv-slider__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;

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

.kv-slider__item {
    margin-right: 25px;
    margin-left: 25px;
    width: 750px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .kv-slider__item {
        margin-right: 0;
        margin-left: 0;
    }
}

.kv-slider__link {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.kv-slider__link:hover {
    opacity: 0.8;
}

.kv-slider__link--disabled {
    pointer-events: none;
}

/* ---------------------------------------------
*   kv-slider-2
--------------------------------------------- */
.kv-slider-2 {
    padding-top: 140px;
}

@media screen and (max-width: 768px) {
    .kv-slider-2 {
        padding-top: 12vw;
    }
}

.kv-slider-2__container {
    margin: 0 auto;
    width: 750px;
}

@media screen and (max-width: 768px) {
    .kv-slider-2__container {
        width: 100vw;
    }
}

.kv-slider-2__item {
    width: 750px;
}

@media screen and (max-width: 768px) {
    .kv-slider-2__item {
        width: 100%;
    }
}

.kv-slider-2__link {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.kv-slider-2__link:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   kv-slider-1
--------------------------------------------- */
.kv-slider-1 {
    padding-top: 140px;
}

@media screen and (max-width: 768px) {
    .kv-slider-1 {
        padding-top: 12vw;
    }
}

.kv-slider-1__container {
    margin: 0 auto;
    width: 750px;
}

@media screen and (max-width: 768px) {
    .kv-slider-1__container {
        width: 100%;
    }
}

.kv-slider-1__item {
    width: 750px;
}

@media screen and (max-width: 768px) {
    .kv-slider-1__item {
        width: 100%;
    }
}

.kv-slider-1__link {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.kv-slider-1__link:hover {
    opacity: 0.8;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 0px;
    line-height: 0px;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    color: black;
    font-size: 20px;
    font-family: "slick";
    line-height: 1;
    opacity: 0.75;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.slick-dots li button {
    display: block;
    padding: 5px;
    width: 20px;
    height: 20px;
    outline: none;
    border: 0;
    background: transparent;
    color: transparent;
    font-size: 0px;
    line-height: 0px;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    color: black;
    content: "•";
    text-align: center;
    font-size: 6px;
    font-family: "slick";
    line-height: 20px;
    opacity: 0.25;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
    height: 100%;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
#wrapper {
    overflow: hidden;
}

/* ==========================================================
*
*   component
*
========================================================== */
/* ---------------------------------------------
*   c-box-1
--------------------------------------------- */
.c-box-1 {
    padding-bottom: 48px;
    border-bottom: 2px solid #E4E4E4;
    letter-spacing: 0;
}

@media screen and (max-width: 768px) {
    .c-box-1 {
        padding-bottom: 5.8vw;
        border-width: 0.26667vw;
    }
}

.c-box-1 + .c-box-1 {
    margin-top: 48px;
}

@media screen and (max-width: 768px) {
    .c-box-1 + .c-box-1 {
        margin-top: 6.4vw;
    }
}

.c-box-1__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;

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

@media screen and (max-width: 768px) {
    .c-box-1__inner {
        display: block;
    }
}

.c-box-1__movie {
    position: relative;
    z-index: 10;
    display: block;
    width: 690px;
    border: 7px solid #fff;
    -webkit-box-shadow: 0 0 8px rgba(211, 211, 211, 0.75);
    box-shadow: 0 0 8px rgba(211, 211, 211, 0.75);
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .c-box-1__movie {
        width: 100%;
        border-width: 0.93333vw;
        -webkit-box-shadow: 0 0 1.06667vw rgba(211, 211, 211, 0.75);
        box-shadow: 0 0 1.06667vw rgba(211, 211, 211, 0.75);
    }
}

.c-box-1__txt-box {
    position: relative;
    margin-left: -30px;
    padding: 50px 40px 50px 60px;
    width: 363px;
    border-radius: 10px;
    background-color: #F7ADA1;
    color: #fff;
    letter-spacing: 0;
}

@media screen and (max-width: 768px) {
    .c-box-1__txt-box {
        margin-top: -0.5vw;
        margin-left: 0;
        padding: 5.06667vw 4vw;
        width: 100%;
        border-radius: 0 0 1.33333vw 1.33333vw;
    }
}

.c-box-1__txt-box:before {
    position: absolute;
    top: -15px;
    right: -5px;
    width: 89px;
    height: 112px;
    background: url(../img/img_star_yl_02.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 768px) {
    .c-box-1__txt-box:before {
        top: 1.73333vw;
        right: 5.06667vw;
        width: 9.33333vw;
        height: 9.46667vw;
        background: url(../img/sp/img_star_yl_02.png) 0 0 no-repeat;
        background-size: 100% auto;
    }
}

.c-box-1__txt-box--gr {
    background-color: #8AD2A6;
}

.c-box-1__store {
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .c-box-1__store {
        font-size: 2.66667vw;
        line-height: 1.1;
    }
}

.c-box-1__name {
    margin-top: 10px;
    font-weight: bold;
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .c-box-1__name {
        margin-top: 0.66667vw;
        font-size: 4.8vw;
    }
}

.c-box-1__name--s {
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    .c-box-1__name--s {
        font-size: 3.2vw;
    }
}

.c-box-1__txt-1 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.625;
}

@media screen and (max-width: 768px) {
    .c-box-1__txt-1 {
        margin-top: 1.66667vw;
        font-size: 2.93333vw;
        line-height: 1.54;
    }
}

.c-box-1__txt-2 {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.625;
}

@media screen and (max-width: 768px) {
    .c-box-1__txt-2 {
        margin-top: 6.26667vw;
        font-size: 2.93333vw;
        line-height: 1.54;
    }
}

.c-box-1__txt-3 {
    font-size: 13px;
    line-height: 1.53;
}

@media screen and (max-width: 768px) {
    .c-box-1__txt-3 {
        font-size: 2.4vw;
        line-height: 1.44;
    }
}

/* ---------------------------------------------
*   c-box-2
--------------------------------------------- */
.c-box-2 {
    margin-top: 20px;
    color: #333;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .c-box-2 {
        margin-top: 4vw;
    }
}

.c-box-2__ttl {
    position: relative;
    padding: 10px 80px 10px 10px;
    border-radius: 5px;
    background-color: #E5DFDF;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.625;
}

.ie11 .c-box-2__ttl {
    padding-top: 15px;
}

@media screen and (max-width: 768px) {
    .c-box-2__ttl {
        padding: 1.8vw 16vw 1.8vw 2.4vw;
        border-radius: 0.66667vw;
        font-size: 2.93333vw;
        line-height: 1.54;
    }
}

.c-box-2__ttl:after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
    height: 16px;
    background: url(../img/icon_plus.png) no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .c-box-2__ttl:after {
        right: 2.93333vw;
        width: 2.13333vw;
        height: 2.13333vw;
    }
}

.is-current .c-box-2__ttl:after {
    width: 16px;
    height: 3.5px;
    background: url(../img/icon_minus.png) no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 768px) {
    .is-current .c-box-2__ttl:after {
        width: 2.13333vw;
        height: 0.46667vw;
    }
}

.c-box-2__ttl--gr {
    background-color: #D7E2DB;
}

.c-box-2__body {
    display: none;
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
    .c-box-2__body {
        margin-top: 2vw;
    }
}

.c-box-2__txt {
    font-size: 16px;
    line-height: 1.625;
}

@media screen and (max-width: 768px) {
    .c-box-2__txt {
        font-size: 2.93333vw;
        line-height: 1.54;
    }
}

/* ---------------------------------------------
*   c-box-3
--------------------------------------------- */
.c-box-3 {
    margin-top: 25px;
}

@media screen and (max-width: 768px) {
    .c-box-3 {
        margin-top: 6vw;
    }
}

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

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

@media screen and (max-width: 768px) {
    .c-box-4 {
        display: block;
    }
}

.c-box-4__img {
    margin-right: 17px;
    width: 194px;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .c-box-4__img {
        margin-right: 0;
        width: 25.86667vw;
    }
}

.c-box-4__img--2 {
    width: 100px;
}

@media screen and (max-width: 768px) {
    .c-box-4__img--2 {
        width: 13.33vw;
    }
}

.c-box-4__img--3 {
    width: 76px;
}

@media screen and (max-width: 768px) {
    .c-box-4__img--3 {
        width: 10.13333vw;
    }
}

.c-box-4__store {
    margin-right: 10px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .c-box-4__store {
        display: inline-block;
        margin-top: 1.6vw;
        margin-right: 0;
        font-size: 2.93333vw;
    }
}

.c-box-4__category {
    padding: 3px 9px 2px;
    border: 1px solid #F7ADA1;
    border-radius: 5px;
    color: #F7ADA1;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;

    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

.ie11 .c-box-4__category {
    margin-bottom: 5px;
    padding-top: 5px;
}

@media screen and (max-width: 768px) {
    .c-box-4__category {
        display: inline-block;
        margin-top: 1.6vw;
        padding: 0.4vw 1.26667vw;
        border-radius: 0.66667vw;
        font-size: 2.08vw;
        -webkit-transform: translateY(-13%);
        transform: translateY(-13%);
    }
}

.c-box-4__category--gr {
    border-color: #8AD2A6;
    color: #8AD2A6;
}

/* ---------------------------------------------
*   c-box-5
--------------------------------------------- */
.c-box-5-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin-top: 15px;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .c-box-5-wrapper {
        margin-top: 2vw;
    }
}

.c-box-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 13px;
    height: 23px;
    line-height: 23px;
}

@media screen and (max-width: 768px) {
    .c-box-5 {
        -ms-flex-pack: justify;
        margin-right: auto;
        width: 41.86667vw;
        height: 4.8vw;
        line-height: 4.8vw;

        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

.c-box-5--mr {
    margin-right: 7px;
}

@media screen and (max-width: 768px) {
    .c-box-5--mr {
        margin-right: 0;
        width: 39.06667vw;
    }
}

.c-box-5__ttl {
    padding-right: 16px;
    padding-left: 16px;
    border-radius: 5px 0 0 5px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

.c-box-5__ttl--l {
    padding-right: 22px;
    padding-left: 22px;
}

.ie11 .c-box-5__ttl {
    padding-top: 2px;
}

@media screen and (max-width: 768px) {
    .c-box-5__ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        padding-right: 0;
        padding-left: 0;
        width: 14.93333vw;
        height: 4.8vw;
        border-radius: 0.66667vw 0 0 0.66667vw;
        font-size: 2.66667vw;

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

.c-box-5__txt {
    padding-right: 15px;
    padding-left: 15px;
    border: 1px solid #333;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

.ie11 .c-box-5__txt {
    padding-top: 2px;
}

@media screen and (max-width: 768px) {
    .c-box-5__txt {
        padding-right: 0;
        padding-left: 0;
        width: 26.93333vw;
        border-radius: 0 0.66667vw 0.66667vw 0;
        text-align: center;
        font-size: 2.93333vw;
    }
    .ios .c-box-5__txt {
        letter-spacing: 0;
        font-size: 2.4vw;
        line-height: 2;
    }
}

.c-box-5__tel {
    padding-right: 21px;
    padding-left: 21px;
    border: 1px solid #333;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    font-weight: bold;
    font-size: 14px;
}

.ie11 .c-box-5__tel {
    padding-top: 2px;
}

@media screen and (max-width: 768px) {
    .c-box-5__tel {
        padding-right: 0;
        padding-left: 0;
        width: 24.53333vw;
        border-radius: 0 0.66667vw 0.66667vw 0;
        text-align: center;
        letter-spacing: -.05em;
        font-size: 2.93333vw;
    }
    .ios .c-box-5__tel {
        font-size: 2.4vw;
        line-height: 2;
    }
}

.c-box-5__tel-num {
    color: #333;
    text-decoration: none;
}

.c-box-5__note {
    color: #333;
    font-size: 12px;
}

.ie11 .c-box-5__note {
    padding-top: 3px;
}

@media screen and (max-width: 768px) {
    .c-box-5__note {
        margin-top: 1.33333vw;
        font-size: 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-box-6
--------------------------------------------- */
.c-box-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    padding: 30px 20px;

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

@media screen and (max-width: 768px) {
    .c-box-6 {
        -ms-flex-pack: start;
        margin-top: 6.53333vw;
        padding: 0 0 6vw;

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

.c-box-6:first-of-type {
    margin-top: 0;
}

.c-box-6__img {
    margin-right: 40px;
    width: 152px;
}

@media screen and (max-width: 768px) {
    .c-box-6__img {
        margin-right: 4vw;
        width: 16.13333vw;
    }
}

.c-box-6__inner {
    width: 80.4%;
}

.c-box-6__ttl {
    color: #78C7C7;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .c-box-6__ttl {
        font-size: 2.66667vw;
        line-height: 1.4;
    }
}

.c-box-6__ttl--l {
    font-size: 18px;
}

@media screen and (max-width: 768px) {
    .c-box-6__ttl--l {
        display: inline-block;
        margin-top: 1.76667vw;
        font-size: 4vw;
    }
}

.c-box-6__txt {
    margin-top: 15px;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.625;
}

@media screen and (max-width: 768px) {
    .c-box-6__txt {
        margin-top: 3.33333vw;
        font-size: 2.93333vw;
        line-height: 1.54;
    }
}

.c-box-6-border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

/* ---------------------------------------------
*   c-box-gallery
--------------------------------------------- */
.c-box-gallery__ttl {
    text-align: center;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.70833;
}

@media screen and (max-width: 768px) {
    .c-box-gallery__ttl {
        font-size: 5.6vw;
        line-height: 1.69048;
    }
}

@media screen and (max-width: 768px) {
    .c-box-gallery__ttl--motherday {
        font-size: 5.33333vw;
    }
}

.c-box-gallery__txt {
    margin-top: 5px;
    text-align: center;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.72222;
}

@media screen and (max-width: 768px) {
    .c-box-gallery__txt {
        margin-top: 1.06667vw;
        font-size: 3.73333vw;
        line-height: 1.71429;
    }
}

.c-box-gallery__btn {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    padding: 21px 0;
    width: 330px;
    border-radius: 10px;
    background-color: #F4E103;
    text-align: center;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .c-box-gallery__btn {
        margin-top: 6.4vw;
        padding: 5.6vw 0;
        width: 92vw;
        border-radius: 1.33333vw;
    }
}

@media screen and (min-width: 769px) {
    .c-box-gallery__btn {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-box-gallery__btn:hover {
        opacity: 0.8;
    }
}

.c-box-gallery__btn-txt {
    color: #333;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4375;
}

@media screen and (max-width: 768px) {
    .c-box-gallery__btn-txt {
        font-size: 3.46667vw;
        line-height: 1;
    }
}

@media screen and (max-width: 768px) {
    .c-box-campaign__gallery, .c-box-gallery__gallery {
        padding-left: 4.26667vw;
    }
}

.c-box-gallery__body {
    padding-top: 53px;
}

@media screen and (max-width: 768px) {
    .c-box-gallery__body {
        padding-top: 8.13333vw;
    }
}

.c-box-campaign__body li, .c-box-gallery__body li {
    position: relative;
    width: 230px !important;
    text-align: center;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body li, .c-box-gallery__body li {
        width: 40.66667vw !important;
    }
}

.c-box-campaign__body li:nth-of-type(n+2), .c-box-gallery__body li:nth-of-type(n+2) {
    margin-left: 35px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body li:nth-of-type(n+2), .c-box-gallery__body li:nth-of-type(n+2) {
        margin-left: 2.66667vw;
    }
}

.c-box-campaign__body img, .c-box-gallery__body img {
    width: 100%;
}

.c-box-campaign__body p, .c-box-gallery__body p {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4375;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body p, .c-box-gallery__body p {
        font-size: 3.73333vw;
        line-height: 1.46429;
    }
}

.c-box-campaign__body picture, .c-box-gallery__body picture {
    width: 100%;
}

.c-box-campaign__body .xp_thumbnail, .c-box-gallery__body .xp_thumbnail {
    margin-bottom: 58px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body .xp_thumbnail, .c-box-gallery__body .xp_thumbnail {
        margin-bottom: 13.2vw;
    }
}

.c-box-campaign__body .xp_thumbnails, .c-box-gallery__body .xp_thumbnails {
    padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body .xp_thumbnails, .c-box-gallery__body .xp_thumbnails {
        padding-bottom: 2.4vw;
    }
}

body:not(.firefox) .c-box-campaign__body .xp_thumbnails::-webkit-scrollbar, body:not(.firefox) .c-box-gallery__body .xp_thumbnails::-webkit-scrollbar {
    height: 12px;
}

body:not(.firefox) .c-box-campaign__body .xp_thumbnails::-webkit-scrollbar-track, body:not(.firefox) .c-box-gallery__body .xp_thumbnails::-webkit-scrollbar-track {
    border-radius: 100px;
    background-color: #eaeaea;
    -webkit-box-shadow: inset 0 0 2px #777;
    box-shadow: inset 0 0 2px #777;
}

body:not(.firefox) .c-box-campaign__body .xp_thumbnails::-webkit-scrollbar-thumb, body:not(.firefox) .c-box-gallery__body .xp_thumbnails::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #707070;
}

.c-box-campaign__body .xp_staff_info_card, .c-box-gallery__body .xp_staff_info_card {
    display: block;
}

.c-box-campaign__body .xp_post, .c-box-gallery__body .xp_post {
    margin: 0;
    width: 100%;
}

.c-box-campaign__body .xp_staff_info_image, .c-box-gallery__body .xp_staff_info_image {
    position: absolute;
    top: 370px;
    right: 50%;
    margin-right: 0;
    width: 77px !important;
    height: 77px !important;
    border: 1px solid #CFCFCF;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body .xp_staff_info_image, .c-box-gallery__body .xp_staff_info_image {
        top: 65.06667vw;
        width: 14.26667vw !important;
        height: 14.26667vw !important;
    }
}

.c-box-campaign__body .xp_staff_info_name, .c-box-gallery__body .xp_staff_info_name {
    position: relative;
    top: 23px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body .xp_staff_info_name, .c-box-gallery__body .xp_staff_info_name {
        top: 2.93333vw;
    }
}

.c-box-campaign__body .xp_staff_info_business, .c-box-gallery__body .xp_staff_info_business {
    position: relative;
    top: -25px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body .xp_staff_info_business, .c-box-gallery__body .xp_staff_info_business {
        top: -8vw;
    }
}

.c-box-campaign__body .MuiButtonBase-root, .c-box-gallery__body .MuiButtonBase-root {
    width: 100%;
}

.c-box-campaign__body .MuiButtonBase-root.MuiIconButton-root, .c-box-gallery__body .MuiButtonBase-root.MuiIconButton-root {
    width: auto;
}

.ie .c-box-campaign__body, .ie .c-box-gallery__body {
    display: none;
}

.c-section-staff .c-box-campaign__body .xp_thumbnails, .c-section-staff .c-box-gallery__body .xp_thumbnails {
    overflow: hidden !important;
    white-space: normal !important;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px 34px;
}

@media screen and (max-width: 768px) {
    .c-section-staff .c-box-campaign__body .xp_thumbnails, .c-section-staff .c-box-gallery__body .xp_thumbnails {
        gap: 6.13333vw 5.33333vw;
    }
}

.c-section-staff .c-box-campaign__body li:nth-of-type(n+2), .c-section-staff .c-box-gallery__body li:nth-of-type(n+2) {
    margin-left: 0;
}

@media screen and (max-width: 768px) {
    .c-section-staff .c-box-campaign__body li:nth-of-type(n+2), .c-section-staff .c-box-gallery__body li:nth-of-type(n+2) {
        margin-left: 0;
    }
}

.c-section-staff .c-box-campaign__body .c-box-gallery__btn, .c-section-staff .c-box-gallery__body .c-box-gallery__btn {
    margin-top: 90px;
}

@media screen and (max-width: 768px) {
    .c-section-staff .c-box-campaign__body .c-box-gallery__btn, .c-section-staff .c-box-gallery__body .c-box-gallery__btn {
        margin-top: 17.33333vw;
    }
}

@media screen and (max-width: 768px) {
    .c-section-staff .c-box-campaign__body .c-box-gallery__gallery, .c-section-staff .c-box-gallery__body .c-box-gallery__gallery {
        padding: 0 2.66667vw;
    }
}

/* ---------------------------------------------
*   c-box-campaign
--------------------------------------------- */
.c-box-campaign__head {
    position: relative;
    text-align: center;
}

.c-box-campaign__head::before {
    position: absolute;
    top: -3px;
    left: 49%;
    width: calc(2400 / 2 * 1px);
    height: calc(1001 / 2 * 1px);
    background: url(../img_20211029/img_ashirai_campaign.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__head::before {
        top: -4.93333vw;
        left: 50%;
        width: 92.26667vw;
        height: 82vw;
        background-image: url(../img_20211029/sp/img_ashirai_campaign.png);
    }
}

.c-box-campaign__lead {
    letter-spacing: 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.6875;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__lead {
        font-size: 4.8vw;
        line-height: 1.38889;
    }
}

.c-box-campaign__ttl {
    margin-top: 39px;
    letter-spacing: .03em;
    font-weight: 700;
    font-size: 81px;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", sans-serif;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__ttl {
        margin-top: 5.2vw;
        font-size: 10.8vw;
    }
}

.c-box-campaign__ttl span {
    display: block;
    margin-top: 17px;
    letter-spacing: 0;
    font-size: 73px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__ttl span {
        margin-top: 3.2vw;
        font-size: 10.13333vw;
    }
}

.c-box-campaign__label {
    margin: 0 auto;
    margin-top: 27px;
    padding: 9px 0;
    width: 660px;
    border-radius: 38px;
    background-color: #000;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__label {
        margin-top: 4.4vw;
        padding: 1.46667vw 0;
        width: 92vw;
        border-radius: 5.06667vw;
    }
}

.c-box-campaign__label-txt {
    color: #fff;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 38px;
    line-height: 1;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__label-txt {
        font-size: 5.2vw;
    }
}

.c-box-campaign__label-txt span {
    font-size: 26px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__label-txt span {
        font-size: 3.46667vw;
    }
}

.windows .c-box-campaign__label-txt {
    position: relative;
    top: .05em;
}

.windows .c-box-campaign__label-txt {
    position: relative;
    top: .03em;
}

.c-box-campaign__txt {
    margin-top: 59px;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.68182;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__txt {
        position: relative;
        right: 1.6vw;
        margin-top: 7.33333vw;
        font-size: 3.2vw;
        line-height: 1.70833;
    }
}

.c-box-campaign__body {
    padding-top: 53px;
}

@media screen and (max-width: 768px) {
    .c-box-campaign__body {
        padding-top: 8.8vw;
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1-area {
    margin-top: 55px;
}

@media screen and (max-width: 768px) {
    .c-btn-1-area {
        margin-top: 6.66667vw;
    }
}

.c-btn-1 {
    display: block;
    margin: 0 auto;
    width: 410px;
    height: 57px;
    border: 4px solid #333;
    border-radius: 30px;
    background-color: #333;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 49px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.ie11 .c-btn-1 {
    padding-top: 5px;
}

@media screen and (max-width: 768px) {
    .c-btn-1 {
        width: 76vw;
        height: 13.33333vw;
        border-width: 0.8vw;
        border-radius: 6.66667vw;
        line-height: 11.73333vw;
    }
}

@media screen and (min-width: 769px) {
    .c-btn-1:hover {
        background-color: #fff;
        color: #333;
    }
    .c-btn-1:hover .c-btn-1__txt:before {
        opacity: 1;
    }
    .c-btn-1:hover .c-btn-1__txt:after {
        opacity: 0;
    }
}

.c-btn-1__txt {
    position: relative;
    padding-right: 15px;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 18px;
}

@media screen and (max-width: 768px) {
    .c-btn-1__txt {
        padding-right: 2vw;
        font-size: 3.46667vw;
    }
}

.c-btn-1__txt:before {
    position: absolute;
    top: 50%;
    right: -23px;
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(../img/icon_arw_bk.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .c-btn-1__txt:before {
        right: -6vw;
        width: 2.66667vw;
        height: 2.93333vw;
    }
}

.c-btn-1__txt:after {
    position: absolute;
    top: 50%;
    right: -23px;
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(../img/icon_arw_wh.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .c-btn-1__txt:after {
        right: -6vw;
        width: 2.66667vw;
        height: 2.93333vw;
    }
}

/* ---------------------------------------------
*   c-card-content
--------------------------------------------- */
.c-card-content {
    display: block;
    border: 1px solid #CBCBCB;
    cursor: pointer;
}

@media screen and (min-width: 769px) {
    .c-card-content {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-card-content:hover {
        opacity: 0.8;
    }
}

.c-card-content__title {
    margin-top: 15px;
    color: #989898;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .c-card-content__title {
        margin-top: 2.4vw;
        font-size: 2.93333vw;
    }
}

.c-card-content__caption {
    margin-top: 6px;
    color: #333;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 1.625;
}

@media screen and (max-width: 768px) {
    .c-card-content__caption {
        margin-top: 0.4vw;
        font-size: 2.93333vw;
        line-height: 1.54;
    }
}

.c-card-content__caption-link {
    color: #333;
}

@media screen and (min-width: 769px) {
    .c-card-content__caption-link {
        -webkit-transition: opacity 300ms;
        transition: opacity 300ms;
    }
    .c-card-content__caption-link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-input-content
--------------------------------------------- */
.c-input-content {
    position: relative;
    padding: 5px;
    width: 106px;
    height: 106px;
    border-radius: 50%;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
}

.c-input-content:nth-of-type(n+2) {
    margin-left: 56px;
}

@media screen and (max-width: 768px) {
    .c-input-content {
        padding: 1.06667vw;
        width: 19.46667vw;
        height: 19.46667vw;
        font-size: 3.2vw;
        line-height: 1.083;
    }
    .c-input-content:nth-of-type(n+4) {
        margin-top: 4.66667vw;
    }
    .c-input-content:nth-of-type(n+2) {
        margin-left: 4.53333vw;
    }
    .c-input-content:nth-of-type(4n) {
        margin-left: 0;
    }
}

.c-input-content input {
    display: none;
}

.c-input-content input + .c-input-content__border:hover {
    color: #fff;
}

.c-input-content input:checked + .c-input-content__border {
    color: #fff;
}

.c-input-content--all {
    background-image: url(../img/bg_circle_aq.png);
    color: #78C7C7;
}

.c-input-content--all input + .c-input-content__border:hover {
    background-color: #78C7C7;
}

.c-input-content--all input:checked + .c-input-content__border {
    background-color: #78C7C7;
}

.c-input-content--fashion {
    background-image: url(../img/bg_circle_or.png);
    color: #F7ADA1;
    letter-spacing: -.08em;
}

@media screen and (max-width: 768px) {
    .c-input-content--fashion {
        letter-spacing: -.15em;
    }
}

.c-input-content--fashion input + .c-input-content__border:hover {
    background-color: #F7ADA1;
}

.c-input-content--fashion input:checked + .c-input-content__border {
    background-color: #F7ADA1;
}

.c-input-content--meal {
    background-image: url(../img/bg_circle_yl.png);
    color: #FFC474;
}

.c-input-content--meal input + .c-input-content__border:hover {
    background-color: #FFC474;
}

.c-input-content--meal input:checked + .c-input-content__border {
    background-color: #FFC474;
}

.c-input-content--service {
    background-image: url(../img/bg_circle_gr.png);
    color: #8BD3A7;
}

.c-input-content--service input + .c-input-content__border:hover {
    background-color: #8BD3A7;
}

.c-input-content--service input:checked + .c-input-content__border {
    background-color: #8BD3A7;
}

.c-input-content--amusement {
    background-image: url(../img/bg_circle_pl.png);
    color: #B9A4D8;
    line-height: 1.3125;
}

.c-input-content--amusement input + .c-input-content__border:hover {
    background-color: #B9A4D8;
}

.c-input-content--amusement input:checked + .c-input-content__border {
    background-color: #B9A4D8;
}

.c-input-content--interior {
    background-image: url(../img/bg_circle_pk.png);
    color: #EA8BD4;
}

.c-input-content--interior input + .c-input-content__border:hover {
    background-color: #EA8BD4;
}

.c-input-content--interior input:checked + .c-input-content__border {
    background-color: #EA8BD4;
}

.c-input-content__border {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;

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

@media screen and (max-width: 768px) {
    .c-input-content__text {
        line-height: 1.2;
    }
}

.ie11 .c-input-content__text {
    padding-top: 5px;
}

.c-input-content__text--amusement {
    padding-top: 3px;
}

@media screen and (max-width: 768px) {
    .c-input-content__text--amusement {
        padding-top: 0.4vw;
    }
}

/*  c-input-content-inner
--------------------------------------------- */
.c-input-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    margin: 0 auto;
    width: 920px;

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

@media screen and (max-width: 768px) {
    .c-input-content-inner {
        width: 67.46667vw;
    }
}

/* ---------------------------------------------
*   input-content
--------------------------------------------- */
/* ---------------------------------------------
*   c-img
--------------------------------------------- */
/* ---------------------------------------------
*   c-link
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .c-link {
        text-decoration: underline;
    }
    .c-link:hover {
        text-decoration: none;
    }
}

/* ---------------------------------------------
*   c-list-content
--------------------------------------------- */
.c-list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 50px auto 0;
    width: 1024px;

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

@media screen and (max-width: 768px) {
    .c-list-content {
        margin-top: 12vw;
        width: 100%;
    }
}

.c-list-content:before {
    -ms-flex-order: 1;
    width: 472px;
    content: "";

    -webkit-box-ordinal-group: 2;
    order: 1;
}

@media screen and (max-width: 768px) {
    .c-list-content:before {
        width: 43.06667vw;
    }
}

.c-list-content__item {
    margin-top: 56px;
    width: 474px;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 768px) {
    .c-list-content__item {
        margin-top: 6vw;
        width: 100%;
    }
}

.c-list-content__item.is-first {
    margin: 0 auto;
    width: 685px;
}

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

/* ---------------------------------------------
*   c-modal
--------------------------------------------- */
.c-modal {
    margin: 0 auto;
    width: 1000px;
}

@media screen and (max-width: 768px) {
    .c-modal {
        width: 100%;
    }
}

.c-modal__container {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 50px 35px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 3px 10px 26px -7px rgba(0, 0, 0, 0.43);
    box-shadow: 3px 10px 26px -7px rgba(0, 0, 0, 0.43);
}

@media screen and (max-width: 768px) {
    .c-modal__container {
        display: block;
        padding: 8vw 7.33333vw 6.66667vw;
        width: 92vw;
    }
}

.c-modal__head {
    width: 471px;
}

@media screen and (max-width: 768px) {
    .c-modal__head {
        margin-bottom: 2.66667vw;
        width: 77.33333vw;
    }
}

.c-modal__movie {
    position: relative;
    padding-top: 56.25%;
}

.c-modal__movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.c-modal__link-area {
    padding-top: 14px;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .c-modal__link-area {
        padding-top: 2.93333vw;
    }
}

.c-modal__link {
    border-bottom: 1px solid #333;
    color: #333;
    text-decoration: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-modal__link:hover {
    opacity: 0.8;
}

.c-modal__link-txt {
    color: #333;
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .c-modal__link-txt {
        font-size: 2.66667vw;
    }
}

.c-modal__body {
    overflow-y: scroll;
    padding-left: 30px;
    max-height: 400px;
    width: 445px;
}

@media screen and (max-width: 768px) {
    .c-modal__body {
        padding-left: 0;
        max-height: 70.66667vw;
        width: 77.33333vw;
    }
}

.c-modal__txt {
    margin-bottom: 64px;
}

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

.c-modal__txt-store {
    color: #979797;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .c-modal__txt-store {
        font-size: 2.93333vw;
    }
}

.c-modal__txt-date {
    margin-bottom: 10px;
    color: #979797;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .c-modal__txt-date {
        margin-bottom: 1.33333vw;
        font-size: 2.93333vw;
    }
}

.c-modal__txt-caption {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .c-modal__txt-caption {
        font-size: 3.2vw;
    }
}

.c-modal__txt-caption--small {
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .c-modal__txt-caption--small {
        font-size: 2.93333vw;
    }
}

.c-modal__txt-content {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .c-modal__txt-content {
        margin-top: 2vw;
        font-size: 2.93333vw;
    }
}

/* ---------------------------------------------
*   c-modal-btn
--------------------------------------------- */
.c-modal-btn__list {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 390px;
}

@media screen and (max-width: 768px) {
    .c-modal-btn__list {
        margin-bottom: 2.66667vw;
        width: 72vw;
    }
}

.c-modal-btn__item {
    position: relative;
    display: block;
    width: 390px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .c-modal-btn__item {
        width: 72vw;
        font-size: 3.46667vw;
    }
}

.c-modal-btn__link {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 57px;
    border-radius: 30px;
    text-decoration: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;

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

.c-modal-btn__link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
    .c-modal-btn__link {
        height: 12vw;
    }
}

.c-modal-btn__link::after {
    position: absolute;
    top: 35%;
    right: 35px;
    width: 13px;
    height: 15px;
    content: "";
}

@media screen and (max-width: 768px) {
    .c-modal-btn__link::after {
        right: 7.2vw;
        width: 2.66667vw;
        height: 3.06667vw;
    }
}

.c-modal-btn__link--shop {
    margin-bottom: 19px;
    border: 3px solid #3EA9E4;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 14px -3px #3EA9E4;
    box-shadow: 0px 5px 14px -3px #3EA9E4;
    color: #3EA9E4;
}

@media screen and (max-width: 768px) {
    .c-modal-btn__link--shop {
        border: 0.4vw solid #3EA9E4;
        -webkit-box-shadow: 0 0.66667vw 1.86667vw -0.4vw #3EA9E4;
        box-shadow: 0 0.66667vw 1.86667vw -0.4vw #3EA9E4;
    }
}

.c-modal-btn__link--shop::after {
    background: url(../img_20211029/icon_arw_blue.svg) 0 0 no-repeat;
    background-size: 100% auto;
}

.c-modal-btn__link--andmall {
    border: 3px solid #EC6D78;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 14px -3px #EC6D78;
    box-shadow: 0px 5px 14px -3px #EC6D78;
    color: #EC6D78;
}

@media screen and (max-width: 768px) {
    .c-modal-btn__link--andmall {
        border: 0.4vw solid #EC6D78;
        -webkit-box-shadow: 0 0.66667vw 1.86667vw -0.4vw #EC6D78;
        box-shadow: 0 0.66667vw 1.86667vw -0.4vw #EC6D78;
    }
}

.c-modal-btn__link--andmall::after {
    background: url(../img_20211029/icon_arw_pink.svg) 0 0 no-repeat;
    background-size: 100% auto;
}

.c-modal-btn__txt {
    vertical-align: sub;
    text-align: center;
}

@-webkit-keyframes zoomIn1 {
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomIn1 {
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    position: relative;
    margin-top: 90px;
}

@media screen and (max-width: 768px) {
    .c-section-1 {
        margin-top: 14vw;
    }
}

.c-section-1--0515 {
    margin-top: 180px;
}

@media screen and (max-width: 768px) {
    .c-section-1--0515 {
        margin-top: 26.66667vw;
    }
}

.c-section-1--0515 .c-section-1__people--1 {
    top: -50px;
    left: 20px;
}

@media screen and (max-width: 768px) {
    .c-section-1--0515 .c-section-1__people--1 {
        top: -5.33333vw;
        left: -2.53333vw;
    }
}

.c-section-1--0515 .c-section-1__people--2 {
    top: -50px;
    right: 22px;
}

@media screen and (max-width: 768px) {
    .c-section-1--0515 .c-section-1__people--2 {
        top: -5.33333vw;
        right: -4vw;
    }
}

.c-section-1--0515 .c-section-1__people--4 {
    top: 44px;
    left: -157px;
}

.c-section-1__container {
    position: relative;
    margin: 0 auto;
    width: 686px;
}

@media screen and (max-width: 768px) {
    .c-section-1__container {
        width: 84vw;
    }
}

.c-section-1__ttl {
    text-align: center;
}

.c-section-1__lead {
    display: block;
    color: #333;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.8;
}

@media screen and (max-width: 768px) {
    .c-section-1__lead {
        font-size: 4vw;
    }
}

.c-section-1__people {
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.c-section-1__people--1 {
    top: -80px;
    left: -50px;
    width: 130px;
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1.5s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1.5s 1 normal forwards;
}

@media screen and (max-width: 768px) {
    .c-section-1__people--1 {
        top: -5.33333vw;
        left: -2.53333vw;
        width: 17.73333vw;
    }
}

.c-section-1__people--2 {
    top: -100px;
    right: -50px;
    width: 93px;
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1.7s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1.7s 1 normal forwards;
}

@media screen and (max-width: 768px) {
    .c-section-1__people--2 {
        top: -2vw;
        right: -4vw;
        width: 12.4vw;
    }
}

.c-section-1__people--3 {
    top: 35px;
    right: -227px;
    width: 177px;
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1.9s normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1.9s normal forwards;
}

.c-section-1__people--4 {
    top: 117px;
    left: -150px;
    width: 100px;
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 2.1s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 2.1s 1 normal forwards;
}

.c-section-1__people--5 {
    top: 200px;
    right: -200px;
    width: 146px;
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 2.3s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 2.3s 1 normal forwards;
}

.c-section-1--motherday {
    margin-top: 120px;
}

@media screen and (max-width: 768px) {
    .c-section-1--motherday {
        margin-top: 14vw;
    }
}

.c-section-1--motherday .c-section-1__people--1 {
    top: -72px;
    left: -15px;
}

@media screen and (max-width: 768px) {
    .c-section-1--motherday .c-section-1__people--1 {
        top: -7.6vw;
        left: -2.66667vw;
    }
}

.c-section-1--motherday .c-section-1__people--2 {
    top: -73px;
    right: 5px;
}

@media screen and (max-width: 768px) {
    .c-section-1--motherday .c-section-1__people--2 {
        top: -2vw;
        right: -3.6vw;
    }
}

.c-section-1--motherday .c-section-1__people--3 {
    top: -5px;
    right: -181px;
}

.c-section-1--motherday .c-section-1__people--4 {
    top: -6px;
    left: -163px;
}

.c-section-1--motherday .c-section-1__people--5 {
    display: none;
}

.c-section-1--pickup {
    margin-top: 120px;
}

@media screen and (max-width: 768px) {
    .c-section-1--pickup {
        margin-top: 14vw;
    }
}

.c-section-1--pickup .c-section-1__people--1 {
    top: -72px;
    left: -15px;
}

@media screen and (max-width: 768px) {
    .c-section-1--pickup .c-section-1__people--1 {
        top: -7.6vw;
        left: -2.66667vw;
    }
}

.c-section-1--pickup .c-section-1__people--2 {
    top: -73px;
    right: 5px;
}

@media screen and (max-width: 768px) {
    .c-section-1--pickup .c-section-1__people--2 {
        top: -2vw;
        right: -3.6vw;
    }
}

.c-section-1--pickup .c-section-1__people--3 {
    top: -5px;
    right: -181px;
}

.c-section-1--pickup .c-section-1__people--4 {
    top: -6px;
    left: -163px;
}

.c-section-1--pickup .c-section-1__people--5 {
    display: none;
}

.c-section-1__body {
    position: relative;
    margin: 0 auto;
    margin-top: 73px;
    width: 686px;
}

@media screen and (max-width: 768px) {
    .c-section-1__body {
        margin-top: 12vw;
        width: 84vw;
    }
}

.c-section-1__body::after {
    position: absolute;
    top: -35px;
    left: -35px;
    display: block;
    width: 140px;
    height: 140px;
    background: url(../img_20211029/img_pickup.png) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 768px) {
    .c-section-1__body::after {
        top: -4.93333vw;
        left: -4vw;
        width: 17.46667vw;

        heigth: 17.46667vw;
    }
}

.c-section-1__store {
    padding-top: 12px;
    color: #979797;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .c-section-1__store {
        padding-top: 3.06667vw;
        font-size: 2.93333vw;
    }
}

.c-section-1__date {
    color: #979797;
    font-size: 14px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .c-section-1__date {
        font-size: 2.93333vw;
    }
}

.c-section-1__date--top {
    margin-top: 12px;
    margin-bottom: 22px;
}

@media screen and (max-width: 768px) {
    .c-section-1__date--top {
        margin-top: 3.2vw;
        margin-bottom: 2.93333vw;
    }
}

.android .c-section-1__date--top {
    margin-top: 3.2vw;
    margin-bottom: 2.93333vw;
}

.androidphone .c-section-1__date--top {
    margin-top: 3.2vw;
    margin-bottom: 2.93333vw;
}

.c-section-1__txt {
    padding-top: 9px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .c-section-1__txt {
        padding-top: 2vw;
        letter-spacing: normal;
        font-size: 2.93333vw;
    }
}

/* ---------------------------------------------
*   c-section-1-slider
--------------------------------------------- */
.c-section-1-slider {
    position: relative;
}

.c-section-1-slider__item {
    position: relative;
}

.c-section-1-slider__label-link {
    position: absolute;
    top: 400px;
    right: 10px;
    z-index: 999;
    display: block;
    width: 90px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-section-1-slider__label-link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
    .c-section-1-slider__label-link {
        top: 50.66667vw;
        right: 1.33333vw;
        width: 13.33333vw;
    }
}

.c-section-1-slider__link {
    display: block;
    outline: none;
    text-decoration: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-section-1-slider__link:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    position: relative;
    margin: 0 auto;
    margin-top: 90px;
    width: 1168px;
}

@media screen and (max-width: 768px) {
    .c-section-2 {
        margin-top: 13.06667vw;
        width: auto;
    }
}

.c-section-2--top {
    margin-top: 71px;
}

@media screen and (max-width: 768px) {
    .c-section-2--top {
        margin-top: 14vw;
    }
}

.c-section-2--gallery {
    margin-top: 92px;
    width: 1024px;
    color: #000;
}

@media screen and (max-width: 768px) {
    .c-section-2--gallery {
        margin-top: 13.33333vw;
        width: 100%;
    }
}

.c-section-2--gallery .c-section-2__container {
    padding-top: 60px;
}

@media screen and (max-width: 768px) {
    .c-section-2--gallery .c-section-2__container {
        padding-top: 13.86667vw;
    }
}

.c-section-2--motherday {
    margin-top: 0px;
}

.c-section-2--motherday .c-section-2__container {
    padding-top: 0;
}

.c-section-2__border {
    margin: 0 auto;
    width: 1024px;
    border-top: 4px solid #E6E6E6;
}

@media screen and (max-width: 768px) {
    .c-section-2__border {
        width: 92vw;
        border-width: 0.53333vw;
    }
}

@media screen and (max-width: 768px) {
    .c-section-2__container {
        overflow: hidden;
    }
}

.c-section-2__container--top {
    padding-top: 60px;
}

@media screen and (max-width: 768px) {
    .c-section-2__container--top {
        padding-top: 19.2vw;
    }
}

.c-section-2__ttl {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    margin: 0 auto;
    margin-bottom: 16px;
    width: 1024px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;

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

.ie .c-section-2__ttl {
    padding-top: 8px;
}

@media screen and (max-width: 768px) {
    .c-section-2__ttl {
        margin-left: 4%;
        width: auto;
        font-size: 3.73333vw;
        line-height: 2;
    }
}

.c-section-2__ttl--fashion {
    background: #F6ACA0;
}

.c-section-2__ttl--food {
    background-color: #FFC374;
}

.ie .c-section-2__ttl--food {
    padding-top: 8px;
}

.c-section-2__ttl--goods {
    background-color: #B8A3D7;
}

.c-section-2__ttl--service {
    background-color: #8AD2A6;
}

.c-section-2__ttl--movie {
    background-color: #E98AD3;
}

.c-section-2__icon {
    display: inline-block;
    margin: 6px 20px;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.ie .c-section-2__icon {
    margin-top: 0;
    margin-bottom: 8px;
}

@media screen and (max-width: 768px) {
    .c-section-2__icon {
        margin: 0.8vw 2.66667vw;
        max-width: 100%;
    }
}

.c-section-2__icon--fashion {
    width: 27px;
    height: 28px;
    background-image: url(../img_20211029/icon_fashion.svg);
}

@media screen and (max-width: 768px) {
    .c-section-2__icon--fashion {
        width: 4.53333vw;
        height: 4.93333vw;
    }
}

.c-section-2__icon--food {
    width: 34px;
    height: 26px;
    background-image: url(../img_20211029/icon_food.svg);
}

@media screen and (max-width: 768px) {
    .c-section-2__icon--food {
        width: 5.2vw;
        height: 4.66667vw;
    }
}

.c-section-2__icon--goods {
    width: 26px;
    height: 26px;
    background-image: url(../img_20211029/icon_goods.svg);
}

@media screen and (max-width: 768px) {
    .c-section-2__icon--goods {
        width: 4.8vw;
        height: 4.8vw;
    }
}

.c-section-2__icon--service {
    width: 40px;
    height: 30px;
    background-image: url(../img_20211029/icon_service.svg);
}

@media screen and (max-width: 768px) {
    .c-section-2__icon--service {
        width: 5.33333vw;
        height: 4.8vw;
    }
}

.c-section-2__icon--movie {
    width: 28px;
    height: 26px;
    background-image: url(../img_20211029/icon_movie.svg);
}

@media screen and (max-width: 768px) {
    .c-section-2__icon--movie {
        width: 4.66667vw;
        height: 4.4vw;
    }
}

.c-section-2__store {
    margin-top: 16px;
    color: #979797;
    font-weight: bold;
    font-size: 14px;
}

.firefox .c-section-2__store {
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .c-section-2__store {
        margin-top: 3.2vw;
        font-size: 2.93333vw;
    }
}

.c-section-2__date {
    color: #979797;
    font-size: 14px;
}

.firefox .c-section-2__date {
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .c-section-2__date {
        font-size: 2.93333vw;
    }
}

.android .c-section-2__date {
    margin-top: 1.33333vw;
}

.androidphone .c-section-2__date {
    margin-top: 1.33333vw;
}

.c-section-2__date--top {
    margin-top: 16px;
}

@media screen and (max-width: 768px) {
    .c-section-2__date--top {
        margin-top: 3.2vw;
    }
}

.android .c-section-2__date--top {
    margin-top: 3.2vw;
}

.androidphone .c-section-2__date--top {
    margin-top: 3.2vw;
}

.c-section-2__txt {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 6px;
    padding-right: 5px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 768px) {
    .c-section-2__txt {
        margin-top: 1.33333vw;
        padding-right: 2.13333vw;
        font-size: 3.2vw;
    }
}

/* ---------------------------------------------
*   c-section-2-slider
--------------------------------------------- */
.c-section-2-slider {
    margin: 0 auto;
    padding-right: 52px;
    padding-left: 52px;
    width: 1168px;
}

@media screen and (max-width: 768px) {
    .c-section-2-slider {
        position: relative;
        left: -13.33333vw;
        padding-right: 0;
        padding-left: 0;
        width: 113.33333%;
    }
}

.c-section-2-slider__item {
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .c-section-2-slider__item {
        margin-right: 2.66667vw;
        margin-left: 2.66667vw;
    }
}

.c-section-2-slider__label-link {
    position: absolute;
    top: 145px;
    right: 0;
    z-index: 999;
    display: block;
    width: 44px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-section-2-slider__label-link:hover {
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
    .c-section-2-slider__label-link {
        top: 45.33333vw;
        width: 12vw;
    }
}

.c-section-2-slider__link {
    display: block;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.c-section-2-slider__link:hover {
    opacity: 0.8;
}

.c-section-2-slider__img img {
    width: 100%;
}

/* ---------------------------------------------
*   c-section-3
--------------------------------------------- */
.c-section-3 {
    position: relative;
    display: block;
    margin-top: 295px;
    padding: 328px 175px 120px;
    background: url(../img_20211029/bg_dot.png) 0 0 repeat;
    background-size: 14px auto;
}

@media screen and (max-width: 768px) {
    .c-section-3 {
        margin-top: 36vw;
        padding: 65.86667vw 4vw 20vw;
    }
}

.c-section-3__container {
    position: relative;
    margin: 0 auto;
    width: 750px;
}

@media screen and (max-width: 768px) {
    .c-section-3__container {
        width: 92vw;
    }
}

.c-section-3__ttl {
    position: absolute;
    top: -234px;
    right: 0;
    left: -170px;
    -ms-flex-pack: center;
    margin: auto;
    width: 1089px;

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

@media screen and (max-width: 768px) {
    .c-section-3__ttl {
        top: -46.66667vw;
        left: 0;
        width: 92.53333vw;
    }
}

.c-section-3__txt {
    display: block;
    margin: 0 auto;
    width: 770px;
    color: #333;
    text-align: center;
    letter-spacing: -0.02em;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
}

@media screen and (max-width: 768px) {
    .c-section-3__txt {
        width: 100%;
        text-align: left;
        font-size: 3.73333vw;
    }
}

.c-section-3__body {
    position: relative;
    margin: 0 auto;
    padding-top: 84px;
    width: 750px;
}

@media screen and (max-width: 768px) {
    .c-section-3__body {
        padding-top: 13.33333vw;
        width: 100%;
    }
}

.c-section-3__bnr-txt {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    margin: 0 auto;
    padding-bottom: 15px;
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 18px;

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

@media screen and (max-width: 768px) {
    .c-section-3__bnr-txt {
        padding-bottom: 2.66667vw;
        font-size: 3.73333vw;
    }
}

.c-section-3__bnr-deco--left {
    margin-right: 18px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

@media screen and (max-width: 768px) {
    .c-section-3__bnr-deco--left {
        margin-right: 3.33333vw;
    }
}

.c-section-3__bnr-deco--right {
    margin-left: 8px;
}

@media screen and (max-width: 768px) {
    .c-section-3__bnr-deco--right {
        margin-left: 1.33333vw;
    }
}

.c-section-3__bnr-link {
    display: block;
    margin: 0 auto;
    width: 750px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-section-3__bnr-link:hover {
    opacity: 0.8;
}

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

.c-section-3__people {
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.c-section-3__people--6 {
    top: -420px;
    left: -17px;
    width: 205px;
}

.is-animated .c-section-3__people--6 {
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1 normal forwards;
}

@media screen and (max-width: 768px) {
    .c-section-3__people--6 {
        top: -73.33333vw;
        left: 4vw;
        width: 27.33333vw;
    }
}

.c-section-3__people--7 {
    top: -406px;
    right: 8px;
    width: 174px;
}

.is-animated .c-section-3__people--7 {
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.2s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.2s 1 normal forwards;
}

@media screen and (max-width: 768px) {
    .c-section-3__people--7 {
        top: -75.46667vw;
        right: 6.13333vw;
        width: 23.2vw;
    }
}

.c-section-3__people--8 {
    top: 17px;
    left: -175px;
    width: 177px;
}

.is-animated .c-section-3__people--8 {
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.4s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.4s 1 normal forwards;
}

@media screen and (max-width: 768px) {
    .c-section-3__people--8 {
        top: 107.86667vw;
        left: 16.26667vw;
        width: 59.73333vw;
    }
}

.c-section-3__people--9 {
    top: 13px;
    right: -230px;
    width: 182px;
}

.is-animated .c-section-3__people--9 {
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.6s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.6s 1 normal forwards;
}

.c-section-3__people--10 {
    bottom: -194px;
    left: -32px;
    width: 221px;
}

.is-animated .c-section-3__people--10 {
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 1 normal forwards;
}

@media screen and (max-width: 768px) {
    .c-section-3__people--10 {
        bottom: -30.53333vw;
        left: 6.93333vw;
        width: 29.46667vw;
    }
}

.c-section-3__people--11 {
    right: -22px;
    bottom: -240px;
    width: 200px;
}

.is-animated .c-section-3__people--11 {
    -webkit-animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.2s 1 normal forwards;
    animation: zoomIn1 0.65s cubic-bezier(0.17, 0.67, 0.48, 1.25) 0.2s 1 normal forwards;
}

@media screen and (max-width: 768px) {
    .c-section-3__people--11 {
        right: 13.33333vw;
        bottom: -32.66667vw;
        width: 26.66667vw;
    }
}

/* ---------------------------------------------
*   c-section-4
--------------------------------------------- */
.c-section-4 {
    margin-bottom: 124px;
}

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

.c-section-4__container {
    margin: 0 auto;
    width: 750px;
}

@media screen and (max-width: 768px) {
    .c-section-4__container {
        width: 92vw;
    }
}

.c-section-4__bnr-list {
    padding-top: 194px;
}

@media screen and (max-width: 768px) {
    .c-section-4__bnr-list {
        padding-top: 32.4vw;
    }
}

.c-section-4__item {
    margin: 0 auto;
    padding-bottom: 32px;
    width: 750px;
}

@media screen and (max-width: 768px) {
    .c-section-4__item {
        padding-bottom: 6.66667vw;
        width: 92vw;
    }
}

.c-section-4__link {
    display: block;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.c-section-4__link:hover {
    opacity: 0.8;
}

/* ---------------------------------------------
*   c-section-staff
--------------------------------------------- */
.c-section-staff {
    padding-top: 121px;
    padding-bottom: 74px;
}

@media screen and (max-width: 768px) {
    .c-section-staff {
        padding-top: 19.73333vw;
        padding-bottom: 18vw;
    }
}

.c-section-staff__container {
    margin: 0 auto;
    width: 1024px;
}

@media screen and (max-width: 768px) {
    .c-section-staff__container {
        width: 92vw;
    }
}

/* ---------------------------------------------
*   c-section-campaign
--------------------------------------------- */
.c-section-campaign {
    margin-top: 94px;
    padding-top: 120px;
    padding-bottom: 99px;
    background-color: #FFDEE2;
    background-image: url(../img_20211029/bg_campaign.png);
    background-size: calc(101 / 2 * 1px) calc(75 / 2 * 1px);
    background-repeat: repeat;
    color: #000;
}

@media screen and (max-width: 768px) {
    .c-section-campaign {
        margin-top: 12.53333vw;
        padding-top: 15.46667vw;
        padding-bottom: 21.86667vw;
    }
}

.c-section-campaign__container {
    margin: 0 auto;
    width: 1024px;
}

@media screen and (max-width: 768px) {
    .c-section-campaign__container {
        width: 100%;
    }
}

/* ---------------------------------------------
*   c-ttl
--------------------------------------------- */
.c-ttl {
    font-weight: bold;
    font-size: 2rem;
}

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

/* ---------------------------------------------
*   c-txt
--------------------------------------------- */
.c-txt {
    font-size: 0.875rem;
}

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

.c-txt__strong {
    text-decoration: underline;
    font-weight: bold;
}

.c-txt__italic {
    font-style: italic;
}

/* ==========================================================
*
*   javascript style hooks
*
========================================================== */
.js-tel-disabled {
    pointer-events: none;
}

/* Magnific Popup CSS */
.mfp-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1042;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #CCCCCC;
    opacity: 0.95;
}

.mfp-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1043;
    width: 100%;
    height: 100%;
    outline: none !important;

    -webkit-backface-visibility: hidden;
}

.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    z-index: 1045;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: left;
}

.iphone.safari .mfp-content {
    -webkit-transform: translateY(-2.66667vw);
    transform: translateY(-2.66667vw);
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    position: absolute;
    top: 50%;
    right: 8px;
    left: 8px;
    z-index: 1044;
    margin-top: -0.8em;
    width: auto;
    color: #CCC;
    text-align: center;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    z-index: 1046;
    display: block;
    overflow: visible;
    padding: 0;
    outline: none;
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;

    -webkit-appearance: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.mfp-close {
    position: absolute;
    bottom: -43px;
    left: 50%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    border-bottom: 2px solid #333;
    color: #333;
    text-align: center;
    font-size: 26px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

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

@media screen and (max-width: 768px) {
    button.mfp-close {
        bottom: -8vw;
        border-bottom: 1px solid #333;
        font-size: 4.66667vw;
    }
}

.mfp-close:hover,
.mfp-close:focus {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.mfp-close:hover:hover,
.mfp-close:focus:hover {
    opacity: 0.8;
}

.mfp-close:before {
    display: inline-block;
    margin-right: 10px;
    width: 18px;
    height: 18px;
    background: url(../img_20211029/icon_close.svg) 0 0 no-repeat;
    background-size: 100% auto;
    content: "";
}

@media screen and (max-width: 768px) {
    .mfp-close:before {
        margin-right: 1.06667vw;
        width: 3.06667vw;
        height: 3.06667vw;
    }
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: -6px;
    padding-right: 6px;
    color: #333;
    text-align: right;
}

.iphone a .mfp-close {
    color: #333;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    opacity: 0.65;

    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin-top: 35px;
    margin-left: 35px;
    width: 0;
    height: 0;
    border: medium inset transparent;
    content: '';
}

.mfp-arrow:after {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    margin-left: 31px;
    border-right: 17px solid #FFF;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    margin-left: 39px;
    border-left: 17px solid #FFF;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 150px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 900px;
    width: 100%;
    line-height: 0;
}

.mfp-iframe-holder .mfp-close {
    bottom: -43px;
    left: 50%;
}

.mfp-iframe-scaler {
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
    height: 0;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Main image in popup */
img.mfp-img {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 0 40px;
    max-width: 100%;
    width: auto;
    height: auto;
    line-height: 0;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    z-index: -1;
    display: block;
    width: auto;
    height: auto;
    background: #444;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    content: '';
}

.mfp-figure small {
    display: block;
    color: #BDBDBD;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -36px;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    padding-right: 36px;
    color: #F3F3F3;
    text-align: left;
    word-wrap: break-word;
    line-height: 18px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-right: 0;
        padding-left: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, 0.6);
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }
    .mfp-img-mobile .mfp-close {
        position: fixed;
        top: 0;
        right: 0;
        padding: 0;
        width: 35px;
        height: 35px;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        line-height: 35px;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-right: 6px;
        padding-left: 6px;
    }
}

@media screen and (max-width: 767px) {
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
        right: -1vw;
        padding-right: 0;
        width: 11.33333vw;
    }
    .mfp-iframe-holder .mfp-close {
        top: -12vw;
    }
    .mfp-close:after {
        width: 9vw;
        height: 1vw;
    }
}

/*  js-fade
--------------------------------------------- */
.js-fade {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.js-fade.is-animated {
    opacity: 1;
}

/*  js-fadein
--------------------------------------------- */
.js-fadein {
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.js-fadein.is-animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* ---------------------------------------------
*   slick
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .is-few .slick-track {
        margin-left: 0;
    }
}

.slick-dots {
    top: calc(100% + 20px);
    bottom: auto;
}

@media screen and (max-width: 768px) {
    .slick-dots {
        top: calc(100% + 15px);
    }
}

.slick-dots li {
    margin: 0 8px;
    width: 12px;
    height: 12px;
    vertical-align: top;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.slick-dots li:hover {
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
    .slick-dots li {
        margin: 0 1.06667vw;
        width: 1.6vw;
        height: 1.6vw;
    }
}

.slick-dots li button {
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #CFCFCF;
}

.slick-dots li button::before {
    display: none;
}

.slick-dots li.slick-active button {
    background-color: #000;
}

.slick-prev,
.slick-next {
    width: 32px;
    height: 32px;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

.slick-prev:hover,
.slick-next:hover {
    opacity: 0.8;
}

.slick-prev::before,
.slick-next::before {
    display: none;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
    background-image: url(../img_20211029/icon_arw_left.svg);
}

.slick-next,
.slick-next:hover,
.slick-next:focus {
    background-image: url(../img_20211029/icon_arw_right.svg);
}

/* ==========================================================
*
*   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: 769px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .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: 768px) {
    .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: 768px) {
    .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;
    }
}



