@charset "utf-8";
/*===============================================
●共通
===============================================*/
.law th,
.law td {
	line-height:1.8em;
	vertical-align:middle;
	text-align:justify;
	text-justify:inter-ideograph;
}

.law th {
	font-weight:bold;
	color:#ffffff;
	background-color:#0e53a3;
}

.law td {
	background-color:#eaf6fd;
}

.law li {margin-bottom: 0.5em;}

.law li:last-child{
	margin-bottom:0;
}

.law img {width:30%;}

#dmmail li {
	padding-left:1em;
	text-indent:-1em;
}

.fee {width: 100%;}

.fee table {width: 100%;}

/*#postage table th:nth-child(1),
#postage table th:nth-child(3) {width:20%}
#postage table th:nth-child(2) {width:60%}*/

.fee td {
	background-color:#FFFFFF
}

.termList, .termList p {
	text-align:justify;
	line-height:1.8em
}

/* list
---------------------------------------- */
.dlList01 dt {
	line-height:1.3em;
	font-weight:bold;
	font-size:1.2em;
}

.dlList01 dd {
	padding-left:1.3em;
}

.colorBlue {color:#0e53a3;}

/* 会員登録のメリット
---------------------------------------- */
.meritTable table {
	width:100%;
	border-collapse:separate;
	border-spacing: 0 1.8em;
	margin-bottom: 1em;
}
.meritTable th {
	color:#FFF;
	background-color:#0e53a3;
	/* font-family:"ゴシックMB101 DB"; */
	font-size:1.15em; font-weight: bold;
	text-align:center;
	vertical-align: middle;
}
.meritTable td {
	background-color:#eaf5fc;
	vertical-align:middle;
}
.meritTable h4 {
	font-size:1.5em; font-weight: bold;
	line-height:1.8em;
	color:#0052a4;
	/* font-family:"ゴシックMB101 DB"; */
}
.meritTable td p {
	line-height:1.8em;
	padding: 0.2em 0;
}
.meritNumber {
	margin-left:0.1em;
	line-height: 1em;
}

/*===============================================
●画面の横幅が729px以下
===============================================*/
@media screen and (max-width: 767px) {
	.law {
		margin-bottom:2em;
	}

	.law th,
	.law td {
		display:block;
		padding:1em;
		vertical-align:middle;
		border-right:1px solid #fffff;
		border-left:1px solid #ffffff;
	}

	.law th {
		border-top:1px solid #ffffff;
		border-bottom:1px dotted #999;
	}

	.law td {
		margin-bottom:0.5em;
		border-bottom:1px solid #fffff;
	}

	.fee th,
	.fee td {
		display: table-cell;
		font-size: 0.92em;
		padding: 0.6em;
		width: 50%;
	}
	.fee td {
		line-height: 1.3em;
	}
	.fee tr {border-bottom: #ccc 1px solid;}
	/*.fee tr td:nth-child(2) {
		white-space: nowrap;
		text-align: left;
		border-left: #ccc 1px solid!important;
	}*/
	.fee tr td:nth-child(1),
	.fee tr td:nth-child(3) {
		white-space: nowrap;
		text-align: left;
	}

	.fee tr td:nth-child(2),
	.fee tr td:nth-child(3) {
		border-left: #ccc 1px solid!important;
	}


	/* list
	---------------------------------------- */
	.dlList01 {
		margin-bottom:1.5em;
	}

	.dlList01 dt {
		margin-bottom:0.5em;
	}

	.dlList01 dd {
		line-height:1.8em;
		margin-bottom:2em;
	}

	/* 会員登録のメリット
	---------------------------------------- */
	.meritTable th,.meritTable td {display:block;}
	.meritTable th {padding:0.6em 0.5em 0.8em;}
	.meritTable td {padding:1em 1em;}
	.meritNumber {font-size:1.6em;}
	.meritBtn {margin-bottom:1em;}

}

/*===============================================
●画面の横幅が730px以上
===============================================*/
@media screen and (min-width: 768px) {
	.law {
		width:100%;
	}

	.law th {
		width:20.5%;
	}

	.law th,
	.law td {
		border-bottom:2px solid #ffffff;
		border-top:1px solid #ffffff;
		padding:1em;
		vertical-align:middle;
	}

	.law th {
		border-left:1px solid #ffffff;
	}

	.law td {
		border-right:1px solid #ffffff;
	}

	.fee th,
	.fee td {
		border-bottom:2px solid #DCDCDC;
		border-top:1px solid #DCDCDC;
		padding:1em;
		vertical-align:middle;
	}

	/*.fee th {
		border-left:1px solid #DCDCDC;
		width: auto;
	}*/

	.fee td {
		border-right:1px solid #DCDCDC;
		border-left:1px solid #DCDCDC;
	}

	/* list
	---------------------------------------- */
	.dlList01 {
		margin-bottom:3.0em;
	}

	.dlList01 dt {
		margin-bottom:0.5em;
	}

	.dlList01 dd {
		margin-bottom:2.5em;
		line-height: 2em;
	}

	/* 会員登録のメリット
	---------------------------------------- */
	.meritTable th {
		width:13%;
		padding: 0.2em 0.5em;
	}
	.meritTable td {
		width:87%;
		text-indent:1.5em;
	}
	.meritNumber {font-size:1.8em;}
	.meritBtn {margin-bottom:0;}
	.meritBtn a {
		width: 17em;
		margin: 0 auto;
	}

}