@charset "UTF-8";

html,body,div,span,h1,h2,h3,h4,p,img,dl,dt,dd,form,label,footer,header,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;position:relative}
body{line-height:1;font-family:ŸàƒSƒVƒbƒN,YuGothic,sans-serif;color:#333;}
footer,header,section{display:block}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#37ab48;display:inline-block}
input,select{vertical-align:middle}
html{position: relative}
.wrap{width: 640px;	margin: 0 auto;	text-align: center;}
p{text-align: left;	line-height: 1.8em; color:#666;}
.mb80{margin-bottom: 40px!important;}
section h2{font-size: 18px;	font-weight:bold;}
img{ width: 80%;}

header{	background:#fff;}
header .logo{	height: 80px;	display:inline-block;}
header .logo>img{	padding-top: 30px;}

#contact{background-color: #f9f9f9;	padding: 80px 0;}
	.form_box{	text-align: left;}
	.form_box label{	font-size: 16px;}
	.form_box input,
	.form_box select,
	.form_box textarea{  font-size:14px;	  padding:10px 0;	  border:1px solid #c3c3c3;	  background:#fff;	  text-indent:10px;	}
	.form_box select{	width: 300px;}
	.form_box .btn{	width: 300px;}
	.form_box .w100{	width: 100%;}
#contact dl dt{padding:25px 0 0 0;	font-weight: bold;}
#contact dl dt span{color: #e83344;font-size: 14px;font-weight: normal;	padding-left: 1em;}
#contact dl dd{padding:12px 0 25px 0;}
#contact dl:last-child>dd{	border-bottom: none;}
#contact p{text-align: center;}
#contact p input{border: none; background:#37ab48; margin-top: 40px; color: #FFF;}

footer{margin-bottom:125px;}
footer p{text-align: center}
footer .copyright{font-size: 12px;	color: #888;	padding: 25px 0 0 0; }

    .pc{display: block;}
    .sp{display: none}

@media screen and (max-width: 782px){
	.wrap{width: 95%;	margin: 0 auto;	text-align: center;}
	p{	width:100% !important;}
	.mb80{margin-bottom: 20px!important;}
	img{ width: 50%;}

    header{position: relative;}
    header .wrap{    width: 100%!important;}
    header .logo{margin-right:0;	width:70%; height: 40px;}
	header .logo>img{  margin-left: 5px;padding:20px 0 10px 0;	}
    .active{display: block;}
	

	#contact{padding: 40px 0;}
        .form_box select{   width: 50%!important;}
	.form_box .btn{   width: 60%!important;}

    
    .pc{display: none;}
    .sp{display: block;}
}