@charset "UTF-8";

/* .naviArea */
.naviArea a {
	color:#0a98c6;
}
.naviArea .cont {
	width:82%;
	margin:0 auto;
	padding-bottom:50px;
}
.naviArea .ttl01 {
	text-align:center;
	padding:45px 0 16px;
	line-height:1.2;
}
.naviArea .ttl02 {
	background: url(../common/images/ico_tit01.png) no-repeat left top;
	background-size: 3.5% auto;
	padding: 2px 0 0 5%;
	margin-bottom: 8px;
}
.naviArea .mtxt {
	text-align:center;
	line-height:1.95;
	padding-bottom:16px;
	margin-bottom:16px;
}
.naviArea .list01 {
	border:#bdbdbd 3px solid;
	padding:2.3% 3%;
	margin-bottom:52px;
}
.naviArea .list01 li {
	line-height:2;
}
.naviArea .list02 {
	margin:0 -1.2%;
	padding:5px 0;
	overflow:hidden;
	clear:both;
}
.naviArea .list02 li {
	width:33.33%;
	float:left;
	box-sizing:border-box;
	padding:0 1.2% 40px;
	text-align:right;
}
.naviArea .list02 li span {
	display:inline-block;
	padding:5px 0;
}
.naviArea .list02.dif li {
	text-align:center;
	padding-bottom:45px;
}
.naviArea .list02.dif li span {
	padding:5px 0 0 .7em;
}
.naviArea .list03 {
	border-top:#bbb 1px dashed;
	border-bottom:#bbb 1px dashed;
	padding:12px 2%;
	margin:14px 0 20px;
}
.naviArea .list03 li {
	line-height:1.7;
	text-indent:-1.8em;
	padding-left:1.8em;
}
.naviArea .list04 {
	padding-bottom:42px;
}
.naviArea .list04 li {
	line-height:1.7;
}
.naviArea .stepList .step {
	padding-top:28px;
}

/* .stepList */
.stepList {
	width:82%;
	margin:0 auto;
	padding-bottom:50px;
}
.stepList .title {
	border-bottom:#ccc 1px solid;
	position:relative;
	padding:2px 0 2px 13.5%;
	letter-spacing:0.05em;
}
.stepList .title .ico {
	position:absolute;
	left:0;
	bottom:-10%;
}
.stepList .set01 {
	padding:38px 0 42px;
}
.stepList .set01 .img01 {
	width:31.765%;
	float:left;
}
.stepList .set01 .txt {
	width:66%;
	float:right;
	line-height:1.9;
	margin-top:-3px;
}
.stepList .set02 {
	width:86%;
	margin:0 auto;
	clear:both;
	padding:40px 0 45px;
}
.stepList .set02 .txt {
	padding-bottom:20px;
}
.stepList .set02 .txt a {
	color:#e38d2a;
	font-weight:bold;
}
.stepList .set02 dl {
	width:50%;
	float:left;
}
.stepList .set02 dl:last-child dd {
	float:right;
}
.stepList .set02 dl dt {
	color:#fff;
	background:#0a96c5;
	font-weight:bold;
	padding:14px 4.9315%;
	margin-bottom:28px;
}
.stepList .set02 dl:last-child dt {
	background:#70bcdc;
}
.stepList .set02 dl dd {
	width:93.15%;
}

.faw-img_ng {
	position: relative;
}
.faw-img_ng:before {
	content: "\f00d" ;
	color:#eba036;
	position: absolute;
    font-size: 1.3em;
    top: 60%;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
}


@media only screen and (min-width:681px) and (max-width:1024px){
.naviArea {
	font-size:1.5vw;
}
}

@media only screen and (min-width:1px) and (max-width:680px){
/* .naviArea */
.naviArea .cont {
	width:94%;
}
.naviArea.bank .cont {
	padding-bottom:0;
}
.naviArea .ttl01 {
	padding-top:35px;
	font-size:6vw;
	margin:0 -2%;
	letter-spacing:0;
}
.naviArea .ttl02 {
	font-size:5vw;
	line-height:1.2;
	background: url(../common/images/ico_tit01s.png) no-repeat left top;
	background-position:left top!important;
	background-size:8% auto!important;
	padding:0 0 0 10%;
	margin:0;
}
.naviArea .mtxt {
	line-height:1.6;
	margin-bottom:-20px;
	padding-bottom:20px;
}
.naviArea .list01 {
	border-width:2px;
	margin-bottom:42px;
}
.naviArea .list01 li {
	line-height:1.4;
}
.naviArea .list01.dif {
	padding-top:4%;
	padding-bottom:4%;
}
.naviArea .list01.dif li {
	line-height:1.8;
	text-indent:-1em;
	padding-left:1em;
}
.naviArea .list02 {
	margin:0 0 15px;
	padding:15px 0;
}
.naviArea .list02 li {
	width:100%;
	padding:0 0 13px;
	float:none;
}

.naviArea .list03 {
	padding:7px 0;
}
.naviArea .spT {
	padding:10px 0 0;
}
.naviArea .list04 {
	padding:10px 0 30px;
}
.naviArea .list04 li {
	text-indent:-1em;
	padding-left:1em;
}
.naviArea .stepList .step {
	padding-top:15px;
}

/* .stepList */
.stepList {
	width:94%;
}
.stepList .title {
	font-size:5vw;
	padding:0 0 0 17%;
	letter-spacing: 0;
	border:none;
	line-height:1.2;
}
.stepList .title .ico {
	width:15.385%;
}
.stepList .set01 {
	padding:15px 0;
}
.stepList .set01 .img01 {
	width:100%;
	float:none;
	padding-bottom:24px;
}
.stepList .set01 .txt {
	width:100%;
	float:none;
	margin:0;
	line-height:1.5;
}
.stepList .list02.dif li {
	padding-bottom:30px;
}
.stepList .list02.dif li span {
	font-size:4.6vw;
	padding:2vw 0 0 .7em;
}
.stepList .set02 {
	width:100%;
	padding:15px 0 72px;
}
.stepList .set02:last-child {
	padding-bottom:0;
}
.stepList .set02 dl {
	width:100%;
	float:none;
	padding-bottom:50px;
}
.stepList .set02 dl dt {
	font-size:4vw;
	padding:2% 5%;
	margin-bottom:20px;
}
.stepList .set02 dl dd {
	width:100%;
}
.naviArea.bank .stepList .set02 {
	padding:10px 0 50px;
}
.naviArea.bank .stepList .set02 dl {
	padding-bottom:30px;
}
.naviArea.bank .stepList .set02:last-child {
	padding-bottom:0;
}

.faw-img_ng:before {
	content: "\f00d" ;
	color:#eba036;
	position: absolute;
    font-size: 1.3em;
    top: 62%;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
}