@charset "utf-8";

section{position:relative; width:100%;word-break:keep-all;}
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}

.main_visual{width:100%;/*height:calc(100vh - 55px);margin-top: 55px;*/}
.main_visual .slide{position:relative;width:100%;}
.v1{ background:url('./../img/main/main_visual_09_m.jpg') no-repeat center;background-size:cover;}
.v2{ background:url('./../img/main/2022_event_mobile.jpg') no-repeat center;background-size:cover;}
/*.v2{ background:url('./../img/main/main_visual_08_m.jpg') no-repeat center;background-size:cover;}*/
.v3{ background:url('./../img/main/main_visual_01_m.jpg') no-repeat center;background-size:cover;}
.v4{ background:url('./../img/main/main02_m.jpg') no-repeat center;background-size:cover;}
/*.v5{ background:url('./../img/main/main_visual_08_m.jpg') no-repeat center; background-size:cover;}*/
.main_visual .slide div[class*=v]{width:100%; /*height:calc(100vh - 65px); -webkit-transform:scale(1.05);transform:scale(1.05);*/}
/*.main_visual .slide div[class*=v].on{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 7s ease;transition:all 7s ease}*/
.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; width:90%; left:5%; top:0; height:calc(100vh - 65px);}
.main_visual .slick-list .slide .tit_box .tit {font-size: 2rem; font-weight:800;	line-height:100%; overflow: hidden;	letter-spacing: -2px; opacity:0; -webkit-transform: translateY(70px);  transform: translateY(70px); position: absolute; bottom: 20%;}
.main_visual .slick-list .slide .tit_box .tit small {font-size: 0.8em; 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: 1rem 0; font-size:0.75rem; font-weight:200; line-height:1.5; opacity:0; -webkit-transform: translateX(-30px);	transform: translateX(-30px); transition:1.2s 1s; position: absolute; bottom:calc(20% - 75px); letter-spacing:-1px;}
.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 {display:none;}
.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 .s_tit{color:#777;}
.t3 .tit_btn a{color:#555; border:1px solid #bbb;}
.t4 .tit{color:#f17fff; text-shadow:0 0 5px rgba(0, 0, 0, 0.7)}
.t4 .tit small {color:#a278ea}
.t4 .tit span{color:#fff;}
.t4 .s_tit{color:#9d76d2; text-shadow:0 0 5px rgba(0, 0, 0, 0.7)}
.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{display:none !important;}
.main_visual .vertical_slide .slick-next{display:none !important;}
.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;}
.main_visual .slick-dots li.slick-active{background:#ffd716;}