@charset "UTF-8";



body {background: url(/images/company_back.png) repeat-x center 80px;}
article {padding: 200px 0 0;}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 767px) {
body {background: url(/images/company_back.png) repeat-x center 66px;background-size: auto 80px;}
article {padding:55px 0 0;}

}



.contact_title {font-family: 'Noto Serif JP',serif;font-size: 20px;line-height: 30px;text-align: left;color: #5a3c00;margin: 0 0 20px;}
.contact_title span {font-family: 'Noto Serif JP',serif;font-style: italic;}
.contact {width: 1060px;margin: 0 auto;text-align: left;}
.contact p {font-size:16px;line-height: 26px;margin: 0 0 20px;}
.contact table {width: 100%;border-left: 1px solid #f9f3e7;border-top: 1px solid #f9f3e7;margin: 0 0 20px;}
.contact table th {width: 30%;background: #fdfaf3; font-size:16px;line-height: 26px; padding: 20px;font-weight: 700; text-align: left;vertical-align: top;border-right: 1px solid #f9f3e7;border-bottom: 1px solid #f9f3e7;}
.contact table td {font-size:16px;line-height: 26px;padding: 20px;vertical-align: top;border-right: 1px solid #f9f3e7;border-bottom: 1px solid #f9f3e7;}
.contact table td span {font-size:10px;}

.contact table td ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.contact table td ul li {width: 50%;}
.contact table td ul.wide {}
.contact table td ul.wide li {width: 100%;}


.contact table td ul.caption {margin: 0 0 0 30px;}
.contact table td ul.caption li {font-size: 12px;line-height: 1.4; width: 100%;list-style: disc;margin: 5px 0 0;}



.contact dl {margin: 0 0 50px;}
.contact dl dt {font-size: 20px;line-height: 40px;text-align: left;color: #ffffff;background: #5a3c00;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;padding: 0 20px;}
.contact dl dd {font-size:16px;line-height: 26px;padding: 20px 20px 0;}

.required {font-size:10px;line-height: 26px;background: #bc242b;color: #ffffff;padding: 3px 6px;vertical-align: top;margin: 0;}

.btn_box {text-align: center;margin: 50px 0;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
input#submit {
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 18px;
line-height: 28px;
background-color: #5a3c00;
padding:12px 40px;
text-decoration: none;
position: relative;z-index: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-style: none;cursor:pointer;
}
input#submit:hover {opacity: 0.7;}


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

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

.contact_title {font-family: 'Noto Serif JP',serif;font-size: 14px;line-height: 20px;text-align: left;color: #5a3c00;margin: 0 0 2.5%;}
.contact_title span {font-family: 'Noto Serif JP',serif;font-style: italic;}
.contact {width: 86%;margin: 0 auto;}
.contact p {font-size:12px;line-height: 22px;margin: 0 0 2.5%;}
.contact table {width: 100%;border-left: 1px solid #f9f3e7;border-top: 1px solid #f9f3e7;margin: 0 0 2.5%;}
.contact table th {display: block; width: 90%;background: #fdfaf3; font-size:12px;line-height: 22px; padding:3% 5%;font-weight: 700; text-align: left;vertical-align: top;border-right: 1px solid #f9f3e7;border-bottom: 1px solid #f9f3e7;}
.contact table td {display: block;width: 90%;font-size:12px;line-height: 18px;padding: 5%;vertical-align: top;border-right: 1px solid #f9f3e7;border-bottom: 1px solid #f9f3e7;}
.contact table td span {font-size:8px;line-height: 14px; display: block;}

.contact table td ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.contact table td ul li {width: 100%;}


.contact table td ul.caption {margin: 0 0 0 20px;}
.contact table td ul.caption li {font-size: 12px;line-height: 1.4; width: 100%;list-style: disc;margin: 5px 0 0;}



.contact dl {margin: 0 0 5%;}
.contact dl dt {font-size: 12px;line-height: 22px;text-align: left;color: #ffffff;background: #5a3c00;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;padding: 0.5% 2.5%;}
.contact dl dd {font-size:12px;line-height: 18px;padding: 2.5% 2.5% 0;}

.required {font-size:8px;line-height: 22px;background: #bc242b;color: #ffffff;padding: 3px 6px;vertical-align: top;margin: 0;}

.btn_box {text-align: center;margin: 5% 0;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
input#submit {
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 14px;
line-height: 24px;
background-color: #5a3c00;
padding:12px 0;
text-decoration: none;
position: relative;z-index: 0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-style: none;cursor:pointer;
width: 100%;
}
input#submit:hover {opacity: 0.7;}


input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

}







form {}
form table td {position: relative;z-index: 0;}
textarea{font-size:13px;line-height:23px;background-color:#ffffff;border:1px solid #CCCCCC;padding:0 3px;}
input[type="text"]{font-size:13px;line-height:19px;background-color:#ffffff;border:1px solid #CCCCCC;padding:2% 1%;margin:2px;height:19px;}
textarea:hover,
input[type="text"]:hover{border:1px solid #000000;}
textarea:focus,
input[type="text"]:focus{border:1px solid #333333;background-color:#FFFFFF;}
.t1{width:75%;}
.t2{width:100%;}
.t3{width:50%;}
.t4{width:98%;}
.t5{width:25%;}
label{margin:0 10px 0 0;padding:1px 4px 1px 0;cursor:pointer;vertical-align:top;display:inline-block;
/*スターハック*/*display:inline;*zoom:1;}
label:hover{}
label input{cursor:pointer;}
select{margin:0 5px;}
.radiobutton label {
padding: 0 0 0 32px;	/* ラベルの位置 */
font-size: 16px;
line-height: 30px;		/* ボタンのサイズに合わせる */
display: inline-block;
cursor:	pointer;
position: relative;
}
.radiobutton label:before {
content: '';
width: 26px;		/* ボタンの横幅 */
height: 26px;		/* ボタンの縦幅 */
position: absolute;
top: 0;
left: 0;
background-color: #f0f0f0;border:1px solid #e5e5e5;
border-radius: 50%;
}
.radiobutton input[type="radio"] {
display: none;
}
.radiobutton input[type="radio"]:checked + label:after {
content: '';
width: 16px;		/* マークの横幅 */
height: 16px;		/* マークの縦幅 */
position: absolute;
top: 6px;
left: 6px;
background-color: #bc242b;
border-radius: 50%;
}




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

form {}
form table td {position: relative;z-index: 0;}
textarea{font-size:13px;line-height:23px;background-color:#ffffff;border:1px solid #CCCCCC;padding:0 3px;}
input[type="text"]{font-size:13px;line-height:19px;background-color:#ffffff;border:1px solid #CCCCCC;padding:2% 1%;margin:2px;height:19px;}
textarea:hover,
input[type="text"]:hover{border:1px solid #000000;}
textarea:focus,
input[type="text"]:focus{border:1px solid #333333;background-color:#FFFFFF;}
.t1{width:98%;}
.t2{width:100%;}
.t3{width:98%;}
.t4{width:98%;}
.t5{width:25%;}
label{margin:0 10px 0 0;padding:1px 4px 1px 0;cursor:pointer;vertical-align:top;display:inline-block;
/*スターハック*/*display:inline;*zoom:1;}
label:hover{}
label input{cursor:pointer;}
select{margin:0 5px;}
.radiobutton label {
padding: 0 0 0 32px;	/* ラベルの位置 */
font-size: 12px;
line-height: 30px;		/* ボタンのサイズに合わせる */
display: block;
cursor:	pointer;
position: relative;
}
.radiobutton label:before {
content: '';
width: 26px;		/* ボタンの横幅 */
height: 26px;		/* ボタンの縦幅 */
position: absolute;
top: 0;
left: 0;
background-color: #f0f0f0;border:1px solid #e5e5e5;
border-radius: 50%;
}
.radiobutton input[type="radio"] {
display: none;
}
.radiobutton input[type="radio"]:checked + label:after {
content: '';
width: 16px;		/* マークの横幅 */
height: 16px;		/* マークの縦幅 */
position: absolute;
top: 6px;
left: 6px;
background-color: #bc242b;
border-radius: 50%;
}


input::-webkit-input-placeholder {
font-size: 8px;
}
input:-moz-placeholder {
font-size: 8px;
}
input::-moz-placeholder {
font-size: 8px;
}
input:-ms-input-placeholder {
font-size: 8px;
}
textarea::-webkit-input-placeholder {
font-size: 8px;
}
textarea:-moz-placeholder {
font-size: 8px;
}
textarea::-moz-placeholder {
font-size: 8px;
}
textarea:-ms-input-placeholder {
font-size: 8px;
}

}















.checkbox_wrap{
  display: inline-block;
  margin: 0 15px 0 0;
  vertical-align: middle;
  font-size: 18px;
  line-height: 34px;
}
.checkbox_wrap{
}
@media screen and (max-width: 767px) {
.checkbox_wrap{
display: block;
margin: 0;
font-size: 14px;
line-height: 30px;
}
.checkbox_wrap + br{
display: none;
}
}


.checkbox_wrap input{
  display: none;
}
.checkbox_wrap label{
  position: relative;
  display: block;
  padding: 0 0 0 38px;
  cursor: pointer
}
.checkbox_wrap label:before{
  position: absolute;
  left: 0;
  display: inline-block;
  content: "";
  box-sizing: border-box;
}
.radio_wrap label:before{
  top: 7px;
  width: 28px;
  height: 28px;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  background: #f0f0f0;
}
.checkbox_wrap label:before{
  top: 0;
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  border-radius: 3px;
}
.checkbox_wrap label:after{
  position: absolute;
  display: inline-block;
  content: "";
  box-sizing: border-box;
  opacity: 0;
  transition: 0.2s ease;
}
.checkbox_wrap label:after{
  left: 3px;
  top: 0;
  width: 28px;
  height: 18px;
  border-left: 6px solid #bc242b;
  border-bottom: 6px solid #bc242b;
  box-sizing: border-box;
  transform: rotate(-45deg)
}
.checkbox_wrap input:checked + label:after{
  opacity: 1;
}






.caution {width: 1060px;margin:0 auto 40px;text-align: left;}
.caution p {font-size: 16px;line-height: 26px;font-weight: 700;margin: 0 auto 20px;}
.caution ul {margin: 0 0 0 30px;}
.caution ul li {font-size: 14px;line-height: 1.6; list-style-type: decimal;margin: 0 0 10px;}
.caution ul li:last-child {margin: 0;}

.privacy {}
.privacy p {font-size: 16px;line-height: 26px;margin: 0 auto 20px;}
.privacy p a {color: #000000;text-decoration: underline;position: relative;z-index: 1;}
.privacy p a:hover {color: #c89b0a;}

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

}
@media screen and (max-width: 767px) {
.caution {width: 86%;margin:0 auto 10%;text-align: left;}
.caution p {font-size: 14px;line-height: 1.6;font-weight: 700;margin: 0 auto 5%;}
.caution ul {margin: 0 0 0 20px;}
.caution ul li {font-size: 12px;line-height: 1.6; list-style-type: decimal;margin: 0 0 2%;}
.caution ul li:last-child {margin: 0;}

.privacy {}
.privacy p {font-size: 14px;line-height: 1.6;margin: 0 auto 5%;}


}




.not_robot {text-align: center;position: relative;z-index: 999;padding: 10px 0 0;}
#recaptcha div {margin: auto;}