@charset "utf-8";

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

[お問い合わせ]
contact

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

.box_note_txt {
	margin-bottom: 3rem;
}

.box_note_txt dt {
	font-weight: 700;
	padding-bottom: 1rem;
}

.formTbl01 {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.formTbl01 tr {
	border-bottom: 1px solid #ccc;
}

.formTbl01 th,
.formTbl01 td {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.formTbl01 th {
	position: relative;
	width: 18em;
	color: #231815;
	text-align: left;
	position: relative;
	vertical-align: middle;
}

.formTbl01 th .required {
	color: #ffffff;
	text-align: center;
	line-height: 1;
	padding: .5rem 1rem .3rem;
	background: #b32c2c;
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
}

.formTbl01 td {
	vertical-align: middle;
}

.formTbl01 td input[type="text"],
.formTbl01 td input[type="email"],
.formTbl01 td textarea {
	font-size: 1.5rem;
	line-height: 1.5;
	width: 95%;
	padding: .5rem;
}

@media screen and (max-width: 560px) {
	.formTbl01 > tbody,
	.formTbl01 > tbody > tr,
	.formTbl01 > tbody > tr > * {
		display: block;
		width: 100%;
	}
	.formTbl01 th {
		padding-top: 0rem;
		padding-bottom: 0rem;
		margin-top: 2rem;
	}
	.formTbl01 td {
		padding-top: 1rem;
	}
}

/*個人情報チェック*/
table + .contctsubmit {
	padding: 2rem 1.5rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	background: #efefef;
	display: flex;
	align-items: center;
	justify-content: center;
}


table + .contctsubmit input[type=checkbox] {
	width: 2rem;
	height:	2rem;
	transform: scale(1.2);
	margin-right: 1rem;
}


/*送信ボタン*/
table + .contctsubmit + .contctsubmit {
	width: 20rem;
	margin: 0 auto;
	position: relative;
}

table + .contctsubmit + .contctsubmit::after {
	color: #fff;
	content: "\f054";
	font-size: 16px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 25%;
	/*transform: translateY(-50%);*/
	right: 2rem;
	transition: .3s;
}

table + .contctsubmit + .contctsubmit:hover::after {
	right: 1rem;
}

table + .contctsubmit + .contctsubmit input[type="submit"]{
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
	width: 20rem;
	padding: 2rem;
	margin: 0 auto;
	background: #0D5BBD;
	border-radius: 10rem;
}

table + .contctsubmit + .contctsubmit input[type="submit"]:hover {
	background: #0B4789;
}

@media screen and (max-width: 767px) {
	table + .contctsubmit + .contctsubmit input[type="submit"]{
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 560px) {
	table + .contctsubmit + .contctsubmit::after {
		right: 1.5rem;
	}
}