@charset "utf-8";
h1{
	margin-top: 0;
}

/*---menu_icon_list---*/
.menu_icon_list{
	overflow: hidden;
	padding:0 80px;
}

.menu_icon_list li{
	float: left;
	margin-left: 190px;
	width: 240px;
	color: #144685;
	list-style: none;
}

.menu_icon_list li:nth-child(1){
	margin-left: 0;
}

.menu_icon_list li > ul li{
	list-style: disc;
	text-align: left;
	float: none;
	width: auto;
	margin-left: 0;

}

.menu_icon_list li h3{
	text-align: center;
	color: #144685;
	font-weight: bold;
	font-size: 1em;
}

.menu_icon_list li .img_area{
	text-align: center;
}


/*---resource_list---*/
.resource_list{
	padding: 0;
	text-align: center;
	margin-top: 80px;
}

.resource_list li{
	list-style: none;
	display: inline-block;
	margin: 0 100px;
}


/*---center_btn---*/
a.center_btn{
	display: block;
	margin: 60px auto;
	padding: 10px;
	width: 350px;
	text-align: center;
	background: #144685;
	color: #fff;
	font-size: 1.2em;
}

/*---related_resources_title　上書き---*/
.related_resources_title {
	width: 180px;
	height: 180px;
}


@media screen and (max-width:768px) {
	h1{
			width: 100%;
	}

	h1 img{
			width: 100%
	}

	.menu_icon_list {
		padding: 0;
	}

	.menu_icon_list > li,
	.menu_icon_list > li:nth-child(1){
		float: none;
		margin: 30px auto;
	}

	.menu_icon_list li > ul li{
		margin: 0 auto;
	}

	a.center_btn{
	width: 100%;
	}


/* =========================================================
 * MOBILE　-　commonの書き換え
 * ====================================================== */
	.related_resource_component {
		display: block;
		margin-bottom: 20px;
	}
	.related_resources_leftSide,
	.related_resource_rightSide {
		display: block;
		width: 100%;
	}
	.related_resource_rightSide {
		padding: 0 0 15px;
		border-bottom: rgb(204,204,204) solid 1px;
	}

	.related_resources_title {
		display: block;
		width: 100%;
		height: auto;
		background-image: none;
	}

	.related_resources_title_inner {
		display: block;
		width: 100%;
		text-align: left;
	}
	.related_resources_title_inner img {
		display: none;
	}
	.related_resources_title-text {
		margin: 0 0 20px;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		padding: 0;
	}
	.related_services_title-text {
		padding: 0;
	}
 /* ====================================================== */

}


@media screen and (max-width:480px) {

}