#main-wrap{position:relative; padding-top:100px; height:450px; background:#222;}
#visual{position:relative; width:100%;  top:0px;  background:#000; overflow:hidden; transition:all 0.2s;}
#visual .visual_item{position:relative; }
#visual .visual_item .v_bg{width:100%; height:100%; background:url(../../images/main/main-visual01.jpg) no-repeat; background-size:cover; background-position:center;}
#visual .visual_item.v02 .v_bg{background-image:url(../../images/main/main-visual02.jpg);}
#visual .visual_item.v03 .v_bg{background-image:url(../../images/main/main-visual03.jpg);}
#visual .visual_item .v_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; /*text-transform:uppercase;*/}
#visual .visual_item .v_txt .t01{display:flex; align-items:center;}
#visual .visual_item .v_txt .t01 .logo img{width:295px;}
#visual .visual_item .v_txt .t01 .title{font-size:3.6rem; font-weight:700; color:#fff; margin-left:7rem; line-height:1.3em;}
#visual .visual_item .v_txt .t02{font-size:2.8rem; color:#fff568; font-weight:600; margin-top:3rem;}
#visual .visual_item .v_txt .t02 .bar{display:inline-block; width:3px; height:20px; background:#fff568; margin:0 1.2rem;}

#visual .slick-vertical .slick-slide{box-sizing:border-box; border:0;}

#visual .slick-dots{position:absolute; top:90px; left:50%; bottom:auto; transform:translateX(-50%); max-width:1300px; margin:0 auto; text-align:right;}
#visual .slick-dots li{position:relative; display:inline-block;}
/*#visual .slick-dots li:not(:first-child):before{content:""; display:block; width:1px; height:13px; background:rgba(255,255,255,0.5); position:absolute; top:-13px; left:50%; transform:translateX(-50%);}*/
#visual .slick-dots li button{padding:0; border:3px solid rgba(255,255,255,0.5); border-radius:999px; width:15px; height:15px; box-sizing:border-box; margin-left:10px; box-shadow:0 0 3px 0px rgba(0,0,0,0.15); transition:all 0.3s;}
#visual .slick-dots li.slick-active button{background:#fff;  border-color:transparent; }

#main-wrap .dday_box{position:absolute; bottom:0; left:0; width:100%; }
#main-wrap .dday_box .inner{text-align:right; }
#main-wrap .dday_box .inner ul{display:inline-block; padding:1rem 3.5rem; background: rgb(0,160,233); background: linear-gradient(90deg, rgba(0,160,233,1) 0%, rgba(129,14,241,1) 100%);}
#main-wrap .dday_box .inner li{display:inline-block; color:#fff;font-size:1.7rem; font-weight:600; margin-left:3rem;}
#main-wrap .dday_box .inner li:first-child{margin-left:0;}
#main-wrap .dday_box .inner li .num{display:inline-block; font-size:3rem; font-weight:600; margin-right:0.7rem;}

.comm_margin{margin:10rem 0;}
.comm_padding{padding:10rem 0;}

.PT_cont .inner{display:flex; align-items:center;}
.PT_cont .pic_wrap{position:relative;}
.PT_cont .pic_wrap a{display:block;}
.PT_cont .pic_wrap .img_box{box-shadow:0 0 10px 5px rgba(0,0,0,0.2); overflow:hidden;}
.PT_cont .pic_wrap .img_box img{width:460px; max-width:inherit; transition:all 0.5s;}
.PT_cont .pic_wrap .btn_box{position:absolute; bottom:30px; right:-30px;}
.comm_btn{display:inline-block; height:45px; line-height:45px; color:#fff; background:#222; border:2px solid transparent; padding:0 2rem; font-size:1.8rem; font-weight:600;transition:all 0.5s;}
.comm_btn i{font-weight:bold; margin-left:2rem;}
.PT_cont .txt_wrap{margin-left:8rem;}
.PT_cont .txt_wrap .t01{font-size:3.2rem; font-weight:700; color:#7630c8; line-height:1.3em; margin-bottom:4rem;}
.PT_cont .txt_wrap .dot_list li{margin-top:2rem;}
.PT_cont .txt_wrap .dot_list li:first-child{margin-top:0;}
.PT_cont .txt_wrap .small_btn{display:inline-block; padding:0.2rem 1rem; font-size:1.3rem; background:#ececec; margin-left:1rem; border-radius:5px;}


.PT_cont.reverse .inner{flex-direction:row-reverse;}
.PT_cont.reverse .pic_wrap{margin-right:3rem;}
.PT_cont.reverse .txt_wrap{margin-left:0; margin-right:8rem;}
.comm_btn.white{background:#fff; border-color:#222; color:#222;}

#program-wrap{background:url(../../images/main/main-bg01.jpg) no-repeat; background-size:cover; }
#program-wrap.PT_cont .txt_wrap .t01, #program-wrap.PT_cont .txt_wrap .dot_list li{color:#fff;}
#program-wrap.PT_cont .txt_wrap .dot_list li em{display:block; color:#d8b7ff; font-weight:600; margin-bottom:0.5rem;}

#program-wrap.PT_cont .txt_wrap .t02{font-size:1.9rem; color:#d8b7ff; font-weight:700; margin-bottom:1.5rem;}
#program-wrap.PT_cont .txt_wrap .t03{font-size:1.8rem; color:#fff; line-height:1.3em;}

.mt_15{margin-top:1.5rem;}


.main_title_box{margin-bottom:3rem;}
.main_title_box .tit{color:#7630c8; font-size:3.2rem; font-weight:700; letter-spacing:-0.03em;}
.main_title_box .more_btn{display:inline-block; margin-left:1rem;}
.main_title_box .more_btn a{display:inline-block; width:35px; height:35px; background:#222; color:#fff;  text-align:center;}
.main_title_box .more_btn a i{font-size:2.8rem; display:inline-block; line-height:35px; transition:all 0.2s;}

#speaker-wrap .inner{position:relative; }
#speaker-wrap #speaker_slides{font-size:0;}
#speaker-wrap #speaker_slides .slider .slick-list{margin:0 -1rem;}
#speaker-wrap #speaker_slides .slick-slide{margin:0 1.5rem;}
#speaker-wrap #speaker_slides .s_item{position:relative; display:inline-block; box-sizing:border-box; font-size:2rem;}
#speaker-wrap #speaker_slides .s_item a{display:block;}
#speaker-wrap #speaker_slides .s_item a:after{content:""; display:block; width:100%; height:7px; background:#7713e9; position:absolute; bottom:0; left:0; opacity:0; transition:all 0.2s;}
#speaker-wrap #speaker_slides .s_item .img_box{position:relative; transition:all 0.2s;}
#speaker-wrap #speaker_slides .s_item .img_box:before{content:"";  display:block; width:100%; height:50%; background: rgb(0,0,0); background: linear-gradient(3deg, rgba(54,43,67,1) 0%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); position:absolute; bottom:0; left:0; transition:all 0.4s;}
#speaker-wrap #speaker_slides .s_item .img_box:after{content:""; display:block; width:100%; height:100%; background:rgba(54,43,67,0.5); position:absolute; top:0; left:0; opacity:0; transition:all 0.4s;}
#speaker-wrap #speaker_slides .s_item .img_box img{max-width:100%;}
#speaker-wrap #speaker_slides .s_item .txt_box{position:absolute; bottom:3rem; left:3rem;}
#speaker-wrap #speaker_slides .s_item .txt_box p{color:#fff;}
#speaker-wrap #speaker_slides .s_item .txt_box .name{font-size:2.2rem; font-weight:600;}
#speaker-wrap #speaker_slides .s_item .txt_box .uni{font-size:1.6rem; font-weight:400; margin-top:0.5rem;}

#speaker-wrap .control_box{margin-top:5rem; display:flex; align-items:center; justify-content: space-between;}
#speaker-wrap .control_box .cb_item{vertical-align:middle;}

#speaker-wrap .progress { display: block; width: 92%; height: 4px;  overflow: hidden; background-color: #dddce0; background-image: linear-gradient(to right, #18161f, #18161f); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
#speaker-wrap .progress .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

#speaker-wrap .LR_btn{display:inline-block; position:relative; width:11rem;  text-align:right;}
#speaker-wrap .LR_btn li{display:inline-block; margin-left:0.8rem; cursor:pointer;}
#speaker-wrap .LR_btn li span{display:inline-block; width:3.5rem; height:3.5rem; line-height:3.5rem; background:#18161f; border-radius:999px; text-align:center;}
#speaker-wrap .LR_btn i{display:inline-block; font-size:1.8rem; font-weight:bold; color:#ffffff; line-height:3.5rem; vertical-align:middle;}

#register-wrap{margin-bottom:10rem;}
#register-wrap .wrap{position:relative; overflow:hidden; display:flex; align-items:center; justify-content: space-between; box-shadow:0 0 7px 4px rgba(0,0,0,0.2); padding:4rem 9rem; background: rgb(34,34,34); background: linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(88,13,161,1) 100%); border-radius:10px; }
#register-wrap .wrap:after{content:""; display:block; width:324px; height:123px; background:url(../../images/main/register-deco.png) no-repeat; background-size:324px auto; position:absolute; top:-30px; right:10px; opacity:0.2;}
#register-wrap .wrap .txt_box .tb01{font-size:3.2rem; font-weight:600; color:#fff;}
#register-wrap .wrap .txt_box .tb02{font-size:1.7rem; color:rgba(255,255,255,0.5); letter-spacing:0.07em;}
#register-wrap .wrap .btn_box{position:relative;  z-index:1;}
#register-wrap .wrap .comm_btn{display:block; background:rgba(0,0,0,0.35);}

#support-wrap{background:url(../../images/main/main-bg02.jpg) no-repeat; background-size:cover;}
#support-wrap .main_title_box{text-align:center; margin-bottom:4.5rem;}
#support-wrap .main_title_box .tit{color:#fff;}

#support-wrap .logo_list_box{display:flex; flex-wrap:wrap;}
#support-wrap .logo_list_box li{display:inline-block; width:calc((100% - 16rem)/5); margin-left:4rem; margin-top:3rem;}
#support-wrap .logo_list_box li:nth-child(5n+1){margin-left:0;}
#support-wrap .logo_list_box li:nth-child(-n+5){margin-top:0;}
#support-wrap .logo_list_box li a{display:block; padding:2.5rem 1rem; background:#fff; border-radius:5px; text-align:center;}
#support-wrap .logo_list_box li a img{width:200px; max-width:100%;}









@media (hover: hover) and (pointer: fine) {
.PT_cont .pic_wrap a:hover .img_box img{transform:scale(1.1);}
.comm_btn:hover{background:#fff !important; border:2px solid #222; color:#222;}
.comm_btn.white:hover{background:#222 !important; color:#fff;}

.main_title_box .more_btn a:hover i{transform:rotate(90deg);}

#speaker-wrap #speaker_slides .s_item a:hover:after{opacity:1;}
#speaker-wrap #speaker_slides .s_item a:hover .img_box:before{opacity:0;}
#speaker-wrap #speaker_slides .s_item a:hover .img_box:after{opacity:1;}

}

@media (max-width:1400px) {
#visual .visual_item .v_txt .inner{padding:0 3rem;}
#visual .slick-dots{padding-right:5rem;}

#main-wrap{height:auto;}
#main-wrap .dday_box .inner{padding:0;}

#speaker-wrap #speaker_slides .s_item .img_box:before{height:60%;}
#speaker-wrap #speaker_slides .s_item .txt_box{bottom:2rem; left:2rem;}

}

@media (max-width:1024px) {
.comm_margin{margin:6rem 0;}
.comm_padding{padding:6rem 0;}

#main-wrap{padding-top:70px;}
#visual .visual_item .v_bg{background-position:-120px center;}
#visual .visual_item .v_txt{transform:translate(-50%, -60%);}
#visual .visual_item .v_txt .inner{padding:0 3rem;}
#visual .visual_item .v_txt .t01{flex-direction:column; align-items: start;}
#visual .visual_item .v_txt .t01 .logo img{width:200px;}
#visual .visual_item .v_txt .t01 .title{margin-left:0; margin-top:1.5rem; font-size:3rem;}
#visual .visual_item .v_txt .t02{font-size:2.3rem;}

#visual .slick-dots{top:65px;}

#main-wrap .dday_box .inner{text-align:center;}
#main-wrap .dday_box .inner ul{display:block; }

.PT_cont .inner{flex-direction:column;}
.PT_cont .txt_wrap{margin-left:0; margin-top:4rem;}
.PT_cont .txt_wrap .t01 br{display:none;}

.PT_cont.reverse .inner{flex-direction:column;}
.PT_cont.reverse .pic_wrap{margin-right:0;}
.PT_cont.reverse .txt_wrap{margin-right:0;}

#speaker-wrap #speaker_slides .s_item .txt_box p{line-height:1.2em;}

#register-wrap{margin-bottom:6rem;}
#register-wrap .wrap{padding:4rem 6rem;}

#support-wrap .logo_list_box li{width:calc((100% - 6rem)/3); margin-left:3rem;}
#support-wrap .logo_list_box li:nth-child(5n+1){margin-left:3rem;}
#support-wrap .logo_list_box li:nth-child(3n+1){margin-left:0;}
#support-wrap .logo_list_box li:nth-child(-n+5){margin-top:3rem;}
#support-wrap .logo_list_box li:nth-child(-n+3){margin-top:0rem;}
}


@media (max-width:768px) {
.comm_margin{margin:4rem 0;}
.comm_padding{padding:4rem 0;}

#visual .visual_item .v_txt {transform: translate(-50%, -58%);}
#visual .visual_item .v_txt .t01 .logo img{width:160px;}
#visual .visual_item .v_txt .t01 .title{font-size:2.2rem;}
#visual .visual_item .v_txt .t02{font-size:1.8rem; margin-top:2rem;}
#visual .visual_item .v_txt .t02 .bar{display:block;width:0px; height:0px;}

#visual .slick-dots{top:50px;}
#visual .slick-dots li button{margin-left:7px;}

#main-wrap .dday_box .inner ul{padding:1rem 2.5rem;}
#main-wrap .dday_box .inner li .num{font-size:2.3rem;}

.PT_cont .pic_wrap .img_box img{max-width:100%;}
.PT_cont .pic_wrap .btn_box{bottom:-22px; right:0;}
.PT_cont .txt_wrap .t01{font-size:2.3rem; margin-bottom:2rem;}

.main_title_box{margin-bottom:2rem;}
.main_title_box .tit{font-size:2.3rem; line-height:1.3em;}
.main_title_box .more_btn a{width:30px; height:30px;}
.main_title_box .more_btn a i{line-height:30px; font-size:2.5rem;}

#speaker-wrap #speaker_slides .slick-slide{margin:0 0.5rem;}
#speaker-wrap #speaker_slides .s_item .img_box:before{display:none;}
#speaker-wrap #speaker_slides .s_item .txt_box{position:static; bottom:auto; left:auto; margin-top:1.2rem; padding:0 1rem;}
#speaker-wrap #speaker_slides .s_item .txt_box p{color:#222;}
#speaker-wrap #speaker_slides .s_item .txt_box .name{font-size:1.8rem; margin-bottom:1rem;}
#speaker-wrap #speaker_slides .s_item .txt_box .uni{font-size:1.5rem; margin-top:0;}

#speaker-wrap .control_box{margin-top:2rem;}

#register-wrap{margin-bottom:4rem;}
#register-wrap .wrap{flex-direction:column; padding:3rem 2rem;}
#register-wrap .wrap .txt_box{margin-bottom:2rem; text-align:center; }
#register-wrap .wrap .txt_box .tb01{font-size:2.5rem;}
#register-wrap .wrap .txt_box .tb02{font-size:1.6rem;}

#support-wrap .main_title_box{margin-bottom:3rem;}
#support-wrap .logo_list_box li{width:calc((100% - 2rem)/2); margin-left:2rem; margin-top:2rem;}
#support-wrap .logo_list_box li:nth-child(3n+1), #support-wrap .logo_list_box li:nth-child(5n+1){margin-left:2rem;}
#support-wrap .logo_list_box li:nth-child(2n+1){margin-left:0;}
#support-wrap .logo_list_box li:nth-child(-n+3), #support-wrap .logo_list_box li:nth-child(-n+5){margin-top:2rem;}
#support-wrap .logo_list_box li:nth-child(-n+2){margin-top:0rem;}
#support-wrap .logo_list_box li a{padding:1rem 2rem;}
}