@charset "UTF-8";

@media screen and (max-width: 1680px) {
    html {font-size: 16px;}

}

@media screen and (max-width: 1440px) {
    html {font-size: 14px;}
    .module-08 .content .left{width: 51.6%;}
    .module-08 .content .right{width: 48.4%;}
}

@media screen and (max-width: 1366px) {
    html {font-size: 13px;}
    .module-08 .content .left{width: 50.5%;}
    .module-08 .content .right{width: 49.5%;}
}

@media screen and (max-width: 1280px) {
    html {font-size: 13px;}
}

@media screen and (max-width: 960px) {
    html{font-size:12px}
    .container{padding:0 15px}
    .pcNone{display:block !important}
    .mobileNone{display:none !important}
    .main-title{font-size:16px !important;line-height:1.3 !important;padding:15px 0 !important}
    .subtitle,.introduction,.text{font-size:12px !important;line-height:1.5 !important}
    .video-container .play-button{width:60px;height:60px;}
    .module-01 .fullscreen-container{height:auto;min-height:100px;}
    .module-01 .fullscreen-container .background-pc{display:none}
    .module-01 .fullscreen-container .background-mobile{display:block}
    .module-01 .logo{top:10px;left:15px;width:30%;max-width:120px}
    .module-01 .bottom-bar{height:40px}
    .module-01 .bottom-bar .icon{height:40px}
    .module-02{margin-top:10px;}
    .module-02::after,.module-02 .bottom-section{display:none}
    .module-02 .top-section{height:auto;}
    .module-02 .top-section .main-title{font-size:16px !important;margin-bottom:0}
    .module-02 .top-section .subtitle{font-size:12px !important;margin-bottom:2rem}
    .module-03{padding-top:0;}
    .module-03 .main-title{margin-bottom:0}
    .module-05 .content .left .text{text-align:center}
    .module-07 .introduction{padding-top:0;}
    .module-08 .content .right img{height:auto}
    .module-08 .content .right{margin-top:0}
    .module-08 .introduction{padding-top:0;}
    .module-09 .content .left .text{text-align:center}
    .module-10 .introduction{padding-top:10px;}
    .module-11 .introduction{padding-top:10px;}
    .module-12 .introduction{padding-top:10px;}
    .module-04 .content,.module-05 .content,.module-06 .content,.module-07 .content,.module-08 .content,.module-09 .content,.module-12 .content{flex-direction:column}
    .module-04 .content .left,.module-04 .content .right,.module-05 .content .left,.module-05 .content .right,.module-06 .content .left,.module-06 .content .right,.module-07 .content .left,.module-07 .content .right,.module-08 .content .left,.module-08 .content .right,.module-09 .content .left,.module-09 .content .right, .module-12 .content .left, .module-12 .content .right{width:100% !important;padding:0 !important;margin-bottom:1.5rem;justify-content:center !important;text-align:center !important}
    .module-12 .content .left{padding:10px 5px !important;border-radius: 10px;margin-bottom: 5px;}
    .module-12 .content {grid-template-columns: 1fr !important;}
    .module-12 .content .right img {height: auto !important;max-height: 500px;}
    .module-12 .content .left li{margin-bottom:10px}
    .module-12 .content .left li h3{font-size:14px;margin-bottom:5px}
    .module-12 .content .left li p{margin-bottom:8px;font-size:12px;line-height:1.2}
    .module-14 .grid .item .label{font-size:14px;}
    .module-14 .grid .item .value{font-size:12px;line-height:1.5;}
    .module-15 .top-section .video-grid{grid-template-columns:1fr}
    .module-15 .bottom-section .grid-gallery{grid-template-columns:1fr}
    .module-15 .bottom-section .item-large{grid-row:span 1}
    iframe{height:230px !important}
    .module-15{padding-top:40px;padding-bottom:50px}
    .module-15 .top-section .video-label{padding:15px 10px;font-size:16px}
    .module-15 .bottom-section{padding-top:40px;}
}
