@charset "utf-8";


/*01 HTMLリセット*/
body{margin:0;padding:0;font-family:'Lucida Grande', Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;font-size: 75%; color:#2F2F2F;}
div,
form,
h1,h2,h3,h4,
ol,ul,li,
dl,dt,dd,
p{margin:0;padding:0;line-height: 1.5em;}
p,dt,dd{}
a img,img{border:0;}
li{list-style-type:none;}

#Header *,
.home *,
#Footer *,
#SubNavi *,
#SubNavi2 *,
.services #List *,
.philosophy *,
.about *,
.manufacture *,
.recruitment *,
.projects .page_num *{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}


body,html,p,span,address,div{word-break:break-all;}

/*02 共通用基本設定*/
h1{}
h2{font-weight:normal;color:#FFF;font-size:150%;background:url(../img/common/ico_line02.gif) repeat-x center center;margin-top:55px;}
h2 span{display:block;margin:0 auto;width:250px;background-color:#115994;height:34px;line-height:34px;vertical-align:middle;text-align:center;}
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;}

.box_w175{width:175px !important;}
.box_w260{width:260px !important;}

.line_b_no{border-bottom:none!important;}

.m_t8{ margin-top:8px;}
.m_l20{margin-left:20px;}

.f_cA{ color:#E70000;}


/*03 レーヤアウト*/
#Wrap{}
#Contents{padding-bottom:24px;}
.address{text-align:center;color:#5A5A5A;font-style:normal;}




/*04 ヘッダー関連*/
#Header{}
#Head{width:1200px;margin:0 auto;padding:35px 0 20px 0;}
#Head .h1{width:273px;float:left;}
#Head .h1 a{display:block;width:100%;}
#Head .h1 a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Head .h1 img{display:block;width:100%;height:auto; padding-left: 15px;}
@media (max-width: 768px){
	#Head .h1 img{padding-left: 0;}

}
#Head .floatR{width:320px;}
#Head .floatR p{padding-top:5px;}
#Head .floatR img{display:block;}
#Head .floatR .tel{padding-left:31px;padding-top:12px;padding-bottom:3px;background:url(../img/common/ico_tel.png) no-repeat 0.4em 0.9em;}
#Head .floatR .tel span{font-size:166%;font-weight:bold;}
#Head .floatR .tel small{font-size:60%;font-weight:normal;}
#Head .floatR .mail{font-size:116%;padding-top:0;background:url(../img/common/ico_mail.png) no-repeat 0.4em 0;padding-left:31px;line-height:1.3em;}
#Head .floatR .mail a{color:#0F7F52;font-weight:bold;}
#Head .floatR .mail a:hover{text-decoration:none;}

#Navi{width:100%;padding-bottom:5px;background-color:#2670AD;}
#Navi ul{width:1200px;margin:0 auto;}
#Navi li{width:16.66%;float:left;}
#Navi li a{display:block;color:#FFF;text-decoration:none;height:55px;font-size:150%;font-weight:bold;text-align:center;padding-top:24px;}
#Navi li a.active,
#Navi li a:hover{background-color:#115994;}
#Navi li a small{font-size:66.66%;font-weight:normal;display:block;text-align:center;padding-top:5px;}


/*05 コンテンツ関連　*/

#HomeShow{width:100%;overflow:hidden;position:relative;padding-top:30px;}
.icon-arrow-a-left, .icon-arrow-a-right{background:url(../img/top/ico_arrow.gif) no-repeat;cursor:pointer;}
.icon-arrow-a-left{background-position:0 0;height:120px;width:24px;}
.icon-arrow-a-left:hover, .icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover{width:24px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.icon-arrow-a-right{background-position:-24px 0;height:120px;width:24px}
.icon-arrow-a-right:hover, .icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover{width:24px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

#index_b_hero{width:1210px;height:420px;margin:auto;position:relative;}
#index_b_hero img{width:1198px;height:418px;margin:0 auto;border:#D2D2D2 solid 1px;-webkit-box-shadow:#D2D2D2 0 3px 5px;-moz-box-shadow:#D2D2D2 0 3px 5px;box-shadow:#D2D2D2 0 3px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#index_b_hero .heros{width:1210px;height:420px;text-align:center;}
#index_b_hero .hero-wrap{overflow:visible;position:absolute;}
#index_b_hero .next{position:absolute;top:50%;margin-top:-60px;z-index:999;right:-18px;}
#index_b_hero .prev{position:absolute;top:50%;margin-top:-60px;z-index:999;left:-18px;}
#index_b_hero .next:hover, #index_b_hero .prev:hover{}
#index_b_hero .disabled{background-color:#eee;}
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero{background:#fff;z-index:1;position:absolute;top:0;width:1210px;height:420px;overflow:hidden;left:2420px;}
#index_b_hero .mask-right, #index_b_hero .mask-left{z-index:4;left:-1210px;filter:alpha(Opacity=80);opacity:.8;background:#fff;overflow:hidden;}
#index_b_hero .mask-right{left:1210px;}
#index_b_hero .active{z-index:2;left:0;}

#HomeShow .slider{display:none;}
#HomeShow .slider li img{border:#D2D2D2 solid 1px;-webkit-box-shadow:#D2D2D2 0 3px 5px;-moz-box-shadow:#D2D2D2 0 3px 5px;box-shadow:#D2D2D2 0 3px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#HomeShow .slider li span{display:none;}
#HomeShow .flex-control-nav{display:none;}


.home{padding-top:30px;}
.home #Banner{background-color:#F3F3F3;padding:34px 0 40px 0;}
.home #Banner ul{width:1110px;margin:0 auto;}
.home #Banner li{width:28.1%;margin:0 2.6%;float:left;}
.home #Banner li img{width:100%;height:auto;display:block;}
.home #Banner li a{display:block;width:100%;}
.home #Banner li a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.home #Banner li span{display:none;}
.home #HomeNews{width:1200px;margin:0 auto;padding:4.5% 0 2.1% 0;}
.home #HomeNews h2{width:23.75%;float:left;text-align:center;font-size:200%;color:#2670AD;line-height:1.5em; background-image:none; margin-top:0; font-weight:bold;}
.home #HomeNews h2 span{display:block;border:#2670AD solid 2px;padding:20px 0 65px 0; width:auto; background-color:inherit; height:auto; line-height:inherit;}
.home #HomeNews h2 small{font-size:50%;font-weight:normal;display:block;text-align:center;line-height:1.5em;}

.slider-for div i,
.singleslider i{ position : absolute;right: 5px;bottom: 5px;font-size: 30px; color: #fff;text-shadow: 0px 0px 2px rgba(0,0,0,1.0);}

.home #HomeNews .btn{width:23.75%;float:left;padding-top:64px;}
.home #HomeNews .btn img{display:block;width:100%;height:auto;}
.home #HomeNews .btn span{display:none;}
.home #HomeNews ul{width:74.5%;float:right;border-top:#7A7A7A dotted 1px;margin-bottom:50px;}
.home #HomeNews li{width:auto;clear:both;padding:20px 0;border-bottom:#7A7A7A dotted 1px; position : relative;}
.home #HomeNews li.ico_link{background:url(../img/common/ico_link.gif) no-repeat right center;}
.home #HomeNews li .hn-ico{ position : absolute; right: 0; top: 50%; margin-top: -27px; text-align : center;}
.home #HomeNews li .date{display:block;width:115px;padding-left:20px;background:url(../img/common/ico_arrow01.gif) no-repeat 0 0.2em;float:left;font-size:116%;font-weight:bold;}
.home #HomeNews li .date img{display:block;margin-top:5px;width:84px;height:auto;}
.home #HomeNews li div{line-height:1.8em;padding-top:2px;padding-left:135px;padding-right:90px;}
.home #HomeNews li div a{color:#2670AD;display:block;width:auto;position:relative;}
.home #HomeNews li div a:hover{text-decoration:none;}
.home #HomeNews li div p{padding-right:73px;}
.home #HomeNews li .ico{width:53px;display:block;float:right;}

.home #HomeNews .newmark:after{content: 'NEW!'; font-weight : bold;color: #d00;margin-left: 1px; font-size: 14px;}


.home #HomeLink{width:1200px;margin:0 auto;}
.home #HomeLink .floatL{width:49.16%;position:relative;overflow:hidden;}
.home #HomeLink .floatL dl{top:7.9%;right:-36px;}
.home #HomeLink .floatR{width:49.16%;position:relative;overflow:hidden;}
.home #HomeLink .floatR dl{bottom:-9.7%;right:-12px;}
.home #HomeLink .floatR dt{padding-top:10.5%;}
.home #HomeLink .floatR dd{padding-top:5.8%;}
.home #HomeLink .bg img{display:block;width:100%;height:auto;}
.home #HomeLink .bg span{display:none;}
.home #HomeLink h2{position:absolute;left:0;top:0;width:36.9%;z-index:999;margin-top: 0; background: none;}
.home #HomeLink h2 img{width:100%;height:auto;display:block;}
.home #HomeLink dl{position:absolute;right:0;bottom:0;z-index:99;width:342px;height:342px;background-color:#FFF;-webkit-box-shadow:#FFF 0 0 6px;-moz-box-shadow:#FFF 0 0 6px;box-shadow:#FFF 0 0 6px;-moz-border-radius:400px;-webkit-border-radius:400px;border-radius:400px;}
.home #HomeLink dt{text-align:center;padding-top:19%;}
.home #HomeLink dt img{display:block;margin:0 auto;}
.home #HomeLink dd{width:70.5%;margin:0 auto;padding-top:9.3%;}
.home #HomeLink dd p{line-height:1.8em;}
.home #HomeLink dd div{padding-top:5%;border-bottom:#BFBFBF dotted 1px;}
.home #HomeLink dd div a{display:block;color:#115E9E;text-align:center;text-decoration:none;font-size:133%;font-weight:bold;line-height:1.3em;border-top:#BFBFBF dotted 1px;padding:3% 0 2.8% 0;}
.home #HomeLink dd div a:hover{text-decoration:underline;}

#PageTtl	{height:85px;background:#3cb371;}
#PageTtl h1{font-size:250%;color:#000;width:1200px;margin:0 auto;border-bottom:none;padding-top:18px;padding-bottom:15px;text-align:center;}
#PageTtl h1 span{border-left:#fff solid 1px;border-right:#fff solid 1px;display:block;width:220px;margin:0 auto;line-height:1.1em;color:#fff; border-color:#fff;}
#PageTtl h1 small{font-size:40%;font-weight:normal;display:block;line-height:1em;padding-top:3px;}

/*	20160607 change
#PageTtl{height:160px;background:url(../img/common/header-mesh.png);}
#PageTtl h1{font-size:250%;color:#000;width:1200px;margin:0 auto;border-bottom:#FFF solid 1px;padding-top:58px;padding-bottom:30px;text-align:center;}
#PageTtl h1 span{border-left:#a9a9a9 solid 1px;border-right:#a9a9a9 solid 1px;display:block;width:220px;margin:0 auto;line-height:1.1em;}
#PageTtl h1 small{font-size:40%;font-weight:normal;display:block;line-height:1em;padding-top:10px;}
*/
/*
#PageTtl.bg01{background:url(../img/services/bg_h2.jpg) repeat-x center top;}
#PageTtl.bg02{background:url(../img/about-us/philosophy/bg_h2.jpg) repeat-x center top;}
#PageTtl.bg03{background:url(../img/about-us/bg_h2.jpg) repeat-x center top;}
#PageTtl.bg04{background:url(../img/recruitment/bg_h2.jpg) repeat-x center top;}
#PageTtl.bg05{background:url(../img/manufacture/bg_h2.jpg) repeat-x center top;}
#PageTtl.bg06{background:url(../img/projects/bg_h2.jpg) repeat-x center top;}
*/

#Path{padding:6px 0;}
#Path ul{width:1200px;margin:0 auto;}
#Path li{float:left;color:#505050;padding-right:5px;}
#Path li a{color:#505050;padding-right:5px;}
#Path li a:hover{text-decoration:none;}

#SubNavi{background:url(../img/common/bg_sub_navi.gif) repeat-x left bottom;margin-top:8px;}
#SubNavi ul{width:1200px;margin:0 auto;}
#SubNavi li{width:32.16%;margin-right:1.76%;float:left;font-size:185%;text-align:center;background:#FFF url(../img/common/bg_sub_line.gif) no-repeat right bottom;}
#SubNavi li div{background:url(../img/common/bg_sub_line.gif) no-repeat left bottom;height:60px;}

#SubNavi li a{padding-top:15px;display:block;text-decoration:none;font-weight:bold;color:#000;border-top:#FFF solid 2px;width:100%;height:42px;border-bottom:#145B95 solid 1px;}
#SubNavi li a.active,
#SubNavi li a:hover{border-top:#1C6199 solid 2px; background:#1C6199; border-bottom:#1C6199 solid 1px; color:#fff;}

/*20160607 change
#SubNavi li a{padding-top:15px;display:block;text-decoration:none;font-weight:bold;color:#000;border-top:#FFF solid 2px;width:100%;height:42px;border-bottom:#145B95 solid 1px;}
#SubNavi li a.active,
#SubNavi li a:hover{border-top:#1C6199 solid 2px;border-bottom:#FFF solid 1px;}
*/

#SubNavi2{background:url(../img/common/bg_sub_navi.gif) repeat-x left bottom;margin-top:8px;}
#SubNavi2 ul{width:1200px;margin:0 auto;}
#SubNavi2 li{width:48%;margin-right:1.76%;float:left;font-size:185%;text-align:center;background:#FFF url(../img/common/bg_sub_line.gif) no-repeat right bottom;}
#SubNavi2 li div{background:url(../img/common/bg_sub_line.gif) no-repeat left bottom;height:60px;}

#SubNavi2 li a{padding-top:15px;display:block;text-decoration:none;font-weight:bold;color:#000;border-top:#FFF solid 2px;width:100%;height:42px;border-bottom:#145B95 solid 1px;}
#SubNavi2 li a.active,
#SubNavi2 li a:hover{border-top:#1C6199 solid 2px; background:#1C6199; border-bottom:#1C6199 solid 1px; color:#fff;}

/*20160607 change
#SubNavi2 li a{padding-top:15px;display:block;text-decoration:none;font-weight:bold;color:#000;border-top:#FFF solid 2px;width:100%;height:42px;border-bottom:#145B95 solid 1px;}
#SubNavi2 li a.active,
#SubNavi2 li a:hover{border-top:#1C6199 solid 2px;border-bottom:#FFF solid 1px;}
*/


#PageLink{background-color:#F2F2F2;padding:12px 0;color:#A8A8A8;margin-top:30px;}
#PageLink dl{width:1152px;margin:0 auto;}
#PageLink dt{font-size:166%;font-weight:bold;color:#2B2B2B;float:left;width:145px;}
#PageLink dd{background:url(../img/common/ico_arrow05.gif) no-repeat 0 0.8em;float:left;padding-left:10px;padding-top:5px;}
#PageLink dd a{color:#115994;padding:0 10px;}
#PageLink dd a:hover{text-decoration:none;}

.services h3{padding:5px 20px;font-size:166%;color:#FFF;background-color:#2670AD;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.services h3.top{margin-top:20px;}
.services #Show{width:1200px;margin:0 auto;padding-top:45px;}
.services #Show dl{text-align:center;}
.services #Show dt{font-size:250%;font-weight:bold;text-align:center;}
.services #Show dd{text-align:center;font-size:133%;padding-top:20px;}
.services #Show .block{padding-top:35px;}
.services #Show .block .sub_box{width:32.16%;float:left;margin-right:1.76%;}
/*20160302 Add*/
.services #Show .block .sub_box-w{width:100%;float:none;margin:0 auto;}
.services #Show .block .sub_box-w ul	{ margin: 0px auto; }
.services #Show .block .sub_box-w ul li	{ width:30%; margin-left: 3%; float: left; }

.services #Show .block .flex-direction-nav{display:none;}
.services #Show .block .flex-control-nav{bottom:3px;}
.services #Show .block .flex-control-paging li a{width:10px;height:10px;}
.services #Show .block .flex-control-nav li{margin:0 3px;}
.services #Show .block p{line-height:1.8em;}
.services #Show .block .pic{padding-bottom:8px;}
.services #Show .block .pic img{display:block;max-width:100%;height:auto;}
.services #Show .block .flex-control-paging li a:hover{background:#4294D8;}
.services #Show .block .flex-control-paging li a.flex-active{background:#4294D8;}
.services #List{padding-top:50px;padding-bottom:0;}
.services #List .link{background-color:#F2F2F2;padding:15px 0;color:#A8A8A8;}
.services #List .link dl{width:1152px;margin:0 auto;}
.services #List .link dt{font-size:133%;font-weight:bold;color:#2B2B2B;float:left;width:145px;}
.services #List .link dd{background:url(../img/common/ico_arrow05.gif) no-repeat 0 0.4em;float:left;padding-left:10px;}
.services #List .link dd a{color:#115994;padding:0 10px;display:inline-block;}
.services #List .link dd a:hover{text-decoration:none;}

/*20160301 Add*/
.services #tiny_img{ padding-top:40px;}
.services #tiny_img ul{ width:1200px; margin:0 auto; padding-top:25px; overflow:hidden;}
.services #tiny_img li{ width:23.75%; float:left; margin-right:1.66%; background-color:#F3F3F3; margin-bottom:-2000px; padding-bottom:2000px;}
.services #tiny_img li img{ display:block; max-width:100%; height:auto; margin:0 auto;}

.services #SubList{width:1200px;margin:0 auto;padding-top:20px;}
.services #SubList .box{padding-top:14px;font-size:116%;padding-bottom:30px;}
.services #SubList .sub_box{width:61.66%;margin-left:2.5%;float:left;border-bottom:#8A8A8A solid 2px;padding-bottom:5px;}
.services #SubList .box ul{border-bottom:#DADADA solid 1px;}
.services #SubList .box ul:last-child{border-bottom: none;}
.services #SubList .box li{width:25%;float:left;padding:13px 0;color:#383838;text-decoration:none;padding-left:20px;background:url(../img/common/ico_arrow03.gif) no-repeat left center; box-sizing: border-box; word-break:break-all;}
.services #SubList .box li a{}
.services #SubList .box li a:hover{text-decoration:underline;}
.services #SubList .rel_links{width:33.75%;float:right;}
.services #SubList .rel_links dt img{display:block;}
.services #SubList .rel_links dd{padding:5px 0 0 9px;}
.services #SubList .rel_links dd a{padding:2px 15px;border:#8FB3D0 solid 2px;display:block;float:left;color:#2670AD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;margin-left:10px;margin-top:5px;}
.services #SubList .rel_links dd a:hover{background-color:#2670AD;color:#FFF;}
.services #SubList .rel_links dd a span{text-decoration:underline;}

@media (max-width: 768px){
	.services #SubList .rel_links dd a{width: 80%;}

	/*20160302 Add*/
	.services #Show .block .sub_box-w{width:100%; float:none; text-align: center; margin: 0px auto; margin-right:0%;}
	.services #Show .block .sub_box-w ul	{ margin: 0px auto; }
	.services #Show .block .sub_box-w ul li	{ width:80%; margin: 0px auto; text-align: center; float: none; }
	.services #Show .block .pic img{display:block;max-width:100%;height:auto;}
}

.philosophy{padding-bottom:0 !important;}
.philosophy h2{margin-top:25px !important;}
.philosophy .boxA{margin:40px 0 10px 0;padding-bottom:20%;color:#FFF;background-image:url(../img/about-us/philosophy/img01.jpg);background-repeat:no-repeat;background-position:center center;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"\9;-moz-background-size:100% 100%\9;background-size:100% 100%\9;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;}
.philosophy .boxA dl{width:100%;padding-top:40px;text-align:center;}
.philosophy .boxA dt{font-size:180%;font-weight:bold;text-align:center;}
.philosophy .boxA dd{padding-top:15px;font-size:116%;text-align:center;}
.philosophy .boxA dd p{text-align:center;line-height:2.2em;}
.philosophy .boxA img{display:block;width:100%;height:auto;}
.philosophy .boxA strong{font-size:128%;}
.philosophy .boxB{padding-top:35px;width:1050px;margin:0 auto; padding-bottom: 35px;}
.philosophy .boxB img{width:100%;height:auto;display:block;}
.philosophy .boxB dl{padding-bottom:45px;}
.philosophy .boxB dt{font-size:200%;text-align:center;font-weight:bold;}
.philosophy .boxB dd{padding-top:10px;text-align:center;font-size:150%;}
.philosophy .boxB .ttl{float:left;width:21.7%;display:block;margin-top:14.5%;}
.philosophy .boxB .line{float:left;width:7.6%;display:block;margin-top:7%;}
.philosophy .boxB .sub_box{float:right;width:67.6%}
.philosophy .boxB .sub_box table{display:block;width:100%;margin-bottom:5%;}
.philosophy .boxB .sub_box th{width:21.69%;}
.philosophy .boxB .sub_box td{vertical-align:middle;padding-left:3.5%;font-size:133%;color:#115994;line-height:1.8em;}

@media(min-width: 768px) and (max-width: 1199px){
	.philosophy .boxA{margin:30px 0 10px 0;padding-bottom:40%;color:#FFF;background-image:url(../img/about-us/philosophy/img01.jpg);background-repeat:no-repeat;background-position:center top;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"\9;-moz-background-size:100% 100%\9;background-size:100% 100%\9;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; padding-left: 10px; padding-right: 10px;}
	.services #tiny_img		{ width:100%; padding-top:0px; }
	.services #tiny_img ul{ width:100%; margin:0 auto; padding-top:0px; overflow:hidden;}
	.services #tiny_img li{ width:23.75%; float:left; margin-right:1.66%; background:none; margin-bottom:25px; padding-bottom:0;}
	.services #tiny_img li img{ display:block; max-width:100%; margin:20px auto 0 auto;}

}

@media(min-width: 768px) and (max-width: 960px){
	.philosophy .boxB span.ttl img	{ width:45%;height:auto;display:block; }
	.philosophy .boxB .sub_box table img{width:38%;height:auto;display:block;}
}
@media(max-width: 767px){
	.philosophy .boxA{margin:30px 0 10px 0;padding-bottom:70%;color:#FFF;background-image:url(../img/about-us/philosophy/img01.jpg);background-repeat:no-repeat;background-position:center top;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"\9;-moz-background-size:100% 100%\9;background-size:100% 100%\9;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover; padding-left: 10px; padding-right: 10px;}
	.philosophy .boxB span.ttl img	{ width:80%;height:auto;display:block; }
	.philosophy .boxB .sub_box table img{width:65%;height:auto;display:block;}
}

.about{padding-bottom:50px !important;}
.about h2{margin-top:25px !important;}
.about .list{width:1200px;margin:0 auto;padding-top:65px;padding-bottom:95px;}
.about .list .pic{width:32.16%;background-color:#115994;font-size:183%;color:#FFF;}
.about .list .pic p{padding:20px 15px 95px 15px;}
.about .list .pic img{display:block;width:100%;height:auto;margin-top:20px;}
.about .sub_list{width:65.5%;font-size:116%;padding-top:10px;}
.about .sub_list dl{margin-left:20px;padding-top:15px;}
.about .sub_list dt{float:left;line-height:1.8em;}
.about .sub_list dd{padding-left:190px;line-height:1.8em;}
.about .sub_list dd .sttl{display:block;width:130px;height:20px;line-height:20px;background-color:#DEDEDE;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding-left:5px;padding-right:5px;font-weight:bold;margin-bottom:2px;margin-left:-5px;}
.about .sub_list dd em{ display:block; font-style:normal; float:left;}
.about .sub_list dd p{line-height:1.8em;width:467px;}
.about .sub_list dd > span{display: inline-block;margin-right: 15px;}
.about .sub_list dd .btn_map{float:right;display:block;width:140px;height:20px;line-height:20px;color:#FFF;background-color:#115994;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;text-decoration:none;}
.about .sub_list dd .btn_map:hover{width:140px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.about .sub_list dd ol{padding-left:25px;}
.about .sub_list dd ol li{list-style-type: decimal!important;}
.about .sub_list ul{padding-top:10px;}
.about .sub_list ul li{width:100%;clear:both;padding-top:15px;}
.about .sub_list ul li span{display:block;float:left;}
.about .sub_list ul li p{padding-left:110px;}
.about .google_map{padding-top:50px;}
.about .google_map iframe{width:90%;display:block; margin:0 auto;}
.about .google_map .btn{display:block;width:320px;height:54px;line-height:54px;background-color:#F5F5F5;border:#98C3FF solid 2px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color:#2E2E2E;font-size:116%;text-align:center;margin:25px auto 0 auto;}
.about .google_map .btn:hover{text-decoration:none;background-color:#98C3FF;color:#FFF;}
.about .google_map h3	{ text-align:center; width:90%; margin:0 auto; font-size:18px; font-weight:lighter; background:#f1f1f1; padding:10px 0; }

@media(max-width: 1020px){
	.about .sub_list dd{padding-left:130px;}
	.about .sub_list dd em{ display:block;width: 100%;box-sizing: border-box;}
	.about .sub_list dd .btn_map{float: left;margin-left: 30px;}
	.about .sub_list dd .btn_map:hover{}
	.about .sub_list dd p{width: 100%; box-sizing: border-box;}
}



@media(max-width: 768px){
	.about .google_map .btn{width: 95%;box-sizing: border-box;}
	.about .google_map .btn:hover{}

}

.recruitment{padding-bottom:50px !important;}
.recruitment h2{margin-top:45px !important;}
.recruitment #Topic{ margin-top:35px; background-color:#F5F5F5;}
.recruitment #Topic h2{font-weight:normal;color:#FFF;font-size:166%; background-image:none;margin-top:0 !important; overflow:hidden; width:23.75%; float:left;margin-bottom:-2000px; padding-bottom:2000px;background-color:#115994;}
.recruitment #Topic h2 span{display:block;width: auto;height: auto;line-height: inherit;text-align: left; padding:20px 0 0 25px;}
.recruitment #Topic h2 small{ font-size:60%; padding-left:10px;}
.recruitment #Topic .sub_box{ width:1200px; margin:0 auto;overflow:hidden; }
.recruitment #Topic ul{width:74.58%;float:right;padding-top:17px; padding-bottom:5px;}
.recruitment #Topic li{ position : relative;width:auto;clear:both;padding:12px 0 20px 0;border-top:#7A7A7A dotted 1px;}
.recruitment #Topic li.ico_link{background:url(../img/common/ico_link.gif) no-repeat right center;}
.recruitment #Topic li.ico_pdf{}
.recruitment #Topic li .hn-ico{ position : absolute; right: 0; top: 50%; margin-top: -27px; text-align : center;}
.recruitment #Topic li .date{display:block;width:115px;padding-left:20px;background:url(../img/common/ico_arrow01.gif) no-repeat 0 0.2em;float:left;font-size:116%;font-weight:bold;}
.recruitment #Topic li .date img{display:block;margin-top:5px;width:84px;height:auto;}
.recruitment #Topic li div{line-height:1.8em;padding-top:2px;padding-left:135px;padding-right:73px;}
.recruitment #Topic li div p{width:auto;position:relative;}
.recruitment #Topic li div a:hover{ text-decoration:none;}
.recruitment #Topic li .ico{width:53px;display:block;float:right;}
.recruitment #Banner{ text-align:center; font-size:150%; padding:20px 0;}
@media (max-width: 768px){
	.recruitment #Banner{padding: 20px 10px;}
}
.recruitment .box{background-color:#F5F5F5; margin-top:20px;}
.recruitment .box .sub_box{ width:1200px; margin:0 auto;}
.recruitment .box .info{ background-color:#D3DEE7; overflow:hidden;}
.recruitment .box .info .name{ background-color:#115994; text-align:center; color:#FFF;width:23.75%; float:left; margin-bottom:-2000px; padding-bottom:2000px;}
.recruitment .box .info .name p{ padding:10px 25px; font-size:116%; line-height:1.8em;}
.recruitment .box .info .name strong{ font-size:130%;}
.recruitment .box .info .name small{ font-size:80%; font-weight:normal;}
.recruitment .box .info .ttl{color:#115994; width:76.25%; float:right; position:relative; cursor:pointer;}
.recruitment .box .info .ttl strong{padding:23px 150px 23px 20px;font-size:200%; display:block; line-height:1.2em;}
.recruitment .box .info .ttl span{ font-size:116%; display:block;padding:27px 40px 27px 0;cursor:pointer; position:absolute; z-index:999; top:0; right:25px;}
.recruitment .box .info .ttl .btn_open{background: url(../img/common/btn_open.jpg) no-repeat right center;}
.recruitment .box .info .ttl .btn_close{background: url(../img/common/btn_close.jpg) no-repeat right center;display:none;}
.recruitment .box .info.open .btn_open{ display:none;}
.recruitment .box .info.open .btn_close{ display:block;}
.recruitment .box .fqa{ clear:both;}
.recruitment .box .fqa .pic{ width:23.75%; float:left;}
.recruitment .box .fqa .pic img{ display:block; max-width:100%; height:auto;}
.recruitment .box .fqa dl{width:76.25%; float:right;}
.recruitment .box .fqa dt{
	padding-left: 36px; padding-top:2px;
	margin: 23px 30px 0 30px;
	font-size: 166%;
	color: #115994;
	background: url(../img/recruitment/ico_q.gif) no-repeat 5px 5px;
}
.recruitment .box .fqa dd{ padding:6px 30px 0 66px; font-size:133%;}
.recruitment .box .fqa dt span	{ font-size:150%; }

.recruitment .block{background-color:#F5F5F5; margin-top:65px;}
.recruitment .block .sub_block{ width:1200px; margin:0 auto; overflow:hidden;}
.recruitment .block .pic{width:32.16%;background-color:#115994;font-size:115%; text-align:right;color:#FFF; float:left; margin-bottom:-2000px; padding-bottom:2000px;}
.recruitment .block .pic p{padding:15px 15px 15px 15px;}
.recruitment .block .pic img{display:block;width:100%;height:auto;margin-bottom:10px;}
.recruitment .block ul{ padding-top:25px; width:67.84%; float:right; font-size:116%;}
.recruitment .block li{ padding-bottom:10px; width:100%; clear:both;}
.recruitment .block li span{ padding-left:22px; width:98px; float:left;}
.recruitment .block li p{ padding-left:120px; padding-right:30px;}

/*緊急処理20160421↓*/
.recruitment .box{background-color:#fff; margin-top:20px;}
.recruitment .wait-message{ padding:50px 0; font-size: 20px; text-align: center; border: solid 1px #cdcdcd; border-radius: 10px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; width:90%; }

@media(max-width: 768px){
	.recruitment .box{background-color:#fff; margin-top:20px;}
	.recruitment .box .sub_box{ margin:0 auto;}
	.recruitment .wait-message{ padding:50px 15; font-size: 18px; text-align: left; border: solid 1px #cdcdcd; border-radius: 10px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; width:90%; }

	.recruitment #Topic .sub_box{font-size: 75%;}
	.recruitment #Topic li .hn-ico{top: 15px; margin-top: 0;font-size:12px;}
	.recruitment #Topic li .hn-ico img{width: 30px; height: auto;}
	.recruitment #Topic li .hn-ico span{display: none;}

}

.manufacture{padding-bottom:50px !important;}
.manufacture h2{margin-top:55px !important;}
.manufacture #Banner{ text-align:center; padding-top:40px; padding-bottom:10px;}
.manufacture #Banner dt{ font-size:220%; text-align:center; font-weight:bold;}
.manufacture #Banner dd{ font-size:133%; text-align:center; padding-top:20px;}
.manufacture .box{ padding:35px 0;}
.manufacture .box h3{ background-color:#115994; font-weight:normal;}
.manufacture .box h3 span{ width:1100px; max-width: 100%; display:block; padding:19px 0 18px 15px; margin:0 auto; font-size:200%; color:#FFF; line-height:1.2em; box-sizing: border-box;}
.manufacture .sub_box{ width:100%; background-color:#F8F8F8; margin-top: 5px;}
.manufacture .sub_box .pic{ width:50%; float:left; box-sizing: border-box;padding: 5px 10px;}
.manufacture .sub_box .pic img{ display:block; width:100%; height:auto;}
.manufacture .sub_box .floatR{width:50%;}
.manufacture .sub_box dl{ width:600px;}
.manufacture .sub_box dt{ margin-top:27px; margin-left:24px; padding:6px 0 0 16px; border-left:#7A7A7A solid 8px; font-size:157%;}
.manufacture .sub_box dd{ padding:10px 0 20px 50px; font-size:116%;}
.manufacture .sub_box dd .sttl{color:#115994; font-weight:bold; font-size:114%; padding-bottom:10px; line-height:1.3em;}
.manufacture .sub_box dd p{ line-height:1.7em;}
.manufacture .info{ width:1200px; margin:0 auto;}
.manufacture .info dl{ padding-top:25px; padding-left:24px;}
.manufacture .info dt{padding:6px 0 0 16px; border-left:#7A7A7A solid 8px; font-size:157%;}
.manufacture .info dd{ padding-top:20px;}
.manufacture .info dd p{ padding-left:60px; padding-right:20px;}
.manufacture .info .floatL{ width:50%;}
.manufacture .info .floatL dl{ padding-right:20px;}
.manufacture .info .floatL dd ul{ width:96%; padding-left:4%; padding-bottom:10px;}
.manufacture .info .floatL dd li{ width:32.19%; float:left; margin-right:1.715%; text-align:center;}
.manufacture .info .floatL dd li img{ display:block; max-width:100%; height:auto; margin-bottom:10px;}
.manufacture .info .floatL dd p{ padding-top:13px; padding-left:5.55%; padding-right:1.73%; border-top:#F2F2F2 solid 1px; line-height:1.7em;}
.manufacture .info .floatR{ width:50%; float: left;}
.manufacture .info .floatR dd ul{ padding:0 10px 0 13px;}
.manufacture .info .floatR dd li{ clear:both; padding:6px 12px;border-bottom:#F2F2F2 solid 1px;}
.manufacture .info .floatR dd li span{ display:block; float:left; width:80px;}
.manufacture .info .floatR dd li p{ padding-left:84px;}
.manufacture .info .floatR dd li a{ color:#FFF; background-color:#115994; text-decoration:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; padding:1px 18px 1px 24px; display: inline-block;}
.manufacture .info .floatR dd li a:hover{ display: inline-block;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.manufacture #List{ padding-top:40px;}
.manufacture #List h4{ font-size:166%; background-color:#F2F2F2; margin-bottom:20px;}
.manufacture #List h4 span{ display:block; width:1150px; padding-top:10px; padding-bottom:10px; margin:0 auto;}
.manufacture #List ul{ width:1200px; margin:0 auto; padding-top:25px; overflow:hidden;}
.manufacture #List li{ width:23.34%; float:left; margin-right:0.83%; margin-left:0.83%; margin-bottom:15px; background-color:#F3F3F3; padding: 0; _margin-bottom:-2000px; _padding-bottom:2000px;}
.manufacture #List li img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.manufacture #List li dl{ padding:15px 20px;}
.manufacture #List li dt{ color:#115994; font-size:133%; width: 285px; margin: 0 auto; font-weight:bold; padding-bottom:5px;}
.manufacture #List li dd{ line-height:1.7em;}
.manufacture #List li a{ display:block; border:#115994 solid 1px; width: 48%; line-height: 1.3em; background: url(../img/common/ico_pdf_min.png) no-repeat 92% center; margin-top:15px; text-align:center; text-decoration: none; padding:10px 0; color:#115994; transition: all 0.3s;}
.manufacture #List li a span	{ display: block; margin-bottom:0; }
.manufacture #List li a:hover	{ text-decoration:none; color: #fff; background: #115994 url(../img/common/ico_pdf_min.png) no-repeat 92% center; }
.manufacture #List li a.pdf-l	{ float: left; }
.manufacture #List li a.pdf-r	{ float: right; }

@media (max-width: 768px){
	.manufacture .box h3 span{ width: 100%; box-sizing: border-box; padding-left:15px; }
	.manufacture .info .floatL dd p{padding: 5px;}
	.manufacture .info dl{padding-left: 20px; padding-right: 20px;}
	.manufacture .info .floatR dd ul{padding-left: 10px; padding-right: 10px;}
	.manufacture .info .floatL dd ul{padding-left: 0;margin-right: 0; width: 100%;}
	.manufacture #List li a.pdf-l	{ float: left; width: 40%; }
	.manufacture #List li a.pdf-r	{ float: right; width: 40%; }
}
@media(min-width:768px) and (max-width:1099px){
	.manufacture #List li dt{ font-size:115%; height:1.0em; overflow: hidden;}
	.manufacture #List li a{ background: none;}
	.manufacture #List li a:hover	{ background: #115994 ; }
}

.projects #List{ width:1200px; margin:0 auto;}
.projects .page_num{ border-bottom:#C9C9C9 solid 1px; font-size:150%; padding-top:35px;}
.projects .page_num div{ width:578px; margin:0 auto;}
.projects .page_num .btn_back,
.projects .page_num .btn_next{ float:right;height:42px; line-height:42px; width:105px;background-color:#E1E1E1;color:#101010; text-align:center; text-decoration:none;}
.projects .page_num .btn_back{ float:left !important;}
.projects .page_num .btn_back:hover,
.projects .page_num .btn_next:hover{ color:#FFF; font-weight:bold;background-color:#535353;}
.projects .page_num p{ text-align:center; margin:0 auto; width:100%;}
.projects .page_num p a{ margin:0 2px; padding:0;color:#101010; display:inline-block; height:42px; line-height:42px; width:42px;}
.projects .page_num p a:hover,
.projects .page_num p a.active{background-color:#535353; color:#FFF; font-weight: bold; font-size:133%; text-decoration:none;}
.projects h3{ margin-top:30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; font-size:166%; color:#FFF; font-weight:bold; background-color:#2670AB; padding:12px 27px;}
.projects .box{ padding:20px 26px 20px 24px; background-color:#F3F3F3;}
.projects .box .floatL{ width:61.56%;}
.projects .box .floatL ul{ font-size:116%; padding-top:10px;}
.projects .box .floatL li{ width:100%; clear:both; padding:10px 0; border-bottom:#DADADA solid 1px;}
.projects .box .floatL li.last{ border-bottom:#8A8A8A solid 2px;}
.projects .box .floatL li span{ display:block; padding-left:30px; float:left; width: 90px;}
.projects .box .floatL li p{ padding-left:170px;}
@media (max-width: 768px){
	.projects .box { padding:10px 10px; }
	.projects .box .floatL li span{ width: 90px; padding-left: 15px;}
	.projects .box .floatL li p{ padding-left:115px;}
	.projects .box .floatL p.comment1lbl{padding-left: 15px !important;}
	.projects .box .floatL p.comment1{padding-left: 15px !important;}
}
.projects .box .floatL .txt{ padding:18px 0 0 17px;}
.projects .box .floatR{ width:31.30%;}
.projects .box .floatR img{ max-width:100%; height:auto; display:block; margin: 0 auto;}
.projects .box .floatR .btn{ padding-top:9px;}
.projects .box .floatR .btn .slick-slide{ cursor:pointer;background-color:#000; margin-right:1px;}
.projects .box .floatR .btn .slick-current img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; width:auto;}


.btn_pagetop{ position : fixed; right: 10px; bottom: 50px;z-index:200;}
.btn_pagetop a{display:block;float:right;width:42px;transition: all .3s;}
.btn_pagetop a:hover{width:42px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.btn_pagetop a img{display:block;}


#Footer{padding-bottom:16px;background-color:#EEE;padding-left:15px; padding-right: 15px;}
#SubFooter{width:1170px;margin:0 auto;position:relative;}
@media (max-width:768px){
	#Footer{padding-left:0; padding-right: 0;}
}
#FootLogo{display:block;position:absolute;left:0;top:-63px;}
#FootLogo img{display:block;}
#Foot{width:29.16%;padding-top:30px;float:left;}
#Foot dt{font-weight:bold;}
#Foot div{padding-top:25px;}
#Foot div p{padding-top:5px;}
#Foot div img{display:block;}
#Foot .tel{padding-left:31px;padding-top:12px;padding-bottom:3px;background:url(../img/common/ico_tel.png) no-repeat 0.4em 0.9em;}
#Foot .tel span{font-size:166%;font-weight:bold;}
#Foot .tel small{font-size:60%;font-weight:normal;}
#Foot .mail{font-size:116%;padding-top:0;background:url(../img/common/ico_mail.png) no-repeat 0.4em 0;padding-left:31px;line-height:1.3em;}
#Foot .mail a{color:#0F7F52;font-weight:bold;}
#Foot .mail a:hover{text-decoration:none;}
#FootNavi{width:66.9%;float:right;}
#FootNavi .btn_home{float:left;padding-top:12px;font-weight:bold;}
#FootNavi .btn_home a{color:#4D4D4D;text-decoration:none;}
#FootNavi .btn_home a:hover{text-decoration:underline;}
#FootNavi div{padding-left:49px;}
#FootNavi div dl{width:20%;float:left;}
#FootNavi div dt{padding:12px 0 0 12px;background:url(../img/common/ico_line01.gif) no-repeat left top;font-weight:bold;}
#FootNavi div dt a{color:#4D4D4D;text-decoration:none;}
#FootNavi div dt a:hover{text-decoration:underline;}
#FootNavi div dd{padding-left:24px;padding-top:15px;}
#FootNavi div dd p{padding-bottom:3px;}
#FootNavi div dd a{color:#5a5a5a;text-decoration:none;}
#FootNavi div dd a:hover{text-decoration:underline;}




@media all and (max-width:1220px)
{
	.manufacture .sub_box dl,
	.manufacture .info,
	.recruitment .block .sub_block,
	.recruitment #Topic .sub_box,
	.about .list,
	#PageTtl h1,
	#SubFooter,
	#Head,
	#Navi ul,
	#HomeShow{width:100%;}
	#HomeShow #index_b_hero{display:none;}
	#HomeShow .slider{display:block;padding-left:20px;padding-right:20px;}

	.home #Banner ul{width:92.5%;}

	.projects #List,
	.manufacture #Banner,
	.manufacture #List h4 span,
	.manufacture #List ul,
	.manufacture .box .ttl span,
	.recruitment .box .sub_box,
	#PageLink dl,
	.philosophy .boxB,
	.services #SubList,
	.services #List .link dl,
	#SubNavi ul,
	#SubNavi2 ul,
	#Path ul,
	.services #Show,
	.home #HomeNews,
	.home #HomeLink{width:96%;padding-left:2%;padding-right:2%;}}

@media all and (min-width:769px)
{
	#Menu{display:none;}}

@media all and (max-width:768px)
{
	#Path,
	#Head .floatR,
	#Navi,
	#index_b_hero{display:none;}

	#Head{position:relative;}
	#Head .h1{position:absolute;left:0;top:10px;z-index:100;}
	#HomeShow{padding-top:17px;}
	#Head{padding:10px 0 0 0;}
	#Head .h1{margin-left:20px;}
	#Menu{position:relative;z-index:999;display:block;}
	#Menu dl{height:40px;}
	#Menu dt{display:block;cursor:pointer;width:63px;float:right;margin:12px 20px 25px 0;}
	#Menu dt:hover{width:63px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
	#Menu dt img{display:block;width:100%;height:auto;}
	#Menu dd{width:100%;clear:both;display:none;background-color:#333;}
	#Menu div{border-top:#FFF solid 1px;}
	#Menu a{display:block;padding:12px 0 11px 0;color:#FFF;width:100%;text-decoration:none;text-align:center;}
	#Menu a:hover{width:100%;color:#F34C0A;}

	.home #Banner li{width:100%;padding:10px 0;float:none;margin:0;}
	.home #Banner li img{max-width:100%;height:auto;display:block;width:auto;margin:0 auto;}
	.home #Banner li img{display:none;}
	.home #Banner li span img,
	.home #Banner li span{display:block;}
	.home #HomeNews h2{float:none;width:80%;margin:0 auto 20px auto;}
	.home #HomeNews h2 span{padding:13px 0;}
	.home #HomeNews .btn img{display:none;}
	.home #HomeNews .btn span,
	.home #HomeNews .btn span img{display:block;}
	.home #HomeNews ul{width:100%;float:none;}
	.home #HomeNews li{font-size:150%;}
	.home #HomeNews li.ico_link{background:url(../img/common/ico_arrow01.gif) no-repeat 0 1.2em;}
	.home #HomeNews li.ico_pdf .date{}
	.home #HomeNews li .hn-ico{top: 20px; margin-top: 0;font-size:12px;}
	.home #HomeNews li .hn-ico img{width: 30px; height: auto;}
	.home #HomeNews li .hn-ico span{display: none;}
	.home #HomeNews li.ico_link .date{background:url(../img/common/ico_link_s.gif) no-repeat right center;}
	.home #HomeNews li .date{width:auto;float:none;display:block;padding-right:30px;}
	.home #HomeNews li .date img{display:inline;width:110px;vertical-align:middle;margin-left:10px;margin-top:-5px;line-height:1.3em;}
	.home #HomeNews li div{padding-left:20px;padding-right:20px;padding-top:5px; }
	.home #HomeNews .btn{width:100%;float:none;padding-top:40px;}
	.home #HomeNews .btn span img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;}
	.home #HomeLink .floatL{width:100%;position:relative;overflow:hidden;float:none;margin-top:30px;}
	.home #HomeLink .floatL dl{width:410px;height:410px;font-size:120%;}
	.home #HomeLink .floatR{width:100%;position:relative;overflow:hidden;float:none;margin-top:30px;}
	.home #HomeLink .floatR dl{width:410px;height:410px;font-size:120%;}

	#SubNavi{background-image:none;}
	#SubNavi li{width:100%;background-image:none;padding-bottom:8px;}
	#SubNavi li div{background-image:none;height:auto;}
	#SubNavi li a{border:#145B95 solid 2px !important;height:auto;padding:13px 0;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
	#SubNavi li a.active,
	#SubNavi li a:hover{border:#145B95 solid 2px !important;background-color:#145B95;color:#FFF !important;}

	#SubNavi2{background-image:none;}
	#SubNavi2 li{width:100%;background-image:none;padding-bottom:8px;}
	#SubNavi2 li div{background-image:none;height:auto;}
	#SubNavi2 li a{border:#145B95 solid 2px !important;height:auto;padding:13px 0;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
	#SubNavi2 li a:hover,
	#SubNavi2 li a.active{border:#145B95 solid 2px !important;background-color:#145B95;color:#FFF !important;}

	.services #List{padding-top:20px;}
	.services #List .link dt{padding-bottom:6px;}
	.services #Show .block .sub_box{width:100%;float:none;padding-bottom:20px; padding-left: 10px;padding-right:10px; box-sizing: border-box;}
	.services #Show .block .sub_box .pic img{display:block;margin:0 auto;}
	.services #Show .block .slider{width:386px;margin:0 auto;}
	.services #SubList .sub_box{width:100%;margin-left:0;float:none;border-bottom:#8A8A8A solid 2px;padding-bottom:5px;}
	.services #SubList .box ul{border-bottom:none;}
	.services #SubList .box li{width:50%;border-bottom:#DADADA solid 1px;}
	.services #SubList .rel_links{width:100%;float:none;padding-top:20px;}

	.philosophy .boxB img{width:auto;height:auto;display:block;max-width:100%;margin:0 auto;}
	.philosophy .boxB .ttl{float:none;width:100%;display:block;margin-top:0;text-align:center;}
	.philosophy .boxB .line{display:none;}
	.philosophy .boxB .sub_box{float:none;width:100%}
	.philosophy .boxB .sub_box table{display:block;width:100%;margin-bottom:0;margin-top:20px;}
	.philosophy .boxB .sub_box th{width:100%;float:none;display: block;}
	.philosophy .boxB .sub_box td{vertical-align:top;padding-left:0;font-size:133%;color:#115994;line-height:1.8em;float:none;display: block;padding-top:10px;width:100%;}
	.philosophy .boxB .sub_box tr{display: block;}


	.about .list{padding-top:40px;padding-bottom:55px;}
	.about .list .pic{width:100%;}
	.about .list .pic p{padding:20px 15px; text-align:center;}
	.about .list .pic img{display:block;max-width:100%;height:auto;width:auto; margin:20px auto 0 auto;}
	.about .sub_list{width:96%;font-size:116%;padding-top:0; padding-left:2%; padding-right:2%;}
	.about .sub_list dl{margin-left:0;padding-top:15px;}
	.about .sub_list dd{padding-left:140px;}
	.about .sub_list dd .sttl{display:block;width:130px;height:20px;line-height:20px;background-color:#DEDEDE;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding-left:5px;padding-right:5px;font-weight:bold;margin-bottom:2px;margin-left:-5px;}
	.about .sub_list dd em{ display:block; float: none; font-style:normal;}
	.about .sub_list dd p{width: auto;}
	.about .sub_list dd .btn_map{float: none;}

	.about .sub_list dt{float: none;display: block; font-weight : bold;}
	.about .sub_list dd{padding-left:30px; font-size : 12px;}

	.recruitment #Topic{ overflow: inherit;}
	.recruitment #Topic h2{ float:none; width:100%; margin-bottom:0; padding-bottom:0;}
	.recruitment #Topic h2 span{ font-size:180%; padding:15px 20px;}
	.recruitment #Topic ul{width:96%;float:none; padding-left:2%; padding-right:2%;}
	.recruitment #Topic li{font-size:200%;}
	.recruitment #Topic li.ico_pdf,
	.recruitment #Topic li.ico_link{}
	.recruitment #Topic li.ico_pdf .date{}
	.recruitment #Topic li.ico_link .date{background:url(../img/common/ico_link_s.gif) no-repeat right center;}
	.recruitment #Topic li .date{width:auto;float:none;display:inline;padding-right:30px;}
	.recruitment #Topic li .date img{display:inline;width:110px;vertical-align:middle;margin-left:10px;margin-top:-5px;line-height:1.3em;}
	.recruitment #Topic li div{padding-left:20px;padding-right:20px;padding-top:5px;}
	.recruitment #Topic .btn{width:100%;float:none;padding-top:40px;}
	.recruitment #Topic .btn span img{display:block;max-width:100%;width:auto;height:auto;margin:0 auto;}


	.recruitment #Topic .newmark:after{content: 'NEW!'; font-weight : bold;color: #d00;margin-left: 1px; font-size: 14px;}


	.recruitment .box .info{ background-color:#D3DEE7; overflow:hidden;}
	.recruitment .box .info .name{width:100%; float: none; margin-bottom:0; padding-bottom:0;}
	.recruitment .box .info .ttl{width:100%; float: none; position: inherit;}
	.recruitment .box .info .ttl strong{padding:23px 20px 10px 20px;font-size:150%; display:block; line-height:1.2em;}
	.recruitment .box .info .ttl span{ font-size:116%; display: block;padding:27px 40px 27px 0;cursor:pointer; position: inherit; z-index:999; top: auto; right: auto; float:right; margin-right:20px;}



	.recruitment .box .fqa .pic{ width:100%; float: none; padding-top:30px;}
	.recruitment .box .fqa .pic img{margin:0 auto;}
	.recruitment .box .fqa dl{width:100%; float:none;}
	.recruitment .box .fqa dt{
		margin: 23px 0 0 0;
	}
	.recruitment .box .fqa dd{ padding:6px 0 0 36px;}
	.recruitment .block{ margin-top:55px;}
	.recruitment .block .sub_block{overflow:inherit;}
	.recruitment .block .pic{width:100%;float: none; margin-bottom:0; padding-bottom:0;}
	.recruitment .block .pic p{ text-align:center;}
	.recruitment .block .pic img{display:block; max-width:100%;height:auto;margin:15px auto 0 auto; width: auto;}
	.recruitment .block ul{ padding-top:20px; width:100%; float: none; padding-bottom:10px;}
	.recruitment .block li span{ padding-left:22px; width:78px; float:left;}
	.recruitment .block li p{ padding-left:100px; padding-right:30px;}

	.manufacture .sub_box .pic{ width:100%; float: none;}
	.manufacture .sub_box .floatR{width:100%;}
	.manufacture .sub_box dd{ padding:10px 20px 20px 50px;}
	.manufacture .info .floatL{ width:100%; float:none;}
	.manufacture .info .floatL dd li{ width:100%; float: none; margin-right:0; text-align:center; padding-bottom:15px;}
	.manufacture .info .floatL dd li.lastChild{ float:none !important; padding-bottom:5px;}
	.manufacture .info .floatL dd li img{ display:block; max-width:100%; height:auto;margin:0 auto 10px auto;}
	.manufacture .info .floatR{ width:100%;float:none;}
	.manufacture #List li{ width:48%; float: left; margin-right:1%; margin-left:1%; background-color:#F3F3F3; margin-bottom:25px; padding-bottom:0;}
/*	.manufacture #List li.lastChild{ float:left ; margin-bottom: 25px;}*/
	.manufacture #List li a{ width:243px; margin:20px auto 0 auto;}

	.manufacture .info dd p{ padding-left:20px; padding-right:10px;}

	.services #tiny_img		{ width:100%; padding-top:0px; }
	.services #tiny_img ul{ width:100%; margin:0 auto; padding-top:0px; overflow:hidden;}
	.services #tiny_img li{ width:100%; float:none; margin-right:0; background:none; margin-bottom:25px; padding-bottom:0;}
	.services #tiny_img li img{ width:90%; margin:20px auto 0 auto;}

	.projects .page_num div{ width:100%;}
	.projects .page_num div p{ display:none;}
	.projects .box .floatL{ width:100%; float:none;}
	.projects .box .floatR{ width:360px; float:none; margin:0 auto; padding-top:20px;}

	#Footer{font-size:130%;}
	#FootLogo{left:2%;}
	#Foot{width:96%;float:none;padding-left:2%;padding-right:2%;padding-top:20px;border-top:#CCC solid 4px;margin-top:50px;}
	#Foot .tel span{display:block;}
	#Foot .mail a{display:block;}
	#FootNavi{width:96%;float:none;padding-top:30px;padding-left:2%;padding-right:2%;}
	#FootNavi .btn_home{width:50%;border-bottom:#D6D6D6 solid 1px;padding-bottom:3px;}
	#FootNavi .btn_home a{padding:12px 0 0 25px;background:url(../img/common/ico_line01.gif) no-repeat 0.3em 0;}
	#FootNavi div{padding-left:0;}
	#FootNavi div dl{width:50%;border-bottom:#D6D6D6 solid 1px;padding-bottom:3px;}
	#FootNavi div dt{font-weight:bold;background-position:0.3em 0;padding:12px 0 0 25px;}
	#FootNavi div dd{display:none;}
	.address{padding-top:15px;width:80%;margin:0 auto;font-size:12px;}

}
@media (max-width: 767px){
	.manufacture #List li{ width:98%; float: none; margin-right:0%; margin-left:0%; background-color:#F3F3F3; margin-bottom:25px; padding-bottom:0;}
/*	.manufacture #List li.lastChild{ float:none ; margin-bottom: 25px;}*/
	.manufacture #List li a{ width:243px; margin:20px auto 0 auto;}
	.manufacture #List li a.pdf-l	{ float: none; width: 80%; }
	.manufacture #List li a.pdf-r	{ float: none; width: 80%; }

}

@media all and (max-width:480px)
{
	#Head .h1{width:56.9%;}
	#Menu dt{width:13.1%;}
	#Menu dt:hover{width:13.1%;}
	#HomeShow .slider li img{display:none;}
	#HomeShow .slider li span,
	#HomeShow .slider li span img{display:block;}

	.home #HomeLink .floatL dl{bottom:auto;top:15px;right:50%;margin-right:-210px;}
	.home #HomeLink .floatL .bg img{display:none;}
	.home #HomeLink .floatL .bg span img,
	.home #HomeLink .floatL .bg span{display:block;width:100%;height:auto;}

	.home #HomeLink .floatR dl{bottom:auto;top:15px;right:50%;margin-right:-210px;}
	.home #HomeLink .floatR .bg img{display:none;}
	.home #HomeLink .floatR .bg span img,
	.home #HomeLink .floatR .bg span{display:block;width:100%;height:auto;}

}


@media all and (max-width:400px)
{
	.services #Show .block .slider{width:100%;}
	.projects .box .floatR{ width:100%;}
}

.visible-sp{display: none;}
@media (max-width: 768px){
	.hidden-sp{display: none !important;}
	.visible-sp{display: block;}
	.sp-ta-l{ text-align : left !important;}
	.sp-ta-c{ text-align : center !important;}
	.sp-ta-r{ text-align : right !important;}
}



/* hack css */
#Wrap,
#Contents,
#Head,
#Navi ul,
.home #Banner ul,
.home #HomeNews li,
.home #HomeNews,
.home #HomeNews li div p,
.btn_pagetop,
#SubFooter,
#FootNavi,
#SubNavi ul,
#SubNavi2 ul,
.services #Show .block,
#Path ul,
.services #List .link dl,
.services #SubList .box,
.services #SubList .box ul,
#PageLink dl,
.about .list,
.about .list .sub_list dl,
.about .list .sub_list ul li,
.about .sub_list dd p,
.recruitment #Topic .sub_box,
.recruitment #Topic li,
.recruitment .box .info,
.recruitment .box .fqa,
.recruitment .block,
.recruitment .block li,
.manufacture .sub_box,
.manufacture .info,
.manufacture .info .floatL dd ul,
.manufacture .info .floatR dd li,
.projects .page_num,
.projects .box,
.projects .box .floatL li
{display:inline-block;}


#Wrap:after,
#Contents:after,
#Head:after,
#Navi ul:after,
.home #Banner ul:after,
.home #HomeNews li:after,
.home #HomeNews:after,
.home #HomeNews li div p:after,
.btn_pagetop:after,
#SubFooter:after,
#FootNavi:after,
#SubNavi ul:after,
#SubNavi2 ul:after,
.services #Show .block:after,
#Path ul:after,
.services #List .link dl:after,
.services #SubList .box:after,
.services #SubList .box ul:after,
#PageLink dl:after,
.about .list:after,
.about .list .sub_list dl:after,
.about .list .sub_list ul li:after,
.about .sub_list dd p:after,
.recruitment #Topic .sub_box:after,
.recruitment #Topic li:after,
.recruitment .box .info:after,
.recruitment .box .fqa:after,
.recruitment .block:after,
.recruitment .block li:after,
.manufacture .sub_box:after,
.manufacture .info:after,
.manufacture .info .floatL dd ul:after,
.manufacture .info .floatR dd li:after,
.projects .page_num:after,
.projects .box:after,
.projects .box .floatL li:after
{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}



/* Hide from IE-mac \*/
*html #Wrap,
*html #Contents,
*html #Head,
*html #Navi ul,
*html .home #Banner ul,
*html .home #HomeNews li,
*html .home #HomeNews,
*html .home #HomeNews li div p,
*html .btn_pagetop,
*html #SubFooter,
*html #FootNavi,
*html #SubNavi ul,
*html #SubNavi2 ul,
*html .services #Show .block,
*html #Path ul,
*html .services #List .link dl,
*html .services #SubList .box,
*html .services #SubList .box ul,
*html #PageLink dl,
*html .about .list,
*html .about .list .sub_list dl,
*html .about .list .sub_list ul li,
*html .about .sub_list dd p,
*html .recruitment #Topic .sub_box,
*html .recruitment #Topic li,
*html .recruitment .box .info,
*html .recruitment .box .fqa,
*html .recruitment .block,
*html .recruitment .block li,
*html .manufacture .sub_box,
*html .manufacture .info,
*html .manufacture .info .floatL dd ul,
*html .manufacture .info .floatR dd li,
*html .projects .page_num,
*html .projects .box,
*html .projects .box .floatL li
{height: 1%;}


#Wrap,
#Contents,
#Head,
#Navi ul,
.home #Banner ul,
.home #HomeNews li,
.home #HomeNews,
.home #HomeNews li div p,
.btn_pagetop,
#SubFooter,
#FootNavi,
#SubNavi ul,
#SubNavi2 ul,
.services #Show .block,
#Path ul,
.services #List .link dl,
.services #SubList .box,
.services #SubList .box ul,
#PageLink dl,
.about .list,
.about .list .sub_list dl,
.about .list .sub_list ul li,
.about .sub_list dd p,
.recruitment #Topic .sub_box,
.recruitment #Topic li,
.recruitment .box .info,
.recruitment .box .fqa,
.recruitment .block,
.recruitment .block li,
.manufacture .sub_box,
.manufacture .info,
.manufacture .info .floatL dd ul,
.manufacture .info .floatR dd li,
.projects .page_num,
.projects .box,
.projects .box .floatL li
{display: block;}
/* End hide fromIE-mac*/


.clearfix { min-height: 1px; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

* html .clearfix { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ }