@charset "UTF-8";

/*-----------------------------------
共通
-----------------------------------*/
/* lower_head */
.lower_head_contact{
	/* グラデ指定 */
	background: #d3eaf4; /* Old browsers */
	background: -moz-linear-gradient(top, #d3eaf4 0%, #eff7fb 25%, #eff7fb 51%, #eff7fb 75%, #d3eaf4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d3eaf4 0%,#eff7fb 25%,#eff7fb 51%,#eff7fb 75%,#d3eaf4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d3eaf4 0%,#eff7fb 25%,#eff7fb 51%,#eff7fb 75%,#d3eaf4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3eaf4', endColorstr='#d3eaf4',GradientType=0 ); /* IE6-9 */

	/* border */
	border-top: solid 3px #0a41b6;
}



@media screen and (max-width: 640px) {

	input[type="text"] , select{
  font-size: 16px;
	}

}

/*-----------------------------------
index
-----------------------------------*/
#sample_block{
	padding-bottom: 100px;
}
#sample_block .h3_lower{
	margin: 25px 0;
}
#sample_block .contact_text p span{
	font-weight: 600;
}

#sample_block .message_box{
	padding: 1.5em;
	border: solid 1px #b3b3b3;
	margin:25px 0;
}
#sample_block .message_box h4 img{
	vertical-align: middle;
}
#sample_block .message_box h4{
	font-size: 1.3em;
	margin-bottom: 0.5em;
}
#sample_block .message_box .emphasis{
	margin: 1em 0;
}
#sample_block .message_box a{
	text-decoration: underline;
}



#sample_block table.tel_list{
	text-align: left;
	font-size: 0.9em;
	margin-bottom: 25px;
}
#sample_block table.tel_list th,#sample_block table.tel_list td{
	padding: 0.3em 1.5em;
}
#sample_block table.tel_list th{
	border: solid 1px #b3b3b3;
	background: #f1f8fd;
}
#sample_block table.tel_list td{
	border: solid 1px #b3b3b3;
}


/*入力フォーム*/
#sample_block .form_box{
	background: #f1f8fd;
	padding: 0 20px 20px;
	margin: 25px 0;
}
#sample_block form table{
	width: 100%;
}
#sample_block input, #sample_block select, #sample_block textarea{
	padding: 0.7em;
  border: 1px solid #ccc;
}
#sample_block form table th,#sample_block form table td{
	padding: 1.5em 1.5em 1.5em 0;
}
#sample_block form table tr:not(:last-child) th,#sample_block form table tr:not(:last-child) td{
	border-bottom: solid 1px #b3b3b3;
}
#sample_block form table th{
	text-align: left;
	vertical-align:top;
	white-space: nowrap;
}
#sample_block form table textarea{
	width: 100%;
}
.mb{
	margin-bottom: 0.5em;
}

/*必須*/
#sample_block span.require{
	background: #c9171e;
	font-size: 9px;
	padding: 2px 5px 3px;
	color: #fff;
  border-radius: 2px;
  letter-spacing: 1px;
  margin-right: 5px;
}

/*btn_area*/
#sample_block .btn_area input{
	color: #fff;
	text-align: center;
	padding: 1em;
	width: 210px;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	cursor: pointer;
	-webkit-appearance: none;
}
#sample_block .btn_area input:hover{
	opacity: 0.8;
}
#sample_block .btn_area .submit_btn{
	-webkit-appearance: none;
	background: #295bc4;
}
#sample_block .btn_area .back_btn{
	background: #615D5D;
	margin-top: 10px;
}


/**/
#sample_block .contact_mail a{
	display: block;
	margin: 0 auto;
	width: 220px;
	padding: 1em;
	text-align: center;
	border: solid 1px #615D5D;
	border-radius: 5px;
	transition: 0.2s;
}
#sample_block .contact_mail a:hover{
	background: #615D5D;
	color: #fff;
}


@media screen and (max-width: 840px) {

	#sample_block .message_box{
		padding: 1em;
	}

	#sample_block .sp_w100{
		width: 100%;
	}
	#sample_block .sp_w80{
		width: 80%;
	}

}

@media screen and (max-width: 640px) {

	#sample_block{
		padding-bottom: 50px;
	}

	#sample_block table.tel_list th, #sample_block table.tel_list td{
		padding: 0.5em;
	}

	#sample_block .message_box h4 img{
		display: block;
		padding-top: 10px;
		margin: 0 auto;
	}


	/*入力フォーム*/
	#sample_block .form_box{
		padding: 0 15px 15px;
	}
	#sample_block input, #sample_block select, #sample_block textarea{
		padding: 0.5em;
	}
	#sample_block form table th,#sample_block form table td{
		display: block;
		width: 100%;
	}
	#sample_block form table th{
		padding: 1em 1em 0 0;
	}
	#sample_block form table td{
		padding: 0.5em 1em 1em 0;
	}
	#sample_block form table tr:not(:last-child) th{
		border-bottom: none;
	}


	.w40{
		width: 40%;
	}
	.w27{
		width:27%;
	}

}

.error {
	color: crimson;
}

/*reCAPTCHA Enterprise バッジを非表示*/
.grecaptcha-badge {visibility: hidden;}
/*reCAPTCHA の案内を非表示*/
.if-js-enabled{visibility: hidden;}

.recaptcha{
	margin: 1em 0;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.6;
}
.recaptcha a{color: #295bc4;}


@media screen and (max-width: 640px) {
	.recaptcha{
		font-size: 0.8rem;
    	padding-top: 10px;
	}
}