@charset "utf-8";

/* mVisual */
#mVisual{position: fixed; top: 0; left: 0; width: 100%; z-index: 1;}
#mVisual::after{content: ''; width: 115px; height: 86px; background: url(/images/common/scroll.gif) no-repeat center center / contain; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: block; animation: bottom 1.75s infinite ease-in-out;}
#mVisual .mv{width: 100%; height: 100vh; background-size: 	cover; background-position: center center; background-repeat: no-repeat;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1.jpg);}
#mVisual .mv.mv2{background-image: url(/images/main/mv2.jpg);}
#mVisual .mv.mv3{background-image: url(/images/main/mv3.jpg);}
#mVisual .mv .txt{height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#mVisual .mv .txt p{font-size: var(--fz20); color: #fff; letter-spacing: 0.5em; font-weight: 300;}
#mVisual .slick-dots{ bottom: auto; top: calc(50% + 40px); transform: translate(-50%, -50%);}
#mVisual .slick-dots li{width: 12px; height: 3px; transition: .2s ease-in-out; background: rgba(255,255,255,0.5); border-radius: 0;}
#mVisual .slick-dots li.slick-active{width: 60px; background: rgba(255,255,255,1);}

@keyframes bottom {
	0%{bottom: 40px;}
	50%{bottom: 30px;}
	100%{bottom: 40px;}
}

@media all and (max-width:976px){
	#mVisual::after{width: 95px; bottom: 20px;}
	@keyframes bottom {
		0%{bottom: 20px;}
		50%{bottom: 10px;}
		100%{bottom: 20px;}
	}
}

/* main sec2 */
.main.sec2{margin-top: 100vh; position: relative; z-index: 2;}
.main.sec2.on{position: fixed; top: 0; z-index: 2;}
.main.sec2 .time{height: 105vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.main.sec2 .time2{height: 105vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.main.sec2 .time.t1{background-image: url(/images/main/t1_bg.jpg);}
.main.sec2 .time.t2{background-image: url(/images/main/t2_bg.jpg);}
.main.sec2 .time2.t2{background-image: url(/images/main/t2_bg.jpg);}
.main.sec2 .intro1 .txt p{color: #fff;}
.main.sec2 .time.t3{background-image: url(/images/main/t3_bg.jpg);}
.main.sec2 .time.t3 .inner{height: 100%; display: flex; align-items: center; justify-content: center;}
.main.sec2 .time.t3 .inner .jinryo{width: 100%;}
.main.sec2 .time.t3 .inner .jinryo li{background-color: transparent;}
.main.sec2 .time.t3 .inner .jinryo li .tit{color: #fff;}
.main.sec2 .time.t3 .inner .jinryo li p a{color: #fff; font-weight: 400;}
.main.sec2 .time .time_box{display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; height: 100%;}
.main.sec2 .time .time_box dl{display: flex;}
.main.sec2 .time .time_box dl dt{width: 110px; font-size: var(--fz16); font-weight: 500; text-align: justify; margin-right: 40px;}
.main.sec2 .time .time_box dl dt::after{content: ''; display: inline-block; width: 100%;}
.main.sec2 .time .time_box dl dd{font-size: var(--fz16); font-weight: 300; letter-spacing: 0.1em; text-align: right;}
.main.sec2 .time p{font-size: var(--fz16); font-weight: 500; color: #fff; text-align: center; margin-top: 10px;}
.main.sec2 .main_footer{position: absolute; bottom: 40px; width: 100%; display: flex; justify-content: space-between;}
.main.sec2 .main_footer .l_cont{margin-left: 60px;}
.main.sec2 .main_footer .l_cont span{font-size: var(--fz14); font-weight: 300; color: #fff; display: inline-block; margin-right: 15px;}
.main.sec2 .main_footer .r_cont{margin-right: 60px;}
.main.sec2 .main_footer .r_cont p{font-size: var(--fz14); font-weight: 300; color: #fff; display: inline-block;}

@media all and (max-width:976px){
	.main.sec2 .time p{margin-top: 5px;}
	.main.sec2 .time .time_box dl dt{margin-right: 30px;}
	.main.sec2 .main_footer{flex-direction: column; text-align: center; bottom: 3%; width: 94%; left: 50%; transform: translateX(-50%);}
	.main.sec2 .main_footer .l_cont{margin-left: 0;}
	.main.sec2 .main_footer .l_cont span{margin-right: 0; margin: 0 6px; line-height: 1.4em;}
	.main.sec2 .main_footer .r_cont{margin-right: 0; margin-top: 10px;}
	.main.sec2 .time.t3 .inner .jinryo li p{display: none;}
	.main.sec2 .time.t3 .inner .jinryo li .tit{margin-bottom: 0;}
}

.sec3{z-index: 3;}