@charset "UTF-8";

#header {
	padding: 25px 20px 20px;
}

#main {
	margin:0 10px 10px;
	padding: 0 20px 0;
	background-color:#ffffff;
}

.txtarea {
	margin: 0 0 20px;
}

.ph img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	_width: 100%;
}

/* ボックス */
.note_block {
	clear: both;
	padding: 15px;
	border: solid 1px #CCCCCC;
	height: 150px;
	overflow: scroll;
}



@media only screen and (max-width: 736px) {
	#header {
		padding: 10px 3.125% 0;
	}
	#header img{
		width:200px;
	}
	
	#main {
		padding: 10px 3.125% 25px;
	}
	
	.txtarea {
		margin: 0  3.125% 25px;
	}

	.txtarea .ph {
		width: 100%;
		margin: 0 auto;
	}
	
	.note_block {
	clear: both;
	padding: 15px;
	border: solid 1px #CCCCCC;
	height: 150px;
	overflow: scroll;
}

}

/*---------------------------------
	text
---------------------------------*/
#main h1 {
	font-family: YuMincho, '游明朝', serif;
	background: #ff0000;
	color: #ffffff;
	margin: 0 0 20px 0;
	padding: 6px 5px 4px 15px;
	font-size: 131%;
}

#main h1 span {
	font-size: 75%;
}

#main h1 a {
	color: #ffffff;
	text-decoration: none;
}

#main h1 img {
	display: block;
	margin-right: auto;
}


#main h2 {
	line-height: 1.2;
	font-weight: bold;
	margin: 0;
	padding: 10px 10px 10px 15px;
	color: #fff;
	background-color:#282828;
	/*border-bottom: 1px solid #ccc;*/
}

#main h2.eq_ttl {
	font-size: 108%;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 15px 20px 5px 20px;
	color: #fff;
	background-color:#E23337;
}


p {
	margin-bottom: 25px;
}

ul {
	list-style: none;
	margin-bottom: 25px;
}

/* 注釈 */

ul.asterisk,
ul.asterisk_m {
	list-style: none;
}

ul.asterisk li {
	background: none;
	text-indent: -1.0em;
	margin-left: 1em;
	padding-left: 0;
}

ul.asterisk_m li {
	background: none;
	text-indent: -2em;
	margin-left: 2em;
	padding-left: 0;
}


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



/*---------------------------------
	form
---------------------------------*/

.form_block {
	background: #ffffff;
	color: #333333;
	padding: 10px;
}

.form_block p.box {
	padding: 15px 10px 0;
}

.form_block dl {
	display: flex;
	align-items: center;
	/*clear: both;*/
	zoom: 1;
	/*border-top: solid 1px #CCCCCC;*/
}

.form_block dl.first {
	border-top: none;
	padding-top: 5px;
}

/*.form_block dl:after {
	content: "";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0;
}*/

.form_block dl dt {
	width: 250px;
	padding: 15px 10px;
	box-sizing: border-box;
	/*float: left;*/
	font-weight: bold;
	display: flex;
	align-items: center;
	gap:0 5%
}

.form_block dl dd {
	padding: 15px 10px 15px 0px;
	box-sizing: border-box;
	margin-left:10px;
	width:calc(100% - 260px);
	/*line-height:1.8;*/
}

.form_block.cheak dl dt {
	width: 200px;
	padding: 20px 10px 20px 0px;
	border-bottom:1px solid #C4B874;
}
.form_block.cheak dl dd {
	width:calc(100% - 270px);
	padding: 20px 10px 20px 50px;
	margin-left:70px;
	border-bottom:1px solid #D3D3D3;
}

.box_privacy {
display: flex;
justify-content: center;
flex-flow: wrap;
gap: 10px 0;
}

.form_block input[type="date"],
.form_block input[type="number"],
.form_block input[type="email"],
.form_block input[type="tel"],
.form_block input[type="text"],
.form_block select {
	height: 30px;
	margin-bottom: 4px;
	padding: 5px 12px;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form_block input[type="date"],
.form_block input[type="number"],
.form_block input[type="email"],
.form_block input[type="tel"] {
	ime-mode: disabled;
}

.form_block textarea {
	margin-bottom: 4px;
	padding: 6px 12px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: top;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form_block input[type="date"]:focus,
.form_block input[type="number"]:focus,
.form_block input[type="email"]:focus,
.form_block input[type="tel"]:focus,
.form_block input[type="text"]:focus,
.form_block select:focus {
  border-color: #fcb621;
  outline: 0;
}

.form_block input[type="date"].error,
.form_block input[type="number"].error,
.form_block input[type="email"].error,
.form_block input[type="tel"].error,
.form_block input[type="text"].error,
.form_block select.error {
	border-color: #fc4777;
	outline: 0;
}

.form_block input[type="date"].success,
.form_block input[type="number"].success,
.form_block input[type="email"].success,
.form_block input[type="tel"].success,
.form_block input[type="text"].success,
.form_block select.success {
	border-color: #29abe2;
	outline: 0;
}

.form_block input[type="checkbox"],
.form_block input[type="radio"] {
	margin-right: 5px;
	vertical-align: middle;
}

.btn_area_search {
	 border-radius: 5px; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	padding: 5px 18px;
	margin: 0 0 0 10px;
	font-size: 100%;
	border: solid 1px #cccccc;
	box-sizing: border-box;
}

.text_input_xs{
	width: 98px;
}

.text_input_s {
	width: 150px;
}

.text_input_m {
	width: 300px;
}

.text_input_l {
	width: 100%;
}

.text_area_l {
	width: 100%;
}

.form_block label {
	cursor: pointer;
	cursor: pointer;
	/* vertical-align: middle; */
}

.label_radio {
	margin-right: 30px;
}

.label_num {
	margin-left: 20px;
}
 
.txt_required {
	color: #ffffff;
	background: #C4B874;
	font-weight: 400;
	margin-left: 7px;
	padding: 4px 1.372em 6px;
	font-size: 12px;
	line-height: 1;
	vertical-align: middle;
	border-radius: 9999px; 
}
.form_block dl dt .txt_required {
	/*float: right;*/
	}

.txt_any {
	color: #ffffff;
	background: #85d077;
	font-weight: 400;
	margin-left: 7px;
	padding: 0 10px;
	font-size: 11px;
	vertical-align: middle;
	 border-radius: 2px; 
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
}

.icon_success {
	color: #ffffff;
	background: #29abe2;
	font-weight: 400;
	margin-left: 7px;
	padding: 0 10px;
	font-size: 11px;
	vertical-align: middle;
	 border-radius: 2px; 
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
}

.icon_error {
	color: #ffffff;
	background: #ed1e79;
	font-weight: 400;
	margin-left: 7px;
	padding: 0 10px;
	font-size: 11px;
	vertical-align: middle;
	 border-radius: 2px; 
    -webkit-border-radius: 2px;  
    -moz-border-radius: 2px;
}

.txt_error {
	color: #ff2c2c;
	font-weight: 400;
	width: fit-content;
	margin: 50px auto 100px;
}

div.error {
	background: #fc4777;
	color: #ffffff;
	font-weight: 400;
}

/*　ime-mode 設定　*/
input.ime1 { ime-mode: auto; }
input.ime2 { ime-mode: active; }
input.ime3 { ime-mode: disabled; }
textarea.ime4 { ime-mode: inactive; }


/*---------------------------------
	ボタン
---------------------------------*/
.form_btn_block {
	text-align: center;
	/*margin-bottom: 30px;*/
}

.form_btn_block form {
	display: inline;
}

.btn_approval {
	color: #ffffff;
	background-color: #1D8677;
	padding: 10px 5px;
	margin: 0 10px;
	box-sizing: border-box;
	width: 300px;
	font-size: 100%;
	font-weight: bold;
	border-radius: 25px;
	transition:.3s;
}

.btn_approval:hover{
	background-color:#17564D;
}

.btn_denial {
	color: #ffffff;
	background-color: #999999;
	padding: 10px 5px;
	margin: 0 10px;
	box-sizing: border-box;
	width: 300px;
	font-size: 100%;
	font-weight: bold;
	border-radius: 25px;
	transition: .3s;
}

.btn_denial:hover{
	background-color:#CCCCCC;
}

@media only screen and (max-width: 991px) {
.form_block dl {
flex-flow: column;
  align-items: flex-start;
}
.form_block dl dt  {
	width: 100%;
	padding: 15px 10px 0;
	gap: 0 10px;
	}
.form_block dl dd {
  width: 100%;
  margin-left:0;
  padding: 10px 10px 15px;
}
	
.form_block.cheak dl dt  {
	width: fit-content;
	padding: 15px 10px 10px;
	gap: 0 10px;
	}

.form_block.cheak dl dd {
  width: 100%;
  margin-left:0;
  padding: 10px 10px 10px;
	margin-bottom:20px;
}







}






@media only screen and (max-width: 736px) {
.contact_inner {
  padding: 100px 0 100px;
}
	
	.form_block {
		padding: 15px 3.125%;
	}

	

	
	
	
/*	.form_block dl dt {
		width: auto;
		padding: 15px 0 2px;
		box-sizing: border-box;
		float: none;
	}
	
	.form_block dl dd {
		float: none;
		padding: 0 0 15px;
		box-sizing: border-box;
	}
*/	
	.text_input_s {
		width: 48%;
	}
	
	.text_input_m {
		width: 100%;
	}
	
	.label_num {
		margin-left: 0;
	}
	
	.form_btn_block form {
		display: block;
	}
	
	.btn_approval {
		display: block;
		margin: 10px auto;
		-webkit-appearance: none;
		/*border-radius: 0;*/
	}
	
	.btn_denial {
		display: block;
		margin: 10px auto;
		-webkit-appearance: none;
		/*border-radius: 0;*/
	}
	
	.mr10 { margin-right: 3.125% !important; }
	
	h2 .txt_required {
		float: right; 
	}
}





.padding_l {
    padding-left: 20px !important;
}


.t_center {
	text-align: center;
}

.mt100 {
	margin-top:100px;
}
.mt110 {
	margin-top:110px;
}
.mb70 {
	margin-bottom:70px;
}
.mb100 {
	margin-bottom:100px;
}



.contact_inner {
	width:1000px;
	max-width: 95%;
	margin:0 auto;
	padding: 100px 0 100px;
}

@media only screen and (max-width: 736px) {
.contact_inner {
  padding: 13.5vw 0 13.5vw;
}
	
	
	.mt100 {
	margin-top:13.5vw;
}
.mt110 {
	margin-top:14.9vw;
}
.mb70 {
	margin-bottom:9.5vw;
}
.mb100 {
	margin-bottom:13.5vw;
}

	
	
	
	
	
	
	
	}