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

/*============================
body
============================*/
body { position: relative; min-width: 1200px; width: 100%; background:#f6f3e2; }

/*============================
#header
============================*/
#header{background:#000; padding:15px 0; text-align:center; }
#header .topLogo{width:70px; height:70px;}

/*============================
#FC
============================*/
#FC .mainImg{
position: relative;
height: 350px;
background: url("../../imageFile/fc02.png")no-repeat;
background-size: cover;
background-position-x: center;
background-position-y:center;
}
#FC .mainImg::before{content: ""; display:block; width:100%; height:350px; background: rgba(0,0,0,0.5); position: absolute; top:0; left: 0;}

#FC .mainImg h1{color:#fedd00; font-size: 2.5em; text-align: center; line-height: 1.4;  position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#FC .mainImg h1 span{font-size: 0.8em;}
#FC .mainImg h1 span::before{content: ""; display: inline-block; width:50px; height:1px; background:#fedd00;vertical-align: middle;
    margin-right: 20px; }
#FC .mainImg h1 span::after{content: ""; display: inline-block; width:50px; height:1px; background:#fedd00;vertical-align: middle;
    margin-left: 20px; }
	
#FC .introduction{font-size: 1.1em; text-align:left; width:900px; margin:40px auto 0; line-height:1.6; }

/*============================
#description
============================*/
#description{padding: 70px 0 0;}
#description h2{font-size: 2.2em; text-align: center; padding: 50px 0 30px; border-bottom:1px dotted #DDD; }
#description .tbWrap{width:1200px; margin:40px auto 140px;}
#description .table_fc{width:950px; margin:50px auto;}
#description .table_fc th.advantages{border-bottom: none; text-align: center;font-size: 1.5em;padding:50px 0 30px;}
#description .table_fc th.advantages .forSp{display: none;}
#description .table_fc th.advantages .uline::after{content:""; display:block; width:120px; height:8px; background: #e2d500; margin: -5px 0 0 600px; }
#description .table_fc th{font-weight:bold;padding: 25px 0 25px 15px; text-align: left; border-bottom: 1px solid #DDD; }
#description .table_fc td{ padding:25px 0 25px 25px;text-align: left;border-bottom: 1px solid #DDD; line-height:1.5; }
#description .table_fc td ul li{line-height:1.5; }
#description .table_fc td p.contacts{line-height:1.5; }
#description .table_fc td.br_none{border-bottom:none;}
#description .table_fc td.feature{width:470px; text-align:center;}
#description .table_fc td.feature .cont{width:350px; margin: 0 auto;}
#description .table_fc td.feature p{margin-bottom:15px; font-size: 0.94em; line-height:1.3; text-align: left;}
#description .table_fc td.feature .method{margin-top:20px;}

/*============================
#contactForm
============================*/
#contactForm{background:#FFF;padding: 90px 0 100px;}
#contactForm h2{text-align:center;font-size: 2.2em; border-bottom:1px dotted #DDD; padding-bottom:30px; }
#contactForm .formWrap{width:1000px;  margin: 90px auto;}
#contactForm .formWrap .note{text-align: right; margin-bottom:40px;}
#contactForm .formWrap .note span{color:#e50000;}
#contactForm .formWrap table th{width:350px; padding: 15px 0 15px 15px; border-bottom: 1px dotted #DDD;}
#contactForm .formWrap table th span{color:#e50000; }
#contactForm .formWrap table td{padding: 30px 0 30px 30px; border-bottom: 1px dotted #DDD;}
#contactForm .formWrap table td label{display: inline-block; margin-top:10px; margin-left:5px;}
#contactForm .formWrap table td textarea{padding: 10px;color: #555;border: 1px solid #ccc; outline: 0;
    width: 100%;height: 200px; -webkit-appearance: none;appearance: none;border-radius: 0;box-sizing: border-box;}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="url"] {padding: 7px;width: 100%;border: 1px solid #ccc;color: #555;outline: 0;-webkit-appearance: none;appearance: none;border-radius: 0; box-sizing: border-box;overflow: hidden;}
#contactForm .formWrap .formBtn{margin-top:50px; text-align: center;}
#contactForm .formWrap .formBtn .mailForm__submit{display: inline-block;position: relative;padding: 13px 0 12px;box-sizing: border-box;
    background-color: #000;color: #fff;font-weight: bold;border-radius: 3px;width: 240px;border: none;}
#contactForm .formWrap .g-recaptcha{width:300px; margin: 40px auto 0;}
#contactForm .formWrap .formBtn .mailForm__submit:hover{background:#343434;}
	
	
/*============================
#footer
============================*/	
#footer{ text-align: center;background: #FFF;}
#footer .logoWrap{padding:20px 0; border-top:1px dotted #DDD; }
#footer .logoWrap .ftLogo{width:80px; height:80px;}
#footer p{background:#000; color: #FFF; padding:20px 0;}