@charset "utf-8";

section{position:relative; width:100%;}
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}

.main_visual{width:100%;height:auto;}
/*@media screen and (max-width:1280px){ .main_visual{margin-top:80px;} }*/
.main_visual .slide{position:relative;width:100%;overflow:hidden;}
.v1{ background:url('./../img/main/main_visual09.jpg') no-repeat top center;}
.v2{ background:url('./../img/main/2022_event_pc.jpg') no-repeat top center;}
/*.v2{ background:url('./../img/main/main_visual08.jpg') no-repeat top center;}*/
.v3{ background:url('./../img/main/main_visual01.jpg') no-repeat center;}
.v4{ background:url('./../img/main/main02.jpg') no-repeat center;}
/*.v3{ background:url('./../img/main/main_visual07.jpg') no-repeat center; background-size:cover;}*/
.main_visual .slide div[class*=v]{width:100%; /*-webkit-transform:scale(1);transform:scale(1.02);*/}
/*.main_visual .slide div[class*=v].on{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 7s ease-in-out;transition:all 7s ease-in-out;}*/
.main_visual .slide div[class*=v] img{display:block;}

.main_visual .vertical_slide{height:100%;}
.main_visual .slick-list{height:100%;}
.main_visual .slick-list .slide{position:relative;}
.main_visual .slick-list .slide .tit_box{position:absolute;left:10%;top:44%;transform:translateY(-50%);}
.main_visual .slick-list .slide .tit_box .tit{font-size: 4rem; font-weight:800;	line-height:100%; overflow: hidden;	letter-spacing: -2px; opacity:0; -webkit-transform: translateY(70px);  transform: translateY(70px);}
.main_visual .slick-list .slide .tit_box .tit small{font-size: 0.85em; display:block;}
.main_visual .slick-list .slide .tit_box .tit span{font-weight:400; font-size:inherit;}
.main_visual .slick-list .slide div[class*=t].on .tit{opacity:1; -webkit-transform: translateY(0px);  transform: translateY(0px); transition:1.0s 0.3s;}
.main_visual .slick-list .slide .tit_box .s_tit{margin: 2rem 0;	font-size:0.85rem; font-weight:200; line-height:1.5; opacity:0;	-webkit-transform: translateX(-30px);	transform: translateX(-30px);	transition:1.2s 1s;}
.main_visual .slick-list .slide div[class*=t].on .s_tit{opacity:1; -webkit-transform: translateX(0px);  transform: translateX(0px);}
.main_visual .slick-list .slide .tit_box .tit_btn{font-size:0.9rem; font-weight:400; line-height:100%; opacity:0;	-webkit-transform: translateX(-30px);	transform: translateX(-30px);	transition:1.2s 1.5s;}
.main_visual .slick-list .slide .tit_box .tit_btn a {display:inline-block; padding:0.55rem 2.2rem; margin-right:0.8rem; text-align:center; font-size:0.8rem;  border-radius:3rem;}
.main_visual .slick-list .slide div[class*=t].on .tit_btn{opacity:1; -webkit-transform: translateX(0px);  transform: translateX(0px);}
.main_visual .slick-list .slide .tit_box .tit_btn a:nth-child(2) {background:#ffaa00; border-color:#ffaa00; color:#fff;}
.t3 .tit{}
.t3 .s_tit{color:#777;}
.t4 .tit_btn a{color:#555; border:1px solid #bbb;}
.t4 .tit{color:#f17fff;}
.t4 .tit small {color:#a278ea}
.t4 .tit span{color:#fff;}
.t4 .s_tit{color:#9d76d2;}
.t4 .tit_btn a {color:#9d76d2; border:1px solid #553577;}
.t5 .tit, .t5 .s_tit{color:#333;}
.t5 .tit_btn a{color:#000; border:1px solid #fff; background:#fff}

/*vertical_slide_navigation*/
.main_visual .vertical_slide .slick-prev{
	width:30px;height:70px;
	background:url(./../img/main/main_slide_prev.png) no-repeat;
	border:0;text-indent:-9999px;
	position:absolute;left:30px;top:50%;z-index:100;margin-top:-30px;
}
.main_visual .vertical_slide .slick-next{
	width:30px;height:70px;
	background:url(./../img/main/main_slide_next.png) no-repeat;
	border:0;text-indent:-9999px;
	position:absolute;right:30px;top:50%;z-index:100;margin-top:-30px;
}
.main_visual .slick-dots{position:absolute;left:0;bottom:20px;width:100%;text-align:center;}
.main_visual .slick-dots li {display:inline-block;vertical-align:top; width:12px; height:12px;position:relative; background:#fff; border-radius:50%; cursor:pointer; margin:0 8px;}
.main_visual .slick-dots li button{text-indent:-9999px;border:0;outline:0; display:inline; opacity:0;}
.main_visual .slick-dots li.slick-active{background:#ffd716;}