@charset "UTF-8";
@import 'subpage.css';

/*--------------------------------------------
 contact
--------------------------------------------*/
.form .form-table th{
	width: 30%;
	background: no-repeat;
}
.form .form-table tr {
    border-top: 1px solid #ddd;
}
.form .form-table tr:last-child{
	border-bottom: 1px solid #ddd;
}
.form .form-table th,
.form .form-table td{
	padding: 2rem;
	border: none;
}
.form .form-table td p{
	margin: 0;
}
.form .kome{
	display: block;
    color: #666;
    font-size: 1.4rem;
    margin: .5rem 0 0;
}
.form .label{
	position: relative;
	top: 3px;
	color: #fff;
	font-size: 11px;
    line-height: 1;
    padding: 4px 8px;
    float: right;
}
.form .label-required{
	background: #ea2442;
}
.form .label-any{
	background: #2b2d42;
}
.form .form-namebox .box {
    display: flex;
}
.form .form-namebox dl{
	margin: 0;
}
.form .form-namebox dt,
.form .form-tit{
	font-weight: 700;
	font-size: 1.4rem;
	margin-bottom: .5rem;
}
.form .form-tit{
	margin: 1rem 0 .5rem!important;
}
	@media screen and (min-width: 768px){
		.form .form-namebox dl {
	    	max-width: 250px;
		}
		.form .form-namebox dl+dl {
		    margin-left: 20px;
		}
	}

.mw_wp_form_confirm .form .form-namebox dl{
	display: flex;
	align-items: center;
}
.mw_wp_form_confirm .form .form-namebox dt{
	margin: 0;
	font-weight: unset;
	font-size: unset;
}
.mw_wp_form_confirm .form .form-namebox dt::after{
	content: "：";
}
.form .form-namebox dd{
	padding: 0;
	margin: 0;
}
.form input,
.form textarea {
    width: 100%;
}
.form textarea, .form input, .form select {
	font-size: 1.6rem;
    padding: 0 12px;
    line-height: 1;
    height: 45px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #f3f3f3;
}
.form textarea{
	padding: 12px;
	height: 150px;
}
.form .mwform-tel-field input,
.form .birth,
.form .age{
	width: 6em;
	margin: 0;
}
.form .birth_box{
	display: flex!important;
	align-items: center;
}
.form .birth_box p{
	margin: 0 1rem 0 .5rem!important;
}
.form .address #zip{
	width: 10em;
}
.form .privacy_tit{
	text-align: center;
	font-weight: 700;
	line-height: 1;
	font-size: 1.8rem;
	margin: 3rem 0 1rem;
}
.form .privacy_tit .label{
	top: -2px;
	float: none;
	margin-left: .8rem;
	padding: 1px 8px;
}
.form .privacy_text{
	text-align: center;
}
.form .privacy_box{
	height: 200px;
	max-width: 800px;
	border: 2px solid #ccc;
	margin: 3rem auto 0;
	padding: 0 1rem 1rem;
	overflow: hidden;
	overflow-y: scroll;
}
.form .privacy_box .inner {
    padding: 15px;
    font-size: 1.3rem;
}
.form .privacy_box p{
	margin: .5em 0;
}
.form .privacy_box table tr{
	border: none;
}
.form .privacy_box th,
.form .privacy_box td{
	padding: 1rem;
	border: 1px solid #ddd;
}
.form .privacy_box th{
	background: #eee;
}
.form .doui{
	text-align: center;
	margin: 3rem 0;
}

.form .mwform-checkbox-field label input,
.form .mwform-radio-field label input {
    position: absolute;
    opacity: 0;
    display: none;
}
.form .mwform-checkbox-field label,
.form .mwform-radio-field label {
    font-weight: normal;
    margin-bottom: 0;
    cursor: pointer;
}
.form .mwform-checkbox-field input,
.form .mwform-radio-field input {
    margin-right: 5px;
}
.form .mwform-checkbox-field span::before,
.mw_wp_form_confirm .form .doui::before {
	position: relative;
	top: -2px;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.4rem;
    line-height: 1.4;
    content: '\f111';
    width: 2.2rem;
    height: 2.2rem;
    display: inline-block;
    color: #ddd;
    background: #ddd;
    border-radius: 50px;
    margin: 0 1rem 0 0;
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}
.form .mwform-checkbox-field label input:checked+span::before,
.mw_wp_form_confirm .form .doui::before {
	color: #fff;
    content: '\f00c';
    background: #439fc6;
    box-shadow: none;
}
.form .mwform-checkbox-field label input:checked+span{
	font-weight: 700;
}

.form .btn_area{
	text-align: center;
}
.form .btn_area input{
	cursor: pointer;
	width: 280px;
	margin: 0 .5rem;
    height: 65px;
    font-weight: 600;
    color: #fff;
	background: #e40001;
    border-radius: 100px;
    border: none;
    letter-spacing: 1px;
}
.form .btn_area input.back{
	color: #666;
	border: 1px solid #ccc;
	background: #eee;
}
.step_tit{
	font-weight: 600;
	margin: 0 0 2rem;
}
p+.step_tit{
	margin-top: 3rem;
}
.mw_wp_form_input .confirm_view{
  display: none;
}
.mw_wp_form_confirm .input_view{
  display: none !important;
}
.mw_wp_form_confirm .confirm_view{
	display: block!important;;
}
.mw_wp_form .error{
	color: #ea2442;
	font-size: 1.3rem;
	line-height: 1;
	padding: .6rem 1rem;
	background: #ffeded;
	margin-top: .5rem;
	border-radius: 6px;
}
.mw_wp_form .doui input+.error{
	display: block;
	max-width: 250px;
	margin: .8rem auto 0;
}

@media screen and (max-width: 767px) {
	.page_conts{
		line-height: 1.6;
	}
	.form .form-table th,
	.form .form-table td{
		width: 100%;
		display: block;
		padding: 1.5rem 0;
	}
	.form .form-table th{
		font-weight: 700;
		padding-bottom: 1rem;
	}
	.form .form-table td{
		padding-top: 0;
	}
	.form .form-namebox .box{
		display: block;
	}
	.form .form-namebox dl+dl{
		margin-top: .5rem;
	}
	.form .form-namebox dt,
	.form .form-tit{
		font-weight: normal;
		margin-bottom: 0!important;
	}
	.form .kome{
		color: #777;
		font-size: 1.2rem;
		line-height: 1.4;
		margin-top: .5rem!important;
	}

	.form textarea, .form input, .form select{
	    height: 36px;
		padding: 0px 10px;
	}
	.form textarea{
		height: 120px;
		padding: 10px;
	}
	.form .mwform-tel-field input {
    	width: 5em;
	}
	.form .birth{
		width: 100%;
	}
	.form select{
		color: #444;
		width: 100%;
		-webkit-appearance: none;
  		appearance: none;
	}
	.form .select-wrap {
		position: relative;
		width: 100%;
	}
	.mw_wp_form_confirm .form .birth_box .select-wrap{
		width: auto;
	}
	.mw_wp_form_input .form  .select-wrap::after {
		position: absolute;
		top: 25%;
		right: 10px;
		display: block;
		content: '\f0dc';
	    font-family: 'Font Awesome 5 Free';
	    font-weight: 900;
	}

	.form .privacy_tit{
		font-size: 1.5rem;
	}
	.form .privacy_box{
		height: 150px;
	}
	.form .privacy_box .inner{
		padding: 1rem;
		font-size: 1.2rem;
	}
	.form .privacy_box .inner p{
		margin: .5rem 0;
	}
	.form .privacy_box .inner table th,
	.form .privacy_box .inner table td{
		line-height: 1.5;
		padding: 1rem;
	}

	.form .btn_area{
		display: flex;
		justify-content: center;
		text-align: center;
	}
}