@charset "utf-8";


/***************
+ .main_area
***************/

#Main_inner .main_area{
	width:100%;
	margin:0 auto;
}

/***************
+ .main_contents
***************/
#Main_inner .main_contents{
	width:100%;
	padding:0 0 30px;
	margin:60px auto 100px;
}
/***************
+ .btn_area
***************/
#Main_inner .btn_area img{
	width:100%;
}
#Main_inner .btn_area{
	width: 100%;
	max-width:956px;
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 0 4px;
}
#Main_inner .btn_area dt{
	width:100%;
	height:75px;
	margin:5px auto 10px;
	grid-column: 1 / 3;
}
#Main_inner .btn_area dd a{
	display:block;
	width:100%;
}
#Main_inner .btn_area dd{
	margin-bottom:5px;
}
#Main_inner .btn_area dd .img{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
}
#Main_inner .btn_area dd .img:hover{
	background:rgba(0,0,0,0.5);
	-webkit-transition: all .5s;
	transition: all .5s;
}
#Main_inner .btn_area .btn_1{
	width:100%;
	background:url("../images/bg_lineup_1.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
	grid-column: 2 / 1;
}
#Main_inner .btn_area .btn_2{
	width:100%;
	background:url("../images/bg_lineup_2.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
}
#Main_inner .btn_area .btn_3{
	width:100%;
	background:url("../images/bg_lineup_3.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
}
#Main_inner .btn_area .btn_4{
	width:100%;
	background:url("../images/bg_lineup_4.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
}
#Main_inner .btn_area .btn_5{
	width:100%;
	background:url("../images/bg_lineup_5.jpg");
	background-repeat:no-repeat;
	background-size: 100%;
}
#Main_inner .btn_area .txt_box{
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px 0;
}
#Main_inner .btn_area .txt_box .logo{
	width:296px;
}
@media screen and (max-width: 768px){
	/***************
	+ .main_contents
	***************/
	#Cont .main_contents{
		width:100%;
		margin:0 auto 40px;
	}
	/***************
	+ .btn_area
	***************/
	#Cont .btn_area img{
		width:100%;
	}
	#Cont .btn_area{
		width:100%;
		margin:0 auto;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 0 3px;
	}
	#Cont .btn_area dt{
		width:100%;
		margin:5px auto;
		grid-column: 1 / 3;
	}
	#Cont .btn_area dd a{
		display:block;
		width:100%;
	}
	#Cont .btn_area dd{
		margin-bottom:5px;
		width:100%;
	}
	#Cont .btn_area dd .img{
		position:static;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:2;
		background:rgba(0,0,0,0);
	}
	#Cont .btn_area dd .img:hover{
		background:rgba(0,0,0,0.5);
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	#Cont .btn_area .btn_1{
		background:url("../images/sp/bg_sp_lineup_1.jpg");
		background-repeat:no-repeat;
		background-size: 100%;
	}
	#Cont .btn_area .btn_2{
		background:url("../images/sp/bg_sp_lineup_2.jpg");
		background-repeat:no-repeat;
		background-size: 100%;
	}
	#Cont .btn_area .btn_3{
		background:url("../images/sp/bg_sp_lineup_3.jpg");
		background-repeat:no-repeat;
		background-size: 100%;
	}
	#Cont .btn_area .btn_4{
		background:url("../images/sp/bg_sp_lineup_4.jpg");
		background-repeat:no-repeat;
		background-size: 100%;
	}
	#Cont .btn_area .btn_5{
		background:url("../images/sp/bg_sp_lineup_5.jpg");
		background-repeat:no-repeat;
		background-size: 100%;
	}
	#Cont .btn_area .logo{
		float:right;
	}
}