@charset "utf-8";

/*---page_menu---*/

/*PC用*/
@media screen and (min-width:641px) {

#maincolumn #main_menu {
	padding:40px 0 12px;
	overflow:hidden;
}
#maincolumn h4 {
	height:81px;
	clear:both;
}
#maincolumn .block {
	background:url(../images/menu/bg.jpg) no-repeat;
	background-position:bottom center;
	margin-bottom:35px;
	padding: 0 23px 20px;
	font-size:14px;
	line-height:200%;
}
#maincolumn .txt {
	float:left;
	width:426px;
}
#maincolumn .osusume {
	background:url(../images/menu/bg_osusume.jpg) no-repeat;
	margin:20px 0 0 0;
	padding:15px 10px 0 11px;
	height:153px;
}
#maincolumn .osusume_ttl {
	padding:10px 0 0 11px;
	height:33px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:120%;
}
#maincolumn .osusume ul {
	padding:2px 0 0 10px;
}
#maincolumn .osusume ul li {
	background:url(../images/menu/ico.png) no-repeat left 2px;
	padding:0 0 0 28px;
	font-weight:bold;
	line-height:170%;
}
#maincolumn .pic {
	float:right;
	width:339px;
}

}

/*SP用*/
@media screen and (max-width:640px) {

#maincolumn #main_menu {
	padding:40px 0 12px;
	overflow:hidden;
}
#maincolumn h4 img {
	width: 100%;
	height: 16vw;
	object-fit: cover;
	object-position: -5px 0;
}
#maincolumn .block {
	background: #fff;
	margin-bottom: 30px;
	padding: 0 15px 20px;
	font-size:14px;
	line-height:200%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#maincolumn .block .txt {
	width: 100%;
	margin: 0 auto 10px;
	-webkit-order: 2;
	order: 2;
}
#maincolumn .block .osusume {
	background:url(../images/menu/bg_osusume.jpg) no-repeat center top / 160%;
	margin: 20px 0 0 0;
	padding: 20px 0;
	-webkit-order: 3;
	order: 3;
}
#maincolumn .block .osusume_ttl {
	background-color: #E77800;
	margin: 0 0 10px;
	padding: 15px 0;
	color:#FFFFFF;
	font-size:16px;
	font-weight: 700;
	line-height:120%;
	text-align: center;
}
#maincolumn .block .osusume ul {
	padding: 0 10px;
}
#maincolumn .block .osusume ul li {
	background:url(../images/menu/ico.png) no-repeat left 2px;
	padding:0 0 0 28px;
	font-weight:bold;
	line-height:170%;
}
#maincolumn .block .pic {
	width: 100%;
	text-align: center;
	margin: 0 auto 10px;
	-webkit-order: 1;
	order: 1;
}

}
