@charset 'utf-8';

/* ------------------------------
 他社回線をご利用中の方
------------------------------ */

.tl {
	padding: 28px 0;
	font-feature-settings: "palt";
}

.important {
	font-weight: bold;
	color: #f00;
}

/* メイン */

#main {
	width: 640px;
	height: 433px;
	margin-right: auto;
	margin-left: auto;
	padding: 38px 20px 0;
	background: url(/img/sp/other/bg_main.png) no-repeat;
	box-sizing: border-box;
}

#main_inner ol {
	width: 600px;
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#main_inner ol li:nth-of-type(n + 3) {
	margin-top: 7px;
}

/* using */

.tablebox table {
	width: 100%;
	border-collapse: collapse;
	font-feature-settings: "palt";
}

.tablebox table td {
	font-size: 20px;
	padding: 20px 5px;
	border: 1px solid #ccf;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}

.tablebox table td.softbank {
	background-color: #fffde5;
}

.tablebox table .notice {
	color: #ff0000;
}

.tablebox table em {
	color: #000;
	font-style: normal;
	text-decoration: line-through;
}

.tablebox table th span {
	font-weight: normal;
	font-size: 11px;
}

.tablebox table thead th {
	font-size: 22px;
	line-height: 1.3;
	color: #039;
	padding: 16px 5px;
	border: 1px solid #ccf;
	background-color: #eee;
	vertical-align: middle;
}

#using .section:nth-of-type(2) .tablebox table tbody th:nth-of-type(1) {
	width: 14%;
}
#using .section:nth-of-type(2) .tablebox table tbody th:nth-of-type(2) {
	width: 26%;
}
#using .section:nth-of-type(2) .tablebox table tbody th:nth-of-type(3) {
	width: 20%;
}

.tablebox table tbody th {
	font-size: 14px;
	line-height: 1.5;
	color: #039;
	padding: 20px 5px;
	border: 1px solid #ccf;
	background-color: #eee;
	vertical-align: middle;
}

.tablebox table th.header {
	color: #fff;
	background-color: #039;
}

.tablebox table th .mtxt {
	font-size: 12px;
}

.tablebox table td .mtxt {
	font-size: 16px;
}

.attention {
	font-size: 18px;
	line-height: 1.5;
	color: #666;
}

.ex_link {
	margin-top:16px;
	text-align: right;
}

.ex_link a {
	display: inline-block;
	padding-left: 28px;
	background: url(/img/sp/other/ar_ex_link.png) no-repeat left center;
	font-size: 24px;
	color: #2146ee;
}

.ex_section {
	padding: 20px;
	border-radius: 8px;
	background-color: #aac1d9;
	box-sizing: border-box;
}

.ex_section p {
	padding: 18px;
	border-radius: 8px;
	background-color: #fff;
	box-sizing: border-box;
}

/* etc_service */

#etc_service .bnrbox {
	padding: 40px 0;
	background-color: #ebebf0;
	text-align: center;
}

#etc_service .bnrbox li:not(:first-of-type) {
	margin-top: 10px;
}

/* etc_service */

#flow .box {
	padding: 40px 0;
	background-color: #ebebf0;
	text-align: center;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/