@charset "UTF-8";

/* ---------------------------------------
  index
-----------------------------------------*/
#page_index.page_wrap {
	height: 100%;
	transition:1s ease;
}


@media screen and (max-height: 800px) {
	#page_index.page_wrap {
		min-height: 800px;
	}
}

@media screen and (min-width: 768px) {
	#page_index .main_contents {
		height: calc(100vh - 72px);
/*		padding-left: 100px;*/
	}
}

/* mv
--------------------------------*/
#sec_mv {
	height: 100%;
}

#sec_mv .wrap {
	width: 100%;
	height: 100%;
}

#sec_mv .mv_slider {
	height: 100%;
}

#sec_mv .mv_slider .slick-list {
	height: calc(100% - 30px);
}

#sec_mv .mv_slider .slick-track {
	height: 100%;
}

#sec_mv .mv_slider .slide_item {
	position: relative;
}

#sec_mv .mv_slider .img {
	position: relative;
	width: calc(100% - 170px);
	height: 100%;
	margin-left: auto;
}

#sec_mv .mv_slider .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#sec_mv .mv_slider .txtwrap {
	width: 170px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
}

#sec_mv .mv_slider .txtwrap .txt {
	writing-mode: vertical-rl;
	text-align: left;
	font-weight: 500;
	font-size: 2rem;
	line-height: 2.3;
	letter-spacing: 0.3em;
	white-space: nowrap;
	margin: 0 auto;
}

#sec_mv .mv_slider .slick-dots {
	width: calc(100% - 170px);
	margin: 14px 0 0 auto;
}

@media screen and (min-width: 768px) {
	#sec_mv .mv_slider .slide_item a {
		transition: .3s ease;
	}
	
	#sec_mv .mv_slider .slide_item a:hover {
		opacity: .7;
	}
}

@media screen and (max-width: 767px) {
	#sec_mv {
		height: auto;
	}

	#sec_mv .mv_slider .slick-list {
		height: auto;
	}

	#sec_mv .mv_slider .slide_item {
		position: relative;
	}

	#sec_mv .mv_slider .img {
		width: 100%;
		height: auto;
		margin: 0 0 5rem 0;
	}

	#sec_mv .mv_slider .txtwrap {
		width: 100%;
		height: auto;
		position: static;
		padding: 6rem;
	}

	#sec_mv .mv_slider .txtwrap .txt {
		font-size: 3rem;
	}

	#sec_mv .mv_slider .slick-dots {
		width: 100%;
		justify-content: center;
		position: absolute;
		top: 52.5rem;
		left: 0;
		margin: 0;
	}

}