@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマ★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: liliqua
Tags: 
Version: 0.1.0
*/
.clearfix:after {content: " "; display: block; height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

br.clear{clear:both;}

.fixed {
  position: fixed;
  top: 0;
  z-index: 10000;
}
#fixedBox{width:100%;}

body, p, table{color:#000; font-size:16px; line-height:1.7; 
font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.entry-content p{text-align:left; padding:0; margin:0 0 1em 0;}
.cap{text-align:canter !important; margin:20px 0; font-size:14px; display:block;}
.entry-content img{max-width:100%; height:auto;}
.entry-content{width:850px;}
#content-main{width:1200px;}
figcaption{font-size:12px;}

/*p*/
p{text-indent:1em !important;}
.has-text-align-center{text-align:center !important;}
.has-text-align-right{text-align:right !important;}
.※{position:relative; padding:0 0 0 1.5em !important; text-indent:0 !important;}
.※:before{content:"※"; position:absolute; top:0; left:0;}
p.no{text-indent:0 !important;}

/*装飾*/
/*text*/
.u{text-decoration:underline;}

.prl0{padding-right:0 !important;padding-left:0 !important;}
.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}
.mpt0{margin-top:0 !important; padding-top:0 !important;}
.mb50{margin-bottom:50px !important;}
.f13{font-size:13px;}
.f16{font-size:16px;}
.f22{font-size:22px;}
span.blue{color:#002e73;}
.requied{background:red; color:#fff; display:inline-block; padding:4px 6px; font-size:90%; margin-left:5px; line-height:1;}
@media all and (-ms-high-contrast:none) {
.requied{padding:5px 6px;}
}
.h20{height:20px;}
.h40{height:40px;}
.h60{height:60px;}
.h80{height:80px;}

/*配置*/
.alignleft{display:block; margin:0 20px 0 0; float:left;}
.alignright{display:block; margin:0 0 0 20px; float:right;}
.aligncenter{display:block; margin:20px auto;}
.nofloat{float:none; clear:both;}
.images_c{text-align:center;}
.images_c img{display:inline-block; margin:10px;}

div.table {display:table; width:100%;}
div.table div.cell{display:table-cell; vertical-align:top;}
div.table div.cell table{margin:0;}
div.cell_t{width:calc(100% - 230px);}
div.cell_i{width:230px;}
table.block, table.block td{border:0; padding:0; text-align:center;}
table.block2{width:auto !important; float:right; border:0; padding:0; text-align:center; margin:0 0 0 20px;}
table.block2 td{width:auto !important; border:0; padding:0 important; text-align:center; vertical-align:top;}
table.block2 td img{margin:0;}
table.block2 td > div{margin:0;}

/*table*/
table{width:100%; text-align:left; border-collapse: collapse !important;}
th{padding:0; vertical-align:middle; border: 1px solid #ddd !important; background-color:#f5f5f5; font-weight:bold; text-align:center; color:#444;}
td{padding:0; vertical-align:top; border: 1px solid #ddd !important;}
td p{text-indent:0 !important;}

.black thead th:first-child{background-color:#666 !important; color:#fff; border-color:#666 !important;}
figure.black tr > td:first-child, table.black tr > td:first-child{background-color:#444; color:#fff; font-weight:bold; border-color:#666 !important; white-space:nowrap; text-align:center !important;}
.gray thead th{background-color:#ddd !important; border-color:#ccc !important;}
.gray thead th:first-child{background-color:#eee !important;}
figure.gray tr > td:first-child, table.gray tr > td:first-child{background-color:#f5f5f5; font-weight:bold; border-color:#ccc !important; white-space:nowrap; text-align:center !important; color:#444;}

.wp-block-advgb-table thead td{font-weight:bold; text-align:center; line-height:1.4; background-color:#f5f5f5; color:#444;}
.wp-block-table{padding-top:0 !important;}
.wp-block-table table{margin-top:0 !important;}
.wp-block-advgb-table.black thead tr > td:first-child{background-color:#666;}
.wp-block-advgb-table.gray td{border:1px solid #ccc !important;}
.wp-block-advgb-table.gray thead td{background-color:#ddd;}
.wp-block-advgb-table.gray thead tr > td:first-child{background-color:#eee;}

@media (max-width: 769px) {
table.wp-block-advgb-table.sp td, figure.wp-block-table.sp td{display:block; width:100%; border:0;}
table.wp-block-advgb-table.sp tr > td:first-child, figure.wp-block-table.sp tr > td:first-child{border-top:1px solid #ccc;}
table.wp-block-advgb-table.sp tr:first-child > td:first-child, figure.wp-block-table.sp tr:first-child > td:first-child{border-top:0;}
}


@media (max-width: 769px) {
.alignleft, .alignright{width:50%;}
.spfull{width:100%; float:none; margin:0 0 20px 0;}
.images_c img{display:block; margin:10px auto;}
div.table div.table div.cell{display:block;}
.wp-caption{width:100% !important;}
table.block, table.block tbody, table.block tr, table.block td,
table.block2, table.block2 tbody, table.block2 tr, table.block2 td
{display:block; width:100%;}
table.block td img, table.block2 td img{max-width:100% !important;}
table.block2{width:100% !important;}
div.cell_t{width:auto;}
div.cell_i{width:auto;}
div.cell_i img{width:90%;}
}

/*リンク*/
a{color:#002e73;}
a:hover{color:blue;}
a[target="_blank"]:after{padding-left:5px; content:url(/img/common/blank_g.svg);}
a[href$=".pdf"]:after{content:url(/img/common/pdf.svg);}
a[href$=".doc"]:after{content:url(/img/common/doc.svg);}
.no-icon a[target="_blank"]:after{display:none !important;}

p.btnarea{text-align:center; text-indent:0 !important;}
a.btn{display:inline-block; color:#fff; padding:10px !important; text-decoration:none; background-color:#002e73; border-radius:5px;}
a.btn:hover{background-color:#73c3d7; color:#fff;}
figure td a.btn, table td a.btn{font-size:13px; background-color:#002e73; line-height:1; padding:7px 10px; margin:0; border-radius:3px; vertical-align:top;}

p.catalogue{text-align:right; text-indent:0 !important; padding:0; margin:0;}
p.catalogue a.btn{background-color:inherit; color:#666; font-weight:normal; font-size:13px; border:1px solid #ccc; padding:5px;}
p.catalogue a.btn:hover{background-color:#73c3d7; color:#fff; border:1px solid #73c3d7;}
p.catalogue a.btn:after{display:none;}

.wp-block-file a{display:block; text-align:left; font-size:14px; border:1px solid #ccc; border-radius:5px; padding:10px !important; text-decoration:none; font-weight:bold;}
.wp-block-file a:hover{background-color:#f8f8f8;}
.wp-block-file a:before{font-family:"Font Awesome 5 Free" !important; font-weight:600; content:"\f019" !important; margin-right:5px;}

/*見出し*/
h1{text-align:center; font-size:28px !important; color:#000; padding:0 !important; margin:40px 0 20px 0 !important; font-weight:bold !important; letter-spacing:.1em;}

h2{font-size:22px; text-align:center; margin:70px 0 40px 0; font-weight:bold; padding:30px 0 0 0;}
h2 span{font-size:16px; display:block;}
h2:after{content:""; display:block; width:60px; height:4px; margin:15px auto 0 auto; background:#002e73;}
p.catalogue + h2{margin-top:0;}
.page-id-175 h2:after, 
.parent-pageid-175 h2:after, 
.post-type-archive-info h2:after,
.single-info h2:after
{background:#8fc31f;}

h3{
font-size:20px; text-align:left; font-weight:bold; color:#000; padding:20px 0; border-bottom:2px solid #000; margin:30px 0;}
h3.s{font-size:18px; padding:10px 0; margin:40px 0 20px 0;}

h4{font-size:18px; text-align:left; font-weight:bold; color:#009bbe; padding:0; margin:20px 0;}
h5{background:url(/img/common/h5.svg) left 4px no-repeat; padding:0 0 0 15px; margin:10px 0; text-align:left; font-weight:bold;}
h6{color:#333; font-size:100%; padding:0; margin:10px 0; text-align:left; font-weight:bold;}
@media (max-width: 769px) {
h1{text-align:center; font-size:20px !important; margin:0 0 20px 0 !important; letter-spacing:.05em;}
h2{font-size:20px; margin:0 0 30px 0; }
}

p + h5, ol + h5, ul + h5{margin-top:2em;}
div#first + h2, div#first + h3, div#first + h4{margin-top:0; padding-top:0;}



/*リスト*/
.entry-content ul{text-align:left; list-style:disc; margin:1em 0 1em 1.5em; font-size:inherit;}
.entry-content ol{text-align:left; list-style:decimal; margin:1em 0 1em 1.5em; font-size:inherit;}
.entry-content li{margin:10px 0;}
td ul, td ol{margin:0 0 0 1.5em !important;}
.li0 {margin-top:0 !important; margin-bottom:0 !important;}


/*改行*/
br.tbbr, br.spbr{display:none;}
@media (max-width: 1200px) {
br.tbbr{display:inherit;}
br.tbnobr{display:none;}
}
@media (max-width: 769px) {
br.spbr{display:inherit;}
br.spnobr{display:none;}
}

/*切り替え*/
.switch_rec 
{display:none !important;}

.page-id-175 .switch_rec,
.parent-pageid-175 .switch_rec,
.parent-pageid-289 .switch_rec,
.post-type-archive-info .switch_rec,
.single-info .switch_rec
{display:block !important;}

.page-id-175 .switch_def,
.parent-pageid-175 .switch_def,
.parent-pageid-289 .switch_def,
.post-type-archive-info .switch_def,
.single-info .switch_def
{display:none !important;}

/*区切り線*/
/*
hr{border:0; height:1px; margin:20px 0; clear:both; display:block; background:#ccc;}
hr.hidden_xs{margin:10px 0; background:inherit;}
hr.hidden_s{margin:20px 0; background:inherit;}
hr.hidden_m{margin:30px 0; background:inherit;}
hr.hidden_l{margin:50px 0; background:inherit;}
hr.border{margin:50px auto; display:block; width:60px; height:4px; background:#002e73;}
*/

/*レイアウト*/
#header, #pageTitBnr .innerBox, #panList, #footer, #f_contact {min-width:1200px !important;}
#headerArea, #pageTitInner, #panListInner, #content, #footer > div, #f_contact > div
{width:1200px; margin:0 auto;}
#main{margin-top:30px;}
#mainArea{ /** width:850px; **/ float:left; margin-right:100px; max-width:850px;}
#side{width:250px; float:left; overflow:hidden;}
@media (max-width: 1200px) {
#header, #pageTitBnr .innerBox, #panList, #footer, #f_contact {min-width:auto !important;}
#headerArea, #pageTitInner, #panListInner, #content, #footer > div, #f_contact > div
{width:auto; margin:0 10px;}
#mainArea{width: calc(100% - 250px); margin-right:50px;}
#side{width:200px;}
}

@media (max-width: 1024px) {
#mainArea, #side{width:auto; margin:0 10px; float:none;}
.entry-content{width:100%;}
#side{width:100%;}
#content-main{width:100%;}

}

@media (max-width: 769px) {
#mainArea, #side{width:auto; margin:0 10px; float:none;}
.entry-content{width:100%;}
#content-main{width:100%;}
}

/*カラム*/
@media (max-width: 769px) {
.wp-block-column > .wp-block-image > figure, .wp-block-column > .wp-block-image > figure > figcaption{float:none !important; margin:5px  auto; display:block; width:100% !important; max-width:400px;}
}


.entry-content .column2{width:100%;}
.entry-content .column2 > div {width:48%; float:left;}
.entry-content .column2 > p {display:block !important; width:4%; float:left;}
.entry-content .column3{width:100%;}
.entry-content .column3 > div {width:32%; float:left;}
.entry-content .column3 > p {display:block !important; width:1%; float:left;}
.entry-content .column3{width:100%;}
.imgbox {font-size:14px; text-align:center; padding-bottom:20px;}
.imgbox img{display:block; margin-right:auto; margin-left:auto; margin-bottom:10px; max-width:100% !important;}
div.right{float:right; margin-left:30px; display:inline-block;}
.imgtable img{display:block; float:right; max-width:200px; height:auto;}
.imgtable table{width: calc(100% - 230px); }
div.imgbox + p{margin:30px 0;}
p + div.imgbox{margin:40px 0 0 0;}
body.page-id-115 div.right ~ h4, body.page-id-131 div.right ~ h5{clear:inherit;}
@media (max-width: 769px) {
.entry-content .column2 > div {width:auto; float:none;}
.entry-content .column2 > p {display:none !important;}
.entry-content .column3 > div {width:auto; float:none;}
.entry-content .column3 > p {display:none !important;}
div.right{float:none; margin-left:0;}
.right img{width:100%;}
.imgtable img{float:none; max-width:100%; display:block; margin-bottom:20px; margin-left:auto; margin-right:auto;}
.imgtable table{width:100%;}
}


/*ヘッダー*/
#header{padding:5px 0; height:85px;}
#headerArea{position:relative;}
.description{color:#000; font-size:11px;}
#header h1{padding:0 !important; margin:0 !important; display:block;}
.h_tel{position:absolute; top:0; right:0; height:75px; width:auto;}
.page-id-175 .h_tel,
.parent-pageid-175 .h_tel,
.parent-pageid-289 .h_tel,
.post-type-archive-info .h_tel,
.single-info .h_tel
{display:none !important;}
@media (max-width: 769px) {
#header{padding:0 !important; height:65px;}
#header h1{text-align:left;}
.description, #headContact{display:none;}
#header img{width:200px; height:auto; margin:0;}
}

/*GN(レイアウト)*/
#gMenuInner{display:block !important; width:1200px !important; overflow:hidden;}
ul#menu-global-navigation{width:1205px;}
.sub-menu .sub-menu{top:-1px !important;}
@media (max-width: 1200px) {
#gMenuInner{width:100% !important; margin:0 !important;}
ul#menu-global-navigation{width:100%; margin:0 !important;}
ul#menu-global-navigation > li{width:17% !important;}
ul#menu-global-navigation > li:first-child{width:15% !important;}
}
@media (max-width: 769px) {
ul#menu-global-navigation > li{width:auto !important;}
ul#menu-global-navigation > li:first-child{width:auto !important;}
ul#menu-global-navigation  ul  ul{display:none !important;}
}

/*GN(デザイン)*/
#gMenu {background-color:#002e73; z-index:9999;}
h3.assistive-text{
background-color:#002e73 !important; color:#fff; background-image:url(/img/common/menu.svg); background-position:right 10px top 50%; background-repeat:no-repeat;
margin:0; padding:0; border-bottom:0; font-size:14px;}
#menu-global-navigation > li{background-color:#fff;}
#menu-global-navigation > li a {font-size:14px;}
#menu-global-navigation > li > a {
background-color:#002e73; color:#fff !important; padding:20px 0 !important; 
border-left:1px solid #6083b6; border-right:0 !important;}
#menu-global-navigation{border-left:0 !important;}
#menu-global-navigation > li.menu-item-has-children > a{background-image:url(/img/common/arw_gn.svg); background-position: right 10px top 50%; background-repeat:no-repeat;}
.sub-menu li.menu-item-has-children > a{background-image:url(/img/common/arw_sb.svg); background-position: right 5px top 50%; background-repeat:no-repeat;}
@media (max-width: 769px) {

#menu-global-navigation {
  /*z-index:1000000 !important;*/
  /*スクロールするようにする*/
  overflow: scroll !important;
  /*ハンバーガーをその場に固定*/
  position: fixed !important;
  /*高さ画面いっぱい*/
  height: 90% !important;
  /*滑らかスクロール*/
  -webkit-overflow-scrolling: touch !important;
}
#menu-global-navigation > li > a {background-color:#fff;  padding:10px 10px !important; border-left:0;}
#menu-global-navigation > li.menu-item-has-children > a, .sub-menu li.menu-item-has-children > a{background-image:none;}
}
/*カレント・ホバー色　SP対応*/
#menu-global-navigation > li > a:hover{background-color:#73c3d7 !important;}/*親階層ホバー*/
#menu-global-navigation > li.current_page_item > a {background-color:#73c3d7 !important;}/*親階層時pc親階層*/
#gMenu .menu > li.current_page_ancestor > a { background-color:#73c3d7 !important; }/*2.3階層時pcsp親階層*/
@media (max-width: 769px) {
#menu-global-navigation > li > a:hover{background-color:#f5f5f5 !important;}/*親階層ホバー*/
#menu-global-navigation > li.current_page_item > a {background-color:#333 !important;}/*親階層時pc親階層*/
#gMenu .menu > li.current_page_ancestor > a { background-color:#333 !important; }/*2.3階層時pcsp親階層*/
}
/*採用関連ナビ色*/
.page-id-175 h3.assistive-text, 
.parent-pageid-175 h3.assistive-text, 
.parent-pageid-289 h3.assistive-text,
.post-type-archive-info h3.assistive-text,
.single-info h3.assistive-text
{background-color:#8fc31f !important;}

#menu-global-navigation > li:nth-child(7) > a, 
.page-id-175 #gMenu, 
.parent-pageid-175 #gMenu, 
.parent-pageid-289 #gMenu,
.post-type-archive-info #gMenu,
.single-info #gMenu,
.page-id-175 #menu-global-navigation > li > a, 
.page-id-289 #menu-global-navigation > li > a, 
.post-type-archive-info #menu-global-navigation > li > a, 
.single-info #menu-global-navigation > li > a,
.parent-pageid-175 #menu-global-navigation > li > a,
.parent-pageid-289 #menu-global-navigation > li > a,
.post-type-archive-info #menu-global-navigation > li > a,
.single-info #menu-global-navigation > li > a
{background-color:#8fc31f;}

.page-id-175 #menu-global-navigation > li > a, 
.parent-pageid-175 #menu-global-navigation > li > a, 
.parent-pageid-289 #menu-global-navigation > li > a, 
.post-type-archive-info #menu-global-navigation > li > a,
.single-info #menu-global-navigation > li > a
{border-left:1px solid #b4de62;}

.parent-pageid-175 #menu-global-navigation > li:nth-child(7) > a,
.parent-pageid-289 #menu-global-navigation > li:nth-child(7) > a,
.post-type-archive-info #menu-global-navigation > li:nth-child(7) > a,
.single-info #menu-global-navigation > li:nth-child(7) > a
 {background:#73c3d7;}



@media (max-width: 769px) {
#menu-global-navigation > li > a{background-color:#fff !important;

    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
    background-color: #000000 !important;
    display: none;
    text-align: center;




}
}

/*サイドコンテンツ*/
.localSection{padding-top:0;}
h3.localHead{display:none;}
.localSection h3.localHead{display:block;}
h3.localHead{margin:0 0 20px 0; border-bottom:0; padding:0 0 0 0;}
h3.localHead a{
border:1px solid #ccc; text-align:center; display:block; 
text-decoration:none; font-weight:bold; padding:15px 5px; font-size:16px; color:#000;}
h3.localHead a:hover{background-color:#f3f4f4;}

ul.localNavi{margin-bottom:50px;}
ul.localNavi li{text-align:left; line-height:1.5;}
ul.localNavi li a {text-decoration:none; display:block; color:#000;}
ul.localNavi li a:hover {background-color:#73c3d7 !important; color:#fff;}
ul.localNavi > li{margin:15px 0;}
ul.localNavi > li:first-child{margin-top:0;}
ul.localNavi > li > a {
padding:.7em 20px .7em 15px; font-weight:bold; font-size:14px; 
border-left:4px solid #002e73; border-bottom:1px solid #ccc;
background-image:url(/img/common/arw_lb.svg); background-position:right 5px top 50%; background-repeat:no-repeat;}
ul.localNavi > li > a:hover {background-image:url(/img/common/arw_lw.svg);}
.page-id-175 ul.localNavi > li > a, 
.parent-pageid-175 ul.localNavi > li > a, 
.parent-pageid-289 ul.localNavi > li > a, 
.post-type-archive-info ul.localNavi > li > a,
.single-info ul.localNavi > li > a
{border-left:3px solid #8fc31f;}
ul.localNavi ul.children{margin:10px 0;}
ul.localNavi ul.children > li > a{
padding:.7em 20px; font-size:13px;
background-image:url(/img/common/arw_sb.svg); background-position:right 5px top 50%; background-repeat:no-repeat;}
ul.localNavi ul.children > li > a:hover{background-image:url(/img/common/arw_sw.svg);}
ul.localNavi ul.children > li:nth-child(even) > a{background-color:#f3f4f4;}
ul.localNavi li.current_page_item > a{background-color:#73c3d7 !important; color:#fff;}

#searchform{background-color:inherit !important; padding:0 !important; margin-bottom:20px;}
input#s{
display:block !important; width: calc(100% - 60px) !important; margin:0 !important; border-radius: 0 !important;
background-color:#f3f4f4; border:1px solid #ccc; height:30px;}
input#searchsubmit{
background-image:url(/img/common/search.svg); background-repeat:no-repeat; background-position:center 50%;
border:none; width:34px !important; height:30px; border-radius: 0 !important; background-color:#444 !important;
text-indent: -9999px; cursor: pointer;
display:block !important; float:right; margin:0 !important;}
input#searchsubmit:hover{background-color:#666 !important;}
body.search #side #searchform, body.error404 #side #searchform{display:none;}

#side .btn{display:block; padding:30px 10px; margin-bottom:20px;}
#side .btn img{display:block; margin-left:auto; margin-right:auto;}

#menu-pick-up li{margin-bottom:5px;}
#menu-pick-up a{font-weight:bold; text-decoration:none; display:block; border:1px solid #ccc; padding:.7em 10px; color:#000; font-size:14px;}
#menu-pick-up a:hover{background-color:#f3f4f4;}
#side .widget_media_image {margin-top:30px;}
#media_image-2 a{display:block; border:1px solid #00aaeb;}
#media_image-2 a:hover{opacity:.5;}
#media_image-2 img{margin:10px 0;}

body.page-id-177 #menu-pick-up li.menu-item-328 a,
body.page-id-179 #menu-pick-up li.menu-item-752 a,
body.page-id-135 #menu-pick-up li.menu-item-324 a,
body.page-id-183 #menu-pick-up li.menu-item-326 a,
body.page-id-234 #menu-pick-up li.menu-item-325 a
{background-color:#f5f5f5;}

@media (max-width: 769px) {
#side{margin-top:50px;}
ul.localNavi{margin-bottom:20px;}
ul.localNavi > li{margin:5px 0;}
ul.localNavi > li > a {padding:.7em 20px .7em 10px;}
}

/*サイドコンテンツ(表示制限)*/
/*ブログ一覧リンク*/
.tbtn a{display:none;
border:1px solid #ccc; text-align:center;
text-decoration:none; font-weight:bold; padding:15px 5px; font-size:16px; color:#000;}
.tbtn a:hover{background-color:#f3f4f4;}

.page-id-175 .tbtn a.side_if,
.parent-pageid-175 .tbtn a.side_if,
.parent-pageid-289 .tbtn a.side_if,
.post-type-archive-info .tbtn a.side_if,
.single-info .tbtn a.side_if
{display:block;}
.blog .tbtn a.side_nt,
.single-post .tbtn a.side_nt
{display:block;}


/*別ページの子ナビを非表示 + 該当子ナビの表示*/
ul.localNavi ul.children {display:none;}
ul.localNavi li.current_page_item > ul.children, ul.localNavi li.current_page_ancestor > ul.children{display:block;}

/*製品・工法カタログ(子ナビなし)*/
body.page-id-168 #side ul.localNavi, body.parent-pageid-168 #side ul.localNavi,

/*お問い合わせ & 製品満足アンケート(サイドナビなし) & 会社説明会　応募ページ*/
body.page-id-172 #side .localSection, body.parent-pageid-172 #side .localSection,
body.page-id-183 #side .localSection, body.parent-pageid-183 #side .localSection,
body.page-id-6126 #side .localSection, body.parent-pageid-6126 #side .localSection,

/*採用情報(サブメニューなし)*/
.page-id-175 #nav_menu-2,
.parent-pageid-175 #nav_menu-2,
.parent-pageid-289 #nav_menu-2,
.post-type-archive-info #nav_menu-2,
.single-info #nav_menu-2,

/*採用情報(リクルートメール関連)*/
.localNavi .page-item-289

{display:none;}


/*フッターコンタクト*/
#f_contact{background:#f0f0f5; padding:50px 0; margin-top:50px;}
#f_contact > div > div > div{display:table; width:100%;}
#f_contact > div > div > div > div{display:table-cell; vertical-align:middle;}
#f_contact > div > div > div > div.num{text-align:left;}
#f_contact > div > div > div > div.btn{text-align:right;}
#f_contact > div > div > div > div.add{text-align:left;}
#f_contact > div > div > div > div.num h6{font-size:18px; margin-top:0; padding:0;}
#f_contact > div > div > div > div.btn a{display:inline-block; color:#fff; padding:20px;}
#f_contact > div > div > div > div.btn a:hover{background-color:#73c3d7;}
@media (max-width: 1200px) {
#f_contact > div > div > div > div{display:block; text-align:center !important;}
#f_contact > div > div > div > div.num, #f_contact > div > div > div > div.add{padding-bottom:20px;}
#f_contact > div > div > div > div.btn{display:inline-block !important;}
#f_contact > div > div > div > div.btn a{margin:0 10px;}
}
@media (max-width: 500px) {
#f_contact{background:#f0f0f5; padding:30px 0;}
#f_contact > div > div > div > div.btn{display:block !important;}
#f_contact > div > div > div > div.btn a{margin:0; padding:15px 5px;}
#f_contact > div > div > div > div.num img, #f_contact > div > div > div > div.btn a img{width:100%; height:auto;}
#f_contact > div > div > div > div.add{font-size:12px;}
}

/*フッター*/
#footer{padding:30px 10px; color:#fff; background:#002e73; font-size:12px; letter-spacing:.1em;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer li{display:inline-block;}
#footer > div {display:table;}
#footer > div > div{display:table-cell; vertical-align:middle;}
#footermenu2, #copy{text-align:right;}
.menu-footer-navigation-container li{margin:10px 0;}
.menu-footer-navigation-container a{font-size:14px; background:#001534; padding:7px;}
.menu-footer-navigation-container a:hover{text-decoration:none !important; background:#28528f;}
.menu-footer-sitemap-container ul{margin:0 0 10px 0;}
.menu-footer-sitemap-container li{line-height:1; padding:2px 5px;}
.menu-footer-sitemap-container li+li{border-left:1px solid #fff;}
@media (max-width: 769px) {
#footer{padding:0 0 20px 0;}
#footer > div, #footer > div > div{display:block; margin:0;}
.menu-footer-navigation-container li, .menu-footer-navigation-container a{display:block !important; text-align:center; margin:0;}
.menu-footer-navigation-container li{border-bottom:1px solid #28528f;}
.menu-footer-navigation-container a{background:inherit; padding:10px;}
.menu-footer-sitemap-container li{padding:0 10px; margin:0;}
.menu-footer-sitemap-container li+li{border:0;}
#footermenu2, #copy{text-align:center;}
#footermenu2{padding:10px 0;}
#footermenu2 li{margin:5px;}
}

/************************
      トップページ
************************/
/*スライド*/
#topMainBnrFrame {width: 1200px; height: auto;} /*　画像フレームの幅を1200pxに　*/
#topMainBnr img {width:100% !important; max-width: 100% !important; height: auto !important;}/*　画像幅を100%に　*/
#topMainBnrFrame .slideFrame {border:none;}
#topMainBnrFrame .slideFrame img {left: 0px;} 
#topMainBnr {padding:1px 0px;}
@media (min-width: 1200px) { 
#topMainBnrFrame {min-height: 200px;}/*　画像フレームの最小の高さを設定　*/
}
@media (max-width: 1200px) { 
#topMainBnrFrame {width: 100%;}
} 
#topMainBnr, #topMainBnrFrame {background-color:transparent; box-shadow:none; border:none;}
#topMainBnrFrame .slides img, #topMainBnrFrame.flexslider .slides img {width: 100% !important; max-width: 100% !important;}/* スライドショーの幅を100%に */
#topMainBnrFrame .slideFrame, #topMainBnrFrame a.slideFrame:hover {border:none;}
#topMainBnr {width:100%; padding:0; background:#eff1f6;}

/*トップページコンテンツ*/
#custom_html-3 h2{display:none;}
#custom_html-3 h3{font-size:38px; border-bottom:0; text-align:center; padding:0; margin:10px 0; letter-spacing:.05em; font-weight:bold;}
#custom_html-3 span{color:#002e73; font-size:42px; font-weight:bold;}
#custom_html-3 .textwidget p{font-size:20px; text-align:center; line-height:1.7;}
#custom_html-3 .textwidget p span{color:#002e73; font-size:20px; font-weight:bold;}
@media (max-width: 769px) {
#custom_html-3 {margin-bottom:50px;}
#custom_html-3 h3{font-size:18px; line-height:1.5; margin:0 0 30px 0;}
#custom_html-3 .textwidget p{font-size:14px; text-align:left;}
}

#custom_html-5{margin-bottom:100px;}
#custom_html-5 h2{margin-top:15px; font-size:30px;}
ul#index_pr li{float:left; width:32%; border:1px solid #ccc; overflow:hidden;}
ul#index_pr li:nth-child(2){margin:0 2%;}
#custom_html-5 a{text-decoration:none; display:block; color:#000;
background-image:url(/img/common/more.svg); 
background-position: bottom 25px right 15px; background-repeat: no-repeat;}
#custom_html-5 a:hover{opacity:.5; color:#000;}
ul#index_pr li img{width:100%; height:auto;}
#custom_html-5 h3{text-align:center; font-size:22px; border-bottom:0; padding:30px 0; margin:10px 0 50px 0; letter-spacing:.05em;}
#custom_html-5 li:nth-child(1) h3{
background-image:url(/img/common/num1.svg); background-position: 50% top; background-repeat: no-repeat;}#custom_html-5 li:nth-child(2) h3{
background-image:url(/img/common/num2.svg); background-position: 50% top; background-repeat: no-repeat;}#custom_html-5 li:nth-child(3) h3{
background-image:url(/img/common/num3.svg); background-position: 50% top; background-repeat: no-repeat;}
@media (max-width: 1200px) {
#custom_html-5 li:nth-child(2) h3{padding:18px 0;}
}
@media (max-width: 600px) {

ul#index_pr li{float:none; width:auto;}
ul#index_pr li:nth-child(2){margin:10px 0;}


#custom_html-5{margin-bottom:50px;}
#custom_html-5 li{text-align:left; border:0 !important; background-color:#f5f5f5;}
#custom_html-5 li img{
width:65px !important; height:auto; display:inline-block !important; 
vertical-align:middle; margin:0 5px 0 0;}
#custom_html-5 h3{margin:0; display:inline-block; padding:0; line-height:1;
background-image:none !important; font-size:13px;}
#custom_html-5 h3 br{display:none !important;}
#custom_html-5 a{background-image:none;}

/*

ul#index_pr {width:80%; margin:0 auto;}

#custom_html-5 a{background-position: bottom 15px right 15px;}
#custom_html-5 h3{margin:10px 0 30px 0;}
*/
}

#custom_html-4{background-color:#8fc31f; color:#fff; margin-bottom:100px; height:300px; overflow:hidden; display:table; width:100%;}
#custom_html-4 > h2{display:none;}
#index_recruit > div{display:table-cell; vertical-align:middle; width:auto; text-align:left;}
img.img_recruit {width:100%; height:auto;}
#index_recruit h2{text-align:left; font-size:35px; letter-spacing:.2em; padding:0; margin:0 0 30px 30px;}
#index_recruit h2:after{display:none;}
#index_recruit h2 span{display:block; font-size:16px; font-weight:normal; margin-bottom:20px;}
#index_recruit p{font-size:14px; font-weight:normal; color:#fff; padding:0; margin:0 0 30px 30px;}
#index_recruit a{display:inline-block; 
padding:15px 20px; border:1px solid #fff; color:#fff; text-decoration:none; font-size:14px; margin:0 20px 0 30px;}
#index_recruit a:hover{background-color:rgba(255,255,255,.3);}
@media (max-width: 1200px) {
#custom_html-4{height:auto;}
#index_recruit > div{vertical-align:top;}
#index_recruit h2{font-size:25px; padding-top:20px; margin:0 0 20px 20px;}
#index_recruit h2 span{font-size:12px; margin-bottom:5px;}
#index_recruit p{font-size:12px; margin:0 20px 20px 20px; line-height:1.3;}
#index_recruit a{padding:10px; margin:0 20px 0 20px;}
}
@media (max-width: 600px) {
#custom_html-4 {width:80%; margin:0 auto 50px auto; display:block;}
#index_recruit > div{display:block;}
#index_recruit a{display:block; text-align:center; margin-bottom:20px;}
}
@media (max-width: 400px) {
#custom_html-4 {width:100%;}
}


#custom_html-8 li{display:inline-block; width:23%;}
#custom_html-8 a{display:block; border:1px solid #ccc; line-height:1.3; padding:20px 10px; text-decoration:none; font-weight:bold;}
#custom_html-8 a:hover{background-color:#f8f8f8;}
@media (max-width: 769px) {
#custom_html-8 li{display:inline-block; width:48%;}
#custom_html-8 a{font-size:13px; padding:15px 7px;}
}

#topBlog h2{padding:0; margin:0 0 40px 0; text-indent:-9999px; height:40px;
background:url(/img/t_news.svg) left top no-repeat;}
#topBlog h2:after{display:none;}
.rssBtn{display:none;}
ul.entryList{border-top:1px solid #ccc; margin:0;}
body.blog ul.entryList{border-top:0; margin-bottom:40px;}
ul.entryList li{border-bottom:1px solid #ccc; display:table; width:100%; padding:20px;}
body.blog ul.entryList li{padding:10px 20px;}
ul.entryList li div{display:table-cell; text-align:left;}
.infoDate{width:210px; font-weight:bold; letter-spacing:.1em; font-size:12px;}
.infoDate:after{
content:""; color:#fff; display:inline-block; width:60px; 
margin:0 0 0 20px; padding:5px; text-align:center; line-height:1;}
ul.entryList li.news .infoDate:after{content:"NEWS"; background-color:#002e73;}
ul.entryList li.rec .infoDate:after{content:"採用"; background-color:#8fc31f;}
ul.entryList li.info .infoDate:after{content:"技術情報"; background-color:#73c3d7;}
.infoTxt{font-size:14px;}
.infoTxt a.sl{
margin-left:20px; text-decoration:none; color:#666; border-radius:3px; 
padding:.5em 10px .5em 20px; font-size:12px; background:#f5f5f5;
white-space:nowrap; line-height:1; vertical-align: middle; position: relative; display: inline-block;}
.infoTxt a.sl::before,.infoTxt a.sl::after{
position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.infoTxt a.sl::before{
left: 10px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent;
border-left: 4px solid #73c3d7;}
.infoTxt a.sl:hover{color:#73c3d7;}
.infoTxt br{display:none;}
.moreLink{margin:30px 0px; text-align:right;}
.moreLink a{
display:inline-block; text-decoration:none; font-size:11px; letter-spacing:.1em; color:#666; padding:10px 30px 10px 20px; border:1px solid #ccc; color:#000; background-color:#fff;
background-image:url(/img/common/arw_sb.svg); background-position:right 15px top 50%; background-repeat:no-repeat;}
.moreLink a:hover{background-color:#f3f4f4;}
.page-id-175 ul.entryList li{padding:.5em 20px;}
@media (max-width: 769px) {
#topBlog h2{margin-bottom:10px;}
ul.entryList li, ul.entryList li div{display:block; width:auto;}
ul.entryList li{padding:20px 0;}
.infoDate{letter-spacing:0;}
.infoDate:after{margin:0 0 0 10px;}
.infoTxt{margin-top:10px;}
.infoTxt a.sl{margin-left:0; margin-top:5px;}
.infoTxt br{display:inherit;}
}
@media (max-width: 400px) {
#topBlog h2{background-size:100%; margin-bottom:0;}
.index_news_btn a{
display:block; padding:10px 30px 10px 20px; text-align:center; letter-spacing:0;}
}


/************************
         コモン
************************/
/*ページコモン*/
#pageTitBnr{padding-top:20px;}
#panList{padding:0; margin:0 0 50px 0;}
#panListInner{border-bottom:1px solid #ccc !important; padding:0 0 50px 0 !important; text-align:center !important; font-size:12px;}
@media (max-width: 769px) {
#pageTitBnr{padding-top:0;}
#panList{padding:0; margin:0 0 30px 0;}
#panListInner{padding:0 0 20px 0 !important;}
}
/*コモンオブジェクト*/
/*def_table*/
table{border:1px solid #ccc; width:100%; margin:10px 0;}
table th{border:1px solid #ccc; background:#f4f4f4; padding:10px; vertical-align:middle; white-space:nowrap;}
table td{border:1px solid #ccc; padding:10px; vertical-align:middle; text-align:left; white-space:normal;}

table.center td, td.c{text-align:center;}
.entry-content th p{padding:0 !important; margin:0 !important; font-size:90%; text-align:center;}
td.l{text-align:left !important;}
table.wrap th{white-space:normal;}

table.clear{border:0; font-size:100%; width:auto;}
table.clear th{text-align:left; border:0; vertical-align:top; padding:0.5em 0; font-weight:normal; background:inherit; padding-right:1em; white-space:nowrap;}
table.clear td{text-align:left; border:0; vertical-align:top; padding:0.5em 0;}

table.clear2{border:0; font-size:100%;}
table.clear2 th{text-align:left; border:0; vertical-align:top; padding:0; font-weight:normal; background:inherit; padding-right:1em; white-space:nowrap;}
table.clear2 td{text-align:left; border:0; vertical-align:top; padding:0;}

table.datas{width:auto;}
table.datas th{font-weight:bold; padding-right:0 important; width:auto !important;}
table.datas td ul, table.datas td li{margin:0 !important;}

table.yoko tr{display:table-cell; min-height: 100%; overflow:hidden;}
table.yoko th, table.yoko td{display:block; padding-bottom: 32767px; margin-bottom: -32767px;}
table.yoko {border:0;}
table.yoko tr{border:1px solid #ccc;}
table.yoko th{border:0;}
table.yoko td{border:0; border-top:1px solid #ccc; background:#fff; margin-top:10px;}
table.yoko td li:first-child {margin-top:0;}

@media (max-width: 1140px) {
table{font-size:14px;}
}
@media (max-width: 769px) {
table.sp {border:0; margin:0; table-layout: fixed;}
table.sp tr, table.sp th ,table.sp td{display:block; border:0; word-wrap: break-word;}
table.sp th{padding:10px 0;}
table.sp td{padding:10px 0 20px 0;}

table.sp2 {border:0; margin:0; table-layout: fixed;}
table.sp2 tr{border:1px solid #ccc;}
table.sp2 th{display:none; word-wrap: break-word;}
table.sp2 td{display:block; border:0; padding:5px 10px !important; margin:0 !important; word-wrap: break-word;}

table.yoko {}
table.yoko tr{display:block; min-height:auto; overflow:inherit;}
table.yoko th, table.yoko td{padding-bottom:0; margin-bottom:0;}
table.yoko {border:0;}
table.yoko tr{border:0;}
table.yoko th{border:0; padding:10px;}
table.yoko td{border:0; border-top:0; background:#fff; margin-top:0; padding:20px 10px;}
}
@media (max-width: 500px) {
table th, table td{padding:5px; line-height:1.3; white-space:normal;}
table.clear2 td{padding:5px 0;}
}


/*その他コモン*/
/*メニューリスト*/
div.menubtn + div.menubtn{margin-bottom:30px;}
div.menubtn{float:left; width:47%;}
div.menubtn:nth-child(odd){margin-right:6%;}
div.menubtn > a{display:block; text-decoration:none; padding:20px 35px 20px 20px; border:1px solid #ccc; font-weight:bold; background-image:url(/img/common/arw_lb.svg); background-position:right 10px top 50%; background-repeat: no-repeat; text-align:left;}
div.menubtn > a:hover{background-image:url(/img/common/arw_lw.svg); background-color:#73c3d7; color:#fff;}
div.menubtn p{margin:0; padding:0.5em 0 0 0; line-height:1.4; font-size:13px; text-indent:0 !important;}
div.menubtn ul{margin:0; padding:0.5em 0 2em 0.5em;}
div.menubtn ul a{display:inline; padding:0; margin:0; line-height:1.4em !important; border:0; text-decoration:underline; font-weight:normal; background-image:none; font-size:14px;}
div.menubtn li{display:inline-block; vertical-align:top; padding:0 1em !important; margin:0 !important; position:relative;}
div.menubtn li:before{content:"・"; position:absolute; top:0; left:-0.3em;}
div.menulist.jigyo div.menubtn:nth-child(odd), div.menulist.product div.menubtn:nth-child(odd){margin-left:6%; margin-right:0;}
div.menulist.jigyo div.menubtn:first-child, div.menulist.product div.menubtn:first-child{margin-right:0 !important; margin-left:0 !important; width:100%; float:none;}
@media (max-width: 769px) {
div.menubtn{float:none; width:auto; margin:0 0 1em 0 !important;}
div.menubtn ul{padding-bottom:0;}
div.menulist.product div.menubtn:nth-child(3) p{display:none;}
}


/*box*/
.box{margin:10px 0;}
.box p{margin:0 !important; text-indent:0 !important;}
.box p+p{margin:10px 0 0 0 !important;}
.box h5{margin:0 0 10px 0 !important;}
.box h5:empty{display:none !important;}
.box1 {background-color:#fff; border:1px solid #ccc; padding:20px !important; }
.box2 {background-color:#fff; border:4px solid #ccc; padding:20px !important; }
.box3 {background-color:#f5f5f5; border:1px solid #ddd; padding:20px !important; }
.box4 {background-color:#f3f3f3; padding:30px !important; border-radius:10px; }
.box5 {background-color:#ffebeb; border:1px solid #e62828; padding:20px !important; }
.box.small h5,.box.small p{font-size:13px !important;}
.※{position:relative; padding:0 0 0 1.5em;}
.※:before{content:"※"; position:absolute; top:0; left:0;}
/*
.box{background-color:#f3f4f4; border:1px solid #ccc; padding:20px; text-align:left; margin:20px 0;}
.box table{margin:0;}
.box p{margin:0; padding:5px 0;}
.box span.blue{font-weight:bold;}
*/
.mt80{margin-top:80px !important;}


/************************
         会社案内
************************/
/*ご挨拶*/
h4.greeting{font-size:20px; font-style: oblique;}
/*会社概要*/
table.outline td img{height:calc(100% - 20px); width:auto !important;}
table.outline tr:first-child > td:nth-child(3){padding:0; vertical-align:top; text-align:right; border:0 !important;}
/*事業所案内*/
table.office{margin:0 !important;}
table.office th{white-space:nowrap; width:150px;}
table.office td{padding:10px !important;}
p.num br{display:none;}
.Yes .check{display:none !important;}
@media (max-width: 769px) {
table.office th{width:auto !important; display:block;}
}
@media (max-width: 500px) {
p.num br{display:inherit;}
.Yes br.nobr{display:none;}
.office td .btn{margin-top:10px;}
}

#post-238 div.table > div.r {padding-left:20px;}
@media (max-width: 1140px) {
#post-238 div.table {width:100%;}
#post-238 div.table > div.l{width:60%;}
#post-238 div.table > div.r{width:40%;}
#post-238 div.table > div.r img{width:100%;}
}
@media (max-width: 769px) {
table.outline tr:first-child > td:nth-child(3){display:none !important;}
#post-238 div.table > div{width:auto !important; display:block;}
#post-238 div.table > div.r {padding-left:0;}
#post-238 div.table img{width:120px !important; margin-top:30px;}
}

/************************
         事業案内
************************/
ul.pdflist{font-size:13px; list-style:none; margin:0;}
ul.pdflist li{margin:10px 0; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
ul.pdflist li a{display:block; padding:10px 20px;}
ul.pdflist li a:hover{background-color:#f9f9f9;}
.topbtn{text-align:right; margin-bottom:0}
.topbtn a{text-decoration:none; color:#000; display:inline-block; padding:10px 30px 10px 20px; line-height:1.3em; font-size:14px;
border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
background-image:url(/img/common/arw_lb.svg); background-position:right 10px top 50%;
background-repeat:no-repeat;}
.topbtn a:hover{background-color:#f5f5f5;}
table.sango{border:0; width:auto; margin:0 auto 30px auto; display:bleock;}
table.sango td{border:0; vertical-align:middle;}
@media (max-width: 769px) {
.topbtn a{display:block; text-align:center;}
}


/************************
    製品・工法カタログ
************************/
ul.catlist{list-style:none; clear:both; margin:0 0 50px 0; padding:0; width:100%;}
ul.catlist:after{content: " "; display: block; height: 0;clear: both; visibility: hidden;}
ul.catlist{display: inline-table;}
* html .catlist{height: 1%;}
ul.catlist li{display:table; float:left; border:1px solid #ccc; margin:5px 0; width:32%;}
ul.catlist li:hover{background-color:#f5f5f5;}
ul.catlist li:nth-child(3n-1){margin:5px 2%;}
ul.catlist img {display:table-cell; padding:10px 0 10px 10px;}
ul.catlist a{display:table-cell; vertical-align:middle; padding:0 15px 0 10px;}
.btnArea a{display:inline-block; color:#fff; padding:15px 30px; text-decoration:none; background-color:#002e73; border-radius: 5px;}
.btnArea a:hover{background-color:#73c3d7; color:#fff;}
.dl_index{border:1px solid #ccc; padding:5px 20px; margin-bottom:20px;}
.dl_index h6{font-size:14px; font-weight:bold; margin:10px 0 0 0; padding:0; clear:both; float:none;}
.dl_index ul{margin:0 0 .5em 0;}
.dl_index li{font-size:13px; margin:0 0 0 2.5em; padding:0; float:left;}
input[type="number"]{border:1px solid #dedede; height:45px; border-radius:5px;}
@media (max-width: 769px) {
ul.catlist li{float:none; width:100%;}
ul.catlist a{width:100%;}
ul.catlist li:nth-child(3n-1){margin:5px 0;}
.dl_index li{float:none; margin:0 0 0 1em;}
}

/*ダウンロードプラグイン*/
.dlbox{display:table; width:100%; border:1px solid #ccc; margin:0 0 10px 0; font-size:13px; border-radius:5px;
padding:15px; }
.dlbox > div{display:table-cell; vertical-align:middle; text-align:left;}
.dlbox a{display:inline-block;}
.imgcell{width:60px; padding-right:15px;}
.imgcell img{width:100%;}
.dlbox a span:after{content:url(/img/common/pdf.svg); display:inline-block; vertical-align:top; margin-left:5px;}
.dlbox p{padding:0; margin:0; font-size:12px; text-indent:0 !important;}
.dlbox p:empty{display:none;}
.noimg{margin:10px 0 20px 0; padding:15px 15px 10px 15px; clear:both; float:none; display:block !important; line-height:1;}
.noimg > div{display:block !important;}
ul.dlm-downloads{list-style:none; margin:0;}
ul.dlm-downloads .dlbox{margin:0;}
ul.dlm-downloads li{width:49%; float:left; padding:0; margin:5px .5%;}
ul.dlm-downloads li:nth-child(odd){clear:both;}
#post-4543 .dlbox, #post-282 .dlbox{width:48%; margin:10px 1%; float:left;}
.button{padding:0; margin:0; border:0;}
.button a{
text-decoration:none; font-size:20px;  color:#fff;  line-height:1.3em;
display:block; border-radius:5px; padding:1em 40px 1em 20px;  margin:0;
background-color:#002e73; background-image:url(/img/common/dl.svg);
background-position:right 20px top 50%; background-repeat:no-repeat; background-size:20px;
}
.button a:hover{background-color:#73c3d7;}
.button p{margin:0; padding:0; text-align:center; color:#fff;}
.button span:after{display:none !important;}
#post-4543 p:after, #post-282 p:after {content: " "; display: block; height: 0;clear: both; visibility: hidden;}
#post-4543 p, #post-282 p {display: inline-table;}
* html #post-282 p {height: 1%;}
* html #post-4543 p {height: 1%;}
#post-4543 p, #post-282 p {display: block;}
@media (max-width: 769px) {
ul.dlm-downloads li{width:100%; float:none; margin:5px 0;}
#post-4543 .dlbox, #post-282 .dlbox{width:100%; margin:10px 0; float:none;}
.button a{text-decoration:none; font-size:16px;}
}



/************************
         採用情報
************************/
p.green{text-indent:0 !important; text-align:center;}
p.green a.btn{background-color:#8fc31f;}
p.green a.btn:hover{background-color:#73c3d7;}
p.inline {display:inline;}
p.inline{margin:0 .5em;}

h3.voice{
border-bottom:0; background-image:url(/img/rec/t_voice.svg); 
background-repeat:no-repeat; background-position:center top; text-indent:-9999px;}
ul.voice{display:table; width:100%; margin:0; list-style:none;}
ul.voice li{display:table-cell; width:33%; vertical-align:middle; text-align:center; margin:0;}
ul.voice li a{display:block; height:350px; background-position:-210px top; background-repeat:no-repeat; overflow:hidden;}
ul.voice li a:hover{opacity:.7; padding-top:5px;}
ul.voice li a p{display:none;}
ul.voice li:nth-child(1) a{background-image:url(/img/rec/topvoice1.png);}
ul.voice li:nth-child(2) a{background-image:url(/img/rec/topvoice2.png);}
ul.voice li:nth-child(3) a{background-image:url(/img/rec/topvoice3.png);}
ul.voice li:nth-child(4) a{background-image:url(/img/rec/topvoice4.png);}
a.blue{background-color:#002e73;}
a.orange{background-color:#f06400;}
a.green{background-color:#8fc31f;}
a.btn{display:inline-block; color:#fff; padding:10px; text-decoration:none;}
a.btn:hover{background-color:#73c3d7; color:#fff;}
a.btn_s{display:inline-block; color:#fff; padding:5px 10px; text-decoration:none; font-size:13px; line-height:1.3; border-radius:3px;}
a.btn_s:after{content:url(/img/common/arw_sw.svg); margin-left:10px;}
a.btn_s:hover{background-color:#73c3d7;}

ul.recbtn{margin:0; list-style:none;}
ul.recbtn li{margin:20px 0;}
ul.recbtn li a{display:block; background-position:right top; background-repeat:no-repeat; overflow:hidden; text-decoration:none; color:#000;}
ul.recbtn li a:hover{opacity:.7;}
ul.recbtn li a > div {padding:20px;}
ul.recbtn li a h4{padding:0; margin:0; font-size:24px; line-height:1.3; color:#000;}
ul.recbtn li a p{margin:0; padding:0; font-size:14px;}
ul.recbtn li a .more{display:inline-block; padding:5px 50px; margin-top:10px; font-size:13px; border:1px solid #000;}
ul.recbtn li:nth-child(1) a{background-image:url(/img/rec/recbtn1.png); background-color:#e9e9e7;}
ul.recbtn li:nth-child(2) a{background-image:url(/img/rec/recbtn2.png); background-color:#eaf1f1;}
ul.recbtn li:nth-child(3) a{background-image:url(/img/rec/recbtn3.png); background-color:#e5e5e3;}
ul.recbtn li:nth-child(4) a{background-image:url(/img/rec/recbtn4.png); background-color:#ffe9db;}
ul.recbtn li:nth-child(5) a{background-image:url(/img/rec/recbtn5.png); background-color:#f0ebf1;}
ul.recbtn li:nth-child(1) {margin-bottom:40px;}
ul.recbtn li:nth-child(1):after{content:""; display:block; width:60px; height:4px; margin:40px auto 0 auto; background:#8fc31f;}
#topInfo h2{font-size:22px; text-align:left; font-weight:bold; color:#000; padding:20px 0; border-bottom:2px solid #000; margin-bottom:30px;}
#topInfo h2:after{display:none;}
@media (max-width: 1200px) {
ul.recbtn li a{background-size:auto 100%;}
ul.recbtn li a > div {background-color:rgba(255,255,255,.7); display:inline-block; width:50%;}
}
@media (max-width: 769px) {
ul.voice{display:block; width:auto;}
ul.voice li{display:block; width:auto; text-align:left;}
ul.voice li a{height:auto; text-decoration:none;}
ul.voice li a:hover{padding-top:0;}
ul.voice li a p{display:inherit; color:#fff; text-align:center; font-weight:bold; padding:30px 10px; margin:0; line-height:1.3;}
ul.voice li a img{display:none;}
ul.voice li a{height:auto; background-position:left 50%; background-size:cover;}
ul.recbtn li a{background-size:cover;}
ul.recbtn li a > div {width:auto; display:block; text-align:center; margin-top:60px; padding:10px;}
ul.recbtn li a h4, ul.recbtn li a .f16 {text-align:center; font-size:15px;}
ul.recbtn li a p, ul.recbtn li a br {display:none;}
ul.recbtn li a .more{
padding:0; border:0; display:block; text-indent:-9999px; background:url(/img/common/more.svg) center top no-repeat;}
}

/*インタビュー*/
#mainphoto{position:relative;}
#mainphoto .area{position:absolute; top:0; left:0; width:auto; text-align:left; padding-top:30px;}
#mainphoto .area:before{content:url(/img/rec/interview.svg); display:block; margin-bottom:10px;}
#mainphoto h2{
text-align:left; color:#fff; font-weight:700; font-size:45px; display:inline; line-height:1.5; background: #73c3d7; 
margin:0 0 0 0; padding:0;}
#mainphoto h2:after{display:none;}
.tume{margin-left:-.5em; display:inline-block; font-size:inherit;}
#mainphoto p.name{font-weight:bold; font-size:18px; color:#333; margin-top:20px;}
#mainphoto p.name .s{font-weight:normal; font-size:13px;}
.imgArea{height:400px;}
.interview1 .imgArea{background-image:url(/img/rec/interview1-1.png) ;}
.interview2 .imgArea{background-image:url(/img/rec/interview2-1.png) ;}
.interview3 .imgArea{background-image:url(/img/rec/interview3-1.png) ;}
.interview4 .imgArea{background-image:url(/img/rec/interview4-1.png) ;}
#interview h3{font-size:24px; padding:30px 0 0 0; margin:50px 0 30px 0; border-bottom:0; background:url(/img/rec/interview_h3.jpg) left bottom repeat-x;}
#interview h3:after{content:""; display:block; background:#73c3d7; width:25%; height:3px; margin:20px 0 0 0;}
table.timeflow{width:auto; border:0}
table.timeflow th{border:0; color:#fff; background-color:#8fc31f; padding:5px 30px; border-bottom:5px solid #fff;}
table.timeflow td{border:0; padding:5px 30px; border-bottom:5px solid #fff;}
.woman h2, .woman h3:after{background: #f6bbfb !important;}
.woman, .woman .area{position:inherit !important;}
.woman p.name{text-align:right;}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
#mainphoto h2{line-height:1.7;}
#mainphoto p.name{margin-top:10px;}
}
@media (max-width: 1200px) {
#mainphoto .area{padding-top20px; padding-left:20px;}
#mainphoto h2{font-size:35px;}
.imgArea{height:350px; background-position:right -90px top 0; background-repeat:no-repeat; background-size:750px; background-color:#d1e8f0;}
img.img_timeflow{width:40%;}
}
@media (max-width: 769px) {
#mainphoto{height:280px;}
.imgArea{background-size:150%; background-position:top 0 right -10%; background-color:inherit !important; height:250px;}
#mainphoto .area{padding:0 10px; top:110px; margin:0;}
#mainphoto h2{font-size:26px; line-height:1.5;}
#mainphoto h2 br{display:none;}
#mainphoto p.name{margin:10px 0 0 0; font-size:14px; text-align:right;}
#mainphoto p.name .s{font-size:12px;}
#interview h3{font-size:20px; margin:30px 0;}
img.img_timeflow{width:150px; margin:0 auto 20px auto; float:none;}
table.timeflow{margin:0 auto;}
table.timeflow th, table.timeflow td{padding:5px 10px;}
}


/************************
     お問い合わせ
************************/
.formtitle{display:none;}
table.contact{ width: 100%; table-layout: fixed;}
table.contact th{text-align:left; white-space:inherit; width:35%;}
table.contact td{width:65%;}
table.contact td > span > input{display:block; width:100%;}
input[type="tel"]{border:1px solid #dedede; height:45px; border-radius:5px;}
.thanks{background:#f5f5f5; border:1px solid #ccc; padding:20px; margin:10px 0; text-align:center;}
@media (max-width: 769px) {
table.contact tr, table.contact th, table.contact td{display:block;}
table.contact th, table.contact td{border:0; width:auto; padding:10px;}
table.contact td span{padding:0; margin:0;}
table.contact td span > span > span{padding:10px 10px 10px 0;}
}
/*会社説明会*/
body.page-id-175 ul.localNavi li:nth-child(11), body.parent-pageid-175 ul.localNavi li:nth-child(11){display:none;}
/*
body.page-id-6126 .date{text-align:center; height:80px;}
@media (max-width: 500px) {
body.page-id-6126 .date{height:auto; text-align:left;}
}
*/

/************************
     サイドコンテンツ
************************/

/*事業所一覧*/
ul.data, ul.map{font-size:inherit; list-style:none; margin:5px 0 !important; padding:0;}
ul.data li{margin:0; padding:0 1.5em 0 0; display:inline-block;}
ul.map li{margin:0; padding:0;}
ul.data li:before, ul.map li:before{content:""; width:15px; height:auto; display:inline-block;}
ul.data li.tel:before{content:url(/img/common/tel.svg); margin-right:5px;}
ul.data li.fax:before{content:url(/img/common/fax.svg); margin-right:5px;}
ul.data li.telfax:before{content:url(/img/common/telfax.svg); width:35px; margin-right:5px;}
ul.map li:before{content:url(/img/common/map.svg); margin-right:5px;}

.map a{background-color:#002e73; color:#fff; padding:3px 10px; text-decoration:none; font-size:13px; line-height:1; border-radius:3px;}
.map a:after{content:url(/img/common/arw_sw.svg); margin-left:10px;}
.map a:hover{background-color:#73c3d7;}

/*
ul.data, ul.map{font-size:inherit; list-style:none; margin:5px 0 !important; padding:0;}
ul.data p, ul.map p, ul.data br, ul.map br{display:none;}
ul.data li{margin:0; padding:0 1.5em 0 0; display:inline-block;}
ul.map li {margin:0; padding:0 1.5em 0 0;}
ul.data li:before, ul.map li:before{content:""; width:16px; height:auto; display:inline-block;}
ul.data li:nth-child(1):before{content:url(/img/common/tel.svg); margin-right:10px;}
ul.data li:nth-child(2):before{content:url(/img/common/fax.svg); margin-right:10px;}
ul.data li:nth-child(3) a{
display:inline-block;  vertical-align:middle;
text-decoration:none; background-color:#002e73; color:#fff; padding:0 10px; border-radius:3px; font-size:13px;}
ul.data li:nth-child(3) a:after{content:url(/img/common/arw_sw.svg); margin-left:5px;}
ul.data li:nth-child(3) a:hover{background-color:#73c3d7;}
ul.data li:nth-child(3):before{display:none;}
ul.data li.mail:before{content:url(/img/common/mail.svg); margin-right:10px;}
li.notel{display:none !important;}
li.telfax:before{content:url(/img/common/telfax.svg) !important; margin-right:20px !important; }
body.page-id-234 .entry-content td p, body.parent-pageid-234 .entry-content td p, body.parent-pageid-234 .entry-content td table {margin:0; padding:0;}
ul.map li:before{content:url(/img/common/map.svg); margin-right:10px;}
iframe.gmap{border:0; height:450px;}
*/
@media (max-width: 769px) {
ul.data li, ul.map li {display:block;}
li.map:before{display:none !important;}
li.map{margin-top:10px !important; padding-left:0 !important; font-size:13px;} 
/*
ul.data li, ul.map li {display:block;}
ul.map li+li {margin-top:10px;}
iframe.gmap{height:250px;}
*/
}


/************************
         その他
************************/
/*金属の腐食と電気防食法*/
ul.pagelist{margin:0; border:1px solid #ccc; border-radius:10px; padding:5px 10px;}
ul.pagelist li{
position: relative; display: inline-block; padding: 0 20px 0 16px;
vertical-align: middle; text-decoration: none; font-size: 14px;}
ul.pagelist li::before,
ul.pagelist li::after{
position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
ul.pagelist li::before{
left: 4px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent;
border-left: 4px solid #73c3d7;}
@media (max-width: 769px) {
ul.pagelist li{display:block; margin:5px 0;}
}

/*サイトマップ*/
#sitemap_list ul, #sitemap_list li{margin:0 !important; padding:0; font-size:16px;}
#sitemap_list > li{margin:5px 0 !important;}
#sitemap_list > li > ul > li{
border:1px solid #eee; margin:5px 0 !important; padding:5px 10px; background:#f8f8f8; list-style:none; display:inline-block;}
#sitemap_list .page-item-107, #sitemap_list .page-item-128, #sitemap_list .page-item-135, #sitemap_list .page-item-142 {display:block;}
#sitemap_list li li{font-size:14px;}
#sitemap_list li li ul{margin:10px 0 !important;}
#sitemap_list li li li{position: relative; display: inline-block; padding: 0 20px 0 16px;
vertical-align: middle; text-decoration: none; font-size: 13px;}
#sitemap_list li li li::before,
#sitemap_list li li li::after{
position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
#sitemap_list li li li::before{
left: 4px; box-sizing: border-box; width: 4px; height: 4px; border: 4px solid transparent;
border-left: 4px solid #73c3d7;}

/*検索結果*/
ul.search { width:850px !important;}
@media (max-width: 769px) {
ul.search { width:100% !important;}
}
ul.search li{text-align:left; border:1px solid #ccc; padding:.5em 1em; margin:5px 0;}
ul.search li:before{content:"> ";}


.searchbox, .searchbox th, .searchbox td{border:0; padding:0; background-color:inherit;}
.searchbox th{width:60px !important;}
.searchbox td{}
.searchbox input#s{width: 100% !important;}




/*投稿記事テンプレート*/
h1.entryPostTitle{border-bottom:1px solid #ccc; margin:0 0 50px 0 !important; padding:30px 0 !important; text-align:left;}
.singleT{font-size:18px;}
.singleT span{color:#73c3d7; padding:0 5px;}
h1.entryPostTitle .type-post:after{
font-weight:bold; letter-spacing:.1em; color:#fff; text-align:center; line-height:1;
font-size:13px; display:inline-block; width:60px; margin:0; padding:5px 10px; }
h1.entryPostTitle .category-news:after{content:"NEWS";background-color:#002e73;}
h1.entryPostTitle .category-rec:after{content:"採用"; background-color:#8fc31f;}
h1.entryPostTitle .category-info:after{content:"技術情報"; background-color:#73c3d7;}
.singleArea{text-align:left; width:850px;}
.singleArea p{margin:0 0 1em 0;}
#nav-below{margin-top:50px;}
.type-post, .nav-previous{text-align:left;}




.wp-caption-text{text-align:center !important; font-size:14px; margin:10px 0 !important;}
@media (max-width: 769px) {
.wp-caption-text{margin:10px 0 20px 0 !important;}
.singleArea{text-align:left; width:100%;}
.singleArea img{width:100%; height:auto;}
}



.entry-content > p{text-indent:1em;}


/*** 20181128 先輩社員の声　サイドナビゲーションに追加 **/

li.page-item-2112{margin:0 0 20px 0 !important; border-bottom:0 !important; padding:0 0 0 0 !important;}
li.page-item-2112 a{
border:1px solid #ccc !important; text-align:center !important; display:block !important; 
text-decoration:none; font-weight:bold; padding:15px 5px !important; font-size:16px !important; color:#000;
pointer-events:none;/*リンクを非リンクに変える*/
cursor:default;/*マウスカーソルを矢印のまま変えない*/
color:#000000;/*非リンクの文字色と同じにする*/
background-image:none !important;
}

/** 確認ボタン **/
.text-xs-center{text-align:center !important;}





/* テーブルスクロール */

.en_table{
 width:100% !important;　
}

.scroll{
overflow: auto !important;　　　/*tableをスクロールさせる*/
white-space: nowrap !important;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px !important;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1 !important;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC !important;
}




/*English*/
.small{font-size:13px;}
@media (max-width: 500px) {
.supply table,
.supply thead,
.supply tr,
.supply th,
.supply tbody,
.supply td
{display:block !important; width:100% !important; margin:0 !important; padding:0 !important; border:0 !important;}
.supply{border:1px solid #ccc !important;}
.supply thead{display:none !important;}
.supply tr{padding:10px !important;}
.supply tr + tr{border-top:1px solid #ccc !important;}
.supply tr td:nth-child(3):before{content:"PROJECT："; display:block; font-weight:bold; font-size:11px; margin:10px 0 5px 0;}
.supply tr td:nth-child(4):before{content:"TYPE OF CATHODIC PROTECTION："; display:block; font-weight:bold; font-size:11px; margin:10px 0 5px 0;}
}


/*スマホ時　画像フロート解除*/
@media (max-width: 500px) {
.sp-nofloat .wp-block-image figure{float:none !important; margin:0 auto; width:100%;}
}


.wpcf7-tel{
border: solid 1px #333;
}


.download-button,
a.download-button
{
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  color: #fff;
  background-color: #002e73;
  margin-bottom:35px;
  width:100%;
}

.download-button:hover ,
a.download-button:hover {
  color: #fff;
  background: #144286;
}