@charset"UTF-8";
/*01 HTMLリセット*/
body{margin:0px;padding:0px;font-family:"游ゴシック", "游明朝", "Yu Mincho", "YuMincho", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";font-size:93.75%; background:url(../img/common/bg.jpg) repeat center top;}
div,
form,
h1,h2,h3,h4,
ul,li,
dl,dt,dd,
p{margin:0px;padding:0px;line-height: 1.5em;}
p,dt,dd{text-align:justify;text-justify:distribute;}
a img,img{border:0;}
li{list-style-type:none;}

*{transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-moz-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-webkit-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
-o-transition:color 200ms,background 200ms,border 200ms,opacity 300ms}

.f_yum{font-family:"游明朝", "Yu Mincho";}

/*02 共通用基本設定*/
h1{}
h2{}
h3{}
h4{}
.clr{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{clear:both;text-align:center;}
.lastChild{margin-right:0%!important;float:right!important;}

.f_cA{color:#683600;}
.f_cB{color:#E50012;}
.f_s146r{ font-size:146.667%;}
.b_wauto{ width:auto !important;}
.p_l155{ padding-left:155px;}
.p_t20{ padding-top:20px;}
.m_t0{ margin-top:0!important;}


/*03 レーヤアウト*/
#Contents{ padding:25px 30px 50px 25px; margin:50px auto 70px auto;width:1138px;}
#SideNav{ width:280px; float:left;}
#SideNav dt{ height:74px; line-height:78px; background-color:#683600;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; color:#FFF; text-align:center; font-size:150%; letter-spacing:0.2em;}
#SideNav dd{background:url(../img/common/ico_lineD.gif) repeat-x left bottom; font-size:130%;}
#SideNav dd a{ display:block; padding-left:45px; height:88px; line-height:88px; background:url(../img/common/ico_arrow01.png) no-repeat 22px center;color:#683600; text-decoration:none;}
#SideNav dd a:hover{ font-weight:bold;}
#Main{ width:800px; float:right;}
#Main .subnav{ width:100%; border-bottom:#877763 solid 1px;}
#Main .subnav li{float:left;}
#Main .subnav li a{ display:block; height:75px; line-height:75px;text-align:center; font-size:106.667%; text-decoration:none; color:#000; background:#E0E0E0 url(../img/common/ico_arrow02.png) no-repeat 92% 50%; position:relative;}
#Main .subnav li a.active,
#Main .subnav li a:hover{height:74px; line-height:74px;background-color:#BACBB0;border-top:#877763 solid 1px;border-left:#877763 solid 1px;border-right:#877763 solid 1px;bottom:-1px;}
#Main .groupA li{ width:23.125%;margin-right:2.5%;}
#Main .groupB li{ width:48.75%;}


address{ font-size:80%; text-align:center; padding:8px 0; color:#472200; background-color:#c8f2bd; font-style:normal;}




/*04 ヘッダー関連*/
header{ position:relative; border-bottom:#C8F2BD solid 13px; background-color:#FFF;}
header #Header{ width:1168px;height:118px;margin:0 auto;position:relative;}
header h1{ position:absolute; left:1.969%; top:35.6%; width:31.592%;}
header h1 a{ display:block;}
header h1 a:hover{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
header h1 img{ display:block; width:100%; height:auto;}
nav{ width:61.644%; float:right;}
nav ul{border-left:#471900 solid 1px;}
nav li{ width:21.388%; float:left;text-align:center;}
nav li.top{ width:14.448%;}
nav li a{ display:block; padding-top:30px; text-decoration:none; color:#471900; border-right:#471900 solid 1px; height:88px;}
nav li a.active,
nav li a:hover{background-color:#C8F2BD;}
nav li a.active small,
nav li a:hover small{color:#471900!important;}
nav li img{ display:block; margin:0 auto;}
nav li span{ display:block; height:25px; line-height:25px; text-align:center;}
nav li small{ display:block; font-size:66.667%; margin-top:16px; color:#049900;}

#Menu{display:none;}

/*05 コンテンツ関連　*/
.pc_no{ display:none;}

.home{padding:80px 0 90px 0!important;margin:0!important; width:auto!important;}
.home h2{ text-align:center; height:25px; line-height:25px; color:#683600; margin:20px 0 30px 0; font-size:178.571%;}
.home h2 span{ display:inline-block; width:60px;height:25px; line-height:25px; background:url(../img/common/ico_lineA.gif) repeat-x left center;}
.home h2 strong{ display:inline-block; margin:0 55px;}
.home-show{ max-width:1280px; margin:0 auto;}
.home-show img{ width:100%; height:auto; display:block;}
.home-boxA{ text-align:center;}
.home-boxA .ttl{ font-size:233.333%;font-family:"游明朝", "Yu Mincho"; color:#049900;}
.home-listA{ width:1130px; margin:50px auto 110px auto;}
.home-listA li{ width:30.088%; float:left; margin-right:4.868%; text-align:center;}
.home-listA li img{ display:block; width:100%; height:auto;}
.home-listA li strong{ display:block; text-align:center; font-size:146.667%; color:#683600; padding-top:15px; padding-bottom:20px;}
.home-listA li a{ color:#000; text-decoration:none; display:block;}
.home-listA li a:hover{ text-decoration:underline;filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.home-listB{ width:1010px; margin:0 auto 80px auto;}
.home-listB li{ width:47.723%; float:left;}
.home-listB li img{ width:100%; height:auto; display:block;}
.home-listB li a{ display:block;}
.home-listB li a:hover{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.home-tel{ background-color:#6EBF3F;border-top:#9FD47F solid 15px;border-bottom:#9FD47F solid 15px; margin-bottom:115px;}
.home-subtel{ max-width:1280px; margin:0 auto;}
.home-tel .floatR{ width:50%;}
.home-tel .floatR img{ display:block; width:100%; height:auto;}
.home-tel .floatL{ width:50%; text-align:center; padding-top:30px;}
.home-tel .floatL h2{ color:#FFF;}
.home-tel .floatL h2 span{ background-image:url(../img/common/ico_lineB.gif);}
.home-tel .floatL .link{ width:457px; margin:0 auto; font-size:166.667%;}
.home-tel .floatL .link a{ display:block; height:47px; line-height:47px; background-color:#e3F3D9; border:#000 solid 2px;-moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px; margin-bottom:16px; text-decoration:none; color:#000;background-image: url(../img/common/ico03.gif);background-repeat: no-repeat;background-position: 15px 10px; font-weight:bold;}
.home-tel .floatL .link a:hover{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.home-tel .floatL .link span{ display:block; padding-top:10px;}
.home-tel .floatL .link img{ display:block; width:100%; height:auto;}
.home-news{ padding:15px 40px; width:1050px; margin:0 auto; background-color:#E5EFD5;border-top:#B5B6B3 solid 1px;border-bottom:#B5B6B3 solid 1px;}
.home-news li{ clear:both; padding:10px 0;}
.home-news .date{ float:left; width:15.238%; float:left;}
.home-news p{ padding-left:15.238%;}

#Path{font-size:93.333%; background-color:rgba(43,145,0,0.31); color:#683600;}
#Path ul{width:1185px; margin:0 auto;}
#Path li{ float:left; padding:20px 10px 20px 0;}
#Path li a{ display:inline-block; margin-right:10px; color:#683600; text-decoration:none;}
#Path li a:hover{ text-decoration:underline;}

.page-h2{padding-top:76px;height:148px;font-size:200%; text-align:center; color:#FFF;line-height:1.5em;}
.page-h2 small{ font-size:60%; display:block;line-height:1.5em;}
.page-h3{ border-left:#BDDDB0 solid 18px; padding-left:30px; letter-spacing:0.1em; height:44px; line-height:46px; color:#683600; font-size:170%; margin-top:40px; border-bottom:#877763 solid 1px; margin-bottom:30px;}

.form{border-left:#6E6E6E solid 1px;border-top:#6E6E6E solid 1px; width:100%;}
.form th{background-color:#BDDDB0; padding:25px 0; width:225px; text-align:center; font-weight:normal;border-right:#6E6E6E solid 1px;border-bottom:#6E6E6E solid 1px; vertical-align:top;}
.form td{padding:25px 10px 25px 30px;border-right:#6E6E6E solid 1px;border-bottom:#6E6E6E solid 1px;}

.recruit-h2{background:#7D7D7D url(../img/recruit/bg_header.jpg) no-repeat right center;}
.recruit{background-color:#FFF;}
.recruit .article{ font-size:130%; color:#683600; padding-bottom:50px;}
.recruit .listA{ width:100%; padding-bottom:50px;}
.recruit .listA li{ width:23.55%; margin-right:1.933%; float:left;}
.recruit .listA li:last-child{ margin-right:0;}
.recruit .listA li img{ display:block; width:100%; height:auto; margin-bottom:10px;}
.recruit .listA li a{ display:block; text-decoration: none; color:#683600; font-size:86.667%;}
.recruit .listA li a:hover{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.recruit .listA li a .sttl{ font-size:115.384%; display:block; padding-top:2px;}
.recruit .listB{ width:100%;}
.recruit .listB li{ width:48.77%; float:left;}
.recruit .listB li:last-child{ margin-right:0; float:right;}
.recruit .listB li a{ display:block; height:73px; line-height:73px; border:#877763 solid 1px; text-align:center; font-size:106%; color:#205600; text-decoration:none; background: #EAE0D8 url(../img/common/ico_arrow05.png) no-repeat 98% 50%; background-size:10px auto;}
.recruit .listB li a:hover{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}



.interview{background-color:#FFF;}
.interview-h2{background:#788E72 url(../img/interview/bg_header.jpg) no-repeat right center;}
.interview .boxA{ width:100%; margin-bottom:50px;}
.interview .boxA th{ width:47.5%;}
.interview .boxA th img{ max-width:100%; height:auto; display: block;}
.interview .boxA td{ padding-left:5.25%; line-height:1.7em;font-weight:bold;}
.interview .boxA td .f_s146r{ display:inline-block; padding-top:6px;}
.interview .boxB{ clear:both;}
.interview .boxB .pic{ width:34.75%;margin-bottom:25px;}
.interview .boxB .pic img{display:block;height:auto;max-width:100%;}
.interview .boxB dl{ width:60.625%;}
.interview .boxB dt{ font-size:146.667%; padding-bottom:10px; color:#683600; font-weight:bold;}
.interview .boxB dd{margin-bottom:25px;}
.interview .btn_recruit{ width:238px; height:78px; line-height:78px; text-align:center; font-size:106.667%; color:#FFF; background:#205600 url(../img/common/ico_arrow04.png) no-repeat 15px center; display:block; margin:50px auto 0 auto; text-decoration:none;}
.interview .btn_recruit:hover{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.requirements-h2{background:#7E684D url(../img/requirements/bg_header.jpg) no-repeat right center;}
.requirements{background-color:#FFF;}

.product-h2{background:#798D60 url(../img/product/bg_header.jpg) no-repeat right center;}
.product{padding:0 !important;}
.product h3{ text-align:center; height:25px; line-height:25px; color:#683600; margin:50px 0; font-size:178.571%;}
.product h3 span{ display:inline-block; width:60px;height:25px; line-height:25px; background:url(../img/common/ico_lineA.gif) repeat-x left center;}
.product h3 strong{ display:inline-block; margin:0 55px;}
.product-list{width:1124px; margin:0 auto;}
.product-list li{ width:29.36%; float:left; margin:0 1.9866%; color:#683600;}
.product-list li p{ text-align:center; padding-top:10px; padding-bottom:20px; font-size:150%;}
.product-list li:nth-child(3n+1){ clear:both;}
.product-list li img{ display:block; width:100%; height:auto;}

.message-h2{background:#B0B0B0 url(../img/message/bg_header.jpg) no-repeat right center;}
.message{background-color:#FFF;}
.message #Main p{ line-height:2.2em;}
.message #Main .boxA{ padding-top:30px;}
.message #Main .boxA .pic{ width:52.5%; float:left;}
.message #Main .boxA .floatR{ width:43.75%;}
.message #Main .boxB{padding-top:30px;}
.message #Main .boxB .pic{ width:34.75%; float:right;}
.message #Main .boxB .floatL{ width:60.625%;}
.message #Main .pic img{ display:block; max-width:100%; margin:0 auto; height:auto;}

.safety-h2{background:#9B968B url(../img/safety/bg_header.jpg) no-repeat right center;}
.safety{ padding:0!important;}
.safety h3{ color:#683600; font-size:180%; text-align:center;}
.safety h3 span{ padding:0 15px 5px 15px; border-bottom:#877763 solid 3px;}
.safety .box{ background-color:#FFF; padding:30px 40px 50px 40px; width:970px; margin:60px auto 0 auto;}
.safety .box dl{ padding-top:40px;}
.safety .box dt{ font-size:130%; text-align:center; line-height:1.5em; padding-bottom:10px; font-weight:bold;}
.safety .box dt small{ font-size:80%;}
.safety .box dd{ text-align:center; line-height:2em;}
.safety .box .list{ width:100%; padding-top:20px;}
.safety .box .list li{ width:47.934%; float:left;}
.safety .box .list li img{ display:block; max-width:100%; margin:0 auto; height:auto;}
.safety .box .pic{padding-top:20px;}
.safety .box .pic img{ display:block; max-width:100%; margin:0 auto; height:auto;}
.safety .box .list.last{ padding-top:40px;}
.safety .box .list.last dl{ padding-top:0;}
.safety .box .list.last dt{ text-align:left;}
.safety .box .list.last dd{ text-align:left;}

.company-h2{background:#8E9FB1 url(../img/company/bg_header.jpg) no-repeat right center;}
.company{background-color:#FFF;}
.company .pic{ display:block; width:100%; height:auto;}
.company .listA{ padding-left:40px; font-size:130%;font-weight:bold;}
.company .listA ul{ padding-top:20px; }
.company .listA li{ clear:both; padding-bottom:5px;}
.company .listA li span{ display:block; float:left;}
.company .listA li p{ padding-left:105px;}
.company .listB{ padding-left:40px;}
.company .listB li{ background:url(../img/common/ico05.gif) no-repeat 0em 0.6em; padding-left:10px; padding-bottom:10px;}
.company .listC dl{ padding-top:20px;}
.company .listC dt{ background-color:#D5E9CC; padding:18px 23px;}
.company .listC dt strong{ display:block; float:left; color:#205600; font-size:113.333%;}
.company .listC dt span{ display:block; padding-left:60px;}
.company .listC dd{ margin-top:20px; border:#2B9100 solid 1px; padding:15px 18px;}
.company .listC dd .sttl{ font-weight:bold; font-size:113.333%;}
.company .listC dd li{ background:url(../img/common/ico04.gif) no-repeat 0em 0.2em; padding-left:20px; margin-top:10px;}
.company .articleA{ font-size:140%;}
.company .articleB{ line-height:2.2em; padding-bottom:10px;}
.company .articleC{ line-height:2.2em; font-size:113.333%; color:#205600;}
.company .add th{ width:133px; text-align:center; background-color:#BDDDB0; color:#205600; padding:3px 0;}
.company .add td{ padding:3px 0 3px 15px;}
.company .googlemap{ width:100%; margin-top:20px; height:545px; display:block;}


.btn_pagetop{ background-color:#C8F2BD; height:70px; display:block;}
.btn_pagetop img{ display:block; height:100%; width:auto; margin:0 auto;}
.btn_pagetop:hover{filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

footer{ background-color:#FFF; padding:30px 0;}
#Footer{ width:1168px; margin:0 auto; font-size:80%;}
.footer-logo{ width:291px;}
.footer-logo img{ display:block; width:100%; height:auto;}
.footer-add{ width:34.247%; float:left;}
.footer-add dl{ padding-left:40px;}
.footer-add dt{ margin-top:13px; padding-left:13px; background:url(../img/common/ico02.png) no-repeat 0 0.2em; color:#683600; font-weight:bold;}
.footer-add dd{ padding-left:13px;}
.footer-nav{ width:65.753%; float:right;}
.footer-nav li{ width:25%; float:left; height:167px; background:url(../img/common/ico_lineC.gif) repeat-y left top;}
.footer-nav li.last{ padding-top:17px; height:150px;}
.footer-nav .ttl{ padding-left:18px; background:url(../img/common/ico01.jpg) no-repeat 0 0.2em; margin-left:0; margin-top:0;margin-left:25px;}
.footer-nav a{ color:#471900;display:block; text-decoration:none; margin-left:5px; margin-top:10px; margin-left:25px;}
.footer-nav a:hover{ text-decoration:underline;}


@media all and (max-width:1199px)
{
.sp_no{ display:none;}
header{border-bottom: #C8F2BD solid 8px;}
header h1{ width:333px; top:20px; left:15px;}
header #Header{ width:100%; height:78px;}
nav{ display:none;}
#Menu{position:relative;z-index:999;display:block!important;}
#Menu .btn-menu{display:block;cursor:pointer;width:49px;float:right;margin:20px 15px 21px 0;}
#Menu .btn-menu:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Menu .btn-menu img{display:block;width:100%;height:auto;}
#Menu .menu__box{width:auto;clear:both;display:none;background-color:rgba(0,0,0,.7);padding-bottom:10px;}
#Menu .menu__box ul{width:100%;}
#Menu .menu__box li{color:#FFF;width:100%;}
#Menu .menu__box li a{display:block;color:#FFF;text-decoration:none;font-weight:bold;height:35px;line-height:35px;border-bottom:#797979 solid 1px;padding:0 25px;font-size:114.286%;}
#Menu .menu__box li a.active,
#Menu .menu__box li a:hover{width:auto;color:#049900;background-color:#F6F6F6;}
#Menu .menu__box li small{ font-size:90%; font-weight:normal; margin-left:15px;}
#Menu .btn-close{text-align:right;font-size:114.286%;color:#FFF;cursor:pointer;background:url(../img/common/ico_close.png) no-repeat right center;margin:10px 15px 0 0;font-weight:bold;}

.home{ padding-top:8% !important;}
.home-tel .floatL{ padding-top:3%; font-size:80%;}
.home-tel .floatL .link{ width:80%; margin:0 auto;}
.home-tel .floatL .link a{ height:34px; line-height:34px; background-size:20px auto;background-position:10px 7px; margin-bottom:10px;}
.home-tel .floatL .link span{ padding-top:6px;}
.home-listA{ width:auto; margin:5% 15px 10% 15px;}
.home-listB{ width:auto; margin:0 15px 8% 15px;}
.home-news{ width:auto;}

.page-h2{ height:95px;padding-top:45px; background-size:auto 150px; font-size:170%;}
.page-h3{ margin-top:25px; margin-bottom:15px; height:32px; line-height:32px; font-size:130%; padding-left:20px; border-left:#BDDDB0 solid 12px;}

#Contents{ padding:15px; margin:20px 15px; width:auto;}
#SideNav{ width:100%; float:none; padding-bottom:10px;}
#SideNav dt{height:50px; line-height:52px;font-size:130%; margin-bottom:15px;}
#SideNav dd{ font-size:116%; background-image:none; margin:8px 0; width:50%; float:left;}
#SideNav dd:nth-child(even){background:url(../img/common/ico_lineC.gif) repeat-y 92% 50%;}
#SideNav dd a{background-size: 10px auto;height: 25px;line-height: 25px;background-position: 0 center; padding-left:15px;}


#Main{ width:100%; float:none;}
#Main .subnav{border-bottom:none;}
#Main .subnav li{ width:48.615%; float:left; margin-right:0;border-bottom: #877763 solid 1px; margin-top:15px;}
#Main .subnav li:nth-child(even){ padding-left:2.77%;}
#Main .subnav li:nth-child(3){ clear:both;}
#Main .subnav li a{ height:45px; line-height:45px;}
#Main .subnav li a.active, #Main .subnav li a:hover{ height:44px; line-height:44px;}

#Path{ padding:0 10px;}
#Path ul{ width:auto;}
#Path li{ padding:10px 10px 10px 0;}

.form th{ width:120px; padding:15px 0; vertical-align:middle;}
.form td{ padding:15px 10px 15px 15px;}

.recruit{max-width:720px; margin-left:auto!important; margin-right:auto!important;}
.recruit .article{ padding-bottom:20px;}
.recruit .listA{ padding-bottom:0;}
.recruit .listA li{ width:48.461%; margin-right:3.078%; margin-bottom:15px;}
.recruit .listA li:nth-child(2){ margin-right:0;}
.recruit .listA li:nth-child(3){ clear:both;}
.recruit .listB li{ width:100%; margin-right:0;}
.recruit .listB li:last-child{ margin-top:10px;}
.recruit .listB li a{ height:50px; line-height:50px;}


.interview{max-width:720px; margin-left:auto!important; margin-right:auto!important;}
.interview .boxA{ margin-bottom:30px;}
.interview .boxA th{ width:100%; float:left; padding-bottom:10px;}
.interview .boxA th img{ margin:0 auto;}
.interview .boxA td{ float:left; width:100%; padding-left:0;}
.interview .boxB .pic{ width:100%; float:none!important;}
.interview .boxB .pic img{ margin:0 auto;}
.interview .boxB dl{ width:100%; float:none!important;}
.interview .boxB dt{ font-size:120%;}
.interview .btn_recruit{ width:100%; background:#205600 url(../img/common/ico_arrow03.png) no-repeat 98% 50%; height:50px; line-height:50px; background-size:10px auto; margin-top:10px;}

.requirements{max-width:720px; margin-left:auto!important; margin-right:auto!important;}
.requirements-h2{ background-image:url(../img/requirements/bg_header_sp.jpg);}
.requirements .form td .floatL{ float:none;}
.requirements .form td .p_l155{ padding-left:0; padding-top:10px;}

.product-list{ width:auto; max-width:750px;}
.product-list li{ width:48.6%; float:left; margin-left:0!important; margin-right:2.8%;}
.product-list li:nth-child(odd){ clear:both;}
.product-list li:nth-child(even){ clear:none!important; margin:0!important;}
.product-list li p{ padding-bottom:15px;font-size:120%;}

.message{max-width:720px; margin-left:auto!important; margin-right:auto!important;}
.message #Main .pic{ float:none!important; width:100% !important;}
.message #Main .boxA .floatR,
.message #Main .boxB .floatL{ width:100%; float:none; padding-top:10px;}

.safety{max-width:720px; margin-left:auto!important; margin-right:auto!important; padding-top:10px!important;}
.safety .box{ padding:20px 15px 20px 15px; width:auto; margin-top:30px;}
.safety .box .list li{ width:100%; float:none; padding-bottom:15px;}
.safety .box .list li.lastChild{ padding-bottom:0;}
.safety .box dl{ padding-top:20px;}
.safety .box dt{ padding-bottom:6px;}
.safety .box dd{ line-height:1.7em;}

.company .listA{ padding-left:0; font-size:100%;}
.company .listA ul{ padding-top:10px;}
.company .listB{ padding-left:0;}
.company .listC dt{ padding:10px;}
.company .listC dd{ padding:10px 13px;}
.company .listC dd li{ margin-top:3px;}
.company .articleA{ font-size:114.286%;}
.company .articleB{ line-height:1.5em;}
.company .articleC{ line-height:1.5em;}
.company .googlemap{height:320px;}

#Footer{ width:auto; margin:0 15px;}
.footer-logo{ width:80%;}
.footer-add dl{ padding-left:8%; padding-right:8%;}
.footer-nav .ttl{ margin-left:6px;}
.footer-nav a{ margin-left:6px;}

/* hack css */
#SideNav
{display:inline-block;}

#SideNav:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}

/* Hide from IE-mac \*/
*html #SideNav
{height: 1%;}

#SideNav
{display: block;}
/* End hide fromIE-mac*/
}


@media all and (max-width:768px)
{
.pc_no{ display:block;}

#Menu .btn-menu{width:30px; margin:14px 15px 14px 0;}
header #Header{ height:50px;}
header h1{ width:230px; top:12px;}

.home{ padding-bottom:30px!important;}
.home-boxA .ttl{ font-size:140%;}
.home h2{ font-size:120%; margin:15px 0 20px 0;}
.home h2 span{ width:30px;}
.home h2 strong{ margin:0 20px;}
.home-listA{ margin-top:0;}
.home-listA li{ width:84.375%; margin:5% auto 0 auto!important;float:none;}
.home-listA li.lastChild{float:none!important;}
.home-listA li img{ max-width:100%; width:auto; margin:0 auto;}
.home-listA li strong{ padding-top:5px; padding-bottom:5px; font-size:110%;}
.home-listB li{ width:100%; float:none; margin-bottom:20px;}
.home-listB li.lastChild{ float:none!important; margin-bottom:0;}
.home-listB li img{ max-width:100%; width:auto; margin:0 auto;}
.home-tel{border-top:#9FD47F solid 8px;border-bottom:#9FD47F solid 8px; margin-bottom:30px;}
.home-tel h2{ margin:5px 0 10px 0;}
.home-tel .floatL{ width:100%; float:none; padding-bottom:20px;}
.home-tel .floatL .link{ font-size:130%;}
.home-tel .floatR{ width:auto; float:none;padding:15px 15px 0 15px;}
.home-tel .floatR img{}
.home-news{ margin:0 15px; padding:0 10px;}
.home-news .date{ float:none;}
.home-news p{ padding-left:0;}


.recruit{margin-left:15px!important; margin-right:15px!important;}

.interview{margin-left:15px!important; margin-right:15px!important;}

.requirements{margin-left:15px!important; margin-right:15px!important;}

.product h3{ font-size:120%; margin:20px 0 15px 0;}
.product h3 span{ width:30px;}
.product h3 strong{ margin:0 20px;}

.message{margin-left:15px!important; margin-right:15px!important;}

.safety{margin-left:15px!important; margin-right:15px!important;}

.btn_pagetop{ height:40px; padding:8px 0;}
footer{ padding-bottom:0;}
.footer-add{ width:100%; float:none; padding-bottom:20px;}
.footer-logo{ width:230px;}
.footer-add dl{ padding-left:0; padding-right:0;}
.footer-add dt{ margin-top:10px;}
.footer-nav{ width:100%; float:none;}
.footer-nav li{ width:auto; height:auto; float:none; background:url(../img/common/ico_lineD.gif) repeat-x left top; padding: 15px 0;}
.footer-nav li.last{ padding-top:0; background-image:none; height:auto;}
.footer-nav a{ margin-left:0; margin-top:5px; width:50%; float:left;}

/* hack css */
.footer-nav li
{display:inline-block;}

.footer-nav li:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}

/* Hide from IE-mac \*/
*html .footer-nav li
{height: 1%;}

.footer-nav li
{display: block;}
/* End hide fromIE-mac*/
}



/* hack css */
nav ul,
.home-listA,
.home-listB,
.home-subtel,
.home-news,
#Footer,
.footer-nav,
#Path ul,
#Contents,
#Main .subnav,
.interview .boxB,
.message #Main .boxA,
.message #Main .boxB,
.safety .box .list,
.recruit .listA,
.recruit .listB,
.company .listA ul,
.company .listC dt
{display:inline-block;}

nav ul:after,
.home-listA:after,
.home-listB:after,
.home-subtel:after,
.home-news:after,
#Footer:after,
.footer-nav:after,
#Path ul:after,
#Contents:after,
#Main .subnav:after,
.interview .boxB:after,
.message #Main .boxA:after,
.message #Main .boxB:after,
.safety .box .list:after,
.recruit .listA:after,
.recruit .listB:after,
.company .listA ul:after,
.company .listC dt:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}

/* Hide from IE-mac \*/
*html nav ul,
*html .home-listA,
*html .home-listB,
*html .home-subtel,
*html .home-news,
*html #Footer,
*html .footer-nav,
*html #Path ul,
*html #Contents,
*html #Main .subnav,
*html .interview .boxB,
*html .message #Main .boxA,
*html .message #Main .boxB,
*html .safety .box .list,
*html .recruit .listA,
*html .recruit .listB,
*html .company .listA ul,
*html .company .listC dt
{height: 1%;}

nav ul,
.home-listA,
.home-listB,
.home-subtel,
.home-news,
#Footer,
.footer-nav,
#Path ul,
#Contents,
#Main .subnav,
.interview .boxB,
.message #Main .boxA,
.message #Main .boxB,
.safety .box .list,
.recruit .listA,
.recruit .listB,
.company .listA ul,
.company .listC dt
{display: block;}
/* End hide fromIE-mac*/