@charset "UTF-8";
/* CSS Document */

.contact_kv{
	width: 100%;
	height: 40vh;
  	background-image: url("../images/contact/main.jpg");
	background-size: cover;
    background-position: bottom;
}
.content1{
    background-color: #FFF;
    padding: 40px 0;
}
.content1 .gru{
	margin-bottom:40px;
	text-align: left;
}
.content1 .gru h3{
	font-weight:bold;
	font-size:18px;
	color:#564a41;
	padding:0 0 8px 0;
	border-bottom:double 3px #564a41;
	margin-bottom:20px;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: left;
}
.content1 .gru #inq_tel{
	margin-bottom:15px;
}
.content1 .gru #inq_tel img{
	display:block;
	width:180px;
}
.content1 .gru .company{
}
.content1 .gru .company b{
	font-weight:bold;
}
.content1 .gru p{
	margin-bottom:8px;
}
.content1 .gru #hissu{
	margin-bottom:20px;
}
.content1 .gru{
}
.content1{
}

/*フォーム*/
#inqform{
}
input[type="reset"] ,input[type="submit"],input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input, button, textarea, select {
	font-size:13px;
	padding:3px;
	margin:4px;
}
input[type="reset"],input[type="button"]  {
	width:100%;
	padding:9px;
	font-size:12px;
	color:#333;
	line-height:1em;
	text-align:center;
	border:solid 1px #aaa;
}
input[type="submit"]{
	width:100%;
	background-color:#182F43;
	padding:10px;
	font-size:12px;
	color:#fff;
	line-height:1em;
	text-align:center;
}
#inqform table{
	display: table;
	width: 100%;
	text-align: left;
}
#inqform table tbody{
	width: 100%;
}
#inqform table tr{
	color: #222222;
}
#inqform table th{
	background-color:#F0F0F0;
	border: 1px solid #A3A3A3;
	vertical-align: top;
	border-collapse:collapse;
}
#inqform table td{
	border: 1px solid #A3A3A3;
	vertical-align: top;
	border-collapse:collapse;
}
#inqform .flex-btn{
	display:flex;
	justify-content:space-around;
}
#inqform #check{
	width:47%;
}
#inqform #reset{
	width:47%;
}
#inqform #privacy_accept{
	margin:8px;
}
#inqform #accept{
	margin:8px 8px 28px 8px;
	background-color:#e8e4d6;
	text-align:center;
}

/*pc*/
@media screen and (min-width: 758px){
.contact_kv{
	width: 100%;
	height: 40vh;
  	background-image: url("../images/contact/main.jpg");
	background-size: cover;
}
.content1{
    padding: 40px 0;
}
.content1 .gru{
	margin-bottom:60px;
}
.content1 .gru h3{
	font-size:24px;
	padding:0 0 10px 0;
	border-bottom:solid 1px #564a41;
	margin-bottom:28px;
}
.content1 .gru #inq_tel{
	margin-bottom:18px;
}
.content1 .gru #inq_tel img{
	width:267px;
}
.content1 .gru .company b{
	font-size:14px;
}
.content1 .gru p{
	margin-bottom:8px;
}
.content1 .gru #hissu{
	margin-bottom:28px;
}
#inqform table{
}
#inqform table th{
	font-size:14px;
	padding:8px 25px;
	width:40%;
	color: #222222;
}
#inqform table td{
	padding: 8px 25px;
}
#inqform .flex-btn{
	display:flex;
	justify-content:center;
}
#inqform #check{
	width:200px;
	margin:0 10px;
}
#inqform #reset{
	width:200px;
	margin:0 10px;
}
.content1 .gru #inqform #privacy_accept{
	text-align:center;
	padding:20px 0;
}
.content1 .gru #inqform #accept{
	padding:8px;
	width:200px;
	margin:-10px auto 30px auto;
}

input[type="reset"],input[type="button"] {
	padding:10px;
	font-size:13px;
	cursor:pointer;
}
input[type="reset"],input[type="button"] {
	max-width:200px;
}
input[type="reset"]:hover,input[type="button"]:hover {
	color:#999;
}
input[type="submit"]{
	background-color:#182F43;
	padding:11px;
	font-size:13px;
}
input[type="submit"]:hover{
	background-color:#365774;
}
}


@media screen and (max-width: 757px){
#inqform table{
	display: block;
	width: 100%;
	text-align:left;
	border-bottom: 1px solid #b9b399;
}
#inqform table tbody{
	display: block;
}
#inqform table tr{
	display: block;
}
#inqform table th{
	display: block;
	width: auto;
	padding:2px 5px;
	border-bottom: 0px solid #b9b399;
}
#inqform table td{
	display: block;
	width: auto;
	padding: 4px 6px;
	border-top: 0px solid #b9b399;
	border-bottom: 0px solid #b9b399;
}

input, button, textarea, select {
	font-size:16px;
	max-width:98.4%;
	padding:5px 0;
	margin:4px 0;
}
}





/* 確認画面以降 */

.content1 .error{
	color:#C33;
	padding:7px 20px;
}
.content1 .sendmessage{
	padding:7px 20px;
}
.content1 .error-h{
	font-size:15px;
	color:#fff;
	background-color:#B8B8B8;
	padding:7px 20px;
	margin-bottom:20px;
}
.content1 .btnarea{
	margin:20px 0;
}
@media screen and (min-width: 758px){

.content1 .error-h{
	font-size:16px;
	padding:10px 20px;
	margin-bottom:30px;
}
}