@charset "utf-8";

/* Top
--------------------*/
@media only screen and (min-width:1024px){
	#top{
		margin:0 0 0 auto;
		width:calc(100% - 250px);}
}
@media only screen and (min-width:1200px){
	#top{
		width:calc(100% - 300px);}
}

/* MV
--------------------*/
#mv{
	margin:0;}
#mv .l-inner{
	padding-bottom:0;}
#mv .swiper-fade .swiper-slide{
	-webkit-transition-property:opacity, -webkit-transform !important;
	transition-property:opacity, -webkit-transform !important;
	transition-property:opacity, transform !important;
	transition-property:opacity, transform, -webkit-transform !important;
	pointer-events:none;}
#mv .swiper-fade .swiper-slide-active{
	pointer-events:auto;}
#mv .swiper-pagination{
	position:absolute;
	z-index:1;
	top:auto;
	bottom:30px;
	left:0;
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;}
#mv .swiper-pagination-bullet{
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	-webkit-transition:var(--transition);
	transition:var(--transition);
	background-color:#b2b2b2;
	opacity:1;
	border-radius:10px;
	margin:0 10px;}
#mv .swiper-pagination-bullet-active{
	background-color:#666;}
#mv .slide{
	background-size:cover;
	background-position:center right 25%;
	background-repeat:no-repeat;}
#mv .swiper-sp-img{
	display:none;}
@media only screen and (max-width:1023px){
	#mv{
		margin:60px 0 0;}
	#mv .swiper-pagination{
		bottom:20px;}
	#mv .swiper-pagination-bullet{
		width:8px;
		height:8px;
		margin:0 5px;}
	#mv .swiper-pc-img{
		display:none;}
	#mv .swiper-sp-img{
		display:block;}
}