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

@media only screen and (max-width: 640px) {

/*============================
body
============================*/
body { position: relative;  min-width: inherit; width: inherit; overflow-x:hidden; }

/*============================
#header
============================*/
#header{padding:10px 0; }
#header .topLogo{width:50px; height:50px;}

/*============================
#FC
============================*/
#FC .mainImg{height:200px;background-position-x:left;}
#FC .mainImg::before{width:100%; height:100%;background: rgba(0,0,0,0.6); }
#FC .mainImg h1{font-size:1.1em; }
#FC .mainImg h1 span{font-size: 0.7em;}
#FC .mainImg h1 span::before{width:10px;margin-right: 10px; }
#FC .mainImg h1 span::after{width:10px; margin-left: 10px; }
#FC .introduction{font-size: 0.9em; width: 85%; line-height:1.6;}


/*============================
#description
============================*/
#description{padding:30px 0 0;}
#description h2{font-size:1.2em; font-weight:bold; padding: 30px 0 20px;}
#description .tbWrap{width:90%; margin:20px auto 60px;}
#description .table_fc{width:100%; margin:0 auto;}
#description .table_fc th{display: block;  padding: 35px 0 15px 15px;border:none;}
#description .table_fc th.advantages{font-size:1.3em; line-height:1.3; padding:50px 0 30px;position: relative;}
#description .table_fc th.advantages .forSp{display: inherit;}
#description .table_fc th.advantages .uline::after{ margin: -5px 0 0 0; position: absolute; left: 50%; transform: translate(-50%);}
#description .table_fc th{font-weight:bold;padding: 25px 0 25px 15px; text-align: left; border-bottom: none; }
#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{ display: block; padding:5px 15px 25px 15px; border-bottom: 1px solid #CCC;}
#description .table_fc td ul li{line-height:1.5; }
#description .table_fc td p{line-height:1.5;}
#description .table_fc td.feature{width:100%; }
#description .table_fc td.feature:nth-of-type(1){border-bottom: none;}
#description .table_fc td.feature .cont{width:100%; }
#description .table_fc td.feature .cont img{width:100%;}
#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:0;}

/*============================
#contactForm
============================*/
#contactForm{padding: 40px 0 50px;}
#contactForm h2{font-size: 1.2em; padding-bottom:20px; }
#contactForm .formWrap{width:90%; margin: 50px auto;}
#contactForm .formWrap .note{text-align:left; margin-bottom:20px;}
#contactForm .formWrap table th{display:block; width:100%; padding: 25px 15px 0 15px;; border:none;}
#contactForm .formWrap table td{display:block; width:100%; padding:15px 15px 30px 15px;}
#contactForm .formWrap table td label{margin-top:15px; margin-left:15px;}
#contactForm .formWrap table td textarea{padding: 10px;color: #555;border: 1px solid #ccc; outline: 0;
    width: 100%;height: 150px; -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 .g-recaptcha{width:inherit;}
#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: 200px;border: none;}

}