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


#contact{
	width: 960px;
	padding: 40px 0 0 0;
	margin: 0 auto;
}
#contact h3{
	width: 150px;
	margin: 0 auto 60px auto;
}
#contact h3 span{
	background-image: url(../images/title_contact.png);
	background-size: contain;
	height: 24px;
	background-size: contain;
}
#contact p a{ text-decoration: underline; }
#contact .inner{
	width: 100%;
	padding: 60px 0 0 0;
	margin: 0 auto;
}
#contact .inner p{ margin-bottom: 40px; }
#contact .inner table{
	text-align: left;
	width: 800px;
	margin: 0 auto 40px auto;
}
#contact .inner table th{
width: 300px;
padding: 10px 0;
}
#contact .inner table td{
width: 600px;
padding: 10px 0;
}
#contact .inner table td input{
width: 100%;
padding: 5px;
background-color: #F0F0F0;
border: none;
box-sizing: border-box;
}
#contact .inner table td textarea{
width: 100%;
height: 150px;
padding: 5px;
background-color: #F0F0F0;
border: none;
box-sizing: border-box;
}
#contact .inner .ppbox{
	width: 100%;
	padding: 40px;
	margin: 0 auto 20px auto;
	background-color: #F0F0F0;
	box-sizing: border-box;
}
#contact .inner .ppbox h5{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
#contact .inner .ppbox p{
	text-align: left;
	margin-bottom: 10px;
}
#contact .inner .ppbox p.mb{ margin-bottom: 20px; }
#contact .inner .ppbox p:last-child{ margin: 0px; }
#contact .inner .ppbox dl{
	text-align: left;
	margin-bottom: 20px;
}
#contact .inner .ppbox dl dt{
	font-weight: bold;
	margin-bottom: 10px;
}
#contact .inner .ppbox dl dd{ width: 100%; }
#contact .inner .ppbox dl dd table{
	width: 100%;
	margin: 0px;
	border-top: solid 1px #666;
}
#contact .inner .ppbox dl dd table th{
	font-weight: bold;
	width: 35%;
	padding: 10px 0;
	border-bottom: solid 1px #666;
}
#contact .inner .ppbox dl dd table td{
	padding: 10px 0;
	border-bottom: solid 1px #666;
}

#contact .inner .check{
	margin-bottom: 20px;
}
#contact .inner .sendbtn{
	width: 480px;
	margin: 0 auto;
}
#contact .inner .sendbtn input{
text-indent: 100%;
white-space: nowrap;
width: 100%;
height: 40px;
background-color: #555;
background-image: url(../images/text_send.png);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
padding: 0px;
border: none;
overflow: hidden;
cursor: pointer;
}
#contact .inner .sendbtn input:hover{ background-color: #db79ad; }

/*　エラーなど　*/
.screen-reader-response[role=alert]{
	color: #ff6666;
	padding: 20px;
	margin: 0 0 40px 0;
	background-color: #fff2f2;
}
.wpcf7-response-output{
	padding: 20px;
	margin: 40px 0 0 0;	
	display: none;
}
.wpcf7-response-output.wpcf7-mail-sent-ok{
color: #000;
background-color: #F0F0F0;
}
.wpcf7-response-output.wpcf7-validation-errors{
	color: #ff6666;
	background-color: #fff2f2;
}

.screen-reader-response[role=alert] ul{
	display: none;
}
span[role=alert]{
	color: #ff6666;
	padding: 10px 0 0 0;
	display: block;
}


/* --------------------------------------- Media Queries Smartphone --------------------------------------- */
@media only screen and (max-width: 414px) and (orientation: portrait){

#contact{
	width: 100%;
	padding: 40px 10px 0 10px;
	margin: 0 auto;
	box-sizing: border-box;
}
#contact h3{
	width: 106px;
	margin: 0 auto 40px auto;
}
#contact h3 span{ height: 17px; }
#contact p{ text-align: left; }
#contact p br{ display: none; }
#contact .inner{ padding: 40px 0 0 0; }
#contact .inner p{ margin-bottom: 20px; }
#contact .inner table{
	text-align: left;
	width: 100%;
	margin: 0 auto 20px auto;
}
#contact .inner table th{
width: 100%;
padding: 10px 0;
display: block;
}
#contact .inner table td{
width: 100%;
padding: 0 0 10px 0;
display: block;
}

#contact .inner .ppbox{ padding: 20px; }
#contact .inner .ppbox dl dd table th{
	width: 100%;
	padding: 10px 0 0 0;
	border-bottom: none;
}

#contact .inner .sendbtn{
	width: 240px;
	margin: 0 auto;
}
#contact .inner .sendbtn input{
height: 30px;
background-size: 120px 13px;
}
#contact .inner .sendbtn input:hover{ background-color: #db79ad; }

/*　エラーなど　*/
.screen-reader-response[role=alert]{
	color: #ff6666;
	padding: 20px;
	margin: 0 0 40px 0;
	background-color: #fff2f2;
}
.wpcf7-response-output{
	padding: 20px;
	margin: 40px 0 0 0;	
	display: none;
}
.wpcf7-response-output.wpcf7-mail-sent-ok{
color: #000;
background-color: #F0F0F0;
}
.wpcf7-response-output.wpcf7-validation-errors{
	color: #ff6666;
	background-color: #fff2f2;
}

.screen-reader-response[role=alert] ul{
	display: none;
}
span[role=alert]{
	color: #ff6666;
	padding: 10px 0 0 0;
	display: block;
}

	
}