#main-wrap{position:relative; }
#visual{position:relative; width:100%;  top:0px;  background:#000; overflow:hidden; transition:all 0.2s;}
#visual .visual_item .v_bg{width:100%; height:100%; background:url(../../images/main/main-visual01.jpg) no-repeat; background-size:cover; background-position:center; transition:transform 0s 4s; /*animation: zoom-in-zoom-out 8s ease; -webkit-animation: zoom-in-zoom-out 8s ease;  -webkit-transform: scale(1.1); transform: scale(1.1); transition:transform 9s;*/}
#visual .visual_item.v02 .v_bg{background-image:url(../../images/main/main-visual02.jpg);}
#visual .visual_item .v_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -65%); width:1500px; max-width:100%; color:#fff;  font-weight:700;}
#visual .visual_item .v_txt .t01 span{display:inline-block; font-size:8rem; background: linear-gradient(to right, #986ad3, #f7afc9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#visual .visual_item .v_txt .t02{font-size:6rem; }
#visual .visual_item .v_txt .t03{font-size:4.8rem; margin-top:6.5rem;}
#visual .visual_item .v_txt .t03 em{display:inline-block; margin-left:1rem; font-size:1.8rem; font-weight:500;}

#visual .slick-dots{bottom:16rem; left:50%; transform:translateX(-50%); display:inline-block; text-align:left; width:1500px; max-width:100%;}
#visual .slick-dots li{position:relative; display:inline-block; width:auto; margin-left:1.5rem; padding-bottom:0.7rem;}
#visual .slick-dots li:first-child{margin-left:0;}
#visual .slick-dots li a{color:rgba(255,255,255,0.6); font-size:1.7rem; font-weight:700; cursor:pointer; padding-bottom:0.7rem;}
#visual .slick-dots li a:after{content:""; display:block; width:100%; height:3px; background:#fff; position:absolute; bottom:0;  opacity:0;}

#visual .slick-dots li.slick-active a{color:#fff;}
#visual .slick-dots li.slick-active a:after{opacity:1;}

/*
#visual .LR_btn{width:100%; display:none;}
#visual .LR_btn li{display:inline-block; cursor:pointer;}
#visual .LR_btn li{position:absolute; top:66.6%;  left:50%; margin-left:-104px;}
#visual .LR_btn li.v_next{margin-left:64px;}
#visual .LR_btn li span{display:inline-block; width:40px; height:40px; line-height:40px; vertical-align:middle; border-radius:999px; border:1px solid #fff; text-align:center; box-sizing:border-box;}
#visual .LR_btn i{display:inline-block; font-size:2.6rem; color:#fff; vertical-align:middle;}

#visual .slick-counter{position:absolute; top:40%; left:50%;  transform:translateX(-50%); color:#e9e9e9; font-weight:600; font-size:2rem; width:1500px;}
#visual .slick-counter span{letter-spacing:0.04em;}
#visual .slick-counter span.current {color:#fff; font-weight:700;}
*/

@keyframes zoom-in-zoom-out {
  0% {transform: scale(1, 1);}
  100% {transform: scale(1.1, 1.1);}
}

.comm_padding{padding:12rem 0;}

#event-wrap{background:url(../../images/main/main-cont02-bg.jpg) no-repeat; background-size:cover; background-position:center;}
#event-wrap .sub_inner{width:900px; max-width:100%;} 
#event-wrap .item{display:flex; justify-content:space-between; align-items:center; color:#fff;}
#event-wrap .item:first-child{margin-bottom:8rem; padding-bottom:9rem; border-bottom:1px solid rgba(255,255,255,0.2);}
#event-wrap .cont_box .t01{font-size:4rem; font-weight:700;}
#event-wrap .cont_box .t01 span{position:relative;}
#event-wrap .cont_box .t01 span:after{content:""; display:block; width:10px; height:10px; border-radius:999px; background:#9c6dd3; position:absolute; top:-10px; right:-15px;}
#event-wrap .cont_box .t02{font-size:2.8rem; font-weight:700; margin-top:2.5rem;}
#event-wrap .cont_box .t03{font-size:2.2rem; font-weight:500; opacity:0.6; margin-top:0.5rem;}
#event-wrap .btn_box a{display:inline-block; padding:1rem 5.5rem; border:1px solid #fff; font-size:1.7rem; font-weight:800; transition:all 0.2s;}

#info-wrap{background:url(../../images/main/main-cont03-bg.jpg) no-repeat; background-size:cover; background-position:center;}
#info-wrap .inner{display:flex; justify-content:space-between; align-items:center;}
#info-wrap .quick_box{width:63rem;}
#info-wrap .quick_box .symbol{text-align:center; margin-bottom:5.5rem;}
#info-wrap .quick_box .symbol img{width:465px; max-width:100%;}
#info-wrap .quick_box .list_box{display:flex;}
#info-wrap .quick_box .list_box li{width:33.3%; color:#fff; border-left:1px solid rgba(255,255,255,0.2); text-align:center;}
#info-wrap .quick_box .list_box li:last-child{border-right:1px solid rgba(255,255,255,0.2);}
#info-wrap .quick_box .list_box li .icon{font-size:5rem;}
#info-wrap .quick_box .list_box li .tit{font-size:2.3rem; font-weight:500;}

#info-wrap .notice_box{width:calc(100% - 70rem); background:rgba(0,0,0,0.5); padding:2rem 5rem; box-sizing:border-box; color:#fff;}
#info-wrap .notice_box .no-data{font-size:2rem; padding:2.5rem 0;}
#info-wrap .notice_box li:not(:first-child){border-top:1px solid rgba(255,255,255,0.2);}
#info-wrap .notice_box li a{display:block; padding:2.5rem 0;}
#info-wrap .notice_box li .tit{font-size:2.3rem; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#info-wrap .notice_box li .date{font-size:1.6rem; text-align:right; opacity:0.6; margin-top:0.5rem;}


@media (hover: hover) and (pointer: fine) {
#event-wrap .btn_box a:hover{background:#fff; color:#111;}
#info-wrap .quick_box .list_box li:hover{color:#e2ccff;}
#info-wrap .notice_box li:hover .tit{text-decoration:underline;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1600px){
#visual .visual_item .v_txt, #visual .slick-dots{padding:0 5rem; box-sizing:border-box;}

}

@media (max-width:1300px){

#visual .visual_item .v_txt{transform:translate(-50%, -50%);}
#visual .visual_item .v_txt .t01 span{font-size:5rem;}
#visual .visual_item .v_txt .t02{font-size:4.5rem;}
#visual .visual_item .v_txt .t03{font-size:3.8rem;}

#visual .slick-dots{bottom:7rem;}

#info-wrap .quick_box{width:55rem;}
#info-wrap .notice_box{width: calc(100% - 62rem);}
}



@media (max-width:1024px){
#event-wrap{background-position:100% center;}

#info-wrap .inner{flex-direction:column;}
#info-wrap .inner > div{width:100%;}
#info-wrap .notice_box{margin-top:5rem;}
}


@media (max-width:768px){
#visual .visual_item .v_bg{background-position:90% bottom;}
#visual .visual_item .v_txt{transform:translate(-50%, -45%);}
#visual .visual_item .v_txt, #visual .slick-dots{padding:0 3rem;}
#visual .visual_item .v_txt .t01 span{font-size:4rem;}
#visual .visual_item .v_txt .t02{font-size:2.5rem; line-height:1.5em;}
#visual .visual_item .v_txt .t03{font-size:2.4rem; margin-top:4rem;}

#visual .slick-dots{bottom:3.5rem;}

.comm_padding{padding:5rem 0;}

#event-wrap .item{flex-direction:column;}
#event-wrap .item:first-child{margin-bottom:5rem; padding-bottom:6rem;}
#event-wrap .item .cont_box{text-align:center;}
#event-wrap .cont_box .t01{font-size:3rem;}
#event-wrap .cont_box .t02{margin-top:1.5rem; font-size:2.3rem;}
#event-wrap .cont_box .t03{font-size:2rem;}
#event-wrap .btn_box{margin-top:3rem;}

#info-wrap .quick_box .symbol img{width:310px;}
#info-wrap .quick_box .list_box li .icon{font-size:3.5rem;}
#info-wrap .quick_box .list_box li .tit{font-size:2rem;}
#info-wrap .notice_box{padding:2rem 2.5rem;}
#info-wrap .notice_box li a{padding:2rem 0;}
#info-wrap .notice_box li .tit{font-size:2rem;}


}