@charset "utf-8";
/* CSS Document */
.mrl-auto {
	margin-left: auto;
	margin-right: auto;
}
.pd15 {padding: 1.5rem;}
.box900, .box500 {max-width: 100%;}

.red-font {color: #E60012;}

.font18-24 {font-size: clamp(18px,2vw,24px);}

/* お問い合わせ */
.under-top-area {
	position: relative;
}
.under-top-area h2 {
	color: #727171;
	font-size: clamp(28px,4vw,60px);
	font-weight: bold;
    letter-spacing: .3em;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}
.under-top-area img {
	width: 100%;
}

.blue-area {
	background-color: #4193D0;
	color: #fff;
	text-align: center;
	padding: 2rem;
	margin-left: auto;
    margin-right: auto;
}
.blue-area a {
	display: inline-block;
	color: inherit;
	font-size: 28px;
}
.cont-tel {
	font-weight: bold;
}

.form-tbl {
	
}
.form-tbl th {
    white-space: nowrap;
    padding-right: 1rem;
	vertical-align: baseline;
	font-weight: normal;
}
.form-tbl input[type="tel"],.form-tbl input[type="email"], .form-tbl textarea {
    width: 100%;
}
.form-area input[type="checkbox"] {
	margin-right: 1rem;
}
.form-tbl .check-fl {
	display: flex;
	align-items: baseline;
}
.form-area label {display: inline-block;}
.form-area input[type="submit"], .form-area input[type="reset"], .form-area input[type="button"] {
	border-radius: 0;
	min-width: 138px;
}
.form-area input[type="submit"]:not(.submit-btn[disabled]) {
	background-color: #E60012;
}

.form-top-btn {
	display: inline-block;
	background-color: #E60012;
	color: #fff;
	padding: 10px 30px;
	text-align: center;
}
.back-btn, input[type="button"].back-btn {
	background-color: #808080;
	color: #fff;
	padding: 10px 30px;
	text-align: center;
}
input[type="button"].back-btn {
	padding: 0 30px;
}

.under-foot-area .receiving-ttl {
	margin-top: 0;
}


@media screen and (max-width: 768px) {
	.form-tbl input:not([type="checkbox"]) {
		width: 100%;
	}
	
	.form-area table.formTable th, .form-area table.formTable td {
		display: block;
		width: 100%;
		margin: 0;
	}
	.form-area table.formTable tr:not(:last-of-type) td, .form-area table.formTable th {
		border-bottom: none;
	}
}

@media screen and (max-width: 560px) {
	.form-tbl th, .form-tbl td {
		display: block;
	}
}