@charset "utf-8";

/* 加入のメリット
========================================== */

.join-tit-merit {
	font-weight: bold;
	font-size: 27px;
	padding: 1em 0;
}
.join-merit {
	background: #fff;
	border: #C3C3C3 1px solid;
	padding: 23px 40px;
	background: #F7F7F4;
	border-radius: 3px;
	margin-top: 30px;
}
.join-merit .join-merit-tit {
	font-size: 20px;
	border-bottom: #E6D7D0 2px solid;
	text-align: center;
	padding-bottom: 0.8em;
}
.join-merit .join-merit-txt {
	margin-top: 1em;
}
.join-merit .join-merit-txt ol {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 5px;
}
.join-merit .join-merit-txt ol li {
}
@media only screen and (max-width: 767px) {
	.join-merit {
		padding: 2em;
	}
	.join-merit .join-merit-txt ol {
		display: flex;
		flex-wrap: wrap;
	}
	.join-merit .join-merit-txt ol li {
		width: 100%;
	}
}

/* 加入のメリット-具体例
========================================== */

.join-special {
	margin-top: 30px;
}
.join-special dl {
	display: flex;
	border: #D6BBB3 3px solid;
	border-radius: 3px;
}
.join-special dl + dl {
	margin-top: 20px;
}
.join-special dl dt {
	background: #E7DEDB;
	font-size: 22px;
	max-width: 370px;
	width: 100%;
	color: #6C3D2E;
	display: flex;
	align-items: center;
	font-weight: bold;
	padding-left: 130px;
}
.join-special dl.join-sp01 dt {	background:#E7DEDB url(../img/join/ic_join_sp01.svg) no-repeat center left 35px;}
.join-special dl.join-sp02 dt {	background:#E7DEDB url(../img/join/ic_join_sp02.svg) no-repeat center left 35px;}
.join-special dl.join-sp03 dt {	background:#E7DEDB url(../img/join/ic_join_sp03.svg) no-repeat center left 35px;}
.join-special dl.join-sp04 dt {	background:#E7DEDB url(../img/join/ic_join_sp04.svg) no-repeat center left 35px;}
.join-special dl.join-sp05 dt {	background:#E7DEDB url(../img/join/ic_join_sp05.svg) no-repeat center left 35px;}
.join-special dl.join-sp06 dt {	background:#E7DEDB url(../img/join/ic_join_sp06.svg) no-repeat center left 35px;}

.join-special dl dd {
	padding: .8em;
}
.join-special dl dd .join-sp-tit {
	border-bottom: #E6D7D0 1px solid;
	padding: 0 .8em .5em;
	margin-bottom: .5em;
	font-size: 20px;
	color: #BE3717;
	font-weight: bold;
}
.join-special dl dd .join-sp-tit + p {
	padding: 0 .8em;
}
.join-special .join-special-tips {
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 1em;
	text-indent: -1em;
	padding-left: 1em;
}

@media only screen and (max-width: 767px) {
	.join-special dl {
		flex-wrap: wrap;
	}
	.join-special dl dt {
		font-size: 18px;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.join-special .join-special-tips {
		font-size: 16px;
	}
}