@charset "utf-8";

/*
*	アカウント情報
------------------------------- */
.row{
	table-layout: fixed;
}
#sidemenu .account_info{
	display: none;
}
.p-formsurvey {
	display: none;
}
textarea{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.p-mtxs {
	margin-top: 15px;
}
.p-mts {
	margin-top: 25px;
}
.p-mtm {
	margin-top: 30px;
}
.p-mtl {
	margin-top: 40px;
}
.mt15 {
	margin-top: 15px;
}

.row dd p {
	font-size: 15px;
}
.p-toprow {
	border-top: 1px dotted #cccccc;
}
.box-02 {
	margin-bottom: 30px;
}

.contents_section {
	margin-bottom: 50px;
}

#pageWrap {
	overflow: hidden;
}
#page-01_SP {
}
#page-02_SP {
}


.sp_page_btns {
	padding: 50px 0;
}
#spBackBtn {
	margin: 20px auto 0;
}
#confirmBtn{
	margin: 0 auto 0;
}


/*
 * 必須
 ------------------------------- */
 .lead-txt .tag-require {
 	margin: 0 6px 0 0;
 	position: relative;
 	display: inline-block;
 	top: auto;
 	left: auto;
 	vertical-align: middle;
 	text-indent: -9999px;
 }

/*
 * 氏名
 ------------------------------- */
 .row .row-name {
 	width: 48%;
 }

/*
 * 生年月日
 ------------------------------- */
 .row-yymmdd {
 	display: flex;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	align-items: center;
 }
 .row-yymmdd .select-box:nth-of-type(1) {
 	width: 50%;
 }
 .row-yymmdd .select-box:nth-of-type(2),
 .row-yymmdd .select-box:nth-of-type(3) {
 	width: 20%;
 }
 .row-yymmdd .select-box select {
 	width: 100%;
 }

/*
 * 電話番号
 ------------------------------- */
 .row-telnum label {
 	margin-top: 15px;
 	margin-bottom: 4px;
 }
 /*
  * 自宅郵便番号
 ------------------------------- */
 .row-zipcode {
 	display: table;
 	width: 100%;
 	margin-top: 15px;
 	}
 .row-zipcode > div {
 	display: table-cell;
 	}
 .row-zipcode > div:first-child {
 	width: 24px;
 	}
 _:-ms-lang(x), .row-zipcode > div:first-child {
 	vertical-align: top;
 	padding-top: 10px
 	}
 .row-zipcode > div:last-child > div:last-child a {
 	line-height: 1;
 	margin-top: 10px;
 	display: inline-block;
 	}
 .row-zipcode > div:last-child > div:last-child a .ico {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
 	background-size: 100%;
 	margin: 0 0 0 5px;
 	}
 .row-zipcode > div:nth-child(2) > div > small {
 	line-height: 1;
 	margin-top: 10px;
 	display: block;
 	}
 .row-zipcode > div:nth-child(2) > div > div {
 	display: flex;
 	width: 100%;
 	}
 .row-zipcode > div:nth-child(2) > div > div > input {
 	margin-right: 15px;
 	}

 /* 住所自動入力ボタン */
 #autoInputAdressBtn {
 	line-height: 44px;
 	width: 130px;
 	min-width: 130px;
 	font-size: 14px;
 	}
 .row-zipcode + p {
 	margin-top: 20px;
 	}
/*
 * 他社からの借入残高
 ------------------------------- */
 .row-loanbalance {
 	display: flex;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	align-items: center;
 	margin-top: 10px;
 }
 .row dd .row-loanbalance input:first-child {
 	width: 35%;
 }
 .row dd .row-loanbalance input:last-child {
 	margin-top: 0px;
 	width: 43%;
 }

/*
 * 勤務先電話番号
 ------------------------------- */


/*
 * 年収
 ------------------------------- */
 .row-income {
 	display: flex;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	align-items: center;
 }
 .row-income input {
 	width: 45%;
 }

/*
 * リボ宣言
 ------------------------------- */
 .row-ribo {
 	display: flex;
 	flex-wrap: nowrap;
 	justify-content: flex-start;
 	align-items: center;
 }
 .row-ribo .radio_group-01 {
 	margin-right: 10px;
 }
 .row-ribo .radio_group-01 > label {
 	padding: 0 0;
 	width: 88px;
 }

 p.p-mtl {
 	margin: 30px 0;
 }
 .row-ribo > a {
 	line-height: 1;
 	margin-top: 10px;
 	display: inline-block;
 }
 .row-ribo > a .ico {
 	display: inline-block;
 	width: 12px;
 	height: 12px;
 	background-size: 100%;
 	margin: 0 0 0 5px;
 }

/*
 * 暗証番号
 * 会員マイページ用パスワード
 ------------------------------- */
 .row-pass-wide p:nth-of-type(2),
 .row-pass p:nth-of-type(2) {
 	margin-top: 15px;
 }
 .row-pass input[type="password"],
 .row-pass input[type="text"] {
 	width: 45%;
 }

/*
 * 本カード取引の利用目的
 ------------------------------- */
 .check_group-01.cehck_agree {
 	margin-top: 10px;
 }
 .radio_group-02 label {
 	min-width: 85px;
 }
 .radio_group-02 label img {
 	width: 150px;
 	height: auto;
 }
 .p-plainradio label,
 .p-plainradio label.active {
 	background-color: #fff;
 	border: none !important;
 	border-radius: 0;
 }
 .p-plainradio label:nth-of-type(n+4) {
 	margin-top: 10px;
 }
 .check_group-01 {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: flex-start;
 	padding: 0;
 }
 .check_group-01 > label {
 	background-color: #f7f3f0;
 	border: 1px solid #d2d2d2;
 	border-radius: 0;
 	box-sizing: border-box;
 	cursor: pointer;
 	padding: 9px 10px 9px 45px;
 	position: relative;
 	-webkit-transition: .3s;
 	transition: .3s;
 	vertical-align: middle;
 	min-width: 20%;
 	width: auto;
 	z-index: 1;
 }
 .check_group-01 > label + label {
 	border-left: 1px solid #f7f3f0;
 }
 .check_group-01 > label:nth-of-type(5n+1) {
 	border-left: 1px solid #d2d2d2;
 }
 .check_group-01 > label:nth-of-type(n+6) {
 	border-top: 1px solid #f7f3f0;
 }
 .check_group-01 > label.active {
 	background-color: #40c890;
 	border: 1px solid #24a26e;
 	color: #fff;
 	font-weight: bold;
 }
 .check_group-01 label:before {
 	top: 0;
 	left: 10px;
 	bottom: 0;
 	margin: auto;
 }
 .check_group-01 label.active:before {
 	border-color: #24a26e;
 	background-color: #2faa77;
 }
 .check_group-01 label.active:after {
 	top: 50%;
 	left: 14px;
 	margin-top: -6px;
 	border-color: #fff;
 }

.check_group-01 label:nth-of-type(1){
	border-radius: 8px 0 0 8px;
	border-left: 1px solid #d6d6d6;
}
.check_group-01 label:nth-of-type(2){
	border-radius: 0 0 0 0;
}
.check_group-01 label:nth-of-type(odd):last-child {
	border-radius: 0 8px 8px 0;
}
.check_group-01 label:nth-of-type(odd):nth-last-of-type(2) {
	border-radius: 0 0 0 0;
}
.check_group-01 label:nth-of-type(even):last-child {
	border-radius: 0 8px 8px 0;
}
.check_group-01 > label:nth-of-type(even):nth-last-of-type(2) {
	border-radius: 0 0 0 0;
	}
.row div.check_group-01 label:first-of-type {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

 [class*="p-textbox"] textarea {
 	width: 100%;
 	background-color: #fff;
 	border: 1px solid #d2d2d2;
 	border-radius: 3px;
 	padding: 10px 12px;
 	font-size: 16px;
 	line-height: 1.3125;
 	resize: none;
 }
 .p-textbox-s textarea {
 	height: 67px;
 }
 .p-textbox-m textarea {
 	height: 150px;
 }
 .p-textbox-l textarea {
 	height: 277px;
 }
 .row .p-fileuploader > label {
 	display: inline-block;
 }
 .p-fileinput {
 	display: none;
 }
 .p-uploadbtn {
 	background-color: #f6f4f0;
 	border: 1px solid #d2d2d2;
 	border-radius: 3px;
 	cursor: pointer;
 	display: inline-block;
 	font-size: 16px;
 	padding: 11px 0;
 	text-align: center;
 	width: 250px;
 }
 .p-filename {
 	display: none;
 	margin-left: 50px;
 	max-width: 270px;
 }
 .p-filedelete {
 	display: none;
 	margin-left: 40px;
 }
 .p-filename.active,
 .p-filedelete.active {
 	display: inline-block;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	vertical-align: middle;
 }
 .p-btn-cover {
 	margin-top: 40px;
 	width: 615px;
 	zoom: 1;
 }
 .p-btn-cover::after {
 	content: "";
 	clear: both;
 	display: block;
 }
 .p-nextBtn-cover {
 	float: right;
 }
 .p-backBtn-cover {
 	float: left;
 }
 .p-nextBtn-cover .btn-m {
 	display: block;
 	width: 210px;
 	margin: 0 auto;
 }



 @media screen and (min-width:897px){

 	#sidemenu{
 		display: none;
 	}

 	.contents_body .account_info_Name {
 		margin-bottom: 0;
 	}

	/*
	 * 氏名
	 ------------------------------- */
	 .row .row-name {
	 	width: 300px;
	 	padding: 12px 15px 12px 20px;
	 	box-sizing: content-box;
	 }
	 .row .row-name + .row-name {
	 	width: auto;
	 	padding: 12px 20px 12px 0;
	 }
	 .row .row-name input {
	 	width: 300px;
	 }

	/*
	 * 生年月日
	 ------------------------------- */
	 .row-yymmdd {}
	 .row-yymmdd .select-box:nth-of-type(1),
	 .row-yymmdd .select-box:nth-of-type(2),
	 .row-yymmdd .select-box:nth-of-type(3) {
	 	width: auto
	 }
	 .row-yymmdd .select-box:nth-of-type(1) select{
	 	width: 220px;
	 }
	 .row-yymmdd .select-box:nth-of-type(2) select,
	 .row-yymmdd .select-box:nth-of-type(3) select {
	 	width: 110px;
	 }

	/*
	 * 電話番号
	 ------------------------------- */
	 .row-telnum input {
	 	width: 300px;
	 }
	 .row-telnum label {
	 	margin-top: 15px;
	 	margin-bottom: 4px;
	 }
	 .row-telnum > div {
	 	display: flex;
	 	justify-content: flex-start;
	 	align-items: center;
	 }
	 .row-telnum > div > p {
	 	margin-top: 0;
	 	margin-left: 15px;
	 }
	 .row-telnum > div > p small{
	 	margin-top: 0;
	 }

	 /*
 	 * 自宅郵便番号
 	------------------------------- */
 	.row-zipcode {
 		display: flex;
 		margin-top: 0;
 		}
 	.row-zipcode > div {
 		display: flex;
 		}
 	.row-zipcode > div:first-child {
 		padding-top: 10px;
 		}
 	.row-zipcode > div:last-child > div:last-child a {
 		margin-top: 13px;
 		}
 	.row-zipcode > div:nth-child(2) > div > div {
 		width: 210px;
 		margin-right: 15px;
 		}
 	.row-zipcode > div:nth-child(2) > div > div > input {
 		margin-right: 0;
 		width: 210px;
 		}

 	/* 住所自動入力ボタン */
 	.row-zipcode + p {
 		margin-top: 16px;
 		}
 	_:-ms-lang(x), #row-zipcode-suggest label {
 			width: 69.5%;
 		}
		
	/*
	 * 他社からの借入残高
	 ------------------------------- */
	 .row dd .row-loanbalance input:first-child {
	 	width: 100px;
	 }
	 .row dd .row-loanbalance input:last-child {
	 	margin-top: 0px;
	 	width: 150px;
	 }

	/*
	 * 勤務先電話番号
	 ------------------------------- */
	 .row-workPlacetelnum input {
	 	width: 300px;
	 }
	 .row-workPlacetelnum > div {
	 	display: flex;
	 	justify-content: flex-start;
	 	align-items: center;
	 }
	 .row-workPlacetelnum > div > p {
	 	margin-top: 0;
	 	margin-left: 15px;
	 }
	 .row-workPlacetelnum > div > p small{
	 	margin-top: 0;
	 }

	/*
	 * 年収
	 ------------------------------- */
	 .row-income input {
	 	width: 150px;
	 }

	/*
	 * リボ宣言
	 ------------------------------- */
	 .row .row-ribo .radio_group-01 {
	 	display: inline-block;
	 }
	 .row .row-ribo .radio_group-01 > label {
	 	padding: 0 12px;
	 	width: 96px;
	 }

	/*
	 * 暗証番号
	 * 会員マイページ用パスワード
	 ------------------------------- */
	 .row-pass p,
	 .row-pass-wide p {
	 	margin-bottom: 10px;
	 }
	 .row-pass p:nth-of-type(2),
	 .row-pass-wide p:nth-of-type(2) {
	 	margin-top: 15px;
	 }
	 .row-pass input[type="password"],
	 .row-pass input[type="text"]{
	 	width: 150px;
	 }
	 .row-pass-wide input[type="password"],
	 .row-pass-wide input[type="text"] {
	 	width: 300px;
	 }

	}
	@media screen and (max-width:897px){

		.row dd p {
			font-size: 13px;
		}

		.contents_heading-02 {
			margin: 0;
		}
		.contents_section {
			margin: 0 20px 40px;
		}
		.radio_group-02 label img {
			width: 100%;
		}
		.radio_group-02 > label:only-child {
			border-radius: 8px 8px 8px 8px !important;
		}
		.radio_group-02 > label:first-child:nth-last-child(2) {
			border-radius: 8px 0 0 8px;
		}
		.radio_group-02 > label:first-child:nth-last-child(2) ~ label:nth-child(2) {
			border-radius: 0 8px 8px 0;
		}
		.radio_group-02 > label:first-child:nth-last-child(3) ~ label:nth-child(2) {
			border-radius: 0 8px 8px 0;
		}
		.p-plainradio label,
		.p-plainradio label.active {
			background-color: #fff;
			border: none !important;
			border-radius: 0;
		}
		.p-plainradio label:nth-of-type(n+3) {
			margin-top: 10px;
		}
		.check_group-01 > label {
			width: 50%;
			min-width: 50%;
			padding: 10px 10px 10px 45px;

		}
		.check_group-01 > label + label {
			border-left: 1px solid #f7f3f0;
		}
		.check_group-01 > label:nth-of-type(2n+1) {
			border-left: 1px solid #d2d2d2;
		}
		.check_group-01 > label.active:nth-of-type(2n+1) {
			border-left: 1px solid #24a26e;
		}
		.check_group-01 > label:nth-of-type(5n+1) {
			border-left: 1px solid #d2d2d2;
		}
		.check_group-01 > label:nth-of-type(even):nth-of-type(5n+1) {
			border-left: 1px solid #f7f3f0;
		}
		.check_group-01 > label.active:nth-of-type(5n+1) {
			border-left: 1px solid #24a26e;
		}
		.check_group-01 > label:nth-of-type(n+3) {
			border-top: 1px solid #f7f3f0;
		}
		.check_group-01 > label.active:nth-of-type(n+3) {
			border-top: 1px solid #24a26e;
		}
		.check_group-01 label:nth-of-type(1){
		border-radius: 8px 0 0 8px;
		border-left: 1px solid #d6d6d6;
		}
		.check_group-01 label:nth-of-type(2){
			border-radius: 0 0 0 0;
		}
		.check_group-01 label:nth-of-type(odd):last-child {
			border-radius: 0 8px 8px 0;
		}
		.check_group-01 label:nth-of-type(odd):nth-last-of-type(2) {
			border-radius: 0 0 0 0;
		}
		.check_group-01 label:nth-of-type(even):last-child {
			border-radius: 0 8px 8px 0;
		}
		.check_group-01 > label:nth-of-type(even):nth-last-of-type(2) {
			border-radius: 0 0 0 0;
		}
		.row div.check_group-01 label:first-of-type {
			border-top-left-radius: 8px;
			border-bottom-left-radius: 8px;
		}
		[class*="p-textbox"] textarea {
			padding: 10px 12px;
			font-size: 14px;
			line-height: 1.5;
		}
		.p-textbox-s textarea {
			height: 86px;
		}
		.p-textbox-m textarea {
			height: 212px;
		}
		.p-textbox-l textarea {
			height: 551px;
		}
		.row .p-fileuploader {
			display: flex;
			flex-wrap: wrap;
		}
		.row .p-fileuploader > label {
			display: block;
			width: 100%;
		}
		.p-uploadbtn {
			display: block;
			width: 100%;
		}
		.p-filename {
			font-size: 16px;
			margin-top: 10px;
			margin-left: 0;
			padding-right: 8.18%;
			text-align: right;
			width: 61.21%;
		}
		.p-filedelete {
			font-size: 12px;
			margin-top: 10px;
			margin-left: 0;
			padding: 3px 0;
		}
		.p-filename.active,
		.p-filedelete.active {
			display: block;
		}
		.p-btn-cover {
			width: 100%;
		}
		.p-btn-cover::after {
			content: "";
			clear: both;
			display: block;
		}
		.p-nextBtn-cover {
			float: none;
		}
		.p-backBtn-cover {
			float: none;
		}
	}