/*
このディレクトリ内だけ適用するCSSを記述する
*/

h2.icon {
	margin: 0;
}

#mos_enq input[type="text"],
#mos_enq input[type="date"],
#mos_enq input[type="tel"],
#mos_enq input[type="email"],
#mos_enq textarea {
	font-size: 1em;
	padding: 4px;
	line-height: 1.5;
}
#mos_enq dd {
	margin-bottom: 0.5em;
}

.applicant_info_block {
	display: flex;
	align-items: center;
	margin-bottom: 0.5em;
}
.applicant_info_block > div:nth-of-type(1) {
	width: 9em;
}
.applicant_info_block > div:nth-of-type(2) {
	width: calc(100% - 9em);
}
.applicant_info_block input[type="text"],
.applicant_info_block input[type="tel"],
.applicant_info_block input[type="email"] {
	width: 100%;
	min-width: 6em;
	max-width: 30em;
}
.applicant_info_block input[name="zip_code"] {
	width: 8em;
}

.exam_subject_list {
	list-style-type: none;
}
.exam_subject_list li {
	list-style-type: none;
	margin-bottom: 1em;
}
.exam_subject_list li:last-of-type {
	margin-bottom:2em;
}
.exam_subject_list li:last-of-type label {
	margin-bottom:0.5em;
}
.exam_subject_list label {
	display: flex;
	align-items: center;
}
.exam_subject_list input[type="checkbox"] {
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5em;
}

.button_block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.submit_button {
	width: 12em;
	height: 3em;
	font-size: 1.2em;
	margin: 1em;
}

.error_message_area p {
	color: #ff0000;
	font-weight: bold;
}

.confirm_block {
	margin-bottom: 2em;
	border-bottom: 1px dotted #bbb;
	padding-bottom: 2em;
}

.check_block div:first-of-type {
	font-weight:bold;
}

.exam_subject_block {
	margin-bottom: 0.5em;
}

.exam_date_block {
	margin-bottom: 0.5em;
}


@media screen and (max-width: 800px){
	input[name="customer_address"] {
		width: calc(100% - 7em);
	}

	.discount_text {
		width: calc(100% - 5em);
	}

	.applicant_info_block {
		flex-wrap: wrap;
	}

	.applicant_info_block > div {
		width: 100%!important;
	}


}