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

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    margin
    hide
    module
    page
    ========================================================== */
/* ==========================================================
*
*   margin
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 738px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 0.32552vw !important;
    }
    .mgt-sp--10 {
        margin-top: 0.65104vw !important;
    }
    .mgt-sp--15 {
        margin-top: 0.97656vw !important;
    }
    .mgt-sp--20 {
        margin-top: 1.30208vw !important;
    }
    .mgt-sp--25 {
        margin-top: 1.6276vw !important;
    }
    .mgt-sp--30 {
        margin-top: 1.95312vw !important;
    }
    .mgt-sp--35 {
        margin-top: 2.27865vw !important;
    }
    .mgt-sp--40 {
        margin-top: 2.60417vw !important;
    }
    .mgt-sp--45 {
        margin-top: 2.92969vw !important;
    }
    .mgt-sp--50 {
        margin-top: 3.25521vw !important;
    }
    .mgt-sp--55 {
        margin-top: 3.58073vw !important;
    }
    .mgt-sp--60 {
        margin-top: 3.90625vw !important;
    }
    .mgt-sp--65 {
        margin-top: 4.23177vw !important;
    }
    .mgt-sp--70 {
        margin-top: 4.55729vw !important;
    }
    .mgt-sp--75 {
        margin-top: 4.88281vw !important;
    }
    .mgt-sp--80 {
        margin-top: 5.20833vw !important;
    }
    .mgt-sp--85 {
        margin-top: 5.53385vw !important;
    }
    .mgt-sp--90 {
        margin-top: 5.85938vw !important;
    }
    .mgt-sp--95 {
        margin-top: 6.1849vw !important;
    }
    .mgt-sp--100 {
        margin-top: 6.51042vw !important;
    }
    .mgt-sp--105 {
        margin-top: 6.83594vw !important;
    }
    .mgt-sp--110 {
        margin-top: 7.16146vw !important;
    }
    .mgt-sp--115 {
        margin-top: 7.48698vw !important;
    }
    .mgt-sp--120 {
        margin-top: 7.8125vw !important;
    }
    .mgt-sp--125 {
        margin-top: 8.13802vw !important;
    }
    .mgt-sp--130 {
        margin-top: 8.46354vw !important;
    }
    .mgt-sp--135 {
        margin-top: 8.78906vw !important;
    }
    .mgt-sp--140 {
        margin-top: 9.11458vw !important;
    }
    .mgt-sp--145 {
        margin-top: 9.4401vw !important;
    }
    .mgt-sp--150 {
        margin-top: 9.76562vw !important;
    }
    .mgt-sp--155 {
        margin-top: 10.09115vw !important;
    }
    .mgt-sp--160 {
        margin-top: 10.41667vw !important;
    }
    .mgt-sp--165 {
        margin-top: 10.74219vw !important;
    }
    .mgt-sp--170 {
        margin-top: 11.06771vw !important;
    }
    .mgt-sp--175 {
        margin-top: 11.39323vw !important;
    }
    .mgt-sp--180 {
        margin-top: 11.71875vw !important;
    }
    .mgt-sp--185 {
        margin-top: 12.04427vw !important;
    }
    .mgt-sp--190 {
        margin-top: 12.36979vw !important;
    }
    .mgt-sp--195 {
        margin-top: 12.69531vw !important;
    }
    .mgt-sp--200 {
        margin-top: 13.02083vw !important;
    }
    .mgt-sp--205 {
        margin-top: 13.34635vw !important;
    }
    .mgt-sp--210 {
        margin-top: 13.67188vw !important;
    }
    .mgt-sp--215 {
        margin-top: 13.9974vw !important;
    }
    .mgt-sp--220 {
        margin-top: 14.32292vw !important;
    }
    .mgt-sp--225 {
        margin-top: 14.64844vw !important;
    }
    .mgt-sp--230 {
        margin-top: 14.97396vw !important;
    }
    .mgt-sp--235 {
        margin-top: 15.29948vw !important;
    }
    .mgt-sp--240 {
        margin-top: 15.625vw !important;
    }
    .mgt-sp--245 {
        margin-top: 15.95052vw !important;
    }
    .mgt-sp--250 {
        margin-top: 16.27604vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 738px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.32552vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 0.65104vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 0.97656vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 1.30208vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 1.6276vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 1.95312vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 2.27865vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 2.60417vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 2.92969vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 3.25521vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 3.58073vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 3.90625vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 4.23177vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 4.55729vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 4.88281vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 5.20833vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 5.53385vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 5.85938vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 6.1849vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 6.51042vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 6.83594vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 7.16146vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 7.48698vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 7.8125vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 8.13802vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 8.46354vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 8.78906vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 9.11458vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 9.4401vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 9.76562vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 10.09115vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 10.41667vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 10.74219vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 11.06771vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 11.39323vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 11.71875vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 12.04427vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 12.36979vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 12.69531vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 13.02083vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 13.34635vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 13.67188vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 13.9974vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 14.32292vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 14.64844vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 14.97396vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 15.29948vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 15.625vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 15.95052vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 16.27604vw !important;
    }
}

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

@media screen and (max-width: 738px) {
    .sp-hide {
        display: none !important;
    }
}

/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   hover opacity
--------------------------------------------- */
.hover-opacity {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

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

/* ---------------------------------------------
*   background-image
--------------------------------------------- */
#background-image {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    margin: auto;
    padding-top: 295.443549vw;
    width: 100%;
    height: 0;
    background-image: url(../img/pc/bg_main.png);
    background-position: center 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1240px) {
    #background-image {
        padding-top: 295.443549vw;
    }
}

@media screen and (max-width: 738px) {
    #background-image {
        padding-top: 637.109375vw;
        background-image: url(../img/sp/bg_main.png);
    }
}

/* ---------------------------------------------
*   banner-area
--------------------------------------------- */
.banner-area {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* ---------------------------------------------
*   contents-fade
--------------------------------------------- */
.contents-fade {
    opacity: 0;
}

.contents-fade--show {
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

/* ---------------------------------------------
*   js-modal-youtube
--------------------------------------------- */
.js-modal-youtube {
    display: block;
    outline: none;
}

.js-modal-youtube--none {
    pointer-events: none;
}

/* ---------------------------------------------
*   yu2fvl
--------------------------------------------- */
.yu2fvl {
    top: 0;
    z-index: 9999;
}

.yu2fvl-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.yu2fvl-overlay {
    z-index: 9998;
    background: #000;
    opacity: 0.8;
}

.yu2fvl-close {
    margin: 0;
    padding: 0;
    width: 100%;
    outline: 0;
    border: 0;
    background: none;
    color: #fff;
    text-align: right;
    font-size: 40px;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .yu2fvl {
        top: 3px;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 9999;
        margin: auto !important;
        min-width: 300px !important;
        min-height: 202.5px !important;
    }
}

@media screen and (max-width: 500px) {
    .yu2fvl {
        top: 3px;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 9999;
        margin: auto !important;
        min-width: 300px !important;
        min-height: 202.5px !important;
    }
}

@-webkit-keyframes ScaleDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    30% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    60% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }
    85% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ScaleDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    30% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    60% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }
    85% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ScaleDownSP {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    85% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ScaleDownSP {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    85% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ScaleDownStop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
}

@keyframes ScaleDownStop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
}

@-webkit-keyframes ScaleDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    30% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    60% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }
    85% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ScaleDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    30% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    60% {
        -webkit-transform: scale(0.99);
        transform: scale(0.99);
    }
    85% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ScaleDownSP {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    85% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ScaleDownSP {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    15% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }
    85% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ScaleDownStop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
}

@keyframes ScaleDownStop {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
}

@-webkit-keyframes sdb {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes sdb {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* ---------------------------------------------
*   movie
--------------------------------------------- */
.movie-play {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #c02528;
    color: #fff;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;
    -webkit-animation: ScaleDownSP 1s ease-out infinite;
    animation: ScaleDownSP 1s ease-out infinite;
}

@media screen and (max-width: 980px) {
    .movie-play {
        width: 52px;
        height: 52px;
    }
}

@media screen and (max-width: 840px) {
    .movie-play {
        width: 47px;
        height: 47px;
    }
}

@media screen and (max-width: 738px) {
    .movie-play {
        width: 9.76562vw;
        height: 9.76562vw;
    }
}

@media screen and (max-width: 460px) {
    .movie-play {
        width: 40px;
        height: 40px;
    }
}

.movie-play:hover {
    -webkit-animation: ScaleDownStop 1s ease-out 1 forwards;
    animation: ScaleDownStop 1s ease-out 1 forwards;
}

.movie-play__icon {
    position: absolute;
    top: 50%;
    left: 53%;
    font-size: 20px !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.movie-play--none:hover {
    cursor: auto;
    -webkit-animation: ScaleDownSP 1s ease-out infinite;
    animation: ScaleDownSP 1s ease-out infinite;
}

/* ---------------------------------------------
*   swiper
--------------------------------------------- */
.swiper-top-tittle-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media screen and (max-width: 738px) {
    .swiper-top-tittle-wrap {
        position: absolute;
        top: 4.74255vw;
    }
}

.swiper-top-tittle-logo-wrap {
    width: 100%;
    display: block;
}

@media screen and (max-width: 738px) {
    .swiper-top-tittle-logo-wrap {
        padding-top: 11.11111vw;
        margin-bottom: 4.06504vw;
    }
}

.swiper-top__outer--lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-top__outer-logo {
    width: 413px;
}

@media screen and (max-width: 738px) {
    .swiper-top__outer-logo {
        width: 38.15104vw;
    }
}

.swiper-top-tittle {
    font-size: 45px;
}

@media screen and (max-width: 738px) {
    .swiper-top-tittle {
        font-size: 6.50407vw;
    }
}

.swiper-top-tittle-link {
    position: static;
    width: 360px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 19px;
    padding: 17px 0;
}

@media screen and (max-width: 738px) {
    .swiper-top-tittle-link {
        width: 58.26558vw;
        padding: 2.57452vw 0;
        font-size: 3.1165vw;
    }
}

@media screen and (max-width: 738px) {
    .swiper-top__outer--left {
        position: relative;
        left: -4.74255vw;
    }
}

@media screen and (max-width: 738px) {
    .swiper-top__outer--right {
        position: relative;
        right: 1.35501vw;
    }
}

@media screen and (max-width: 738px) {
    .triangle {
        width: .67751vw;
        height: .67751vw;
        border-left: 2.0325vw solid #c02528;
        border-top: 2.0325vw solid transparent;
        border-right: 2.0325vw solid transparent;
        border-bottom: 2.0325vw solid transparent;
    }
}

@media screen and (max-width: 738px) {
    .slider-customer01 .swiper-slide {
        padding-bottom: 5.42005vw;
    }
}

.slider-customer01 .slider-customer01-inner p {
    line-height: 1.5;
    font-size: 18px;
}

@media screen and (max-width: 738px) {
    .slider-customer01 .slider-customer01-inner p {
        font-size: 3.51562vw;
    }
}

@media screen and (max-width: 738px) {
    .slider-customer01 .slider-customer01-inner p img {
        width: 16.26016vw;
    }
}

.slider-customer01 .slider-customer01-inner .slider-customer01-inner-text {
    margin-bottom: 30px;
    display: inline-block;
}

.slider-customer01 .slider-customer01-inner .slider-customer01-tittle {
    display: inline-block;
    font-size: 30px;
}

@media screen and (max-width: 738px) {
    .slider-customer01 .slider-customer01-inner .slider-customer01-tittle {
        font-size: 4.06504vw;
    }
}

.slider-customer01 .slider-customer01-inner .slider-customer01-name {
    font-size: 25px;
}

@media screen and (max-width: 738px) {
    .slider-customer01 .slider-customer01-inner .slider-customer01-name {
        font-size: 3.51562vw;
    }
}

/* ---------------------------------------------
*   section
--------------------------------------------- */
.section {
    position: relative;
    margin-bottom: 90px;
    padding-top: 60px;
    padding-right: 50px;
    padding-bottom: 60px;
    padding-left: 50px;
}

@media screen and (max-width: 1240px) {
    .section {
        margin-bottom: 7.25806vw;
        padding-top: 4.83871vw;
        padding-right: 4.03226vw;
        padding-bottom: 4.83871vw;
        padding-left: 4.03226vw;
    }
}

.section--voice {
    margin-top: 40px !important;
}

@media screen and (max-width: 738px) {
    .section--voice {
        margin-top: 6.77507vw !important;
        padding-right: 8.80759vw;
        padding-bottom: 10.56916vw;
        padding-left: 8.80759vw;
    }
}

.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

@media screen and (max-width: 1240px) {
    .section-title {
        margin-bottom: 2.41935vw;
    }
}

.section-title__num {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 23px;
    padding-top: 10px;
    padding-right: 20px;
    height: 95px;
    border-right: 3px solid #534c5b;
    font-size: 104px;
}

@media screen and (max-width: 1240px) {
    .section-title__num {
        margin-right: 1.85484vw;
        padding-top: 0.80645vw;
        padding-right: 1.6129vw;
        height: 7.66129vw;
        border-width: 0.24194vw;
        font-size: 8.34677vw;
    }
}

@media screen and (max-width: 738px) {
    .section-title__num {
        padding-right: 2.60417vw;
        height: 13.41146vw;
        border-width: 2px;
        font-size: 10.9375vw;
    }
}

.section-title__content {
    display: block;
    font-weight: bold;
    font-size: 36px;
    font-family: 'Noto Sans Japanese Bold';
    line-height: 1.3;
}

@media screen and (max-width: 1240px) {
    .section-title__content {
        font-size: 2.90323vw;
    }
}

@media screen and (max-width: 738px) {
    .section-title__content {
        letter-spacing: -.3vw;
        font-size: 5.85938vw;
        line-height: 1.1;
    }
}

.section-title__content-en {
    letter-spacing: .15vw;
    font-size: 50px;
    line-height: 1;
}

@media screen and (max-width: 1240px) {
    .section-title__content-en {
        font-size: 4.03226vw;
    }
}

@media screen and (max-width: 738px) {
    .section-title__content-en {
        font-size: 5.20833vw;
    }
}

.section-text__content {
    text-align: justify;
    font-size: 18px;
    line-height: 1.8;
}

@media screen and (max-width: 1240px) {
    .section-text__content {
        font-size: 1.41129vw;
    }
}

@media screen and (max-width: 738px) {
    .section-text__content {
        font-size: 3.51562vw;
    }
}

.section-caption {
    font-weight: bold;
    font-size: 26px;
    font-family: 'Noto Sans Japanese Bold';
}

@media screen and (max-width: 1240px) {
    .section-caption {
        font-size: 2.09677vw;
    }
}

@media screen and (max-width: 738px) {
    .section-caption {
        font-size: 3.90625vw;
    }
}

.section-break {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 738px) {
    .section-break__line {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2px;
        height: 31.901041vw;
        background-color: #d1d1d1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.section-video {
    margin-bottom: 40px;
    padding-bottom: 0;
}

@media screen and (max-width: 1240px) {
    .section-video {
        margin-bottom: 3.22581vw;
    }
}

.section-video-title {
    text-align: center;
    font-size: 81px;
}

@media screen and (max-width: 1240px) {
    .section-video-title {
        font-size: 6.49194vw;
    }
}

@media screen and (max-width: 738px) {
    .section-video-title {
        font-size: 9.83073vw;
    }
}

.section-video__frame {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-top: 291px;
    width: 517px;
    background-image: url(../img/pc/img_movie.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.section-video__frame .js-modal-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1240px) {
    .section-video__frame {
        padding-top: 23.46774vw;
        width: 41.69355vw;
    }
}

@media screen and (max-width: 738px) {
    .section-video__frame {
        padding-top: 35.54688vw;
        width: 63.02083vw;
        background-image: url(../img/sp/img_movie.png);
    }
}

.section-video .movie-play {
    background-color: #fff;
    color: #410000;
}

@media screen and (max-width: 738px) {
    .section-video .movie-play {
        width: 9.76562vw;
        height: 9.76562vw;
    }
}

@media screen and (max-width: 460px) {
    .section-video .movie-play {
        width: 40px;
        height: 40px;
    }
}

.section-graphene {
    background-color: rgba(0, 0, 0, 0.1);
}

.section-graphene__inner {
    margin-left: auto;
    width: 394px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__inner {
        width: 31.73387vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__inner {
        width: auto;
    }
}

.section-graphene__detail {
    margin-bottom: 17px;
    font-weight: bold;
    font-size: 28px;
    font-family: 'Noto Sans Japanese Bold';
    line-height: 1.4;
}

@media screen and (max-width: 1240px) {
    .section-graphene__detail {
        margin-bottom: 1.33065vw;
        font-size: 2.25806vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__detail {
        margin-right: auto;
        margin-bottom: 3.25521vw;
        margin-left: auto;
        width: 62.89062vw;
        font-size: 3.90625vw;
    }
}

.section-graphene__image {
    width: 394px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__image {
        width: 31.73387vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__image {
        margin-right: auto;
        margin-left: auto;
        width: 62.82552vw;
    }
}

.section-graphene__right {
    width: 405px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__right {
        width: 32.70161vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__right {
        width: auto;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__right-image {
        margin-right: auto;
        margin-bottom: 3.90625vw;
        margin-left: auto;
        width: 62.89062vw;
    }
}

.section-graphene__right-texts {
    position: absolute;
    top: 300px;
    left: 125px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__right-texts {
        top: 24.19355vw;
        left: 10.08065vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__right-texts {
        position: static;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__compare {
        margin-right: auto;
        margin-left: auto;
    }
}

.section-graphene__compare-head-image {
    margin-right: auto;
    margin-left: auto;
    width: 855px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__compare-head-image {
        width: 68.95161vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__compare-head-image {
        width: 83.59375vw;
    }
}

.section-graphene__compare-body-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    width: 855px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__compare-body-list {
        margin-bottom: 2.41935vw;
        width: 68.95161vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__compare-body-list {
        width: auto;
    }
}

.section-graphene__compare-body-list-item {
    width: 50%;
    color: #404040;
    text-align: center;
    letter-spacing: .08vw;
    font-size: 20px;
    line-height: 1.5;
}

@media screen and (max-width: 1240px) {
    .section-graphene__compare-body-list-item {
        font-size: 1.57258vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__compare-body-list-item {
        font-size: 3.125vw;
    }
}

.section-graphene__compare-body-list-item--jp {
    letter-spacing: -.08vw;
}

@media screen and (max-width: 738px) {
    .section-graphene__compare-body-list-item--small {
        position: relative;
        display: inline-block;
        letter-spacing: -.05vw;
        font-size: 2.60417vw;
    }
    .section-graphene__compare-body-list-item--small:before {
        position: absolute;
        top: 0.97656vw;
        right: -1.95312vw;
        display: block;
        width: 1.5625vw;
        height: 6.1849vw;
        background-image: url(../img/sp/icon_parenthesis_left.png);
        background-position: 0 0;
        background-size: 1.5625vw 6.1849vw;
        background-repeat: no-repeat;
        content: "";
    }
    .section-graphene__compare-body-list-item--small:after {
        position: absolute;
        top: 0.97656vw;
        left: -1.95312vw;
        display: block;
        width: 1.5625vw;
        height: 6.1849vw;
        background-image: url(../img/sp/icon_parenthesis_right.png);
        background-position: 0 0;
        background-size: 1.5625vw 6.1849vw;
        background-repeat: no-repeat;
        content: "";
    }
}

.section-graphene__contents {
    padding: 35px 0;
    background-color: rgba(255, 255, 255, 0.4);
    text-align: center;
}

@media screen and (max-width: 1240px) {
    .section-graphene__contents {
        padding: 2.82258vw 0;
    }
}

.section-graphene__contents-title {
    margin-bottom: 23px;
    font-weight: bold;
    font-size: 52px;
    font-family: 'Noto Sans Japanese Bold';
}

@media screen and (max-width: 1240px) {
    .section-graphene__contents-title {
        margin-bottom: 2.21774vw;
        font-size: 4.19355vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__contents-title {
        font-size: 6.77083vw;
    }
}

.section-graphene__contents-text {
    color: #404040;
    font-size: 20px;
    line-height: 1.8;
}

@media screen and (max-width: 1240px) {
    .section-graphene__contents-text {
        font-size: 1.57258vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__contents-text {
        padding: 0 3.90625vw;
        text-align: left;
        font-size: 3.51562vw;
    }
}

.section-graphene__percent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 67px;
    padding: 28px 62px;
    background-color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 1240px) {
    .section-graphene__percent {
        margin-bottom: 5.3629vw;
        padding: 2.25806vw 5vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__percent {
        padding-right: 0;
        padding-left: 0;
    }
}

.section-graphene__percent-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    height: 95px;
    border-right: 3px solid rgba(191, 189, 194, 0.3);

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

@media screen and (max-width: 1240px) {
    .section-graphene__percent-frame {
        height: 7.66129vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__percent-frame {
        display: block;
        height: 19.07552vw;
    }
}

.section-graphene__percent-frame:nth-of-type(1) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 527px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__percent-frame:nth-of-type(1) {
        width: 50.67308%;
    }
}

.section-graphene__percent-frame:nth-of-type(1) .section-graphene__percent-frame-detail {
    letter-spacing: -.3vw;
}

.section-graphene__percent-frame:nth-of-type(2) {
    padding-left: 32px;
    width: 513px;
    border-right: none;
}

@media screen and (max-width: 1240px) {
    .section-graphene__percent-frame:nth-of-type(2) {
        padding-left: 2.58065vw;
        width: 49.32692%;
    }
}

.section-graphene__percent-frame-text {
    padding-right: 18px;
    color: #404040;
    letter-spacing: .05vw;
    font-size: 28px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__percent-frame-text {
        padding-right: 1.45161vw;
        font-size: 2.21774vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__percent-frame-text {
        text-align: center;
        font-size: 3.125vw;
    }
}

.section-graphene__percent-frame-detail {
    display: table;
}

@media screen and (max-width: 738px) {
    .section-graphene__percent-frame-detail {
        margin-right: auto;
        margin-left: auto;
        line-height: 1;
    }
}

.section-graphene__percent-frame-detail-symbol {
    font-size: 84px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__percent-frame-detail-symbol {
        font-size: 6.77419vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__percent-frame-detail-symbol {
        font-size: 12.04427vw;
    }
}

.section-graphene__percent-frame-detail-number {
    position: relative;
    top: 16px;
    font-size: 122px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__percent-frame-detail-number {
        top: 1.29032vw;
        font-size: 9.79839vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__percent-frame-detail-number {
        font-size: 17.38281vw;
    }
}

.section-graphene__percent-frame-detail-per {
    position: relative;
    top: 16px;
    font-size: 84px;
}

@media screen and (max-width: 1240px) {
    .section-graphene__percent-frame-detail-per {
        top: 1.29032vw;
        font-size: 6.77419vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene__percent-frame-detail-per {
        font-size: 12.04427vw;
    }
}

.section-graphene .section-break {
    -ms-flex-pack: justify;
    margin-bottom: 70px;

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

@media screen and (max-width: 1240px) {
    .section-graphene .section-break {
        margin-bottom: 5.64516vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene .section-break {
        display: block;
    }
}

.section-graphene .section-break__right {
    padding-top: 5px;
}

@media screen and (max-width: 1240px) {
    .section-graphene .section-break__right {
        padding-top: 0.40323vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene .section-break__right {
        padding-top: 0;
    }
}

.section-graphene .section-text {
    margin-bottom: 35px;
}

@media screen and (max-width: 1240px) {
    .section-graphene .section-text {
        margin-bottom: 2.82258vw;
    }
}

.section-graphene .section-caption {
    margin-bottom: 45px;
}

@media screen and (max-width: 1240px) {
    .section-graphene .section-caption {
        margin-bottom: 3.62903vw;
    }
}

.section-graphene .section-caption--graphene {
    margin-bottom: 30px;
    margin-left: 130px;
}

@media screen and (max-width: 1240px) {
    .section-graphene .section-caption--graphene {
        margin-bottom: 2.41935vw;
        margin-left: 10.48387vw;
    }
}

@media screen and (max-width: 738px) {
    .section-graphene .section-caption--graphene {
        margin-left: 0;
    }
}

.section-talk {
    background-color: rgba(255, 255, 255, 0.4);
}

.section-talk__movie-frame {
    position: relative;
    padding-top: 309px;
    width: 548px;
    background-image: url(../img/pc/img_ishii.jpg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1240px) {
    .section-talk__movie-frame {
        padding-top: 24.91935vw;
        width: 44.23387vw;
    }
}

@media screen and (max-width: 738px) {
    .section-talk__movie-frame {
        padding-top: 47.65625vw;
        width: 84.17969vw;
        background-image: url(../img/sp/img_ishii.jpg);
    }
}

.section-talk__movie-frame .js-modal-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section-talk .section-title {
    margin-bottom: 25px;
}

@media screen and (max-width: 1240px) {
    .section-talk .section-title {
        margin-bottom: 2.01613vw;
    }
}

@media screen and (max-width: 738px) {
    .section-talk .section-title {
        margin-bottom: 3.90625vw;
    }
}

.section-talk .section-break {
    -ms-flex-pack: justify;

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

@media screen and (max-width: 738px) {
    .section-talk .section-break {
        display: block;
    }
}

@media screen and (max-width: 738px) {
    .section-talk .section-break__left .section-contents {
        margin-bottom: 2.60417vw;
    }
}

.section-talk .section-contents {
    margin-left: 130px;
}

@media screen and (max-width: 1240px) {
    .section-talk .section-contents {
        margin-left: 9.27419vw;
    }
}

@media screen and (max-width: 738px) {
    .section-talk .section-contents {
        margin-left: 0;
    }
}

.section-talk .section-text__content {
    margin-bottom: 5px;
    line-height: 1.8;
}

@media screen and (max-width: 1240px) {
    .section-talk .section-text__content {
        margin-bottom: 0.40323vw;
    }
}

.section-impression {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1099px;
    background-color: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1240px) {
    .section-impression {
        height: 88.62903vw;
    }
}

@media screen and (max-width: 738px) {
    .section-impression {
        height: 143.09896vw;
    }
}

.section-impression:before {
    position: absolute;
    top: 30px;
    left: 50%;
    display: block;
    width: 1240px;
    height: 1022px;
    background-image: url(../img/pc/bg_impression.png);
    background-position: 0 0;
    background-size: 1240px 1022px;
    background-repeat: no-repeat;
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (max-width: 1240px) {
    .section-impression:before {
        top: 2.41935vw;
        width: 100vw;
        height: 82.41935vw;
        background-size: 100vw 82.41935vw;
    }
}

@media screen and (max-width: 738px) {
    .section-impression:before {
        top: 0.39062vw;
        width: 100vw;
        height: 132.48698vw;
        background-image: url(../img/sp/bg_impression.png);
        background-size: 100vw 132.48698vw;
    }
}

.section-impression__movie {
    position: absolute;
}

.section-impression__movie--01 {
    top: 377px;
    left: 92px;
}

@media screen and (max-width: 1240px) {
    .section-impression__movie--01 {
        top: 30.40323vw;
        left: 7.41935vw;
    }
}

@media screen and (max-width: 738px) {
    .section-impression__movie--01 {
        top: 22.52604vw;
        left: 40.49479vw;
    }
}

.section-impression__movie--01 .section-impression__movie-frame {
    background-image: url(../img/pc/img_ishikawa.png);
}

.section-impression__movie--02 {
    top: 206px;
    left: 388px;
}

@media screen and (max-width: 1240px) {
    .section-impression__movie--02 {
        top: 16.6129vw;
        left: 31.29032vw;
    }
}

@media screen and (max-width: 738px) {
    .section-impression__movie--02 {
        top: 45.05208vw;
        left: 1.5625vw;
    }
}

.section-impression__movie--02 .section-impression__movie-frame {
    background-image: url(../img/pc/img_fukabori.png);
}

.section-impression__movie--03 {
    top: 377px;
    left: 685px;
}

@media screen and (max-width: 1240px) {
    .section-impression__movie--03 {
        top: 30.40323vw;
        left: 55.24194vw;
    }
}

@media screen and (max-width: 738px) {
    .section-impression__movie--03 {
        top: 67.1875vw;
        left: 40.49479vw;
    }
}

.section-impression__movie--03 .section-impression__movie-frame {
    background-image: url(../img/pc/img_ueda.png);
}

.section-impression__movie--04 {
    top: 548px;
    left: 388px;
}

@media screen and (max-width: 1240px) {
    .section-impression__movie--04 {
        top: 44.19355vw;
        left: 31.29032vw;
    }
}

@media screen and (max-width: 738px) {
    .section-impression__movie--04 {
        top: 89.71354vw;
        left: 1.82292vw;
    }
}

.section-impression__movie--04 .section-impression__movie-frame {
    background-image: url(../img/pc/img_shigenaga.png);
}

.section-impression__movie-frame {
    position: relative;
    padding-top: 330px;
    width: 376px;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1240px) {
    .section-impression__movie-frame {
        padding-top: 26.65323vw;
        width: 30.32258vw;
    }
}

@media screen and (max-width: 738px) {
    .section-impression__movie-frame {
        padding-top: 43.03385vw;
        width: 48.95833vw;
    }
}

.section-impression__movie-frame .js-modal-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section-impression .section-title {
    -ms-flex-align: center;

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

/*55, 255, 255, 0.4*/
.section-comparison {
    background-color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 738px) {
    .section-comparison {
        margin-bottom: 0.84635vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison--02 {
        padding-bottom: 0.84635vw;
        border-bottom: 3.90625vw solid rgba(255, 255, 255, 0.4);
    }
}

.section-comparison__title {
    margin-bottom: 33px;
}

@media screen and (max-width: 1240px) {
    .section-comparison__title {
        margin-bottom: 3.02419vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison__title {
        margin-right: auto;
        margin-left: auto;
    }
}

.section-comparison__title--01 {
    width: 316px;
}

@media screen and (max-width: 1240px) {
    .section-comparison__title--01 {
        width: 25.48387vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison__title--01 {
        width: 32.94271vw;
    }
}

.section-comparison__title--02 {
    width: 375px;
}

@media screen and (max-width: 1240px) {
    .section-comparison__title--02 {
        width: 30.20161vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison__title--02 {
        width: 38.9974vw;
    }
}

.section-comparison__image {
    margin-left: auto;
    padding-right: 43px;
    text-align: center;
}

.section-comparison__image img {
    width: 203px;
}

@media screen and (max-width: 1240px) {
    .section-comparison__image img {
        width: 16.33065vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison__image img {
        width: 26.36719vw;
    }
}

@media screen and (max-width: 1240px) {
    .section-comparison__image {
        padding-right: 3.42742vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison__image {
        padding-right: 0;
    }
}

.section-comparison__image-text {
    margin: 15px auto 28px;
    color: #404040;
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 1240px) {
    .section-comparison__image-text {
        margin: 1.20968vw auto 2.21774vw;
        font-size: 1.41129vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison__image-text {
        letter-spacing: -.3vw;
        font-size: 3.51562vw;
    }
}

.section-comparison__graph {
    margin-left: auto;
    width: 916px;
}

@media screen and (max-width: 1240px) {
    .section-comparison__graph {
        width: 73.83065vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison__graph {
        margin-right: auto;
        margin-bottom: 11.71875vw;
        width: auto;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-title {
        margin-bottom: 9.76562vw;
    }
}

.section-comparison .section-break {
    -ms-flex-pack: end;

    -webkit-box-pack: end;
    justify-content: flex-end;
}

.section-comparison .section-break__left {
    margin-right: 220px;
}

@media screen and (max-width: 1240px) {
    .section-comparison .section-break__left {
        margin-right: 17.74194vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__left {
        margin-right: 0;
        width: 50%;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__left .section-comparison__image {
        padding-right: 5.85938vw;
    }
}

.section-comparison .section-break__left .section-comparison__image-text {
    padding-left: 25px;
}

@media screen and (max-width: 1240px) {
    .section-comparison .section-break__left .section-comparison__image-text {
        padding-left: 2.01613vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__left .section-comparison__image-text {
        padding-left: 0;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__right {
        width: 50%;
    }
}

.section-comparison .section-break__right .section-comparison__image {
    padding-right: 48px;
    text-align: right;
}

@media screen and (max-width: 1240px) {
    .section-comparison .section-break__right .section-comparison__image {
        padding-right: 3.87097vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__right .section-comparison__image {
        padding-right: 0;
    }
}

.section-comparison .section-break__right .section-comparison__image img {
    padding-right: 9px;
}

@media screen and (max-width: 1240px) {
    .section-comparison .section-break__right .section-comparison__image img {
        padding-right: 0.72581vw;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__right .section-comparison__image img {
        padding-right: 5.20833vw;
    }
}

.section-comparison .section-break__right .section-comparison__image-text {
    text-align: right;
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__right .section-comparison__image-text {
        text-align: center;
    }
}

@media screen and (max-width: 738px) {
    .section-comparison .section-break__right .section-comparison__title {
        margin-right: 0;
    }
}

.section-lineup {
    margin-bottom: 40px;
    background-color: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1240px) {
    .section-lineup {
        margin-bottom: 3.22581vw;
    }
}

.section-lineup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

@media screen and (max-width: 738px) {
    .section-lineup__list {
        display: block;
    }
}

.section-lineup__list-item {
    margin-bottom: 88px;
    width: 50%;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item {
        margin-bottom: 7.09677vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item {
        width: 100%;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(even) {
        margin-left: auto;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(even) .section-lineup__list-item-inner {
        text-align: right;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(even) .section-lineup__list-item-text {
        margin-left: auto;
    }
}

.section-lineup__list-item:nth-of-type(even) .section-lineup__list-item-image-text {
    padding-left: 35px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item:nth-of-type(even) .section-lineup__list-item-image-text {
        padding-left: 2.82258vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(even) .section-lineup__list-item-image-text {
        padding-left: 0;
    }
}

.section-lineup__list-item:nth-of-type(13) {
    margin-bottom: 30px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item:nth-of-type(13) {
        margin-bottom: 2.41935vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(13) {
        margin-bottom: 7.09677vw;
    }
}

/* 
.section-lineup__list-item:nth-of-type(13) .section-lineup__list-item-text {
    margin-bottom: 30px;
    width: 260px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item:nth-of-type(13) .section-lineup__list-item-text {
        margin-bottom: 2.41935vw;
        width: 20.967741vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(13) .section-lineup__list-item-text {
        width: 31.165312vw;
        margin-bottom: 3.25521vw;
    }
}

*/

.section-lineup__list-item:nth-of-type(14) {
    margin-bottom: 30px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item:nth-of-type(14) {
        margin-bottom: 2.41935vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(14) {
        margin-bottom: 7.09677vw;
    }
}

/*
.section-lineup__list-item:nth-of-type(14) .section-lineup__list-item-text {
    width: 260px;
    margin-bottom: 29px;
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item:nth-of-type(14) .section-lineup__list-item-text {
        width: 31.165312vw;
        margin-bottom: 3.25521vw;
    }
}
*/

.section-lineup__list-item-image {
    margin: 0 auto 13px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image {
        margin: 0 auto 1.04839vw;
    }
}

.section-lineup__list-item-image--01 {
    width: 319px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--01 {
        width: 25.68548vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--01 {
        margin-left: 0;
        width: 46.74479vw;
    }
}

.section-lineup__list-item-image--01 .section-lineup__list-item-image-text {
    width: 274px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--01 .section-lineup__list-item-image-text {
        width: 22.1371vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--01 .section-lineup__list-item-image-text {
        margin-left: 6.584362vw;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--02 {
    width: 305px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--02 {
        width: 24.55645vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--02 {
        margin-right: 0;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--02 .section-lineup__list-item-image-text {
    width: 305px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--02 .section-lineup__list-item-image-text {
        width: 24.55645vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--02 .section-lineup__list-item-image-text {
        position: relative;
        left: -6.775068vw;
        width: 51.75781vw;
    }
}

.section-lineup__list-item-image--03 {
    width: 318px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--03 {
        width: 25.64516vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--03 {
        margin-left: 0;
        width: 46.54948vw;
    }
}

.section-lineup__list-item-image--03 .section-lineup__list-item-image-text {
    width: 275px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--03 .section-lineup__list-item-image-text {
        width: 22.1371vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--03 .section-lineup__list-item-image-text {
        margin-left: 6.584362vw;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--04 {
    width: 297px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--04 {
        width: 23.91129vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--04 {
        margin-right: 0;
        width: 43.42448vw;
    }
}

.section-lineup__list-item-image--04 .section-lineup__list-item-image-text {
    width: 318px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--04 .section-lineup__list-item-image-text {
        width: 25.60484vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--04 .section-lineup__list-item-image-text {
        position: relative;
        left: -6.775068vw;
        width: 51.69271vw;
    }
}

.section-lineup__list-item-image--05 {
    width: 315px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--05 {
        width: 25.44355vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--05 {
        margin-left: 0;
        width: 47.07031vw;
    }
}

.section-lineup__list-item-image--05 .section-lineup__list-item-image-text {
    padding-right: 6px;
    width: 275px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--05 .section-lineup__list-item-image-text {
        padding-right: 0.48387vw;
        width: 22.1371vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--05 .section-lineup__list-item-image-text {
        margin-left: 6.584362vw;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--06 {
    width: 315px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--06 {
        width: 25.44355vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--06 {
        margin-right: 0;
        width: 47.07031vw;
    }
}

.section-lineup__list-item-image--06 .section-lineup__list-item-image-text {
    padding-left: 45px !important;
    width: 318px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--06 .section-lineup__list-item-image-text {
        padding-left: 3.22903vw !important;
        width: 25.64516vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--06 .section-lineup__list-item-image-text {
        position: relative;
        left: -4.075068vw;
        padding-left: 0 !important;
        width: 51.69271vw;
    }
}

.section-lineup__list-item-image--07 {
    width: 321px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--07 {
        width: 25.88710vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--07 {
        margin-left: 0;
        width: 46.74479vw;
    }
}

.section-lineup__list-item-image--07 .section-lineup__list-item-image-text {
    width: 274px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--07 .section-lineup__list-item-image-text {
        width: 22.1371vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--07 .section-lineup__list-item-image-text {
        margin-left: 6.584362vw;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--08 {
    width: 322px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--08 {
        width: 25.96774vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--08 {
        margin-right: 0;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--08 .section-lineup__list-item-image-text {
    width: 305px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--08 .section-lineup__list-item-image-text {
        width: 24.55645vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--08 .section-lineup__list-item-image-text {
        position: relative;
        left: -6.775068vw;
        width: 51.75781vw;
    }
}

.section-lineup__list-item-image--09 {
    width: 322px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--09 {
        width: 25.96774vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--09 {
        margin-left: 0;
        width: 46.54948vw;
    }
}

.section-lineup__list-item-image--09 .section-lineup__list-item-image-text {
    width: 275px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--09 .section-lineup__list-item-image-text {
        width: 22.1371vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--09 .section-lineup__list-item-image-text {
        margin-left: 6.584362vw;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--10 {
    width: 310px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--10 {
        width: 25vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--10 {
        margin-right: 0;
        width: 43.42448vw;
    }
}

.section-lineup__list-item-image--10 .section-lineup__list-item-image-text {
    width: 318px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--10 .section-lineup__list-item-image-text {
        width: 25.60484vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--10 .section-lineup__list-item-image-text {
        position: relative;
        left: -6.775068vw;
        width: 51.69271vw;
    }
}

.section-lineup__list-item-image--11 {
    width: 322px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--11 {
        width: 25.96774vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--11 {
        margin-left: 0;
        width: 47.07031vw;
    }
}

.section-lineup__list-item-image--11 .section-lineup__list-item-image-text {
    padding-right: 6px;
    width: 275px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--11 .section-lineup__list-item-image-text {
        padding-right: 0.48387vw;
        width: 22.1371vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--11 .section-lineup__list-item-image-text {
        margin-left: 6.584362vw;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--12 {
    width: 322px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--12 {
        width: 25.96774vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--12 {
        margin-right: 0;
        width: 47.07031vw;
    }
}

.section-lineup__list-item-image--12 .section-lineup__list-item-image-text {
    padding-left: 45px !important;
    width: 318px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--12 .section-lineup__list-item-image-text {
        padding-left: 3.62903vw !important;
        width: 25.64516vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--12 .section-lineup__list-item-image-text {
        position: relative;
        left: -4.075068vw;
        padding-left: 0 !important;
        width: 51.69271vw;
    }
}


.section-lineup__list-item-image--13 {
    width: 333px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--13 {
        width: 26.85484vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--13 {
        margin-left: 0;
        width: 47.07031vw;
    }
}

.section-lineup__list-item-image--13 .section-lineup__list-item-image-text {
    padding-left: 10px;

    padding-right: 6px;
    width: 275px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--13 .section-lineup__list-item-image-text {
        padding-right: 0.48387vw;
        width: 22.1371vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--13 .section-lineup__list-item-image-text {
        margin-left: 4.384362vw;
        width: 44.59635vw;
    }
}

.section-lineup__list-item-image--14 {
    width: 341px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--14 {
        width: 27.5vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--14 {
        margin-right: 0;
        width: 47.07031vw;
    }
}

.section-lineup__list-item-image--14 .section-lineup__list-item-image-text {
    padding-left: 45px !important;
    width: 318px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-image--14 .section-lineup__list-item-image-text {
        padding-left: 3.62903vw !important;
        width: 25.64516vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-image--14 .section-lineup__list-item-image-text {
        position: relative;
        left: -4.075068vw;
        padding-left: 0 !important;
        width: 51.69271vw;
    }
}

.section-lineup__list-item-image-text {
    margin-left: auto;
}

.section-lineup__list-item-inner {
    margin-left: 145px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-inner {
        margin-left: 11.69355vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-inner {
        margin-left: 6.69355vw;
    }
}

.section-lineup__list-item-text {
    margin-bottom: 28px;
    width: 75px;
    color: #404040;
    font-size: 18px;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-text {
        margin-bottom: 2.25806vw;
        width: 6.04839vw;
        font-size: 1.41129vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-text {
        margin-bottom: 3.25521vw;
        width: 12.17448vw;
        font-size: 2.86458vw;
    }
}

.section-lineup__list-item-button {
    color: #fff;
    font-size: 16px;
}

.section-lineup__list-item-button--voice {
    text-align: center;
}

.section-lineup__list-item-button-link {
    padding: 10px 30px;
    background-color: #c02528;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-button-link {
        padding: 0.80645vw 2.41935vw;
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-button-link {
        padding: 1.85185vw 5.335665vw;
        font-size: 2.53906vw;
    }
}

.section-lineup__list-item-button-link--coming {
    padding: 10px 63px;
    background-color: #333333;
    pointer-events: none;
    cursor: default;
}

@media screen and (max-width: 1240px) {
    .section-lineup__list-item-button-link--coming {
        padding: 0.80645vw 5.08065vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup__list-item-button-link--coming {
        padding: 1.85185vw 10.535665vw;
    }
}

@media screen and (max-width: 738px) {
    .section-lineup .section-title {
        margin-bottom: 9.76562vw;
    }
}

/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
.keyvisual {
    position: relative;
    margin: auto;
    max-width: 1500px;
}

.keyvisual__title {
    overflow: hidden;
    padding-top: 597px;
    width: 1500px;
    height: 0;
    background: url(../img/pc/img_keyvisual.png) 0 0 no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1500px) {
    .keyvisual__title {
        padding-top: 39.5333vw;
        width: 100vw;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual__title {
        padding-top: 89.97396vw;
        width: 100vw;
        background-image: url(../img/sp/img_keyvisual.png);
    }
}

.keyvisual-movie-outer {
    position: absolute;
    top: 349px;
    right: 190px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 1500px) {
    .keyvisual-movie-outer {
        top: 23.26667vw;
        right: 12.66667vw;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual-movie-outer {
        display: block;
        top: 41.05691vw;
        right: 3.38753vw;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual-movie--1 {
        margin-bottom: .67751vw;
    }
}

.keyvisual-movie--1 .keyvisual-movie__frame {
    position: relative;
    margin-right: 10px;
    padding-top: 131px;
    width: 233px;
    background: url(../img/pc/img_topmovie1.png) center center no-repeat;
}

@media screen and (max-width: 1500px) {
    .keyvisual-movie--1 .keyvisual-movie__frame {
        margin-right: .66667vw;
        padding-top: 8.73333vw;
        width: 15.53333vw;
        -webkit-background-size: 15.53333vw 8.73333vw;
        background-size: 15.53333vw 8.73333vw;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual-movie--1 .keyvisual-movie__frame {
        margin-right: 0;
        padding-top: 17.75078vw;
        width: 31.57182vw;
        -webkit-background-size: 31.57182vw 17.75078vw;
        background-size: 31.57182vw 17.75078vw;
    }
}

.keyvisual-movie--1 .movie-play__icon {
    color: #aed3d8;
}

@media screen and (max-width: 465px) {
    .keyvisual-movie--1 .movie-play__icon {
        font-size: 12px !important;
    }
}

.keyvisual-movie--2 .keyvisual-movie__frame {
    position: relative;
    background-size: 100% auto;
    padding-top: 131px;
    width: 233px;
    background: url(../img/pc/img_topmovie2.png) center center no-repeat;
}

@media screen and (max-width: 1500px) {
    .keyvisual-movie--2 .keyvisual-movie__frame {
        padding-top: 8.73333vw;
        width: 15.53333vw;
        -webkit-background-size: 15.53333vw 8.73333vw;
        background-size: 15.53333vw 8.73333vw;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual-movie--2 .keyvisual-movie__frame {
        padding-top: 17.75078vw;
        width: 31.57182vw;
        -webkit-background-size: 31.57182vw 17.75078vw;
        background-size: 31.57182vw 17.75078vw;
    }
}

.keyvisual-movie--2 .movie-play__icon {
    color: #343525;
}

@media screen and (max-width: 465px) {
    .keyvisual-movie--2 .movie-play__icon {
        font-size: 12px !important;
    }
}

.keyvisual-text {
    position: absolute;
    top: 505px;
    right: 195px;
    background: url(../img/pc/icon_bottom.png) 0 23% no-repeat;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    border-bottom: 1px solid rgba(255,255,255,0.8);
}

.keyvisual-text:hover {
    border-bottom: none;
}

@media screen and (max-width: 1500px) {
    .keyvisual-text {
        top: 33.66667vw;
        right: 13vw;
        -webkit-background-size: 1.66667vw 1.73333vw;
        background-size: 1.66667vw 1.73333vw;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual-text {
        top: 79.94580vw;
        right: 3.38753vw;
        -webkit-background-size: 3.38753vw 3.52304vw;
        background-size: 3.38753vw 3.52304vw;
        background-position-y: 38%;
    }
    .keyvisual-text:hover {
        border-bottom: 1px solid rgba(255,255,255,0.8);
    }
}

.keyvisual-text__item {
    display: block;
    padding-bottom: 8px;
    padding-left: 33px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: .02rem;
}

@media screen and (max-width: 1500px) {
    .keyvisual-text__item {
        padding-bottom: .53333vw;
        padding-left: 2.2vw;
        font-size: 1.73333vw;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual-text__item {
        padding-left: 4.33604vw;
        font-size: 3.38542vw;
    }
}

.keyvisual .movie-play {
    position: absolute;
    top: 35%;
    left: 39.2%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    color: transparent;
}

@media screen and (max-width: 1300px) {
    .keyvisual .movie-play {
        width: 42px;
        height: 42px;
    }
}

@media screen and (max-width: 1110px) {
    .keyvisual .movie-play {
        top: 33%;
        left: 37.2%;
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 930px) {
    .keyvisual .movie-play {
        top: 28%;
        left: 35.2%;
    }
}

@media screen and (max-width: 900px) {
    .keyvisual .movie-play {
        top: 25%;
        left: 33.2%;
    }
}

@media screen and (max-width: 738px) {
    .keyvisual .movie-play {
        top: 28%;
        left: 35%;
        width: 8.13008vw;
        height: 8.13008vw;
    }
}

/* ---------------------------------------------
*   windows
--------------------------------------------- */
.windows .section-title__num {
    padding-top: 0;
}

@media screen and (max-width: 1240px) {
    .windows .section-title__num {
        padding-top: 0;
    }
}

.windows .section-video-title {
    margin-bottom: 10px;
}

@media screen and (max-width: 1240px) {
    .windows .section-video-title {
        margin-bottom: 0.80645vw;
    }
}

.windows .section-graphene__percent-frame-detail {
    position: relative;
    top: -13px;
}

@media screen and (max-width: 1240px) {
    .windows .section-graphene__percent-frame-detail {
        top: -1.04839vw;
    }
}

/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Index Page
--------------------------------------------- */