@charset "utf-8";

:root {
	--th-bg-color:#cce3ff;
}

.form_box {
	display:block;
	margin:0 auto 60px;
	padding:0;
	position:relative;
	width:calc(100% - 40px);
	max-width:948px;
}

.form_text {
	background-color:#fff;
	border:1px solid #ccc;
	display:block;
	margin:0 0 20px;
	padding:20px;
}

.form_table {
	border-collapse:collapse;
	display:table;
	margin:0;
	width:100%;
}
.form_table > tbody > tr > th,
.form_table > tbody > tr > td {
	box-sizing:border-box;
	font-size:14px;
	font-weight:normal;
	line-height:1.5;
}

.form_table > tbody > tr > th {
	background-color:#cce3ff;
	background-color:var(--th-bg-color);
	padding:9px 1em;
	text-align:center;
}

.form_table > tbody > tr > td {
	background-color:#fff;
	padding:0 1em 9px;
}

.form_table > tbody > tr > th ~ td {padding-top:9px;}

[data-device="pc"] .form_table, [data-device="tb"] .form_table {
	border-collapse:collapse;
	display:table;
}

[data-device="pc"] .form_table > tbody, [data-device="tb"] .form_table > tbody {
	display:table-row-group;
	border-bottom:1px solid #ccc;
}

[data-device="pc"] .form_table > tbody > tr,
[data-device="tb"] .form_table > tbody > tr {
	display:table-row;
}

[data-device="pc"] .form_table > tbody > tr > th,
[data-device="tb"] .form_table > tbody > tr > th {
	border:1px solid #ccc;
	width:160px;
}

[data-device="pc"] .form_table > tbody > tr > td,
[data-device="tb"] .form_table > tbody > tr > td {
	border-right:1px solid #ccc;
}

[data-device="pc"] .form_table > tbody > tr > th ~ td,
[data-device="tb"] .form_table > tbody > tr > th ~ td {
	border-top:1px solid #ccc;
}

@media (min-width: 660px) {

	[data-device="sp"] .form_table {
		border-collapse:collapse;
		display:table;
	}

	[data-device="sp"] .form_table > tbody {
		display:table-row-group;
		border-bottom:1px solid #ccc;
	}

	[data-device="sp"] .form_table > tbody > tr {display:table-row;}

	[data-device="sp"] .form_table > tbody > tr > th {
		border:1px solid #ccc;
		width:160px;
	}

	[data-device="sp"] .form_table > tbody > tr > td {
		border-right:1px solid #ccc;
	}

	[data-device="sp"] .form_table > tbody > tr > th ~ td {
		border-top:1px solid #ccc;
	}

}

@media not all and (min-width: 660px) {

	[data-device="sp"] .form_table {
		display:block;
		padding:0;
	}

	[data-device="sp"] .form_table > tbody,
	[data-device="sp"] .form_table > tbody > tr {
		display:block;
		margin:0;
		padding:0;
	}

	[data-device="sp"] .form_table > tbody {border-bottom:1px solid #ccc;}

	[data-device="sp"] .form_table > tbody > tr > th,
	[data-device="sp"] .form_table > tbody > tr > td {
		border-color:#ccc;
		border-style:solid;
		border-width:1px 1px 0;
		display:block;
		width:100%;
	}

}

.form_note {
	color:red;
	font-size:inherit;
}

th > .form_note {display:inline;}

td > .form_note {
	display:block;
	margin:0 0 5px;
}

input + .form_note {margin-top:5px;}

input, textarea {
	box-sizing:border-box;
	display:block;
	font:inherit;
	margin:0;
	width:100%;
}

input[type="text"] {max-width:8em;}

.form_btn {
	box-sizing:border-box;
	display:block;
	min-height:30px;
	margin:15px auto 0;
	min-width:120px;
}

/* line */
.line_icon {
	background-color:#fff;
	border:1px solid #ccc;
	display:block;
	margin:0 auto 20px;
	padding:20px;
	text-align:center;
}

.line_note {
	display:block;
	font-size:14px;
	margin:0 0 10px;
	padding:0;
}

.line_img {
	vertical-align:bottom;
	max-width:100%;
}