﻿
body {
	background: #eaedf4;
}

.cont_wrap {
	background: #fff;
	text-align: left;
}

@media screen and (min-width: 768px) {

	#mainArea {
		max-width: 1100px;
		width: 100%;
		margin: 0 auto 100px;
	}

	#mainArea h1 {
		padding: 50px 0 0;
	}

	#mainArea h1 img {
		display: block;
		margin: 0 auto;
		width: 28%;
	}

	.cont_wrap {
		max-width: 1100px;
		margin: 50px auto 0;
		padding: 50px;
		font-size: 65%;
	}

}

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

	#mainArea {
		margin: 1em 1.5em 2em;
	}

	#mainArea h1 {
		margin: 100px 0 0.5em;
	}

	#mainArea h1 img {
		display: block;
		margin: 0 auto;
		width: 70.5%;
	}

	#mainArea p,
	#mainArea .business_sec02 ul {
		font-size: 68%;
	}

}

.business_sec02 ul.facility_list {
	border-top: 1px solid #ddd;
}

.business_sec02 ul.facility_list dt {
	color: #004098;
	font-weight: 600;
	font-size: 115%;
}

.business_sec02 ul.facility_list > li {
	border-bottom: 1px solid #ddd;
}

main .business_sec02 ul.link_list .link_btn a[target^="_blank"]::after {
	display: none;
}

.business_sec02 ul.link_list .link_btn a {
	width: 100%;
}

@media screen and (min-width: 768px) {

	.business_sec02 ul.link_list {
		display: flex;
		justify-content: space-between;
	}

	.business_sec02 ul.link_list > li {
		width: 48.5%;
	}

	.business_sec02 ul.facility_list > li {
		padding: 20px 0;
	}

	.business_sec02 ul.facility_list dt {
		margin-bottom: 20px;
	}

}

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

	.business_sec01 {
		padding: 1px 0 0;
		margin: 0 1em;
	}

	.business_sec02 {
		margin: 0 1em;
	}

	.business_sec02 ul.facility_list > li {
		padding: 1em 0;
	}

	.business_sec02 ul.link_list li {
		margin: 1em 0;
	}


}