@charset "utf-8";
[section]{display: none;}
[section][secIndex]{display: block;}

.app_section{background-color:#fff;}
.app_inner{background-color:#f9ba21;}
.app_inner .tmp_app_cont .tmp_title .title span{color:#e95416;}
.app_inner .tmp_app_cont .tmp_title .date p{border:solid 2px #e95416;}
.app_inner .tmp_app_cont .tmp_title .date p span{background-color:#e95416;}
.app_inner .tmp_app_cont{background-color:#fff;}
.app_inner .tmp_app_cont .contBox .mediaBox{margin-top:23px;}
.app_inner .tmp_app_cont .contBox .mediaBox .videoBox{overflow:hidden;border-radius:30px;}
.app_inner .tmp_app_cont .contBox .mediaBox .videoBox .video{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.app_inner .tmp_app_cont .contBox .mediaBox .videoBox .video:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
.app_inner .tmp_app_cont .contBox .mediaBox .videoBox .video iframe{position:absolute;width:100%;height:100%;}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea{position:relative;margin-top:15px;}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-slide{text-align:center;}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-slide a{display:block;}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-slide .imgArea{margin:0 10px;border-radius:50%;background-repeat:no-repeat;background-size:contain;background-position:center center;}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-slide .imgArea::before{content:'';display:block;padding-bottom:100%;}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-slide .desc{margin-top:5px;font-size:13px;}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-next,
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-prev{position:absolute;top:50%;width:15px;height:28px;font-size:0;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:contain;transform:translateY(-50%);}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-next{right:-20px;background-image:url('../img/nextBtn.png');}
.app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-prev{left:-20px;background-image:url('../img/prevBtn.png');}
.app_inner .tmp_app_cont .contBox .participantsBox{padding-top:23px;margin-top:20px;text-align:center;border:solid 1px #e95416;border-radius:30px;}
.app_inner .tmp_app_cont .contBox .participantsBox .title{line-height:1.2;font-size:20px;color:#e95416;}
.app_inner .tmp_app_cont .contBox .participantsBox .count{margin-top:10px;font-size:20px;color:#e95416;}
.app_inner .tmp_app_cont .contBox .participantsBox .count span{font-size:51px;}
.app_inner .tmp_app_cont .contBox .participantsBox img{max-width:100%;margin-top:23px;}
.app_inner .tmp_app_cont .contBox .promiseBox{margin-top:50px;}
.app_inner .tmp_app_cont .contBox .promiseBox .promise{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.app_inner .tmp_app_cont .contBox .promiseBox .promise .title{width:30%;font-size:20px;color:#e95416;}
.app_inner .tmp_app_cont .contBox .promiseBox .promise .desc{-webkit-flex:1;flex:1;width:calc(70% - 30px);font-size:13px;color:#161616;}
.app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"]{display:none;}
.app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"] + label{display:inline-block;width:20px;height:20px;border:2px solid #e95416;position:relative;}
.app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"]:checked + label::after{content:'✔';position: absolute;left:0;top:0;width:20px;height:20px;font-size:25px;color:#e95416;text-align:center;}
.app_inner .tmp_app_cont .contBox .lastStepForm{margin-top:23px;background-color:#e95416;border-radius:30px;}
.tmp_app_cont .lastStepForm .list select{background-image:url('../img/selectBox_img.png');}
.tmp_app_cont .lastStepForm .radioBox .wid50 label input[type="radio"]:checked ~ .custom-radio{border:1px solid #e95416;}
.tmp_app_cont .lastStepForm .radioBox .wid50 label input[type="radio"]:checked ~ .custom-radio:after{background-color:#e95416;}
@media all and (max-width:600px){
    .app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-slide{margin:0 5px;}
    .app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-next,
    .app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-prev{width:10px;height:19px;}
    .app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-next{right:-12px;}
    .app_inner .tmp_app_cont .contBox .mediaBox .slideArea .slick-prev{left:-12px;}
    .app_inner .tmp_app_cont .contBox .participantsBox{padding-top:23px;margin-top:19px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .title{font-size:19px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .count{margin-top:10px;font-size:19px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .count span{font-size:38px;}
    .app_inner .tmp_app_cont .contBox .promiseBox{margin-top:38px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise .title{font-size:17px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise .desc{width:calc(70% - 23px);font-size:12px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"] + label{width:19px;height:19px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"]:checked + label::after{width:19px;height:19px;font-size:23px;}
}
@media all and (max-width:400px){
    .app_inner .tmp_app_cont .contBox .mediaBox{margin-top:20px;}
    .app_inner .tmp_app_cont .contBox .mediaBox .slideArea{margin-top:12px;}
    .app_inner .tmp_app_cont .contBox .participantsBox{padding-top:20px;margin-top:16px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .title{font-size:16px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .count{margin-top:10px;font-size:16px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .count span{font-size:25px;}
    .app_inner .tmp_app_cont .contBox .participantsBox img{margin-top:20px;}
    .app_inner .tmp_app_cont .contBox .promiseBox{margin-top:25px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise .title{font-size:13px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise .desc{width:calc(70% - 15px);font-size:11px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"] + label{width:16px;height:16px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"]:checked + label::after{width:16px;height:16px;font-size:20px;}
    .app_inner .tmp_app_cont .contBox .lastStepForm{margin-top:20px;}
}
@media all and (max-width:320px){
    .app_inner .tmp_app_cont .contBox .mediaBox{margin-top:16px;}
    .app_inner .tmp_app_cont .contBox .mediaBox .slideArea{margin-top:10px;}
    .app_inner .tmp_app_cont .contBox .participantsBox{padding-top:16px;margin-top:13px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .title{font-size:13px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .count{margin-top:10px;font-size:13px;}
    .app_inner .tmp_app_cont .contBox .participantsBox .count span{font-size:20px;}
    .app_inner .tmp_app_cont .contBox .participantsBox img{margin-top:16px;}
    .app_inner .tmp_app_cont .contBox .promiseBox{margin-top:20px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise .title{font-size:13px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise .desc{width:calc(70% - 12px);font-size:10px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"] + label{width:13px;height:13px;}
    .app_inner .tmp_app_cont .contBox .promiseBox .promise input[type="checkbox"]:checked + label::after{width:13px;height:13px;font-size:16px;}
    .app_inner .tmp_app_cont .contBox .lastStepForm{margin-top:16px;}
}