@charset "utf-8";
	* {margin: 0; padding:0;}
	body {background-color: #f2f2f2; margin: 0;}
	header{background: #fff;margin:0 0 20px 0;min-width:960px;}
	img {vertical-align:middle;}
	header .inner{
		width: 960px;
		overflow: hidden;
		z-index: 9;
		margin:0 auto;
	}

#section #page_contact{
	width:960px;
	margin:0 auto 40px;
	background:#fff;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 30px 0 40px;
	text-align:center;
}
#section h2{font-size:28px; color:#565656; font-weight:bold;padding-bottom:30px;border-bottom:1px solid #f2f2f2;}
#section div{ width:auto; margin:auto;}
#section .lead{ font-size: 14px; font-weight: bold; margin: 10px 0;}
#section .box table{ text-align: left; width: 796px; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
#section .box table th,#section .box table td{padding: 16px 0; font-size: 16px; border-bottom: 1px dotted #c2c7bd; font-weight: normal;}
#section .box table th{ color: #08963c; width: 180px;}
#section .box table td{}
#section .box .contact_form th{width: auto; vertical-align: top;}
#section .box .contact_form th.va-m{ width: 150px;}
#section .box .contact_form th img{ margin-left: 10px;}
#section .box .contact_form td{width: 400px;}
#section .box .contact_form td input,#section .box .contact_form td textarea{ padding: 8px 30px 8px 10px; border: 1px solid #d9d9d9; display: block;}
#section .box .contact_form td .sizeL{ width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#section .box .contact_form td .sizeM{ width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#section .box .contact_form td .error_text{display: none;}
#section .box .contact_form td .check_ok input,
#section .box .contact_form td .check_ok textarea{ background: url(../images/icon_check_ok.png) no-repeat right 0.6em #f7fff8;}
#section .box .contact_form td .check_ng input,
#section .box .contact_form td .check_ng textarea{ background: url(../images/icon_check_ng.png) no-repeat right 0.6em #fff2f2; border-color:#e65c5c ;}
#section .box .contact_form td .check_ng .error_text{ display: block; background: #e65c5c; position: relative; padding: 8px 10px; margin-top: 15px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
#section .box .contact_form td .check_ng .error_text:after{ content: ""; width: 30px; height: 8px;  background: url(../images/bg_balloon.png) top left no-repeat; position: absolute; top: -8px; left: 0; }
#section .box .complete{ padding: 80px 0 30px; font-size: 18px;}
#section .box .toppage{ padding-bottom: 50px;}
#section .box button{ padding: 0; border: none; margin: 0 10px; background: none; cursor: pointer;;}

footer {
    width: 100%;
    background-color: #238e42;
    clear: both;
}
section.footer {
    width: 960px;
    margin: 0 auto;
}
footer p.footerLogo {
    width: 504px;
    height: 40px;
    margin-top: 20px;
    background-image: url(../images/footer_logo.jpg);
    background-repeat: no-repeat;
    float: left;
    text-indent: -9999px;
    padding-right: 15px;
}
footer p.access {
    width: 91px;
    height: 21px;
    margin-top: 31px;
    float: left;
    margin-left: 15px;
}
footer p.footerContact {
    text-indent: -9999px;
    display: block;
    float: right;
    background-image: url(../images/footer_contact.jpg);
    background-repeat: no-repeat;
    width: 186px;
    height: 38px;
    margin-top: 15px;
}
footer div.copyright {
    display: block;
    width: 960px;
    height: 20px;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-size: 12px;
    border-top: 1px solid #5aaa71;
    margin-top: 20px;
}
footer div.copyright p {
    float: right;
}

@media (max-width: 768px){
body{
	font-size: 14px;
	line-height: 1.5;
}
a{
	color: #00af65;
	text-decoration: underline;
	font-weight: bold;
}
input[type="image"],
button img{
	width: 80%;
	height: auto;
}
	header{
		padding: 0 10px;
		margin:0 0 10px 0;
		min-width:auto;
	}
	header .inner{
		width: 100%;
	}
	header h1 img{
		width:140px;
		height:auto;
	}

#main img,
img.wMax{
	width: 100%;
	height: auto;
}

#section{
	margin:0 auto;
	padding: 0 10px;
	text-align:center;
}
#section #page_contact{
	width:100%;
	padding: 10px 0 20px;
}
#section table img{ width: auto;}
#section h2{font-size:18px;padding-bottom:10px;}
#section .box h3{ font-size: 14px; text-align: left; margin-top: 20px;}
#section .box table{ text-align: left; border-bottom: 1px solid #c4c8c0; width: 95%;}
#section .box table th,#section .box table td{padding: 10px 0; font-size: 12px; border-bottom: 1px dotted #c2c7bd; display: block;}
#section .box table tr{padding:0 15px;}
#section .box table tr:last-child td{border-bottom: none;}
#section .box table th{ color: #08963c; border-bottom: 0; padding-bottom: 0; }
#section .box .contact_form th{width: auto; vertical-align: top; border-bottom: 0; font-weight: bold;}
#section .box .contact_form th.va-m{}
#section .box .contact_form th img{ margin-left: 10px;}
#section .box .contact_form td{width:100%;}
#section .box .contact_form td input,#section .box .contact_form td textarea{ padding: 8px 10px 8px 10px; border: 1px solid #d9d9d9; display: block;}
#section .box .contact_form td input{padding-right: 30px;}
#section .box .contact_form td .sizeL{ width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
#section .box .contact_form td .sizeM{ width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

#section .box .contact_form td .error_text{display: none;}
#section .box .contact_form td .check_ok input,
#section .box .contact_form td .check_ok textarea{ background: url(../images/icon_check_ok.png) no-repeat right 0.6em #f7fff8;}
#section .box .contact_form td .check_ng input,
#section .box .contact_form td .check_ng textarea{ background: url(../images/icon_check_ng.png) no-repeat right 0.6em #fff2f2; border-color:#e65c5c; padding-right: 30px;}
#section .box .contact_form td .check_ng .error_text{ display: block; background: #e65c5c; position: relative; padding: 8px 10px; margin-top: 10px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
#section .box .contact_form td .check_ng .error_text:after{ content: ""; width: 30px; height: 8px;  background: url(../images/bg_balloon.png) top left no-repeat; position: absolute; top: -8px; left: 0; }
#section .box .complete{ padding: 50px 10px 20px; font-size: 16px;}
#section .box .toppage{ padding-bottom: 30px;}
#section .box button{ padding: 0; border: none; margin: 10px; background: none; cursor: pointer;}
section.footer {
    width: auto;
    padding:10px 10px 0 10px;
}
footer p.footerLogo {
    width: 187px;
    height: 80px;
    margin-top: 0;
    background-image: url(../images/footer_logo_sp.png);
	background-size:100%;
    background-repeat: no-repeat;
    float: left;
    text-indent: -9999px;
    padding-right: 0;
}
footer p.access {
    width: 91px;
    height: 21px;
    margin-top: 60px;
    float: right;
    margin-left: 0;
	margin-bottom:10px;
}
footer p.footerContact {
    text-indent: -9999px;
    display: block;
    float: left;
    background-image: url(../images/footer_contact_sp.png);
	background-size:100%;
    background-repeat: no-repeat;
    width: 215px;
    height: 20px;
	margin-bottom:10px;
}
footer div.copyright {
    display: block;
    width: auto;
    height: 20px;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-size: 12px;
    border-top: 1px solid #5aaa71;
    margin-top: 20px;
}
footer div.copyright p {
    float: none;
	text-align:center;
}

}