@charset "utf-8";

/*---------------------------------------------
 generic  class
---------------------------------------------*/

.txtB { font-weight: bold; }
.txtN { font-weight: normal; }
.layoutC { text-align: center; }
.layoutL { text-align: left; }
.layoutR { text-align: right; }
/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }

/*---------------------------------------------
 wrap
---------------------------------------------*/
#wrap{  position: relative; height: auto !important; height: 100%; min-height: 100%;}
#header{background: #fff;text-indent: -9999px;overflow: hidden;z-index: 9;}
#header .logo{background: url(../images/header_logo.png) no-repeat 30px center;height: 40px;padding: 10px;}
#mainvisual {text-align: center;}
.content {background: url(../images/bg_content.png) bottom center; padding-bottom: 125px; }
.content .wrapInner{ max-width: 960px; margin: 0 auto; }
.comList li .img_wrap{ overflow: hidden; position: relative;}
.comList li .img_wrap .img{ }
.comList li .img_wrap .comment{ position: absolute; right: 0; top: 50%; margin-top: -110px;}
.comList li:nth-child(2n) .img_wrap .img{text-align: right;}
.comList li:nth-child(2n) .img_wrap .comment{ right: initial; left: 0;}
.img_wrap{padding: 50px;}
#footer .inner{padding: 10px;background: #47853d; color: #fff; text-align: center;}

#page_contact_area{ background: #fff; background-size: auto 100%; padding: 60px 0; text-align: center;}
#page_contact_area .box{ max-width: 700px; background: #fff; margin: 0 auto; padding: 57px 90px; background: rgba(255,255,255,0.7);}
#page_contact_area .box h2{ margin-bottom: 15px;}
#page_contact_area .box h3{ font-size: 24px; text-align: left;}
#page_contact_area .box table{ text-align: left;/* border-bottom: 1px solid #c4c8c0;*/ width: 100%; margin-bottom: 40px;}
#page_contact_area .box table th,#page_contact_area .box table td{padding: 16px 0; font-size: 14px; border-bottom: 1px dotted #c2c7bd;}
#page_contact_area .box table th{ color: #3f7d45; width: 180px;}
#page_contact_area .box table td{}
#page_contact_area .box .contact_form th{width: 152px; vertical-align: top;}
#page_contact_area .box .contact_form th.va-m{ width: 148px;}
#page_contact_area .box .contact_form th img{ margin-left: 10px;}
#page_contact_area .box .contact_form td{width: 400px;}
#page_contact_area .box .contact_form td input,#page_contact_area .box .contact_form td textarea{ padding: 8px 30px 8px 10px; border: 1px solid #d9d9d9; display: block;}
#page_contact_area .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;}
#page_contact_area .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;}

#page_contact_area .box .contact_form td .error_text{display: none;}
#page_contact_area .box .contact_form td .check_ok input{ background: url(../images/icon_check_ok.png) no-repeat right center #f7fff8;}
#page_contact_area .box .contact_form td .check_ng input{ background: url(../images/icon_check_ng.png) no-repeat right center #fff2f2; border-color:#e65c5c ;}
#page_contact_area .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;}
#page_contact_area .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; }
#page_contact_area .box .complete{ padding: 100px 0; font-size: 18px;}
#page_contact_area .box button{ padding: 0; border: none; margin: 0 10px; background: none; cursor: pointer;}


@media screen and (max-width: 800px){
	img{max-width: 100%;}
	.img_wrap{padding: 0;}
	.content{ -webkit-background-size: 640px 1048px; background-size: 640px 1048px; padding-bottom: 62px;}
	.content .wrapInner{padding: 10px;}
	.content_txt{margin-top: 20px;}
	#page_contact_area{padding-top: 30px;}
	#page_contact_area .box{padding: 10px;}
	.comList li{margin-top: 10px;}
	.comList li .img_wrap .comment{width: 200px; top: 0; margin-top: 0; padding: 10px;}
	#page_contact_area .box .contact_form tr,
	#page_contact_area .box .contact_form th,
	#page_contact_area .box .contact_form td{ display: block; width: auto; }
	#page_contact_area .box .contact_form th.va-m{width: auto; margin-left: 20px;}
	#page_contact_area .box .contact_form th.va-m+td{margin-left: 20px;}

}