@charset "utf-8";





#contact_Form {

	background: #fff;

	padding: 100px 0;

}



#contact_Form h4 {

	margin-bottom: 1em;

	padding-bottom: 10px;

	color: #323232;

	border-bottom: 1px solid #323232;

	font-size: min(6vw, 26px);

	font-weight: 600;

	line-height: 1.5;

}



#contact_Form h4 span {

	display: block;

	color: #25488f;

	font-size: 14px;

}



#contact_Form p {

	font-size: 14px;

	line-height: 1.5;

}



#form {

	margin-top: 50px;

}



#form input,

#form textarea,

#form select {

	border: 1px solid #aaa;

	font-size: 16px;

	box-sizing: border-box;

}



#form li {

	padding: 25px 0 20px;

	border-bottom: 1px dotted #323232;

	box-sizing: border-box;

}



#form li:first-child {

	padding-top: 0;

}



#form dl {

	display: flex;

	align-items: center;

	gap: 30px;

}



#form dt {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	width: 30%;

}



#form .req {

	display: block;

	padding: 5px 8px;

	color: #fff;

	background-color: #d97000;

	border-radius: 5px;

	font-size: 12px;

	box-sizing: border-box;

}



#form dd {

	width: calc(70% - 30px);

}



/* 個別設定 */

li[class^='form'] dd {

	gap: 2%;

}



li[class^='form'] label {

	display: flex;

	align-items: center;

	gap: 5px;

	max-width: 120px;

	width: 49%;

	padding: 10px;

	background-color: #dce2e7;

	border: 1px solid #aaa;

	border-radius: 5px;

	box-sizing: border-box;

}



li[class^='form'] label input {

	max-width: auto;

	width: auto;

}



li[class^='form'] input,

li[class^='form'] textarea,

li[class^='form'] select {

	max-width: 500px;

	width: 100%;

	padding: 5px;

	background-color: #dce2e7;

	box-sizing: border-box;

	box-sizing: border-box;

}



li[class^='form'] label.filled,

li[class^='form'] input.filled,

li[class^='form'] textarea.filled,

li[class^='form'] select.filled {

	background-color: #fff !important;

}



li.form05 dd {

	display: flex;

	flex-wrap: wrap;

	flex-direction: column;

	gap: 10px;

}



li.form05 label {

	max-width: 500px;

	width: 100%;

}



li.form05 span {

	align-items: center;

	max-width: 500px;

}



li.form05 span input {

	width: 40%;

	background-color: #fff;

}



.btn_Area {

	justify-content: center;

	align-items: center;

	gap: 20px;

	margin: 50px auto;

}



.btn_Area>button {

	max-width: 350px;

	width: 100%;

	padding: 10px;

	border: 1px solid #aaa;

	border-radius: 5px;

	font-size: 18px;

	text-align: center;

	box-sizing: border-box;

}



.btn_Area>buttn.fcb{

	color: #000;

}



.btn_Area>button span {

	display: block;

	margin-bottom: 10px;

	font-size: 14px;

}



.submit_Btn {

	color: #fff;

	background-color: #25488f;

}



.privacy_box {

	height: 300px;

	padding: 20px;

	border: 1px solid #aaa;

	box-sizing: border-box;

	overflow: scroll;

}



.privacy_caution {

	color: #FF0000;

	font-size: 12px;

	margin-bottom: 15px;

}



.privacy_title {

	background-color: #EFEFEF;

	color: #333333;

	font-size: 12px;

	line-height: 30px;

	font-weight: bold;

	margin-bottom: 10px;

	padding-left: 10px;

	box-sizing: border-box;

}



.privacy_contents {

	color: #333333;

	font-size: 12px;

}



.privacy_subtitle {

	color: #333333;

	font-size: 12px;

	line-height: 30px;

	font-weight: bold;

	margin-top: 20px;

	margin-bottom: 10px;

	border-bottom: 1px #CCCCCC solid;

}



.privacy_box_title {

	font-size: 14px;

	color: #333333;

	margin-left: 30px;

	margin-top: 50px;

	font-weight: bold;

}



.privacy_box_title span {

	color: red;

}



.bsd_pmark_conteiner {

	overflow: hidden;

}



.bsd_pmark {

	float: right;

	margin: 0 10px;

}



.bsd_pmark img {

	width: 250px;

	height: 75px;

}



.i_win {

	display: block;

	width: 100%;

	background: url("../img/icon_list_orange.png") no-repeat scroll left center;

	background-size: 10px 10px;

	padding-left: 15px;

	margin: 5px auto;

	color: #333333;

	font-size: 14px;

	text-decoration: underline;

	box-sizing: border-box;

}



.i_win>a {

	line-height: 1.5;

	word-break: break-all;

}



.mark_Area {

	display: flex;

	justify-content: flex-end;

	margin-top: 20px;

}



.mark_Area a {

	display: block;

	max-width: 300px;

	width: 40%;

}



/* サンクスページ */

.thanks-box {

	margin: 100px auto 120px;

}



.thanks-box p {

	line-height: 1.5;

	text-align: center;

}



.thanks-box .thanks-text {

	font-size: 34px;

	font-weight: 600;

	letter-spacing: 3px;

	color: #0d67ad;

	text-align: center;

	margin-bottom: 20px;

}



.backbtn {

	width: 300px;

	display: block;

	color: #0d67ad;

	text-align: center;

	border: 1px solid #0d67ad;

	padding: 20px 0;

	margin: 40px auto 0;

}



.error_message_area{

	background:#FFEEEE;

	margin-top:2em;

	margin-bottom:2em;

	padding:1em;

	border:2px solid #FF0000;

}

.error_message_area p{

	margin-bottom:1em;

}

.error_message_area ul{

	list-style:disc;

	padding-left:1em;

	line-height:2em;

}



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



	#contact_Form {

		margin-top: 0;

		padding: 60px 0;

	}



	#form {

		margin-top: 30px;

	}



	#form input,

	#form textarea {

		border: 1px solid #aaa;

		font-size: 16px;

		box-sizing: border-box;

	}



	#form dl {

		flex-wrap: wrap;

		flex-direction: column;

		align-items: flex-start;

		gap: 10px;

	}



	#form dt {

		justify-content: flex-start;

		gap: 20px;

		width: 100%;

	}



	#form dd {

		width: 100%;

	}



	/* 個別設定 */

	li[class^='form'] label {

		max-width: 100%;

	}



	li[class^='form'] input,

	li[class^='form'] textarea {

		max-width: 100%;

		padding: 10px;

	}



	.btn_Area {

		flex-direction: column;

		margin: 30px auto;

	}



	.btn_Area>button {

		max-width: 100%;

	}



	.mark_Area a {

		display: block;

		max-width: 300px;

		width: 100%;

	}



	/* サンクスページ */

	.thanks-box {

		margin: 50px auto 70px;

	}



	.thanks-box .thanks-text {

		font-size: 26px;

		margin-bottom: 10px;

	}



	.thanks-box p {

		font-size: 14px;

	}



	.backbtn {

		margin: 40px auto;

	}

}