@charset "utf-8";

/*---------------------------------------------------------------------------------------------
-------------------------------------- page_flow -------------------------------------------
-----------------------------------------------------------------------------------------------*/

/*----Maincolumn---*/

#maincolumn {
	font-size: 13px;
	line-height: 169%;
}
#maincolumn .box {
	background: #fff;
	margin-bottom: 37px;
	padding: 18px;
	border: 2px solid #DCDCDC;
	border-radius: 5px;
	position: relative;
}
#maincolumn .box02 {
	background: #fff;
	margin-bottom: 37px;
	padding: 18px;
	border: 2px solid #FF4800;
	border-radius: 5px;
	position: relative;
}
#maincolumn .box03 {
	background: #fff;
	margin-bottom: 37px;
	padding: 18px;
	border: 2px solid #539216;
	border-radius: 5px;
	position: relative;
}
#maincolumn .box_ttl {
	color: #115996;
	margin-bottom: 20px;
	font-size: 25px;
	line-height: 120%;
}
#maincolumn .box_ttl.short {
	letter-spacing: -0.1em;
}
#maincolumn .box_ttl.no_mgn {
	margin-bottom: 0;
}
#maincolumn .box_ttl.c-red {
	color: #ff4800;
}
#maincolumn .box_ttl.c-green {
	color: #539216;
}
#maincolumn .box_ttl span {
	background: #138AEE;
	display: inline-block;
	margin-right: 10px;
	padding: 6px 10px 4px;
	color: #fff;
	font-size: 20px;
	line-height: 100%;
	border-radius: 5px;
}
#maincolumn .box_ttl span.double {
	padding: 6px 5px 4px 3px;
	letter-spacing: -0.1em;
}
#maincolumn .list_pic {
	margin: 0 auto 20px;
	text-align: center;
	letter-spacing: -.40em;
}
#maincolumn .list_pic li {
	display: inline-block;
	margin: 0 22px;
	letter-spacing: normal;
}
#maincolumn .img_arrow {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -19px;
}
@media screen and (max-width:640px) {
	div#main_area {
		width: 100%;
		box-sizing: border-box;
	}
	#contents div {
		width: 100% !important;
		box-sizing: border-box;
		padding: 10px 2% !important;
		height: auto;
	}
	#contents div div {
		width: 100% !important;
		box-sizing: border-box;
		padding: 10px 0 !important;
	}
	#maincolumn .box {
		width: 100%;
		padding: 16px 3% !important;
	}
	#maincolumn .box02 {
		width: 100%;
		padding: 16px 3% !important;
	}
	#maincolumn .box03 {
		width: 100%;
		padding: 16px 3% !important;
	}
	#maincolumn .box_ttl {
	}
	#maincolumn .box_ttl.short {
	}
	#maincolumn .box_ttl.no_mgn {
	}
	#maincolumn .box_ttl.c-red {
	}
	#maincolumn .box_ttl.c-green {
	}
	#maincolumn .box_ttl span {
	}
	#maincolumn .box_ttl span.double {
	}
	#maincolumn .list_pic {
	}
	#maincolumn .list_pic li {
		margin-bottom: 20px;
	}
	#maincolumn .img_arrow {
	}
}