@charset "utf-8";


@media screen and (max-width: 684px){
	#present .inner {
		width:100%;
		margin: 0 auto;
		padding: 20VW 0 15VW;
	}
	#present .inner img{
		width:100%
	}
	.mv {
    	height: calc(100dvh - 20VW);
  	}
	.mv .mv_btn {
    	top: 88VW;
  	}
    .mv2 {
		padding:10VW 0 0;
    }
    .mv2 .mv_btn ul {
		margin:5VW auto;
		width:92%;
    }
    .mv2 .mv_btn ul li{
		float:left;
		width:48%;
		margin:0 4% 5VW 0;
    }
    .mv2 .mv_btn ul li:nth-child(2n){
		margin-right:0;
    }
    .mv2 .mv_btn3 ul li{
		float:left;
		width:32%;
		margin:0 2% 5VW 0;
    }
    .mv2 .mv_btn3 ul li:nth-child(2n){
		margin-right:2%;
    }
    .mv2 .mv_btn3 ul li:nth-child(3){
		margin-right:0;
    }
	.mv .mv_title2 {
    	padding: 18VW 2% 2VW;
  	}
	.mv .mv_illust01 {
        position: absolute;
        width: 50%;
        bottom: 0px;
        left: 0;
        z-index: 0;
    }
	.mv .mv_illust02 {
        position: absolute;
        width: 50%;
        bottom: 0px;
        right: 0;
        z-index: 0;
		text-align: right;
    }
}

@media screen and (min-width: 685px){
	#present .inner {
		width:970px;
		margin: 0 auto;
		padding:50px 0 50px;
	}
	
	.mv2 h2,	
	.recommend h2,
	#showroom h2 {
		margin: 0 auto;
    	padding-bottom: 5VW;
    	font-size: 34px;
		color:#fff;
	}
	
    .mv2 {
		padding:80px 0;
    }
    .mv2 .mv_btn {
		width:860px;
    }
    .mv2 .mv_btn ul li{
		width:260px;
		margin:0 40px 0 0;
    }
	.mv .mv_title {
		top: 18%;
	}
	.mv .mv_title2 {
    	width: 660px;
	}
	.mv .mv_illust01 {
        position: absolute;
        width: 1060px;
        bottom: 0px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 0;
		text-align: left;
    }
	.mv .mv_illust02 {
        position: absolute;
        width: 1060px;
        bottom: 0px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 0;
		text-align: right;
    }
}

.mv2 {
    width:100%;
    background-color: #0b1a37;
}
.mv2 .mv_btn {
    margin: 0 auto
}
.mv2 .mv_btn ul li{
    float:left;
}
.mv2 .mv_btn ul li img{
    width:100%;
    height:auto;
}
.mv2 .mv_btn ul li:last-child{
    margin-right:0;
}
.mv2 h2,
.recommend h2{
    color:#fff;
}


/*present*/
.present {
	width:100%;
	background-color: #eee4c9;
}
.present .inner{
	text-align: center
}
@media screen and (max-width: 684px){
    .present img{
		width: 100%;
		height:auto;
    }
    .present .inner{
        padding:0VW 0 15VW;
    }
    .present .present__header{
        width:92%;
		margin: 0px auto 0px;
    }
    .present .present__bottom{
        width:92%;
		margin: 0px auto 0px;
    }
    .present ul{
		width: 92%;
    	margin: 0VW auto ;
    }
    .present ul li{
        width:100%;
    }
    .present ul li:last-child{
		margin-top:6VW;
    }
    .present .btn__entry{
        width:92%;
		margin: 0VW auto 0VW;
    }
    .present ul + p{
		text-align: right;
		width: 88%;
		margin: 5px auto 10VW;
		font-size: 12px;
		color:#fff;
    }
}

@media screen and (min-width: 685px){
    .present .inner{
        padding:30px 0 60px;
        width:1200px;
		margin: 0px auto 0px;
    }
    .present .present__header{
        width:100%;
		margin: 0px auto 0px;
    }
    .present .present__bottom{
        width:1200px;
		margin: 0px auto 0px;
    }
    .present ul{
        width:1000px;
		margin: 20px auto 20px;
  		background: url("../img/present_plus.png") no-repeat center center;
    }
    .present ul li{
		float:left;
        width:46%;
    }
    .present ul li img{
        width:100%;
		height:auto;
    }
    .present ul li:last-child{
		margin-left:8%;
    }
    .present ul + p{
		text-align: right;
        width:100%;
		margin: 5px auto 60px;
		font-size: 14px;
		color:#fff;
    }
}
/*present*/


/*recommend*/
.recommend {
	width:100%;
	background-color: #0b1a37;
}
.recommend .inner{
	text-align: center
}
.recommend ul li p{
    text-align: center;
    padding-top:10px;
    color:#fff;
}
@media screen and (max-width: 684px){
    .recommend img{
		width: 100%;
		height:auto;
    }
    .recommend .inner{
        padding:10VW 0 1VW;
    }
    .recommend ul{
		width: 92%;
    	margin: 5VW auto;
    }
    .recommend ul li{
        width:48%;
		float:left;
		margin-bottom:5VW;
		margin-right:4%;
    }
    .recommend ul li:nth-child(2n){
		margin-right:0;
    }
    .recommend ul p{
		font-size: 12px;
    }
}

@media screen and (min-width: 685px){
    .recommend .inner{
        padding:80px 0 1px;
        width:1200px;
		margin: 0px auto 0px;
    }
    .recommend ul{
        width:1200px;
		margin: 20px auto 20px;
    }
    .recommend ul li{
		float:left;
        width:360px;
		margin-right:60px;
    }
    .recommend ul li img{
        width:100%;
		height:auto;
    }
    .recommend ul li:last-child{
		margin-right:0px;
    }
}
/*recommend*/