@charset "utf-8";
/* ===================================================================

 file name  :common/form.css
 style info :フォーム共通スタイル 入力エリアの設定、エラーメッセージの設定

=================================================================== */
/* =============================

	overwrite

=============================== */

/*
datepicker ui
---------------------------*/
/*
.ui-datepicker td span, .ui-datepicker td a {
  text-align: center !important;
}
.ui-datepicker-next{
	right: 2px !important;
	top: 2px !important;
}
.ui-datepicker-prev{
	left: 2px !important;
	top: 2px !important;
}
*/
/*
autocomplete ui
---------------------------*/
.ui-menu .ui-menu-item-wrapper {
  padding: 10px 14px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
	border: 1px solid #d3d3d3;
	background: #E5EFF8;
	font-weight: normal;
	color: #212121;
}
/*
exValidationでsubmit送信でformにsendedクラス付与、
submitの二重送信を防止
*/
.sended input[type=submit]{
	pointer-events: none;
}
/* =================================== */



.form-area{
	padding-bottom: 100px;
	position:relative;
}
@media screen and (max-width: 767px) {
	.form-area{
		padding-bottom: 30px;
	}
}


/*
 * 各フィールド基本スタイル
 *
 *----------------------------------------------------------- */
.form-area input[type=tel],
.form-area input[type=email],
.form-area input[type=password],
.form-area input[type=number],
.form-area input[type=text],
.form-area input[type=submit],
.form-area input[type=reset],
.form-area input[type=button],
.form-area textarea{
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius:0;
	padding: 10px 14px;
	border: 2px solid #e4e4e4;
	box-shadow: none;
	background: #FFF;
	position: static;
	outline:none;
	font-size: 1.6rem;
	font-family:inherit;/*IE縦ズレ対応*/
}

/* select */
.form-area .select-wrap{
	position: relative;
	border: 2px solid #e4e4e4;
	background: #FFF;
	font-size: 1.6rem;
}
.form-area .select-wrap::after{
	content:'';
	position: absolute;
	top: calc(50% - 5px);
	right: 13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;
	pointer-events: none;
}
.form-area .select-wrap select{
	width: 100%;
	padding: 0 34px 0 10px;
	height:46px;
	font-size: 1.6rem;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	text-overflow: ellipsis;
	outline:none;
	border: none;
	border-radius:0;
	background: transparent;
	background-image: none;
	box-shadow: none;
}
.form-area .select-wrap select::-ms-expand {
  display: none;
}

/* 必須の背景色 */
.form-area .req input,
.form-area .req textarea,
.form-area .req input[type=checkbox] + label > span::before,
.form-area .req .select-wrap{background: #fbf3f2;}



/* radio */
.form-area input[type=radio] {
	display: none;
}
.form-area input[type=radio] + label > span{
	display: inline-block;
	position: relative;
	padding: 0.3em 0 0.3em 30px;
	cursor: pointer;
}
.form-area input[type=radio] + label > span::before{
	content:'';
	position: absolute;
	top: calc(50% - 10px);
	left: 0;
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 1px solid #e4e4e4;
	border-radius:20px;
}
.form-area input[type=radio] + label > span::after{
	content:'';
	position: absolute;
	top: calc(50% - 5px);
	left: 5px;
	width: 10px;
	height: 10px;
	background: #ed9302;
	border-radius:16px;
	opacity: 0;
	transform: scale(0);
	transition: all cubic-bezier(0.470, 0.340, 0.275, 1.460) .2s;
}
.form-area input[type=radio]:checked + label > span::after{
	opacity: 1;
	transform: scale(1);
}
.form-area input[type=radio].fake-check + label > span::before{
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 1px solid #e4e4e4;
	transform: translateY(-50%);
	border-radius:0;
}
.form-area input[type=radio].fake-check + label > span::after{
	top: calc(50% - 7px);
	left: 7px;
	width: 7px;
	height: 11px;
	border-bottom:3px solid #ed9302;
	border-right:3px solid #ed9302;
	opacity: 0;
	background: none;
	border-radius: 0;
	transform: rotate(45deg) scale(0);
	transition: all cubic-bezier(0.470, 0.340, 0.275, 1.460) .2s;
}
.form-area input[type=radio].fake-check:checked + label > span::after{
	opacity: 1;
	transform: rotate(45deg) scale(1);
}


/* checkbox */
.form-area input[type=checkbox] {
	display: none;
}
.form-area input[type=checkbox] + label > span{
	position: relative;
	padding: 0 0 0 30px;
	cursor: pointer;
}
.form-area input[type=checkbox] + label > span::before{
	content:'';
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 1px solid #e4e4e4;
	transform: translateY(-50%);
}
.form-area input[type=checkbox] + label > span::after{
	content:'';
	position: absolute;
	top: calc(50% - 7px);
	left: 7px;
	width: 7px;
	height: 11px;
	border-bottom:3px solid #ed9302;
	border-right:3px solid #ed9302;
	opacity: 0;
	transform: rotate(45deg) scale(0);
	transition: all cubic-bezier(0.470, 0.340, 0.275, 1.460) .2s;
}
.form-area input[type=checkbox]:checked + label > span::after{
	opacity: 1;
	transform: rotate(45deg) scale(1);
}

.form-area input[type=checkbox].large + label > span{
	padding: 0 0 0 70px;
}
.form-area input[type=checkbox].large + label > span::before{
	width: 50px;
	height: 50px;
	border-width: 2px;
}
.form-area input[type=checkbox].large + label > span::after{
	top: calc(50% - 16px);
	left: 16px;
	width: 16px;
	height: 22px;
	border-width:4px;
}


/* focus */
/*
.form-area input[type=tel]:focus,
.form-area input[type=email]:focus,
.form-area input[type=password]:focus,
.form-area input[type=number]:focus,
.form-area input[type=text]:focus,
.form-area textarea:focus,
.form-area select:focus{
	border: 1px solid #78b9e7;
	background: #fffbef;
	box-shadow:0 0 8px rgba(120,185,231,0.6);
}
*/


/* exvalidation用　errorスタイル */
.form-area .err input[type=tel],
.form-area .err input[type=email],
.form-area .err input[type=password],
.form-area .err input[type=number],
.form-area .err input[type=text],
.form-area .err textarea,
.form-area .err.select-wrap,
.form-area input.err[type=tel],
.form-area input.err[type=email],
.form-area input.err[type=password],
.form-area input.err[type=number],
.form-area input.err[type=text],
.form-area textarea.err ,
.form-area select.err {
	transition:all ease .3s;
	border-color: #e77878;
	background: #f9ebeb;
	box-shadow:0 0 8px rgba(231,120,120,0.6);
}
.formErrorMsg{
	clear:both;
}

/* exvalidation用　okスタイル */
.form-area .ok input[type=tel],
.form-area .ok input[type=email],
.form-area .ok input[type=password],
.form-area .ok input[type=number],
.form-area .ok input[type=text],
.form-area .ok textarea,
.form-area .ok.select-wrap,
.form-area .ok.chkccselectall .select-wrap,
.form-area input.ok[type=tel],
.form-area input.ok[type=email],
.form-area input.ok[type=password],
.form-area input.ok[type=number],
.form-area input.ok[type=text],
.form-area textarea.ok ,
.form-area select.ok {
	transition:all ease .3s;
	/*
	border-color: #60b15e;
	background: #fffbef;
	box-shadow:0 0 8px rgba(96,177,94,0.6);
	*/
	border-color: #bbb;
	background: #FFF;
	box-shadow:none;
}
.form-area .err input[type=checkbox] + label,
.form-area input[type=checkbox].err + label,
.form-area .err input[type=radio] + label,
.form-area input[type=radio].err + label{
	transition:all ease .3s;
	text-shadow:1px 1px 2px rgba(231,121,120,0.3),-1px -1px 2px rgba(231,121,120,0.3);
}
.form-area .err input[type=checkbox] + label span::before,
.form-area input[type=checkbox].err + label span::before,
.form-area .err input[type=radio] + label span::before,
.form-area input[type=radio].err + label span::before{
	background: #f9ebeb;
}
.form-area .ok input[type=checkbox] + label,
.form-area input[type=checkbox].ok + label,
.form-area .ok input[type=radio] + label,
.form-area input[type=radio].ok + label{
	transition:all ease .3s;
	/*text-shadow:1px 1px 2px rgba(96,177,94,0.3),-1px -1px 2px rgba(96,177,94,0.3);*/
	text-shadow: none;
}
.form-area .ok input[type=checkbox] + label span::before,
.form-area input[type=checkbox].ok + label span::before,
.form-area .ok input[type=radio] + label span::before,
.form-area input[type=radio].ok + label span::before{
	background: #FFF;
}


/*
 * プレースホルダー
 * hoverで透過
 *----------------------------------------------------------- */
::-webkit-input-placeholder {
	color: #bbb;
}
/* Webkit */
:focus::-webkit-input-placeholder {
	color: transparent;
}

@media screen and (max-width: 767px) {
	.form-area input[type=tel],
	.form-area input[type=email],
	.form-area input[type=password],
	.form-area input[type=number],
	.form-area input[type=text],
	.form-area input[type=submit],
	.form-area input[type=reset],
	.form-area input[type=button],
	.form-area textarea{
		font-size:1.6rem;
	}
	.form-area select{
		font-size:1.6rem;
	}
	.form-area textarea {
		font-size:1.6rem;
	}
	/* select */
	.form-area .select-wrap{
		font-size: 1.6rem;
	}
	.form-area .select-wrap select{
		height:45px;
		font-size: 1.6rem;
	}
	/* radio */
	.form-area input[type=radio] + label > span{
		padding-left: 40px;
	}
	.form-area input[type=radio] + label > span::before{
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
	}
	.form-area input[type=radio] + label > span::after{
		top: calc(50% - 10px);
		left: 5px;
		width: 20px;
		height: 20px;
	}
	.form-area input[type=radio].fake-check + label > span::before{
		width: 30px;
		height: 30px;
	}
	.form-area input[type=radio].fake-check + label > span::after{
		top: calc(50% - 12px);
		left: 9px;
		width: 12px;
		height: 16px;
		border-width:4px;
	}
	/* checkbox */
	.form-area input[type=checkbox] + label > span{
		padding-left: 40px;
	}
	.form-area input[type=checkbox] + label > span::before{
		width: 30px;
		height: 30px;
	}
	.form-area input[type=checkbox] + label > span::after{
		top: calc(50% - 12px);
		left: 9px;
		width: 12px;
		height: 16px;
		border-width:4px;
	}
}




/*
 * .e-style
 * エラーメッセージ
 *----------------------------------------------------------- */
.form-area .e-style {
	padding: 15px;
	margin-bottom: 1em;
	border: 3px solid #F3494C;
	background-color: #FFF3F3;
}
.form-area .e-style p {
	margin-bottom: 1em;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	color: #333;
}
.form-area .e-style ul {
	padding-left: 1em;
}
.form-area .e-style li {
	color: #F00;
	text-align: left;
	line-height: 1.8;
}
.step1 .e-style {
	max-width: 1200px;
	margin: 0 auto 100px;
}
@media screen and (max-width: 767px) {
	.step1 .e-style {
		margin: 0 10px 50px;
	}
}

/*
 * .steps
 * 進捗ステップ表示のスタイル
 *----------------------------------------------------------- */
#main .steps{
	display: flex;
	justify-content: space-between;
	margin-bottom:80px;
}
#main .steps li{
	width:calc(35% - 30px);
	margin: 0 30px 0 0;
	position:relative;
	background:#f1f1f1;
	font-size:2rem;
	padding:0 1em;
	line-height:60px;
	text-align: center;
	font-weight: 700;
}
#main .steps li:last-child{
	width:30%;
	margin-right: 0;
}
#main .steps li:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:-20px;
	border-style: solid;
	border-width: 30px 0 30px 20px;
	border-color: transparent transparent transparent #f1f1f1;
}
#main .steps li.end{
	background:#a3a3a3;
	color: #fff;
}
#main .steps li.end:after{
	border-color: transparent transparent transparent #a3a3a3;
}
#main .steps li:last-child:after{content: none}
@media screen and (max-width: 767px){
	#main .steps{
		margin-bottom:20px;
	}
	#main .steps li{
		width:calc(35% - 20px);
		margin: 0 20px 0 0;
		font-size:1.4rem;
		line-height:50px;
	}
	#main .steps li:after{
		right:-15px;
		border-width: 25px 0 25px 15px;
	}
}

/*
 * .form-area
 * フォーム部分のレイアウト
 *----------------------------------------------------------- */
.form-area .h-mes {
	margin-bottom: 4em;
	line-height: 2.2;
}
@media screen and (max-width: 767px) {
	.form-area .h-mes {
		margin-bottom: 2em;
		line-height:1.7;
	}
	/* 確認画面 */
	.confirm .form-area .h-mes {
	}
}


/* テーブルスタイル調整 */
.form-area .tablestyle{
	margin-bottom: 50px;
	border-top:1px solid #dddddd;
}
.form-area .tablestyle.bt-black{border-color: #000;}
.form-area .tablestyle > li{
	border-bottom:1px solid #dddddd;
}
.form-area .tablestyle > li > dl{
	display:table;
	width:100%;
}
.form-area .tablestyle > li > dl > dt{
	width: 305px;
	padding: 40px 80px 40px 1.5em;
	display: table-cell;
	vertical-align: top;
	position: relative;
}
.form-area .tablestyle > li > dl > dt.vm{
	vertical-align: middle;
}
/* 確認画面 */
.confirm .form-area .tablestyle > li > dl > dt{
	padding-top: 30px;
	padding-bottom: 30px;
}
.form-area .tablestyle > li > dl > dd{
	display:table-cell;
	padding:30px 0 30px 20px;
	vertical-align:top;
}
@media screen and (max-width: 767px) {
	.form-area .tablestyle{
		margin:0 0 20px;
		border-top:1px solid #e4e4e4;
	}
	.form-area .tablestyle > li{
		border-bottom:1px solid #e4e4e4;
	}
	.form-area .tablestyle > li > dl{
		display:block;
	}
	.form-area .tablestyle > li > dl  >dt,
	.confirm .form-area .tablestyle > li > dl  >dt{
		width:100%;
		padding:10px 0 0;
		display:block;
		border-top:none;
		border-bottom:none;
	}
	.form-area .tablestyle > li > dl > dd{
		display:block;
		width:100%;
		padding:6px 0 10px 0;
	}
}



/* 入れ込みテーブルスタイル */
.form-area .in-table{
	border:none;
	margin-bottom:0 !important;
}
.form-area .in-table li{
	display: table;
	margin-bottom: 1em;
}
.form-area .in-table li:last-child{margin-bottom: 0;}
.form-area .in-table li dl dt{
	display: table-cell;
	width:120px;
	vertical-align: top;
	padding-top: 8px;
}
.form-area .in-table li dl dd{
	display: table-cell;
}
/* 確認画面 */
.confirm .form-area .in-table li dl dt{
	padding: 0;
}
.form-area .in-table li dl dd{
	padding:0;
}
@media screen and (max-width: 767px) {
	/* 入れ込みテーブルスタイル */
	.form-area .in-table li{
		display: block;
	}
	.form-area .in-table li dl dt,
	.confirm .form-area .in-table li dl dt{
		display: block;
		width:100%;
		padding-top: 0;
	}
	.form-area .in-table li dl dd{
		display: block;
	}
}



/* 入れ込みリスト */
/* 縦並び */
.form-area .vlist{
	padding-top: 0.5em;
}
.form-area .vlist > li{
	margin: 0 0 1em;
}
/* 横並び */
.form-area .hlist{
	padding-top: 0.3em;
}
.form-area .hlist > li{
	display: inline-block;
	margin-right: 1.5em;
	padding: 0.5em 0;
}
@media screen and (max-width: 767px) {
	.form-area .vlist {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.form-area .hlist > li{
		display: block;
		margin-right: 0;
		margin-bottom: 0.5em;
	}
}


/*必須*/
.form-area .required{
	display: inline-block;
	margin-top: 0.3em;
	padding: 0 0.6em;
	background: #ea7722;
	color: #FFF;
	border-radius: 3px;
	position: absolute;
	top: 3em;
	right: 0;
	font-size: 1.4rem;
	line-height:1.5;
	font-weight: normal;
}
.form-area .vm .required,
.confirm .form-area .vm .required{top: calc(50% - 0.7em);}
.form-area .required.static{
	position: static;
	margin: 0 0.2em;
}
.confirm .form-area .required{
	top: 32px;
}
.form-area .in-table .required{
	top: 15px;
	left: -20px;
	right: auto;
	transform: translateX(-100%);
}
.confirm .form-area .in-table .required{
	top: 3px;
}
@media screen and (max-width: 767px) {
	/*必須*/
	.form-area .required,
	.confirm .form-area .required,
	.form-area .vm .required,
	.confirm .form-area .vm .required{
		margin-top: 0;
		padding: 0 0.6em;
		right: 0;
		top: 10px;
		font-size: 1.3rem;
	}
	.form-area .in-table .required{
		top: 0px;
		left: auto;
		right: 0;
		transform: none;
	}

}

.form-area .attention{
	margin-left: 1em;
}
@media screen and (max-width: 767px){
	.form-area .attention{
		margin-left: 0;
		margin-top: 0.5em;
		display: block;
		font-size: 1.2rem;
	}
}


.form-area .btn-yubin{
	margin-left: 1em;
	background: #ededed;
	display: inline-block;
	padding: 0.5em 1em;
	cursor: pointer;
	box-shadow: 3px 3px 0 0px #c6c6c6;
}
.form-area .btn-yubin:hover{
	opacity: 0.6;
}
@media screen and (max-width: 767px){
	.form-area #zip{
		position: relative;
		max-width: 300px;
	}
	.form-area .btn-yubin{
		position: absolute;
		right: 0;
		top: 0;
		margin-left: 0;
		padding: 0.5em 1em;
	}

}

.btn-help{
	text-align: center;
}
.btn-help a{
	position: relative;
	display: inline-block;
	background: #f9c34c;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0.8em 20px 0.8em 60px;
	border-radius: 6px;
	text-decoration: none;
	line-height: 1.5;
}
.Pc .btn-help a:hover{
	background: #ed9302;
}
.btn-help a::before{
	content: '';
	background: url(../../images/common/ico_q.svg) no-repeat center / contain;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 767px){
.btn-help a{
	font-size: 1.4rem;
	padding-left: 40px;
}
.btn-help a::before{
	width: 20px;
	height: 20px;
	left: 10px;
}
}


/*
 * .privacy
 * プライバシーポリシー部分のレイアウト
 *----------------------------------------------------------- */
 .form-area .privacy-wrap p{
	 text-align: center;
	 margin-bottom: 50px;
 }
.form-area .privacy{
	background: #eeeeee;
	padding:1em;
	text-align: center;
	font-weight: 700;
}
.form-area .agree{
	margin: 70px 0 0;
	text-align: center;
	font-weight: bold;
}
.form-area .agree p{
	margin-bottom:1em;
}
.form-area .agree a{
	color:#111;
	text-decoration: underline;
}
.form-area .agree a:hover{
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.form-area .privacy-wrap p{
		margin-bottom: 20px;
	}
	.form-area .privacy {
		padding:14px 5px;
	}
	.form-area .agree{
		border:none;
		margin:20px 0 10px;
		text-align:left;
		font-size:100%;
	}
}





/*
 * .btn-wrap
 * ボタン部分のレイアウト
 *----------------------------------------------------------- */
.form-area .btn-wrap {
	margin: 0 auto;
	padding: 50px 0 0 0;
	max-width: 840px;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
}
.form-area .btn-wrap li {
	margin: 0 20px;
	position: relative;
}
.form-area .btn-wrap li input{
	display: block;
	transition: all ease .3s;
}
.form-area .btn-wrap li::after{
	content: '';
	position: absolute;
	right: 30px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(-45deg) translateY(-50%);
}
.form-area .btn-wrap li.b-back::after{
	right: auto;
	left: 30px;
	border-right:none;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
}
.form-area .btn-wrap li.b-conf,
.form-area .btn-wrap li.b-send,
.form-area .btn-wrap li.b-next,
.form-area .btn-wrap li.b-back{
	width: 460px;
}
.form-area .btn-wrap li.b-send,
.form-area .btn-wrap li.b-back{
	width: 320px;
}

.form-area .btn-wrap li.b-conf input,
.form-area .btn-wrap li.b-send input,
.form-area .btn-wrap li.b-next input,
.form-area .btn-wrap li.b-back input{
	padding: 1.5em 60px;
	width:100%;
	height:100%;
	cursor: pointer;
	font-size: 2rem;
	text-decoration: none;
	background: #ed9302;
	color: #FFF;
	text-align: center;
	border: none;
	border-radius: 100px;
	line-height: 1.3;
}
.form-area .btn-wrap li.b-back input{
	background: #999;
}
.form-area .btn-wrap li.b-conf input[disabled],
.form-area .btn-wrap li.b-send input[disabled],
.form-area .btn-wrap li.b-next input[disabled],
.form-area .btn-wrap li.b-back input[disabled]{background: #DDD; pointer-events: none;}
.form-area .btn-wrap li.b-conf input:hover,
.form-area .btn-wrap li.b-send input:hover,
.form-area .btn-wrap li.b-next input:hover{background: #f26100;}
.form-area .btn-wrap li.b-back input:hover{background: #666;}

/*
.step中ボタン
---------------------------*/
.form-area .b-stepback{
	margin-top: 20px;
	text-align: center;
}
.form-area .b-stepback input{
	display: inline-block;
	color: #0062b1;
	border: none;
	font-size: 1.4rem;
	text-decoration: underline;
	cursor: pointer;
}
.form-area .b-stepback input:hover{
	text-decoration: none;
}
.form-area p.b-back{
	position: relative;
}
.form-area p.b-back input{
	display: block;
	padding: 1em 60px;
	width:100%;
	height:100%;
	cursor: pointer;
	font-size: 1.6rem;
	text-decoration: none;
	background: #999;
	color: #FFF;
	text-align: center;
	border: none;
	border-radius: 100px;
	line-height: 1.3;
	transition: all ease .3s;
}
.form-area p.b-back input:hover{background: #666;}
.form-area p.b-back::after{
	content: '';
	position: absolute;
	left: 30px;
	top: 50%;
	width: 10px;
	height: 10px;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(45deg) translateY(-50%);
}


@media screen and (max-width: 767px) {
	/*
	 * .btn-wrap
	 * ボタン部分のレイアウト
	 *----------------------------------------------------------- */
	.form-area .btn-wrap{
		width: 100%;
		display: block;
		padding: 40px 0 0;
	}
	.form-area .btn-wrap.upper{
		padding: 20px 0 40px;
	}
	.form-area .btn-wrap.double p,
	.form-area .btn-wrap li {
		margin: 0 auto 15px;
	}
	.form-area .btn-wrap li::after{
		right: 10px;
		width: 8px;
		height: 8px;
	}
	.form-area .btn-wrap li.b-back::after{
		right: auto;
		left: 10px;
	}
	.form-area .btn-wrap li.b-conf,
	.form-area .btn-wrap li.b-send,
	.form-area .btn-wrap li.b-next,
	.form-area .btn-wrap li.b-back{
		width: 100%;
	}
	.form-area .btn-wrap li.b-conf input,
	.form-area .btn-wrap li.b-send input,
	.form-area .btn-wrap li.b-next input,
	.form-area .btn-wrap li.b-back input{
		padding: 1em 30px;
		font-size: 1.6rem;
	}


	/*
	.step中ボタン
	---------------------------*/
	.form-area .b-stepback input{
		font-size: 1.3rem;
	}
	.form-area p.b-back input{
		padding: 1em 30px;
		font-size: 1.4rem;
	}
	.form-area p.b-back::after{
		width: 8px;
		height: 8px;
		left: 10px;
	}
}



/*
 * .thanks
 * サンキューページのレイアウト
 *----------------------------------------------------------- */
.form-area.thanks {
	border:1px solid #DBECFF;
	background:#EFF9FF;
	padding: 30px 15px;
}
.form-area.thanks p {
	text-align: center;
	margin-bottom:1em;
	font-size: 1.4rem;
}
.form-area.thanks p:last-child{margin-bottom: 0;}



/*
 * .error
 * エラーページのレイアウト
 *----------------------------------------------------------- */
.form-area.error {
	border:1px solid #f89797;
	background:#ffeded;
	padding: 30px 15px;
}
.form-area.error p {
	text-align: center;
	margin-bottom:1rem;
	font-size: 1.4rem;
}
.form-area.error p:last-child{margin-bottom: 0;}