@charset "utf-8";

main >.section{
}
#section1,#section3,#section2 .recomended{
	max-width:1040px;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
#section2 .recomended{
	color:#ffffff;
}
#section2 .btn a{
	border-color:#ffffff;
	color:#ffffff;
}
#main_visual{
	background-repeat: no-repeat;
	background-position:center top;
}
#section2 .textbox{
	text-align:center;
}

/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	#main_visual{
		margin-bottom:70px;
		background-image:url(../images/top/mv_pc.jpg);
		height:706px;
	}
	#section1{
		margin-bottom:130px;
	}
	#itemlist{
		margin-top:70px;
	}
	#section2{
		margin-bottom:100px;
	}
	#section2 .contents{
		margin-top:50px;
	}
	#section2 .recomended:after{
		content:"";
		display:block;
		width:100%;
		min-width:1625px;
		height:100%;
		background:url(../images/top/s2_bg_pc.jpg) no-repeat center top /100% auto;
		position:absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);
		z-index:-1;
		margin-right:auto;
		margin-left:auto;
	}
	#section2 .contents{
		display:flex;
		align-items: center;
		min-height:360px;
		overflow:hidden;
		position:relative;
	}
	#section2 .recomended .textbox{
		width:450px;
		margin-left:30px;
	}
	#section2 .btn{
		width:280px;
		font-size:0.912em;
		margin-top:30px;
		margin-right:auto;
		margin-left:auto;
	}
	#section2 .btn a:hover{
		background-color:rgba(255,255,255,0.4);
	}
	#send{
		margin-top:90px;
	}
}
/*PC und Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	#main_visual{
		background-image:url(../images/top/mv_pc.jpg);
	}
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	#main_visual{
		height:565px;
		background-size:1600px;
	}

	#section2 .contents:before{
		background-image:url(../images/top/s2_bg_pc.jpg);
/*		padding-top:22.1538%;*/
		min-width:1000px;
		height:360px;
	}
	#section2 .textbox{
		width:60%;
	}
}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){

	#itemlist,#section2 .contents,#send{
		margin-top:7%;
	}
	#main_visual{
		margin-bottom:5%;
	}
	#section2{
		width:100%;
		overflow:hidden;
	}
	#section2 .contents{
		position:relative;
	}
	#section2 .contents:before{
		content:"";
		display:block;
		width:100%;
		background-repeat:no-repeat;
		background-position: center;
		position:relative;
		left:50%;
		transform: translateX(-50%);
	}
	#section2 .recomended{
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:auto;
		display:flex;
		align-items:center;
	}
	/*
	#section2 .contents{
		padding-top:10%;
		padding-bottom:10%;
	}*/
	#section2 .textbox >p{
		margin-bottom:5%;
	}
	#section2 .btn{
		width:80%;
	}

}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	#main_visual{
		padding-top:100%;
		width:100%;
		background-image:url(../images/top/mv_phone.jpg);
		background-size:100% auto;
	}
	#section2 .textbox{
		width:100%;
	}
	#section2 .contents:before{
		background-size: 100% auto;
	}
	#section2 .contents:before{
		background-image:url(../images/top/s2_bg_phone.jpg);
		min-width:400px;
		padding-top:89.333%;
		position:relative;
	}
}