@charset "utf-8";
/* CSS Document */
/* SP用スタイルシート */

body {
	min-width: 320px;
}

/*------------------------------
#loginArea
------------------------------*/
#loginArea {
	background: #7F7F7F;
	padding: 15px 0;
	position: relative;
	color: #FFF;
	margin: 50px 10px 20px;
}
#loginArea .flagSP img {
	width: 45%;
}
#loginArea .textArea {
	padding: 20px 25px;
	font-size: 14px;
}
#loginArea .textArea p:first-child {
	font-size: 20px;
}

#loginArea .textArea .btn {
	margin: 10px auto;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 90%;

}
#loginArea .textArea .btn a {
	display: block;
	text-decoration: none;
	font-size: 18px;
	color: #FFF;
	background: #BB955B url(../img/bg_02.png);
	background-size: 5px 10px;
	background-position: center right 10px;
	background-repeat: no-repeat;
	border: 1px solid #FFF;
}

.counts {
	background: #FFF;
	height: 70px;
	line-height: 74px;
	padding: 10px;
	color: #535353;

}
.counts div {
	float: left;
	font-size: 16px;
}
.counts div:last-child {
	float: right;
	position: relative;
	padding-right: 15px;
	font-size: 11px;
}
.counts div:last-child img {
	vertical-align: middle;
	margin: 0 5px;
	
}
.counts div:last-child span {
	position: absolute;
	right: 0;
	bottom: -10px;

}
.loginBox {
	background: #000;
	margin: 10px;
}
.loginBox .login_form {
	padding: 10px;
	display: block;
	font-size: 12px;
}
.loginBox .login_form p {
	text-align: center;
}
.loginBox .login_form dl {
}
.loginBox .login_form dt {
	border-left: 3px solid #CDBA69;
	padding-left: 10px;
	height: 10px;
	line-height: 10px;
	margin: 13px 0;
}
.loginBox .login_form dt span {
	font-size: 11px;
}
.loginBox .login_form input {
	height: 20px;
	padding: 10px;
	border: 0;
	border-radius: 3px;
	width: 94%;
}
.loginBox .login_form a {
	color: #FFF;
	text-decoration: underline;
	font-size: 15px;
	display: block;
	padding-top: 10px;
	clear: both;

}
.loginBox .login_form a:hover {
	text-decoration: none;
}
.loginBox .login_form .btn {
	background-color: #FFF;
	background-image: url(../img/sp/img_btn_01.png), url(../img/sp/img_btn_02.png);
	background-size: 5px 10px,10px 14px;
	background-position: center right 10px,center left 42%;
	background-repeat: no-repeat, no-repeat;
	width: 100%;
	height: 50px;
	padding: 5px 0 0 30px;
	margin-top: 20px;
	border: 0;
	font-size: 15px;
	color: #B99359;
}


/*------------------------------
#cont01
------------------------------*/
#cont01 {
	margin: 10px;
}
#cont01 img {
	width: 100%;
	margin-bottom: 20px;
}
#cont01 h3 {
	font-size: 25px;
	letter-spacing: 0.2em;
	padding: 45px 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E8E8E8;
}
#cont01 p {
    margin-top: 23px;
    font-size: 14px;
    line-height: 2;
}
#cont01 p:first-of-type {
    margin-top: 0;
    
}
/*------------------------------
#form_contents
------------------------------*/
#form_contents {
	margin: 10px;
}
#form_contents h3 {
	font-size: 25px;
	letter-spacing: 0.2em;
	padding: 0 0 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E8E8E8;
	line-height: 1.5;
}

#form_contents #form_tit {
	margin: 20px 0;
	font-size: 20px;
	font-weight: bold;
}
#form_contents form {
	background: #FFF;
}
/* #form_area */
#form_area {
}
#form_area dt,
#form_area dd {
	width: 100%;
	box-sizing: border-box;
}
#form_area dt {
	padding-bottom: 8px;
	line-height: 25px;
	font-size: 15px;
	font-weight: normal;
}

#form_area dt:after {
	width: 35px;
	height: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 11px;
	border-radius: 3px;
	top: 4px;
}
#form_area dt span {
	margin-left: 10px;
	font-size: 10px;
	border: 1px solid #E8E8E8;
	border-radius: 25px;
	padding: 2px 10px;
}
#form_area dt.req:after {
	background: #9F0603;
}
#form_area dd {
	margin-bottom: 25px;
	padding-bottom: 30px;
	font-size: 13px;
    border-bottom: 1px solid #E8E8E8;
}
#form_area dd table {
	width: 100%;
}
#form_area dd table th,
#form_area dd table td {
	font-size: 13px;
}

#form_area input[type="text"],
#form_area select,
#form_area textarea,
#form_area input[type="radio"] + label,
#form_area input[type="checkbox"] + label {
	width: 100%;
	font-size: 13px;
}
#form_area textarea {
	height: 75px;
	min-height: 75px;
	display: block;
}

.time01_01formError .formErrorArrow,
.time01_02formError .formErrorArrow,
.time02_01formError .formErrorArrow,
.time02_02formError .formErrorArrow,
.ageformError .formErrorArrow {
	display: none;
}

/* .form_choice */
#form_area .form_choice + dd tr {
	display: block;
}
#form_area .form_choice + dd th,
#form_area .form_choice + dd td {
	display: block;
	float: left;
	box-sizing: border-box;
	position: relative;
}
#form_area .form_choice + dd th {
	width: 30%;
	line-height: 40px;
	text-align: left;
}
#form_area .form_choice + dd td.choice01 {
	width: 70%;
	padding-bottom: 14px;
}
#form_area .form_choice + dd td.time01,
#form_area .form_choice + dd td.time02 {
	width: 35%;
}
#form_area .form_choice + dd tr:first-child td.time01,
#form_area .form_choice + dd tr:first-child td.time02 {
	padding-bottom: 30px;
}
#form_area .form_choice + dd select {
	width: 60px;
	margin-right: 5px;
}

/* .form_name .form_name2 */
#form_area .form_name + dd {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E8E8E8;
}
#form_area .form_name + dd table th,
#form_area .form_name + dd table td,
#form_area .form_name2 + dd table th,
#form_area .form_name2 + dd table td {
	display: block;
	float: left;
	box-sizing: border-box;
}
#form_area .form_name + dd table th,
#form_area .form_name2 + dd table th {
	width: 16%;
	line-height: 40px;
	text-align: left;
}
#form_area .form_name + dd table td,
#form_area .form_name2 + dd table td {
	width: 84%;
	padding-bottom: 14px;
}

/* .form_email */
#form_area .form_email {
}
#form_area .form_email + dd input {
	height: 55px;
	font-size: 15px;
}

/* .form_contact */
#form_area .form_contact + dd:after {
	content: '';
	display: block;
	clear: both;
}
#form_area .form_contact + dd li {
	width: 50%;
	padding-right: 5px;
	float: left;
	box-sizing: border-box ;
}
#form_area .form_contact + dd li:nth-child(even) {
	padding: 0 0 0 5px;
}
#form_area .form_contact + dd li:last-child {
	margin-top: 10px;
}

/* .form_notes */
#form_area .form_notes + dd textarea {
	height: 150px;
	min-height: 150px;
}

/* .form_address */
#form_area .form_address + dd th,
#form_area .form_address + dd td {
	padding-top: 15px;
	display: block;
	float: left;
	box-sizing: border-box;
}
#form_area .form_address + dd tr:first-child th,
#form_area .form_address + dd tr:first-child td {
	padding-top: 0;
}
#form_area .form_address + dd th {
	width: 30%;
	line-height: 40px;
	text-align: right;
}
#form_area .form_address + dd td {
	width: 70%;
}

/* .form_tel */
#form_area .form_tel + dd tr:last-child th,
#form_area .form_tel + dd tr:last-child td {
	padding-top: 10px;
}

/* .form_age */
#form_area .form_age + dd input{
	width: 130px;
	margin-right: 5px;
}

/* .form_occupation */
#form_area .form_occupation + dd li {
	width: 50%;
	padding: 0 5px 10px 0;
	box-sizing: border-box;
}
#form_area .form_occupation + dd li:nth-child(even) {
	padding: 0 0 10px 5px;
}
#form_area .form_occupation + dd li #occupation05 +label {
	padding-top: 4px;
	line-height: 16px;
}
#form_area .form_occupation + dd li.occupation00 {
	width: 100%;
	padding: 0;
	float: none;
	clear: both;
}
#form_area .form_occupation + dd p {
	clear: both;
	margin-bottom: 3px;
	font-size: 12px;
}
/* .form_income */
#form_area .form_income + dd input {
	width: 30%;
}
#form_area .form_income + dd table tr th {
	width: 25%;
	text-align: right;
}
#form_area .form_income + dd table tr td {
	width: 75%;
}
#form_area .form_income + dd table tr:last-child th,
#form_area .form_income + dd table tr:last-child td {
	padding-top: 10px;
}

#form_area .form_income + dd tr:last-child input {
	width: 50%;
}

/* .form_asset */
#form_area .form_asset + dd input {
	width: 50%;
}
#form_area .form_asset + dd table tr th {
	width: 25%;
	text-align: right;
	vertical-align: top;
	padding-top: 12px;
}
#form_area .form_asset + dd table tr td {
	width: 75%;
}
#form_area .form_asset + dd table tr:last-child th,
#form_area .form_asset + dd table tr:last-child td {
	padding-top: 12px;
}
#form_area .form_asset + dd table tr:last-child th {
	position: relative;
	top: 12px;

}
#form_area .form_asset + dd table tr td span {
	display: block;
	color: #9F0603;
	font-size: 11px;
	padding: 5px 0 0;
	margin-left: -30%;
}
/* .form_ownership */
#form_area .form_ownership + dd li {
	float: left;
	width: 48%;
}
#form_area .form_ownership + dd li:first-child {
	margin-right: 10px;
}
#form_area .form_ownership + dd input[type="radio"] + label {
	display: block;
}
#form_area .form_ownership + dd input[type="radio"]:checked + label {
	background-color: #F0E8DB;
}
#form_area .form_ownership + dd table th,
#form_area .form_ownership + dd table td {
	padding-top: 10px;
}

#form_area .form_ownership + dd table th {
	width: 7em;
	text-align: right;
}
#form_area .form_ownership + dd input {
	width: 100%;
}
#form_area .form_ownership + dd table tr:nth-child(4n+1) th,
#form_area .form_ownership + dd table tr:nth-child(4n+1) td {
	padding-top: 20px;
}
#form_area .form_ownership + dd table tr:nth-child(4n+1) td input {
	width: 95%;
}
#form_area .form_ownership + dd table tr td input {
	width: 50%;
}

/* .form_delivery */
#form_area .form_delivery + dd:after {
	content: '';
	display: block;
	clear: both;
}
#form_area .form_delivery + dd li {
	width: 50%;
	padding-right: 5px;
	box-sizing: border-box;
	float: left;
}
#form_area .form_delivery + dd li:nth-child(even) {
	padding: 0 0 0 5px;
}

/* .notes */
.notes {
	background: #E8E8E8;
	padding: 5px;
	font-size: 14px;
	margin-bottom: 20px;
}
/* .form_notes */
#form_area2 dt,
#form_area2 dd {
	width: 100%;
	box-sizing: border-box;
}
#form_area2 dt {
	padding-bottom: 8px;
	line-height: 25px;
	font-size: 15px;
	font-weight: normal;
	position: relative;
}
#form_area2 dt:after {
    content: '任意';
    text-align: center;
    text-indent: 1px;
    color: #FFF;
    background: #A8A8B7;
    display: block;
    position: absolute;
    right: 0;
    box-sizing: border-box;
}
#form_area2 dt:after {
	width: 35px;
	height: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 11px;
	border-radius: 3px;
	top: 4px;
}
#form_area2 dt span {
	margin-left: 10px;
	font-size: 10px;
	border: 1px solid #E8E8E8;
	border-radius: 25px;
	padding: 2px 10px;
}
#form_area2 dd {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E8E8E8;
}
#form_area2 textarea {
	border: 1px solid #B5B5BF;
	border-radius: 4px;
	background: #FFF;
	box-sizing: border-box;
	width: 100%;
	height: 100px;
}

/* #form_privacy */
#form_privacy {
	margin-bottom: 20px;
	line-height: 1.6;
	font-size: 14px;
}

/* #form_submit */
#form_submit {
	padding-bottom: 35px;
}
#form_submit div {
	height: 60px;
	margin: 0 auto;
	width: 90%;
	background: #BB955B;
	border-radius: 0;
}
#form_submit div:after {
	height: 60px;
}
#form_submit input[type="submit"] {
	width: 100%;
	height: 60px;
	letter-spacing: 2px;
	font-size: 20px;
	font-weight: normal;
}
#form_submit div:after {
	background-image: none;

}