@charset "utf-8";

body{background-color: #fff;color:#44465C;}
.wapper-element{max-width: 1950px;width: 100%;margin:0px auto;}

.main-flex-ver1{display:block;position:relative;width:100%;height: 100%;}
.main-flex-ver1 img:nth-child(1){width:100%;}
.main-flex-ver1 .ver1-txt{width: 100%;max-width: 759px;height: auto;position:absolute;z-index:2;left: calc(100% - 88%);top: calc(100% - 79%);}
.main-flex-ver2{display:block;position:relative;width:100%;color:#fff;}
/*.main-flex-ver2{background-image:url("../images/con02/img_background01.png");height:784px;width:100%;}*/
.main-flex-ver2 .box{}
.main-flex-ver2 .left-area{position:absolute;z-index:3;left: 220px;top: 100px;}
.main-flex-ver2 .left-area dl{}
.main-flex-ver2 .left-area dl dd{font-size: 60px;line-height: 1.2;font-weight: 600;}
.main-flex-ver2 .left-area dl:nth-child(2) dd:nth-child(1){margin-top:30px;}
.main-flex-ver2 .left-area dl:nth-child(2) dd{font-size: 90px;line-height: 1.2;font-weight: 600;letter-spacing:0px;}
.main-flex-ver2 .right-area{position:absolute;z-index:3;right: 310px;top: 160px;}
.main-flex-ver2 .right-area dl{}
.main-flex-ver2 .right-area dl dd{font-size: 60px;line-height: 1.2;font-weight: 600;letter-spacing:0px;}
.main-flex-ver2 .right-area dl dd:nth-child(1){}
.main-flex-ver2 .right-area dl dd:nth-child(3){margin-top: 90px;}
.main-flex-ver2 .right-area dl dd:nth-child(3),.main-flex-ver2 .right-area dl dd:nth-child(4),.main-flex-ver2 .right-area dl dd:nth-child(5){font-size: 60px;}

.play-box{width: 100%;max-width: 1440px;margin:160px auto 130px auto;}
.play-box .box-top{display:flex;}
.play-box .box-top .img-area{width:50%;}
.play-box .box-top .img-area img{}
.play-box .box-top dl{width:50%;}
.play-box .box-top dl dd{font-size:60px;font-weight:300;text-shadow: 3px 0px 0px #ecf0ef;color: #202020;}
.play-box .box-top dl dd:nth-child(1){margin-top: 30px;}
.play-box .box-top dl dd:nth-child(1) img{width:280px !important;}
.play-box .box-top dl dd:nth-child(2){margin-top:30px;}
.play-box .box-top dl dd:nth-child(3){}
.play-box .box-top dl dd span{color:#47e2c2;font-weight:bold;}
.play-box .box-top dl dd.dl-i{display: flex;align-items: center;margin-top: 50px;}
.play-box .box-top dl dd i{margin-right: 30px;}
i.play-img1{background-image:url("../images/con02/icon01.png");width: 37px;height: 28px;display: block;}
i.play-img2{background-image:url("../images/con02/icon02.png");width: 48px;height: 28px;display: block;}
i.play-img3{background-image:url("../images/con02/icon03.png");width: 35px;height: 36px;display: block;}
i.play-img4{background-image:url("../images/con02/icon_more.png");width: 41px;height: 6px;display: block;}
.play-box .box-bottom{margin-top: 120px;}
.play-box .box-bottom h1{color: #202020;font-weight: 700;border-bottom: 1px solid #202020;margin-bottom: 45px;line-height: 2.3;}
.play-box .box-bottom .box{display: flex;align-items: center;margin-bottom: 30px;cursor: pointer;}
.play-box .box-bottom .box dl:nth-child(1){width: 100%;max-width: 160px;height: 160px;/* border: 1px solid; */margin-right: 35px;}
.play-box .box-bottom .box dl:nth-child(1) dd{}
.play-box .box-bottom .box dl:nth-child(2){width: 100%;}
.play-box .box-bottom .box dl:nth-child(2) dd{}
.play-box .box-bottom .box dl:nth-child(2) dd:nth-child(1){font-size: 40px;font-weight: 700;letter-spacing: -2px;color: #202020;text-shadow: 3px 0px 0px #ecf0ef;cursor:pointer;}
.play-box .box-bottom .box dl:nth-child(2) dd:nth-child(2){color: #1e71f1;font-size: 19px;margin-top: 5px;font-weight: 600;letter-spacing: 0px;}
.play-box .box-bottom .box dl:nth-child(3){}
.play-box .box-bottom .box dl:nth-child(3) dd{}
.play-box .box-bottom .box dl:nth-child(3) dd:nth-child(1){}
.play-box .box-bottom .box dl:nth-child(3) dd:nth-child(2){}
.playbtn{width: 100%;height: 29px;display: flex;justify-content: center;background-size: 50px 29px;margin-top: 60px;}
.playbtn button{background-image:url("../images/con02/icon_arrow_up.png");width:50px;height: 29px;background-repeat: no-repeat;background-color: unset;cursor: pointer;}
.playbtn.off button{background-image:url("../images/con02/icon_arrow_down.png");}
.main-flex-ver4.play-box .box-top dl dd span{color:#f16ca3;}
.main-flex-ver5.play-box .box-top dl dd span{color:#45df4b;}
.main-flex-ver6{display:block;position:relative;background-image:url("../images/con02/img_background02.png");height: 992px;width:100%;color:#fff;position: relative;}
.main-flex-ver6 dl{color:#fff;position: absolute;left: 200px;top: 130px;}
.main-flex-ver6 dl dd{font-size: 120px;font-weight:bold;line-height:1.2;letter-spacing: -2px;}
.main-flex-ver6 dl dd:nth-child(1){}
.main-flex-ver6 dl dd:nth-child(4){margin-top: 50px;}
.main-flex-ver6 dl dd:nth-child(4),.main-flex-ver6 dl dd:nth-child(5){font-weight: 400;font-size: 35px;}
.main-flex-ver6 dl dd:nth-child(6){font-weight:bold;margin-top: 50px;}
.main-flex-ver6 dl dd:nth-child(6) a{border-radius:40px;border: 4px solid #fff;text-align: center;width: 250px;height: 50px;line-height: 50px;font-size: 26px;font-weight: 300;display: block;cursor: pointer;}

.content-layer{margin: 0px auto;position:fixed;z-index:10001;left:0;top:0;width:100%;height:100%;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);z-index:5;}
.content-layer .layer-box{max-width: 400px;height: 780px;margin: 0px auto;margin-top: 2%;padding: 0px;border-radius: 0px;position: relative;background-size: 100% 100%;background-repeat: no-repeat;}
.content-layer .layer-top{color:#fff;height: 80px;display: flex;justify-content: center;position: relative;align-items: center;}
.content-layer .layer-top h1{font-size: 15px;opacity: 0.5;letter-spacing: -0.5px;}
.content-layer .layer-top .layer-close{content:" ";background-image:url("../images/con03/ic_popup_close.jpg");width: 35px;height: 35px;display: block;background-size: 35px 35px;cursor: pointer;position: absolute;right: 0;top: 0;}
.content-layer .layer-img{padding: 0px 25px;height: 220px;}
.content-layer .layer-img.ver2{height: 75px;}
.content-layer .layer-img dl{}
.content-layer .layer-img dl dd{color: #fff;text-align: center;line-height: 1.2;}
.content-layer .layer-img dl dd:nth-child(1){;justify-content: center;}
.content-layer .layer-img dl dd:nth-child(1) img{width: 60%;}
.content-layer .layer-img dl dd:nth-child(2){margin-top: 20px;font-weight: 600;font-size: 26px;letter-spacing: -0.5px;}
.content-layer .layer-img dl dd:nth-child(3){font-weight: 100;font-size: 15px;margin-top: 5px; letter-spacing: -0.5px;}
.content-layer .layer-img dl dd:nth-child(4){margin-top: 20px;}
.content-layer .layer-img dl dd ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.content-layer .layer-img dl dd ul li{width: calc(98% / 2);color: #4c81f5;font-size: 15px;margin-bottom: 10px;font-weight: 500;}
.content-layer .layer-img dl dd ul li a{width: 100%;height: 32px;display: flex;background-color: #fff;align-items: center;justify-content: left;border-radius: 40px; text-indent:12px;}
.content-layer .layer-center{color: #fff;padding: 0px 25px;margin-bottom: 25px;height: 310px;margin-top: 20px;}
.content-layer .layer-center h1{text-decoration-line: underline;font-size: 21px;font-weight: 500;}
.content-layer .layer-center dl{margin-top: 10px;height: 200px;overflow: auto;padding:0 5px;}
.content-layer .layer-center dl dt{margin-top: 10px;font-weight: 500;position:relative;padding-left:15px;}
.content-layer .layer-center dl dt:before{content:" ";background-image: url("../images/con02/dts.png");width: 8px;height: 8px;position:absolute;left: 0px;display:block;top: 8px;filter: brightness(6);}
.content-layer .layer-center dl dd{padding-left: 15px;position: relative;font-weight: 300;}
.content-layer .layer-center dl dd:before{content:"･";position: absolute;left: 4px;}
.content-layer.ver1 .layer-box{content:" ";background-image:url("../images/con03/bg_popup_track04.png")}
.content-layer.ver2 .layer-box{content:" ";background-image:url("../images/con03/bg_popup_track05.png")}
.content-layer.ver2 .layer-img dl dd ul li a{color:#d46592;}
.content-layer.ver3 .layer-box{content:" ";background-image:url("../images/con03/bg_popup_track06.png")}
.content-layer.ver3 .layer-img dl dd ul li a{color:#38913c;}
.m-block,.ver4-txt-on{display:none;}
.m-none{width: 100%;}
.ver3-txt{width:100%;}

@media all and (max-width:1800px){
    .main-flex-ver1{width:100%;}
    .main-flex-ver1 .ver2-txt{width: 100%;}
    .m-block{display:block;}
    .m-none{display:none;}
    .main-flex-ver2 .left-area,.main-flex-ver2 .right-area{display:none;}

}
@media all and (max-width:1270px){
    .main-flex-ver1{height: 100%;}
    .main-flex-ver1 img{height: 100%;width: 100%;object-fit: cover;background-position: center;}
    .main-flex-ver1 .ver1-txt{top: 45px;left: 50%;transform: translateX(-50%);height: 440px;object-fit: cover;}
    .main-flex-ver2{height: auto;}
    .main-flex-ver2 .box img{width: 100%;height: 100%;background-size: cover;object-fit: cover;background-position: center;}
    .main-flex-ver2 .left-area{left: 20px;top: 14%;}
    .main-flex-ver2 .left-area dl dd{font-size: 27px;}
    .main-flex-ver2 .right-area{right: 20px;}
    .main-flex-ver2 .right-area dl dd{font-size: 23px;}
    .main-flex-ver2 .right-area dl dd:nth-child(3), .main-flex-ver2 .right-area dl dd:nth-child(4), .main-flex-ver2 .right-area dl dd:nth-child(5){font-size: 25px;}
    .play-box{margin:20px auto 0px auto;padding: 0px 40px;width: calc(100% - 80px);border-bottom: 1px solid #d7d7d7;}
    .play-box .box-top{flex-direction:column;}
    .play-box .box-top .img-area,.play-box .box-top dl{width:100%;display: flex;flex-direction: column;justify-content: center;align-items: baseline;}
    .play-box .box-top dl dd{font-size:30px;}
    .play-box .box-top dl dd:nth-child(1){margin-top:20px;}
    .play-box .box-top dl dd:nth-child(1) img{width:50%;}
    .play-box .box-bottom{margin-top:50px;}
    i.play-img4{display:none;}
    .play-box .box-bottom .box dl:nth-child(2) dd:nth-child(1){font-size:20px;}
    .play-box .box-bottom .box dl:nth-child(2) dd:nth-child(2){font-size:15px;}
    .play-box .box-top dl dd.dl-i{margin-top:0px}
    .play-box .box-top dl dd:nth-child(2){margin-top:10px;}
    .playbtn.off{margin-bottom:50px;}
    .main-flex-ver6{display:block;position:relative;background-image:url("../images/con02/img_background02.png");height: 500px;width:100%;color:#fff;position: relative;object-fit: cover;}
    .main-flex-ver6 dl{color:#fff;position: absolute;left: 20px;top: 20px;}
    .main-flex-ver6 dl dd{font-size: 50px;}
    .main-flex-ver6 dl dd:nth-child(4){margin-top: 50px;}
    .main-flex-ver6 dl dd:nth-child(4),.main-flex-ver6 dl dd:nth-child(5){font-size: 35px;}
    .main-flex-ver6 dl dd:nth-child(6){margin-top: 50px;}
    .main-flex-ver6 dl dd:nth-child(6) a{}
    .content-layer .layer-box{height: 730px;max-width: 350px;}
    .content-layer .layer-img dl dd:nth-child(1) img{width:60%;}
    .content-layer .layer-center h1{font-size:20px;}
    .content-layer .layer-center{margin-bottom:20px;height:280px;margin-top:0px;}
    .ver2-txt{}
    .ver4-txt{display:none;}
    .ver4-txt-on{display:block;}
    .ver4-txt-on img{width:100%;}

}

/* footer banner */
footer{display:flex;width: 100%;margin-top: 150px;}
footer .footer-element{width: 100%;}
footer .footer-element .footers{display:flex;height:95px;}
footer .footer-element .footers .box{width: 100%;max-width: 1440px;display:flex;margin:0px auto;align-items:center;align-content: center;justify-content: space-between;}
footer .footer-element .footers .box .left-area{margin-right: 19px;}
footer .footer-element .footers .box .left-area img{}
footer .footer-element .footers .box .center-area{display:flex;flex-direction:column;flex-grow: 1;}
footer .footer-element .footers .box .center-area dl{display:flex;}
footer .footer-element .footers .box .center-area dl:nth-child(1){margin-bottom: 10px;letter-spacing: -0.7px;}
footer .footer-element .footers .box .center-area dl:nth-child(1) dt{margin-right: 3px;color: #007BFF;margin-left: 3px;}
footer .footer-element .footers .box .center-area dl:nth-child(1) dt:nth-child(5){color:#AF841D;}

@media all and (max-width:1439px){
    footer{height:auto;margin-top: 50px;}
    footer .footer-element{padding-top:15px;height: auto;}
    footer .footer-element .fast-area{display: block;padding: 15px 20px;height: auto;width: calc(100% - 40px);}
    footer .footer-element .fast-area .left-area{padding-left:20px;padding-bottom:10px;}
    footer .footer-element .fast-area .left-area a span{font-size:12px;}
    footer .footer-element .fast-area .left-area a{font-size: 13px;margin-right: 30px;}
    footer .footer-element .fast-area .left-area a:last-child{margin-right:0px;}
    footer .footer-element .utility-area .box dl{font-size:13px;}
    footer .footer-element .utility-area .box{height:auto;padding:10px 20px;}
    footer .footer-element .footers{height:auto;padding:10px 20px;}
    footer .footer-element .footers .box .center-area dl{flex-wrap:wrap;font-size: 12px;}
}
@media all and (max-width:740px){
    .m-block.ver1-txt{height: 100%;top: 0px;left: 0px;transform: unset;}
    .main-flex-ver1{height: 100%;}
    .ver2-txt{}
}
@media all and (max-width:500px){

}