@charset "UTF-8";


/* =====  ===== */

#playback-app{position:relative;overflow:hidden;}

#playback-app .br-sp{display:none;}

#playback-app-header{}
#playback-app-header .section-base{}
#playback-app-header .section-frame{padding:10px;}
#playback-app-header .section-main{text-align:center;}
#playback-app-header .section-main .logo{width:200px;margin:0px auto;}
#playback-app-header .section-main .logo img{width:100%;height:auto;}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){}
@media screen and (max-width:768px){
#playback-app .br-sp{display:block;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#playback-app-footer{}
#playback-app-footer .section-base{}
#playback-app-footer .section-frame{padding:60px 10px;}
#playback-app-footer .section-main{text-align:center;}
#playback-app-footer .section-main .logo{width:200px;margin:0px auto;}
#playback-app-footer .section-main .logo img{width:100%;height:auto;}
#playback-app-footer .section-main .copyright{margin-top:30px;font-size:80%;}


@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#playback-app-signboard{background:#F2F7FF;}
#playback-app-signboard .section-base{width:1440px;margin:0px auto;}
#playback-app-signboard .section-frame{position:relative;padding:120px 30px 180px 30px;}
#playback-app-signboard .section-main{}
#playback-app-signboard .section-main .title-sub{color:#4652A1;font-size:200%;font-weight:700;line-height:130%;}
#playback-app-signboard .section-main .title{color:#4652A1;font-size:400%;font-weight:700;line-height:130%;}
#playback-app-signboard .section-main .ads{margin-top:30px;font-size:200%;font-weight:500;line-height:150%;}
#playback-app-signboard .section-main .link{margin-top:60px;}
#playback-app-signboard .section-main .link ul{display:flex;}
#playback-app-signboard .section-main .link li{padding-right:40px;text-align:center;}
#playback-app-signboard .section-main .link .btn{}
#playback-app-signboard .section-main .link .btn img{width:180px;height:auto;}
#playback-app-signboard .section-main .link .qr{margin-top:15px;}
#playback-app-signboard .section-main .link .qr img{width:180px;height:auto;}
#playback-app-signboard .section-main .note{margin-top:15px;font-size:87.5%;line-height:130%;}
#playback-app-signboard .section-image{
position:absolute;
top:50%;
left:calc(50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#playback-app-signboard .section-image img{width:100%;height:auto;}


@media screen and (max-width:1440px){
#playback-app-signboard .section-base{width:auto;}
#playback-app-signboard .section-frame{padding:90px 30px 120px 30px;}
#playback-app-signboard .section-main .title-sub{font-size:150%;}
#playback-app-signboard .section-main .title{font-size:300%;}
#playback-app-signboard .section-main .ads{font-size:125%;}
#playback-app-signboard .section-main .link .btn img{width:120px;height:auto;}
#playback-app-signboard .section-main .link .qr img{width:120px;height:auto;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#playback-app-signboard .section-frame{text-align:center;}
#playback-app-signboard .section-main{display:inline-block;margin-bottom:30px;}
#playback-app-signboard .section-main .link ul{justify-content:center;}
#playback-app-signboard .section-main .link li{padding:0px 20px;}
#playback-app-signboard .section-main .link .btn img{width:200px;height:auto;}
#playback-app-signboard .section-main .link .qr{display:none;}
#playback-app-signboard .section-image{
position:relative;
top:unset;
left:unset;
transform:unset;
-webkit-transform:unset;
-ms-transform:unset;
width:60%;margin:0px auto;
}
}
@media screen and (max-width:768px){
#playback-app-signboard .section-frame{padding:90px 20px 120px 20px;}
#playback-app-signboard .section-main .link .btn img{width:160px;height:auto;}
#playback-app-signboard .section-main .title-sub{font-size:125%;}
#playback-app-signboard .section-main .title{font-size:200%;}
#playback-app-signboard .section-main .ads{font-size:100%;}
#playback-app-signboard .section-image{width:80%;}
}
@media screen and (max-width:640px){
#playback-app-signboard .section-main .link .qr{display:none;}
#playback-app-signboard .section-image{width:90%;}
}
@media screen and (max-width:480px){
#playback-app-signboard .section-main .link .btn img{width:140px;height:auto;}
}




/* =====  ===== */

#playback-app-intro{margin-top:-120px;}
#playback-app-intro .section-base{width:1440px;margin:0px auto;}
#playback-app-intro .section-frame{}
#playback-app-intro .section-main{display:flex;align-items:center;width:960px;margin:0px auto;}
#playback-app-intro .section-main .ads{width:33.33%;text-align:center;}
#playback-app-intro .section-main .ads img{}


@media screen and (max-width:1440px){
#playback-app-intro{margin-top:-90px;}
#playback-app-intro .section-base{width:auto;}
#playback-app-intro .section-main{width:640px;}
#playback-app-intro .section-main .ads img{width:180px;height:auto;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){}
@media screen and (max-width:768px){
#playback-app-intro .section-main{width:90%;}
#playback-app-intro .section-main .ads img{width:90%;height:auto;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#playback-app-feature-dl{}
#playback-app-feature-dl .section-base{width:1440px;margin:0px auto;background:url(/initiative/playback-app/assets/img/feature-dl-image.png) no-repeat right bottom;background-size:contain;}
#playback-app-feature-dl .section-frame{padding:240px 30px;}
#playback-app-feature-dl .section-main{}
#playback-app-feature-dl .section-main .item{}
#playback-app-feature-dl .section-main .item-base{}
#playback-app-feature-dl .section-main .item-frame{}
#playback-app-feature-dl .section-main .item-main{}
#playback-app-feature-dl .section-main .item-main .ads{margin-bottom:30px;color:#4652A1;font-size:200%;font-weight:500;line-height:150%;}
#playback-app-feature-dl .section-main .item-main .cnt{font-size:125%;line-height:150%;}
#playback-app-feature-dl .section-image{display:none;width:70%;margin:0px auto;}
#playback-app-feature-dl .section-image img{display:block;width:100%;height:auto;}


@media screen and (max-width:1440px){
#playback-app-feature-dl .section-frame{padding:180px 30px;}
#playback-app-feature-dl .section-base{width:auto;}
#playback-app-feature-dl .section-main .item-main .ads{font-size:150%;}
#playback-app-feature-dl .section-main .item-main .cnt{font-size:100%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#playback-app-feature-dl .section-frame{padding:90px 30px 0px 30px;}
#playback-app-feature-dl .section-base{background:none;}
#playback-app-feature-dl .section-image{display:block;}
}
@media screen and (max-width:768px){
#playback-app-feature-dl .section-frame{padding:90px 20px 0px 20px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#playback-app-feature-replay{background:#F2F7FF;}
#playback-app-feature-replay .section-base{width:1440px;margin:0px auto;background:url(/initiative/playback-app/assets/img/feature-replay-image.png) no-repeat left bottom;background-size:contain;}
#playback-app-feature-replay .section-frame{padding:180px 30px;}
#playback-app-feature-replay .section-main{margin-left:55%;}
#playback-app-feature-replay .section-main .item{}
#playback-app-feature-replay .section-main .item-base{}
#playback-app-feature-replay .section-main .item-frame{}
#playback-app-feature-replay .section-main .item-main{}
#playback-app-feature-replay .section-main .item-main .pop{margin-left:-90px;}
#playback-app-feature-replay .section-main .item-main .ads{margin-bottom:30px;color:#4652A1;font-size:200%;font-weight:500;line-height:150%;}
#playback-app-feature-replay .section-main .item-main .cnt{font-size:125%;line-height:150%;}
#playback-app-feature-replay .section-image{display:none;width:70%;margin:0px auto;}
#playback-app-feature-replay .section-image img{display:block;width:100%;height:auto;}


@media screen and (max-width:1440px){
#playback-app-feature-replay .section-base{width:auto;}
#playback-app-feature-replay .section-frame{padding:120px 30px;}
#playback-app-feature-replay .section-main .item-main .ads{font-size:150%;}
#playback-app-feature-replay .section-main .item-main .cnt{font-size:100%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#playback-app-feature-replay .section-frame{padding:90px 30px 0px 30px;}
#playback-app-feature-replay .section-base{background:none;}
#playback-app-feature-replay .section-main{margin-left:0%;}
#playback-app-feature-replay .section-image{display:block;}
#playback-app-feature-replay .section-main .item-main .pop{margin-left:0px;}
}
@media screen and (max-width:768px){
#playback-app-feature-replay .section-frame{padding:90px 20px 0px 20px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#playback-app-target{}
#playback-app-target .section-base{width:1440px;margin:0px auto;}
#playback-app-target .section-frame{padding:120px 30px;}
#playback-app-target .section-main{}
#playback-app-target .section-main .item{}
#playback-app-target .section-main .item-base{}
#playback-app-target .section-main .item-frame{}
#playback-app-target .section-main .item-main{}
#playback-app-target .section-main .item-main .ads{color:#4652A1;font-size:200%;font-weight:500;line-height:150%;}
#playback-app-target .section-image{padding-bottom:120px;}
#playback-app-target .section-image .swiper-wrapper{transition-timing-function:linear;}
#playback-app-target .section-image .image{margin:0px 10px;}
#playback-app-target .section-image .image img{width:100%;height:auto;}

@media screen and (max-width:1440px){
#playback-app-target .section-base{width:auto;}
#playback-app-target .section-main .item-main .ads{color:#4652A1;font-size:150%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#playback-app-target .section-frame{padding:90px 30px;}
#playback-app-target .section-image{padding-bottom:90px;}
}
@media screen and (max-width:768px){
#playback-app-target .section-frame{padding:90px 20px 30px 20px;}
#playback-app-target .section-main .item-main .ads{font-size:125%;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#playback-app-course-list{background:#F2F7FF;}
#playback-app-course-list .section-base{width:1440px;margin:0px auto;}
#playback-app-course-list .section-frame{padding:120px 30px;}
#playback-app-course-list .section-header{margin-bottom:60px;text-align:center;}
#playback-app-course-list .section-header .label-sub{color:#4652A1;font-size:200%;font-weight:500;line-height:150%;}
#playback-app-course-list .section-header .label{color:#4652A1;font-size:250%;font-weight:500;line-height:150%;}
#playback-app-course-list .section-main{display:flex;}
#playback-app-course-list .section-main .item{width:50%;}
#playback-app-course-list .section-main .item-base{margin-right:80px;}
#playback-app-course-list .section-main .item-frame{}
#playback-app-course-list .section-main .item-header{margin-bottom:30px;}
#playback-app-course-list .section-main .item-header .label{padding-bottom:10px;border-bottom:2px solid #4652A1;color:#4652A1;font-size:150%;font-weight:500;line-height:150%;}
#playback-app-course-list .section-main .item-main{}
#playback-app-course-list .section-main .item-main .part{}
#playback-app-course-list .section-main .item-main .part:not(:last-child){margin-bottom:30px;}
#playback-app-course-list .section-main .item-main .part .label{margin-bottom:15px;font-size:125%;font-weight:500;line-height:150%;}
#playback-app-course-list .section-main .item-main .part .list{margin-left:20px;}
#playback-app-course-list .section-main .item-main .part .list ul{}
#playback-app-course-list .section-main .item-main .part .list li{padding:5px 0px;line-height:130%;list-style-type:disc;}
#playback-app-course-list .section-main .item-main .part .list li a{text-decoration:underline;}
#playback-app-course-list .section-main .item-main .part .list li a:hover{text-decoration:none;}


@media screen and (max-width:1440px){
#playback-app-course-list .section-base{width:auto;}
#playback-app-course-list .section-header .label-sub{font-size:150%;}
#playback-app-course-list .section-header .label{font-size:200%;}
#playback-app-course-list .section-main .item-header .label{font-size:125%;}
#playback-app-course-list .section-main .item-main .part .label{font-size:100%;}
#playback-app-course-list .section-main .item-main .part .list li{font-size:87.5%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#playback-app-course-list .section-frame{padding:90px 30px;}
#playback-app-course-list .section-main{display:block;}
#playback-app-course-list .section-main .item{width:100%;}
#playback-app-course-list .section-main .item:not(:last-child){margin-bottom:60px;}
#playback-app-course-list .section-main .item-base{margin-right:0px;}
}
@media screen and (max-width:768px){
#playback-app-course-list .section-frame{padding:90px 20px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}




/* =====  ===== */

#playback-app-dl{}
#playback-app-dl .section-base{width:1440px;margin:0px auto;}
#playback-app-dl .section-frame{padding:120px 30px;}
#playback-app-dl .section-main{}
#playback-app-dl .section-main .item{}
#playback-app-dl .section-main .item-base{}
#playback-app-dl .section-main .item-frame{}
#playback-app-dl .section-main .item-main{text-align:center;}
#playback-app-dl .section-main .item-main .ads{position:relative;display:inline-block;margin-bottom:15px;color:#4652A1;font-size:200%;font-weight:500;}
#playback-app-dl .section-main .item-main .ads::before{position:absolute;left:-20px;top:0;display:block;content:"";width:2px;height:40px;background:#4652A1;transform:rotate(-35deg);}
#playback-app-dl .section-main .item-main .ads::after{position:absolute;right:-20px;top:0;display:block;content:"";width:2px;height:40px;background:#4652A1;transform:rotate(35deg);}
#playback-app-dl .section-main .item-main .title{color:#4652A1;font-size:300%;font-weight:500;line-height:130%;}
#playback-app-dl .section-main .item-main .link{margin-top:60px;}
#playback-app-dl .section-main .item-main .link .btn img{width:180px;height:auto;}
#playback-app-dl .section-main .item-main .link .qr{margin-top:15px;}
#playback-app-dl .section-main .item-main .link .qr img{width:180px;height:auto;}
#playback-app-dl .section-main .item-main .note{margin-top:15px;font-size:87.5%;line-height:130%;}


@media screen and (max-width:1440px){
#playback-app-dl .section-base{width:auto;}
#playback-app-dl .section-main .item-main .ads{font-size:150%;}
#playback-app-dl .section-main .item-main .title{font-size:200%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){
#playback-app-dl .section-frame{padding:90px 30px;}
#playback-app-dl .section-main .item-main .link .btn img{width:200px;height:auto;}
#playback-app-dl .section-main .item-main .link .qr{display:none;}
}
@media screen and (max-width:768px){
#playback-app-dl .section-frame{padding:90px 20px;}
#playback-app-dl .section-main .item-main .ads{font-size:125%;}
#playback-app-dl .section-main .item-main .title{font-size:150%;}
#playback-app-dl .section-main .item-main .link .btn img{width:160px;height:auto;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){
#playback-app-dl .section-main .item-main .link .btn img{width:140px;height:auto;}
}




/* =====  ===== */



@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:960px){}
@media screen and (max-width:768px){}
@media screen and (max-width:640px){}
@media screen and (max-width:480px){}