@charset "UTF-8";

.mainVis {
	background: url(../images/bg-belong.jpg);
	background-position: center top 20%;
	background-repeat: no-repeat;
	background-size: cover;
}

/*================================================
 *  benefit
 ================================================*/
.benefit {
	margin-top: 80px;
}
.feature table {
	margin: 80px auto 20px;
	max-width: 800px;
}
.feature table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.feature td, th {
	padding: 3px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
}
.feature th {
	background: #c3daca;
	width: 300px;
}
.feature td.category {
	background-color: #6f8e78;
    color: #fff;
}
@media screen and (max-width:768px) {
	.benefit {
		margin-top: 30px;
	}
	.benefit .w30 {
		margin-bottom: 40px;
	}
	.feature table {
		margin: 30px auto 20px;
		font-size: 12px;
	}

}


/*================================================
 *  terms
 ================================================*/
.terms {
	background-color: #F9F3CF;
}
.terms ol {
	max-width: 370px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.terms ol li {
	padding-bottom: 15px;
	font-size: 16px;
	letter-spacing: 0.05em;
}
@media screen and (max-width:768px) {
	.terms {
		padding-left: 15px;
		padding-right: 15px;
	}
	.terms ol {
		margin: 0 20px;
	}
}


/*================================================
 *  training
 ================================================*/
.training .merit .merit-box {
	width: 23%;
    border: 2px solid #c3daca;
    height: 150px;
    text-align: center;
    border-radius: 5px;
    padding: 20px 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.training .merit .merit-icn {
	background-color: #6f8e78;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: table;
}
.training .merit .merit-icn i {
	font-size: 20px;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}
@media screen and (max-width:768px) {
	.training .merit .merit-box {
		width: 48%;
		height: auto;
	}
}

/*================================================
 *  instructor
 ================================================*/
.instructor .caption {
	margin-top: 50px;
}
@media screen and (max-width:768px) {
	.instructor .w30 {
		margin-bottom: 40px;
	}
	.instructor .caption {
		margin-top: 0px;
	}
}



/*================================================
 *  attention
 ================================================*/
.attention ol {
	max-width: 650px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.attention ol li {
	padding-bottom: 15px;
	font-size: 16px;
	letter-spacing: 0.05em;
}
@media screen and (max-width:768px) {
	.attention {
		padding-left: 15px;
		padding-right: 15px;
	}
	.attention ol {
		margin: 0 15px;
	}
}