body {
	background: #eaedf4;
}

.cont_wrap {
	background: #fff;
}

@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: 19%;
	}
	.cont_wrap {
		max-width: 1100px;
		margin: 50px auto 0;
		padding: 50px;
		font-size: 65%;
	}

}

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

	#mainArea {
		font-size: 68%;
		margin: 1em 1.5em 2em;
	}

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

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

}

/* sec01 */

.network_sec01 dl.facility dt {
	font-weight: 600;
	color: #004098;
}

.network_sec01 dl.facility dt:after {
	content: "";
	width: 3em;
	height: 1px;
	background: #004098;
	display: block;
	margin: 0 auto;
}

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

	.network_sec01 {
		display: flex;
		margin: 25px 0 100px;
		justify-content: space-between;
	}

	.network_sec01 dl.facility {
		width: 30%;
	}

	.network_sec01 dl.facility dt {
		font-size: 125%;
	}

	.network_sec01 dl.facility dt:after {
		margin: 15px auto 30px;
	}

	.network_sec01 dl.facility dd img {
		width: 80%;
		margin: 0 auto;
		display: block;
	}

	.network_sec01 div.detail {
		width: 65%;
		text-align: left;
	}

	.network_sec01 div.detail p {
		margin: 0 0 50px;
	}

	.network_sec01 div.detail ul.data {
		border-top: 1px solid #ddd;
	}

	.network_sec01 div.detail ul.data li {
		padding: 20px 0;
		border-bottom: 1px solid #ddd;
	}

	.network_sec01 div.detail ul.data li dl {
		display: flex;
	}

	.network_sec01 div.detail ul.data li dl dt {
		width: 40%;
	}

	.network_sec01 div.detail ul.data li dl dd {
		width: 57%;
	}

}

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

	.network_sec01 {
		margin: 1em 0.5em;
	}

	.network_sec01 dl.facility {
		margin: 1em 0;
	}

	.network_sec01 dl.facility dt {
		padding: 1em 0 0;
		font-size: 115%;
	}

	.network_sec01 dl.facility dt:after {
		margin: 0.5em auto;
	}

	.network_sec01 dl.facility dd img {
		display: block;
		width: 65%;
		margin: 1em auto;
	}

	.network_sec01 div.detail {
		text-align: left;
		margin: 0 0.5em;
	}

	.network_sec01 div.detail ul.data li {
		border-bottom: 1px solid #ddd;
		padding: 0.5em 0;
	}

	.network_sec01 div.detail ul.data li:last-child {
		border-bottom: none;
	}

	.network_sec01 div.detail ul.data li dl dt {
		color: #004098;
		font-weight: 600;
	}

}

/* sec02 */

.network_sec02 {

}

.network_sec02 picture {
	display: block;
	width: 100%;
}

.network_sec02 img {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.slick-arrow.slick-prev {
	background: url(/assets/top/visual_icon_left.png) no-repeat;
	background-size: contain;
	z-index: 10;
}

.slick-arrow.slick-next {
	background: url(/assets/top/visual_icon_right.png) no-repeat;
	background-size: contain;
	z-index: 10;
}

.slick-prev:before,
.slick-prev:after,
.slick-next:before,
.slick-next:after {
	content: '';
}

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

	.slick-arrow.slick-prev,
	.slick-arrow.slick-next {
		width: 50px;
		height: 50px;
		opacity: 0.5;
		transition: .3s;
	}

	.slick-arrow.slick-prev:hover,
	.slick-arrow.slick-next:hover {
		opacity: 1;
	}

	.slick-next {
		right: 225px;
	}

	.slick-prev {
		left: 225px;
	}


}

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

	.network_sec02 {
		padding-bottom: 2em;
	}

	.slick-prev, .slick-next,
	[dir='rtl'] .slick-prev:before,
	[dir='rtl'] .slick-prev:after {
		width: 2em;
		height: 2em;
	}


	.slick-next {
		right: 1em;
	}

	.slick-prev {
		left: 1em;
	}


}