@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
.l-contents {
    padding-top: 89px;
}
@media screen and (max-width: 768px) {
    .l-contents {
        padding-top: 68px;
    }
}
.l-contents--parallax {
    padding-top: 100vh;
    padding-top: 100dvh;
}
@media screen and (max-width: 768px) {
    .l-contents--parallax {
        padding-top: 178.1333333333vw;
    }
}

/* ---------------------------------------------
*   l-footer
--------------------------------------------- */
.l-footer__container {
    padding: 54px 0 41px;
    background-color: #E2E2E2;
}
@media screen and (max-width: 768px) {
    .l-footer__container {
        display: flex;
        flex-direction: column-reverse;
        background-color: #5A5A5A;
        padding-top: 60px;
        padding-bottom: 18px;
    }
}
.l-footer__logo {
    width: 367px;
    margin-inline: auto;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer__logo {
        transition: opacity 300ms;
    }
    .l-footer__logo:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__logo {
        width: 220px;
        margin-top: 21px;
    }
}
@media screen and (min-width: 769px) {
    .l-footer__logo-link {
        transition: opacity 300ms;
    }
    .l-footer__logo-link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-footer__logo-link {
        position: relative;
        left: -15px;
    }
}
.l-footer__copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 97px;
    background-color: #000;
}
@media screen and (max-width: 768px) {
    .l-footer__copyright {
        height: auto;
        background-color: #5A5A5A;
        padding-bottom: 36px;
    }
}
.l-footer__copyright-txt {
    color: #fff;
    font-weight: 300;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .l-footer__copyright-txt {
        font-size: 0.75rem;
    }
}

/*  l-footer-pagetop
--------------------------------------------- */
.l-footer-pagetop {
    position: sticky;
    bottom: 0;
    right: 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.l-footer-pagetop.is-show {
    opacity: 1;
    visibility: visible;
}
.l-footer-pagetop__link {
    position: absolute;
    bottom: 0;
    right: 1rem;
    display: block;
    width: 77px;
    height: 0;
    padding-top: 77px;
    overflow: hidden;
    transition: opacity 300ms;
    background: url(../img/common/img_pagetop.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.l-footer-pagetop__link:hover {
    opacity: 0.8;
}
@media screen and (max-width: 768px) {
    .l-footer-pagetop__link {
        width: 40px;
        padding-top: 40px;
    }
}

/*  l-footer-nav
--------------------------------------------- */
.l-footer-nav {
    margin-top: 64px;
}
@media screen and (max-width: 768px) {
    .l-footer-nav {
        margin-top: 0;
    }
}
.l-footer-nav__list {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__list {
        display: block;
    }
}
.l-footer-nav__item {
    width: 150px;
    text-align: center;
    margin-left: 38px;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__item {
        width: 100%;
        text-align: center;
        margin-top: 23px;
        margin-left: 0;
    }
    .l-footer-nav__item:first-of-type {
        margin-top: 0;
    }
}
.l-footer-nav__item:first-of-type {
    margin-left: 0;
}
.l-footer-nav__link {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.3;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer-nav__link {
        transition: opacity 300ms;
    }
    .l-footer-nav__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-footer-nav__link {
        font-weight: normal;
        color: #fff;
        font-size: 0.9375rem;
    }
}
.l-footer-nav__link.is-current {
    color: #707070;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .l-footer-nav__link.is-current {
        color: rgba(255, 255, 255, 0.6);
    }
}

/* ---------------------------------------------
*   l-footer-sns
--------------------------------------------- */
.l-footer-sns {
    display: flex;
    justify-content: center;
    margin-top: 33px;
}
.l-footer-sns__item {
    margin-left: 12px;
}
.l-footer-sns__item:first-of-type {
    margin-left: 0;
}
.l-footer-sns__link {
    display: block;
    background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
    .l-footer-sns__link {
        transition: opacity 300ms;
    }
    .l-footer-sns__link:hover {
        opacity: 0.8;
    }
}
.l-footer-sns__link--facebook {
    width: 58px;
    height: 58px;
    -webkit-mask: url(../img/common/icon_facebook.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_facebook.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
@media screen and (max-width: 767px) {
    .l-footer-sns__link--facebook {
        width: 6.6666666667vw;
        height: 6.6666666667vw;
    }
}
.l-footer-sns__link--instagram {
    width: 58px;
    height: 58px;
    -webkit-mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .l-footer-sns__link--instagram {
        width: 6.6666666667vw;
        height: 6.6666666667vw;
    }
}
.l-footer-sns__link--youtube {
    width: 83px;
    height: 58px;
    -webkit-mask: url(../img/common/icon_youtube.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_youtube.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .l-footer-sns__link--youtube {
        width: 9.6vw;
        height: 6.6666666667vw;
    }
}

/*  l-footer-small-nav
--------------------------------------------- */
.l-footer-small-nav {
    text-align: center;
    color: #696969;
    margin-top: 11px;
}
@media screen and (max-width: 768px) {
    .l-footer-small-nav {
        display: none;
    }
}
.l-footer-small-nav__item {
    margin-top: -1px;
    font-size: 1.25rem;
}
.l-footer-small-nav__item:first-of-type {
    margin-top: 0;
}

/* ---------------------------------------------
*   l-header
--------------------------------------------- */
.l-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    height: 89px;
    background-color: #000;
    font-family: "Roboto", sans-serif;
    color: #fff;
    border-bottom: 1px solid #707070;
}
@media screen and (max-width: 768px) {
    .l-header {
        height: 68px;
    }
}
@media screen and (min-width: 769px) {
    .l-header__logo-link {
        transition: opacity 300ms;
    }
    .l-header__logo-link:hover {
        opacity: 0.8;
    }
}

/*  l-header-container
--------------------------------------------- */
.l-header-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 1300px;
    margin-inline: auto;
    height: 100%;
    padding-inline: 9px;
}
@media screen and (max-width: 768px) {
    .l-header-container {
        width: 100%;
    }
}

/*  l-header-logo
--------------------------------------------- */
.l-header-logo {
    width: 277px;
    margin-right: auto;
    margin-left: 7px;
}
@media screen and (max-width: 768px) {
    .l-header-logo {
        width: 138px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        margin-left: 0;
    }
}
.l-header-logo__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .l-header-logo__link {
        transition: opacity 0.3s;
    }
    .l-header-logo__link:hover {
        opacity: 0.8;
    }
}
.l-header-logo__link img {
    width: 100%;
    height: auto;
}

/*  l-header-menu
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .l-header-menu {
        display: block !important;
    }
}
@media screen and (max-width: 768px) {
    .l-header-menu {
        position: fixed;
        inset: 0 0 0;
        overflow-y: auto;
        overscroll-behavior-y: none;
        opacity: 0;
        visibility: hidden;
        scrollbar-width: none;
        z-index: 99;
    }
    .l-header-menu::-webkit-scrollbar {
        display: none;
    }
    .l-header-menu.is-animating {
        transition: opacity 0.3s, visibility 0.3s;
    }
    .is-menu-opened .l-header-menu {
        visibility: visible;
        opacity: 1;
    }
}
@media screen and (max-width: 768px) {
    .l-header-menu__container {
        position: relative;
        overflow-y: auto;
        height: calc(100% + 1px);
        box-sizing: border-box;
        padding: 0px 0px 140px;
        background-color: #333333;
    }
}
/*  l-header-menu-logo
--------------------------------------------- */
.l-header-menu-logo {
    background-color: #000;
    padding: 32px 0;
}
.l-header-menu-logo__link {
    display: block;
    width: 222px;
    margin-inline: auto;
}
@media (hover: hover) and (pointer: fine) {
    .l-header-menu-logo__link {
        transition: opacity 300ms;
    }
    .l-header-menu-logo__link:hover {
        opacity: 0.8;
    }
}

/*  l-header-nav
--------------------------------------------- */
.l-header-nav__list {
    display: flex;
    gap: 16px;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .l-header-nav__list {
        display: block;
    }
}
.l-header-nav__item {
    margin-left: 32px;
    font-weight: 300;
    font-size: 1.0625rem;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .l-header-nav__item {
        border-top: 1px solid #707070;
        margin-left: 0;
        font-size: 1rem;
    }
}
.l-header-nav__item img {
    width: 1.5vw;
    margin-bottom: 5px;
    vertical-align: middle;
}
@media screen and (max-width: 768px) {
    .l-header-nav__item img {
        width: 5vh;
    }
}
@media screen and (max-width: 768px) {
    .l-header-nav__link {
        display: block;
        padding: 42px 33px;
        color: #fff;
        /*background-color: #000;*/
    }
}
@media (hover: hover) and (pointer: fine) {
    .l-header-nav__link {
        transition: opacity 300ms;
    }
    .l-header-nav__link:hover {
        opacity: 0.8;
    }
}
.l-header-nav__link.is-current {
    color: #707070;
    pointer-events: none;
}

/*  l-header-menu-button
--------------------------------------------- */
.l-header-menu-button {
    display: none;
    position: relative;
    padding: 5px 10px;
    border: 0;
    border-radius: 0;
    background: none;
    margin: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: none;
    touch-action: manipulation;
    cursor: pointer;
    margin-top: 8px;
    z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
    .l-header-menu-button {
        transition: opacity 300ms;
    }
    .l-header-menu-button:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .l-header-menu-button--close {
        position: absolute;
        top: 34px;
        left: 9px;
        margin-top: 0;
    }
}
.l-header-menu-button--close .l-header-menu-button__lines {
    width: 30px;
    height: 20px;
}
.l-header-menu-button--close .l-header-menu-button__line {
    padding-top: 3px;
    border-radius: 15px;
}
.l-header-menu-button--close .l-header-menu-button__line--top {
    top: 50%;
    transform: translateY(-50%) rotate(30deg);
}
.l-header-menu-button--close .l-header-menu-button__line--center {
    background-color: rgba(0, 0, 0, 0);
}
.l-header-menu-button--close .l-header-menu-button__line--bottom {
    bottom: 50%;
    transform: translateY(50%) rotate(-30deg);
}
@media screen and (max-width: 768px) {
    .l-header-menu-button {
        display: block;
    }
}
.l-header-menu-button__lines {
    position: relative;
    display: block;
    width: 26px;
    height: 18px;
    margin-inline: auto;
}
.l-header-menu-button__line {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 2px;
    background-color: #fff;
    transition: 0.3s;
    border-radius: 10px;
}
.l-header-menu-button__line--top {
    top: 0;
}
.l-header-menu-button__line--center {
    top: 50%;
    margin-top: -1px;
}
.l-header-menu-button__line--bottom {
    bottom: 0;
}
.l-header-menu-button__txt {
    color: #fff;
    font-size: 0.625rem;
}
.world_icon {
    width: 20px;
    fill: blue;
}

/* ---------------------------------------------
*   l-nav
--------------------------------------------- */
.l-nav__list {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .l-nav__list {
        display: block;
    }
}
.l-nav__item {
    background-color: #000;
    width: 291px;
    margin-left: 13px;
    border-radius: 4px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .l-nav__item {
        width: 100%;
        margin-left: 0;
        border-radius: 0.5333333333vw;
        margin-top: 4.2666666667vw;
    }
}
.l-nav__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .l-nav__item:first-of-type {
        margin-top: 0;
    }
}
.l-nav__head {
    width: 100%;
    height: 207px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .l-nav__head {
        width: 50.1492537313%;
        height: 29.0666666667vw;
        flex-shrink: 0;
    }
}
@media (hover: hover) and (pointer: fine) {
    .l-nav__head img {
        transition: transform 0.3s;
    }
}
@media screen and (max-width: 768px) {
    .l-nav__head img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
}
.l-nav__body {
    padding: 28px 10px 31px;
    height: calc(100% - 207px);
}
@media screen and (max-width: 768px) {
    .l-nav__body {
        width: 100%;
        height: auto;
        padding: 2.6666666667vw 1.3333333333vw 1.3333333333vw;
    }
}
.l-nav__link {
    display: block;
    color: #fff;
    height: 100%;
}
@media (hover: hover) and (pointer: fine) {
    .l-nav__link:hover .l-nav__head img {
        transform: scale(1.1);
    }
}
@media screen and (max-width: 768px) {
    .l-nav__link {
        display: flex;
    }
}
.l-nav__logo {
    width: 168px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .l-nav__logo {
        width: 16.8vw;
    }
}
.l-nav__ttl {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 1.6875rem;
    text-align: center;
    margin-top: 4px;
}
@media screen and (max-width: 768px) {
    .l-nav__ttl {
        font-size: 4vw;
        margin-top: -1.3333333333vw;
    }
}
.l-nav__txt {
    font-weight: 300;
    font-size: 0.9375rem;
    line-height: 1.7333333333;
    text-align: center;
    margin-top: 1px;
}
@media screen and (max-width: 768px) {
    .l-nav__txt {
        font-size: 2.6666666667vw;
        margin-top: 1.0666666667vw;
    }
}

/* ---------------------------------------------
*   l-wrapper
--------------------------------------------- */
/* ---------------------------------------------
*   c-block-1
--------------------------------------------- */
.c-block-1 {
    height: 490px;
    background: url(../img/top/img_bg_dds.jpg) center 0 no-repeat;
    background-size: cover;
    padding: 180px 0 42px;
}
@media screen and (max-width: 768px) {
    .c-block-1 {
        background: url(../img/top/sp/img_bg_dds.jpg) center 0 no-repeat;
        background-size: cover;
        height: auto;
        aspect-ratio: 375/209;
        padding: 15.4666666667vw 5.3333333333% 5.3333333333vw;
    }
}
.c-block-1--aero-pins {
    background: url(../img/top/img_bg_aeropins.jpg) center 0 no-repeat;
    background-size: cover;
    margin-top: 50px;
    padding: 42px 0;
}
@media screen and (max-width: 768px) {
    .c-block-1--aero-pins {
        background: url(../img/top/sp/img_bg_aeropins.jpg) center 0 no-repeat;
        background-size: cover;
        padding-top: 1.0666666667vw;
        padding-bottom: 2.6666666667vw;
        margin-top: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-1--aero-pins .c-block-1__container {
        padding: 0.5333333333vw 5.3333333333%;
    }
}
.c-block-1--aero-pins .c-block-1__ttl {
    width: 482px;
    margin-left: 0px;
}
@media screen and (max-width: 768px) {
    .c-block-1--aero-pins .c-block-1__ttl {
        width: 49.2537313433%;
        margin-top: 2.6666666667vw;
    }
}
.c-block-1--aero-pins .c-block-1__txt {
    margin-top: -31px;
    text-shadow: 0px 2px 3px #000;
}
@media screen and (max-width: 768px) {
    .c-block-1--aero-pins .c-block-1__txt {
        color: #000;
        text-shadow: none;
        margin-top: 0;
        text-shadow: 0;
    }
}
.c-block-1--aero-pins .c-block-1__head {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-block-1--aero-pins .c-block-1__head {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-block-1--aero-pins .c-block-1__btn {
        margin-top: 12vw;
    }
}
.c-block-1__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-block-1__container {
        width: 100%;
        padding: 0;
    }
}
.c-block-1__ttl {
    width: 348px;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-block-1__ttl {
        width: 36.5333333333vw;
    }
}
.c-block-1__body {
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-block-1__body {
        margin-top: 2.6666666667vw;
    }
}
.c-block-1__foot {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-block-1__foot {
        margin-top: 1.0666666667vw;
    }
}
.c-block-1__txt {
    color: #fff;
    font-size: 1.5625rem;
    line-height: 1.2;
    margin-top: 32px;
}
@media screen and (max-width: 768px) {
    .c-block-1__txt {
        font-size: 2.6666666667vw;
        text-shadow: 0px 0.5333333333vw 1.6vw rgba(0, 0, 0, 0.75);
        margin-top: 3.4666666667vw;
        line-height: 1.5;
    }
}
.c-block-1__btn {
    width: 240px;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-block-1__btn {
        width: 44.776119403%;
    }
}

/* ---------------------------------------------
*   c-block-2
--------------------------------------------- */
.c-block-2__container {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-block-2__container {
        display: block;
    }
}
.c-block-2__ttl {
    margin-top: -15px;
}
@media screen and (max-width: 768px) {
    .c-block-2__ttl {
        margin-top: 0;
        text-align: center;
    }
}
.c-block-2__fig {
    width: 626px;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-block-2__fig {
        width: 90.1492537313%;
        margin-top: 3.4666666667vw;
        margin-inline: auto;
    }
}
.c-block-2__desc {
    position: relative;
    margin-left: 53px;
}
@media screen and (max-width: 768px) {
    .c-block-2__desc {
        margin-left: 0;
    }
}
.c-block-2__txt {
    position: relative;
    font-size: 1.125rem;
    line-height: 1.6666666667;
    margin-top: 13px;
    z-index: 10;
}
@media screen and (max-width: 768px) {
    .c-block-2__txt {
        font-size: 4.2666666667vw;
        line-height: 1.875;
        margin-top: 6.4vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-2__txt-name {
        display: inline-block;
        font-size: 5.3333333333vw;
        margin-top: -0.8vw;
    }
}
.c-block-2__sign {
    position: absolute;
    width: 258px;
    /*bottom: -10px;*/
    right: 37px;
}
@media screen and (max-width: 768px) {
    .c-block-2__sign {
        position: relative;
        width: 40.8vw;
        bottom: auto;
        right: auto;
        margin-left: auto;
        margin-right: 1.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-3
--------------------------------------------- */
.c-block-3__head {
    height: 130px;
    background: #000 url(../img/top/img_insta_header.jpg) 0 45% no-repeat;
    background-size: cover;
    padding: 15px;
}
@media screen and (max-width: 768px) {
    .c-block-3__head {
        height: 25.3333333333vw;
        padding: 1.8666666667vw 2.4vw;
    }
}
.c-block-3__link {
    position: relative;
    color: #fff;
    font-size: 1.4375rem;
    padding-left: 50px;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-3__link {
        transition: opacity 300ms;
    }
    .c-block-3__link:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-block-3__link {
        padding-left: 8.2666666667vw;
        font-size: 3.7333333333vw;
    }
}
.c-block-3__link::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    -webkit-mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
    .c-block-3__link::before {
        width: 6.4vw;
        height: 6.4vw;
    }
}
.c-block-3__body {
    max-height: 570px;
    overflow-y: scroll;
    padding: 6px 1.0909090909%;
    background-color: #000;
}
@media screen and (max-width: 768px) {
    .c-block-3__body {
        max-height: 79.2vw;
        padding: 0.8vw 1.1940298507%;
    }
}
.c-block-3__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.c-block-3__list-item {
    width: 49.2565055762%;
}
@media screen and (max-width: 768px) {
    .c-block-3__list-item {
        width: 49.5412844037%;
    }
}
.c-block-3__list-item:nth-of-type(n + 3) {
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-block-3__list-item:nth-of-type(n + 3) {
        margin-top: 1.0666666667vw;
    }
}
.c-block-3__list-link {
    position: relative;
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-block-3__list-link:hover::before {
        opacity: 0.2;
    }
}
.c-block-3__list-link::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.3s;
}

/* ---------------------------------------------
*   c-block-office
--------------------------------------------- */
.c-block-office {
    display: flex;
    width: 1222px;
    margin-inline: auto;
    margin-top: 151px;
    margin-bottom: 167px;
}
@media screen and (max-width: 768px) {
    .c-block-office {
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        padding-inline: 5.3333333333%;
        margin-top: 38.4vw;
        margin-bottom: 0;
    }
}
.c-block-office__item-inner {
    position: relative;
}
.c-block-office__item + .c-block-office__item {
    margin-left: 7px;
}
@media screen and (max-width: 768px) {
    .c-block-office__item + .c-block-office__item {
        margin-left: 0;
        margin-top: 2.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-office__item:nth-of-type(2) {
        width: 50.1492537313%;
    }
}
@media screen and (max-width: 768px) {
    .c-block-office__item:nth-of-type(3) {
        width: 46.5671641791%;
    }
}
.c-block-office__fig {
    width: 608px;
}
@media screen and (max-width: 768px) {
    .c-block-office__fig {
        position: relative;
        width: 100%;
    }
}
.c-block-office__fig--narrow {
    width: 300px;
}
@media screen and (max-width: 768px) {
    .c-block-office__fig--narrow {
        width: 100%;
    }
}
.c-block-office__fig--small {
    width: 300px;
}
@media screen and (max-width: 768px) {
    .c-block-office__fig--small {
        width: 100%;
    }
}
.c-block-office__fig--small + .c-block-office__fig--small {
    margin-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-block-office__fig--small + .c-block-office__fig--small {
        margin-top: 2.9333333333vw;
    }
}
.c-block-office__desc {
    padding: 14px 23px;
}
@media screen and (max-width: 768px) {
    .c-block-office__desc {
        position: absolute;
        background-color: #fff;
        bottom: 8.5333333333vw;
        left: 0;
        z-index: 10;
        padding: 0.8vw 5.6vw 1.6vw 1.8666666667vw;
    }
}
.c-block-office__ttl {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
    .c-block-office__ttl {
        font-size: 5.3333333333vw;
    }
}
.c-block-office__txt {
    font-size: 1.5625rem;
    line-height: 1.32;
}
@media screen and (max-width: 768px) {
    .c-block-office__txt {
        font-size: 2.6666666667vw;
        margin-top: -0.5333333333vw;
    }
}

/* ---------------------------------------------
*   c-block-parallax
--------------------------------------------- */
.c-block-parallax {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 374px;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-block-parallax {
        height: 59.2vw;
    }
}
.c-block-parallax .simpleParallax {
    height: 100%;
}
.c-block-parallax__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.c-block-parallax__img::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}
.c-block-parallax__txt {
    position: relative;
    color: #fff;
    font-size: 3.125rem;
    z-index: 1;
    padding-bottom: 23px;
}
@media screen and (max-width: 768px) {
    .c-block-parallax__txt {
        font-size: 5.3333333333vw;
        padding-bottom: 0.8vw;
    }
}

/* ---------------------------------------------
*   c-block-spirits-intro
--------------------------------------------- */
.c-block-spirits-intro {
    position: relative;
    padding-top: 151px;
    padding-bottom: 79px;
    margin-bottom: 84px;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-intro {
        padding-top: 39.4666666667vw;
        padding-bottom: 12.5333333333vw;
        margin-bottom: 13.3333333333vw;
    }
}
.c-block-spirits-intro::after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 138px;
    height: 8px;
    background-color: #292929;
    border-radius: 6px;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-intro::after {
        width: 14.4vw;
        height: 1.0666666667vw;
        border-radius: 1.6vw;
    }
}
.c-block-spirits-intro__head {
    position: relative;
    text-align: center;
}
.c-block-spirits-intro__head::before {
    display: block;
    position: absolute;
    content: "";
    top: -64px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 63px;
    height: 50px;
    background: url(../img/spirits/img_comma.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-intro__head::before {
        width: 7.4666666667vw;
        height: 6.1333333333vw;
        top: -10.6666666667vw;
    }
}
.c-block-spirits-intro__ttl {
    color: #2E2E2E;
    font-size: 3.125rem;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-intro__ttl {
        font-weight: bold;
        font-size: 5.3333333333vw;
    }
}
.c-block-spirits-intro__body {
    text-align: center;
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-intro__body {
        width: 88%;
        margin-inline: auto;
        margin-top: 8.2666666667vw;
    }
}
.c-block-spirits-intro__txt {
    color: #2E2E2E;
    font-size: 1.5rem;
    line-height: 1.25;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-intro__txt {
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
    }
    .iphone.safari .c-block-spirits-intro__txt {
        letter-spacing: -0.03em;
    }
}

/* ---------------------------------------------
*   c-block-spirits-message
--------------------------------------------- */
.c-block-spirits-message {
    position: relative;
    padding-top: 74px;
    padding-bottom: 52px;
    margin-bottom: 111px;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-message {
        padding-top: 19.7333333333vw;
        padding-bottom: 18.4vw;
        margin-bottom: 20.8vw;
    }
}
.c-block-spirits-message::after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 136px;
    height: 8px;
    border-radius: 6px;
    background-color: #292929;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-message::after {
        width: 16vw;
        height: 1.0666666667vw;
        border-radius: 1.6vw;
    }
}
.c-block-spirits-message__keepdoing img {
    width:35vw;
    display:block;
    margin:auto;
    padding:10px 0 10px 0;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-message__keepdoing img {
       width:80%;
    }
}
.c-block-spirits-message__head-txt {
    font-size: 3.125rem;
    letter-spacing: -0.04em;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-message__head-txt {
        font-size: 5.3333333333vw;
    }
}
.c-block-spirits-message__body-txt {
    font-size: 4.6875rem;
    line-height: 1.1333333333;
    text-align: center;
    margin-top: 48px;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-message__body-txt {
        font-weight: bold;
        font-size: 6.6666666667vw;
        line-height: 1.44;
        margin-top: 11.7333333333vw;
    }
}
.c-block-spirits-message__logo {
    width: 349px;
    margin-inline: auto;
    margin-top: 94px;
}
@media screen and (max-width: 768px) {
    .c-block-spirits-message__logo {
        width: 54.1333333333%;
        margin-top: 16vw;
    }
}

/* ---------------------------------------------
*   c-block-explanation
--------------------------------------------- */
.c-block-explanation {
    position: relative;
    width: 100%;
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .c-block-explanation {
        background-color: #646464;
    }
}
.c-block-explanation--reverse .c-block-explanation__bg {
    right: 0%;
    left: -50%;
    transform: translateX(122px);
}
.c-block-explanation--reverse .c-block-explanation__desc {
    margin-right: auto;
    margin-left: 0;
}
.c-block-explanation--reverse .c-block-explanation__contents {
    padding: 65px 0 57px;
}
@media screen and (max-width: 768px) {
    .c-block-explanation--reverse .c-block-explanation__contents {
        padding: 0;
    }
}
.c-block-explanation--reverse .c-block-explanation__fig {
    margin-right: 76px;
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-block-explanation--reverse .c-block-explanation__fig {
        margin-right: -5.9701492537%;
        margin-left: auto;
        margin-top: 12.5333333333vw;
    }
}
@media screen and (max-width: 768px) {
    .c-block-explanation--reverse .c-block-explanation__inner {
        flex-direction: column;
        padding-bottom: 5.3333333333vw;
    }
}
.c-block-explanation__inner {
    display: flex;
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-block-explanation__inner {
        flex-direction: column-reverse;
        width: 100%;
        padding-inline: 5.3333333333%;
        padding-bottom: 7.2vw;
    }
}
.c-block-explanation__fig {
    position: relative;
    width: 506px;
    margin-top: 117px;
    margin-left: 79px;
    z-index: 10;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .c-block-explanation__fig {
        width: 83.2835820896%;
        margin-top: 9.0666666667vw;
        margin-left: auto;
        margin-right: -5.9701492537%;
    }
}
.c-block-explanation__bg {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #646464;
    transform: translateX(-121px);
}
@media screen and (max-width: 768px) {
    .c-block-explanation__bg {
        display: none;
    }
}
.c-block-explanation__desc {
    position: relative;
    z-index: 1;
    margin-left: auto;
}
.c-block-explanation__contents {
    width: 635px;
    padding: 42px 0 59px;
}
@media screen and (max-width: 768px) {
    .c-block-explanation__contents {
        width: 100%;
        padding-bottom: 0;
        padding-top: 4.8vw;
    }
}
.c-block-explanation__ttl {
    color: #fff;
    font-weight: 700;
    font-size: 2.3125rem;
}
@media screen and (max-width: 768px) {
    .c-block-explanation__ttl {
        color: #000;
        background-color: #EDEDED;
        font-size: 4.8vw;
        text-align: right;
        width: 76.1194029851%;
        margin-left: -5.9701492537%;
        padding: 4.5333333333vw 4vw 5.6vw;
    }
}
.c-block-explanation__ttl-sub {
    font-weight: bold;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 1.125rem;
    margin-top: -5px;
}
@media screen and (max-width: 768px) {
    .c-block-explanation__ttl-sub {
        font-size: 2.6666666667vw;
    }
}
.c-block-explanation__txt {
    color: #fff;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-top: 23px;
}
@media screen and (max-width: 768px) {
    .c-block-explanation__txt {
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
        margin-top: 10.4vw;
    }
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer;
    background-color: #000;
    transition: box-shadow 0.25s, color 0.25s, border-color 0.25s;
    border: 1px solid #000;
    color: #fff;
    padding: 21px;
    font-family: "Roboto", sans-serif;
    font-size: 1.5rem;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1:hover {
        box-shadow: inset 0 -5em 0 0 #fff;
        color: #000;
        border-color: #000;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-1 {
        font-size: 4vw;
        line-height: 1.3333333333;
        padding: 3.7333333333vw;
    }
}
.c-btn-1--yellow {
    color: #000;
    background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1--yellow:hover {
        box-shadow: inset 0 -5em 0 0 #FFDC4A;
        border-color: #FFDC4A;
    }
}
.c-btn-1--white {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1--white:hover {
        box-shadow: inset 0 -5em 0 0 #fff;
        color: #000;
        border-color: #fff;
    }
}
.c-btn-1--border-bold {
    border-width: 5px;
    padding: 17px;
}
@media screen and (max-width: 768px) {
    .c-btn-1--border-bold {
        border-width: 1px;
        padding: 3.7333333333vw;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1--hover-bd-white:hover {
        border-color: #fff;
    }
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-1--hover-green:hover {
        color: #fff;
        box-shadow: inset 0 -5em 0 0 #2D6813;
        border-color: #2D6813;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-1--sp-small {
        font-size: 3.7333333333vw;
    }
}

/* ---------------------------------------------
*   c-btn-2
--------------------------------------------- */
.c-btn-2 {
    display: inline-block;
    position: relative;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 4px 35px 4px 16px;
    border-bottom: 2px solid #000;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    perspective: 1000;
    z-index: 100;
    will-change: box-shadow;
    overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
    .c-btn-2 {
        transition: color 0.3s;
    }
    .c-btn-2:hover {
        color: #fff;
    }
    .c-btn-2:hover::before {
        background-color: #fff;
    }
    .c-btn-2:hover::after {
        bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-2 {
        font-size: 3.2vw;
        padding: 1.0666666667vw 7.7333333333vw 1.0666666667vw 7.2vw;
    }
}
.c-btn-2::before {
    position: absolute;
    content: "";
    top: 59%;
    right: 13px;
    width: 20px;
    height: 16px;
    transform: translate3d(0, -50%, 0);
    -webkit-mask: url(../img/common/icon_arrow.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_arrow.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #000;
    transition: background-color 0.3s;
}
@media screen and (max-width: 768px) {
    .c-btn-2::before {
        width: 2.6666666667vw;
        height: 2.1333333333vw;
        top: 55%;
        right: 2.1333333333vw;
    }
}
.c-btn-2 span {
    position: relative;
    z-index: 1;
}
.c-btn-2::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    bottom: -100%;
    right: 0;
    left: 0;
    background-color: #000;
    z-index: -1;
    transition: bottom 0.2s;
}
/* ---------------------------------------------
*   c-btn-3（追記）
--------------------------------------------- */
.c-btn-3 {
    width: 100%;
    /*display: block;*/
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
    background-color: #F0F0F0;
    transition: box-shadow 0.25s, color 0.25s, border-color 0.25s;
    border: 1px solid #000;
    color: #000;
    padding: 21px;
    font-family: "Roboto", sans-serif;
    font-size: 1.5rem;
}
.c-btn-3 svg{
    fill: black;
    width: 30px;
    height: auto;
    margin-right: 20px;
    vertical-align: -4px;
}

@media (hover: hover) and (pointer: fine) {
    .c-btn-3:hover {
        box-shadow: inset 0 -5em 0 0 #000;
        color: #fff;
        border-color: #fff;
    }
    .c-btn-3:hover svg {
    fill: white;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-3 {
        font-size: 3.2vw;;
        line-height: 1.3333333333;
        padding: 3.7333333333vw;
    }
    .c-btn-3 svg{
        width: 20px;
    }
}
@media screen and (max-width: 768px) {
    .c-btn-3--sp-small {
        font-size: 3.2vw;;
    }
}
/* ---------------------------------------------
*   c-card-1
--------------------------------------------- */
.c-card-1 {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-card-1 {
        display: block;
    }
}
.c-card-1__ttl {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 4.375rem;
    line-height: 1.3142857143;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-card-1__ttl {
        font-size: 5.8666666667vw;
        line-height: 1.3181818182;
    }
}
.c-card-1__item {
    width: 550px;
    margin-left: 50px;
}
@media screen and (max-width: 768px) {
    .c-card-1__item {
        width: 100%;
        margin-left: 0;
        margin-top: 18.9333333333vw;
    }
}
.c-card-1__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-card-1__item:first-of-type {
        margin-top: 0;
    }
}
.c-card-1__item2 {
    width: 80%;
    margin: 0 auto;
    max-width: 900px;
}
@media screen and (max-width: 768px) {
    .c-card-1__item2 {
        width: 100%;
        margin-left: 0;
        margin-top: 18.9333333333vw;
    }
}
.c-card-1__item2:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-card-1__item2:first-of-type {
        margin-top: 0;
    }
}
.c-card-1__body {
    width: 100%;
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-card-1__body {
        margin-top: 3.4666666667vw;
    }
}
.c-card-1__foot {
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-card-1__foot {
        margin-top: 4vw;
    }
}
.c-card-1__btn {
    width: 240px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .c-card-1__btn {
        width: 44.776119403%;
    }
}
/* ---------------------------------------------
*   c-card-3(一部追記)
--------------------------------------------- */
.c-card-3__btn {
    display: flex;
    padding: 20px 0 0 0;
    width: 50%;
}
.c-card-3__btn_sub {
    display: flex;
    width: 50%;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-card-3__btn {
        width: auto;
    }
    .c-card-3__btn_sub {
        font-size: 1.5vh;
        width: auto;
    }
}
/* ---------------------------------------------
*   c-card-3(一部追記)
--------------------------------------------- */
@media screen and (max-width: 768px) {
    .c-card-1__fb-wrap .fb_iframe_widget iframe {
        height: 104.8vw !important;
    }
    .c-card-1__fb-wrap > .fb-page > span {
        height: 104.8vw !important;
    }
}

/* ---------------------------------------------
*   c-card-2
--------------------------------------------- */
.c-card-2__item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-card-2__item {
        flex-direction: column-reverse;
        margin-top: 19.7333333333vw;
    }
}
.c-card-2__item:first-of-type {
    margin-top: 0;
}
.c-card-2__list {
    display: flex;
}
@media screen and (max-width: 768px) {
    .c-card-2__list {
        justify-content: center;
        width: 100%;
        margin-top: 6.4vw;
    }
}
.c-card-2__list-item {
    width: 94px;
    margin-left: 10px;
}
@media screen and (max-width: 768px) {
    .c-card-2__list-item {
        width: 14.6268656716%;
        margin-left: 2.0895522388%;
    }
}
.c-card-2__list-item:first-of-type {
    margin-left: 0;
}
.c-card-2__desc {
    display: flex;
    width: 833px;
    min-height: 226px;
    border-radius: 30px;
    background: linear-gradient(to right, #2d6813 0%, #17340a 100%);
    padding: 16px 17px 20px 54px;
    margin-left: 26px;
}
@media screen and (max-width: 768px) {
    .c-card-2__desc {
        background: none;
        display: block;
        width: 100%;
        margin-left: 0;
        min-height: inherit;
        min-height: initial;
        min-height: revert;
        min-height: unset;
        padding: 0;
    }
}
.c-card-2__desc-txt {
    margin-left: 41px;
}
@media screen and (max-width: 768px) {
    .c-card-2__desc-txt {
        margin-left: 0;
    }
}
.c-card-2__icon {
    width: 131px;
    flex-shrink: 0;
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .c-card-2__icon {
        width: 17.0149253731%;
        margin-top: 0;
        margin-inline: auto;
    }
}
.c-card-2__ttl {
    color: #fff;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 2.1666666667;
}
@media screen and (max-width: 768px) {
    .c-card-2__ttl {
        font-size: 5.3333333333vw;
        text-align: center;
        margin-top: 1.3333333333vw;
    }
}
.c-card-2__note-list {
    margin-top: -7px;
}
@media screen and (max-width: 768px) {
    .c-card-2__note-list {
        width: 82.0895522388%;
        margin-top: 1.3333333333vw;
        margin-inline: auto;
    }
}
.c-card-2__note-list-item {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.6666666667;
}
@media screen and (max-width: 768px) {
    .c-card-2__note-list-item {
        font-size: 3.7333333333vw;
        line-height: 1.7857142857;
    }
}
.c-card-2__note-list-item::before {
    display: inline-block;
    content: "・";
    top: 0;
    left: 0;
}

/* ---------------------------------------------
*   c-cassette-1
--------------------------------------------- */
.c-cassette-1 {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
    margin-top: 140px;
}
@media screen and (max-width: 768px) {
    .c-cassette-1 {
        width: 100%;
        padding-inline: 5.3333333333%;
        margin-top: 13.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-container
--------------------------------------------- */
.c-container {
    background-color: #fff;
}

/* ---------------------------------------------
*   c-kv-1
--------------------------------------------- */
.c-kv-1 {
    position: relative;
    width: 100%;
    height: calc(100vh - 89px);
}
@media screen and (max-width: 768px) {
    .c-kv-1 {
        height: auto;
        aspect-ratio: 16/9;
        margin-bottom: 0;
    }
}
.c-kv-1__movie {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.c-kv-1__movie video {
    position: absolute;
    /*top: 50%;
    left: 50%;*/
    /*min-width: 100％;
    min-height: 100％;*/
    width: 100%;
    height: 100%;
    /*transform: translateX(-50%) translateY(-50%);*/
}
@media screen and (max-width: 768px) {
    .c-kv-1__movie video {
        width: 100%;
        height: 100%;
    }
}
#play_btn,
#pause_btn{
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 10px;
    width: 40px;
    height: auto;
}
#pause_btn{
    margin-left: 60px;
}
@media screen and (max-width: 768px) {
    #play_btn,
    #pause_btn{
        width: 30px;
    }
    #pause_btn{
    margin-left: 40px;
}
}

/* ---------------------------------------------
*   c-kv-2
--------------------------------------------- */
.c-kv-2 {
    position: fixed;
    top: 89px;
    right: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 89px);
    height: calc(100dvh - 89px);
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-kv-2 {
        top: 68px;
        height: 160vw;
    }
}
.c-kv-2--about {
    background: url(../img/about/img_kv.jpg) 0 0 no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .c-kv-2--about {
        background: url(../img/about/sp/img_kv.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-kv-2--spirits {
    background: url(../img/spirits/img_kv.jpg) 0 0 no-repeat;
    background-size: cover;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-kv-2--spirits {
        background: url(../img/spirits/sp/img_kv.jpg) 0 0 no-repeat;
        background-size: cover;
    }
}
.c-kv-2--spirits .c-kv-2__container {
    padding-top: 164px;
}
@media screen and (max-width: 768px) {
    .c-kv-2--spirits .c-kv-2__container {
        padding-top: 27.2vw;
    }
}
.c-kv-2__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
    padding-top: 138px;
}
@media screen and (max-width: 768px) {
    .c-kv-2__container {
        padding-inline: 5.3333333333%;
        margin-inline: auto;
        padding-top: 5.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-kv-3
--------------------------------------------- */
.c-kv-3 {
    position: relative;
    padding-top: 140px;
}
@media screen and (max-width: 768px) {
    .c-kv-3 {
        padding-top: 10.6666666667vw;
    }
}
.c-kv-3::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 325px;
    top: 59.5%;
    transform: translate(0, -50%);
    background-color: #333333;
    z-index: -1;
}
@media screen and (max-width: 768px) {
    .c-kv-3::before {
        height: 52.5333333333vw;
        top: 46.1333333333vw;
    }
}
.c-kv-3__container {
    display: flex;
    align-items: flex-start;
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-kv-3__container {
        width: 100%;
        display: block;
        padding: 0;
    }
}
.c-kv-3__ttl {
    font-family: "Roboto", sans-serif;
    color: #696969;
    font-weight: bold;
    font-size: 3.75rem;
}
@media screen and (max-width: 768px) {
    .c-kv-3__ttl {
        font-size: 8vw;
        text-align: center;
    }
}
.c-kv-3__txt {
    color: #696969;
    font-size: 1.375rem;
    line-height: 1.5909090909;
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .c-kv-3__txt {
        font-size: 3.7333333333vw;
        line-height: 1.4285714286;
        margin-top: 6.9333333333vw;
        text-align: center;
    }
    .safari .c-kv-3__txt {
        letter-spacing: -0.03em;
    }
    .windows .c-kv-3__txt {
        letter-spacing: -0.03em;
    }
}
.c-kv-3__fig {
    width: 794px;
    margin-left: 77px;
}
@media screen and (max-width: 768px) {
    .c-kv-3__fig {
        width: 89.3333333333%;
        margin-left: auto;
        margin-right: auto;
    }
}
.c-kv-3__desc {
    width: 449px;
    background-color: #E3E3E3;
    padding: 42px 41px 54px 45px;
    margin-left: -121px;
    margin-top: 65px;
}
@media screen and (max-width: 768px) {
    .c-kv-3__desc {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: -10.1333333333vw;
        padding: 17.8666666667vw 13.8666666667% 12.8vw;
    }
}
.c-kv-3__btn {
    width: 240px;
    margin-inline: auto;
    margin-top: 19px;
}
@media screen and (max-width: 768px) {
    .c-kv-3__btn {
        width: 73.8007380074%;
        margin-top: 8vw;
    }
}

/* ---------------------------------------------
*   c-link-bnr
--------------------------------------------- */
@media (hover: hover) and (pointer: fine) {
    .c-link-bnr {
        transition: opacity 300ms;
    }
    .c-link-bnr:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-list-1
--------------------------------------------- */
.c-list-1 {
    width: 100%;
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-list-1 {
        flex-wrap: wrap;
    }
}
.c-list-1__item {
    width: 221px;
    margin-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-list-1__item {
        width: 30.7462686567%;
        margin-left: 2.9850746269%;
    }
}
.c-list-1__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-list-1__item:nth-of-type(3n + 1) {
        margin-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-1__item:nth-of-type(n + 4) {
        margin-top: 19px;
    }
}
.c-list-1__link {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-1__link {
        transition: opacity 300ms;
    }
    .c-list-1__link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-list-2
--------------------------------------------- */
.c-list-2 {
    display: flex;
    flex-wrap: wrap;
    width: 646px;
    font-weight: 300;
    font-size: 1.5625rem;
}
@media screen and (max-width: 768px) {
    .c-list-2 {
        width: 100%;
        font-size: 3.2vw;
    }
}
.c-list-2__ttl {
    width: 214px;
    margin-top: 52px;
}
@media screen and (max-width: 768px) {
    .c-list-2__ttl {
        width: 34.6268656716%;
        margin-top: 6.9333333333vw;
        padding-left: 2.9333333333vw;
    }
}
.c-list-2__ttl:first-of-type {
    margin-top: 0;
}
.c-list-2__content {
    width: 430px;
    margin-top: 52px;
}
@media screen and (max-width: 768px) {
    .c-list-2__content {
        width: 62.6865671642%;
        margin-top: 6.9333333333vw;
    }
}
.c-list-2__content:first-of-type {
    margin-top: 0;
}
.c-list-2__txt {
    margin-top: 8px;
}
.c-list-2__txt:first-of-type {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .c-list-2__txt {
        margin-top: 1.3333333333vw;
    }
    .c-list-2__txt:first-of-type {
        margin-top: 0;
    }
    .windows .c-list-2__txt {
        letter-spacing: -0.02em;
    }
}

/* ---------------------------------------------
*   c-list-3
--------------------------------------------- */
.c-list-3__item {
    margin-top: 59px;
}
.c-list-3__item:first-of-type {
    margin-top: 0;
}
.c-list-3__icon {
    display: block;
}
.c-list-3__icon--facebook {
    width: 73px;
    height: 73px;
    -webkit-mask: url(../img/common/icon_facebook.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_facebook.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #000;
}
.c-list-3__icon--instagram {
    width: 73px;
    height: 73px;
    -webkit-mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #000;
}
.c-list-3__icon--youtube {
    width: 77px;
    height: 56px;
    -webkit-mask: url(../img/common/icon_youtube.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_youtube.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    background-color: #000;
}
.c-list-3__txt {
    font-size: 1.25rem;
    margin-top: 13px;
}
.c-list-3__link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-3__link {
        transition: opacity 300ms;
    }
    .c-list-3__link:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-list-4
--------------------------------------------- */
.c-list-4 {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .c-list-4 {
        flex-direction: column;
    }
}
.c-list-4__item {
    width: 325px;
    margin-left: 65px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-4__item {
        width: 100%;
        margin-left: 0;
        display: flex;
        align-items: center;
        padding-inline: 5.0746268657%;
        margin-top: 6.1333333333vw;
    }
}
.c-list-4__item:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-list-4__item:first-of-type {
        order: 3;
    }
}
@media screen and (max-width: 768px) {
    .c-list-4__item:nth-of-type(2) {
        margin-top: 0;
    }
}
/* ------add 2025.1.21----- */
.c-list-4__item2 {
    width: 325px;
    margin-left: 65px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-list-4__item2 {
        width: 100%;
        margin-left: 0;
        display: flex;
        align-items: center;
        padding-inline: 5.0746268657%;
        margin-top: 6.1333333333vw;
    }
}
.c-list-4__item2:first-of-type {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-list-4__item2:first-of-type {
        order: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-4__item2:nth-of-type(1) {
        margin-top: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-4__head {
        width: 43.8311688312%;
        flex-shrink: 0;
    }
}
.c-list-4__body {
    margin-top: 17px;
}
@media screen and (max-width: 768px) {
    .c-list-4__body {
        margin-top: 5.8666666667vw;
        margin-left: 9.6vw;
    }
}
.c-list-4__ttl {
    font-weight: 700;
    font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
    .c-list-4__ttl {
        font-size: 4.2666666667vw;
        text-align: left;
    }
}
.c-list-4__txt {
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .c-list-4__txt {
        font-size: 3vw;
        line-height: 1;
        text-align: left;
        margin-top: 0.5333333333vw;
    }
    .iphone.safari .c-list-4__txt {
        letter-spacing: -0.03em;
    }
    .edge .c-list-4__txt {
        letter-spacing: -0.03em;
    }
}

/* ---------------------------------------------
*   c-list-5
--------------------------------------------- */
.c-list-5 {
    flex-shrink: 0;
}
.c-list-5__item {
    color: #454545;
    font-size: 1.375rem;
    margin-top: 7px;
}
@media screen and (max-width: 768px) {
    .c-list-5__item {
        font-size: 2.6666666667vw;
        margin-top: 0;
    }
}
.c-list-5__item:first-of-type {
    margin-top: 0;
}
.c-list-5__txt {
    margin-left: 1px;
}

/* ---------------------------------------------
*   c-list-history
--------------------------------------------- */
.c-list-history__item {
    position: relative;
    padding-left: 72px;
    padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .c-list-history__item {
        padding-left: 13.4328358209%;
        padding-bottom: 9.0666666667vw;
        padding-right: 3.5820895522%;
    }
}
.c-list-history__item::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 11px;
    width: 1px;
    height: 100%;
    display: block;
    background-color: #000;
}
@media screen and (max-width: 768px) {
    .c-list-history__item::before {
        left: 6px;
    }
}
.c-list-history__item::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #40403F;
    display: block;
    transition: background-color 0.2s;
}
@media screen and (max-width: 768px) {
    .c-list-history__item::after {
        width: 13px;
        height: 13px;
        top: 5px;
    }
}
.c-list-history__item:last-of-type {
    padding-bottom: 55px;
}
@media screen and (max-width: 768px) {
    .c-list-history__item:last-of-type {
        padding-bottom: 8vw;
    }
}
.c-list-history__item.is-animated::after {
    background-color: #40403F;
}
.c-list-history__body {
    padding-top: 1em;
    max-width: 1043px;
}
.c-list-history__ttl {
    font-family: "Roboto", sans-serif;
    font-size: 1.875rem;
    font-weight: bold;
    color: #000;
}
@media screen and (max-width: 768px) {
    .c-list-history__ttl {
        font-size: 5.3333333333vw;
    }
}
.c-list-history__txt {
    margin-top: -10px;
    font-size: 1.25rem;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
    .c-list-history__txt {
        font-size: 3.4666666667vw;
        line-height: 1.5384615385;
    }
}
.c-list-history__border {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 0;
    background-color: #40403F;
    border-radius: 3px;
    transition: background-color 0.3s;
}
@media screen and (max-width: 768px) {
    .c-list-history__border {
        left: 5px;
    }
}

/*  c-list-products
--------------------------------------------- */
.c-list-products {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    width: 1168px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-list-products {
        width: 91.6417910448%;
        margin-top: 0;
    }
}
.c-list-products__item {
    width: 220px;
    margin-left: 15px;
}
@media screen and (max-width: 768px) {
    .c-list-products__item {
        width: 46.9055374593%;
        margin-left: 5.8631921824%;
    }
}
.c-list-products__item:nth-of-type(5n + 1) {
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .c-list-products__item:nth-of-type(5n + 1) {
        margin-left: 5.8631921824%;
    }
}
.c-list-products__item:nth-of-type(n + 6) {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-list-products__item:nth-of-type(odd) {
        margin-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .c-list-products__item:nth-of-type(n + 3) {
        margin-top: 6.1333333333vw;
    }
}
.c-list-products__item img {
    width: 100%;
}
@media (hover: hover) and (pointer: fine) {
    .c-list-products__item button {
        transition: opacity 300ms;
    }
    .c-list-products__item button:hover {
        opacity: 0.8;
    }
}

/*  c-modal-slider
--------------------------------------------- */
.c-modal-slider {
    outline: none;
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chrome */
    -ms-user-select: none; /* IE10 */
}
.c-modal-slider .swiper-slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    text-align: center;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    perspective: 1000;
}
.c-modal-slider__img {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 64.829821718vh;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}
@media screen and (max-width: 768px) {
    .c-modal-slider__img {
        height: 59.9700149925vh;
        height: 59.9700149925dvh;
    }
    .mac .c-modal-slider__img {
        max-height: 400px;
    }
    .windows .c-modal-slider__img {
        max-height: 400px;
    }
}
.c-modal-slider__img img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.c-modal-slider .swiper-button-next,
.c-modal-slider .swiper-button-prev {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    width: 50px;
    height: 80px;
    top: 45%;
}
@media (hover: hover) and (pointer: fine) {
    .c-modal-slider .swiper-button-next,
    .c-modal-slider .swiper-button-prev {
        transition: opacity 300ms;
    }
    .c-modal-slider .swiper-button-next:hover,
    .c-modal-slider .swiper-button-prev:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-modal-slider .swiper-button-next,
    .c-modal-slider .swiper-button-prev {
        top: 45%;
        width: 25px;
        height: 40px;
    }
}
@media screen and (max-width: 768px) {
    .c-modal-slider .swiper-button-prev {
        left: 0;
    }
}
.c-modal-slider .swiper-button-prev::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/products/icon_arrow_slider_left.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.c-modal-slider .swiper-button-next {
    right: 5px;
}
@media screen and (max-width: 768px) {
    .c-modal-slider .swiper-button-next {
        right: -3px;
    }
}
.c-modal-slider .swiper-button-next::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/products/icon_arrow_slider_right.svg) 0 0 no-repeat;
    background-size: 100% 100%;
}

/*  c-modal-slider-footer
--------------------------------------------- */
.c-modal-slider-footer {
    background-color: rgba(255, 255, 255, 0.48);
    padding: 19px 80px;
    text-align: right;
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-modal-slider-footer {
        padding: 2.6666666667vw 5.3333333333vw;
    }
}
.c-modal-slider-footer__txt {
    font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
    .c-modal-slider-footer__txt {
        font-size: 3.7333333333vw;
    }
}

/*  c-modal
--------------------------------------------- */
.c-modal {
    display: none;
}
.c-modal.is-open {
    display: block;
}
.c-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
}
.c-modal__container {
    position: relative;
    max-width: 1000px;
    width: 88.1944444444%;
    max-height: 100vh;
    max-height: 100dvh;
}
@media screen and (max-width: 768px) {
    .c-modal__container {
        width: 80%;
    }
}
.c-modal__close-btn {
    display: block;
    position: absolute;
    top: -30px;
    right: -14px;
    cursor: pointer;
    z-index: 999;
}
@media (hover: hover) and (pointer: fine) {
    .c-modal__close-btn {
        transition: opacity 300ms;
    }
    .c-modal__close-btn:hover {
        opacity: 0.8;
    }
}
@media screen and (max-width: 768px) {
    .c-modal__close-btn {
        top: -16vw;
        right: -14px;
    }
}
.c-modal__close-btn::before {
    display: block;
    width: 90px;
    height: 90px;
    content: "";
    background: url(../img/products/icon_modal_close.svg) center center no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-modal__close-btn::before {
        background-size: 100% 100%;
        width: 60px;
        height: 60px;
    }
}

/* Modal Animation Style　(アニメーション不要の場合は削除)
--------------------------------------------- */
.c-modal[aria-hidden=false] .c-modal__overlay {
    animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=false] .c-modal__container {
    animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=true] .c-modal__overlay {
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal[aria-hidden=true] .c-modal__container {
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal__overlay, .c-modal__container {
    will-change: transform;
}

@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(15%);
    }
}
/* ---------------------------------------------
*   c-section-1
--------------------------------------------- */
.c-section-1 {
    margin-top: 85px;
}
@media screen and (max-width: 768px) {
    .c-section-1 {
        margin-top: 8vw;
    }
}
.c-section-1 + .c-section-1 {
    margin-top: 116px;
}
@media screen and (max-width: 768px) {
    .c-section-1 + .c-section-1 {
        margin-top: 18.1333333333vw;
    }
}
.c-section-1__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-1__container {
        width: 100%;
        padding: 0 5.3333333333%;
    }
}
.c-section-1__head--txt-center {
    text-align: center;
}
.c-section-1__head-inner {
    display: flex;
    align-items: center;
    margin-top: -15px;
}
@media screen and (max-width: 768px) {
    .c-section-1__head-inner {
        flex-direction: column;
    }
}
.c-section-1__intro {
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 1.3;
    margin-top: 16px;
}
@media screen and (max-width: 768px) {
    .c-section-1__intro {
        font-size: 3.4666666667vw;
        margin-top: 4.8vw;
        margin-left: 1.6vw;
    }
    .safari .c-section-1__intro {
        letter-spacing: -0.02em;
    }
    .windows .c-section-1__intro {
        letter-spacing: -0.02em;
    }
}
.c-section-1__intro-list {
    display: flex;
    margin-left: auto;
}
@media screen and (max-width: 768px) {
    .c-section-1__intro-list {
        padding: 1.3333333333vw 5.3333333333vw;
    }
}
.c-section-1__intro-list-item {
    margin-left: 16px;
}
@media screen and (max-width: 768px) {
    .c-section-1__intro-list-item {
        margin-left: 1.6vw;
    }
}
.c-section-1__intro-list-item:first-of-type {
    margin-left: 0;
}
.c-section-1__intro-list-link {
    display: block;
    background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
    .c-section-1__intro-list-link {
        transition: opacity 300ms;
    }
    .c-section-1__intro-list-link:hover {
        opacity: 0.8;
    }
}
.c-section-1__intro-list-link--facebook {
    width: 58px;
    height: 58px;
    -webkit-mask: url(../img/common/icon_facebook.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_facebook.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
@media screen and (max-width: 767px) {
    .c-section-1__intro-list-link--facebook {
        width: 6.6666666667vw;
        height: 6.6666666667vw;
    }
}
.c-section-1__intro-list-link--instagram {
    width: 58px;
    height: 58px;
    -webkit-mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_instagram.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-section-1__intro-list-link--instagram {
        width: 6.6666666667vw;
        height: 6.6666666667vw;
    }
}
.c-section-1__intro-list-link--youtube {
    width: 83px;
    height: 58px;
    -webkit-mask: url(../img/common/icon_youtube.svg) 0 0 no-repeat;
            mask: url(../img/common/icon_youtube.svg) 0 0 no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
}
@media screen and (max-width: 768px) {
    .c-section-1__intro-list-link--youtube {
        width: 9.6vw;
        height: 6.6666666667vw;
    }
}
.c-section-1__body {
    margin-top: 108px;
}
@media screen and (max-width: 768px) {
    .c-section-1__body {
        margin-top: 7.2vw;
    }
}
.c-section-1__body--product {
    margin-top: 22px;
}
@media screen and (max-width: 768px) {
    .c-section-1__body--product {
        margin-top: 2.6666666667vw;
    }
}
.c-section-1__foot {
    margin-top: 31px;
}
@media screen and (max-width: 768px) {
    .c-section-1__foot {
        margin-top: 3.7333333333vw;
    }
}
.c-section-1__btn {
    width: 240px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-1__btn {
        width: 44.776119403%;
    }
}

/* ---------------------------------------------
*   c-section-2
--------------------------------------------- */
.c-section-2 {
    padding-top: 116px;
}
@media screen and (max-width: 768px) {
    .c-section-2 {
        padding-top: 34.1333333333vw;
    }
}
.c-section-2__head, .c-section-2__greeting {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-2__head, .c-section-2__greeting {
        width: 100%;
        padding-inline: 5.3333333333%;
    }
}
.c-section-2__greeting {
    margin-top: 126px;
}
@media screen and (max-width: 768px) {
    .c-section-2__greeting {
        margin-top: 43.2vw;
        padding-inline: 5.3333333333%;
    }
}
.c-section-2__head-inner {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 1.32;
    max-width: 1270px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-2__head-inner {
        padding: 4.5333333333vw 0 4.2666666667vw;
    }
}
.c-section-2__table {
    width: 954px;
    margin-inline: auto;
    margin-top: 50px;
}
@media screen and (max-width: 768px) {
    .c-section-2__table {
        width: 82.1333333333%;
        margin-top: 2.4vw;
    }
}

/* ---------------------------------------------
*   c-section-history
--------------------------------------------- */
.c-section-history {
    margin-top: 116px;
}
@media screen and (max-width: 768px) {
    .c-section-history {
        margin-top: 36.5333333333vw;
    }
}
.c-section-history__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-history__container {
        width: 100%;
        padding-inline: 5.3333333333%;
    }
}
.c-section-history__body {
    margin-top: 50px;
    margin-left: 99px;
}
@media screen and (max-width: 768px) {
    .c-section-history__body {
        margin-left: 4%;
        margin-top: 6.6666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-sporits
--------------------------------------------- */
.c-section-sporits {
    position: relative;
    width: 100%;
    height: 754px;
    overflow: hidden;
    border: 1px solid #707070;
    margin-top: 103px;
}
@media (hover: hover) and (pointer: fine) {
    .c-section-sporits:hover::before {
        transform: scale(1.1);
        transition: transform 0.7s linear;
    }
    .c-section-sporits:hover .c-ttl-2 {
        background-image: linear-gradient(45deg, #fff 30%, #222 90%, #fff 100%, #555 90%,#fff 100%);
        background-size: 500% 100%;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        animation: amime-shine 2.5s forwards 0.5s;
    }
}
@media screen and (max-width: 768px) {
    .c-section-sporits {
        margin-top: 21.0666666667vw;
        height: auto;
        aspect-ratio: 375/266;
        border: none;
    }
}
.c-section-sporits::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/top/img_bg_spirits.jpg) center 0 no-repeat;
    background-size: cover;
    transition: transform 0.3s;
}
@media screen and (max-width: 768px) {
    .c-section-sporits::before {
        background: url(../img/top/sp/img_bg_spirits.jpg) center 0 no-repeat;
        background-size: cover;
    }
}
.c-section-sporits__container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    z-index: 1;
    padding-top: 127px;
}
@media screen and (max-width: 768px) {
    .c-section-sporits__container {
        padding-top: 8vw;
    }
}
.c-section-sporits__head {
    line-height: 1;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-sporits__head {
        text-align: center;
    }
}
.c-section-sporits__body {
    margin-top: 93px;
}
@media screen and (max-width: 768px) {
    .c-section-sporits__body {
        width: 100%;
        margin-top: 7.2vw;
    }
}
.c-section-sporits__btn {
    width: 240px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-sporits__btn {
        width: 40%;
    }
}

@keyframes amime-shine {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
/* ---------------------------------------------
*   c-section-brand
--------------------------------------------- */
.c-section-brand {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-brand {
        margin-top: 23.7333333333vw;
    }
}
.c-section-brand__head {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-brand__head {
        width: 100%;
        text-align: center;
    }
}
.c-section-brand__body {
    margin-top: 36px;
}
@media screen and (max-width: 768px) {
    .c-section-brand__body {
        margin-top: 6.9333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-nav
--------------------------------------------- */
.c-section-nav {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .c-section-nav {
        margin-top: 32.2666666667vw;
    }
}
.c-section-nav--recruit {
    margin-top: 34px;
}
.c-section-nav__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-nav__container {
        width: 100%;
        padding: 0 5.3333333333%;
    }
}
.c-section-nav__head {
    text-align: center;
}
.c-section-nav__body {
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-section-nav__body {
        margin-top: 5.3333333333vw;
    }
}
.c-section-nav__foot {
    margin-top: 158px;
}
@media screen and (max-width: 768px) {
    .c-section-nav__foot {
        margin-top: 13.8666666667vw;
    }
}
.c-section-nav__bnr {
    display: block;
}
@media (hover: hover) and (pointer: fine) {
    .c-section-nav__bnr {
        transition: opacity 300ms;
    }
    .c-section-nav__bnr:hover {
        opacity: 0.8;
    }
}

/* ---------------------------------------------
*   c-section-contact
--------------------------------------------- */
.c-section-contact {
    margin-top: 122px;
    padding-bottom: 132px;
}
@media screen and (max-width: 768px) {
    .c-section-contact {
        margin-top: 12.5333333333vw;
        padding-bottom: 23.4666666667vw;
    }
}
.c-section-contact__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-contact__container {
        width: 100%;
        padding: 0 5.3333333333%;
    }
}
@media screen and (max-width: 768px) {
    .c-section-contact__head {
        text-align: center;
    }
}
.c-section-contact__body {
    display: flex;
}
.c-section-contact__list {
    margin-top: 52px;
}
@media screen and (max-width: 768px) {
    .c-section-contact__list {
        margin-top: 11.4666666667vw;
    }
}
.c-section-contact__list:first-of-type {
    margin-top: 45px;
}
@media screen and (max-width: 768px) {
    .c-section-contact__list:first-of-type {
        margin-top: 6.6666666667vw;
    }
}
.c-section-contact__list--sns:first-of-type {
    margin-top: 29px;
}
.c-section-contact__sns-link {
    margin-left: 152px;
    margin-top: -82px;
}
@media screen and (max-width: 768px) {
    .c-section-contact__sns-link {
        display: none;
    }
}
.c-section-contact__sns-txt {
    font-weight: 300;
    font-size: 1.5625rem;
    letter-spacing: 0.5em;
}
.c-section-contact__link {
    text-align: right;
    margin-top: 14px;
}
@media screen and (max-width: 768px) {
    .c-section-contact__link {
        margin-top: 2.4vw;
        margin-right: 0vw;
    }
}

/* ---------------------------------------------
*   c-section-technical
--------------------------------------------- */
.c-section-technical {
    background-color: #DDDDDD;
    margin-top: 177px;
    padding: 39px 0 65px;
}
@media screen and (max-width: 768px) {
    .c-section-technical {
        margin-top: 12.8vw;
        padding-top: 16vw;
    }
}
.c-section-technical__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-technical__container {
        width: 100%;
        padding-inline: 5.3333333333%;
    }
}
.c-section-technical__head {
    text-align: center;
}
.c-section-technical__body {
    margin-top: 33px;
}
@media screen and (max-width: 768px) {
    .c-section-technical__body {
        margin-top: 7.4666666667vw;
    }
}
.c-section-technical__intro {
    font-size: 1.125rem;
    margin-top: -12px;
}
@media screen and (max-width: 768px) {
    .c-section-technical__intro {
        font-size: 3.2vw;
        margin-top: 1.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-logo
--------------------------------------------- */
.c-section-logo__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .c-section-logo__container {
        flex-direction: column-reverse;
        width: 100%;
        padding: 0;
    }
}
.c-section-logo__desc {
    position: relative;
    width: 628px;
    height: 685px;
    overflow: hidden;
    background-color: #707070;
    padding: 107px 82px 88px;
}
@media screen and (max-width: 768px) {
    .c-section-logo__desc {
        width: 100%;
        height: auto;
        padding: 22.6666666667vw 5.3333333333% 24vw;
        margin-top: 14.9333333333vw;
    }
}
.c-section-logo__desc-inner {
    position: relative;
    z-index: 1;
}
.c-section-logo__desc-bg {
    position: absolute;
    top: -400px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/about/img_bg_logo.jpg) 0 0 no-repeat;
    background-size: 100% auto;
    z-index: 1;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    perspective: 1000;
    transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 768px) {
    .c-section-logo__desc-bg {
        top: -66.6666666667vw;
        will-change: transform;
    }
}
.c-section-logo__ttl {
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 2.625rem;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-logo__ttl {
        font-size: 6.6666666667vw;
    }
}
.c-section-logo__txt {
    color: #fff;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 2;
    margin-top: 74px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-logo__txt {
        font-size: 4vw;
        margin-top: 8.8vw;
    }
    .iphone.safari .c-section-logo__txt {
        letter-spacing: -0.03em;
    }
    .edge .c-section-logo__txt {
        letter-spacing: -0.03em;
    }
}
.c-section-logo__logo {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: 63px;
    margin-left: 10px;
}
@media screen and (max-width: 768px) {
    .c-section-logo__logo {
        width: 80%;
        margin-inline: auto;
        margin-top: 18.1333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-equipment
--------------------------------------------- */
.c-section-equipment {
    margin-top: 103px;
}
@media screen and (max-width: 768px) {
    .c-section-equipment {
        margin-top: 12vw;
    }
}
.c-section-equipment__head {
    text-align: center;
}
.c-section-equipment__body {
    width: 100%;
    min-height: 572px;
    background: url(../img/spirits/img_bg_equipment.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 205px 15px 150px;
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-section-equipment__body {
        background: url(../img/spirits/sp/img_bg_equipment.jpg) 0 0 no-repeat;
        background-size: cover;
        min-height: inherit;
        min-height: initial;
        min-height: revert;
        min-height: unset;
        padding: 16.5333333333vw 0 16vw;
    }
}
.c-section-equipment__ttl {
    color: #fff;
    font-weight: 700;
    font-size: 3.75rem;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-equipment__ttl {
        font-size: 5.8666666667vw;
    }
}
.c-section-equipment__btn {
    width: 240px;
    margin-inline: auto;
    margin-top: 35px;
}
@media screen and (max-width: 768px) {
    .c-section-equipment__btn {
        width: 40%;
        margin-top: 4.5333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-recruit
--------------------------------------------- */
.c-section-recruit {
    margin-top: 98px;
}
@media screen and (max-width: 768px) {
    .c-section-recruit {
        margin-top: 11.4666666667vw;
    }
}
.c-section-recruit__head {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
    padding-left: 93px;
}
@media screen and (max-width: 768px) {
    .c-section-recruit__head {
        width: 100%;
        padding-inline: 5.3333333333%;
    }
}
.c-section-recruit__body {
    width: 100%;
    height: 367px;
    background: url(../img/spirits/img_bg_recruit.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 81px 0 0px;
    margin-top: -12px;
}
@media screen and (max-width: 768px) {
    .c-section-recruit__body {
        height: auto;
        background: url(../img/spirits/sp/img_bg_recruit.jpg) 0 0 no-repeat;
        background-size: cover;
        margin-top: 3.2vw;
        padding-top: 22.6666666667vw;
        padding-bottom: 11.4666666667vw;
    }
}
.c-section-recruit__contents {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
    padding-right: 43px;
}
@media screen and (max-width: 768px) {
    .c-section-recruit__contents {
        width: 100%;
        padding: 0 5.3333333333%;
    }
}
.c-section-recruit__ttl {
    color: #fff;
    font-weight: 700;
    font-size: 4.6875rem;
    text-align: right;
}
@media screen and (max-width: 768px) {
    .c-section-recruit__ttl {
        font-size: 5.3333333333vw;
    }
}
.c-section-recruit__btn {
    width: 240px;
    margin-left: auto;
    margin-top: 12px;
}
@media screen and (max-width: 768px) {
    .c-section-recruit__btn {
        width: 44.776119403%;
    }
}

/* ---------------------------------------------
*   c-section-products
--------------------------------------------- */
.c-section-products {
    padding-top: 54px;
}
@media screen and (max-width: 768px) {
    .c-section-products {
        padding-top: 7.4666666667vw;
    }
}
.c-section-products__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-products__container {
        width: 100%;
        padding-inline: 5.3333333333%;
    }
}
.c-section-products__head {
    text-align: center;
    padding-left: 35px;
}
@media screen and (max-width: 768px) {
    .c-section-products__head {
        padding-left: 0;
    }
}
.c-section-products__head-intro {
    font-size: 1.25rem;
    line-height: 1.35;
    text-align: center;
    margin-top: -21px;
}
@media screen and (max-width: 768px) {
    .c-section-products__head-intro {
        font-size: 3.2vw;
        margin-top: 2.1333333333vw;
    }
}
.c-section-products__body {
    margin-top: 84px;
}
@media screen and (max-width: 768px) {
    .c-section-products__body {
        margin-top: 9.3333333333vw;
    }
}

/* ---------------------------------------------
*   c-section-quality
--------------------------------------------- */
.c-section-quality {
    margin-top: 47px;
}
@media screen and (max-width: 768px) {
    .c-section-quality {
        margin-top: 21.8666666667vw;
    }
}
.c-section-quality__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-quality__container {
        width: 100%;
        padding-inline: 5.3333333333%;
    }
}
.c-section-quality__head {
    padding-left: 80px;
}
@media screen and (max-width: 768px) {
    .c-section-quality__head {
        padding-left: 0;
    }
}
.c-section-quality__ttl {
    font-family: "Roboto", sans-serif;
    color: #454545;
    font-weight: bold;
    font-size: 2.8125rem;
    line-height: 1.4444444444;
}
@media screen and (max-width: 768px) {
    .c-section-quality__ttl {
        font-size: 5.3333333333vw;
        line-height: 1.25;
    }
}
.c-section-quality__ttl-sub {
    display: block;
    font-weight: normal;
    font-size: 1.5625rem;
    margin-top: 17px;
    margin-left: -3px;
}
@media screen and (max-width: 767px) {
    .c-section-quality__ttl-sub {
        font-size: 2.6666666667vw;
        margin-left: 0;
        margin-top: 3.2vw;
    }
}
.c-section-quality__body {
    display: flex;
    justify-content: flex-end;
}
@media screen and (max-width: 768px) {
    .c-section-quality__body {
        flex-direction: column-reverse;
        margin-top: 7.2vw;
    }
}
.c-section-quality__logo-area {
    display: flex;
    margin-top: 145px;
}
@media screen and (max-width: 768px) {
    .c-section-quality__logo-area {
        margin-top: 0;
        justify-content: flex-end;
        padding-right: 6.6666666667vw;
    }
}
.c-section-quality__logo {
    width: 150px;
}
@media screen and (max-width: 768px) {
    .c-section-quality__logo {
        width: 17.8666666667vw;
    }
}
.c-section-quality__logo--wide {
    width: 230px;
    margin-left: 16px;
    margin-top: -6px;
}
@media screen and (max-width: 768px) {
    .c-section-quality__logo--wide {
        width: 27.7333333333vw;
        margin-left: 1.3333333333vw;
        margin-top: 0.5333333333vw;
    }
}
.c-section-quality__txt {
    width: 706px;
    color: #454545;
    font-size: 1.5rem;
    line-height: 1.6666666667;
    margin-left: 79px;
    margin-top: -81px;
}
@media screen and (max-width: 768px) {
    .c-section-quality__txt {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        font-size: 3.2vw;
        line-height: 1.6666666667;
    }
    .safari .c-section-quality__txt {
        letter-spacing: 0.03em;
    }
    .windows .c-section-quality__txt {
        letter-spacing: -0.03em;
    }
}

/* ---------------------------------------------
*   c-section-partnership
--------------------------------------------- */
.c-section-partnership {
    position: relative;
    background-color: #E3E3E3;
    padding: 117px 0;
    margin-top: 62px;
}
@media screen and (max-width: 768px) {
    .c-section-partnership {
        margin-top: 13.8666666667vw;
        padding-top: 20.2666666667vw;
        padding-bottom: 13.3333333333vw;
    }
}
.c-section-partnership::before {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 366px;
    background: linear-gradient(to left, #8b8b8b 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.6;
}
@media screen and (max-width: 768px) {
    .c-section-partnership::before {
        display: none;
    }
}
.c-section-partnership__container {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
    z-index: 10;
}
@media screen and (max-width: 768px) {
    .c-section-partnership__container {
        width: 100%;
        padding-inline: 5.3333333333%;
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .c-section-partnership__container::before {
        position: absolute;
        top: 36vw;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 94.6666666667vw;
        background-color: #fff;
    }
}
.c-section-partnership__fig {
    position: relative;
    width: 699px;
    margin-left: 51px;
}
@media screen and (max-width: 768px) {
    .c-section-partnership__fig {
        width: 100%;
        margin-left: 0;
        z-index: 10;
    }
}
.c-section-partnership__desc {
    position: relative;
    width: 531px;
    background-color: #fff;
    padding: 49px 36px 48px;
    margin-top: 72px;
    margin-left: -67px;
}
@media screen and (max-width: 768px) {
    .c-section-partnership__desc {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        background-color: transparent;
        z-index: 10;
        padding: 0;
        margin-top: 5.3333333333vw;
    }
}
.c-section-partnership__ttl {
    color: #454545;
    font-weight: bold;
    font-size: 2.5rem;
    text-align: center;
    line-height: 1;
}
@media screen and (max-width: 768px) {
    .c-section-partnership__ttl {
        font-size: 8vw;
        line-height: 1.1333333333;
    }
}
.c-section-partnership__txt {
    color: #454545;
    font-size: 1.5625rem;
    line-height: 1.6;
    margin-top: 25px;
}
@media screen and (max-width: 768px) {
    .c-section-partnership__txt {
        font-size: 3.2vw;
        line-height: 1.6666666667;
        width: 78.5074626866%;
        margin-inline: auto;
        text-align: center;
        margin-top: 3.4666666667vw;
    }
}
.c-section-partnership__btn {
    width: 404px;
    margin-inline: auto;
    margin-top: 36px;
}
@media screen and (max-width: 768px) {
    .c-section-partnership__btn {
        width: 69.8507462687%;
        margin-top: 4vw;
    }
}
.c-section-partnership__btn-note {
    color: #1D1D1D;
    font-size: 1.125rem;
    line-height: 1.6666666667;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .c-section-partnership__btn-note {
        font-size: 3.2vw;
        line-height: 2.5;
        margin-top: -1.0666666667vw;
    }
}

/* ---------------------------------------------
*   c-section-sainokuni
--------------------------------------------- */
.c-section-sainokuni {
    padding: 151px 0;
}
@media screen and (max-width: 768px) {
    .c-section-sainokuni {
        padding: 16.5333333333vw 0 0;
    }
}
.c-section-sainokuni__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-sainokuni__container {
        width: 100%;
        padding-inline: 0;
    }
}
.c-section-sainokuni__ttl {
    color: #454545;
    font-weight: bold;
    font-size: 2.25rem;
    line-height: 1.25;
}
@media screen and (max-width: 768px) {
    .c-section-sainokuni__ttl {
        font-size: 4vw;
        line-height: 1.6666666667;
        text-align: center;
    }
}
.c-section-sainokuni__body {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 82px;
    padding-left: 4px;
}
@media screen and (max-width: 768px) {
    .c-section-sainokuni__body {
        display: block;
        padding-inline: 5.3333333333%;
        margin-top: 4.8vw;
    }
}
.c-section-sainokuni__logo {
    position: absolute;
    width: 340px;
    top: -54px;
    right: 58px;
}
@media screen and (max-width: 768px) {
    .c-section-sainokuni__logo {
        position: static;
        top: auto;
        right: auto;
        width: 40.8955223881%;
        margin-inline: auto;
        margin-bottom: 4.8vw;
    }
}
.c-section-sainokuni__btn {
    width: 404px;
    margin-top: 83px;
}
@media screen and (max-width: 768px) {
    .c-section-sainokuni__btn {
        width: 56%;
        margin-inline: auto;
        margin-top: 13.0666666667vw;
    }
}
.c-section-sainokuni__btn-note {
    color: #1D1D1D;
    font-size: 1.125rem;
    margin-top: 6px;
}
@media screen and (max-width: 768px) {
    .c-section-sainokuni__btn-note {
        font-size: 3.2vw;
        line-height: 2.5;
        margin-top: -1.0666666667vw;
        text-align: center;
    }
}

/* ---------------------------------------------
*   c-section-action
--------------------------------------------- */
.c-section-action {
    margin-top: 42px;
    margin-bottom: 288px;
}
@media screen and (max-width: 768px) {
    .c-section-action {
        background: linear-gradient(to right, #2d6813 0%, #17340a 100%);
        padding-top: 11.4666666667vw;
        padding-bottom: 11.7333333333vw;
        margin-top: 9.8666666667vw;
        margin-bottom: 0;
    }
}
.c-section-action__container {
    width: 1300px;
    padding-inline: 15px;
    margin-inline: auto;
}
@media screen and (max-width: 768px) {
    .c-section-action__container {
        width: 100%;
        padding-inline: 5.3333333333%;
    }
}
.c-section-action__body {
    margin-top: 71px;
    padding-right: 4px;
}
@media screen and (max-width: 768px) {
    .c-section-action__body {
        margin-top: 11.7333333333vw;
        padding-right: 0;
    }
}
.c-section-action__ttl {
    position: relative;
    display: inline-block;
    color: #454545;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 4.375rem;
    padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .c-section-action__ttl {
        color: #fff;
        font-size: 8vw;
        padding-bottom: 2.4vw;
        margin-left: 2.9333333333vw;
    }
}
.c-section-action__ttl::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 13px;
    background-color: #454545;
}
@media screen and (max-width: 768px) {
    .c-section-action__ttl::before {
        width: 107%;
        left: -3.2vw;
        height: 2.1333333333vw;
        background-color: #fff;
    }
}
.c-section-action__sub-ttl {
    color: #454545;
    font-size: 1.5625rem;
    line-height: 1.6;
    margin-top: 15px;
}
@media screen and (max-width: 768px) {
    .c-section-action__sub-ttl {
        color: #fff;
        font-size: 3.2vw;
        text-align: center;
        margin-top: 1.8666666667vw;
    }
}

/* ---------------------------------------------
*   c-table-1
--------------------------------------------- */
.c-table-1 {
    display: flex;
    flex-wrap: wrap;
}
.c-table-1__ttl, .c-table-1__content {
    font-size: 1.25rem;
    padding: 23px 0 26px;
}
@media screen and (max-width: 768px) {
    .c-table-1__ttl, .c-table-1__content {
        font-size: 3.2vw;
        padding: 3.7333333333vw 0;
        border-bottom: none;
    }
}
.c-table-1__ttl {
    position: relative;
    display: flex;
    align-items: center;
    width: 333px;
    text-align: justify;
    -moz-text-align-last: justify;
         text-align-last: justify;
    padding-left: 90px;
}
@media screen and (max-width: 768px) {
    .c-table-1__ttl {
        width: 45.2173913043%;
        padding-left: 7.4666666667vw;
    }
}
.c-table-1__ttl::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 954px;
    height: 1px;
    background: url(../img/about/sp/img_bg_line.png) 0 0 repeat-x;
    background-size: 2px 1px;
}
@media screen and (max-width: 768px) {
    .c-table-1__ttl::before {
        width: 80.8vw;
    }
}
.c-table-1__ttl-txt {
    width: 78px;
}
@media screen and (max-width: 768px) {
    .c-table-1__ttl-txt {
        width: 13.3333333333vw;
    }
}
.c-table-1__ttl-txt--wide {
    width: 81px;
}
@media screen and (max-width: 768px) {
    .c-table-1__ttl-txt--wide {
        width: 13.3333333333vw;
    }
}
.c-table-1__content {
    width: calc(100% - 333px);
    line-height: 1.6;
    font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
    .c-table-1__content {
        width: 54.7826086957%;
        font-size: 3.4666666667vw;
    }
}

/* ---------------------------------------------
*   c-ttl-1
--------------------------------------------- */
.c-ttl-1 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 6.25rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-1 {
        font-size: 8vw;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-1--kv {
        font-size: 11.2vw;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-1--history {
        font-size: 10.6666666667vw;
    }
}
@media screen and (max-width: 768px) {
    .c-ttl-1--nav, .c-ttl-1--contact, .c-ttl-1--equipment, .c-ttl-1--recruit, .c-ttl-1--product {
        font-size: 5.8666666667vw;
    }
}
.c-ttl-1--contact a img {
    vertical-align: text-bottom;
    width: 8%;
    margin-left: 20px;
}
@media screen and (max-width: 768px) {
    .c-ttl-1--contact a img {
        margin-left: 0;
        width: 15%;
    }
}
.c-ttl-1__sub {
    display: block;
    font-weight: 300;
    font-size: 2rem;
    letter-spacing: 0.5em;
    margin-bottom: -25px;
}
@media screen and (max-width: 768px) {
    .c-ttl-1__sub {
        font-size: 4vw;
        margin-bottom: -1.3333333333vw;
    }
}
.c-ttl-1--white {
    color: #fff;
}

/* ---------------------------------------------
*   c-ttl-2
--------------------------------------------- */
.c-ttl-2 {
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 7.5rem;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .c-ttl-2 {
        font-size: 12.2666666667vw;
        letter-spacing: 0.01em;
    }
}

/* ---------------------------------------------
*   c-ttl-3
--------------------------------------------- */
.c-ttl-3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 3.75rem;
}
@media screen and (max-width: 768px) {
    .c-ttl-3 {
        font-size: 8vw;
    }
}

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

/* ---------------------------------------------
*   background-color
--------------------------------------------- */
.bg-white {
    background-color: #fff !important;
}

/* ---------------------------------------------
*   font-wight
--------------------------------------------- */
.fw-normal {
    font-weight: 500 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

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

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

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

/*  js-fadein
--------------------------------------------- */
/* フェードイン */
.js-fadein {
    opacity: 0;
}
.js-fadein.is-active {
    opacity: 1;
    transition: opacity 1s;
}

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

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

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

/*  .js-pagetop-threshold
--------------------------------------------- */
.js-pagetop-threshold {
    position: absolute;
    top: 0;
    height: 300px;
}

.js-parallax-elm-box {
    overflow: hidden;
}

.js-parallax-elm-box img {
    display: block;
}

/*  js-tel-disabled
--------------------------------------------- */
.js-tel-disabled {
    display: inline-block;
    pointer-events: none;
}

@media print and (min-width: 769px), screen and (min-width: 769px) {
    .pc-hide {
        display: none !important;
    }
}
@media print and (max-width: 768px), 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: 1.3333333333vw !important;
    }
    .mgt-sp--10 {
        margin-top: 2.6666666667vw !important;
    }
    .mgt-sp--15 {
        margin-top: 4vw !important;
    }
    .mgt-sp--20 {
        margin-top: 5.3333333333vw !important;
    }
    .mgt-sp--25 {
        margin-top: 6.6666666667vw !important;
    }
    .mgt-sp--30 {
        margin-top: 8vw !important;
    }
    .mgt-sp--35 {
        margin-top: 9.3333333333vw !important;
    }
    .mgt-sp--40 {
        margin-top: 10.6666666667vw !important;
    }
    .mgt-sp--45 {
        margin-top: 12vw !important;
    }
    .mgt-sp--50 {
        margin-top: 13.3333333333vw !important;
    }
    .mgt-sp--55 {
        margin-top: 14.6666666667vw !important;
    }
    .mgt-sp--60 {
        margin-top: 16vw !important;
    }
    .mgt-sp--65 {
        margin-top: 17.3333333333vw !important;
    }
    .mgt-sp--70 {
        margin-top: 18.6666666667vw !important;
    }
    .mgt-sp--75 {
        margin-top: 20vw !important;
    }
    .mgt-sp--80 {
        margin-top: 21.3333333333vw !important;
    }
    .mgt-sp--85 {
        margin-top: 22.6666666667vw !important;
    }
    .mgt-sp--90 {
        margin-top: 24vw !important;
    }
    .mgt-sp--95 {
        margin-top: 25.3333333333vw !important;
    }
    .mgt-sp--100 {
        margin-top: 26.6666666667vw !important;
    }
    .mgt-sp--105 {
        margin-top: 28vw !important;
    }
    .mgt-sp--110 {
        margin-top: 29.3333333333vw !important;
    }
    .mgt-sp--115 {
        margin-top: 30.6666666667vw !important;
    }
    .mgt-sp--120 {
        margin-top: 32vw !important;
    }
    .mgt-sp--125 {
        margin-top: 33.3333333333vw !important;
    }
    .mgt-sp--130 {
        margin-top: 34.6666666667vw !important;
    }
    .mgt-sp--135 {
        margin-top: 36vw !important;
    }
    .mgt-sp--140 {
        margin-top: 37.3333333333vw !important;
    }
    .mgt-sp--145 {
        margin-top: 38.6666666667vw !important;
    }
    .mgt-sp--150 {
        margin-top: 40vw !important;
    }
    .mgt-sp--155 {
        margin-top: 41.3333333333vw !important;
    }
    .mgt-sp--160 {
        margin-top: 42.6666666667vw !important;
    }
    .mgt-sp--165 {
        margin-top: 44vw !important;
    }
    .mgt-sp--170 {
        margin-top: 45.3333333333vw !important;
    }
    .mgt-sp--175 {
        margin-top: 46.6666666667vw !important;
    }
    .mgt-sp--180 {
        margin-top: 48vw !important;
    }
    .mgt-sp--185 {
        margin-top: 49.3333333333vw !important;
    }
    .mgt-sp--190 {
        margin-top: 50.6666666667vw !important;
    }
    .mgt-sp--195 {
        margin-top: 52vw !important;
    }
    .mgt-sp--200 {
        margin-top: 53.3333333333vw !important;
    }
    .mgt-sp--205 {
        margin-top: 54.6666666667vw !important;
    }
    .mgt-sp--210 {
        margin-top: 56vw !important;
    }
    .mgt-sp--215 {
        margin-top: 57.3333333333vw !important;
    }
    .mgt-sp--220 {
        margin-top: 58.6666666667vw !important;
    }
    .mgt-sp--225 {
        margin-top: 60vw !important;
    }
    .mgt-sp--230 {
        margin-top: 61.3333333333vw !important;
    }
    .mgt-sp--235 {
        margin-top: 62.6666666667vw !important;
    }
    .mgt-sp--240 {
        margin-top: 64vw !important;
    }
    .mgt-sp--245 {
        margin-top: 65.3333333333vw !important;
    }
    .mgt-sp--250 {
        margin-top: 66.6666666667vw !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: 1.3333333333vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 2.6666666667vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 5.3333333333vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 6.6666666667vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 9.3333333333vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 10.6666666667vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 13.3333333333vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 14.6666666667vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 17.3333333333vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 18.6666666667vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 21.3333333333vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 22.6666666667vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 25.3333333333vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 26.6666666667vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 29.3333333333vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 30.6666666667vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 33.3333333333vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 34.6666666667vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 36vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 37.3333333333vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 38.6666666667vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 40vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 41.3333333333vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 42.6666666667vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 44vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 45.3333333333vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 46.6666666667vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 48vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 49.3333333333vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 50.6666666667vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 52vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 53.3333333333vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 54.6666666667vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 56vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 57.3333333333vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 58.6666666667vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 60vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 61.3333333333vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 62.6666666667vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 64vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 65.3333333333vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 66.6666666667vw !important;
    }
}