body {
	background: #eaedf4;
}

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

.cont_wrap h2 {
	font-weight: 600;
	color: #004098;
}

.cont_wrap h2:after {
	content: "";
	width: 3em;
	height: 1px;
	background: #004098;
	display: block;
	margin: 0 auto;
}

@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: 37.5%;
	}

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

	.cont_wrap h2 {
		font-size: 125%;
	}

	.cont_wrap h2:after {
		margin: 15px auto 30px;
	}

}

@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: 94.5%;
	}

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

	.cont_wrap {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}

	.cont_wrap h2 {
		padding: 1em 0 0;
		font-size: 115%;
		line-height: 1.3;
	}

	.cont_wrap h2:after {
		margin: 0.5em auto;
	}

	#mainArea p {
		font-size: 68%;
	}

	.cont_wrap {
		overflow: hidden;
	}

}


.match_list01 li.list dl {
}

.match_list01 li.list dl dt {
	display: block;
	padding: 0.5em 0;
	font-weight: 600;
}

.match_list01 li.list:nth-child(1) dl dt {
	background: #004098;
	color: #fff;
}

.match_list01 li.list:nth-child(2) dl dt {
	color: #004098;
}

.match_list01 li.list:nth-child(3) dl dt {
	background: #1da586;
	color: #fff;
}

.match_list01 li.list dl dd ul {
	margin: 1em 0.5em;
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 95%;
}

main .matching_btn01 a[target^="_blank"]::after {
	display: none;
}

.matching_btn01 a {
	display: inline-block;
	background: #004098;
	border: 2px solid #004098;
	position: relative;
	height: 3em;
	min-width: 10em;
}

.matching_btn01 a span {
	display: block;
	position: absolute;
	left: 1em;
	top: 50%;
	color: #fff;
	transform: translateY( -50% ) scale( 1, 0.9 );
	letter-spacing: 0.2rem;
}

.matching_btn01 a small {
	background: url(/assets/image/btn_link_icon_o.png) no-repeat;
	background-size: auto;
	background-size: 100%;
	display: block;
	position: absolute;
	right: 1em;
	top: 50%;
	color: #fff;
	transform: translateY( -50% );
	line-height: 1.0;
	width: 2em;
	height: 5px;
}

.matching_btn01 a small img {
	display: block;
}

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

	.match_list01 {
		margin: 50px 0;
		display: flex;
		justify-content: space-between;
	}

	.match_list01 li.list {
		width: 32%;
	}

	.match_list01 li.list > span {
		display: none;
	}
	
	.match_list01 li.list dl dd ul {
		height: 7.25em;
	}

	.match_list01 li.list dl dd p img {
		width: 30%;
		margin: 0 auto;
	}

	.match_list01 li.list:nth-child(2) dl > dd > p img {
		width: 85%;
	}

	.matching_btn01 a {
		display: block;
		width: 500px;
		margin: 0 auto;
	}

	.matching_btn01 a,
	.matching_btn01 a span,
	.matching_btn01 a small {
		transition: .3s;
	}


	.matching_btn01 a:hover span {
		color: #004098;
	}

	.matching_btn01 a:hover {
		background: #888;
	}

	.matching_btn01 a:hover small {
		right: -1.5em;
	}

	.matching_btn01 a:hover small img {
		opacity: 0;
	}

}

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

	.match_list01 {
		margin: 1em 0.5em;
	}

	.match_list01 li.list {
		margin: 1.5em 0;
	}

	.match_list01 li.list > span img {
		width: 5%;
		margin: 0.5em auto;
	}
	
	.match_list01 li.list dl {
		font-size: 68%
	}

	.match_list01 li.list dl dd p img {
		width: 25%;
		margin: 0 auto;
	}

	.match_list01 li.list:nth-child(2) dl > dd > p img {
		width: 35%;
	}

	.match_list01 li.list dl dt {
		line-height: 1.35;
	}

	.matching_btn01 a {
		width: 85%;
	}

	.matching_btn01 a span {
		font-size: 68%
	}

}