@charset "utf-8";



/*--

lst_form_step

====================================================== --*/

.lst_form_step{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	gap:0.2rem;
	margin-bottom:5rem;
}
.lst_form_step li{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:6.1rem;
	width:20%;
}
.lst_form_step li:nth-child(1){width:18%;}
.lst_form_step li:nth-child(2){width:18%;}
.lst_form_step li:nth-child(3){width:20%;}
.lst_form_step li:nth-child(4){width:24%;}
.lst_form_step li:nth-child(5){width:20%;}

.lst_form_step span{
	position:relative;
	width:80%;
	margin:0 auto;
	color:var(--c-orange);
	font-weight:700;
	line-height:1.2;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:1;
}
.lst_form_step li::before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	height:6.1rem;
	background:url("../img/form/form_arrow_left.svg") no-repeat left top;
	background-size:auto 100%;
	width:calc(100% - 1.1rem);
}
.lst_form_step li::after{
	content:"";
	display:block;
	height:6.1rem;
	background:url("../img/form/form_arrow_right.svg") no-repeat right top;
	background-size:auto 100%;
	width:1.1rem;
}

/* active */

.lst_form_step li.active span{
	color:var(--c-white);
}
.lst_form_step li.active::before{
	background:url("../img/form/form_arrow_o_left.svg") no-repeat left top;
	background-size:auto 100%;
}
.lst_form_step li.active::after{
	background:url("../img/form/form_arrow_o_right.svg") no-repeat right top;
	background-size:auto 100%;
}
@media screen and (max-width:750px){
	.lst_form_step{
		gap:0;
		margin-bottom:2rem;
	}
	.lst_form_step li{
		padding-left:1.2rem;
	}
	.lst_form_step span{
		font-size:1.2rem;
		text-indent:-1em;
		padding-left:1em;
	}
}



/*--

form_notice

====================================================== --*/

.form_notice{
	background:var(--c-red);
	color:var(--c-white);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	padding:2rem;
}
.form_notice ._main{
	font-size:1.8rem;
}
.form_notice ._sub{
	font-size:1.4rem;
}
@media screen and (max-width:750px){
	.form_notice ._main{
		font-size:1.6rem;
	}
}



/*--

form

====================================================== --*/

.header_form{
	display:flex;
	align-items:flex-end;
	justify-content:flex-start;
	gap:2rem;
	margin-bottom:2rem;
	font-weight:700;
}
.header_form ._title{
	font-size:2.6rem;
	letter-spacing:0.06em;
}
.header_form ._text{
	font-size:1.2rem;
}
@media screen and (max-width:750px){
	.header_form{
		align-items:flex-start;
		justify-content:flex-start;
		flex-direction:column;
		gap:0;
		margin-bottom:2rem;
	}
	.header_form ._title{
		font-size:1.8rem;
	}
}

/*-- required --*/

.required{
	color:var(--c-orange);
	border:0.1rem solid var(--c-orange);
	background:var(--c-white);
	border-radius:0.2rem;
	font-size:1.2rem;
	line-height:1;
	padding:0.1rem 0.5rem 0.2rem;
	margin-left:1em;
}

/*-- tbl_form --*/

.tbl_form th,
.tbl_form td{
	padding:2rem;
	padding-right:0;
}
.tbl_form th{
	font-size:1.8rem;
	padding-left:0;
	font-weight:700;
	width:27rem;
	vertical-align:top;
}
@media screen and (max-width:750px){
	.tbl_form th,
	.tbl_form td{
		padding:1.5rem;
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	.tbl_form th{
		font-size:1.6rem;
		padding-bottom:0;
	}
}

/*-- input --*/

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
select,
textarea{
	border:0.1rem solid var(--c-gray4);
	border-radius:0.2rem;
	padding:1rem 2rem;
	width:100%;
}

/*-- form_terms --*/

.form_terms{
	border-radius:0.2rem;
	border:0.1rem solid var(--c-gray4);
	margin:5rem;
	padding:3rem 5rem;
}
.form_terms_list{
	display:flex;
	gap:2rem;
	margin-top:1em;
}
@media screen and (max-width:750px){
	.form_terms{
		margin:1rem;
		padding:1rem;
	}
	.form_terms_list{
		gap:2rem;
		margin-top:1em;
	}
}

/*-- form_consent_check --*/

.form_consent_check{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:2rem;
}
.form_consent_checkbtn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1rem;
}
@media screen and (max-width:750px){
	.form_consent_check{
		margin-top:5rem;
		gap:3rem;
	}
}

/* is_disabled */

.is_disabled{
	pointer-events:none;
}
.btn.js_enabled{
	width:30rem;
}
.js_enabled .btn_inner{
	width:30rem;
	transition:background-color .3s ease,opacity .3s ease;
}
.btn.is_disabled .btn_inner{
	background-color:var(--c-gray5);
}
input.js_enabled2{
	transition:background-color .3s ease,opacity .3s ease;
}
input.is_disabled{
	background-color:var(--c-gray3);
}

/*-- form_link_check --*/

.form_link_check{
	margin-top:5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:3rem;
}
@media screen and (max-width:750px){
	.form_link_check{
		flex-direction:column-reverse;
	}
}

/*-- form_input_w --*/

.form_input_w{
	max-width:60rem;
}

/*-- form_radio --*/

.form_radio{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:1rem 3rem;
}
.form_radio_text{
	margin-left:1rem;
}

.form_radio_other{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:2rem 3rem;
}
.form_radio_other input[type=text]{
	max-width:50rem;
}

/*-- form_checkbox --*/

.form_checkbox{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:3rem;
}
.form_checkbox_text{
	margin-left:1rem;
}
.form_checkbox_other{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:2rem 3rem;
}
.form_checkbox_other input[type=text]{
	max-width:50rem;
}

/*-- form_input_birth_date --*/

.form_input_bdate{
	display:flex;
	align-items:center;;
	justify-content:flex-start;
	gap:2rem;
}
.bdate_y{
	max-width:15rem;
}
.bdate_m{
	max-width:8rem;
}
.bdate_d{
	max-width:8rem;
}
.bdate_text{
	margin-left:-0.5rem;
}
@media screen and (max-width:750px){
	.form_input_bdate{
		gap:1rem;
	}
}

/*-- form_select --*/

.form_select{
	max-width:15rem;
	position:relative;
}
.form_select select{
	cursor:pointer;
}
.form_select::before{
	pointer-events:none;
	display:flex;
	align-items:center;
	justify-content:center;
	content:"▼";
	position:absolute;
	top:0;
	bottom:0;
	right:1.5rem;
	margin:auto;
	font-size:1.2rem;
	transform:scale(1, 0.75);
}

/*
	form Errors
*/

.um-field-error {
	width: auto;
	max-width: 100%;
	background: #C74A4A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	padding: 12px;
	font-size: 14px;
	line-height: 20px !important;
	margin: 12px 0 0 0;
}

.um-field-error a{color: #fff !important;text-decoration: underline !important}