@charset "UTF-8";

/*================================================
 お問い合わせ toiawase
 ================================================*/

/*Smartphone only call*/
@media screen and (min-width: 768px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;}
}

/*上書き修正*/
.spacer{
	height: 5em;
}
.error_messe{
	color: red;
}
.toiawatb01 th {
	width:80%;
}
.toiawatb01 td{
	padding: 0.8em 0em 0.8em 1em;
}
.toiawatb01 td {
	padding: 0.6em 1em;
}

#contents{
	margin-top: 7em;
	margin-bottom: 10em;
}
#contents h4{
	margin: 3em;
	padding: 5px 0;
	font-size: 18px;
	color: #333;
	border-bottom: none;
}

/*
.form_wrap {
    margin-bottom: 10em;
}
*/

.formTable,
.formTable tbody,
.formTable tr,
.formTable th,
.formTable td {
	max-width: 47.7em;
	margin: auto;
	display: block;
	border: none !important;
	background: transparent !important;
}

.formTable{
	margin-top: 30px;
}

.formTable tr {
	margin-bottom: 20px;
}

.formTable th {
	margin-bottom: 6px;
	padding: 0;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	border:none!important;
}

.formTable td {
	padding: 0;
	margin-bottom: 50px;
}

.form_info{
	margin: 4em;
	text-align: center;
}

/* 入力欄をフル幅に */
.formTable input[type="text"],
.formTable textarea {
	width: 100%;
	background-color: #efefef;
	box-sizing: border-box;
	padding: 15px;
	border: none;
}

.formTable label {
	display: block;
	padding: 5px 0; 
	cursor: pointer;
}
.required{
	padding: 3px 5px;
	background-color: #ff3333;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	border-radius: 4px;
}
input, select{
	padding: 1em;
}
.post_code {
	width: 20% !important;
}
.tel_info{
	margin: 2em 0;
}
/*送信ボタン*/
.btn-wrap{
	margin-top: 3em;
	text-align: center;
}
.btn-confirm {
	max-width: 250px;
	width: 80%;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	background: #4D8FD5;
	box-shadow: 2px 3px 6px rgba(0,0,0,.18);
	transition: .2s ease;
	border: none;
	cursor: pointer;
}
/* hover */
.btn-confirm:hover{
	transform: translateY(1px);
	box-shadow: none;
	opacity: .7;
}
.privacy_agreement{
	margin-top: 2em;
	text-align: center;
}
.privacy_agreement a{
	text-decoration: underline;
}
.privacy_agreement a:hover{
	text-decoration: none;
}
.send_btn_wrap{
	text-align: center;
	align-items: center;
    justify-content: center;
    column-gap: 40px;
    margin-bottom: 100px;
}
.confirm-text{
	margin: 5em;
	text-align: center;
}
.back-link{
	text-decoration: underline;
}
.back-link:hover{
	text-decoration: none;
}

.cf-turnstile{
	margin: 3em 0 0;
	text-align: center;
}

@media (max-width: 768px) {
	.spacer{
		height: 1em;
	}

	#contents{
		margin-bottom: 5em;
	}
	#contents h4{
		font-size: 14px;
	}
	.error_messe{
		font-size: 13px;
	}
	.formTable,
	.formTable tbody,
	.formTable tr,
	.formTable th,
	.formTable td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	.form_info{
			margin: 2em;
	}
	select {
		width: 100%; 
		max-width: 100%;
		box-sizing: border-box;
		white-space: normal; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.formTable th {
		font-size: 14px;
	}
	.confirm-text{
		margin: 3em 0;
	}
	.toiawatb01 th {
		width:100%;
	}
	.toiawatb01 th, .toiawatb01 td {
		padding: 1em;
	}
}

.complete_message{
	margin: 20px 0 0;
}