@charset "utf-8";
/* CSS Document */

.pageMerit .merit { background: linear-gradient(#eee4e7, #ebf6fc);}
.pageMerit .merit .main {width: 100%; margin: auto;}
.pageMerit .merit .main img { width: 100%; height: auto; max-width: 1920px;}
.pageMerit .merit .contents { padding: 60px 0;}
.pageMerit .merit .check {
    display: flex;
    align-items: center;
	padding: 50px 0;
}
.pageMerit .merit .check:before,
.pageMerit .merit .check:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
.pageMerit .merit .check:before { margin-right: 1rem;}
.pageMerit .merit .check:after {  margin-left: 1rem;}

.pageMerit .merit .copy { padding-bottom: 60px;}
.pageMerit .merit .copy p {
	text-align: center;
	font-size: 180%;
	line-height: 1.6;
}

.pageMerit .merit .point p {
	text-align: center;
	margin-bottom: 50px;
}
.pageMerit .merit .btn ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.pageMerit .merit .btn ul li {	
	width: 38%;
	margin: 10px;
}
.pageMerit .merit .btn ul li a {
	display: block;
	background: linear-gradient(to right, #46beb4, #1e7cda);
	color: #fff;
	text-decoration: none;
	padding: 20px 15px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}
.pageMerit .merit .btn ul li a:after {
	content: "\f105";
	display: inline-block;
	margin-left: 5px;
	color: #ffffff;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

@media screen and (max-width: 767px) {
	.pageMerit .merit .main img { width: 100%; height: auto;}
	.pageMerit .merit .copy { padding: 0px 15px;}
	.pageMerit .merit .copy p { font-size: 120%;}
	.pageMerit .merit .check img { width: 50%; height: auto;}
	.pageMerit .merit .point { padding: 20px;}
	.pageMerit .merit .btn ul li { width: 90%; margin-bottom: 15px;}
}





/*end*/