@charset "utf-8";
/********【メイン画像】********/
@media print, screen and (min-width: 801px) {
#main {
	height: 700px;
	background: url(../images/home_top.jpg) no-repeat center center;
	background-size: cover;
}
}
/**********メニュー53**********/
.menu53 li .boxIn {
	background-color: #fff;
	box-sizing: border-box;
}
.menu53 li h4 {
	color: #000;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 640px) {
.menu53 li .boxIn {
	margin-bottom: 40px;
	padding: 0 6%;
}
.menu53 li .imgBox {
	margin-bottom: 20px;	
}
}
@media print,screen and (min-width: 641px) and (max-width: 800px) {
.menu53 li .boxIn {
	padding: 30px 30px 50px;
}	
}
@media print,screen and (min-width: 801px) {
.menu53 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.menu53 li .boxIn {
	width: 50%;
	height: 380px;
	padding: 0 20px;
}
.menu53 .imgBox {
	width: 50%;
	height: 380px;
}
.menu53 .imgBox01 {
	background: url(../images/home_01.jpg) no-repeat center center;
	background-size: cover;
}
.menu53 .imgBox02 {
	background: url(../images/home_02.jpg) no-repeat center center;
	background-size: cover;
}
.menu53 .imgBox03 {
	background: url(../images/home_03.jpg) no-repeat center center;
	background-size: cover;
}
}
@media screen and (min-width: 1001px) {
.menu53 li .boxIn {
	padding: 0 7%;
}	
}
@media screen and (min-width: 1201px) {
.menu53 li .boxIn {
	padding: 0 10%;
}	
}
.menu53 .btn {
	display: inline-block;
	font-size: 16px;
	/*枠の大きさ*/
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background-color: #336699;
	padding: 2px 70px 0;
	transition: all 0.2s linear;
	box-sizing: content-box;
}
.menu53 .btn:hover {
	opacity: 0.7;
}
/**********メニュー53ここまで**********/