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

.section#sec1{
width: 100%;
background-image: url(../images/visual.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.section#sec1 .visual{
width: 1000px;
height: 200px;
margin: 0 auto;
position: relative;
}
.section#sec1 .visual h3{
width: 125px;
margin: -30px 0 0 0;
position: absolute;
left: 0px;
top: 50%;
}
.section#sec1 .visual h3 span{
background-image: url(../images/title.png);
height: 59px;
}


/* //#sec1 */

.section#sec2{
width: 100%;
padding: 40px 0 80px 0;
margin: 0;
background-image: url(/common/images/bg_stripe.png);
}
.section#sec2 .inner{
text-align: left;
width: 1000px;
margin: 0 auto;
position: relative;
}
.section#sec2 .inner .box-contact{
width: 100%;
}
.box-contact .text{
width: 320px;
float: left;
}
.box-contact .text p{ margin-bottom: 20px; }
.box-contact .text p.caution{
color: #FF0000;
margin-bottom: 0px;
}

.box-contact .post{
width: 640px;
padding: 0 0 0 40px;
border-left: solid 1px #999;
box-sizing: border-box;
float: right;
}
.box-contact .post h4{
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.box-contact .post h4.error{
	color: #FF0000;
}
.box-contact .post h5{
	font-size: 1rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.box-contact .post h5.error{
	color: #FF0000;
}
.box-contact .post p{
	font-size: 0.8rem;
}
.box-contact .post p:not(:last-child){
	margin-bottom: 20px;
}
.box-contact .post table{
	width: 100%;
	margin-bottom: 40px;
	border-top: solid 1px #000;
}
.box-contact .post table th{
	width: 25%;
	padding: 20px 0;
	border-bottom: solid 1px #000;
}
.box-contact .post table td{
	width: 75%;
	padding: 20px 0 20px 20px;
	border-bottom: solid 1px #000;
}
.box-contact .post table td div{
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}
.box-contact .post table td input{
	width: 80%;
	padding: 5px 10px;
	border: solid 1px #999;
	box-sizing: border-box;
}
.box-contact .post table td select{
	width: 75%;
	padding: 5px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #F0F0F0;
	background: url(/common/images/arrow_down.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#F0F0F0 100%);
	background: url(/common/images/arrow_down.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#F0F0F0 100%);
	background-size: 20px, 100%;
}
.box-contact .post table td textarea{
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
}
.box-contact .post .sendbtn:not(:last-child){
	margin-bottom: 40px;
}
.box-contact .post .sendbtn input{
	color: #FFF;
	font-weight: bold;
	width: 100%;
	height: 40px;
	background-color: #000;
	border: none;
	border-radius: 5px;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.box-contact .post .sendbtn input:hover{
	background-color: #666;
}




.box-contact .post .screen-reader-response[role="alert"]{
	color: #333;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	border-radius: 5px;
}
.box-contact .post .screen-reader-response ul{ display: none; }
.box-contact .post p label span span{
	color: #FF0000;
	padding: 5px 0 0 0;
	display: block;
}
.box-contact .wpcf7-validation-errors, .box-contact .wpcf7-response-output{
	color: #FF0000;
	text-align: center;
	padding: 10px 0 0 0;
	display: block;	
}
.box-contact .wpcf7-mail-sent-ok{
	color: #009d96;
	text-align: center;
	padding: 10px 0 0 0;
	display: block;	
}


/* for SP-----------------------------------------------------
------------------------------------------------------------ */
@media only screen and (max-width: 736px) {
}

@media all and (orientation: landscape) {
}