@charset "UTF-8";
/* CSS Document */
#pankuzu{ margin:20px 0 30px 0;}

.maincont{ background-color:rgba(255,255,255,0.9); padding:0 10px;}
/* ご利用の流れ */
ul.flowstep{
	overflow: hidden;
	margin-bottom: 50px;
}
ul.flowstep li{
	float: left;
	width: 16.66%;
}

h4.step{
	background: #F7F7F2;
	font-size: 1.4em;
	margin-bottom: 20px;
	color: #89C311;
	padding: 10px 20px;
	border-bottom: 2px solid #89C311;
}

h4.step span{
	font-size: 0.8em;
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
	border-right: 1px dotted #89C311;
	padding-right: 10px;
}

h4.step.lst{
	color: #0E7548;
	border-bottom: 2px solid #0E7548;
}

h4.step.lst span{
	border-right: 1px dotted #0E7548;
}

.applist{ display:block; padding-left:251px;}
.applist dl{ border:1px solid #89C311; margin-top:10px;}
.applist dt,.applist dd{ display:inline-block; vertical-align:middle;}
.applist dt{ font-weight:bold; background-color:#89C311; color:#fff; font-size:2rem; line-height:2.8em; width:136px; text-align:center;}
.applist dd{ padding-left:30px;}


ul.ics{
	overflow: hidden;
}
ul.ics li{
	float: left;
	padding: 0 5px;
}

h5.stepsub{
	color: #89C311;
	font-size: 1.1em;
	margin-bottom: 5px;
}

table.nmtbl{
	width: 100%;
}
table.nmtbl th,
table.nmtbl td{
	border: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	font-weight: normal;

	/*word-break: break-all;*/
}

table.nmtbl.fxs th,
table.nmtbl.fxs td{
	font-size: 70%;
}


table.nmtbl th{
	background: #f3f3f3;
}
table.nmtbl td.sub{
	background: #f9f9f9;
}

table.nmtbl th.dk{
	background: #e9e9e9;
}
table.nmtbl th.c01{
	background: #E9F2FF;
}
table.nmtbl th.c02{
	background: #ECF7E8;
}
table.nmtbl th.c03{
	background: #FBECF0;
}
table.nmtbl th.c04{
	background: #F6F0E5;
}




/* ご利用の流れ SP */
@media screen and (max-width: 767px) {
header .step{ display:none;}

ul.flowstep{
	margin-bottom: 30px;
}

h4.step{
	background: #F7F7F2;
	font-size: 1.0em;
	margin-bottom: 10px;
	padding: 5px 10px;
}

ul.ics{
	text-align: center;
}
ul.ics li{
	float: none;
	display: inline-block;
}
ul.ics li img{
	max-width: 80px;
}

h5.stepsub{
	font-size: 1.0em;
}

table.nmtbl{
	width: 100%;
}
table.nmtbl th,
table.nmtbl td{
	font-size: 0.9em;
}

.applist{ padding-left:0;}
.applist dl{ margin-bottom:10px;}
.applist dt,.applist dd{ display:block;}
.applist dt{ font-size:1.6rem; line-height:2em; width:100%; text-align:center;}
.applist dd{ text-align:center; padding:10px 0;}

}


/* 利用規約 */
h4.norm{
	font-size: 1.4em;
	margin-bottom: 20px;
	color: #279D6A;
	padding: 10px 0;
	border-bottom: 2px solid #279D6A;
}
h4.norm span{
	font-size: 80%;
}

ul.bl li{
	list-style-type: disc;
	margin-left: 20px;
}
