@charset "utf-8";
/*html {
  visibility: hidden;
}
html.wf-active, html.loading-delay {
  visibility: visible;
}*/


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus {
	outline-offset: -2px;
}

/* contact */


#contact {
	padding:150px 0 100px;
	text-align:left;
}

#contact .inner {
	width:800px;
	margin:0 auto;
}

#contact .inner h3 {
	text-align:center;
	line-height:1.0;
	margin:0 0 40px;
}

#contact .inner h3 span {
	padding:0 0 10px;
	border-bottom:2px solid #2370b2;
	font-size:1.2em;
}

#contact .inner .read {
	text-align:center;
	margin:0 0 20px;
}

#contact .inner table {
	width:100%;
}

#contact .inner table th,
#contact .inner table td {
	border-top:1px solid #bebaba;
	border-bottom:1px solid #bebaba;
}

#contact .inner table th {
	width:210px;
	font-weight:400;
}

#contact .inner .read span,
#contact .inner table th span {
	color:#F00;
	font-size:1.0em;
}

#contact .inner table th span {
	padding-left:5px;
}

#contact .inner table td .short {
	width: 30%;
}

#contact .inner table td .middle {
	width: 50%;
}

#contact .inner table td .long {
	width: 100%;
}

#contact .inner table input[type="text"] {
	border: 1px solid #959494;
	height: 35px;
	padding: 0 2%;
	font-family: inherit;
	line-height: 1.2;
	font-size:0.85em;
}

#contact .inner table textarea {
	border: 1px solid #959494;
	width: 100%;
	height: 180px;
	font-family: inherit;
	font-size:0.9em;
	line-height: 1.6;
	background-color: #fff;
	padding:0 2%;
}

#contact .inner table select {
	border: 1px solid #959494;
	height: 35px;
	padding: 0 2%;
	font-family: inherit;
	line-height: 1.2;
	width:30%;
	font-size:0.85em;
}

#contact .inner .submit {
	margin:45px 0 0;
	text-align:center;
}


#contact .inner .submit input {
	background:#195a92;
	border: none;
	color:#FFF;
	display:inline-block;
	text-align:center;
	line-height:1.0;
	font-family: 'Noto Sans Japanese', sans-serif;
	-moz-transition:all,.4s;
	-o-transition:all,.4s;
	-webkit-transition:all,.4s;
	transition:all,.4s;
	cursor: pointer;
	padding:20px 50px;
}

#contact .inner .submit input:hover {
	background:#0e3353;
}

dl.thanks {
	text-align:center;
}

dl.thanks dt {
	line-height:1.0;
	font-size:2.0em;
	margin:0 0 30px;
}

dl.thanks dd {
}

#contact input.btn_y,
#contact input.btn_n {
	background:#195a92;
	border: none;
	color:#FFF;
	display:inline-block;
	text-align:center;
	line-height:1.0;
	font-family: 'Noto Sans Japanese', sans-serif;
	-moz-transition:all,.4s;
	-o-transition:all,.4s;
	-webkit-transition:all,.4s;
	transition:all,.4s;
	cursor: pointer;
	padding:10px 20px;
}

#contact input.btn_n {
	margin-left:20px;
}



/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){


	#contact {
		padding:0 0 50px;
		text-align:left;
	}

	#contact .inner {
		width:94%;
		margin:0 auto;
		padding-top:50px;
	}

	#contact .inner table th,
	#contact .inner table td {
		border-bottom:none;
	}


	#contact .inner table th {
		width:auto;
		font-weight:400;
		background:#eee;
	}



	#contact .inner table th span {
		padding-left:5px;
	}

	#contact .inner table select,
	#contact .inner table td .short,
	#contact .inner table td .middle {
		width: 100%;
	}

	#contact .inner .submit input {
		font-size:1.4em;
	}


}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){

}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){

	#contact input.btn_y,
	#contact input.btn_n {
		display:block;
		width:90%;
		margin:0 auto;
		font-size:1.4em;
	}

	#contact input.btn_n {
		margin:20px auto 0;
	}


}

/*===============================================
  画面の横幅が380px以下に適用
===============================================*/
@media screen and (max-width: 380px){
}