@charset "UTF-8";

@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?') format('embedded-opentype'), url('bebasneue-webfont.woff') format('woff'), url('bebasneue-webfont.ttf') format('truetype'), url('bebasneue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal
}


@media screen and (max-width: 899px) {
    .comingsoon-cmn-title {
        margin-top: 26.66667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .comingsoon-cmn-title__inner {
        position: relative;
        margin-bottom: 17.33333vw
    }

    .comingsoon-cmn-title__inner h2 {
        width: 78.13333vw
    }

    .comingsoon-cmn-title__inner .cmn-btn-back {
        position: absolute;
        bottom: 18.66667vw;
        left: 21.86667vw
    }

    .comingsoon-cmn-title__inner .cmn-btn-back span {
        font-size: 1.77531rem;
        font-size: 7.57467vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7
    }
}

@media screen and (min-width: 900px) {
    .comingsoon-cmn-title {
        margin-top: 137px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .comingsoon-cmn-title__inner {
        position: relative;
        margin-bottom: 125px
    }

    .comingsoon-cmn-title__inner h2 {
        width: 983px
    }

    .comingsoon-cmn-title__inner .cmn-btn-back {
        position: absolute;
        bottom: 10px;
        left: 415px
    }

    .comingsoon-cmn-title__inner .cmn-btn-back span {
        font-size: 31.57px;
        font-size: 1.97313rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7
    }
}

@media screen and (max-width: 899px) {
    .contact-cmn-title {
        margin-top: 26.66667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact-cmn-title__inner {
        text-align: center
    }

    .contact-cmn-title__inner h2 {
        font-size: 4.375rem;
        font-size: 18.66667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        margin-bottom: 12vw
    }

    .contact-cmn-title__inner .adj-t {
        margin-left: .03em;
        margin-right: -.03em
    }

    .contact-cmn-title__inner .adj-c {
        margin-left: -.03em;
        margin-right: .035em
    }

    .contact-cmn-title__inner p {
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .04em;
        margin-bottom: 20vw
    }

    .contact-cmn-btns__btn {
        position: relative;
        cursor: pointer
    }

    .contact-cmn-btns__btn a {
        position: relative
    }

    .contact-cmn-btns__btn input[type=button], .contact-cmn-btns__btn input[type=submit] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        border-radius: 0;
        border: .53333vw solid #fff;
        cursor: pointer;
        width: 100%;
        height: 18.66667vw;
        background-color: transparent;
        color: #000;
        font-size: .875rem;
        font-size: 3.73333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        cursor: pointer
    }

    .contact-cmn-btns__btn input[type=button][disabled] {
        cursor: auto;
        color: #000;
        background-color: #333;
        border: .53333vw solid #333
    }

    .contact-cmn-btns__btn.-border {
        background-color: #000
    }

    .contact-cmn-btns__btn.-border input[type=button], .contact-cmn-btns__btn.-border input[type=submit] {
        color: #fff
    }

    .contact-cmn-btns__btn.-border:before {
        background: #fff
    }

    .contact-cmn-btns__btn.-fill {
        background-color: #fff
    }

    .contact-cmn-btns__btn.-fill:before {
        background: #000
    }

    .contact-cmn-btns.-half {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .contact-cmn-btns.-half .contact-cmn-btns__btn {
        width: 42.66667vw
    }
}

@media screen and (min-width: 900px) {
    .contact-cmn-title {
        margin-top: 242px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact-cmn-title__inner {
        text-align: center
    }

    .contact-cmn-title__inner h2 {
        font-size: 162px;
        font-size: 10.125rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        margin-bottom: 58px
    }

    .contact-cmn-title__inner .adj-t {
        margin-left: .03em;
        margin-right: -.03em
    }

    .contact-cmn-title__inner .adj-c {
        margin-left: -.03em;
        margin-right: .035em
    }

    .contact-cmn-title__inner p {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .06em;
        margin-bottom: 160px
    }

    .contact-cmn-btns__btn {
        position: relative;
        cursor: pointer
    }

    .contact-cmn-btns__btn a {
        position: relative
    }

    .contact-cmn-btns__btn:hover:before {
        top: 0;
        bottom: auto;
        height: 100%
    }

    .contact-cmn-btns__btn:before {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 0;
        width: 100%;
        content: '';
        -webkit-transition: all .5s cubic-bezier(.23, 1, .32, 1);
        transition: all .5s cubic-bezier(.23, 1, .32, 1)
    }

    .contact-cmn-btns__btn input[type=button], .contact-cmn-btns__btn input[type=submit] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        border-radius: 0;
        border: 2px solid #fff;
        cursor: pointer;
        width: 100%;
        height: 95px;
        background-color: transparent;
        color: #000;
        font-size: 17.5px;
        font-size: 1.09375rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        -webkit-transition: all .2s cubic-bezier(.23, 1, .32, 1);
        transition: all .2s cubic-bezier(.23, 1, .32, 1)
    }

    .contact-cmn-btns__btn input[type=button][disabled] {
        cursor: auto;
        color: #000;
        background-color: #333;
        border: .53333vw solid #333
    }

    .contact-cmn-btns__btn input[type=button][disabled]:hover {
        color: #000 !important
    }

    .contact-cmn-btns__btn.-border {
        background-color: #000
    }

    .contact-cmn-btns__btn.-border input[type=button], .contact-cmn-btns__btn.-border input[type=submit] {
        color: #fff
    }

    .contact-cmn-btns__btn.-border:hover input[type=button], .contact-cmn-btns__btn.-border:hover input[type=submit] {
        color: #000
    }

    .contact-cmn-btns__btn.-border:before {
        background: #fff
    }

    .contact-cmn-btns__btn.-fill {
        background-color: #fff
    }

    .contact-cmn-btns__btn.-fill:hover input[type=button], .contact-cmn-btns__btn.-fill:hover input[type=submit] {
        color: #fff
    }

    .contact-cmn-btns__btn.-fill:before {
        background: #000
    }

    .contact-cmn-btns.-half {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .contact-cmn-btns.-half .contact-cmn-btns__btn {
        width: 46.0396%
    }
}

@media screen and (max-width: 899px) {
    .main-container.-contact-complete .contact-cmn-title {
        margin-top: 44vw
    }

    .main-container.-contact-complete .contact-cmn-title__inner {
        margin-bottom: 36vw
    }

    .main-container.-contact-complete .contact-cmn-title__inner p {
        margin-bottom: 6.66667vw
    }

    .main-container.-contact-complete .contact-cmn-title__inner .btn_back {
        font-size: .9375rem;
        font-size: 4vw;
        position: relative;
        display: inline-block
    }

    .main-container.-contact-complete .contact-cmn-title__inner .btn_back:after {
        content: "";
        position: absolute;
        bottom: -2.13333vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }
}

@media screen and (min-width: 900px) {
    .main-container.-contact-complete .contact-cmn-title {
        margin-top: 290px
    }

    .main-container.-contact-complete .contact-cmn-title__inner {
        margin-bottom: 350px
    }

    .main-container.-contact-complete .contact-cmn-title__inner p {
        margin-bottom: 45px
    }

    .main-container.-contact-complete .contact-cmn-title__inner a {
        position: relative
    }

    .main-container.-contact-complete .contact-cmn-title__inner a:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px)
    }

    .main-container.-contact-complete .contact-cmn-title__inner a .btn_back {
        font-size: 17.64px;
        font-size: 1.1025rem;
        position: relative;
        display: inline-block
    }

    .main-container.-contact-complete .contact-cmn-title__inner a .btn_back:after {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .main-container.-contact-complete .contact-cmn-title__inner a:hover .btn_back:after {
        -webkit-animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards
    }
}

@media screen and (max-width: 899px) {
    .main-container.-contact-confirm {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: 1.21875;
        margin-bottom: 2.13333vw
    }

    .main-container.-contact-confirm .recruit-privacy__label {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: 1.21875;
        margin-bottom: 2.13333vw
    }

    .main-container.-contact-confirm .recruit-privacy__inner {
        display: none
    }

    .main-container.-contact-confirm .form-confirm {
        margin-bottom: 33.33333vw
    }

    .main-container.-contact-confirm .form-confirm__inner {
        width: 89.73333vw;
        margin: 0 auto
    }

    .main-container.-contact-confirm .form-confirm__inner dl dt {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: 1.21875;
        margin-bottom: 2.13333vw
    }

    .main-container.-contact-confirm .form-confirm__inner dl dd, .main-container.-contact-confirm .form-confirm__inner dl p {
        font-size: .75rem;
        font-size: 3.2vw;
        line-height: 1.66667;
        margin-bottom: 7.33333vw;
        padding-bottom: 2.4vw;
        border-bottom: .93333vw solid #fff
    }

    .main-container.-contact-confirm .form-confirm__inner dl dd.portfolio-message {
        display: none
    }

    .main-container.-contact-confirm .form-confirm__inner sub {
        font-size: .6875rem;
        font-size: 2.93333vw;
        margin-left: 1.33333vw
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__btn {
        width: calc(50% - 2.5%)
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back {
        background-color: #000
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back:before {
        background: #fff
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back input[type=submit] {
        color: #fff
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back:hover input[type=submit] {
        color: #000
    }
}

@media screen and (min-width: 900px) {
    .main-container.-contact-confirm .recruit-privacy__label {
        font-size: 25px;
        font-size: 1.5625rem;
        margin-bottom: 20px
    }

    .main-container.-contact-confirm .recruit-privacy__inner {
        display: none
    }

    .main-container.-contact-confirm .form-confirm {
        margin-bottom: 250px
    }

    .main-container.-contact-confirm .form-confirm__inner {
        width: calc(100% - 136px);
        max-width: 1015px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container.-contact-confirm .form-confirm__inner dl dt {
        font-size: 25px;
        font-size: 1.5625rem;
        margin-bottom: 20px
    }

    .main-container.-contact-confirm .form-confirm__inner dl dd {
        font-size: 17.5px;
        font-size: 1.09375rem;
        line-height: 1.77143;
        margin-bottom: 50px;
        padding-bottom: 14px;
        border-bottom: 3px solid #fff
    }

    .main-container.-contact-confirm .form-confirm__inner dl dd.portfolio-message {
        display: none
    }

    .main-container.-contact-confirm .form-confirm__inner sub {
        font-size: 18px;
        font-size: 1.125rem;
        margin-left: 8px
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__btn {
        width: calc(50% - 5%)
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back {
        background-color: #000
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back:before {
        background: #fff
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back input[type=submit] {
        color: #fff
    }

    .main-container.-contact-confirm .form-confirm__inner .contact-cmn-btns__back:hover input[type=submit] {
        color: #000
    }
}

@media screen and (max-width: 899px) {
    .main-container.-contact .form {
        margin-bottom: 33.33333vw
    }

    .main-container.-contact .form__inner {
        width: 92vw;
        margin: 0 auto
    }

    .main-container.-contact .form__inner .form__common {
        margin-bottom: 10.66667vw
    }

    .main-container.-contact .form__inner .form__common .link_joinus {
        font-size: .75rem;
        font-size: 3.2vw;
        position: relative;
        display: inline-block
    }

    .main-container.-contact .form__inner .form__common .link_joinus:after {
        content: "";
        position: absolute;
        bottom: -2vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }

    .main-container.-contact .form__inner dl dt {
        margin-left: 1.33333vw;
        margin-bottom: 1.6vw
    }

    .main-container.-contact .form__inner dl dt.-radio {
        margin-bottom: 6vw
    }

    .main-container.-contact .form__inner dl dt .dt_label {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: 1.25;
        margin-right: 2.66667vw
    }

    .main-container.-contact .form__inner dl dd {
        position: relative;
        margin-bottom: 5.33333vw
    }

    .main-container.-contact .form__inner dl dd.-portfolio {
        font-size: .75rem;
        font-size: 3.2vw;
        line-height: 1.20833;
        margin-top: -2.66667vw
    }

    .main-container.-contact .form__inner sub {
        font-size: .6875rem;
        font-size: 2.93333vw;
        margin-left: 1.33333vw
    }

    .main-container.-contact .form__inner .alert_txt {
        color: #c71e1e;
        font-size: .875rem;
        font-size: 3.73333vw
    }

    .main-container.-contact .form__inner .alert_txt.-small {
        font-size: .8125rem;
        font-size: 3.46667vw;
        display: inline-block
    }

    .main-container.-contact .form__inner .alert_txt .mw_wp_form .error {
        font-size: 100% !important;
        color: #c71e1e !important;
        display: inline-block !important
    }

    .main-container.-contact .form__inner input[type=radio] {
        display: none
    }

    .main-container.-contact .form__inner input[type=radio] + label {
        position: relative;
        padding-left: 8vw;
        font-size: .75rem;
        font-size: 3.2vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-contact .form__inner input[type=radio] + label:after, .main-container.-contact .form__inner input[type=radio] + label:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .main-container.-contact .form__inner input[type=radio] + label:after {
        left: 0;
        width: 5.33333vw;
        height: 5.33333vw;
        border: .8vw solid #fff
    }

    .main-container.-contact .form__inner input[type=radio] + label:before {
        left: 1.8vw;
        width: 1.6vw;
        height: 1.6vw;
        background: #fff;
        opacity: 0;
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease
    }

    .main-container.-contact .form__inner input[type=radio]:checked + label:before {
        opacity: 1
    }

    .main-container.-contact .form__inner input[type=email], .main-container.-contact .form__inner input[type=password], .main-container.-contact .form__inner input[type=tel], .main-container.-contact .form__inner input[type=text], .main-container.-contact .form__inner input[type=url] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        border-radius: 0;
        background: #000;
        width: 100%;
        padding: .8em 1em;
        border: .53333vw solid #fff;
        color: #fff;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .main-container.-contact .form__inner input[type=email].status_ok + .status_icon, .main-container.-contact .form__inner input[type=password].status_ok + .status_icon, .main-container.-contact .form__inner input[type=tel].status_ok + .status_icon, .main-container.-contact .form__inner input[type=text].status_ok + .status_icon, .main-container.-contact .form__inner input[type=url].status_ok + .status_icon {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 4.26667vw;
        margin: auto;
        width: 2.66667vw;
        height: 1.6vw;
        border-left: .4vw solid #fff;
        border-bottom: .4vw solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 4.26667vw;
        margin: auto;
        width: 3.2vw;
        height: .53333vw
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: red
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-container.-contact .form__inner input::-ms-clear {
        visibility: hidden
    }

    .main-container.-contact .form__inner input::-ms-reveal {
        visibility: hidden
    }

    .main-container.-contact .form__inner input::-webkit-input-placeholder, .main-container.-contact .form__inner textarea::-webkit-input-placeholder {
        color: #575757
    }

    .main-container.-contact .form__inner textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        border-radius: 0;
        background: #000;
        border: .53333vw solid #fff;
        color: #fff;
        width: 100%;
        height: 72vw;
        padding: .6em 1em;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 16px
    }

    .main-container.-contact .form__inner .recruit-privacy {
        margin-bottom: 4vw
    }

    .main-container.-contact .form__inner .recruit-privacy__label {
        font-size: 1rem;
        font-size: 4.26667vw;
        margin-top: 7.33333vw;
        margin-bottom: 1.6vw
    }

    .main-container.-contact .form__inner .recruit-privacy__inner {
        position: relative;
        width: 100%;
        height: 72vw;
        background-color: #000;
        border: .53333vw solid #fff;
        padding: 4vw
    }

    .main-container.-contact .form__inner .recruit-privacy__scroll {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: auto;
        color: #a3a3a3;
        font-size: .75rem;
        font-size: 3.2vw;
        line-height: 1.66667
    }

    .main-container.-contact .form__inner .recruit-privacy__scroll p {
        width: 77.33333vw;
        margin-bottom: 1.8em
    }
}

@media screen and (min-width: 900px) {
    .main-container.-contact .form {
        margin-bottom: 250px
    }

    .main-container.-contact .form__inner {
        width: calc(100% - 136px);
        max-width: 1015px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container.-contact .form__inner .form__common {
        margin-bottom: 80px
    }

    .main-container.-contact .form__inner .form__common a {
        position: relative
    }

    .main-container.-contact .form__inner .form__common a:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px)
    }

    .main-container.-contact .form__inner .form__common a .link_joinus {
        font-size: 17.5px;
        font-size: 1.09375rem;
        position: relative;
        display: inline-block
    }

    .main-container.-contact .form__inner .form__common a .link_joinus:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff
    }

    .main-container.-contact .form__inner .form__common a:hover .link_joinus:after {
        -webkit-animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards
    }

    .main-container.-contact .form__inner dl dt {
        margin-bottom: 18px
    }

    .main-container.-contact .form__inner dl dt.-radio {
        margin-bottom: 30px
    }

    .main-container.-contact .form__inner dl dt .dt_label {
        font-size: 25px;
        font-size: 1.5625rem;
        margin-right: 12px
    }

    .main-container.-contact .form__inner dl dd {
        position: relative;
        margin-bottom: 32px
    }

    .main-container.-contact .form__inner dl dd.-portfolio {
        font-size: 17.5px;
        font-size: 1.09375rem;
        line-height: 1.25714;
        margin-top: -14px
    }

    .main-container.-contact .form__inner dl dd.-privacy {
        margin-bottom: 70px
    }

    .main-container.-contact .form__inner dl dd.-radio {
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 72px
    }

    .main-container.-contact .form__inner dl dd.-radio label {
        -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: opacity .3s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-contact .form__inner dl dd.-radio:hover label {
        opacity: .6
    }

    .main-container.-contact .form__inner dl dd.-radio2 {
        margin-bottom: 30px
    }

    .main-container.-contact .form__inner sub {
        font-size: 18px;
        font-size: 1.125rem;
        margin-left: 8px
    }

    .main-container.-contact .form__inner .alert_txt {
        color: #c71e1e;
        font-size: 17.5px;
        font-size: 1.09375rem
    }

    .main-container.-contact .form__inner .alert_txt .error {
        font-size: 100% !important;
        color: #c71e1e !important;
        display: inline-block !important
    }

    .main-container.-contact .form__inner input[type=radio] {
        display: none
    }

    .main-container.-contact .form__inner input[type=radio] + label {
        position: relative;
        padding-left: 40px;
        font-size: 17.5px;
        font-size: 1.09375rem;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        cursor: pointer
    }

    .main-container.-contact .form__inner input[type=radio] + label:after, .main-container.-contact .form__inner input[type=radio] + label:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .main-container.-contact .form__inner input[type=radio] + label:after {
        left: 0;
        width: 27px;
        height: 27px;
        border: 3px solid #fff
    }

    .main-container.-contact .form__inner input[type=radio] + label:before {
        left: 9px;
        width: 9px;
        height: 9px;
        background: #fff;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: opacity .1s ease, -webkit-transform .3s ease;
        transition: opacity .1s ease, -webkit-transform .3s ease;
        transition: opacity .1s ease, transform .3s ease;
        transition: opacity .1s ease, transform .3s ease, -webkit-transform .3s ease
    }

    .main-container.-contact .form__inner input[type=radio]:checked + label {
        opacity: 1 !important
    }

    .main-container.-contact .form__inner input[type=radio]:checked + label:before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-container.-contact .form__inner input[type=email], .main-container.-contact .form__inner input[type=password], .main-container.-contact .form__inner input[type=tel], .main-container.-contact .form__inner input[type=text], .main-container.-contact .form__inner input[type=url] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        border-radius: 0;
        background: #000;
        width: 100%;
        padding: 1.2em 1em;
        border: 3px solid #fff;
        color: #fff;
        font-size: 17.5px;
        font-size: 1.09375rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .main-container.-contact .form__inner input[type=email].status_ok + .status_icon, .main-container.-contact .form__inner input[type=password].status_ok + .status_icon, .main-container.-contact .form__inner input[type=tel].status_ok + .status_icon, .main-container.-contact .form__inner input[type=text].status_ok + .status_icon, .main-container.-contact .form__inner input[type=url].status_ok + .status_icon {
        display: block;
        position: absolute;
        top: 0;
        bottom: 5px;
        right: 22px;
        margin: auto;
        width: 14px;
        height: 9px;
        border-left: 3px solid #fff;
        border-bottom: 3px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 22px;
        margin: auto;
        width: 16px;
        height: 3px
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: red
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:before, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-container.-contact .form__inner input[type=email].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=password].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=tel].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=text].status_ng + .status_icon:after, .main-container.-contact .form__inner input[type=url].status_ng + .status_icon:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-container.-contact .form__inner input::-ms-clear {
        visibility: hidden
    }

    .main-container.-contact .form__inner input::-ms-reveal {
        visibility: hidden
    }

    .main-container.-contact .form__inner input::-webkit-input-placeholder, .main-container.-contact .form__inner textarea::-webkit-input-placeholder {
        color: #575757
    }

    .main-container.-contact .form__inner textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
        border-radius: 0;
        background: #000;
        border: 3px solid #fff;
        color: #fff;
        width: 100%;
        height: 340px;
        padding: .6em 1em;
        font-size: 17.5px;
        font-size: 1.09375rem;
        line-height: 2;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0
    }

    .main-container.-contact .form__inner .recruit-privacy {
        margin-bottom: 35px
    }

    .main-container.-contact .form__inner .recruit-privacy__label {
        font-size: 25px;
        font-size: 1.5625rem;
        margin-top: 35px;
        margin-bottom: 15px
    }

    .main-container.-contact .form__inner .recruit-privacy__inner {
        position: relative;
        width: 100%;
        height: 310px;
        background-color: #000;
        border: 3px solid #fff;
        padding: 15px 15px 15px 12px
    }

    .main-container.-contact .form__inner .recruit-privacy__scroll {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: auto;
        color: #a3a3a3;
        font-size: 17.5px;
        font-size: 1.09375rem;
        line-height: 1.77143
    }

    .main-container.-contact .form__inner .recruit-privacy__scroll p {
        margin-bottom: 1.8em;
        width: calc(100% - 65px)
    }
}

@media screen and (max-width: 899px) {
    .main-container.-company .sec1__catch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        margin-top: 32vw
    }
}

@media screen and (min-width: 900px) {
    .main-container.-company .sec1 {
        position: relative;
        margin-bottom: 15px
    }

    .main-container.-company .sec1__catch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding-top: 250px
    }
}

@media screen and (max-width: 899px) {
    .main-container.-company .sec2__inner .cmn-h2-title {
        margin-top: 33.33333vw
    }

    .main-container.-company .sec2__members {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 89.33333vw;
        margin: 0 auto
    }

    .main-container.-company .sec2__members__member {
        width: 50%;
        margin-bottom: 10.66667vw
    }

    .main-container.-company .sec2__members__member .member__info {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center
    }

    .main-container.-company .sec2__members__member .member__info .member__name {
        font-size: 1.625rem;
        font-size: 6.93333vw;
        line-height: .7;
        margin-bottom: 1.6vw;
        letter-spacing: 0
    }

    .main-container.-company .sec2__members__member .member__info .member__position {
        font-size: .78125rem;
        font-size: 3.33333vw;
        line-height: .7;
        margin-bottom: 3.33333vw;
        letter-spacing: 0
    }

    .main-container.-company .sec2__members__member .member__info.-you {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .main-container.-company .sec2__members__member .member__info.-you .member__position {
        margin-bottom: 2.66667vw
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__name {
        font-size: 2.5625rem;
        font-size: 10.93333vw;
        margin-bottom: 5.33333vw;
        letter-spacing: 0
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow {
        position: relative;
        width: 8.66667vw;
        height: 8.66667vw;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: .66667vw solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__icon {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 2.66667vw;
        height: .8vw;
        background-color: #fff
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__icon:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .main-container.-company .sec2__members__member .member__img {
        position: relative;
        padding-top: 95.33333%
    }
}

@media screen and (min-width: 900px) {
    .main-container.-company .sec2 {
        margin-bottom: 25px
    }

    .main-container.-company .sec2__inner .cmn-h2-title {
        padding-top: 150px;
        margin-bottom: 130px
    }

    .main-container.-company .sec2__members {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(100% - 136px);
        max-width: 1200px;
        margin: 0 auto
    }

    .main-container.-company .sec2__members__member {
        width: 25%;
        min-width: 220px
    }

    .main-container.-company .sec2__members__member .member__info {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center
    }

    .main-container.-company .sec2__members__member .member__info .member__name {
        font-size: 46px;
        font-size: 2.875rem;
        line-height: .7;
        margin-bottom: 12px;
        letter-spacing: 0
    }

    .main-container.-company .sec2__members__member .member__info .member__position {
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: .7;
        margin-bottom: 15%;
        letter-spacing: 0
    }

    .main-container.-company .sec2__members__member .member__info.-you {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 80%
    }

    .main-container.-company .sec2__members__member .member__info.-you .member__position {
        margin-bottom: 20px
    }

    .main-container.-company .sec2__members__member .member__info .member__you {
        width: 100%
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__name {
        font-size: 61.6px;
        font-size: 3.85rem;
        margin-bottom: 25px;
        line-height: .8
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__name {
        position: relative;
        -webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .2s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__name:after {
        content: attr(data-text) "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
        background-size: 200% 200%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: btn_hover_grad 1s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        animation: btn_hover_grad 1s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
        opacity: 0
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow {
        position: relative;
        width: 48px;
        height: 48px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__border div {
        position: absolute;
        background-color: #fff;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__border .lineT {
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__border .lineB {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__border .lineL {
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__border .lineR {
        top: 0;
        right: 0;
        width: 5px;
        height: 100%;
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__icon {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 15px;
        height: 3px;
        background-color: #fff;
        -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: all .3s cubic-bezier(.23, 1, .32, 1) 0s
    }

    .main-container.-company .sec2__members__member .member__info .member__you .member__arrow__icon:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .main-container.-company .sec2__members__member .member__info .member__you:hover .member__name {
        letter-spacing: .04em;
        color: transparent
    }

    .main-container.-company .sec2__members__member .member__info .member__you:hover .member__name:after {
        opacity: 1
    }

    .main-container.-company .sec2__members__member .member__info .member__you:hover .member__name {
        font-size: 73.92px;
        font-size: 4.62rem
    }

    .main-container.-company .sec2__members__member .member__info .member__you:hover .member__arrow__border .lineB, .main-container.-company .sec2__members__member .member__info .member__you:hover .member__arrow__border .lineT {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s
    }

    .main-container.-company .sec2__members__member .member__info .member__you:hover .member__arrow__border .lineL, .main-container.-company .sec2__members__member .member__info .member__you:hover .member__arrow__border .lineR {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s
    }

    .main-container.-company .sec2__members__member .member__info .member__you:hover .member__arrow__icon {
        width: 19px;
        height: 5px;
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    .main-container.-company .sec2__members__member .member__img {
        margin-bottom: 36.66667%;
        position: relative;
        padding-top: 95.33333%
    }
}

@media screen and (max-width: 899px) {
    .main-container.-company .sec3 {
        margin-bottom: 18.66667vw
    }

    .main-container.-company .sec3__inner .cmn-h2-title {
        margin-top: 22.66667vw
    }

    .main-container.-company .sec3__outline {
        width: 92vw;
        margin: 0 auto
    }

    .main-container.-company .sec3__outline table {
        border-top: .8vw solid #fff;
        border-bottom: .8vw solid #fff
    }

    .main-container.-company .sec3__outline table tr {
        border-top: .8vw solid rgba(255, 255, 255, .3)
    }

    .main-container.-company .sec3__outline table tr:first-child {
        border-top: none
    }

    .main-container.-company .sec3__outline table tr td:first-child {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 1rem;
        font-size: 4.26667vw;
        letter-spacing: .04em;
        display: block;
        padding: 6vw 1.33333vw 2.66667vw
    }

    .main-container.-company .sec3__outline table tr td:last-child {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        letter-spacing: .04em;
        display: block;
        padding: 0 1.33333vw 6vw
    }
}

@media screen and (min-width: 900px) {
    .main-container.-company .sec3 {
        margin-bottom: 25px
    }

    .main-container.-company .sec3__inner .cmn-h2-title {
        padding-top: 150px;
        margin-bottom: 95px
    }

    .main-container.-company .sec3__outline {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container.-company .sec3__outline table {
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff
    }

    .main-container.-company .sec3__outline table tr {
        border-top: 3px solid rgba(255, 255, 255, .3)
    }

    .main-container.-company .sec3__outline table tr:first-child {
        border-top: none
    }

    .main-container.-company .sec3__outline table tr td:first-child {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 22px;
        font-size: 1.375rem;
        letter-spacing: .04em;
        vertical-align: middle;
        padding: 33px 12px;
        width: 24.69136%
    }

    .main-container.-company .sec3__outline table tr td:last-child {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 1.61765;
        letter-spacing: .04em;
        vertical-align: middle;
        padding: 32px 20px 32px 0;
        width: 75.30864%
    }
}

@media screen and (max-width: 899px) {
    .main-container.-company .sec4 {
        padding-top: 13.33333vw
    }

    .main-container.-company .sec4__map {
        width: 92vw;
        margin: 0 auto
    }

    .main-container.-company .sec4__map #company_map {
        width: 100%;
        height: 74vw;
        background-color: #333
    }

    .main-container.-company .sec4__map__address {
        margin-top: 6vw
    }

    .main-container.-company .sec4__map__address p {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        margin-bottom: 1.33333vw
    }

    .main-container.-company .sec4__map__link {
        margin-top: 6.66667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 1.09375rem;
        font-size: 4.66667vw;
        border: .8vw solid #fff;
        height: 14.4vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 900px) {
    .main-container.-company .sec4__inner .cmn-h2-title {
        padding-top: 150px;
        margin-bottom: 95px
    }

    .main-container.-company .sec4__map {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container.-company .sec4__map #company_map {
        width: 100%;
        height: 490px;
        background-color: #333
    }

    .main-container.-company .sec4__map__address {
        position: relative;
        margin-top: 50px
    }

    .main-container.-company .sec4__map__address p {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 17px;
        font-size: 1.0625rem;
        margin-bottom: 15px
    }

    .main-container.-company .sec4__map__link {
        position: absolute;
        top: 0;
        right: 0;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 18.26px;
        font-size: 1.14125rem;
        width: 277px;
        height: 60px;
        background: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-company .sec4__map__link:before {
        content: '';
        position: absolute;
        top: -3px;
        left: -3px;
        height: calc(100% + 6px);
        width: calc(100% + 6px);
        background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
        z-index: -1;
        -webkit-animation: btn_hover_grad 1.6s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        animation: btn_hover_grad 1.6s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        background-size: 300% 300%
    }

    .main-container.-company .sec4__map__link:after {
        content: '';
        position: absolute;
        top: -3px;
        left: -3px;
        height: calc(100% + 6px);
        width: calc(100% + 6px);
        border: 3px solid #fff;
        -webkit-transition: border .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: border .6s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-company .sec4__map__link:hover:after {
        border: 3px solid rgba(255, 255, 255, 0)
    }

    .main-container.-company .sec4__map__link:hover span {
        color: transparent
    }

    .main-container.-company .sec4__map__link:hover span:after {
        opacity: 1
    }

    .main-container.-company .sec4__map__link span {
        position: relative;
        display: block;
        line-height: 2;
        -webkit-transition: color .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: color .6s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-company .sec4__map__link span:after {
        content: attr(data-text) "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
        background-size: 300% 300%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: btn_hover_grad 1.6s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        animation: btn_hover_grad 1.6s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
        opacity: 0
    }

    .main-container.-company .sec4__photo {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 150px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-company .sec4__photo__item {
        width: 50%
    }

    .main-container.-company .sec4__photo__item .item_img {
        position: relative;
        padding-top: 74.97936%
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, ::after, ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    font-size: 16px;
    font-size: 1rem;
    font-family: 'bebas_neueregular', Sans-serif;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 0;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: .05em;
    color: #fff;
    background-color: #000;
    line-height: 1;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

img {
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    height: auto
}

a {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width: 900px) {
    .hover-alpha {
        -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .3s cubic-bezier(.215, .61, .355, 1)
    }

    .hover-alpha:hover {
        opacity: .5
    }
}



.class41 {
    display: none
}

@media screen and (min-width: 900px) {
    .showSP {
        display: none
    }

    .class41 {
        display: inline-block
    }
}

.db {
    display: inline-block !important
}

.dn {
    display: none !important
}

.cur_p {
    cursor: pointer !important
}

.cur_a {
    cursor: auto !important
}

.killScroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll
}

::selection {
    background: #ff00ba;
    color: #fff
}

::-moz-selection {
    background: #ff00ba;
    color: #fff
}

#for_load {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

#container #main {
    position: relative
}
@media screen and (min-width: 900px) {
    #container {
        overflow: hidden
    }

    #container #main {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: block
    }
}


@media screen and (max-width: 899px) {
    #container {
        overflow: hidden
    }

    #container #main {
        position: relative
    }
}


#id2 {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 0
}

@media screen and (max-width: 899px) {
    #scroll_view {
        display: none
    }
}

@media screen and (min-width: 900px) {
    #scroll_view {
        position: relative
    }
}

.cmn-preload {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10010;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cmn-preload__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000
}

.cmn-preload__bg div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .7s cubic-bezier(1, 0, 0, 1);
    transition: -webkit-transform .7s cubic-bezier(1, 0, 0, 1);
    transition: transform .7s cubic-bezier(1, 0, 0, 1);
    transition: transform .7s cubic-bezier(1, 0, 0, 1), -webkit-transform .7s cubic-bezier(1, 0, 0, 1)
}

.cmn-preload.hide-top {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
    transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.cmn-preload.hide-lower {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(.445, .05, .55, .95);
    transition: all .5s cubic-bezier(.445, .05, .55, .95)
}

.cmn-preload__logo {
    position: relative
}

.cmn-preload__logo .logo {
    margin: 0 auto 5.33333vw;
    width: 18.66667vw
}

.cmn-preload__logo .logo svg {
    width: 100%;
    height: auto
}

.cmn-preload__logo p {
    margin-left: em;
    font-size: 1.25rem;
    font-size: 25vw;
    font-family: 'bebas_neueregular', Sans-serif;
    font-weight: 800;
    font-style: italic;
    letter-spacing: -.025em;
    line-height: .9;
    letter-spacing: -.025em;
    color: #812556;
}

.cmn-preload__logo p span {
    -webkit-animation-name: loading_gradation;
    animation-name: loading_gradation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.cmn-preload__logo p span:nth-child(1) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.cmn-preload__logo p span:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.cmn-preload__logo p span:nth-child(3) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.cmn-preload__logo p span:nth-child(4) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.cmn-preload__logo p span:nth-child(5) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.cmn-preload__logo p span:nth-child(6) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.cmn-preload__logo p span:nth-child(7) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.cmn-preload__logo p span:nth-child(8) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.cmn-preload__logo p span:nth-child(9) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.cmn-preload__logo p span:nth-child(10) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.cmn-preload__logo p span:nth-child(11) {
    -webkit-animation-delay: .55s;
    animation-delay: .55s
}

.cmn-preload__logo p span:nth-child(12) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.cmn-preload__logo p span:nth-child(13) {
    -webkit-animation-delay: .65s;
    animation-delay: .65s
}

@media screen and (min-width: 900px) {
    .cmn-preload__logo .logo {
        margin: 0 auto 20px;
        width: 75px
    }

    .cmn-preload__logo p {
        font-size: 20px;
        font-size: 1.25rem;
        margin-left: .5em;
        font-size: 1.25rem;
        font-size: 15vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .9;
        letter-spacing: -.025em;
        color: #fff;
    }
}

.cmn-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    visibility: hidden
}

.cmn-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #0a0a0a;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.cmn-loading div.trans1 {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.cmn-loading div.trans2 {
    -webkit-transition: -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1)
}

.cmn-loading.show {
    visibility: visible
}

@media screen and (max-width: 899px) {
    .cmn-h2-side {
        position: relative;
        display: block;
        text-align: center;
        margin-bottom: 12.66667vw;
        z-index: 1;
        font-size: 1.71875rem;
        font-size: 7.33333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden
    }

    .cmn-h2-side img {
        display: none
    }

    .cmn-h2-side span {
        position: relative;
        display: inline-block;
        padding: 0 .05em 2vw;
        overflow: hidden;
        color: transparent
    }

    .cmn-h2-side span:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s;
        transition: height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s;
        transition: transform .5s cubic-bezier(.86, 0, .07, 1) 0s, height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s;
        transition: transform .5s cubic-bezier(.86, 0, .07, 1) 0s, height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s
    }

    .cmn-h2-side.in-view {
        visibility: visible
    }

    .cmn-h2-side.in-view span {
        color: #fff;
        -webkit-transition: color 0s cubic-bezier(.165, .84, .44, 1) .2s;
        transition: color 0s cubic-bezier(.165, .84, .44, 1) .2s
    }

    .cmn-h2-side.in-view span:after {
        width: 5.06667vw;
        height: .93333vw;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 900px) {
    .cmn-h2-side {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        z-index: 1;
        position: relative;
        font-size: 80px;
        font-size: 5rem;
        line-height: .7;
        text-align: center
    }

    .cmn-h2-side.-titleL {
        position: absolute;
        top: 43px;
        left: 65px
    }

    .cmn-h2-side.-titleR {
        position: absolute;
        top: 43px;
        right: 65px
    }

    .cmn-h2-side.-titleL:after, .cmn-h2-side.-titleR:after {
        display: none
    }

    .cmn-h2-side.-titleL strong, .cmn-h2-side.-titleR strong {
        vertical-align: middle;
        margin-right: 10px;
        letter-spacing: -.025em
    }

    .cmn-h2-side.-titleL img, .cmn-h2-side.-titleR img {
        width: 160px;
        max-width: 160px;
        vertical-align: middle
    }

    .cmn-h2-side.-titleL span, .cmn-h2-side.-titleR span {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        white-space: nowrap;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 899px) {
    .cmn-h2-title {
        position: relative;
        display: block;
        text-align: center;
        margin: 12vw 0;
        z-index: 1;
        font-size: 1.71875rem;
        font-size: 10vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden;
    }

    .cmn-h2-title span {
        position: relative;
        display: inline-block;
        padding: 0 1.05em 2vw;
        overflow: hidden;
        color: transparent
    }

    .cmn-h2-title span:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s;
        transition: height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s;
        transition: transform .5s cubic-bezier(.86, 0, .07, 1) 0s, height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s;
        transition: transform .5s cubic-bezier(.86, 0, .07, 1) 0s, height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s
    }

    .cmn-h2-title.in-view {
        visibility: visible
    }

    .cmn-h2-title.in-view span {
        color: #fff;
        -webkit-transition: color 0s cubic-bezier(.165, .84, .44, 1) .2s;
        transition: color 0s cubic-bezier(.165, .84, .44, 1) .2s
    }

    .cmn-h2-title.in-view span:after {
        width: 5.06667vw;
        height: .93333vw;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 900px) {
    .cmn-h2-title {
        position: relative;
        z-index: 1;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 80px;
        font-size: 5rem;
        line-height: .7;
        text-align: center;
        visibility: hidden
    }

    .cmn-h2-title span {
        position: relative;
        display: inline-block;
        padding: 0 .05em 30px;
        overflow: hidden;
        color: transparent
    }

    .cmn-h2-title span:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
        -webkit-transition: height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s;
        transition: height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s;
        transition: transform .5s cubic-bezier(.86, 0, .07, 1) 0s, height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s;
        transition: transform .5s cubic-bezier(.86, 0, .07, 1) 0s, height .3s cubic-bezier(.215, .61, .355, 1) .3s, width .55s cubic-bezier(1, 0, 0, 1) .36s, -webkit-transform .5s cubic-bezier(.86, 0, .07, 1) 0s
    }

    .cmn-h2-title.in-view {
        visibility: visible
    }

    .cmn-h2-title.in-view span {
        color: #fff;
        -webkit-transition: color 0s cubic-bezier(.165, .84, .44, 1) .24s;
        transition: color 0s cubic-bezier(.165, .84, .44, 1) .24s
    }

    .cmn-h2-title.in-view span:after {
        width: 27px;
        height: 7px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (max-width: 899px) {
    .cmn-title-grad {
        padding: 26.66667vw 0;
        background-image: url("../img/common/title_bg_sp.jpg");
        background-size: cover
    }

    .cmn-title-grad__inner {
        position: relative
    }

    .cmn-title-grad__inner .cmn-title-grad__img {
        width: 81.33333vw;
        margin: 0 auto
    }

    .cmn-title-grad__inner .cmn-title-grad__img__inner {
        position: relative;
        padding-top: 55.57377%
    }

    .cmn-title-grad__inner .cmn-title-grad__txt {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        overflow: hidden;
        font-size: 3.75rem;
        font-size: 16vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        visibility: hidden
    }

    .cmn-title-grad__inner .cmn-title-grad__txt h2, .cmn-title-grad__inner .cmn-title-grad__txt p {
        display: table-cell;
        white-space: nowrap;
        padding: 0 .1em;
        -webkit-transform: translateY(110%);
        transform: translateY(110%)
    }

    .cmn-title-grad__inner .cmn-title-grad__txt p {
        opacity: .5
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view {
        visibility: visible
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2, .cmn-title-grad__inner .cmn-title-grad__txt.in-view p {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .45s;
        transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .45s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .45s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .45s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .45s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(4), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(6), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(4), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(6) {
        -webkit-transition-delay: .61s;
        transition-delay: .61s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(3), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(7), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(3), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(7) {
        -webkit-transition-delay: .77s;
        transition-delay: .77s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(2), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(8), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(2), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(8) {
        -webkit-transition-delay: .93s;
        transition-delay: .93s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(1), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(9), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(1), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(9) {
        -webkit-transition-delay: 1.09s;
        transition-delay: 1.09s
    }
}

@media screen and (min-width: 900px) {
    .cmn-title-grad {
        padding: 215px 0;
        background-image: url("../img/common/title_bg_pc.jpg");
        background-size: cover
    }

    .cmn-title-grad__inner {
        position: relative
    }

    .cmn-title-grad__inner .cmn-title-grad__img {
        width: 830px;
        margin: 0 auto
    }

    .cmn-title-grad__inner .cmn-title-grad__img__inner {
        position: relative;
        padding-top: 50.03014%
    }

    .cmn-title-grad__inner .cmn-title-grad__txt {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        overflow: hidden;
        font-size: 162px;
        font-size: 10.125rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        visibility: hidden
    }

    .cmn-title-grad__inner .cmn-title-grad__txt h2, .cmn-title-grad__inner .cmn-title-grad__txt p {
        display: table-cell;
        white-space: nowrap;
        padding: 0 .07em;
        -webkit-transform: translateY(110%);
        transform: translateY(110%)
    }

    .cmn-title-grad__inner .cmn-title-grad__txt p {
        opacity: .5
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view {
        visibility: visible
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2, .cmn-title-grad__inner .cmn-title-grad__txt.in-view p {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .45s;
        transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .45s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .45s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .45s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .45s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(4), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(6), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(4), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(6) {
        -webkit-transition-delay: .61s;
        transition-delay: .61s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(3), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(7), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(3), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(7) {
        -webkit-transition-delay: .77s;
        transition-delay: .77s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(2), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(8), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(2), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(8) {
        -webkit-transition-delay: .93s;
        transition-delay: .93s
    }

    .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(1), .cmn-title-grad__inner .cmn-title-grad__txt.in-view h2:nth-child(9), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(1), .cmn-title-grad__inner .cmn-title-grad__txt.in-view p:nth-child(9) {
        -webkit-transition-delay: 1.09s;
        transition-delay: 1.09s
    }
}

@media screen and (max-width: 899px) {
    .cmn-side-nav {
        display: none
    }
}

@media screen and (min-width: 900px) {
    .cmn-side-nav {
        position: fixed;
        top: 0;
        left: -10px;
        width: 100vh;
        z-index: 10;
        -webkit-transition: left .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: left .3s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-side-nav.show {
        left: 90px;
        -webkit-transition: left .6s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: left .6s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-side-nav__inner {
        position: relative
    }

    .cmn-side-nav__inner ul li {
        font-size: 28.42px;
        font-size: 1.77625rem;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: 0;
        display: inline-block;
        margin-right: 26px;
        cursor: pointer;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        position: relative
    }

    .cmn-side-nav__inner ul li:after {
        content: "";
        position: absolute;
        top: -7px;
        left: -5px;
        width: calc(100% + 10px);
        height: calc(100% + 20px)
    }

    .cmn-side-nav__inner ul li:last-child {
        margin-right: 0
    }

    .cmn-side-nav__border {
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 0;
        height: 5px;
        background-color: #fff;
        pointer-events: none
    }
}

@media screen and (max-width: 1250px) {
    .cmn-side-nav.show {
        left: 60px
    }

    .cmn-side-nav__inner {
        position: relative
    }

    .cmn-side-nav__inner ul li {
        font-size: 18.2px;
        font-size: 1.1375rem;
        margin-right: 26px
    }
}

@media screen and (max-width: 899px) {
    .cmn-view-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-view-more__txt {
        font-size: 1.40625rem;
        font-size: 6vw;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        margin-bottom: 3.33333vw
    }

    .cmn-view-more__box {
        position: relative;
        width: 6vw;
        height: 6vw;
        margin: 0 auto
    }

    .cmn-view-more__box__border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: .53333vw solid #fff
    }

    .cmn-view-more__box__arrow {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 1.6vw;
        height: 1.6vw;
        border-right: .4vw solid #fff;
        border-bottom: .4vw solid #fff
    }

    .cmn-view-more__box__arrow.-right {
        top: 0;
        left: -.66667vw;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .cmn-view-more__box__arrow.-bottom {
        top: -.66667vw;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (min-width: 900px) {
    .cmn-view-more.-type1 {
        display: none
    }

    .cmn-view-more.-type2 {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-view-more.-type2 .cmn-view-more__inner {
        cursor: pointer
    }

    .cmn-view-more.-type2 .cmn-view-more__inner .cmn-view-more__txt {
        font-size: 61px;
        font-size: 3.8125rem;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .cmn-view-more.-type2 .cmn-view-more__inner .cmn-view-more__box {
        display: none
    }
}

@media screen and (max-width: 899px) {
    .cmn-btn-back span {
        font-size: .9375rem;
        font-size: 4vw;
        position: relative;
        display: inline-block
    }

    .cmn-btn-back span:after {
        content: "";
        position: absolute;
        bottom: -2.13333vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }
}

@media screen and (min-width: 900px) {
    .cmn-btn-back {
        position: relative
    }

    .cmn-btn-back:after {
        content: "";
        position: absolute;
        top: -10px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px)
    }

    .cmn-btn-back span {
        font-size: 17.64px;
        font-size: 1.1025rem;
        position: relative;
        display: inline-block
    }

    .cmn-btn-back span:after {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .cmn-btn-back:hover span:after {
        -webkit-animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards
    }
}

@media screen and (max-width: 899px) {
    .cmn-hash ul {
        font-size: 0
    }

    .cmn-hash ul li {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: .7;
        display: inline-block;
        margin: 0 1.33333vw;
        opacity: .26
    }

    .cmn-hash ul li.-current {
        opacity: 1;
        position: relative;
        display: inline-block
    }

    .cmn-hash ul li.-current:after {
        content: "";
        position: absolute;
        bottom: -1.46667vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }
}

@media screen and (min-width: 900px) {
    .cmn-hash ul {
        font-size: 0
    }

    .cmn-hash ul li {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: .7;
        display: inline-block;
        margin: 0 10px;
        opacity: .26;
        -webkit-transition: opacity .35s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: opacity .35s cubic-bezier(.19, 1, .22, 1) 0s;
        cursor: pointer;
        position: relative
    }

    .cmn-hash ul li:after {
        content: "";
        position: absolute;
        bottom: -11px;
        left: auto;
        right: -5px;
        width: 0;
        height: 5px;
        background-color: #fff;
        -webkit-transition: all .35s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .35s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-hash ul li.-current {
        opacity: 1
    }

    .cmn-hash ul li.-current:after {
        width: calc(100% + 10px)
    }

    .cmn-hash ul li:hover {
        opacity: 1
    }

    .cmn-hash ul li:hover:after {
        left: -5px;
        right: auto;
        width: calc(100% + 10px);
        -webkit-transition: all .35s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: all .35s cubic-bezier(.19, 1, .22, 1) 0s
    }
}

@media screen and (max-width: 899px) {
    .cmn-footer-contactus, .cmn-footer-joinus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-footer-contactus__inner, .cmn-footer-joinus__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center;
        margin-top: 36vw;
        margin-bottom: 34.66667vw;
        opacity: 0;
        -webkit-transform: translateY(13.33333vw);
        transform: translateY(13.33333vw);
        -webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.23, 1, .32, 1);
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
    }

    .cmn-footer-contactus__inner.in-view, .cmn-footer-joinus__inner.in-view {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .cmn-footer-contactus__inner a, .cmn-footer-joinus__inner a {
        display: block
    }

    .cmn-footer-contactus__inner .txt1, .cmn-footer-joinus__inner .txt1 {
        font-size: 4.21875rem;
        font-size: 18vw;
        line-height: .65926;
        margin-bottom: 13px;
        margin-left: -1.33333vw;
        position: relative
    }

    .cmn-footer-contactus__inner .txt1 .thunder_white, .cmn-footer-joinus__inner .txt1 .thunder_white {
        position: absolute;
        top: -4vw;
        right: -2.66667vw;
        width: 6.66667vw
    }

    .cmn-footer-contactus__inner .txt1 .thunder_grad, .cmn-footer-joinus__inner .txt1 .thunder_grad {
        display: none
    }

    .cmn-footer-contactus__inner .txt2, .cmn-footer-joinus__inner .txt2 {
        font-size: 1.01562rem;
        font-size: 4.33333vw;
        line-height: .8;
        position: relative;
        display: inline-block
    }

    .cmn-footer-contactus__inner .txt2:after, .cmn-footer-joinus__inner .txt2:after {
        content: "";
        position: absolute;
        bottom: -1.73333vw;
        left: 0;
        width: 100%;
        height: .8vw;
        background-color: #fff
    }
}

@media screen and (min-width: 900px) {
    .cmn-footer-contactus, .cmn-footer-joinus {
        width: 100%;
        height: 715px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-footer-contactus__inner, .cmn-footer-joinus__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center;
        margin-top: 116px;
        cursor: pointer;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1);
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.23, 1, .32, 1);
        transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.23, 1, .32, 1), -webkit-transform 1s cubic-bezier(.23, 1, .32, 1)
    }

    .cmn-footer-contactus__inner.in-view, .cmn-footer-joinus__inner.in-view {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .cmn-footer-contactus__inner a, .cmn-footer-joinus__inner a {
        display: block
    }

    .cmn-footer-contactus__inner .txt1, .cmn-footer-joinus__inner .txt1 {
        font-size: 121px;
        font-size: 7.5625rem;
        line-height: .66116;
        margin-bottom: 36px;
        line-height: .7;
        position: relative;
        -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-footer-contactus__inner .txt1 .thunder_grad, .cmn-footer-contactus__inner .txt1 .thunder_white, .cmn-footer-joinus__inner .txt1 .thunder_grad, .cmn-footer-joinus__inner .txt1 .thunder_white {
        position: absolute;
        top: -30px;
        right: -19px;
        width: 46px;
        -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-footer-contactus__inner .txt1 .thunder_grad, .cmn-footer-joinus__inner .txt1 .thunder_grad {
        opacity: 0
    }

    .cmn-footer-contactus__inner .txt1:after, .cmn-footer-joinus__inner .txt1:after {
        content: attr(data-text) "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
        background-size: 300% 300%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: btn_hover_grad 1s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        animation: btn_hover_grad 1s cubic-bezier(.445, .05, .55, .95) alternate infinite;
        -webkit-transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: opacity .6s cubic-bezier(.215, .61, .355, 1) 0s;
        opacity: 0
    }

    .cmn-footer-contactus__inner .txt2, .cmn-footer-joinus__inner .txt2 {
        font-size: 29px;
        font-size: 1.8125rem;
        line-height: .7931;
        position: relative;
        display: inline-block;
        -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-footer-contactus__inner .txt2:after, .cmn-footer-joinus__inner .txt2:after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff
    }

    .cmn-footer-contactus__inner:hover .txt1, .cmn-footer-joinus__inner:hover .txt1 {
        font-size: 133.1px;
        font-size: 8.31875rem;
        letter-spacing: .015em;
        color: transparent;
        -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-footer-contactus__inner:hover .txt1:after, .cmn-footer-joinus__inner:hover .txt1:after {
        opacity: 1
    }

    .cmn-footer-contactus__inner:hover .txt1 .thunder_grad, .cmn-footer-contactus__inner:hover .txt1 .thunder_white, .cmn-footer-joinus__inner:hover .txt1 .thunder_grad, .cmn-footer-joinus__inner:hover .txt1 .thunder_white {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-footer-contactus__inner:hover .txt1 .thunder_grad, .cmn-footer-joinus__inner:hover .txt1 .thunder_grad {
        opacity: 1
    }

    .cmn-footer-contactus__inner:hover .txt1 .thunder_white, .cmn-footer-joinus__inner:hover .txt1 .thunder_white {
        opacity: 0
    }

    .cmn-footer-contactus__inner:hover .txt2, .cmn-footer-joinus__inner:hover .txt2 {
        font-size: 37.7px;
        font-size: 2.35625rem;
        letter-spacing: .03em;
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        -webkit-transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: all .4s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-footer-contactus__inner:hover .txt2:after, .cmn-footer-joinus__inner:hover .txt2:after {
        -webkit-animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards
    }
}

@media screen and (max-width: 899px) {
    .cmn-movie {
        position: relative;
        width: 81.33333vw;
        margin: 0 auto;
        margin-top: 20vw;
        background-color: #000
    }

    .cmn-movie #video {
        position: absolute;
        top: -20vw;
        left: 0
    }

    .cmn-movie__player {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmn-movie__player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmn-movie.set-movie .cmn-movie__arrow, .cmn-movie.set-movie .cmn-movie__thumb {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
        transition: all .3s cubic-bezier(.25, .46, .45, .94)
    }

    .cmn-movie__thumb {
        position: relative;
        padding-top: 56.25%
    }

    .cmn-movie__arrow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .5s;
        transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .5s
    }

    .cmn-movie__arrow.in-view {
        opacity: 1;
        visibility: visible
    }

    .cmn-movie__arrow .btn_play {
        width: 14.93333vw
    }

    .cmn-movie__arrow .btn_play p {
        text-align: center;
        font-size: 1rem;
        font-size: 4.26667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        margin-top: 3.06667vw
    }
}

@media screen and (min-width: 900px) {
    .cmn-movie {
        position: relative;
        margin-top: 150px;
        width: calc(100% - 136px);
        max-width: 1015px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        cursor: pointer;
        background-color: #000
    }

    .cmn-movie #video {
        position: absolute;
        top: -100px;
        left: 0
    }

    .cmn-movie:hover .cmn-movie__thumb {
        -webkit-transform: scale(1) rotate(0) !important;
        transform: scale(1) rotate(0) !important;
        -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
        transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
        transition: transform .8s cubic-bezier(.19, 1, .22, 1);
        transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1)
    }

    .cmn-movie:hover .cmn-movie__arrow .btn_play img {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    .cmn-movie:hover .cmn-movie__arrow .btn_play p {
        letter-spacing: .06em
    }

    .cmn-movie.set-movie .cmn-movie__arrow, .cmn-movie.set-movie .cmn-movie__thumb {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
        transition: all .3s cubic-bezier(.25, .46, .45, .94)
    }

    .cmn-movie__player {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmn-movie__player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .cmn-movie__thumb {
        position: relative;
        position: relative;
        padding-top: 56.25%;
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
        -webkit-transform-origin: 40% 50%;
        transform-origin: 40% 50%;
        -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
        transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
        transition: transform 1s cubic-bezier(.215, .61, .355, 1);
        transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
    }

    .cmn-movie.-rotate .cmn-movie__thumb {
        -webkit-transform: scale(1.09) rotate(1deg);
        transform: scale(1.09) rotate(1deg)
    }

    .cmn-movie__arrow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .5s;
        transition: opacity .6s cubic-bezier(.25, .46, .45, .94) .5s
    }

    .cmn-movie__arrow.in-view {
        opacity: 1;
        visibility: visible
    }

    .cmn-movie__arrow .btn_play {
        width: 90px;
        margin-top: 45px
    }

    .cmn-movie__arrow .btn_play img {
        -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .6s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .cmn-movie__arrow .btn_play p {
        text-align: center;
        font-size: 29px;
        font-size: 1.8125rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        margin-top: 22px;
        -webkit-transition: letter-spacing .6s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: letter-spacing .6s cubic-bezier(.165, .84, .44, 1) 0s
    }
}

@media screen and (max-width: 899px) {
    .cmn-client {
        position: relative;
        width: 100%
    }

    .cmn-client__title {
        color: rgba(255, 255, 255, .18);
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 9.40625rem;
        font-size: 40.13333vw;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        position: absolute;
        top: 0;
        left: -2%;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-client__items {
        position: relative;
        width: 100%
    }

    .cmn-client__items__inner ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cmn-client__items__inner ul li {
        width: 33.33%;
        height: 17.86667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-client__items__inner ul li img {
        opacity: 0;
        visibility: hidden
    }
}

@media screen and (min-width: 900px) {
    .cmn-client {
        position: relative;
        width: 100%
    }

    .cmn-client__title {
        color: rgba(255, 255, 255, .18);
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 351px;
        font-size: 21.9375rem;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-client__items {
        position: relative;
        width: calc(100% - 120px);
        max-width: 1210px;
        margin: 0 auto
    }

    .cmn-client__items__inner ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cmn-client__items__inner ul li {
        width: 20%;
        min-width: 210px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-client__items__inner ul li:after {
        content: "";
        display: block;
        padding-top: 72.16495%
    }

    .cmn-client__items__inner ul li img {
        opacity: 0;
        visibility: hidden
    }
}

@media screen and (max-width: 899px) {
    svg text.fill {
        fill: #fff
    }

    svg text.stroke {
        fill: transparent;
        stroke: #fff;
        stroke-width: 2;
        stroke-linejoin: round
    }
}

@media screen and (min-width: 900px) {
    svg text.fill {
        fill: #fff
    }

    svg text.stroke {
        fill: transparent;
        stroke: #fff;
        stroke-width: 2;
        stroke-linejoin: round
    }
}

.cmn-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.cmn-bg canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cmn-bg__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

@media screen and (max-width: 899px) {
    .cmn-catch1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .cmn-catch1__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden
    }

    .cmn-catch1__inner svg {
        width: 100%;
        height: auto
    }

    .cmn-catch1__inner.in-view {
        visibility: visible
    }

    .cmn-catch1__inner.in-view .catch-main .line1 .bottom, .cmn-catch1__inner.in-view .catch-main .line1 .top, .cmn-catch1__inner.in-view .catch-main .line2 .bottom, .cmn-catch1__inner.in-view .catch-main .line2 .top, .cmn-catch1__inner.in-view .catch-main .line3 .bottom, .cmn-catch1__inner.in-view .catch-main .line3 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .cmn-catch1__inner.in-view .catch-main .line1 .white, .cmn-catch1__inner.in-view .catch-main .line2 .white, .cmn-catch1__inner.in-view .catch-main .line3 .white {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch1__inner.in-view .catch-main .line1 .svg-grad em, .cmn-catch1__inner.in-view .catch-main .line2 .svg-grad em, .cmn-catch1__inner.in-view .catch-main .line3 .svg-grad em {
        visibility: hidden
    }

    .cmn-catch1__inner.in-view .catch-main span {
        -webkit-animation-name: inview_gradation2;
        animation-name: inview_gradation2;
        -webkit-animation-duration: 1.6s;
        animation-duration: 1.6s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .cmn-catch1__inner.in-view .catch-sub p {
        opacity: 1;
        visibility: visible;
        font-size: 3rem;
        padding-right: 8px;

    }

    .cmn-catch1__inner.in-view .catch-sub span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: .66667vw
    }

    .cmn-catch1__inner .catch-main {
        position: relative;
        width: 80vw;
        height: 41.33333vw;
        font-size: 4.53125rem;
        font-size: 19.33333vw;
        line-height: .70345;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: .02em;
    }

    .cmn-catch1__inner .catch-main .bottom, .cmn-catch1__inner .catch-main .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, opacity .8s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s
    }

    .cmn-catch1__inner .catch-main .bottom span, .cmn-catch1__inner .catch-main .top span {
        color: #6fba82
    }

    .cmn-catch1__inner .catch-main .bottom span:first-child, .cmn-catch1__inner .catch-main .top span:first-child {
        padding-left: .1em
    }

    .cmn-catch1__inner .catch-main .bottom span:last-child, .cmn-catch1__inner .catch-main .top span:last-child {
        padding-right: .1em
    }

    .cmn-catch1__inner .catch-main .top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-60vw);
        transform: translateX(-60vw)
    }

    .cmn-catch1__inner .catch-main .top em, .cmn-catch1__inner .catch-main .top strong {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch1__inner .catch-main .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(60vw);
        transform: translateX(60vw)
    }

    .cmn-catch1__inner .catch-main .bottom em, .cmn-catch1__inner .catch-main .bottom strong {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch1__inner .catch-main .white {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s;
        transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s
    }

    .cmn-catch1__inner .catch-main .svg-grad em {
        visibility: visible;
        -webkit-transition: visibility 0s linear 3s;
        transition: visibility 0s linear 3s
    }

    .cmn-catch1__inner .catch-main .line1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 33.54839%
    }

    .cmn-catch1__inner .catch-main .line1 .bottom, .cmn-catch1__inner .catch-main .line1 .top {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .cmn-catch1__inner .catch-main .line2 {
        position: absolute;
        top: 34.83871%;
        left: 0;
        width: 100%;
        height: 32.25806%
    }

    .cmn-catch1__inner .catch-main .line2 .bottom, .cmn-catch1__inner .catch-main .line2 .top {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .cmn-catch1__inner .catch-main .line3 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 32.25806%
    }

    .cmn-catch1__inner .catch-main .line3 .bottom, .cmn-catch1__inner .catch-main .line3 .top {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .cmn-catch1__inner .catch-sub {
        position: relative;
        display: inline-block;
        padding-bottom: 1.2vw;
        margin-top: 2.93333vw;
        font-size: 1.05rem;
        font-size: 4.48vw;
        overflow: hidden;
        padding-right: 3px;
    }

    .cmn-catch1__inner .catch-sub p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.1s;
        transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.1s
    }

    .cmn-catch1__inner .catch-sub span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%);
        -webkit-transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.15s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .9s;
        transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.15s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .9s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .9s, height .5s cubic-bezier(.165, .84, .44, 1) 1.15s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .9s, height .5s cubic-bezier(.165, .84, .44, 1) 1.15s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .9s
    }
}

@media screen and (min-width: 900px) {
    .cmn-catch1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .cmn-catch1__inner {
        position: relative;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden;
        pointer-events: none
    }

    .cmn-catch1__inner svg {
        width: 100%;
        height: auto
    }

    .cmn-catch1__inner.in-view {
        visibility: visible;
        pointer-events: auto
    }

    .cmn-catch1__inner.in-view .catch-main .line1 .bottom, .cmn-catch1__inner.in-view .catch-main .line1 .top, .cmn-catch1__inner.in-view .catch-main .line2 .bottom, .cmn-catch1__inner.in-view .catch-main .line2 .top, .cmn-catch1__inner.in-view .catch-main .line3 .bottom, .cmn-catch1__inner.in-view .catch-main .line3 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .cmn-catch1__inner.in-view .catch-main .line1 .white, .cmn-catch1__inner.in-view .catch-main .line2 .white, .cmn-catch1__inner.in-view .catch-main .line3 .white {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch1__inner.in-view .catch-main .line1 .svg-grad em, .cmn-catch1__inner.in-view .catch-main .line2 .svg-grad em, .cmn-catch1__inner.in-view .catch-main .line3 .svg-grad em {
        visibility: hidden
    }

    .cmn-catch1__inner.in-view .catch-main span {
        -webkit-animation-name: inview_gradation2;
        animation-name: inview_gradation2;
        -webkit-animation-duration: 1.6s;
        animation-duration: 1.6s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .cmn-catch1__inner.in-view .catch-sub p {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch1__inner.in-view .catch-sub span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: 5px
    }

    .cmn-catch1__inner .catch-main {
        position: relative;
        font-size: 162px;
        font-size: 10.125rem;
        line-height: .7;
        letter-spacing: .02em;
        width: 734px;
        height: 345px
    }

    .cmn-catch1__inner .catch-main .bottom, .cmn-catch1__inner .catch-main .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .8s cubic-bezier(.25, .46, .45, .94);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
    }

    .cmn-catch1__inner .catch-main .bottom span, .cmn-catch1__inner .catch-main .top span {
        color: #6fba82
    }

    .cmn-catch1__inner .catch-main .bottom span:first-child, .cmn-catch1__inner .catch-main .top span:first-child {
        padding-left: .1em
    }

    .cmn-catch1__inner .catch-main .bottom span:last-child, .cmn-catch1__inner .catch-main .top span:last-child {
        padding-right: .1em
    }

    .cmn-catch1__inner .catch-main .top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px)
    }

    .cmn-catch1__inner .catch-main .top em, .cmn-catch1__inner .catch-main .top strong {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch1__inner .catch-main .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(400px);
        transform: translateX(400px)
    }

    .cmn-catch1__inner .catch-main .bottom em, .cmn-catch1__inner .catch-main .bottom strong {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch1__inner .catch-main .white {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s;
        transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s
    }

    .cmn-catch1__inner .catch-main .svg-grad em {
        visibility: visible;
        -webkit-transition: visibility 0s linear 3s;
        transition: visibility 0s linear 3s
    }

    .cmn-catch1__inner .catch-main .line1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 33.34%
    }

    .cmn-catch1__inner .catch-main .line1 .bottom, .cmn-catch1__inner .catch-main .line1 .top {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .cmn-catch1__inner .catch-main .line2 {
        position: absolute;
        top: 33.33%;
        right: 0;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch1__inner .catch-main .line2 .bottom, .cmn-catch1__inner .catch-main .line2 .top {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .cmn-catch1__inner .catch-main .line3 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch1__inner .catch-main .line3 .bottom, .cmn-catch1__inner .catch-main .line3 .top {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .cmn-catch1__inner .catch-sub {
        position: relative;
        display: inline-block;
        margin-top: 25px;
        padding-bottom: 4px;
        font-size: 37.5px;
        font-size: 4rem;
        overflow: hidden;
        padding-right: 10px;
    }

    .cmn-catch1__inner .catch-sub p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.1s;
        transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.1s
    }

    .cmn-catch1__inner .catch-sub span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%);
        -webkit-transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.15s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .9s;
        transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.15s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .9s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .9s, height .5s cubic-bezier(.165, .84, .44, 1) 1.15s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .9s, height .5s cubic-bezier(.165, .84, .44, 1) 1.15s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .9s
    }
}

@media screen and (max-width: 899px) {
    .cmn-catch2 {
        width: 82vw;
        margin: 0 auto;
        text-align: center
    }

    .cmn-catch2__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden
    }

    .cmn-catch2__inner svg {
        width: 100%;
        height: auto
    }

    .cmn-catch2__inner.in-view {
        visibility: visible
    }

    .cmn-catch2__inner.in-view .catch-main .line1 .bottom, .cmn-catch2__inner.in-view .catch-main .line1 .top, .cmn-catch2__inner.in-view .catch-main .line2L .bottom, .cmn-catch2__inner.in-view .catch-main .line2L .top, .cmn-catch2__inner.in-view .catch-main .line2 .bottom, .cmn-catch2__inner.in-view .catch-main .line2 .top, .cmn-catch2__inner.in-view .catch-main .line3 .bottom, .cmn-catch2__inner.in-view .catch-main .line3 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .cmn-catch2__inner.in-view .catch-main .line1 .white, .cmn-catch2__inner.in-view .catch-main .line2L .white, .cmn-catch2__inner.in-view .catch-main .line2 .white, .cmn-catch2__inner.in-view .catch-main .line3 .white {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch2__inner.in-view .catch-main .line1 .svg-grad em, .cmn-catch2__inner.in-view .catch-main .line2L .svg-grad em, .cmn-catch2__inner.in-view .catch-main .line2 .svg-grad em, .cmn-catch2__inner.in-view .catch-main .line3 .svg-grad em {
        visibility: hidden
    }

    .cmn-catch2__inner.in-view .catch-main span {
        -webkit-animation-name: inview_gradation2;
        animation-name: inview_gradation2;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .cmn-catch2__inner.in-view .catch-sub p {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch2__inner.in-view .catch-sub span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: .66667vw
    }

    .cmn-catch2__inner .catch-main {
        position: relative;
        width: 82.26667vw;
        height: 33vw;
        font-size: 2.9625rem;
        font-size: 12.64vw;
        line-height: 1;
        letter-spacing: .005em;
    }

    .cmn-catch2__inner .catch-main .bottom, .cmn-catch2__inner .catch-main .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, opacity .8s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s
    }

    .cmn-catch2__inner .catch-main .bottom span, .cmn-catch2__inner .catch-main .top span {
        color: #6fba82
    }

    .cmn-catch2__inner .catch-main .top {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-40vw);
        transform: translateX(-40vw)
    }

    .cmn-catch2__inner .catch-main .top em, .cmn-catch2__inner .catch-main .top strong {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        white-space: nowrap
    }

    .cmn-catch2__inner .catch-main .bottom {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(40vw);
        transform: translateX(40vw)
    }

    .cmn-catch2__inner .catch-main .bottom em, .cmn-catch2__inner .catch-main .bottom strong {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        margin: auto;
        white-space: nowrap
    }

    .cmn-catch2__inner .catch-main .white {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s;
        transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s
    }

    .cmn-catch2__inner .catch-main .svg-grad em {
        visibility: visible;
        -webkit-transition: visibility 0s linear 3s;
        transition: visibility 0s linear 3s
    }

    .cmn-catch2__inner .catch-main .line1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch2__inner .catch-main .line1 .bottom, .cmn-catch2__inner .catch-main .line1 .top {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }



    .cmn-catch2__inner .catch-main .line2 {
        position: absolute;
        top: 33.33%;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch2__inner .catch-main .line2 .bottom, .cmn-catch2__inner .catch-main .line2 .top {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .cmn-catch2__inner .catch-main .line2 .bottom span:last-child, .cmn-catch2__inner .catch-main .line2 .top span:last-child {
        padding-right: 0
    }

    .cmn-catch2__inner .catch-main .line2 .top {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }



    .cmn-catch2__inner .catch-main .line2 .bottom {
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }



    .cmn-catch2__inner .catch-main .line3 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch2__inner .catch-main .line3 .bottom, .cmn-catch2__inner .catch-main .line3 .top {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .cmn-catch2__inner .catch-main .line3 .top {
        -webkit-transform: translateX(-230px);
        transform: translateX(-230px)
    }

    .cmn-catch2__inner .catch-main .line3 .bottom {
        -webkit-transform: translateX(230px);
        transform: translateX(230px)
    }

    .cmn-catch2__inner .catch-sub {
        position: relative;
        display: inline-block;
        padding-bottom: 2.66667vw;
        margin-top: 5.6vw;
        font-size: .875rem;
        font-size: 3.73333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        overflow: hidden
    }

    .cmn-catch2__inner .catch-sub p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) .9s;
        transition: all .1s cubic-bezier(.165, .84, .44, 1) .9s
    }

    .cmn-catch2__inner .catch-sub span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%);
        -webkit-transition: height .5s cubic-bezier(.165, .84, .44, 1) .95s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .7s;
        transition: height .5s cubic-bezier(.165, .84, .44, 1) .95s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .7s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .7s, height .5s cubic-bezier(.165, .84, .44, 1) .95s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .7s, height .5s cubic-bezier(.165, .84, .44, 1) .95s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .7s
    }
}

@media screen and (min-width: 900px) {
    .cmn-catch2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .cmn-catch2__inner {
        position: relative;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden
    }

    .cmn-catch2__inner svg {
        width: 100%;
        height: auto
    }

    .cmn-catch2__inner.in-view {
        visibility: visible
    }

    .cmn-catch2__inner.in-view .catch-main .line1 .bottom, .cmn-catch2__inner.in-view .catch-main .line1 .top, .cmn-catch2__inner.in-view .catch-main .line2L .bottom, .cmn-catch2__inner.in-view .catch-main .line2L .top, .cmn-catch2__inner.in-view .catch-main .line2 .bottom, .cmn-catch2__inner.in-view .catch-main .line2 .top, .cmn-catch2__inner.in-view .catch-main .line3 .bottom, .cmn-catch2__inner.in-view .catch-main .line3 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .cmn-catch2__inner.in-view .catch-main .line1 .white, .cmn-catch2__inner.in-view .catch-main .line2L .white, .cmn-catch2__inner.in-view .catch-main .line2 .white, .cmn-catch2__inner.in-view .catch-main .line3 .white {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch2__inner.in-view .catch-main .line1 .svg-grad em, .cmn-catch2__inner.in-view .catch-main .line2L .svg-grad em, .cmn-catch2__inner.in-view .catch-main .line2 .svg-grad em, .cmn-catch2__inner.in-view .catch-main .line3 .svg-grad em {
        visibility: hidden
    }

    .cmn-catch2__inner.in-view .catch-main span {
        -webkit-animation-name: inview_gradation2;
        animation-name: inview_gradation2;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .cmn-catch2__inner.in-view .catch-sub p {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch2__inner.in-view .catch-sub span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: 5px
    }

    .cmn-catch2__inner .catch-main {
        position: relative;
        font-size: 121.24px;
        font-size: 7.5775rem;
        line-height: .9;
        letter-spacing: 0.02em;
        width: 796px;
        height: 310px;
    }

    .cmn-catch2__inner .catch-main .bottom, .cmn-catch2__inner .catch-main .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .8s cubic-bezier(.25, .46, .45, .94);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
    }

    .cmn-catch2__inner .catch-main .bottom span, .cmn-catch2__inner .catch-main .top span {
        color: #6fba82
    }

    .cmn-catch2__inner .catch-main .bottom span:first-child, .cmn-catch2__inner .catch-main .top span:first-child {
        padding-left: .1em
    }

    .cmn-catch2__inner .catch-main .bottom span:last-child, .cmn-catch2__inner .catch-main .top span:last-child {
        padding-right: .1em
    }

    .cmn-catch2__inner .catch-main .top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-600px);
        transform: translateX(-600px)
    }

    .cmn-catch2__inner .catch-main .top em, .cmn-catch2__inner .catch-main .top strong {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        white-space: nowrap
    }

    .cmn-catch2__inner .catch-main .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(600px);
        transform: translateX(600px)
    }

    .cmn-catch2__inner .catch-main .bottom em, .cmn-catch2__inner .catch-main .bottom strong {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        margin: auto;
        white-space: nowrap
    }

    .cmn-catch2__inner .catch-main .white {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s;
        transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s
    }

    .cmn-catch2__inner .catch-main .svg-grad em {
        visibility: visible;
        -webkit-transition: visibility 0s linear 3s;
        transition: visibility 0s linear 3s
    }

    .cmn-catch2__inner .catch-main .line1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch2__inner .catch-main .line1 .bottom, .cmn-catch2__inner .catch-main .line1 .top {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .cmn-catch2__inner .catch-main .line2L {
        position: absolute;
        top: 33.33%;
        left: 0;
        width: 67.8392%;
        height: 33.33%
    }

    .cmn-catch2__inner .catch-main .line2L .bottom, .cmn-catch2__inner .catch-main .line2L .top {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .cmn-catch2__inner .catch-main .line2L .top {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    .cmn-catch2__inner .catch-main .line2L .bottom {
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }

    .cmn-catch2__inner .catch-main .line2 {
        position: absolute;
        top: 33.33%;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch2__inner .catch-main .line2 .bottom, .cmn-catch2__inner .catch-main .line2 .top {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .cmn-catch2__inner .catch-main .line2 .bottom span:last-child, .cmn-catch2__inner .catch-main .line2 .top span:last-child {
        padding-right: 0
    }

    .cmn-catch2__inner .catch-main .line2 .top {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }


    .cmn-catch2__inner .catch-main .line2 .bottom {
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }


    .cmn-catch2__inner .catch-main .line3 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 33.33%
    }

    .cmn-catch2__inner .catch-main .line3 .bottom, .cmn-catch2__inner .catch-main .line3 .top {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .cmn-catch2__inner .catch-main .line3 .top {
        -webkit-transform: translateX(-230px);
        transform: translateX(-230px)
    }

    .cmn-catch2__inner .catch-main .line3 .bottom {
        -webkit-transform: translateX(230px);
        transform: translateX(230px)
    }

    .cmn-catch2__inner .catch-sub {
        position: relative;
        display: inline-block;
        margin-top: 35px;
        padding-bottom: 11px;
        font-size: 20.3px;
        font-size: 1.26875rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        overflow: hidden
    }

    .cmn-catch2__inner .catch-sub p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) .9s;
        transition: all .1s cubic-bezier(.165, .84, .44, 1) .9s
    }

    .cmn-catch2__inner .catch-sub span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%);
        -webkit-transition: height .5s cubic-bezier(.165, .84, .44, 1) .95s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .7s;
        transition: height .5s cubic-bezier(.165, .84, .44, 1) .95s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .7s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .7s, height .5s cubic-bezier(.165, .84, .44, 1) .95s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .7s, height .5s cubic-bezier(.165, .84, .44, 1) .95s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .7s
    }
}

@media screen and (max-width: 899px) {
    .cmn-catch3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .cmn-catch3__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden
    }

    .cmn-catch3__inner svg {
        width: 100%;
        height: auto
    }

    .cmn-catch3__inner.in-view {
        visibility: visible
    }

    .cmn-catch3__inner.in-view .catch-main .line1 .bottom, .cmn-catch3__inner.in-view .catch-main .line1 .top, .cmn-catch3__inner.in-view .catch-main .line2 .bottom, .cmn-catch3__inner.in-view .catch-main .line2 .top, .cmn-catch3__inner.in-view .catch-main .line3 .bottom, .cmn-catch3__inner.in-view .catch-main .line3 .top, .cmn-catch3__inner.in-view .catch-main .line4 .bottom, .cmn-catch3__inner.in-view .catch-main .line4 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .cmn-catch3__inner.in-view .catch-main .line1 .white, .cmn-catch3__inner.in-view .catch-main .line2 .white, .cmn-catch3__inner.in-view .catch-main .line3 .white, .cmn-catch3__inner.in-view .catch-main .line4 .white {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch3__inner.in-view .catch-main .line1 .svg-grad em, .cmn-catch3__inner.in-view .catch-main .line2 .svg-grad em, .cmn-catch3__inner.in-view .catch-main .line3 .svg-grad em, .cmn-catch3__inner.in-view .catch-main .line4 .svg-grad em {
        visibility: hidden
    }

    .cmn-catch3__inner.in-view .catch-main span {
        -webkit-animation-name: inview_gradation2;
        animation-name: inview_gradation2;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .cmn-catch3__inner.in-view .catch-sub p {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch3__inner.in-view .catch-sub span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: .66667vw
    }

    .cmn-catch3__inner .catch-main {
        position: relative;
        width: 69.86667vw;
        height: 36.26667vw;
        margin: 0 auto;
        font-size: 2.9625rem;
        font-size: 12.64vw;
        line-height: .71118;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: -.025em
    }

    .cmn-catch3__inner .catch-main .bottom, .cmn-catch3__inner .catch-main .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, opacity .8s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, opacity .8s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s
    }

    .cmn-catch3__inner .catch-main .bottom span, .cmn-catch3__inner .catch-main .top span {
        color: #6fba82
    }

    .cmn-catch3__inner .catch-main .bottom span:first-child, .cmn-catch3__inner .catch-main .top span:first-child {
        padding-left: .1em
    }

    .cmn-catch3__inner .catch-main .bottom span:last-child, .cmn-catch3__inner .catch-main .top span:last-child {
        padding-right: .1em
    }

    .cmn-catch3__inner .catch-main .top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-40vw);
        transform: translateX(-40vw)
    }

    .cmn-catch3__inner .catch-main .top em, .cmn-catch3__inner .catch-main .top strong {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch3__inner .catch-main .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(40vw);
        transform: translateX(40vw)
    }

    .cmn-catch3__inner .catch-main .bottom em, .cmn-catch3__inner .catch-main .bottom strong {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch3__inner .catch-main .white {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s;
        transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s
    }

    .cmn-catch3__inner .catch-main .white img {
        vertical-align: bottom
    }

    .cmn-catch3__inner .catch-main .svg-grad em {
        visibility: visible;
        -webkit-transition: visibility 0s linear 3s;
        transition: visibility 0s linear 3s
    }

    .cmn-catch3__inner .catch-main .line1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line1 .bottom, .cmn-catch3__inner .catch-main .line1 .top {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .cmn-catch3__inner .catch-main .line2 {
        position: absolute;
        top: 25%;
        left: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line2 .bottom, .cmn-catch3__inner .catch-main .line2 .top {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .cmn-catch3__inner .catch-main .line3 {
        position: absolute;
        bottom: 25%;
        left: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line3 .bottom, .cmn-catch3__inner .catch-main .line3 .top {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .cmn-catch3__inner .catch-main .line4 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line4 .bottom, .cmn-catch3__inner .catch-main .line4 .top {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }

    .cmn-catch3__inner .catch-sub {
        position: relative;
        display: inline-block;
        margin-top: 4.66667vw;
        padding-bottom: 2.66667vw;
        font-size: .875rem;
        font-size: 3.73333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        overflow: hidden
    }

    .cmn-catch3__inner .catch-sub p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.2s;
        transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.2s
    }

    .cmn-catch3__inner .catch-sub span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%);
        -webkit-transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.25s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) 1s;
        transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.25s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) 1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) 1s, height .5s cubic-bezier(.165, .84, .44, 1) 1.25s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) 1s, height .5s cubic-bezier(.165, .84, .44, 1) 1.25s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) 1s
    }
}

@media screen and (min-width: 900px) {
    .cmn-catch3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .cmn-catch3__inner {
        position: relative;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        visibility: hidden
    }

    .cmn-catch3__inner svg {
        width: 100%;
        height: auto
    }

    .cmn-catch3__inner.in-view {
        visibility: visible
    }

    .cmn-catch3__inner.in-view .catch-main .line1 .bottom, .cmn-catch3__inner.in-view .catch-main .line1 .top, .cmn-catch3__inner.in-view .catch-main .line2 .bottom, .cmn-catch3__inner.in-view .catch-main .line2 .top, .cmn-catch3__inner.in-view .catch-main .line3 .bottom, .cmn-catch3__inner.in-view .catch-main .line3 .top, .cmn-catch3__inner.in-view .catch-main .line4 .bottom, .cmn-catch3__inner.in-view .catch-main .line4 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .cmn-catch3__inner.in-view .catch-main .line1 .white, .cmn-catch3__inner.in-view .catch-main .line2 .white, .cmn-catch3__inner.in-view .catch-main .line3 .white, .cmn-catch3__inner.in-view .catch-main .line4 .white {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch3__inner.in-view .catch-main .line1 .svg-grad em, .cmn-catch3__inner.in-view .catch-main .line2 .svg-grad em, .cmn-catch3__inner.in-view .catch-main .line3 .svg-grad em, .cmn-catch3__inner.in-view .catch-main .line4 .svg-grad em {
        visibility: hidden
    }

    .cmn-catch3__inner.in-view .catch-main span {
        -webkit-animation-name: inview_gradation2;
        animation-name: inview_gradation2;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .cmn-catch3__inner.in-view .catch-sub p {
        opacity: 1;
        visibility: visible
    }

    .cmn-catch3__inner.in-view .catch-sub span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: 5px
    }

    .cmn-catch3__inner .catch-main {
        position: relative;
        font-size: 121px;
        font-size: 7.5625rem;
        line-height: .7;
        letter-spacing: -.025em;
        width: 688px;
        height: 343px
    }

    .cmn-catch3__inner .catch-main .bottom, .cmn-catch3__inner .catch-main .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .8s cubic-bezier(.25, .46, .45, .94);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
    }

    .cmn-catch3__inner .catch-main .bottom span, .cmn-catch3__inner .catch-main .top span {
        color: #6fba82
    }

    .cmn-catch3__inner .catch-main .bottom span:first-child, .cmn-catch3__inner .catch-main .top span:first-child {
        padding-left: .1em
    }

    .cmn-catch3__inner .catch-main .bottom span:last-child, .cmn-catch3__inner .catch-main .top span:last-child {
        padding-right: .1em
    }

    .cmn-catch3__inner .catch-main .top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px)
    }

    .cmn-catch3__inner .catch-main .top em, .cmn-catch3__inner .catch-main .top strong {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch3__inner .catch-main .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(500px);
        transform: translateX(500px)
    }

    .cmn-catch3__inner .catch-main .bottom em, .cmn-catch3__inner .catch-main .bottom strong {
        position: absolute;
        top: -100%;
        left: 0;
        right: 0;
        margin: auto
    }

    .cmn-catch3__inner .catch-main .white {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s;
        transition: all .8s cubic-bezier(.25, .46, .45, .94) 1s
    }

    .cmn-catch3__inner .catch-main .svg-grad em {
        visibility: visible;
        -webkit-transition: visibility 0s linear 3s;
        transition: visibility 0s linear 3s
    }

    .cmn-catch3__inner .catch-main .line1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line1 .bottom, .cmn-catch3__inner .catch-main .line1 .top {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .cmn-catch3__inner .catch-main .line2 {
        position: absolute;
        top: 25%;
        right: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line2 .bottom, .cmn-catch3__inner .catch-main .line2 .top {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .cmn-catch3__inner .catch-main .line3 {
        position: absolute;
        bottom: 25%;
        left: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line3 .bottom, .cmn-catch3__inner .catch-main .line3 .top {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .cmn-catch3__inner .catch-main .line4 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 25%
    }

    .cmn-catch3__inner .catch-main .line4 .bottom, .cmn-catch3__inner .catch-main .line4 .top {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }

    .cmn-catch3__inner .catch-sub {
        position: relative;
        display: inline-block;
        margin-top: 35px;
        padding-bottom: 11px;
        font-size: 20.3px;
        font-size: 1.26875rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        overflow: hidden
    }

    .cmn-catch3__inner .catch-sub p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.2s;
        transition: all .1s cubic-bezier(.165, .84, .44, 1) 1.2s
    }

    .cmn-catch3__inner .catch-sub span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%);
        -webkit-transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.25s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) 1s;
        transition: height .5s cubic-bezier(.165, .84, .44, 1) 1.25s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) 1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) 1s, height .5s cubic-bezier(.165, .84, .44, 1) 1.25s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) 1s, height .5s cubic-bezier(.165, .84, .44, 1) 1.25s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) 1s
    }
}

@media screen and (max-width: 899px) {
    footer .cmnFooter__inner {
        position: relative;
        text-align: center;
        padding-bottom: 17.33333vw
    }

    footer .cmnFooter__inner__logo {
        margin: 0 auto;
        margin-bottom: 7.33333vw
    }

    footer .cmnFooter__inner ul {
        position: relative;
        font-size: 0;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    footer .cmnFooter__inner ul li {
        font-size: .6875rem;
        font-size: 2.93333vw;
        display: inline-block;
        margin-left: 2.93333vw;
        letter-spacing: .015em;
        position: relative
    }

    footer .cmnFooter__inner ul li:first-child {
        margin-left: 0
    }

    footer .cmnFooter__inner ul li a:after {
        content: "";
        position: absolute;
        top: -1.33333vw;
        left: -1.33333vw;
        width: calc(100% + 2.66667vw);
        height: calc(100% + 2.66667vw)
    }

    footer .cmnFooter__inner ul.icon_sns {
        margin-top: 5.6vw
    }

    footer .cmnFooter__inner ul.icon_sns li {
        width: 3.2vw;
        display: inline-block;
        margin-left: 2.93333vw
    }

    footer .cmnFooter__inner ul.icon_sns li:first-child {
        margin-left: 0;
        width: 2.66667vw
    }

    footer .cmnFooter__inner ul.icon_sns li:nth-child(2) {
        width: 4vw
    }

    footer .cmnFooter__inner small {
        display: block;
        font-size: .65625rem;
        font-size: 2.8vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: .015em;
        margin-top: 5.33333vw
    }

    footer .cmnFooter__pagetop {
        display: none
    }
}

@media screen and (min-width: 900px) {
    footer {
        position: relative
    }

    footer .cmnFooter__inner {
        position: relative;
        text-align: center;
        padding-bottom: 100px
    }

    footer .cmnFooter__inner__logo {
        margin: 0 auto;
        margin-bottom: 33px
    }

    footer .cmnFooter__inner ul {
        position: relative;
        font-size: 0;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        display: inline-block
    }

    footer .cmnFooter__inner ul li {
        position: relative;
        font-size: 20px;
        font-size: 1.25rem;
        display: inline-block;
        margin-left: 20px;
        letter-spacing: .015em
    }

    footer .cmnFooter__inner ul li:first-child {
        margin-left: 0
    }

    footer .cmnFooter__inner ul li span {
        position: absolute;
        bottom: -3px;
        left: -4px;
        width: calc(100% + 8px);
        height: 4px;
        background-color: #fff;
        clip: rect(0, 0, 5px, 0)
    }

    footer .cmnFooter__inner ul li a {
        position: relative
    }

    footer .cmnFooter__inner ul li a:after {
        content: "";
        position: absolute;
        top: -5px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 10px)
    }

    footer .cmnFooter__inner ul.icon_sns {
        margin-left: 25px
    }

    footer .cmnFooter__inner ul.icon_sns li {
        width: 20px;
        display: inline-block;
        margin-left: 20px
    }

    footer .cmnFooter__inner ul.icon_sns li:first-child {
        display: none
    }

    footer .cmnFooter__inner ul.icon_sns li:nth-child(2) {
        display: none
    }

    footer .cmnFooter__inner ul.icon_sns li:nth-child(3) {
        margin-left: 0
    }

    footer .cmnFooter__inner small {
        display: block;
        font-size: 13px;
        font-size: .8125rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: .015em;
        margin-top: 26px
    }

    footer .cmnFooter__pagetop {
        position: absolute;
        top: -630px;
        right: 68px;
        width: 48px;
        height: 48px;
        overflow: hidden;
        cursor: pointer
    }

    footer .cmnFooter__pagetop.inside {
        top: 0
    }

    footer .cmnFooter__pagetop__border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    footer .cmnFooter__pagetop__border div {
        position: absolute;
        background-color: #fff;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s
    }

    footer .cmnFooter__pagetop__border .lineT {
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    footer .cmnFooter__pagetop__border .lineB {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    footer .cmnFooter__pagetop__border .lineL {
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    footer .cmnFooter__pagetop__border .lineR {
        top: 0;
        right: 0;
        width: 5px;
        height: 100%;
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    footer .cmnFooter__pagetop__arrow {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -5px;
        margin: auto;
        width: 12px;
        height: 12px
    }

    footer .cmnFooter__pagetop__arrow .line1, footer .cmnFooter__pagetop__arrow .line2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 3px solid #fff;
        border-left: 3px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    footer .cmnFooter__pagetop__arrow .line2 {
        top: 48px
    }

    footer .cmnFooter__pagetop:hover .cmnFooter__pagetop__border .lineB, footer .cmnFooter__pagetop:hover .cmnFooter__pagetop__border .lineT {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s
    }

    footer .cmnFooter__pagetop:hover .cmnFooter__pagetop__border .lineL, footer .cmnFooter__pagetop:hover .cmnFooter__pagetop__border .lineR {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s
    }

    footer .cmnFooter__pagetop:hover .cmnFooter__pagetop__arrow .line1, footer .cmnFooter__pagetop:hover .cmnFooter__pagetop__arrow .line2 {
        -webkit-animation: pagetop_hover 1.2s cubic-bezier(.19, 1, .22, 1) infinite;
        animation: pagetop_hover 1.2s cubic-bezier(.19, 1, .22, 1) infinite
    }
}

@media screen and (max-width: 899px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000
    }

    header.show-1st .cmnHeader_logo_sp {
        -webkit-transition: -webkit-transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .8s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    header.show-1st .cmnHeader_open_sp {
        -webkit-transition: -webkit-transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .8s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .8s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    header .cmnHeader_pc {
        display: none
    }

    header .cmnHeader_logo_sp {
        position: fixed;
        top: 4vw;
        left: 4vw;
        z-index: 10000;
        -webkit-transform: translateY(-13.33333vw);
        transform: translateY(-13.33333vw)
    }

    header .cmnHeader_open_sp {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10000;
        -webkit-transform: translateY(-13.33333vw);
        transform: translateY(-13.33333vw)
    }

    header .cmnHeader_open_sp_inner {
        position: absolute;
        top: 6.4vw;
        right: 4vw;
        width: 9.33333vw;
        height: 4.66667vw;
        cursor: pointer
    }

    header .cmnHeader_open_sp_inner:after {
        content: "";
        position: absolute;
        top: -40px;
        left: -30px;
        width: calc(100% + 60px);
        height: calc(100% + 80px)
    }

    header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line1, header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line2, header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line3 {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line1 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .1s;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .1s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) .1s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) .1s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .1s
    }

    header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line2 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 50ms;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 50ms;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 50ms;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 50ms, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 50ms
    }

    header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line3 {
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
        transition: transform .3s cubic-bezier(.165, .84, .44, 1);
        transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1)
    }

    header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line4 {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .18s;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .18s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) .18s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) .18s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .18s
    }

    header .cmnHeader_open_sp_inner.show .nav-lines div.nav-line5 {
        -webkit-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .18s;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .18s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) .18s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) .18s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) .18s
    }

    header .cmnHeader_open_sp_inner .nav-lines {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    header .cmnHeader_open_sp_inner .nav-lines div {
        position: absolute;
        right: 0;
        width: 100%;
        height: .53333vw;
        background-color: #fff;
        border-radius: 10px
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line1 {
        top: 0
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line2 {
        top: 0;
        bottom: 0;
        margin: auto
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line3 {
        bottom: 0;
        width: 6.4vw
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line1, header .cmnHeader_open_sp_inner .nav-lines div.nav-line2, header .cmnHeader_open_sp_inner .nav-lines div.nav-line3 {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line1 {
        -webkit-transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .1s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line2 {
        -webkit-transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .1s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line3 {
        -webkit-transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .1s;
        transition: transform .4s cubic-bezier(.77, 0, .175, 1) .1s, -webkit-transform .4s cubic-bezier(.77, 0, .175, 1) .1s
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line4, header .cmnHeader_open_sp_inner .nav-lines div.nav-line5 {
        top: 0;
        bottom: 0;
        margin: auto;
        height: 1.06667vw;
        border-radius: 0
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line4 {
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
        -webkit-transition: -webkit-transform .2s cubic-bezier(.77, 0, .175, 1);
        transition: -webkit-transform .2s cubic-bezier(.77, 0, .175, 1);
        transition: transform .2s cubic-bezier(.77, 0, .175, 1);
        transition: transform .2s cubic-bezier(.77, 0, .175, 1), -webkit-transform .2s cubic-bezier(.77, 0, .175, 1)
    }

    header .cmnHeader_open_sp_inner .nav-lines div.nav-line5 {
        -webkit-transform: rotate(-45deg) scale(0);
        transform: rotate(-45deg) scale(0);
        -webkit-transition: -webkit-transform .2s cubic-bezier(.77, 0, .175, 1);
        transition: -webkit-transform .2s cubic-bezier(.77, 0, .175, 1);
        transition: transform .2s cubic-bezier(.77, 0, .175, 1);
        transition: transform .2s cubic-bezier(.77, 0, .175, 1), -webkit-transform .2s cubic-bezier(.77, 0, .175, 1)
    }

    .cmnMenu_sp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94), visibility .2s cubic-bezier(.25, .46, .45, .94);
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94), visibility .2s cubic-bezier(.25, .46, .45, .94);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmnMenu_sp.show {
        opacity: 1;
        visibility: visible
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list1 li:nth-child(1) span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .13s;
        transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .13s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .13s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .13s, -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .13s
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list1 li:nth-child(2) span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .19s;
        transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .19s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .19s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .19s, -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .19s
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list1 li:nth-child(3) span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .25s;
        transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .25s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .25s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .25s, -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .25s
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list1 li:nth-child(4) span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .31s;
        transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .31s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .31s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .31s, -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .31s
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list1 li:nth-child(5) span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .37s;
        transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .37s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .37s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .37s, -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .37s
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list1 li:nth-child(6) span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .43s;
        transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .43s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .43s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .43s, -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .43s
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list1 .sub_arrow {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1) .5s, visibility .8s cubic-bezier(.165, .84, .44, 1) .5s;
        transition: opacity .8s cubic-bezier(.165, .84, .44, 1) .5s, visibility .8s cubic-bezier(.165, .84, .44, 1) .5s
    }

    .cmnMenu_sp.show .menu_list_wrapper .menu_list2 {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all .65s cubic-bezier(.23, 1, .32, 1) .5s;
        transition: all .65s cubic-bezier(.23, 1, .32, 1) .5s
    }

    .cmnMenu_sp.show .menu_list_wrapper2 .menu_list3 span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .56s;
        transition: -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .56s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .56s;
        transition: transform .65s cubic-bezier(.23, 1, .32, 1) .56s, -webkit-transform .65s cubic-bezier(.23, 1, .32, 1) .56s
    }

    .cmnMenu_sp_bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 135deg, rgb(73, 94, 208), rgba(237, 247, 246, 0.9));
    }

    .cmnMenu_sp .menu_list_wrapper {
        position: relative
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 {
        text-align: center;
        font-size: 2.1875rem;
        font-size: 9.33333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        margin-bottom: 9.33333vw;
        width: 66.66667vw
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 li {
        overflow-x: visible;
        overflow-y: hidden
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 span {
        display: inline-block;
        padding: 0 .4em
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .has_sub {
        position: relative
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow {
        position: absolute;
        top: 3.2vw;
        right: 5.33333vw;
        width: 2vw;
        height: 2vw;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .1s cubic-bezier(.165, .84, .44, 1) 0s, visibility .1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: opacity .1s cubic-bezier(.165, .84, .44, 1) 0s, visibility .1s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-animation: menu_sp_arrow1 1.2s linear infinite;
        animation: menu_sp_arrow1 1.2s linear infinite
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow_inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        overflow: hidden;
        -webkit-transition: top .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: top .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow_inner div {
        position: absolute;
        background-color: #fff
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow .lineT {
        top: 0;
        left: 0;
        width: 100%;
        height: .4vw;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow .lineB {
        bottom: 0;
        left: 0;
        width: 100%;
        height: .4vw;
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow .lineL {
        top: 0;
        left: 0;
        width: .4vw;
        height: 100%;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow .lineR {
        top: 0;
        right: 0;
        width: .4vw;
        height: 100%;
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow.close {
        top: 4vw;
        -webkit-animation: menu_sp_arrow2 .5s linear forwards;
        animation: menu_sp_arrow2 .5s linear forwards
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow.close .lineT {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow.close .lineB {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow.close .lineL {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow.close .lineR {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_arrow:after {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        width: calc(100% + 30px);
        height: calc(100% + 30px)
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_menu {
        position: relative;
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height .3s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: max-height .3s cubic-bezier(.25, .46, .45, .94) 0s
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_menu ul {
        padding-top: 2.4vw;
        padding-bottom: 2.13333vw
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 .sub_menu li {
        font-size: 1.0625rem;
        font-size: 4.53333vw;
        margin-bottom: .93333vw
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list2 {
        opacity: 0;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        text-align: center
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list2 li {
        width: 4vw;
        margin: 0 2vw;
        display: inline-block
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list2 li:nth-child(1) {
        width: 2.93333vw
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list2 li:nth-child(2) {
        width: 4.53333vw
    }

    .cmnMenu_sp .menu_list_wrapper2 {
        position: absolute;
        bottom: 8.66667vw;
        left: 0;
        width: 100%;
        text-align: center
    }

    .cmnMenu_sp .menu_list_wrapper2 .menu_list3 {
        font-size: 3.8125rem;
        font-size: 16.26667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7
    }

    .cmnMenu_sp .menu_list_wrapper2 .menu_list3 li {
        overflow-x: visible;
        overflow-y: hidden
    }

    .cmnMenu_sp .menu_list_wrapper2 .menu_list3 span {
        display: inline-block;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        padding: 0 .4em
    }
}

@media screen and (max-width: 899px) and (max-width: 896px) and (orientation: landscape) {
    .cmnMenu_sp {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }

    .cmnMenu_sp.show {
        display: block
    }

    .cmnMenu_sp .menu_list_wrapper .menu_list1 {
        margin-top: 10.66667vw;
        margin-left: auto;
        margin-right: auto
    }

    .cmnMenu_sp .menu_list_wrapper2 {
        position: relative;
        margin-top: 20vw;
        margin-bottom: 6.66667vw
    }
}

@media screen and (min-width: 900px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s
    }

    header.show-1st {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform 1s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform 1s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    header.hide {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    header .cmnHeader_logo_sp, header .cmnHeader_open_sp {
        display: none
    }

    header .cmnHeader_pc {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        min-width: 980px
    }

    header .cmnHeader_pc h1 {
        position: absolute;
        top: 37px;
        left: 68px;
    }

    header .cmnHeader_pc .navPC {
        position: absolute;
        top: 50px;
        right: 68px
    }

    header .cmnHeader_pc .navPC ul {
        font-size: 0;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    header .cmnHeader_pc .navPC ul li {
        font-size: 18.2px;
        font-size: 1.1375rem;
        line-height: .7;
        display: inline-block;
        margin-left: 36px;
        letter-spacing: .02em
    }

    header .cmnHeader_pc .navPC ul li a {
        position: relative
    }

    header .cmnHeader_pc .navPC ul li a:after {
        content: "";
        position: absolute;
        top: -5px;
        left: -18px;
        width: calc(100% + 36px);
        height: calc(100% + 10px)
    }

    header .cmnHeader_pc .navPC ul li:first-child {
        margin-left: 0
    }

    header .cmnHeader_pc .navPC ul li.nav_access {
        width: 16px;
        margin-left: 30px
    }

    header .cmnHeader_pc .navPC ul li.nav_access img {
        margin-top: -4px
    }

    header .cmnHeader_pc .navPC ul li.nav_access a:after {
        top: -5px;
        left: -10.4px;
        width: calc(100% + 26px);
        height: calc(100% + 10px)
    }

    header .cmnHeader_pc .navPC ul li.nav_store {
        width: 23px;
        margin-left: 26px
    }

    header .cmnHeader_pc .navPC ul li.nav_store img {
        margin-top: -2px
    }

    header .cmnHeader_pc .navPC ul li.nav_store a:after {
        top: -5px;
        left: -11px;
        width: calc(100% + 22px);
        height: calc(100% + 10px)
    }

    header .cmnHeader_pc .navPC__border {
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 0;
        height: 5px;
        background-color: #fff;
        pointer-events: none
    }

    .cmnMenu_sp {
        display: none
    }
}

.js_glitch {
    position: relative
}

.js_glitch .js_glitch_clone1, .js_glitch .js_glitch_clone2, .js_glitch .js_glitch_clone3 {
    position: absolute;
    opacity: 0;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-blend-mode: none;
    background-color: transparent
}

.js_glitch .js_glitch_clone1 {
    left: 5px;
    top: -5px;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s
}

.js_glitch .js_glitch_clone2 {
    left: -5px;
    top: 5px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.js_glitch .js_glitch_clone3 {
    left: 5px;
    top: 5px;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s
}

.js_glitch.js_hover .js_glitch_clone1 {
    -webkit-animation-name: glitch-anim-1;
    animation-name: glitch-anim-1
}

.js_glitch.js_hover .js_glitch_clone2 {
    -webkit-animation-name: glitch-anim-2;
    animation-name: glitch-anim-2
}

.js_glitch.js_hover .js_glitch_clone3 {
    -webkit-animation-name: glitch-anim-3;
    animation-name: glitch-anim-3
}

@-webkit-keyframes glitch-anim-1 {
    0% {
        opacity: .3;
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0)
    }
    40% {
        opacity: .3;
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    42% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    44% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    46% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    48% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    50% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    52% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    54% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    56% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    58% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    60% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    61.9% {
        opacity: 1;
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0)
    }
    100%, 62% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-1 {
    0% {
        opacity: .3;
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0)
    }
    40% {
        opacity: .3;
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%)
    }
    42% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%)
    }
    44% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%)
    }
    46% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%)
    }
    48% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    50% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    52% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    54% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    56% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    58% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    60% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    61.9% {
        opacity: 1;
        -webkit-transform: translate3d(6px, 0, 0);
        transform: translate3d(6px, 0, 0)
    }
    100%, 62% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-2 {
    0% {
        opacity: .3;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0)
    }
    22%, 50% {
        opacity: .3;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    53% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    55% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    57% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    59% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    61% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    63% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    65% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    67% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    69% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    70% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    71.9% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0)
    }
    100%, 72% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-2 {
    0% {
        opacity: .3;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0)
    }
    22%, 50% {
        opacity: .3;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%)
    }
    53% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%)
    }
    55% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%)
    }
    57% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    59% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%)
    }
    61% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%)
    }
    63% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    65% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%)
    }
    67% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%)
    }
    69% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%)
    }
    70% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%)
    }
    71.9% {
        opacity: 1;
        -webkit-transform: translate3d(calc(-1 * 5px), 0, 0);
        transform: translate3d(calc(-1 * 5px), 0, 0)
    }
    100%, 72% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@-webkit-keyframes glitch-anim-3 {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }
    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }
    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }
    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }
    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }
    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }
    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }
    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }
    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }
    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }
    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }
    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }
    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }
    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }
    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 4px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 4px), 0) scale3d(-1, -1, 1)
    }
    100%, 22% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

@keyframes glitch-anim-3 {
    0% {
        opacity: .5;
        -webkit-transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%)
    }
    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%)
    }
    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%)
    }
    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%)
    }
    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%)
    }
    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%)
    }
    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%)
    }
    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%)
    }
    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%)
    }
    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%)
    }
    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%)
    }
    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%)
    }
    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%)
    }
    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%)
    }
    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%)
    }
    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%)
    }
    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%)
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%)
    }
    21.9% {
        opacity: 1;
        -webkit-transform: translate3d(0, calc(-1 * 4px), 0) scale3d(-1, -1, 1);
        transform: translate3d(0, calc(-1 * 4px), 0) scale3d(-1, -1, 1)
    }
    100%, 22% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }
}

.class34.in-view-fadeIn {
    opacity: 0;
    -webkit-transition: opacity 2s cubic-bezier(.25, .46, .45, .94);
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94)
}

.class34.in-view-fadeIn.in-view {
    opacity: 1
}

.class34.class21 {
    opacity: 0;
    -webkit-transform: translateY(20vw);
    transform: translateY(20vw);
    -webkit-transition: opacity 2s cubic-bezier(.25, .46, .45, .94), -webkit-transform 2s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94), -webkit-transform 2s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94), transform 2s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 2s cubic-bezier(.25, .46, .45, .94), transform 2s cubic-bezier(.165, .84, .44, 1), -webkit-transform 2s cubic-bezier(.165, .84, .44, 1)
}

.class34.class21.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.class34.class16 {
    -webkit-transform: translateY(20vw);
    transform: translateY(20vw);
    -webkit-transition: -webkit-transform 2s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform 2s cubic-bezier(.165, .84, .44, 1);
    transition: transform 2s cubic-bezier(.165, .84, .44, 1);
    transition: transform 2s cubic-bezier(.165, .84, .44, 1), -webkit-transform 2s cubic-bezier(.165, .84, .44, 1)
}

.class34.class16.in-view {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.class34.class20 {
    opacity: 0;
    -webkit-transform: translateY(33.33333vw);
    transform: translateY(33.33333vw);
    -webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1)
}

.class34.class20.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.class34.class21-R {
    opacity: 0;
    -webkit-transform: translateX(33.33333vw);
    transform: translateX(33.33333vw);
    -webkit-transition: opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s cubic-bezier(.39, .575, .565, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s cubic-bezier(.39, .575, .565, 1), transform 1s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1s cubic-bezier(.39, .575, .565, 1), transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1)
}

.class34.class21-R.in-view {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.class34.class15 {
    opacity: 0;
    -webkit-transform: translateX(53.33333vw);
    transform: translateX(53.33333vw);
    -webkit-transition: opacity 1.3s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.3s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.3s cubic-bezier(.165, .84, .44, 1), transform 1.3s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.3s cubic-bezier(.165, .84, .44, 1), transform 1.3s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.3s cubic-bezier(.19, 1, .22, 1)
}

.class34.class15 span {
    color: rgba(255, 255, 255, 0)
}

.class34.class15 span:nth-child(1) {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}

.class34.class15 span:nth-child(2) {
    -webkit-animation-delay: 40ms;
    animation-delay: 40ms
}

.class34.class15 span:nth-child(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}

.class34.class15 span:nth-child(4) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}

.class34.class15 span:nth-child(5) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.class34.class15 span:nth-child(6) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}

.class34.class15 span:nth-child(7) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}

.class34.class15 span:nth-child(8) {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}

.class34.class15 span:nth-child(9) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

.class34.class15 span:nth-child(10) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.class34.class15 span:nth-child(11) {
    -webkit-animation-delay: .22s;
    animation-delay: .22s
}

.class34.class15 span:nth-child(12) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}

.class34.class15 span:nth-child(13) {
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}

.class34.class15 span:nth-child(14) {
    -webkit-animation-delay: .28s;
    animation-delay: .28s
}

.class34.class15 span:nth-child(15) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.class34.class15 span:nth-child(16) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}

.class34.class15 span:nth-child(17) {
    -webkit-animation-delay: .34s;
    animation-delay: .34s
}

.class34.class15 span:nth-child(18) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}

.class34.class15 span:nth-child(19) {
    -webkit-animation-delay: .38s;
    animation-delay: .38s
}

.class34.class15 span:nth-child(20) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.class34.class15 span:nth-child(21) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}

.class34.class15 span:nth-child(22) {
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

.class34.class15 span:nth-child(23) {
    -webkit-animation-delay: .46s;
    animation-delay: .46s
}

.class34.class15 span:nth-child(24) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

.class34.class15 span:nth-child(25) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.class34.class15 span:nth-child(26) {
    -webkit-animation-delay: .52s;
    animation-delay: .52s
}

.class34.class15 span:nth-child(27) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}

.class34.class15 span:nth-child(28) {
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}

.class34.class15 span:nth-child(29) {
    -webkit-animation-delay: .58s;
    animation-delay: .58s
}

.class34.class15 span:nth-child(30) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.class34.class15 span:nth-child(31) {
    -webkit-animation-delay: .62s;
    animation-delay: .62s
}

.class34.class15 span:nth-child(32) {
    -webkit-animation-delay: .64s;
    animation-delay: .64s
}

.class34.class15 span:nth-child(33) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}

.class34.class15 span:nth-child(34) {
    -webkit-animation-delay: .68s;
    animation-delay: .68s
}

.class34.class15 span:nth-child(35) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.class34.class15 span:nth-child(36) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}

.class34.class15 span:nth-child(37) {
    -webkit-animation-delay: .74s;
    animation-delay: .74s
}

.class34.class15 span:nth-child(38) {
    -webkit-animation-delay: .76s;
    animation-delay: .76s
}

.class34.class15 span:nth-child(39) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}

.class34.class15 span:nth-child(40) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.class34.class15 span:nth-child(41) {
    -webkit-animation-delay: .82s;
    animation-delay: .82s
}

.class34.class15 span:nth-child(42) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}

.class34.class15 span:nth-child(43) {
    -webkit-animation-delay: .86s;
    animation-delay: .86s
}

.class34.class15 span:nth-child(44) {
    -webkit-animation-delay: .88s;
    animation-delay: .88s
}

.class34.class15.in-view {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.class34.class15.in-view span {
    -webkit-animation-name: inview_gradation;
    animation-name: inview_gradation;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    animation-timing-function: cubic-bezier(.455, .03, .515, .955);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.class34.class13 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: hue-rotate(120deg) brightness(2.5);
    filter: hue-rotate(120deg) brightness(2.5);
    -webkit-transition: -webkit-filter 1.4s cubic-bezier(.445, .05, .55, .95), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
    transition: -webkit-filter 1.4s cubic-bezier(.445, .05, .55, .95), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
    transition: filter 1.4s cubic-bezier(.445, .05, .55, .95), transform 1s cubic-bezier(.215, .61, .355, 1);
    transition: filter 1.4s cubic-bezier(.445, .05, .55, .95), transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-filter 1.4s cubic-bezier(.445, .05, .55, .95), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
    visibility: hidden
}

.class34.class13.in-view {
    visibility: visible;
    -webkit-filter: hue-rotate(.1deg) brightness(1);
    filter: hue-rotate(.1deg) brightness(1)
}

@media screen and (min-width: 900px) {
    .class34.class21 {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    .class34.class16 {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    .class34.class20 {
        -webkit-transform: translateY(250px);
        transform: translateY(250px)
    }

    .class34.class21-R {
        -webkit-transform: translateX(250px);
        transform: translateX(250px)
    }

    .class34.class15 {
        -webkit-transform: translateX(600px);
        transform: translateX(600px)
    }
}

@-webkit-keyframes scroll_anime_white {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    50% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    51% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes scroll_anime_white {
    0% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
    50% {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    51% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@-webkit-keyframes loading_gradation {
    0% {
        color: #007b9d
    }
    10% {
        color: #04a4d0
    }
    20% {
        color: #00c8ff
    }
    30% {
        color: #3fcfff
    }
    40% {
        color: #7f80f9
    }
    50% {
        color: #5253e6
    }
    60% {
        color: #1518e6
    }
    70% {
        color: #0004ff
    }
    80% {
        color: #d2ff00
    }
    90% {
        color: #ffe500
    }
    100% {
        color: #fff
    }
}

@keyframes loading_gradation {
    0% {
        color: #007b9d
    }
    10% {
        color: #04a4d0
    }
    20% {
        color: #00c8ff
    }
    30% {
        color: #3fcfff
    }
    40% {
        color: #7f80f9
    }
    50% {
        color: #5253e6
    }
    60% {
        color: #1518e6
    }
    70% {
        color: #0004ff
    }
    80% {
        color: #d2ff00
    }
    90% {
        color: #ffe500
    }
    100% {
        color: #fff
    }
}

@-webkit-keyframes inview_gradation {
    0% {
        color: #007b9d
    }
    10% {
        color: #04a4d0
    }
    20% {
        color: #00c8ff
    }
    30% {
        color: #3fcfff
    }
    40% {
        color: #7f80f9
    }
    50% {
        color: #5253e6
    }
    60% {
        color: #1518e6
    }
    70% {
        color: #0004ff
    }
    80% {
        color: #d2ff00
    }
    90% {
        color: #ffe500
    }
    100% {
        color: #fff
    }
}

@keyframes inview_gradation {
    0% {
        color: #007b9d
    }
    10% {
        color: #04a4d0
    }
    20% {
        color: #00c8ff
    }
    30% {
        color: #3fcfff
    }
    40% {
        color: #7f80f9
    }
    50% {
        color: #5253e6
    }
    60% {
        color: #1518e6
    }
    70% {
        color: #0004ff
    }
    80% {
        color: #d2ff00
    }
    90% {
        color: #ffe500
    }
    100% {
        color: #fff
    }
}

@-webkit-keyframes inview_gradation2 {
    0% {
        color: #007b9d
    }
    10% {
        color: #04a4d0
    }
    20% {
        color: #00c8ff
    }
    30% {
        color: #3fcfff
    }
    40% {
        color: #7f80f9
    }
    50% {
        color: #5253e6
    }
    60% {
        color: #1518e6
    }
    70% {
        color: #0004ff
    }
    80% {
        color: #d2ff00
    }
    90% {
        color: #ffe500
    }
    100% {
        color: #fff
    }
}

@keyframes inview_gradation2 {
    0% {
        color: #007b9d
    }
    10% {
        color: #04a4d0
    }
    20% {
        color: #00c8ff
    }
    30% {
        color: #3fcfff
    }
    40% {
        color: #7f80f9
    }
    50% {
        color: #5253e6
    }
    60% {
        color: #1518e6
    }
    70% {
        color: #0004ff
    }
    80% {
        color: #d2ff00
    }
    90% {
        color: #ffe500
    }
    100% {
        color: #fff
    }
}

@-webkit-keyframes grad_bg_rotate {
    0% {
        background-position: 0 23%
    }
    50% {
        background-position: 60% 78%
    }
    100% {
        background-position: 0 23%
    }
}

@keyframes grad_bg_rotate {
    0% {
        background-position: 0 23%
    }
    50% {
        background-position: 60% 78%
    }
    100% {
        background-position: 0 23%
    }
}

@-webkit-keyframes menu_sp_arrow1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    70% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    85% {
        -webkit-transform: translate3d(0, 65%, 0);
        transform: translate3d(0, 65%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes menu_sp_arrow1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    70% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    85% {
        -webkit-transform: translate3d(0, 65%, 0);
        transform: translate3d(0, 65%, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes menu_sp_arrow2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes menu_sp_arrow2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes btn_hover_grad {
    0% {
        background-position: 14% 0
    }
    50% {
        background-position: 87% 100%
    }
    100% {
        background-position: 14% 0
    }
}

@keyframes btn_hover_grad {
    0% {
        background-position: 14% 0
    }
    50% {
        background-position: 87% 100%
    }
    100% {
        background-position: 14% 0
    }
}

@-webkit-keyframes hover_underbar {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    1% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    49% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    50% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes hover_underbar {
    0% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    1% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    49% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    50% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes btn_hover_arrowR {
    0% {
        -webkit-transform: translateX(0) rotate(45deg);
        transform: translateX(0) rotate(45deg)
    }
    50% {
        -webkit-transform: translateX(80px) rotate(45deg);
        transform: translateX(80px) rotate(45deg)
    }
    100% {
        -webkit-transform: translateX(80px) rotate(45deg);
        transform: translateX(80px) rotate(45deg)
    }
}

@keyframes btn_hover_arrowR {
    0% {
        -webkit-transform: translateX(0) rotate(45deg);
        transform: translateX(0) rotate(45deg)
    }
    50% {
        -webkit-transform: translateX(80px) rotate(45deg);
        transform: translateX(80px) rotate(45deg)
    }
    100% {
        -webkit-transform: translateX(80px) rotate(45deg);
        transform: translateX(80px) rotate(45deg)
    }
}

@-webkit-keyframes pagetop_hover {
    0% {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg)
    }
    50% {
        -webkit-transform: translateY(-48px) rotate(45deg);
        transform: translateY(-48px) rotate(45deg)
    }
    100% {
        -webkit-transform: translateY(-48px) rotate(45deg);
        transform: translateY(-48px) rotate(45deg)
    }
}

@keyframes pagetop_hover {
    0% {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg)
    }
    50% {
        -webkit-transform: translateY(-48px) rotate(45deg);
        transform: translateY(-48px) rotate(45deg)
    }
    100% {
        -webkit-transform: translateY(-48px) rotate(45deg);
        transform: translateY(-48px) rotate(45deg)
    }
}

@media screen and (max-width: 899px) {
    .error-cmn-title {
        margin-top: 30.66667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .error-cmn-title__inner {
        text-align: center;
        margin-bottom: 35.33333vw
    }

    .error-cmn-title__inner h2 {
        width: 81.86667vw;
        margin-bottom: 6.66667vw
    }

    .error-cmn-title__inner .cmn-btn-back span {
        font-size: 1.77531rem;
        font-size: 7.57467vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7
    }
}

@media screen and (min-width: 900px) {
    .error-cmn-title {
        margin-top: 240px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .error-cmn-title__inner {
        text-align: center;
        margin-bottom: 135px
    }

    .error-cmn-title__inner h2 {
        width: 100%;
        max-width: 1163px;
        padding: 0 40px;
        margin-bottom: 60px
    }

    .error-cmn-title__inner .cmn-btn-back span {
        font-size: 31.57px;
        font-size: 1.97313rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7
    }
}

@media screen and (max-width: 899px) {
    .main-container.-joinus .sec1__inner {
        width: 81.33333vw;
        margin: 0 auto;
        text-align: center;
        margin-top: 32vw
    }

    .main-container.-joinus .sec1__inner .txt1 {
        font-size: .9375rem;
        font-size: 4vw;
        line-height: 1.4
    }

    .main-container.-joinus .sec1__inner .txt2 {
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857
    }

    .main-container.-joinus .sec1 .cmn-movie {
        margin-top: 12.66667vw;
        margin-bottom: 12.66667vw
    }
}

@media screen and (min-width: 900px) {
    .main-container.-joinus .sec1 {
        position: relative;
        margin-bottom: 127px
    }

    .main-container.-joinus .sec1__inner {
        text-align: center;
        padding-top: 277px
    }

    .main-container.-joinus .sec1__inner .cmn-h2-title {
        margin-bottom: 76px
    }

    .main-container.-joinus .sec1__inner .txt1 {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.4732
    }

    .main-container.-joinus .sec1__inner .txt2 {
        margin-top: 96px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5
    }

    .main-container.-joinus .sec1 .cmn-movie {
        margin-top: 95px
    }
}

@media screen and (max-width: 899px) {
    .main-container.-joinus .sec2__inner {
        width: 85.33333vw;
        margin: 0 auto;
        text-align: center;
        margin-top: 32vw
    }

    .main-container.-joinus .sec2__inner .txt1 {
        font-size: .9375rem;
        font-size: 4vw;
        line-height: 1.4
    }

    .main-container.-joinus .sec2__links {
        position: relative;
        width: 81.33333vw;
        margin: 0 auto;
        margin-top: 12.66667vw
    }

    .main-container.-joinus .sec2__links__item {
        position: relative
    }

    .main-container.-joinus .sec2__links__item:first-child {
        margin-bottom: 5.33333vw
    }

    .main-container.-joinus .sec2__links__item .item_img {
        border: .93333vw solid #fff
    }

    .main-container.-joinus .sec2__links__item .item_txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-joinus .sec2__links__item .item_txt .item_txt_txt1 {
        margin: 0 auto;
        margin-bottom: 4.66667vw
    }

    .main-container.-joinus .sec2__links__item .item_txt .item_txt_txt2 {
        font-size: .75rem;
        font-size: 3.2vw;
        text-align: center;
        display: block;
        position: relative;
        display: inline-block
    }

    .main-container.-joinus .sec2__links__item .item_txt .item_txt_txt2:after {
        content: "";
        position: absolute;
        bottom: -2vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }

    .main-container.-joinus .sec2__links__item .item_txt.-wantedly .item_txt_txt1 {
        width: 42.93333vw
    }

    .main-container.-joinus .sec2__links__item .item_txt.-note .item_txt_txt1 {
        width: 26vw
    }
}

@media screen and (min-width: 900px) {
    .main-container.-joinus .sec2__inner {
        text-align: center;
        padding-top: 0px
    }

    .main-container.-joinus .sec2__inner .cmn-h2-title {
        margin-bottom: 76px
    }

    .main-container.-joinus .sec2__inner .txt1 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5
    }

    .main-container.-joinus .sec2__links {
        position: relative;
        width: calc(100% - 136px);
        max-width: 1015px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 130px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-joinus .sec2__links__item {
        position: relative;
        width: calc(50% - 14px);
        max-width: 494px;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .main-container.-joinus .sec2__links__item:hover {
        z-index: 1
    }

    .main-container.-joinus .sec2__links__item:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-container.-joinus .sec2__links__item:hover .item_txt {
        -webkit-transform: translate3d(0, 0, 30px);
        transform: translate3d(0, 0, 30px)
    }

    .main-container.-joinus .sec2__links__item .item_img {
        border: 7px solid #fff
    }

    .main-container.-joinus .sec2__links__item .item_txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translate3d(0, 0, .1px);
        transform: translate3d(0, 0, .1px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        z-index: 1
    }

    .main-container.-joinus .sec2__links__item .item_txt .item_txt_txt1 {
        margin: 0 auto
    }

    .main-container.-joinus .sec2__links__item .item_txt .item_txt_txt2 {
        font-size: 19px;
        font-size: 1.1875rem;
        text-align: center;
        display: block;
        position: relative;
        display: inline-block
    }

    .main-container.-joinus .sec2__links__item .item_txt .item_txt_txt2:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 100%;
        height: 7px;
        background-color: #fff
    }

    .main-container.-joinus .sec2__links__item .item_txt.-wantedly .item_txt_txt1 {
        width: 322px;
        margin-bottom: 7.76398%
    }

    .main-container.-joinus .sec2__links__item .item_txt.-note .item_txt_txt1 {
        width: 195px;
        margin-bottom: 12.82051%
    }
}

@media screen and (max-width: 899px) {
    .main-container.-news-detail .title {
        margin-top: 20.93333vw;
        padding: 8.66667vw 0 26.66667vw;
        background-image: url("../img/common/title_bg_sp.jpg");
        background-size: cover
    }

    .main-container.-news-detail .title__inner {
        width: 81.33333vw;
        margin: 0 auto;
        text-align: right
    }

    .main-container.-news-detail .title__inner time {
        font-size: 1rem;
        font-size: 4.26667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        display: block;
        margin-bottom: .8vw
    }

    .main-container.-news-detail .title__inner .hash {
        font-size: .75rem;
        font-size: 3.2vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        position: relative;
        display: inline-block;
        margin-bottom: 10vw
    }

    .main-container.-news-detail .title__inner .hash:after {
        content: "";
        position: absolute;
        bottom: -2vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }

    .main-container.-news-detail .title__inner h2 {
        font-size: 1.375rem;
        font-size: 5.86667vw;
        line-height: 1.13636;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        text-align: left
    }

    .main-container.-news-detail .title__inner h2 br {
        display: none
    }

    .main-container.-news-detail .entry {
        margin-top: -4.66667vw
    }

    .main-container.-news-detail .entry .entry__inner {
        width: 81.33333vw;
        margin: 0 auto;
        margin-bottom: 21.33333vw;
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .04em
    }

    .main-container.-news-detail .entry .entry__inner p {
        margin-bottom: 12.26667vw
    }

    .main-container.-news-detail .entry .entry__inner figure {
        margin-bottom: 12.26667vw
    }

    .main-container.-news-detail .pagination__inner {
        width: 81.33333vw;
        margin: 0 auto;
        margin-bottom: 33.33333vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 1.71875rem;
        font-size: 7.33333vw;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        position: relative
    }

    .main-container.-news-detail .pagination__index {
        width: 18.4vw;
        height: 18.4vw;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0
    }

    .main-container.-news-detail .pagination__index img {
        position: relative
    }

    .main-container.-news-detail .pagination__index:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #262523;
        overflow: hidden;
        border-radius: 50%
    }
}

@media screen and (min-width: 900px) {
    .main-container.-news-detail .title {
        margin-top: 174px;
        padding: 65px 0 250px;
        background-image: url("../img/common/title_bg_pc.jpg");
        background-size: cover
    }

    .main-container.-news-detail .title__inner {
        text-align: right;
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container.-news-detail .title__inner time {
        font-size: 36px;
        font-size: 2.25rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        display: block;
        margin-bottom: 16px
    }

    .main-container.-news-detail .title__inner .hash {
        font-size: 23px;
        font-size: 1.4375rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        position: relative;
        display: inline-block;
        margin-bottom: 145px
    }

    .main-container.-news-detail .title__inner .hash:after {
        content: "";
        position: absolute;
        bottom: -12px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .main-container.-news-detail .title__inner h2 {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 1.13636;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        text-align: left;
        letter-spacing: .06em
    }

    .main-container.-news-detail .entry {
        margin-top: -35px
    }

    .main-container.-news-detail .entry .entry__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 165px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .06em
    }

    .main-container.-news-detail .entry .entry__inner p {
        margin-bottom: 94px
    }

    .main-container.-news-detail .entry .entry__inner figure {
        margin-bottom: 94px
    }

    .main-container.-news-detail .pagination__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 335px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 62px;
        font-size: 3.875rem;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        position: relative
    }

    .main-container.-news-detail .pagination__prev {
        cursor: pointer
    }

    .main-container.-news-detail .pagination__index {
        width: 106px;
        height: 106px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0
    }

    .main-container.-news-detail .pagination__index img {
        position: relative;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-news-detail .pagination__index:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #262523;
        overflow: hidden;
        border-radius: 50%;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-news-detail .pagination__index:hover img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .main-container.-news-detail .pagination__index:hover:before {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .main-container.-news-detail .pagination__next {
        cursor: pointer
    }
}

@media screen and (max-width: 899px) {
    .main-container.-news .title {
        margin-top: 41.33333vw;
        margin-bottom: 34.66667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-news .title__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center
    }

    .main-container.-news .title__inner h2 {
        font-size: 3.75rem;
        font-size: 16vw;
        line-height: .7;
        margin-bottom: 5.6vw
    }

    .main-container.-news .entries {
        margin-bottom: 33.33333vw
    }

    .main-container.-news .entries__inner {
        width: 92vw;
        margin: 0 auto
    }

    .main-container.-news .entries__inner .entry {
        border-bottom: .8vw solid rgba(255, 255, 255, .3);
        padding: 4.66667vw 0 6vw
    }

    .main-container.-news .entries__inner .entry:first-child {
        border-top: .8vw solid rgba(255, 255, 255, .3)
    }

    .main-container.-news .entries__inner .entry__info {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        margin-bottom: 3.2vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-news .entries__inner .entry__info time {
        font-size: .875rem;
        font-size: 3.73333vw;
        margin-right: 2.93333vw
    }

    .main-container.-news .entries__inner .entry__info .hash {
        font-size: .75rem;
        font-size: 3.2vw;
        border: .66667vw solid #fff;
        border-radius: 50px;
        padding: .53333vw 3.73333vw
    }

    .main-container.-news .entries__inner .entry__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        letter-spacing: .04em
    }

    .main-container.-news .entries .cmn-view-more {
        margin-top: 13.33333vw
    }

    .main-container.-news .entries .next_posts_link {
        display: none
    }
}

@media screen and (min-width: 900px) {
    .main-container.-news .title {
        margin-top: 335px;
        margin-bottom: 240px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-news .title__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center
    }

    .main-container.-news .title__inner h2 {
        font-size: 121px;
        font-size: 7.5625rem;
        line-height: .7;
        margin-bottom: 38px
    }

    .main-container.-news .entries {
        margin-bottom: 335px
    }

    .main-container.-news .entries__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container.-news .entries__inner .entry {
        border-bottom: 3px solid rgba(255, 255, 255, .3);
        padding: 56px 0 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .main-container.-news .entries__inner .entry:first-child {
        border-top: 3px solid rgba(255, 255, 255, .3)
    }

    .main-container.-news .entries__inner .entry__info {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 4px
    }

    .main-container.-news .entries__inner .entry__info time {
        font-size: 20px;
        font-size: 1.25rem;
        margin-right: 22px
    }

    .main-container.-news .entries__inner .entry__info .hash {
        font-size: 18.34px;
        font-size: 1.14625rem;
        line-height: .7;
        border: 2px solid #fff;
        border-radius: 50px;
        padding: 6px 20px;
        text-align: center;
        width: 148px
    }

    .main-container.-news .entries__inner .entry__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        letter-spacing: .06em;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .main-container.-news .entries .cmn-view-more {
        margin-top: 100px
    }

    .main-container.-news .entries .next_posts_link {
        display: none
    }
}

@media screen and (max-width: 899px) {
    .main-container.-vision .sec1 .cmn-catch2 {
        margin-top: 25vw
    }

    .main-container.-vision .sec1__txt {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: 1.25;
        text-align: center;
        margin-top: 20vw;
        padding: 0 1.5em
    }

    .main-container.-vision .sec1__txt p {
        margin-bottom: 10.66667vw;
        letter-spacing: .04em
    }

    .main-container.-vision .sec1__txt .whatwedo-cmn-rect {
        margin: 9.33333vw auto
    }

    .main-container.-vision .sec1__txt .font-en {
        font-size: 1.1rem;
        font-size: 4.69333vw;
        line-height: 1.33909;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: .01em
    }
}

@media screen and (min-width: 900px) {
    .main-container.-vision .sec1 {
        position: relative;
        padding-bottom: 127px
    }

    .main-container.-vision .sec1 .cmn-catch2 {
        padding-top: 250px
    }

    .main-container.-vision .sec1__txt {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.4732;
        text-align: center;
        width: calc(100% - 136px);
        max-width: 1015px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 170px
    }

    .main-container.-vision .sec1__txt p {
        margin-bottom: 35px;
        letter-spacing: .04em
    }

    .main-container.-vision .sec1__txt .whatwedo-cmn-rect {
        margin: 70px auto
    }

    .main-container.-vision .sec1__txt .font-en {
        font-size: 27.5px;
        font-size: 1.71875rem;
        line-height: 1.33909;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: 0
    }
}

@media screen and (max-width: 899px) {
    .main-container.-vision .sec2__inner .cmn-h2-title {
        margin-top: 32vw
    }

    .main-container.-vision .sec2 .cmn-catch1__inner .catch-sub {
        padding-bottom: 2.66667vw;
        margin-top: 5.33333vw;
        font-size: .875rem;
        font-size: 3.73333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0
    }

    .main-container.-vision .sec2__txt {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: 1.25;
        text-align: center;
        margin-top: 14.66667vw;
        padding: 0 1em
    }

    .main-container.-vision .sec2__txt p {
        margin-bottom: 10.66667vw;
        letter-spacing: .04em
    }

    .main-container.-vision .sec2__value {
        position: relative;
        width: 92vw;
        margin: 0 auto;
        margin-top: 20vw
    }

    .main-container.-vision .sec2__value__img {
        position: relative;
        padding-top: 49.91817%
    }

    .main-container.-vision .sec2__value__img__name {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 94%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(5vw);
        transform: translateY(5vw);
        opacity: 0;
        -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) .5s;
        transition: all .6s cubic-bezier(.215, .61, .355, 1) .5s
    }

    .main-container.-vision .sec2__value__img__name.in-view {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .main-container.-vision .sec2__value__img__name p {
        position: relative;
        font-size: 1.71875rem;
        font-size: 7.33333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7
    }

    .main-container.-vision .sec2__value__img__name p:after {
        content: "";
        position: absolute;
        bottom: -2.66667vw;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        width: 4.66667vw;
        height: .93333vw
    }

    .main-container.-vision .sec2__value__slogan {
        margin-top: 11.33333vw
    }

    .main-container.-vision .sec2__value__slogan dl {
        text-align: center
    }

    .main-container.-vision .sec2__value__slogan dl dt {
        font-size: 2.03125rem;
        font-size: 8.66667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .8;
        margin-bottom: 2.4vw
    }

    .main-container.-vision .sec2__value__slogan dl dd {
        font-size: .75rem;
        font-size: 3.2vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-bottom: 8.66667vw
    }

    .main-container.-vision .sec2__value__slogan dl dd:last-child {
        margin-bottom: 0
    }

    .main-container.-vision .sec2__value__slogan .bracketL, .main-container.-vision .sec2__value__slogan .bracketR {
        font-weight: 400;
        display: inline-block;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 10%;
        transform-origin: 0 10%
    }

    .main-container.-vision .sec2__value__slogan .bracketR {
        margin-left: .04em
    }
}

@media screen and (min-width: 900px) {
    .main-container.-vision .sec2__inner .cmn-h2-title {
        padding-top: 150px;
        margin-bottom: 124px
    }

    .main-container.-vision .sec2 .cmn-catch1__inner .catch-sub {
        margin-top: 30px;
        padding-bottom: 11px;
        font-size: 21.61px;
        font-size: 1.35062rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0
    }

    .main-container.-vision .sec2__txt {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.46;
        text-align: center;
        margin-top: 110px;
        padding: 0 1em
    }

    .main-container.-vision .sec2__txt p {
        margin-bottom: 80px;
        letter-spacing: .04em
    }

    .main-container.-vision .sec2__value {
        position: relative;
        width: 830px;
        margin: 0 auto;
    }

    .main-container.-vision .sec2__value__img {
        position: relative;
        padding-top: 40.96386%
    }

    .main-container.-vision .sec2__value__img__name {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 97%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0;
        -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) .5s;
        transition: all .6s cubic-bezier(.215, .61, .355, 1) .5s
    }

    .main-container.-vision .sec2__value__img__name.in-view {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .main-container.-vision .sec2__value__img__name p {
        position: relative;
        font-size: 48px;
        font-size: 3rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7
    }

    .main-container.-vision .sec2__value__img__name p:after {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #fff;
        width: 17px;
        height: 5px
    }

    .main-container.-vision .sec2__value__img__clone {
        position: relative;
        padding-top: 40.96386%;
        position: absolute;
        width: 100%;
        opacity: .3;
        background-size: cover;
        background-color: #000
    }


    .main-container.-vision .sec2__value__img__clone.-cloneL2 {
        top: -40px;
        left: -570px;
        background-image: url("../img/doit.jpg")
    }

    .main-container.-vision .sec2__value__img__clone.-cloneR2 {
        top: 130px;
        left: 485px;
        background-image: url("../img/doit.jpg")
    }

    .main-container.-vision .sec2__value__slogan {
        width: 80%;
        margin: 0 auto;
        margin-top: 135px
    }

    .main-container.-vision .sec2__value__slogan dl {
        text-align: center
    }

    .main-container.-vision .sec2__value__slogan dl dt {
        font-size: 62px;
        font-size: 3.875rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .8;
        margin-bottom: 16px
    }

    .main-container.-vision .sec2__value__slogan dl dd {
        font-size: 17.5px;
        font-size: 1.09375rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-bottom: 35px
    }

    .main-container.-vision .sec2__value__slogan dl dd:last-child {
        margin-bottom: 0
    }

    .main-container.-vision .sec2__value__slogan .bracketL, .main-container.-vision .sec2__value__slogan .bracketR {
        font-weight: 400;
        display: inline-block;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 10%;
        transform-origin: 0 10%
    }

    .main-container.-vision .sec2__value__slogan .bracketR {
        margin-left: .04em
    }
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: .3;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #fff;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 0;
    position: absolute;
    cursor: pointer
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important
    }
}

.recruit-privacy__scroll .ps__rail-y {
    opacity: 1 !important
}

.recruit-privacy__scroll .ps__thumb-y {
    border-radius: 0;
    width: 1.73333vw
}

@media screen and (min-width: 900px) {
    .recruit-privacy__scroll .ps__thumb-y {
        width: 7px
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    outline: 0
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-lock {
    display: none
}

@media screen and (max-width: 899px) {
    .main-container.-top {
        overflow: hidden
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top {
        overflow: hidden
    }
}

@media screen and (max-width: 899px) {
    .main-container.-top .kv {
        position: relative;
        width: 100%;
        height: 100vh
    }

    .main-container.-top .kv__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .main-container.-top .kv__bg__cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000
    }

    .main-container.-top .kv__bg__cover.show-1st {
        opacity: .15;
        -webkit-transition: opacity 3s cubic-bezier(.445, .05, .55, .95) 0s;
        transition: opacity 3s cubic-bezier(.445, .05, .55, .95) 0s
    }

    .main-container.-top .kv__bg__cover.show-2nd {
        opacity: .15;
        -webkit-transition: opacity .3s cubic-bezier(.445, .05, .55, .95) 0s;
        transition: opacity .3s cubic-bezier(.445, .05, .55, .95) 0s
    }

    .main-container.-top .kv .cmn-catch1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 105%
    }

    .main-container.-top .kv .kv__scroll {
        position: absolute;
        bottom: 6.66667vw;
        right: 0;
        left: 0;
        margin: auto;
        width: 100%;
        z-index: 1
    }

    .main-container.-top .kv .kv__scroll.in-view .kv__scroll__inner {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 1s cubic-bezier(.645, .045, .355, 1) 1.7s;
        transition: all 1s cubic-bezier(.645, .045, .355, 1) 1.7s
    }

    .main-container.-top .kv .kv__scroll__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(-10.66667vw);
        transform: translateY(-10.66667vw);
        opacity: 0;
        visibility: hidden;
        font-size: 20px;
        font-size: 1.25rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-top .kv .kv__scroll__inner strong {
        vertical-align: middle;
        margin-right: 8px
    }

    .main-container.-top .kv .kv__scroll__inner img {
        width: 85px;
        max-width: 85px;
        vertical-align: middle
    }

    .main-container.-top .kv .kv__scroll__inner span {
        display: block;
        white-space: nowrap;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

    .main-container.-top .kv .kv__scroll__white {
        display: none
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top .kv {
        position: relative;
        width: 100%;
        height: 100vh
    }

    .main-container.-top .kv__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .main-container.-top .kv__bg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #top_kv_sp {
        display: none
    }

    .main-container.-top .kv__bg__cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000
    }

    .main-container.-top .kv__bg__cover.show-1st {
        opacity: .15;
        -webkit-transition: opacity 4s cubic-bezier(.445, .05, .55, .95) 0s;
        transition: opacity 4s cubic-bezier(.445, .05, .55, .95) 0s
    }

    .main-container.-top .kv__bg__cover.show-2nd {
        opacity: .15;
        -webkit-transition: opacity .3s cubic-bezier(.445, .05, .55, .95) 0s;
        transition: opacity .3s cubic-bezier(.445, .05, .55, .95) 0s
    }

    .main-container.-top .kv .cmn-catch1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 110%
    }

    .main-container.-top .kv .kv__scroll {
        position: absolute;
        bottom: -48px;
        right: 28px;
        width: 80px;
        height: 190px;
        overflow: hidden;
        z-index: 1
    }

    .main-container.-top .kv .kv__scroll.in-view {
        border: 2px solid #fff;
        -webkit-transition: border 0s linear 2s;
        transition: border 0s linear 2s
    }

    .main-container.-top .kv .kv__scroll.in-view .kv__scroll__inner span {
        visibility: visible;
        -webkit-transition: visibility 0s linear 2s;
        transition: visibility 0s linear 2s
    }

    .main-container.-top .kv .kv__scroll.in-view .kv__scroll__white {
        -webkit-animation: scroll_anime_white 1s cubic-bezier(.86, 0, .07, 1) forwards 1.5s;
        animation: scroll_anime_white 1s cubic-bezier(.86, 0, .07, 1) forwards 1.5s
    }

    .main-container.-top .kv .kv__scroll__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 20px;
        font-size: 1.25rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-top .kv .kv__scroll__inner strong {
        vertical-align: middle;
        margin-right: 8px
    }

    .main-container.-top .kv .kv__scroll__inner img {
        width: 85px;
        max-width: 85px;
        vertical-align: middle
    }

    .main-container.-top .kv .kv__scroll__inner span {
        display: block;
        white-space: nowrap;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        visibility: hidden
    }

    .main-container.-top .kv .kv__scroll__white {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@media screen and (max-width: 899px) {
    .main-container.-top .sec1 {
        position: relative;
        width: 100%;
        margin-bottom: 10vw
    }

    .main-container.-top .sec1 .cmn-h2-title {
        padding-top: 30vw
    }

    .main-container.-top .sec1 .cmn-h2-side {
        display: none
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top .sec1 {
        position: relative;
        width: 100%;
        height: 600px;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-top .sec1 .cmn-catch2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .main-container.-top .sec1 .cmn-h2-title {
        display: none
    }
}

@media screen and (max-width: 899px) {
    .main-container.-top .sec2 {
        position: relative;
        width: 100%;
        margin-bottom: 33.33333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-top .sec2 .cmn-h2-side {
        display: none
    }

    .main-container.-top .sec2__bg {
        position: absolute;
        top: 36vw;
        left: 0;
        width: 90.66667vw;
        height: 200vw;
    }

    .main-container.-top .sec2__items {
        width: 68vw;
        margin: 0 auto;
        margin-bottom: 13.33333vw
    }

    .main-container.-top .sec2__items__item {
        position: relative;
        margin-bottom: 8.66667vw
    }

    .main-container.-top .sec2__items__item .item_img {
        position: relative
    }

    .main-container.-top .sec2__items__item:nth-child(odd) .item_txt {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        left: -12vw
    }

    .main-container.-top .sec2__items__item:nth-child(even) .item_txt {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
        right: -12vw
    }

    .main-container.-top .sec2__items__item .item_txt {
        position: absolute;
        top: 0;
        width: 80vw;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec2__items__item .item_txt .item_txt_inner .item_txt1 {
        font-size: 2.5625rem;
        font-size: 10.93333vw;
        line-height: .73171;
        margin-bottom: 2.66667vw
    }

    .main-container.-top .sec2__items__item .item_txt .item_txt_inner .item_txt2 {
        font-size: .75rem;
        font-size: 3.2vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top .sec2 {
        position: relative;
        width: 100%;
        padding-top: 68px;
        padding-bottom: 190px;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-top .sec2 .cmn-h2-title {
        display: none
    }

    .main-container.-top .sec2__bg {
        position: absolute;
        top: 0;
        right: 0;
        width: 88.88889%;
        height: 632px;
    }

    .main-container.-top .sec2__items {
        position: relative;
        width: 100%;
        max-width: 1800px;
        margin: 0 auto;
        margin-top: -100px
    }

    .main-container.-top .sec2__items__inner {
        width: 85.71429%;
        max-width: 1400px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-top .sec2__items__item {
        position: relative;
        width: 50%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .main-container.-top .sec2__items__item:hover {
        z-index: 1
    }

    .main-container.-top .sec2__items__item:hover .item_img img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-container.-top .sec2__items__item:hover .item_txt {
        -webkit-transform: translate3d(0, 0, 30px);
        transform: translate3d(0, 0, 30px)
    }

    .main-container.-top .sec2__items__item:hover .item_txt .item_txt_inner .item_txt1 {
        letter-spacing: .025em
    }

    .main-container.-top .sec2__items__item:hover .item_txt .item_txt_inner .item_txt1:after {
        -webkit-transform: scaleX(1.5);
        transform: scaleX(1.5)
    }

    .main-container.-top .sec2__items__item:hover .item_txt .item_txt_inner .item_txt2 {
        letter-spacing: .05em
    }

    .main-container.-top .sec2__items__item .item_img {
        position: relative;
        overflow: hidden
    }

    .main-container.-top .sec2__items__item .item_img img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    .main-container.-top .sec2__items__item .item_txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translate3d(0, 0, .1px);
        transform: translate3d(0, 0, .1px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-top .sec2__items__item .item_txt .item_txt_inner {
        text-align: center
    }

    .main-container.-top .sec2__items__item .item_txt .item_txt_inner .item_txt1 {
        position: relative;
        font-size: 53px;
        font-size: 3.3125rem;
        line-height: .73585;
        margin-bottom: 40px;
        white-space: nowrap;
        -webkit-transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-top .sec2__items__item .item_txt .item_txt_inner .item_txt1:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -22px;
        left: 0;
        right: 0;
        width: 28px;
        height: 5px;
        margin: auto;
        background-color: #fff;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-top .sec2__items__item .item_txt .item_txt_inner .item_txt2 {
        font-size: 15.3px;
        font-size: .95625rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        -webkit-transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s
    }
}

@media screen and (max-width: 899px) {
    .main-container.-top .sec3 {
        position: relative;
        width: 100%;
        margin-bottom: 33.33333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-top .sec3 .cmn-h2-side {
        display: none
    }

    .main-container.-top .sec3__bg {
        display: none
    }

    .main-container.-top .sec3__items .entry {
        position: relative;
        margin-bottom: 10.66667vw
    }

    .main-container.-top .sec3__items .entry:nth-child(odd) .entry__thumb .entry__number {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        right: -10.66667vw
    }

    .main-container.-top .sec3__items .entry:nth-child(even) .entry__thumb {
        margin-left: auto;
        margin-right: 0
    }

    .main-container.-top .sec3__items .entry:nth-child(even) .entry__thumb:before {
        left: -16vw
    }

    .main-container.-top .sec3__items .entry:nth-child(even) .entry__thumb .entry__number {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        left: -9.33333vw
    }

    .main-container.-top .sec3__items .entry__thumb {
        position: relative;
        width: 84vw;
        margin-bottom: 5.33333vw;
        z-index: 2
    }

    .main-container.-top .sec3__items .entry__thumb:before {
        content: "";
        position: absolute;
        top: 14vw;
        left: 16vw;
        width: 100%;
        height: 100%;
        background-image: url("../img/top/sec3_bg_pattern.png");
        z-index: 1
    }

    .main-container.-top .sec3__items .entry__thumb img {
        position: relative;
        z-index: 2
    }

    .main-container.-top .sec3__items .entry__thumb .entry__number {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec3__items .entry__thumb .entry__number svg {
        width: 37vw;
        height: 46.7vw;
        font-size: 8.53125rem;
        font-size: 36.4vw;
        letter-spacing: -.06em
    }

    .main-container.-top .sec3__items .entry__thumb .entry__number svg text {
        stroke-width: 2.6
    }

    .main-container.-top .sec3__items .entry__title {
        position: relative;
        z-index: 2;
        font-size: 1.625rem;
        font-size: 6.93333vw;
        line-height: .86538;
        margin-bottom: 2.66667vw;
        padding: 0 1em;
        text-align: center
    }

    .main-container.-top .sec3__items .entry__title.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 1.3125rem;
        font-size: 5.6vw;
        line-height: 1.07143
    }

    .main-container.-top .sec3__items .entry__hash {
        position: relative;
        margin: 0 auto;
        text-align: center;
        z-index: 2;
        pointer-events: none
    }

    .main-container.-top .sec3__items .entry__hash__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: .7;
        position: relative;
        display: inline-block
    }

    .main-container.-top .sec3__items .entry__hash__inner:after {
        content: "";
        position: absolute;
        bottom: -2.4vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top .sec3 {
        position: relative;
        width: 100%;
        padding-top: 60px;
        padding-bottom: 0px;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-top .sec3 .cmn-h2-title {
        display: none
    }

    .main-container.-top .sec3__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 86.66667%;
        height: 85%
    }

    .main-container.-top .sec3__bg__inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../img/top/sec3_bg_pattern.png")
    }

    .main-container.-top .sec3__items {
        position: relative;
        width: 100%;
        max-width: 1800px;
        margin: 0 auto;
        margin-bottom: 65px
    }

    .main-container.-top .sec3__items__inner {
        width: 85.71429%;
        max-width: 1400px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-top .sec3__items:nth-child(odd) .sec3__items__inner {
        margin-left: 0;
        margin-right: auto
    }

    .main-container.-top .sec3__items:nth-child(even) .sec3__items__inner {
        margin-left: auto;
        margin-right: 0
    }

    .main-container.-top .sec3__items .entry {
        position: relative;
        width: 50%
    }

    .main-container.-top .sec3__items .entry a {
        position: relative;
        display: block
    }

    .main-container.-top .sec3__items .entry a:hover {
        z-index: 1
    }

    .main-container.-top .sec3__items .entry a:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-container.-top .sec3__items .entry a:hover .entry__title {
        letter-spacing: .015em
    }

    .main-container.-top .sec3__items .entry a:hover .entry__number {
        -webkit-transform: translate3d(0, 0, 30px);
        transform: translate3d(0, 0, 30px)
    }

    .main-container.-top .sec3__items .entry__thumb {
        position: relative;
        overflow: hidden;
        margin-bottom: 24px
    }

    .main-container.-top .sec3__items .entry__thumb img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    .main-container.-top .sec3__items .entry__thumb .entry__cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3)
    }

    .main-container.-top .sec3__items .entry__thumb .entry__number {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translate3d(0, 0, .1px);
        transform: translate3d(0, 0, .1px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        z-index: 5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec3__items .entry__thumb .entry__number svg {
        width: 250px;
        height: 276px;
        font-size: 215px;
        font-size: 13.4375rem;
        letter-spacing: -.06em
    }

    .main-container.-top .sec3__items .entry__thumb .entry__number svg text {
        stroke-width: 2.6
    }

    .main-container.-top .sec3__items .entry__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: .83333;
        letter-spacing: -.025em;
        margin-bottom: 15px;
        text-align: center;
        -webkit-transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-top .sec3__items .entry__title.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.14286;
        margin-top: -.15em
    }

    .main-container.-top .sec3__items .entry__hash {
        position: relative;
        margin: 0 auto;
        text-align: center;
        pointer-events: none
    }

    .main-container.-top .sec3__items .entry__hash__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: .7;
        letter-spacing: -.025em;
        position: relative;
        display: inline-block;
        position: relative;
        -webkit-transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-top .sec3__items .entry__hash__inner:after {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .main-container.-top .sec3__items .entry__hash__inner:hover {
        letter-spacing: .025em
    }

    .main-container.-top .sec3__items .entry__hash__inner:hover:after {
        -webkit-animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards
    }

    .main-container.-top .sec3__items .entry__hash__inner a {
        display: block;
        position: relative
    }

    .main-container.-top .sec3__items .entry__hash__inner a:before {
        content: "";
        position: absolute;
        top: -5px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        z-index: 1
    }
}

@media screen and (max-width: 899px) {
    .main-container.-top .sec4 {
        position: relative;
        width: 100%;
        margin-bottom: 33.33333vw
    }

    .main-container.-top .sec4__title {
        display: none
    }

    .main-container.-top .sec4__news {
        width: 92vw;
        margin: 0 auto;
        padding-bottom: 13.33333vw
    }

    .main-container.-top .sec4__news__inner1 ul {
        border-bottom: .8vw solid #fff
    }

    .main-container.-top .sec4__news__inner1 ul li {
        display: none;
        padding-top: 3.6vw;
        padding-bottom: 4.53333vw;
        border-top: .8vw solid #fff
    }

    .main-container.-top .sec4__news__inner1 ul li:nth-child(1), .main-container.-top .sec4__news__inner1 ul li:nth-child(2), .main-container.-top .sec4__news__inner1 ul li:nth-child(3) {
        display: block
    }

    .main-container.-top .sec4__news__inner1 ul li time {
        font-size: 1.0625rem;
        font-size: 4.53333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        margin-bottom: 2.4vw;
        display: block
    }

    .main-container.-top .sec4__news__inner1 ul li p {
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        letter-spacing: .04em
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top .sec4 {
        position: relative;
        width: 100%;
        height: 970px
    }

    .main-container.-top .sec4__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        background-image: url("../img/top/sec4_bg_pattern1.png");
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 900px;
        z-index: 2
    }

    .main-container.-top .sec4__title .title_img {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 900px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec4__title .title_img .title_img_inner {
        position: relative;
        width: 357px;
        height: 578px
    }

    .main-container.-top .sec4__title .title_txt {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 900px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set {
        font-size: 89px;
        font-size: 5.5625rem
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set.in-view p span {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p {
        display: block;
        overflow: hidden;
        margin-top: -.05em;
        padding: 0 .1em
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p span {
        display: block;
        -webkit-transition: -webkit-transform .7s cubic-bezier(.165, .84, .44, 1);
        transition: -webkit-transform .7s cubic-bezier(.165, .84, .44, 1);
        transition: transform .7s cubic-bezier(.165, .84, .44, 1);
        transition: transform .7s cubic-bezier(.165, .84, .44, 1), -webkit-transform .7s cubic-bezier(.165, .84, .44, 1)
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(1) {
        height: .55em
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(1) span {
        -webkit-transform: translateY(45%);
        transform: translateY(45%);
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(2) {
        height: .6em
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(2) span {
        -webkit-transform: translateY(48%);
        transform: translateY(48%);
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(3) {
        height: .67em
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(3) span {
        -webkit-transform: translateY(60%);
        transform: translateY(60%);
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(4) {
        height: .5em
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(4) span {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(5) {
        height: .5em
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(5) span {
        margin-top: -.45em;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(6) span {
        margin-top: -.3em;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(7) span {
        margin-top: -.38em;
        -webkit-transform: translateY(-48%);
        transform: translateY(-48%);
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }

    .main-container.-top .sec4__title .title_txt .title_txt_set p:nth-child(8) span {
        margin-top: -.58em;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .main-container.-top .sec4__news {
        background-image: url("../img/top/sec4_bg_pattern2.png");
        width: 53.33333%;
        height: 900px;
        position: absolute;
        top: 68px;
        right: 0;
        z-index: 1
    }

    .main-container.-top .sec4__news__inner1 {
        position: relative;
        width: 100%;
        max-width: 900px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec4__news__inner2 {
        position: relative;
        width: 410px;
        height: 0px;
        overflow: auto
    }

    .main-container.-top .sec4__news__inner2 a {
        -webkit-transition: opacity .35s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .35s cubic-bezier(.215, .61, .355, 1)
    }

    .main-container.-top .sec4__news__inner2 a:hover {
        opacity: .5
    }

    .main-container.-top .sec4__news__inner2 ul li {
        margin-bottom: 30px;
        width: 360px
    }

    .main-container.-top .sec4__news__inner2 ul li:last-child {
        margin-bottom: 0
    }

    .main-container.-top .sec4__news__inner2 ul li time {
        font-size: 20px;
        font-size: 1.25rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        margin-bottom: 10px;
        display: block
    }

    .main-container.-top .sec4__news__inner2 ul li p {
        font-size: 15px;
        font-size: .9375rem;
        line-height: 1.66667;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .04em
    }
}

@media screen and (max-width: 899px) {
    .main-container.-top .cmn-client {
        margin-bottom: 24vw;
        margin-top: 24vw;
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top .cmn-client {
        margin-top: 160px;
        margin-bottom: 160px
    }
}

@media screen and (max-width: 899px) {
    .main-container.-top .sec6 {
        position: relative;
        width: 100%
    }

    .main-container.-top .sec6__items {
        position: relative;
        width: 92vw;
        margin: 0 auto
    }

    .main-container.-top .sec6__items__item {
        position: relative
    }

    .main-container.-top .sec6__items__item .item_img {
        position: relative
    }

    .main-container.-top .sec6__items__item .item_txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner {
        text-align: center
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner .item_txt1 {
        position: relative;
        font-size: 2.5625rem;
        font-size: 10.93333vw;
        line-height: .66463;
        margin-bottom: 7.33333vw
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner .item_txt1:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -4.66667vw;
        left: 0;
        right: 0;
        width: 5.06667vw;
        height: 1.06667vw;
        margin: auto;
        background-color: #fff
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner .item_txt2 {
        font-size: .7425rem;
        font-size: 3.168vw
    }
}

@media screen and (min-width: 900px) {
    .main-container.-top .sec6 {
        position: relative;
        width: 100%;
        margin-top: 50px;
    }

    .main-container.-top .sec6__items {
        position: relative;
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-top .sec6__items__item {
        position: relative;
        width: 50%
    }

    .main-container.-top .sec6__items__item:hover .item_img img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-container.-top .sec6__items__item:hover .item_txt {
        -webkit-transform: translate3d(0, 0, 30px);
        transform: translate3d(0, 0, 30px)
    }

    .main-container.-top .sec6__items__item:hover .item_txt .item_txt_inner .item_txt1 {
        letter-spacing: .025em
    }

    .main-container.-top .sec6__items__item:hover .item_txt .item_txt_inner .item_txt1:after {
        -webkit-transform: scaleX(1.5);
        transform: scaleX(1.5)
    }

    .main-container.-top .sec6__items__item:hover .item_txt .item_txt_inner .item_txt2 {
        letter-spacing: .05em
    }

    .main-container.-top .sec6__items__item .item_img {
        position: relative;
        overflow: hidden;
        position: relative;
        padding-top: 61.77778%
    }

    .main-container.-top .sec6__items__item .item_img img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform 1s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
        position: absolute;
        top: 0;
        left: 0
    }

    .main-container.-top .sec6__items__item .item_txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner {
        text-align: center
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner .item_txt1 {
        position: relative;
        font-size: 53px;
        font-size: 3.3125rem;
        line-height: .73585;
        margin-bottom: 40px;
        -webkit-transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner .item_txt1:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -27px;
        left: 0;
        right: 0;
        width: 28px;
        height: 5px;
        margin: auto;
        background-color: #fff;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-top .sec6__items__item .item_txt .item_txt_inner .item_txt2 {
        font-size: 17px;
        font-size: 1.0625rem;
        -webkit-transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .5s cubic-bezier(.215, .61, .355, 1) 0s
    }
}

@media screen and (max-width: 899px) {
    .main-container.-works-detail .title {
        margin-top: 20.93333vw;
        background-image: url("../img/common/title_bg_sp.jpg");
        background-size: cover
    }

    .main-container.-works-detail .title__inner {
        width: 81.33333vw;
        margin: 0 auto
    }

    .main-container.-works-detail .entry-cmn-head {
        font-size: 1.71875rem;
        font-size: 7.33333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        text-align: center;
        margin-bottom: 12.66667vw;
        position: relative
    }

    .main-container.-works-detail .entry-cmn-head:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2.93333vw;
        left: 0;
        right: 0;
        margin: auto;
        width: 5.06667vw;
        height: .93333vw;
        background-color: #fff
    }

    .main-container.-works-detail .entry {
        margin-top: -3.33333vw
    }

    .main-container.-works-detail .entry .entry__inner {
        width: 81.33333vw;
        margin: 0 auto;
        margin-bottom: 21.33333vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--en {
        font-size: 2.5625rem;
        font-size: 10.93333vw;
        line-height: .71793;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center;
        margin-bottom: 12vw;
        position: relative
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--en.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 1.875rem;
        font-size: 8vw;
        line-height: 1.23333;
        margin-top: -.6em
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--en:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -5.33333vw;
        left: 0;
        right: 0;
        margin: auto;
        width: 5.06667vw;
        height: .93333vw;
        background-color: #fff
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--ja {
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: 1.51375;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .06em;
        text-align: center;
        margin-bottom: 8vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__info {
        width: 68vw;
        margin: 0 auto;
        margin-bottom: 21.33333vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl {
        font-size: 1rem;
        font-size: 4.26667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: left;
        margin-bottom: 4vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl:last-child {
        margin-bottom: 0
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dt {
        line-height: .7;
        color: #888;
        margin-bottom: 1.6vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dd {
        word-break: break-all
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dd ul li {
        display: inline-block;
        margin-right: 3.2vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__body {
        margin-bottom: 21.33333vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__body p {
        margin-bottom: 8.66667vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__story__title {
        font-size: 1.125rem;
        font-size: 4.8vw;
        line-height: 1.33333;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-bottom: 7.33333vw;
        text-align: center
    }

    .main-container.-works-detail .entry .entry__inner .entry__story__txt {
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-bottom: 9.33333vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__story__txt p {
        margin-bottom: 8.66667vw
    }

    .main-container.-works-detail .entry .entry__inner .entry__credit__list {
        font-size: 1rem;
        font-size: 4.26667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        text-align: center
    }

    .main-container.-works-detail .entry .entry__inner .entry__credit__list ul li {
        margin-bottom: 2.66667vw
    }

    .main-container.-works-detail .pagination {
        font-size: 1.71875rem;
        font-size: 7.33333vw;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-works-detail .pagination .entry-cmn-head {
        margin-bottom: 13.33333vw
    }

    .main-container.-works-detail .pagination .swiper-container {
        margin-bottom: 10vw;
        text-align: center
    }

    .main-container.-works-detail .pagination .swiper-container .project {
        width: 81.33333vw
    }

    .main-container.-works-detail .pagination .swiper-container .project__thumb {
        margin-bottom: 5.33333vw
    }

    .main-container.-works-detail .pagination .swiper-container .project__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 1.625rem;
        font-size: 6.93333vw;
        line-height: .86538;
        letter-spacing: -.025em;
        margin-bottom: 2.66667vw
    }

    .main-container.-works-detail .pagination .swiper-container .project__title.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 1.25rem;
        font-size: 5.33333vw;
        line-height: 1.2;
        margin-top: -.05em
    }

    .main-container.-works-detail .pagination .swiper-container .project__hash {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: .7;
        letter-spacing: -.025em;
        margin-bottom: 2.66667vw;
        position: relative;
        display: inline-block;
        pointer-events: none
    }

    .main-container.-works-detail .pagination .swiper-container .project__hash:after {
        content: "";
        position: absolute;
        bottom: -2.4vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-next:before, .main-container.-works-detail .pagination .swiper-container .swiper-button-prev:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 40px)
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-prev {
        position: absolute;
        top: 22.66667vw;
        left: 3.73333vw;
        width: 3.2vw;
        height: 3.2vw
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-prev:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-left: .66667vw solid #fff;
        border-bottom: .66667vw solid #fff
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-next {
        position: absolute;
        top: 22.66667vw;
        right: 3.73333vw;
        left: auto;
        width: 3.2vw;
        height: 3.2vw
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-next:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-right: .66667vw solid #fff;
        border-top: .66667vw solid #fff
    }

    .main-container.-works-detail .pagination__index {
        width: 18.4vw;
        height: 18.4vw;
        margin: 0 auto;
        position: relative
    }

    .main-container.-works-detail .pagination__index img {
        position: relative
    }

    .main-container.-works-detail .pagination__index:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #262523;
        overflow: hidden;
        border-radius: 50%
    }
}

@media screen and (min-width: 900px) {
    .main-container.-works-detail .title {
        margin-top: 174px;
        background-image: url("../img/common/title_bg_pc.jpg");
        background-size: cover
    }

    .main-container.-works-detail .title__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container.-works-detail .entry-cmn-head {
        font-size: 80px;
        font-size: 5rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        text-align: center;
        margin-bottom: 85px;
        position: relative
    }

    .main-container.-works-detail .entry-cmn-head:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -25px;
        left: 0;
        right: 0;
        margin: auto;
        width: 28px;
        height: 7px;
        background-color: #fff
    }

    .main-container.-works-detail .entry {
        margin-top: -50px
    }

    .main-container.-works-detail .entry .entry__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 285px;
        text-align: center
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--en {
        font-size: 121px;
        font-size: 7.5625rem;
        line-height: .7438;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center;
        margin-bottom: 65px;
        position: relative
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--en.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 80px;
        font-size: 5rem;
        line-height: 1.125;
        margin-top: -.7em
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--en:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -37px;
        left: 0;
        right: 0;
        margin: auto;
        width: 28px;
        height: 7px;
        background-color: #fff
    }

    .main-container.-works-detail .entry .entry__inner .entry__title--ja {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .06em;
        text-align: center;
        margin-bottom: 60px
    }

    .main-container.-works-detail .entry .entry__inner .entry__info {
        margin: 0 auto;
        margin-bottom: 160px;
        display: inline-block
    }

    .main-container.-works-detail .entry .entry__inner .entry__info a {
        -webkit-transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
        transition: opacity .3s cubic-bezier(.215, .61, .355, 1)
    }

    .main-container.-works-detail .entry .entry__inner .entry__info a:hover {
        opacity: .5
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl {
        font-size: 26px;
        font-size: 1.625rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: left
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dt {
        line-height: .7;
        color: #888;
        margin-bottom: 12px;
        display: inline-block;
        width: 100px
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dd {
        display: inline-block;
        word-wrap: break-word
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dd ul {
        display: inline-block;
        font-size: 0
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dd ul li {
        font-size: 26px;
        font-size: 1.625rem;
        display: inline-block;
        margin-right: 12px
    }

    .main-container.-works-detail .entry .entry__inner .entry__info dl dd ul li:last-child {
        margin-right: 0
    }

    .main-container.-works-detail .entry .entry__inner .entry__body {
        margin-bottom: 160px
    }

    .main-container.-works-detail .entry .entry__inner .entry__body p {
        margin-bottom: 100px
    }

    .main-container.-works-detail .entry .entry__inner .entry__story {
        width: 825px;
        margin: 0 auto;
        margin-bottom: 95px
    }

    .main-container.-works-detail .entry .entry__inner .entry__story__title {
        font-size: 46px;
        font-size: 2.875rem;
        line-height: 1.15217;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-bottom: 55px
    }

    .main-container.-works-detail .entry .entry__inner .entry__story__txt {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-bottom: 70px;
        text-align: left
    }

    .main-container.-works-detail .entry .entry__inner .entry__story__txt p {
        margin-bottom: 65px
    }

    .main-container.-works-detail .entry .entry__inner .entry__credit__list {
        font-size: 24px;
        font-size: 1.5rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        text-align: center
    }

    .main-container.-works-detail .entry .entry__inner .entry__credit__list ul li {
        margin-bottom: 15px
    }

    .main-container.-works-detail .pagination {
        font-size: 55px;
        font-size: 3.4375rem;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-works-detail .pagination .entry-cmn-head {
        margin-bottom: 100px
    }

    .main-container.-works-detail .pagination .swiper-container {
        margin-bottom: 75px;
        text-align: center
    }

    .main-container.-works-detail .pagination .swiper-container .project {
        width: 562px
    }

    .main-container.-works-detail .pagination .swiper-container .project.swiper-slide-active .project__thumb img {
        opacity: 1
    }

    .main-container.-works-detail .pagination .swiper-container .project.swiper-slide-active .project__hash, .main-container.-works-detail .pagination .swiper-container .project.swiper-slide-active .project__title {
        opacity: 1
    }

    .main-container.-works-detail .pagination .swiper-container .project.swiper-slide-active .project__hash {
        pointer-events: none
    }

    .main-container.-works-detail .pagination .swiper-container .project__thumb {
        margin-bottom: 30px;
        background-color: #000
    }

    .main-container.-works-detail .pagination .swiper-container .project__thumb img {
        opacity: .25;
        -webkit-transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: opacity .2s cubic-bezier(.25, .46, .45, .94) 0s
    }

    .main-container.-works-detail .pagination .swiper-container .project__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 47.81px;
        font-size: 2.98813rem;
        line-height: .8333;
        letter-spacing: -.025em;
        margin-bottom: 3px;
        opacity: 0;
        -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: all .2s cubic-bezier(.25, .46, .45, .94) 0s
    }

    .main-container.-works-detail .pagination .swiper-container .project__title.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.16667;
        margin-top: -.05em
    }

    .main-container.-works-detail .pagination .swiper-container .project__hash {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: .7;
        letter-spacing: -.025em;
        margin-bottom: 15px;
        opacity: 0;
        -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: all .2s cubic-bezier(.25, .46, .45, .94) 0s;
        position: relative;
        display: inline-block
    }

    .main-container.-works-detail .pagination .swiper-container .project__hash:after {
        content: "";
        position: absolute;
        bottom: -14px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-next, .main-container.-works-detail .pagination .swiper-container .swiper-button-prev {
        position: absolute;
        top: 155px;
        width: 28px;
        height: 28px
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-next:before, .main-container.-works-detail .pagination .swiper-container .swiper-button-prev:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 40px)
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-prev {
        left: 68px
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-prev:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-left: 6px solid #fff;
        border-bottom: 6px solid #fff
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-next {
        right: 68px;
        left: auto
    }

    .main-container.-works-detail .pagination .swiper-container .swiper-button-next:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-right: 6px solid #fff;
        border-top: 6px solid #fff
    }

    .main-container.-works-detail .pagination__index {
        width: 106px;
        height: 106px;
        margin: 0 auto;
        position: relative
    }

    .main-container.-works-detail .pagination__index img {
        position: relative;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-works-detail .pagination__index:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #262523;
        overflow: hidden;
        border-radius: 50%;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .45s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .45s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-works-detail .pagination__index:hover img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s
    }

    .main-container.-works-detail .pagination__index:hover:before {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .3s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .3s cubic-bezier(.165, .84, .44, 1) 0s
    }
}

@media screen and (max-width: 899px) {
    .main-container.-works .title {
        margin-top: 41.33333vw;
        margin-bottom: 34.66667vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-works .title__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center
    }

    .main-container.-works .title__inner h2 {
        font-size: 3.75rem;
        font-size: 16vw;
        line-height: .7;
        margin-bottom: 5.6vw
    }

    .main-container.-works .title__inner .cmn-hash ul li {
        margin: 1.33333vw
    }

    .main-container.-works .entries__inner {
        width: 92vw;
        margin: 0 auto
    }

    .main-container.-works .entries__inner .entry {
        margin-bottom: 11.33333vw;
        text-align: center
    }

    .main-container.-works .entries__inner .entry__thumb {
        margin-bottom: 5.33333vw
    }

    .main-container.-works .entries__inner .entry__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 1.625rem;
        font-size: 6.93333vw;
        line-height: .86538;
        letter-spacing: -.025em;
        margin-bottom: 2.66667vw
    }

    .main-container.-works .entries__inner .entry__title.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 1.25rem;
        font-size: 5.33333vw;
        line-height: 1.15;
        margin-top: -.15em
    }

    .main-container.-works .entries__inner .entry__hash {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 1rem;
        font-size: 4.26667vw;
        line-height: .7;
        letter-spacing: -.025em;
        position: relative;
        display: inline-block
    }

    .main-container.-works .entries__inner .entry__hash:after {
        content: "";
        position: absolute;
        bottom: -2.4vw;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }

    .main-container.-works .entries .cmn-view-more {
        margin-top: 13.33333vw
    }
}

@media screen and (min-width: 900px) {
    .main-container.-works .title {
        margin-top: 335px;
        margin-bottom: 240px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-works .title__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        text-align: center
    }

    .main-container.-works .title__inner h2 {
        font-size: 121px;
        font-size: 7.5625rem;
        line-height: .7;
        margin-bottom: 38px
    }

    .main-container.-works .entries__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-container.-works .entries__inner .entry {
        margin-bottom: 80px;
        text-align: center;
        width: 50%
    }

    .main-container.-works .entries__inner .entry a {
        position: relative;
        display: block
    }

    .main-container.-works .entries__inner .entry a:hover {
        z-index: 1
    }

    .main-container.-works .entries__inner .entry a:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-container.-works .entries__inner .entry a:hover .entry__title {
        letter-spacing: .015em
    }

    .main-container.-works .entries__inner .entry__thumb {
        margin-bottom: 30px;
        overflow: hidden
    }

    .main-container.-works .entries__inner .entry__thumb img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    .main-container.-works .entries__inner .entry__title {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: .83333;
        letter-spacing: -.025em;
        margin-bottom: 15px;
        -webkit-transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-works .entries__inner .entry__title.-font-ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.14286;
        margin-top: -.15em
    }

    .main-container.-works .entries__inner .entry__hash {
        position: relative;
        margin: 0 auto
    }

    .main-container.-works .entries__inner .entry__hash__inner {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: .7;
        letter-spacing: -.025em;
        position: relative;
        display: inline-block;
        position: relative;
        -webkit-transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: letter-spacing .3s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container.-works .entries__inner .entry__hash__inner:after {
        content: "";
        position: absolute;
        bottom: -13px;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .main-container.-works .entries__inner .entry__hash__inner a, .main-container.-works .entries__inner .entry__hash__inner span {
        display: block;
        position: relative
    }

    .main-container.-works .entries__inner .entry__hash__inner a:before, .main-container.-works .entries__inner .entry__hash__inner span:before {
        content: "";
        position: absolute;
        top: -5px;
        left: -10px;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        z-index: 1
    }

    .main-container.-works .entries .cmn-view-more {
        margin-top: 100px
    }
}

@media screen and (max-width: 899px) {
    .main-container .whatwedo-cmn-kv {
        margin-top: 20.93333vw;
        background-image: url("../img/common/title_bg_sp.jpg");
        background-size: cover
    }

    .main-container .whatwedo-cmn-kv__inner {
        width: 81.33333vw;
        margin: 0 auto
    }

    .main-container .whatwedo-cmn-title {
        margin-bottom: 20.66667vw
    }

    .main-container .whatwedo-cmn-title__inner {
        width: 81.33333vw;
        margin: 0 auto;
        text-align: center
    }

    .main-container .whatwedo-cmn-title__en {
        margin-top: -3.46667vw;
        margin-bottom: 10.66667vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 2.5625rem;
        font-size: 10.93333vw;
        line-height: .71951;
        position: relative
    }

    .main-container .whatwedo-cmn-title__en.-line2 {
        margin-top: -11.33333vw
    }

    .main-container .whatwedo-cmn-title__en:after {
        content: "";
        position: absolute;
        bottom: -4.8vw;
        left: 0;
        right: 0;
        margin: auto;
        width: 5.06667vw;
        height: .93333vw;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-title__ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: .875rem;
        font-size: 3.73333vw;
        letter-spacing: .06em
    }

    .main-container .whatwedo-cmn-catch {
        margin-bottom: 33.33333vw
    }

    .main-container .whatwedo-cmn-catch__inner {
        width: 81.33333vw;
        margin: 0 auto;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        text-align: center
    }

    .main-container .whatwedo-cmn-catch__catch {
        font-size: 1.375rem;
        font-size: 5.86667vw;
        line-height: 1.13636;
        margin-bottom: 18.66667vw;
        letter-spacing: .04em
    }

    .main-container .whatwedo-cmn-catch__txt {
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        letter-spacing: .04em
    }

    .main-container .whatwedo-cmn-sec {
        margin-bottom: 33.33333vw
    }

    .main-container .whatwedo-cmn-sec__inner {
        width: 81.33333vw;
        margin: 0 auto
    }

    .main-container .whatwedo-cmn-sec__title {
        position: relative;
        margin-bottom: 12vw
    }

    .main-container .whatwedo-cmn-sec__title__img {
        width: 68.4vw;
        margin-left: auto;
        margin-right: 0;
        position: relative;
        padding-top: 61.63934%
    }

    .main-container .whatwedo-cmn-sec__title__txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 2.5625rem;
        font-size: 10.93333vw;
        line-height: .73171;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        letter-spacing: -.02em
    }

    .main-container .whatwedo-cmn-sec__title__txt.in-view {
        visibility: visible
    }

    .main-container .whatwedo-cmn-sec__title__txt.in-view .line1 .bottom, .main-container .whatwedo-cmn-sec__title__txt.in-view .line1 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 {
        position: relative;
        width: 100%;
        height: .7em
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1.-line2 {
        height: 1.45em
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .bottom, .main-container .whatwedo-cmn-sec__title__txt .line1 .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1) .4s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .4s;
        transition: opacity .8s cubic-bezier(.165, .84, .44, 1) .4s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .4s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .4s, opacity .8s cubic-bezier(.165, .84, .44, 1) .4s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .4s, opacity .8s cubic-bezier(.165, .84, .44, 1) .4s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .4s
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-40vw);
        transform: translateX(-40vw)
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .top span {
        position: absolute;
        top: 0;
        left: 0;
        right: .1em;
        margin: auto
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(40vw);
        transform: translateX(40vw)
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .bottom span {
        position: absolute;
        top: -100%;
        left: 0;
        right: .1em;
        margin: auto
    }

    .main-container .whatwedo-cmn-sec__title__txt.-skill p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container .whatwedo-cmn-sec__title__txt.-skill .skill-ja {
        font-size: .875rem;
        font-size: 3.73333vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-left: 1.6vw;
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%);
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__title.-right .whatwedo-cmn-sec__title__img {
        margin-left: 0;
        margin-right: auto
    }

    .main-container .whatwedo-cmn-sec__title.-right .whatwedo-cmn-sec__title__txt {
        right: 0;
        left: auto;
        text-align: right
    }

    .main-container .whatwedo-cmn-sec__txt {
        font-size: .75rem;
        font-size: 3.2vw;
        line-height: 1.45833;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .06em;
        margin-bottom: 12vw
    }

    .main-container .whatwedo-cmn-sec__txt.-center {
        text-align: center;
        margin-bottom: 24.66667vw
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask {
        text-align: center;
        width: 100%;
        margin-top: 7.33333vw
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask_inner {
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask p {
        padding-bottom: 2.13333vw;
        position: relative;
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask p:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-sec .cmn-h2-title {
        font-size: 1.71875rem;
        font-size: 7.33333vw;
        margin-bottom: 12.66667vw
    }

    .main-container .whatwedo-cmn-sec .cmn-h2-title:after {
        bottom: -3.46667vw;
        width: 3.06667vw
    }

    .main-container .whatwedo-cmn-sec__acc .acc {
        border: .53333vw solid #fff;
        margin-bottom: 2vw;
        font-size: 0
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title {
        position: relative;
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.25;
        padding: 3.6vw;
        padding-right: 6vw
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow {
        position: absolute;
        top: -.8vw;
        bottom: 0;
        right: 3.33333vw;
        margin: auto;
        width: 2vw;
        height: 2vw;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        overflow: hidden;
        -webkit-transition: top .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: top .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow div {
        position: absolute;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineT {
        top: 0;
        left: 0;
        width: 100%;
        height: .4vw;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineB {
        bottom: 0;
        left: 0;
        width: 100%;
        height: .4vw;
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineL {
        top: 0;
        left: 0;
        width: .4vw;
        height: 100%;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineR {
        top: 0;
        right: 0;
        width: .4vw;
        height: 100%;
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close {
        top: .8vw
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineT {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineB {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineL {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineR {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__detail {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height .3s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: max-height .3s cubic-bezier(.25, .46, .45, .94) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__detail__inner {
        font-size: .75rem;
        font-size: 3.2vw;
        line-height: 1.25;
        padding: 3.6vw;
        padding-top: 0
    }

    .main-container .whatwedo-cmn-sec__box .box {
        border: .53333vw solid #fff;
        margin-bottom: 4vw;
        font-size: 0;
        text-align: left
    }

    .main-container .whatwedo-cmn-sec__box .box__title {
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.25;
        padding: 3.6vw
    }

    .main-container .whatwedo-cmn-sec__box .box__detail__inner {
        font-size: .75rem;
        font-size: 3.2vw;
        line-height: 1.45833;
        padding: 3.6vw 3.6vw 4.53333vw;
        padding-top: 0
    }

    .main-container .whatwedo-cmn-sec__box .box .btn_link {
        margin-top: 3.06667vw
    }

    .main-container .whatwedo-cmn-sec__box .box .btn_link p {
        font-size: .875rem;
        font-size: 3.73333vw;
        padding-bottom: 1.33333vw;
        position: relative;
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__box .box .btn_link p:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .93333vw;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-rect {
        width: 1.86667vw;
        height: 1.86667vw;
        background-color: #fff;
        margin: 4.66667vw auto
    }

    .main-container .whatwedo-cmn-rect2 {
        width: 1.86667vw;
        height: 1.86667vw;
        margin: 4.66667vw auto
    }

    .main-container .-mb0 {
        margin-bottom: 0 !important
    }
}

@media screen and (min-width: 900px) {
    .main-container .whatwedo-cmn-kv {
        margin-top: 174px;
        background-image: url("../img/common/title_bg_pc.jpg");
        background-size: cover
    }

    .main-container .whatwedo-cmn-kv__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container .whatwedo-cmn-title {
        margin-bottom: 10px
    }

    .main-container .whatwedo-cmn-title__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .main-container .whatwedo-cmn-title__en {
        margin-top: -45px;
        margin-bottom: 70px;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        font-size: 121px;
        font-size: 7.5625rem;
        line-height: .7438;
        position: relative
    }

    .main-container .whatwedo-cmn-title__en.-line2 {
        margin-top: -140px
    }

    .main-container .whatwedo-cmn-title__en:after {
        content: "";
        position: absolute;
        bottom: -36px;
        left: 0;
        right: 0;
        margin: auto;
        width: 27px;
        height: 7px;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-title__ja {
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        font-size: 24px;
        font-size: 1.5rem;
        letter-spacing: .06em
    }

    .main-container .whatwedo-cmn-catch {
        position: relative;
        padding-top: 150px;
        margin-bottom: 130px
    }

    .main-container .whatwedo-cmn-catch__inner {
        width: calc(100% - 136px);
        max-width: 1215px;
        margin-left: auto;
        margin-right: auto;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        text-align: center
    }

    .main-container .whatwedo-cmn-catch__catch {
        font-size: 46px;
        font-size: 2.875rem;
        line-height: 1.15217;
        margin-bottom: 130px
    }

    .main-container .whatwedo-cmn-catch__txt {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5
    }

    .main-container .whatwedo-cmn-sec {
        padding-top: 150px;
        margin-bottom: 135px
    }

    .main-container .whatwedo-cmn-sec.-bottom {
        margin-bottom: 210px
    }

    .main-container .whatwedo-cmn-sec__inner {
        width: calc(100% - 136px);
        max-width: 1015px;
        margin-left: auto;
        margin-right: auto
    }

    .main-container .whatwedo-cmn-sec__title {
        position: relative;
        margin-bottom: 90px
    }

    .main-container .whatwedo-cmn-sec__title__img {
        width: 74.18719%;
        margin-left: auto;
        margin-right: 0;
        position: relative;
        padding-top: 41.18227%
    }

    .main-container .whatwedo-cmn-sec__title__txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        font-size: 121px;
        font-size: 7.5625rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        line-height: .7;
        visibility: hidden
    }

    .main-container .whatwedo-cmn-sec__title__txt.in-view {
        visibility: visible
    }

    .main-container .whatwedo-cmn-sec__title__txt.in-view .line1 .bottom, .main-container .whatwedo-cmn-sec__title__txt.in-view .line1 .top {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 {
        position: relative;
        width: 100%;
        height: .7em
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .bottom, .main-container .whatwedo-cmn-sec__title__txt .line1 .top {
        opacity: 0;
        -webkit-transition: opacity .8s cubic-bezier(.165, .84, .44, 1) .4s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .4s;
        transition: opacity .8s cubic-bezier(.165, .84, .44, 1) .4s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .4s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .4s, opacity .8s cubic-bezier(.165, .84, .44, 1) .4s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .4s, opacity .8s cubic-bezier(.165, .84, .44, 1) .4s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) .4s
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 51%;
        overflow: hidden;
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .top span {
        position: absolute;
        top: 0;
        left: 0;
        right: .1em;
        margin: auto
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden;
        -webkit-transform: translateX(300px);
        transform: translateX(300px)
    }

    .main-container .whatwedo-cmn-sec__title__txt .line1 .bottom span {
        position: absolute;
        top: -100%;
        left: 0;
        right: .1em;
        margin: auto
    }

    .main-container .whatwedo-cmn-sec__title__txt.-skill p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container .whatwedo-cmn-sec__title__txt.-skill .skill-ja {
        font-size: 24px;
        font-size: 1.5rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        margin-left: 12px;
        -webkit-transform: translateY(-180%);
        transform: translateY(-180%);
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__title.-right .whatwedo-cmn-sec__title__img {
        margin-left: 0;
        margin-right: auto
    }

    .main-container .whatwedo-cmn-sec__title.-right .whatwedo-cmn-sec__title__txt {
        right: 0;
        left: auto;
        text-align: right
    }

    .main-container .whatwedo-cmn-sec__txt {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .06em;
        padding: 0 9.26108%;
        margin-bottom: 90px
    }

    .main-container .whatwedo-cmn-sec__txt.-center {
        text-align: left;
        margin-bottom: 185px
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask {
        text-align: center;
        width: 100%;
        margin-top: 55px
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask_inner {
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask p {
        font-size: 17.5px;
        font-size: 1.09375rem;
        padding-bottom: 13px;
        position: relative;
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask p:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-sec__txt .btn_ask p:hover:after {
        -webkit-animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards
    }

    .main-container .whatwedo-cmn-sec .cmn-h2-title {
        font-size: 62px;
        font-size: 3.875rem;
        margin-bottom: 110px
    }

    .main-container .whatwedo-cmn-sec__acc .acc {
        border: 3px solid #fff;
        margin-bottom: 24px;
        font-size: 0
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title {
        position: relative;
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 0;
        padding: 20px 37px;
        cursor: pointer;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow {
        position: absolute;
        top: -6px;
        bottom: 0;
        right: 42px;
        margin: auto;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        overflow: hidden;
        -webkit-transition: top .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: top .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow div {
        position: absolute;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineT {
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineB {
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineL {
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow .lineR {
        top: 0;
        right: 0;
        width: 3px;
        height: 100%;
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close {
        top: 6px
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineT {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineB {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineL {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__title__arrow.close .lineR {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s;
        transition: transform .4s cubic-bezier(.215, .61, .355, 1) .1s, -webkit-transform .4s cubic-bezier(.215, .61, .355, 1) .1s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__detail {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height .3s cubic-bezier(.25, .46, .45, .94) 0s;
        transition: max-height .3s cubic-bezier(.25, .46, .45, .94) 0s
    }

    .main-container .whatwedo-cmn-sec__acc .acc__detail__inner {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.875;
        letter-spacing: .04em;
        padding: 0 80px 20px 37px
    }

    .main-container .whatwedo-cmn-sec__box .box {
        border: 3px solid #fff;
        margin-bottom: 30px;
        font-size: 0;
        text-align: left
    }

    .main-container .whatwedo-cmn-sec__box .box__title {
        font-size: 20px;
        font-size: 1.25rem;
        letter-spacing: 0;
        padding: 20px 37px
    }

    .main-container .whatwedo-cmn-sec__box .box__detail__inner {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        padding: 0 37px 22px 37px
    }

    .main-container .whatwedo-cmn-sec__box .box .btn_link {
        margin-top: 8px
    }

    .main-container .whatwedo-cmn-sec__box .box .btn_link p {
        font-size: 17.5px;
        font-size: 1.09375rem;
        padding-bottom: 8px;
        position: relative;
        display: inline-block
    }

    .main-container .whatwedo-cmn-sec__box .box .btn_link p:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background-color: #fff
    }

    .main-container .whatwedo-cmn-sec__box .box .btn_link p:hover:after {
        -webkit-animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards;
        animation: hover_underbar .5s cubic-bezier(.77, 0, .175, 1) forwards
    }

    .main-container .whatwedo-cmn-rect {
        width: 7px;
        height: 7px;
        background-color: #fff;
        margin: 30px auto
    }

    .main-container .whatwedo-cmn-rect2 {
        width: 7px;
        height: 7px;
        margin: 30px auto
    }

    .main-container .-mb0 {
        margin-bottom: 0 !important
    }
}

@media screen and (max-width: 899px) {
    .main-container.-whatwedo .sec1__slogan {
        position: absolute;
        top: 80vw;
        right: -.53333vw;
        width: 31.73333vw
    }

    .main-container.-whatwedo .sec1__slogan img {
        opacity: 0
    }

    .main-container.-whatwedo .sec1__slogan img.in-view {
        opacity: 1;
        -webkit-transition: opacity .5s cubic-bezier(.25, .46, .45, .94) .3s;
        transition: opacity .5s cubic-bezier(.25, .46, .45, .94) .3s
    }

    .main-container.-whatwedo .sec1__inner {
        margin-top: 32.66667vw
    }

    .main-container.-whatwedo .sec1__img1 {
        width: 80.26667vw;
        margin: 0 auto;
        margin-bottom: 10vw
    }

    .main-container.-whatwedo .sec1__img1 .img_wrapper {
        position: relative;
        padding-top: 60.55385%
    }

    .main-container.-whatwedo .sec1__img2 {
        width: 72.26667vw;
        margin: 0 auto;
        margin-top: 21.33333vw;
        margin-bottom: 10vw
    }

    .main-container.-whatwedo .sec1__img2 .img_wrapper {
        position: relative;
        padding-top: 90.1454%
    }

    .main-container.-whatwedo .sec1__catch {
        text-align: center
    }

    .main-container.-whatwedo .sec1__catch h3 {
        font-size: 1.375rem;
        font-size: 5.86667vw;
        line-height: 1.13636;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .04em
    }

    .main-container.-whatwedo .sec1__catch--en {
        text-align: center;
        margin-top: 18.66667vw
    }

    .main-container.-whatwedo .sec1__catch--en h3 {
        font-size: 1.5rem;
        font-size: 6.4vw;
        line-height: .83333;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-whatwedo .sec1__txt {
        margin-top: 12vw;
        text-align: center;
        font-size: .875rem;
        font-size: 3.73333vw;
        line-height: 1.42857;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .04em
    }

    .main-container.-whatwedo .sec1__txt--en {
        margin-top: 12vw;
        text-align: center;
        font-size: 1.0625rem;
        font-size: 4.53333vw;
        line-height: .98088;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-whatwedo .sec1 .view-more-target {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height .45s cubic-bezier(.77, 0, .175, 1) 0s;
        transition: max-height .45s cubic-bezier(.77, 0, .175, 1) 0s
    }

    .main-container.-whatwedo .sec1 .view-more-btn {
        margin-top: 13.33333vw;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner.close .view-more-btn__txt.-open {
        display: none
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner.close .view-more-btn__txt.-close {
        display: block
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner.close .view-more-btn__icon__arrow {
        display: none
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner.close .view-more-btn__icon__close {
        display: block
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__txt {
        font-size: 1.40625rem;
        font-size: 6vw;
        line-height: .7;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        margin-bottom: 3.33333vw
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__txt.-close {
        display: none
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon {
        position: relative;
        width: 6vw;
        height: 6vw;
        border: .53333vw solid #fff;
        margin: 0 auto
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon__arrow {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 1.73333vw;
        height: 1.73333vw
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon__arrow:after {
        content: "";
        display: block;
        position: absolute;
        top: -.53333vw;
        left: 0;
        width: 100%;
        height: 100%;
        border-left: .4vw solid #fff;
        border-bottom: .4vw solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon__close {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 3.2vw;
        height: .53333vw;
        display: none
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon__close:after, .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon__close:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon__close:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .main-container.-whatwedo .sec1 .view-more-btn .view-more-btn__inner .view-more-btn__icon__close:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media screen and (min-width: 900px) {
    .main-container.-whatwedo .sec1 {
        position: relative;
        margin-bottom: 100px
    }

    .main-container.-whatwedo .sec1__slogan {
        position: absolute;
        top: 330px;
        right: -4px;
        width: 204px
    }

    .main-container.-whatwedo .sec1__slogan img {
        opacity: 0
    }

    .main-container.-whatwedo .sec1__slogan img.in-view {
        opacity: 1;
        -webkit-transition: opacity .5s cubic-bezier(.25, .46, .45, .94) .3s;
        transition: opacity .5s cubic-bezier(.25, .46, .45, .94) .3s
    }

    .main-container.-whatwedo .sec1__inner {
        padding-top: 210px
    }

    .main-container.-whatwedo .sec1__img1 {
        width: 812px;
        margin: 0 auto;
        margin-bottom: 100px
    }

    .main-container.-whatwedo .sec1__img1 .img_wrapper {
        position: relative;
        padding-top: 60.55385%
    }

    .main-container.-whatwedo .sec1__img2 {
        width: 619px;
        margin: 0 auto;
        margin-top: 160px;
        margin-bottom: 160px
    }

    .main-container.-whatwedo .sec1__img2 .img_wrapper {
        position: relative;
        padding-top: 90.1454%
    }

    .main-container.-whatwedo .sec1__catch {
        text-align: center
    }

    .main-container.-whatwedo .sec1__catch h3 {
        font-size: 46px;
        font-size: 2.875rem;
        line-height: 1.15217;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .04em
    }

    .main-container.-whatwedo .sec1__catch--en {
        text-align: center;
        margin-top: 170px
    }

    .main-container.-whatwedo .sec1__catch--en h3 {
        font-size: 50px;
        font-size: 3.125rem;
        line-height: .85;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-whatwedo .sec1__txt {
        margin-top: 120px;
        text-align: center;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        letter-spacing: .04em
    }

    .main-container.-whatwedo .sec1__txt .view-more-btn {
        display: none
    }

    .main-container.-whatwedo .sec1__txt--en {
        margin-top: 114px;
        text-align: center;
        font-size: 27.5px;
        font-size: 1.71875rem;
        line-height: 1.09091;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-whatwedo .sec1__txt--en .view-more-btn {
        display: none
    }
}

@media screen and (max-width: 899px) {
    .main-container.-whatwedo .sec2__inner {
        margin-top: 0
    }

    .main-container.-whatwedo .sec2 .service-set {
        position: relative;
        width: 81.33333vw;
        margin: 0 auto;
        margin-bottom: 21.33333vw
    }

    .main-container.-whatwedo .sec2 .service-set__txt {
        position: absolute;
        top: 0;
        left: -4.4vw;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-container.-whatwedo .sec2 .service-set__txt__num {
        display: none
    }

    .main-container.-whatwedo .sec2 .service-set__txt__div--en {
        font-size: 2.56906rem;
        font-size: 10.96133vw;
        line-height: .72899;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        white-space: nowrap;
        margin-bottom: 2.93333vw
    }

    .main-container.-whatwedo .sec2 .service-set__txt__div--ja {
        font-size: .75rem;
        font-size: 3.2vw;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        white-space: nowrap
    }

    .main-container.-whatwedo .sec2 .service-set__txt__detail {
        display: none
    }

    .main-container.-whatwedo .sec2 .service-set__link {
        position: absolute;
        bottom: 8vw;
        right: -4vw;
        width: 10vw;
        height: 10vw
    }

    .main-container.-whatwedo .sec2 .service-set__link__border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: .53333vw solid #fff
    }

    .main-container.-whatwedo .sec2 .service-set__link__arrow {
        position: absolute;
        top: 0;
        left: -.53333vw;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 2.4vw;
        height: 2.4vw
    }

    .main-container.-whatwedo .sec2 .service-set__link__arrow:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-right: .53333vw solid #fff;
        border-top: .53333vw solid #fff
    }
}

@media screen and (min-width: 900px) {
    .main-container.-whatwedo .sec2__inner {
        padding-top: 0px
    }

    .main-container.-whatwedo .sec2__inner .cmn-h2-title {
        margin-bottom: 100px
    }

    .main-container.-whatwedo .sec2 .service-set {
        position: relative;
        width: calc(100% - 136px);
        max-width: 1060px;
        margin: 0 auto;
        margin-top: 160px
    }

    .main-container.-whatwedo .sec2 .service-set.-first {
        margin-top: 0
    }

    .main-container.-whatwedo .sec2 .service-set:before {
        content: "";
        position: absolute;
        top: -20px;
        left: -20px;
        width: calc(100% + 40px);
        height: calc(100% + 40px)
    }

    .main-container.-whatwedo .sec2 .service-set:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .main-container.-whatwedo .sec2 .service-set:hover .service-set__txt__detail, .main-container.-whatwedo .sec2 .service-set:hover .service-set__txt__div--en, .main-container.-whatwedo .sec2 .service-set:hover .service-set__txt__div--ja, .main-container.-whatwedo .sec2 .service-set:hover .service-set__txt__num {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform .3s cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform .3s cubic-bezier(.23, 1, .32, 1) 0s
    }

    .main-container.-whatwedo .sec2 .service-set:hover.-right .service-set__txt__detail, .main-container.-whatwedo .sec2 .service-set:hover.-right .service-set__txt__div--en, .main-container.-whatwedo .sec2 .service-set:hover.-right .service-set__txt__div--ja, .main-container.-whatwedo .sec2 .service-set:hover.-right .service-set__txt__num {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px)
    }

    .main-container.-whatwedo .sec2 .service-set:hover .service-set__link__arrow .line1, .main-container.-whatwedo .sec2 .service-set:hover .service-set__link__arrow .line2 {
        -webkit-animation: btn_hover_arrowR 1.2s cubic-bezier(.19, 1, .22, 1) infinite;
        animation: btn_hover_arrowR 1.2s cubic-bezier(.19, 1, .22, 1) infinite
    }

    .main-container.-whatwedo .sec2 .service-set__img {
        width: 100%;
        overflow: hidden
    }

    .main-container.-whatwedo .sec2 .service-set__img .service-set__img1 {
        position: relative;
        display: block;
        width: 754px;
        margin-left: auto;
        margin-right: 0
    }

    .main-container.-whatwedo .sec2 .service-set__img img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) 0s;
        -webkit-transform: scale(1.04);
        transform: scale(1.04)
    }

    .main-container.-whatwedo .sec2 .service-set__txt {
        position: absolute;
        top: 0;
        left: 0;
        width: 500px;
        height: 100%;
        overflow: hidden;
        pointer-events: none
    }

    .main-container.-whatwedo .sec2 .service-set__txt__inner {
        pointer-events: none
    }

    .main-container.-whatwedo .sec2 .service-set__txt__num {
        margin-top: -72px;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em
    }

    .main-container.-whatwedo .sec2 .service-set__txt__num svg {
        width: 215px;
        height: 276px;
        font-size: 200px;
        font-size: 12.5rem;
        letter-spacing: -.06em
    }

    .main-container.-whatwedo .sec2 .service-set__txt__num svg text {
        stroke-width: 2.6
    }

    .main-container.-whatwedo .sec2 .service-set__txt__div--en {
        font-size: 62px;
        font-size: 3.875rem;
        line-height: .72581;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        white-space: nowrap;
        margin-bottom: 22px;
        margin-top: -28px;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

    .main-container.-whatwedo .sec2 .service-set__txt__div--ja {
        font-size: 17.5px;
        font-size: 1.09375rem;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 900;
        font-style: normal;
        letter-spacing: 0;
        white-space: nowrap;
        margin-bottom: 34px;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

    .main-container.-whatwedo .sec2 .service-set__txt__detail {
        font-size: 27.26px;
        font-size: 1.70375rem;
        line-height: .88041;
        font-family: 'bebas_neueregular', Sans-serif;
        font-weight: 800;
        font-style: italic;
        letter-spacing: -.025em;
        -webkit-transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        transition: transform .45s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .45s cubic-bezier(.165, .84, .44, 1) 0s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

    .main-container.-whatwedo .sec2 .service-set__txt__detail .slash {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        display: inline-block;
        -webkit-transform-origin: 50% 30%;
        transform-origin: 50% 30%
    }

    .main-container.-whatwedo .sec2 .service-set__link {
        position: absolute;
        bottom: 42px;
        right: -42px;
        width: 80px;
        height: 80px;
        overflow: hidden
    }

    .main-container.-whatwedo .sec2 .service-set__link__border {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 6px solid #fff
    }

    .main-container.-whatwedo .sec2 .service-set__link__arrow {
        position: absolute;
        top: 0;
        left: -7px;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 20px;
        height: 20px
    }

    .main-container.-whatwedo .sec2 .service-set__link__arrow .line1, .main-container.-whatwedo .sec2 .service-set__link__arrow .line2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .main-container.-whatwedo .sec2 .service-set__link__arrow .line2 {
        left: -80px
    }

    .main-container.-whatwedo .sec2 .service-set.-right .service-set__img .service-set__img1 {
        margin-left: 0;
        margin-right: auto
    }

    .main-container.-whatwedo .sec2 .service-set.-right .service-set__txt {
        left: auto;
        right: 0;
        text-align: right
    }

    .main-container.-whatwedo .sec2 .service-set.-right .service-set__txt__num {
        margin-right: -8px
    }

    .main-container.-whatwedo .sec2 .service-set.-right .service-set__txt__div--en span {
        margin-left: 12px
    }

    .main-container.-whatwedo .sec2 .service-set.-right .service-set__txt__div--ja {
        margin-right: 8px
    }

    .main-container.-whatwedo .sec2 .service-set.-right .service-set__txt__detail {
        margin-right: 8px
    }

    .main-container.-whatwedo .sec2 .service-set.-right .service-set__link {
        left: -42px;
        right: auto
    }
}

@media screen and (min-width: 900px) {

    .m-l{
        margin-left: 14%;
    }
    .main-container.-whatwedo-workstyle_div .pict1 {
        width: 830px;
        margin: 0 auto;
        margin-bottom: 68px;
        display: block
    }

    .main-container.-whatwedo-workstyle_div .pict2 {
        width: 608px;
        margin: 0 auto;
        margin-bottom: 68px;
        display: block
    }
    .t_left{
             text-align:left;
         }
    .t_right{
        text-align:right;
    }
}

.class45{
    display:none;
}


.class45 canvas{
    display:none;
}

.stroke {
    font-size: 10rem;
}