@charset "UTF-8";
@import url(/assets/css/cmn.css);
@import url(/assets/css/base.css);

#mv .ld{
	font-size:1.2vw;
	font-weight: 900;
	line-height: 3.0rem;
	margin-bottom:15px;
}

#mv  h1{
	font-size:2.8vw;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0.2rem;
	margin:15px auto 25px;
}

#mv h1 i{
	display:block;
	font-size:1.4vw;
	margin:10px 0;
	color:#161616;
}

#mv h1 span{
    margin-bottom:5px;
    letter-spacing: 0;
    font-size: 1.8vw;
    display: block;
}


.flex1  > figure{
    order: 1 !important;
    width: 100%!important;
    margin-bottom:20px!important;
	}
.flex1 > div{
    order: 2 !important;
    width: 100%!important;
	}
.slider2 .slick-list img{
    height: 30vw;
	width: 100%;
    min-height:400px;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
}

@media screen and (max-width: 900px){
	#mv .ld{
	font-size:3vw;
	line-height: 1.5;
	}
    #mv .ld span{
	padding:5px 10px!important;
    }
	#mv  h1{
	font-size:6vw;
	margin:5px auto 20px;
	}

	#mv h1 i{
		display:block;
		font-size:4vw;
		letter-spacing: 0;
	}
    #mv h1 span{
		font-size: 4.5vw;
	}
    #mv  h2 span{
		display:block;
		padding-left:0px;
	}
    
    main h2{
        font-size:5.0vw!important;
        letter-spacing:0!important;
    }
	
}

aside #ending{
	background:url("../images/index/ending.jpg") ;
	background-size:cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height:40vh;
	position:relative;
}