@charset "UTF-8";
/* ===================================================================
module.css
=================================================================== */
/* --------------------------------------------------------
*font
-------------------------------------------------------- */
@font-face { font-family: 'Noto Serif Japanese'; src: url(/common/font/NotoSerifCJKjp-Regular+.woff) format("woff"); font-weight: normal; }

@font-face { font-family: 'Noto Sans Japanese'; src: url(/common/font/NotoSansCJKjp-Medium+.woff) format("woff"); font-weight: normal; }

/* ---------------------------
btn
--------------------------- */
.mod-btn01 { display: block; text-align: center; position: relative; width: 100%; cursor: pointer; overflow: hidden; padding: 8px 16px; line-height: 1.3; box-sizing: border-box; }

.mod-btn01 span { position: relative; }

.mod-btn01:link { text-decoration: none; }

.mod-btn01.c-wh { color: #fff; }

.mod-btn01.c-gn { color: #009344; }

.mod-btn01.bg-gn { background: #009344; }

.mod-btn01.bg-gy { background: #a7a9ac; }

.mod-btn01:hover { text-decoration: none; }

.mod-btn01.arrow-r:before, .mod-btn01.arrow-br:before, .mod-btn01.arrow-rl:before { content: ""; display: block; border: 3px solid transparent; border-left-color: #fff; position: absolute; top: 50%; margin-top: -3px; }

.mod-btn01.arrow-r:before { right: 8px; }

.mod-btn01.arrow-rl:before { left: 8px; }

.mod-btn01.arrow-br:before { right: 10px; margin-top: -10px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.mod-btn01.newTab-r:before, .mod-btn01.newTab-br:before { content: ""; display: block; background: url("../img/base/ico_newTab_wh.svg") center no-repeat; background-size: contain; position: absolute; top: 50%; width: 20px; height: 20px; }

.mod-btn01.newTab-r:before { right: 10px; margin-top: -10px; }

.mod-btn01 span, .mod-btn01 aside { position: relative; z-index: 1; }

body { /* overflow:hidden; 20130328 */ background: #ffffff; }

#wrapper { width: 100%; min-width: 1000px; background: url(/common/img/share/bg_01.gif); }

#wrapper { top: -102px; position: relative; /*	overflow:hidden; 20130328 */ height: 100%; }

@media only screen and (max-width: 767px) { img { max-width: 100%; }
  #wrapper { min-width: 0; top: 0; } }

/* ===================================================================
#hideNavi
=================================================================== */
#hideNavi { width: 100%; background: #009344; border-top: 1px solid #383838; padding: 29px 0 0; position: relative; color: #fff; margin: 0 !important; }

#hideNaviIn { width: 997px; margin: 0 auto; padding: 0 3px 20px 0; position: relative; z-index: 1000; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.hideNavi-txts { float: left; width: 232px; font-size: 79%; line-height: 1.6; }

.hideNavi-txts-h { font-family: 'Noto Sans Japanese', sans-serif; margin: 0 0 6px 0; font-weight: bold; border-left: 4px solid #fff; padding-left: 10px; font-size: 0.9rem; }

@media only screen and (max-width: 767px) { .hideNavi-txts-h { font-family: sans-serif; } }

.hideNavi-txts-h a { color: #fff; text-decoration: none; }

.hideNavi-links { font-family: 'Noto Sans Japanese', sans-serif; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; }

@media only screen and (max-width: 767px) { .hideNavi-links { font-family: sans-serif; } }

.hideNavi-links-item a { display: block; background: #eae9dc; padding: 12px 20px; width: 235px; box-sizing: border-box; border-radius: 4px; font-size: 0.9em; font-weight: bold; text-decoration: none; text-align: center; border: 1px solid #fff; color: #000; }

#hideNaviIn li { float: left; padding: 0 0 0 20px; }

#hideTrigger { position: absolute; bottom: -33px; right: 0px; overflow: hidden; z-index: 200; width: 180px; height: 33px; background: #139247; display: block; text-align: center; }

#hideTrigger a { color: #FFF; text-decoration: none; margin-left: 5px; }

#hideTrigger a:before { content: ""; border: 3px solid transparent; border-left-color: #FFF; position: absolute; left: 35px; top: 45%; margin-top: -3px; -webkit-transform: rotate(-45deg); transform: rotate(90deg); }

@media only screen and (max-width: 767px) { #hideNavi { display: none; }
  #hideNaviIn { width: auto; } }

/* ===================================================================
#footer
=================================================================== */
#footer { width: 100%; min-width: 1000px; background: #ffffff; border-top: 1px solid #ededed; }

#footer .sectionBlock { width: 100%; min-width: 1000px; border-bottom: 1px solid #ededed; }

@media only screen and (max-width: 767px) { #footer { min-width: auto; }
  #footer .sectionBlock { min-width: auto; padding: 0 20px; box-sizing: border-box; } }

/** .addressSection **/
#footer .addressSection { width: 1000px; margin: 0 auto; font-size: 93%; }

#footer .addressSection dl { float: left; padding: 12px 0 0 0; }

#footer .addressSection dt { margin: 0 0 2px 0; }

#footer .addressSection #pagetop { float: right; padding: 19px 0 20px 0; }

#socialBtnLists { position: relative; width: 320px; height: 30px; padding: 25px 0 0 0; float: right; font-family: "ＭＳ ゴシック", "MS Gothic"; }

#socialBtnLists li { float: right; }

#socialBtnLists li#socialBtn01 { margin: 0 0 0 0; width: 95px; overflow: hidden; }

#socialBtnLists li#socialBtn02 { margin: 0 0 0 0; }

#socialBtnLists li#socialBtn03 { margin: 0px 10px 0 0; }

#socialBtnLists li#socialBtn04 { margin: 0px 10px 0 0; }

@media only screen and (max-width: 767px) { #footer .addressSection { width: auto; position: relative; }
  #footer .addressSection dl { float: none; }
  #footer .addressSection dt { margin-bottom: 1em; }
  #footer .addressSection #pagetop { position: absolute; right: 0; top: 12px; margin: 0; padding: 0; }
  #socialBtnLists { width: auto; height: auto; float: none; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; } }

/** .associatedSection **/
.mod-footer-associated { width: 1000px; margin: 0 auto; padding: 13px 0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.mod-footer-associated-h { color: #636262; font-weight: bold; font-size: 1.1em; }

.mod-footer-associated-h span { font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', 'MS P Mincho', 'MS Mincho', serif; margin-left: 10px; font-size: 0.8em; display: inline-block; }

.mod-footer-associated-h:before { content: ""; width: 10px; height: 2px; background: #009344; display: inline-block; margin-right: 10px; vertical-align: middle; }

.mod-footer-associated-links { font-family: 'Noto Sans Japanese', sans-serif; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }

@media only screen and (max-width: 767px) { .mod-footer-associated-links { font-family: sans-serif; } }

.mod-footer-associated-links-item { margin-right: 1em; }

.mod-footer-associated-links-item a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-decoration: none; }

.mod-footer-associated-links-logo { margin: 0; padding: 0; margin-right: 8px; }

.mod-footer-associated-links-name { font-size: 1.4rem; font-weight: bold; margin-right: 10px; }

.mod-footer-associated-links-url { font-size: 0.8rem; }

.mod-footer-associated-spLinks { display: none; }

@media only screen and (max-width: 767px) { .mod-footer-associated { width: auto; display: block; }
  .mod-footer-associated-h { margin-bottom: 1.5em; }
  .mod-footer-associated-links { display: block; margin-bottom: 2em; }
  .mod-footer-associated-links-item { margin-right: 0; margin-bottom: 1em; }
  .mod-footer-associated-links-logo { width: 26px; }
  .mod-footer-associated-links-name { font-size: 0.9rem; }
  .mod-footer-associated-links-url { font-size: 0.6rem; }
  .mod-footer-associated-spLinks { display: -webkit-box; display: flex; font-size: 0.7rem; }
  .mod-footer-associated-spLinks-item { margin-right: 1em; padding: 0 0 0 18px; background: url(/common/img/share/icon_arrow_01.svg) no-repeat 6px 5px; background-size: 6px 6px; } }

/** #footerLinkSection **/
#footerLinkSection > ul { width: 1000px; margin: 0 auto; }

#footerLinkSection > ul > li { font-size: 86%; padding: 14px 0 34px 0; float: left; border-right: 1px solid #ededed; }

#footerLinkSection dt { color: #000; font-weight: bold; font-size: 1.1em; margin-bottom: 20px; }

#footerLinkSection dt:before { content: ""; width: 10px; height: 2px; background: #009344; display: inline-block; margin-right: 10px; vertical-align: middle; }

#footerLinkSection dd { padding: 0 0 8px 18px; background: url(/common/img/share/icon_arrow_01.svg) no-repeat 6px 5px; background-size: 6px 6px; line-height: 1.4; }

#footerLinkSection dd ul { padding: 10px 0 0 0; }

#footerLinkSection dd li { padding: 0 0 8px 13px; background: url(/common/img/share/icon_arrow_01.svg) no-repeat 1px 5px; background-size: 6px 6px; }

#footerLinkSection li.box01 { width: 163px; }

#footerLinkSection li.box02 { width: 167px; }

#footerLinkSection li.box03 { width: 168px; }

#footerLinkSection li.box04 { width: 168px; }

#footerLinkSection li.box05 { width: 166px; }

#footerLinkSection li.box06 { width: 163px; border-right: none; }

@media only screen and (max-width: 767px) { #footerLinkSection { display: none; }
  #footerLinkSection > ul { width: auto; } }

/** #copyrightSenciton **/
#copyrightSenciton { width: 1000px; margin: 0 auto; padding: 15px 0 42px 0; position: relative; }

#copyrightSenciton #copyright { text-align: center; font-size: 72%; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding: 25px 0 0 0; position: relative; z-index: 10; }

#copyrightSenciton .img01 { position: absolute; left: 0px; top: 15px; height: 40px; width: 110px; z-index: 11; }

#copyrightSenciton .img02 { position: absolute; right: 0px; top: -32px; }

#copyright a { text-decoration: none; }

@media only screen and (max-width: 767px) { #copyrightSenciton { width: auto; }
  #copyrightSenciton .img01 { position: static; text-align: center; width: auto; height: auto; }
  #copyrightSenciton .img02 { position: absolute; right: 0px; top: auto; bottom: 0; width: 100px; } }

/* ===================================================================
styles
=================================================================== */
/* 左緑○アイコン */
.iconCircle01 { background: url(../img/share/icon_circle_01.svg) no-repeat 0px 7px; background-size: 12px 12px; padding: 0 0 0 16px; }

/* 左白○アイコン */
.iconCircle02 { background: url(../img/share/icon_circle_02.svg) no-repeat 0px 7px; background-size: 12px 12px; padding: 0 0 0 16px; }

.iconCircle02Lists li { background: url(../img/share/icon_circle_02.svg) no-repeat 0px 7px; background-size: 12px 12px; padding: 0 0 0 16px; }

/* 白枠2px */
.wWaku { border: 2px solid #fff; }

/* 左緑横バー画像タイトル */
#mainContent .title02 { margin: 0 0 32px -37px; }

/* 左緑縦バーテキストタイトル */
#mainContent .title03 { min-height: 28px; background: #f0f0f0 url(/common/img/share/bg_title_03.gif) no-repeat 8px 10px; padding: 5px 0 4px 20px; margin: 0 0 38px 0; font-size: 115%; font-weight: bold; color: #333; letter-spacing: 1px; }

@media only screen and (max-width: 767px) { #mainContent .title03 { margin: 0 0 20px 0; } }

@media only screen and (min-width: 768px) { .spOnly { display: none !important; } }

@media only screen and (max-width: 767px) { .pcOnly { display: none !important; } }

/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading { background-image: url("/common/js/fancybox/fancybox_sprite.png"); }

.fancybox-prev span { background-image: url(slide_arrow_01_l.gif); }

.fancybox-next span { background-image: url(slide_arrow_02_l.gif); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("/common/js/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -35px; right: -10px; width: 82px; height: 36px; cursor: pointer; z-index: 8040; background-image: url("/common/js/fancybox/icon_close.png?v=7"); }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/common/js/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 52px; height: 70px; margin-top: -30px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: -30px; background-position: 0 0; }

.fancybox-next span { right: -30px; background-position: 0 0; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/common/js/fancybox/fancybox_overlay.png?v=3"); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: auto; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px 2px 24px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 6px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

.m-text-10 { font-size: 10px; line-height: 1.75; }

.m-text-11 { font-size: 11px; line-height: 1.75; }

.m-text-12 { font-size: 12px; line-height: 1.75; }

.m-text-13 { font-size: 13px; line-height: 1.75; }

.m-text-14 { font-size: 14px; line-height: 1.85; }

.m-text-15 { font-size: 15px; line-height: 1.75; }

.m-text-16 { font-size: 16px; line-height: 1.75; }

.m-text-17 { font-size: 17px; line-height: 1.75; }

.m-text-18 { font-size: 18px; line-height: 1.6; }

.m-text-19 { font-size: 19px; line-height: 1.6; }

.m-text-20 { font-size: 20px; line-height: 1.6; }

.m-text-21 { font-size: 21px; line-height: 1.6; }

.m-text-22 { font-size: 22px; line-height: 1.6; }

.m-text-24 { font-size: 24px; line-height: 1.6; }

.m-text-25 { font-size: 25px; line-height: 1.5; }

.m-text-26 { font-size: 26px; line-height: 1.5; }

.m-text-27 { font-size: 27px; line-height: 1.5; }

.m-text-28 { font-size: 28px; line-height: 1.5; }

.m-text-30 { font-size: 30px; line-height: 1.4; }

.m-text-32 { font-size: 32px; line-height: 1.4; }

.m-text-34 { font-size: 34px; line-height: 1.4; }

.m-text-36 { font-size: 36px; line-height: 1.4; }

.m-text-40 { font-size: 40px; line-height: 1.4; }

.m-text-50 { font-size: 50px; line-height: 1.4; }

@media only screen and (max-width: 767px) { .m-text-10 { font-size: 1rem; line-height: 1.6; }
  .m-text-11 { font-size: 1rem; line-height: 1.6; }
  .m-text-12 { font-size: 1rem; line-height: 1.6; }
  .m-text-13 { font-size: 1.2rem; line-height: 1.6; }
  .m-text-14 { font-size: 1.2rem; line-height: 1.6; }
  .m-text-15 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-16 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-17 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-18 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-19 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-20 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-21 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-22 { font-size: 1.3rem; line-height: 1.6; }
  .m-text-24 { font-size: 1.3rem; line-height: 1.5; }
  .m-text-25 { font-size: 1.3rem; line-height: 1.5; }
  .m-text-26 { font-size: 1.3rem; line-height: 1.5; }
  .m-text-27 { font-size: 1.3rem; line-height: 1.5; }
  .m-text-28 { font-size: 1.4rem; line-height: 1.4; }
  .m-text-30 { font-size: 1.4rem; line-height: 1.4; }
  .m-text-32 { font-size: 1.5rem; line-height: 1.4; }
  .m-text-34 { font-size: 1.5rem; line-height: 1.4; }
  .m-text-36 { font-size: 1.5rem; line-height: 1.4; }
  .m-text-40 { font-size: 1.5rem; line-height: 1.4; }
  .m-text-50 { font-size: 1.5rem; line-height: 1.4; } }

.mod-serif { font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', 'MS P Mincho', 'MS Mincho', serif; }

@media only screen and (max-width: 767px) { .mod-serif { font-family: serif; } }

.mod-vertical-kigou { padding-left: 0.5em; }

.c-dbk { color: #333; }

/* ===================================================================
#pankuzu
=================================================================== */
#pankuzu { width: 1000px; margin: 0 auto 10px; }

#pankuzu ol { float: right; }

#pankuzu li { float: left; font-size: 79%; padding: 0 6px 0 0; }

#pankuzu li a { padding: 0 6px 0 0; color: #009344; }

#pankuzu li.active { /*	color:#fff;*/ }

@media only screen and (max-width: 767px) { #pankuzu { width: auto; display: none; } }

/* ===================================================================
#container
=================================================================== */
#container { width: 1000px; margin: 0 auto 40px; }

#leftContent { width: 210px; float: left; }

#rightContent { width: 730px; float: right; }

.pageClass-index #rightContent { width: 710px; }

#mainContent { background: url(/common/img/share/bg_03.gif); }

@media only screen and (max-width: 767px) { #container { width: auto; }
  #leftContent { width: auto; float: none; }
  #rightContent { width: auto; float: none; }
  #mainContent { padding-top: 20px; padding-bottom: 20px; }
  .pageClass-index #mainContent { padding-top: 0; padding-bottom: 0; } }

.mod-catNameSp { display: none; }

@media only screen and (max-width: 767px) { .mod-catNameSp { background: #616161; padding: 15px; display: block; font-size: 1.1rem; }
  .mod-catNameSp a { color: #fff; text-decoration: none; } }

/* ===================================================================
#container
=================================================================== */
#container { width: 1000px; margin: 0 auto 40px; background: url(/common/img/share/bg_03.gif?v=2) repeat-y; }

#index #container { background: none; }

@media only screen and (max-width: 767px) { #container { width: auto; background: none; margin: 0; position: relative; }
  #leftContent { width: auto; float: none; }
  #rightContent { width: auto; float: none; } }

/* ===================================================================
#sideLink
=================================================================== */
#sideLink { padding: 0 0 0 10px; }

#sideLink li a { height: 40px; width: 200px; display: block; overflow: hidden; text-indent: -999px; }

@media only screen and (min-width: 768px) { .mod-wrapin { width: 1000px; margin: 0 auto; } }

@media only screen and (max-width: 767px) { .mod-wrapin-sp { padding-left: 15px !important; padding-right: 15px !important; } }

/* ===================================================================
.index module
=================================================================== */
.pageClass-index #wrapperInWire { /*background:url(/common/img/share/bg_09.png?v=2);*/ }

.mod-underIndex-mv { width: 150px; padding: 0 0 0 60px; float: left; height: 515px; }

.pageClass-index #rightContent #mainContent { background: url(/common/img/share/bg_05.png?v=2) !important; }

@media only screen and (max-width: 767px) { .mod-underIndex-mv { float: none; padding: 0; }
  #company .mod-underIndex-mv { width: auto; background: url(/company/img/main_visual.jpg) no-repeat center 0; background-size: cover; }
  #service .mod-underIndex-mv { width: auto; background: url(/service/img/main_visual.jpg) no-repeat center 0; background-size: cover; }
  #technique .mod-underIndex-mv { width: auto; background: url(/technique/img/main_visual.jpg) no-repeat center 0; background-size: cover; }
  #csr .mod-underIndex-mv { width: auto; background: url(/csr/img/main_visual.jpg) no-repeat center 0; background-size: cover; }
  #recruit .mod-underIndex-mv { width: auto; background: url(/recruit/img/main_visual.jpg) no-repeat center 0; background-size: cover; }
  #contact .mod-underIndex-mv { width: auto; background: url(/contact/img/main_visual.jpg) no-repeat center 0; background-size: cover; }
  .mod-t-align-c { text-align: center; }
  .pageClass-index #rightContent { width: auto !important; } }

.mod-underIndex-mv-lead { font-family: serif; font-size: 2.2rem; line-height: 1.7; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #000; letter-spacing: 5px; }

#contact .mod-underIndex-mv-lead { color: #fff; text-shadow: 0 0 6px black; }

@media only screen and (max-width: 767px) { .mod-underIndex-mv-lead { box-sizing: border-box; font-size: 1.7rem; text-shadow: 0 0 3px rgba(255, 255, 255, 0.9); position: absolute; right: 15px; top: 30px; } }

.mod-underIndex-main-section-head { text-align: center; margin-bottom: 30px; }

.mod-underIndex-main-section-head-h { font-family: 'Noto Sans Japanese', sans-serif; margin: 0 0 24px 0; font-size: 1.3rem; font-weight: bold; letter-spacing: 0.1em; }

@media only screen and (max-width: 767px) { .mod-underIndex-main-section-head-h { font-family: sans-serif; } }

.mod-underIndex-main-section-head-h:last-child { margin-bottom: 0; }

.mod-underIndex-main-section-head-txt { font-size: 93%; line-height: 1.6; margin: 0 0 40px 0; }

.mod-underIndex-main-postSec-head { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 20px; }

.mod-underIndex-main-postSec-head-h { font-family: 'Noto Sans Japanese', sans-serif; }

@media only screen and (max-width: 767px) { .mod-underIndex-main-postSec-head-h { font-family: sans-serif; } }

.mod-underIndex-links01 { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.mod-underIndex-links01-item { position: relative; background: #000; margin-bottom: 30px; width: 300px; height: auto; }

.mod-underIndex-links01-item.size-w100 { width: 100%; }

.mod-underIndex-links01-item img { width: 100%; }

.mod-underIndex-links01-item a { box-sizing: border-box; color: #000; transition: 0.3s; line-height: 1.7; }

.mod-underIndex-links01-item a:after { content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid rgba(255, 255, 255, 0.9); box-sizing: border-box; opacity: 0; transition: 0.3s; }

.mod-underIndex-links01-item a:hover { color: #009344; }

.mod-underIndex-links01-item a:hover:after { opacity: 1; }

.mod-underIndex-links01-img { padding: 0; margin: 0; transition: 0.3s; }

.mod-underIndex-links01-item:hover .mod-underIndex-links01-img { opacity: 0.8; }

.mod-underIndex-links01-txt { font-family: 'Noto Sans Japanese', sans-serif; position: absolute; left: 0; bottom: 0; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); width: 100%; padding: 8px 32px; text-align: left; }

@media only screen and (max-width: 767px) { .mod-underIndex-links01-txt { font-family: sans-serif; } }

.mod-underIndex-links01-txt:before { content: ""; border: 3px solid transparent; border-left-color: #009344; position: absolute; left: 17px; top: 50%; margin-top: -3px; }

.mod-underIndex-topics { padding-bottom: 40px; }

.mod-underIndex-topics-wrap { width: 1000px; margin: 0 auto 30px; }

.mod-underIndex-topics-title { font-weight: bold; display: inline-block; font-size: 20px; }

.mod-underIndex-topics-link { background: rgba(0, 0, 0, 0.6); display: inline-block; width: 125px; height: 40px; text-decoration: none; float: right; vertical-align: middle; }

.mod-underIndex-topics-link a { color: #FFF; text-decoration: none; display: block; text-align: center; position: relative; top: 5px; }

.mod-underIndex-report { padding: 40px 0; margin-bottom: 40px; background: rgba(255, 255, 255, 0.7); }

.mod-underIndex-report-title { font-weight: bold; display: inline-block; font-size: 20px; }

.mod-underIndex-report-link { background: rgba(0, 0, 0, 0.6); display: inline-block; width: 125px; height: 40px; text-decoration: none; float: right; vertical-align: middle; position: relative; top: 5px; }

.mod-underIndex-report-link a { color: #FFF; text-decoration: none; display: block; text-align: center; position: relative; top: 5px; }

.mod-underIndex-posts02 { display: -webkit-box; display: flex; flex-wrap: wrap; }

.mod-underIndex-posts02-item { width: 32%; margin-right: 3%; margin-bottom: 20px; line-height: 1.6; }

.mod-underIndex-posts02 a { display: block; text-decoration: none; }

.mod-underIndex-posts02 p { width: 228px; }

.mod-underIndex-posts02-img { text-align: center; margin-bottom: 10px; width: 228px; height: 174px; background: url("/common/img/share/noimage_01.gif") center no-repeat; background-size: cover; }

.mod-underIndex-posts02-date { font-size: 0.85em; font-weight: bold; }

.mod-underIndex-posts02-tit { font-size: 1em; }

.mod-underIndex-sdgsBnr { margin-bottom: 30px; width: 50%; }

@media only screen and (max-width: 767px) { .mod-underIndex-main-section-head { padding: 20px 16px; }
  .mod-underIndex-main-section-head-txt { text-align: left; }
  .mod-underIndex-main-section-head-txt br { display: none; }
  .mod-underIndex-main-postSec { padding: 20px 16px; }
  .mod-underIndex-links01 { display: block; }
  .mod-underIndex-links01-item { margin-bottom: 0; width: 100%; height: auto; }
  .mod-underIndex-links01-img { height: 41vw; overflow: hidden; }
  .mod-underIndex-links01-img img { width: 100%; height: auto; min-height: 100px; }
  .mod-underIndex-links01-img.align-bottom img { margin-top: -16vw; }
  .mod-underIndex-topics { padding-bottom: 40px; background: #616161; }
  .mod-underIndex-topics-wrap { width: 100%; margin: 0 auto 30px; }
  .mod-underIndex-topics-title { margin: 20px 0 0 15px; color: #FFF; }
  .mod-underIndex-topics-title a { color: #FFF; }
  .mod-underIndex-topics-link { background: white; display: inline-block; width: 125px; height: 50px; text-decoration: none; float: right; vertical-align: middle; }
  .mod-underIndex-topics-link a { color: #000; text-decoration: none; display: block; text-align: center; position: relative; top: 12px; }
  .mod-underIndex-topics-link a:before { content: ""; border: 5px solid transparent; border-left-color: #009344; position: absolute; left: 17px; top: 50%; margin-top: -5px; }
  .mod-underIndex-report { padding: 0; margin-bottom: 40px; background: rgba(255, 255, 255, 0); }
  .mod-underIndex-report-title { margin: 20px 0 0 15px; }
  .mod-underIndex-report-link { background: rgba(0, 0, 0, 0.6); display: inline-block; width: 125px; height: 40px; text-decoration: none; float: right; vertical-align: middle; position: relative; top: 5px; }
  .mod-underIndex-report-link a { color: #FFF; text-decoration: none; display: block; text-align: center; position: relative; top: 5px; position: relative; }
  .mod-underIndex-report-link a:before { content: ""; border: 5px solid transparent; border-left-color: #009344; position: absolute; left: 17px; top: 50%; margin-top: -5px; }
  .mod-underIndex-posts02 { display: block; flex-wrap: nowrap; }
  .mod-underIndex-posts02-item { width: 90%; margin: 0 auto 20px; line-height: 1.6; background: #e7e7e7; display: inline-block; height: 174px; }
  .mod-underIndex-posts02 a { display: inline-block; text-decoration: none; }
  .mod-underIndex-posts02 p { width: 228px; }
  .mod-underIndex-posts02 figure { margin: 0; padding: 0; }
  .mod-underIndex-posts02-img { text-align: center; margin-bottom: 0; width: 50%; height: 174px; background: url("/common/img/share/noimage_01.gif") center no-repeat; background-size: cover; display: inline-block; }
  .mod-underIndex-posts02-txts { display: inline-block; width: 40%; margin: 20px 10px 0 10px; vertical-align: top; font-size: 1.3em; }
  .mod-underIndex-posts02-date { font-size: 0.7em; }
  .mod-underIndex-posts02-tit { font-size: 0.7em; }
  .mod-underIndex-sdgsBnr { width: 100%; margin-top: 30px; margin-bottom: 0; padding-bottom: 30px; text-align: center; } }

#recruit .mod-underIndex-main-section-head { padding: 5px 15px; margin-bottom: 20px; }

@media only screen and (max-width: 767px) { .pageClass-index #wrapperIn { background: none !important; } }

/* ===================================================================
#company
=================================================================== */
#company .pageClass-index #wrapperIn { background: url(/company/img/main_visual.jpg?v=2) no-repeat center 0; background-size: auto 70%; }

/* ===================================================================
#service
=================================================================== */
#service .pageClass-index #wrapperIn { background: url(/service/img/main_visual.jpg?v=2) no-repeat center 0; background-size: auto 80%; }

/* ===================================================================
#technique
=================================================================== */
#technique .pageClass-index #wrapperIn { background: url(/technique/img/main_visual.jpg?v=2) no-repeat center 0; background-size: auto 80%; }

/* ..section01 */
/* .techBnrLists */
#technique .pageClass-index .techBnrLists { width: 660px; }

#technique .pageClass-index .techBnrLists li { float: left; padding: 0 20px 30px 0; position: relative; }

@media only screen and (max-width: 767px) { #technique .pageClass-index .techBnrLists { width: auto; } }

/* .socialBox */
#technique .pageClass-index .socialBox .text01 { float: left; margin: 0 0 13px 0; }

#technique .pageClass-index .socialBox .btn01 { float: right; margin: 0 0 13px 0; }

#technique .pageClass-index .socialBox .articleLists { clear: both; width: 660px; }

#technique .pageClass-index .socialBox .articleLists li { float: left; padding: 0 21px 0 0; margin: 0 0 20px 0; }

#technique .pageClass-index .socialBox .articleLists li a { display: block; width: 196px; text-decoration: none; font-size: 93%; line-height: 1.6; }

#technique .pageClass-index .socialBox .articleLists li a img.ph { margin: 0 0 10px 0; }

/* ===================================================================
#csr
=================================================================== */
#csr .pageClass-index #wrapperIn { background: url(/csr/img/main_visual.jpg?v=2) no-repeat center 0; background-size: auto 70%; }

/* #topicsLists */
#csr .pageClass-index .socialBox .text01 { float: left; margin: 0 0 13px 0; }

#csr .pageClass-index .socialBox .btn01 { float: right; margin: 0 0 13px 0; }

#csr .pageClass-index .socialBox #topicsLists { clear: both; width: 660px; }

#csr .pageClass-index .socialBox #topicsLists li { float: left; padding: 0 5px 0 0; margin: 0 0 20px 0; }

#csr .pageClass-index .socialBox #topicsLists li a { display: block; width: 196px; text-decoration: none; font-size: 93%; line-height: 1.6; }

#csr .pageClass-index .socialBox #topicsLists li a dt { background: url(/common/img/share/noimage_01.gif?v=2) no-repeat 0 0; width: 192px; height: 144px; margin: 0 0 10px 0; }

@media only screen and (max-width: 767px) { #csr .pageClass-index .socialBox #topicsLists { clear: both; width: 100%; }
  #csr .pageClass-index .socialBox #topicsLists li { float: none; padding: 0 5px 0 0; margin: 0 0 20px 0; }
  #csr .pageClass-index .socialBox #topicsLists li a { width: auto; }
  #csr .pageClass-index .socialBox #topicsLists li a dl { overflow: hidden; }
  #csr .pageClass-index .socialBox #topicsLists li a dt { float: left; width: 30%; } }

/* ===================================================================
#recruit
=================================================================== */
#recruit .pageClass-index #wrapperIn { background: url(/recruit/img/main_visual.jpg?v=2) no-repeat center 0; background-size: auto 70%; }

@media only screen and (max-width: 767px) { #recruit tr { display: block; margin-bottom: 20px; }
  #recruit th { display: block; font-weight: bold; }
  #recruit td { display: block; } }

/* ===================================================================
#cotanct .index
=================================================================== */
#contact .pageClass-index #wrapperIn { background: url(/contact/img/main_visual.jpg?v=2) no-repeat center 0; background-size: auto 68%; }

/* ---------------------------
mod-h
--------------------------- */
.mod-h01 { font-family: 'Noto Sans Japanese', sans-serif; font-weight: bold; font-size: 1.7rem; margin-bottom: 0.8em; letter-spacing: 0.1em; color: #000; }

@media only screen and (max-width: 767px) { .mod-h01 { font-family: sans-serif; } }

.mod-h02 { font-family: 'Noto Sans Japanese', sans-serif; color: #000; font-weight: bold; font-size: 1.2rem; margin-bottom: 30px; margin-left: -37px; letter-spacing: 0.1em; }

@media only screen and (max-width: 767px) { .mod-h02 { font-family: sans-serif; } }

.mod-h02:before { content: ""; width: 18px; height: 2px; background: #009344; display: inline-block; margin-right: 1em; vertical-align: middle; }

@media only screen and (max-width: 767px) { .mod-h01 { font-weight: bold; font-size: 1.2rem; }
  .mod-h02 { margin-left: 0; margin-bottom: 26px; } }

/* ---------------------------
input
--------------------------- */
.mod-input-text, .mod-input-textarea, .mod-input-select { box-sizing: border-box; width: 100%; border: 1px solid #000; font-size: 116%; padding: 5px 0; text-indent: 8px; background: #fff; border-color: #ededed; color: #333; margin-bottom: 0.4em; vertical-align: middle; position: relative; }

.mod-input-text[disabled="disabled"], .mod-input-textarea[disabled="disabled"], .mod-input-select[disabled="disabled"] { background: #dedede; }

.mod-input-text:focus, .mod-input-textarea:focus, .mod-input-select:focus { outline: #008e45 0px solid; border: #008e45 1px solid; }

.mod-input-text.size-l, .mod-input-textarea.size-l, .mod-input-select.size-l { width: 26em; }

.mod-input-text.size-m, .mod-input-textarea.size-m, .mod-input-select.size-m { width: 16em; }

.mod-input-text.size-sm, .mod-input-textarea.size-sm, .mod-input-select.size-sm { width: 11em; }

.mod-input-text.size-s, .mod-input-textarea.size-s, .mod-input-select.size-s { width: 7em; }

.mod-input-text.size-ss, .mod-input-textarea.size-ss, .mod-input-select.size-ss { width: 3.3em; }

.mod-input-text.bg-lgy, .mod-input-textarea.bg-lgy, .mod-input-select.bg-lgy { background: #f0f0f0; }

.mod-input-text, .mod-input-textarea { width: 100%; resize: vertical; }

.mod-input-textarea { min-height: 6em; }

.mod-input-2colCheckBoxes { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; flex-wrap: wrap; max-width: 300px; }

.mod-input-2colCheckBoxes li { width: 50%; }

.mod-input-zipBtn { display: inline-block !important; vertical-align: middle; width: auto; margin-left: 1em; background: #000; color: #fff; padding: 4px 10px; cursor: pointer; }

.mod-input-btn { font-family: 'Noto Sans Japanese', sans-serif; border: none; font-weight: 500; box-shadow: none; border: none; cursor: pointer; display: block; color: #fff !important; text-align: center; background: #009344; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; width: 100%; font-size: 1.2rem; padding-top: 12px; padding-bottom: 12px; }

@media only screen and (max-width: 767px) { .mod-input-btn { font-family: sans-serif; } }

.mod-input-btn:hover { text-decoration: none; background: #00602c; }

.item-return .mod-input-btn { background: #333; }

/* 
.formTable td input[type=text],
.formTable td textarea
{
	width:100%;
	border:1px solid #000;
	font-size:116%;
	padding:5px 0;
	text-indent:8px;
	background:#f0f0f0;
	border-color:#ededed;
	color:#333;
}
.formTable td input[type=text]{
	padding:5px 0;
}
.formTable td textarea{
	resize: vertical;
}
.formTable td input[type=text]:focus,
.formTable td textarea:focus {
	outline: #008e45 0px solid;
	border: #008e45 1px solid;
}
.formTable td select{
	border-color:#ededed;
	padding:8px 7px;
	background:#f0f0f0;
	color:#333;
}
.formTable td input[type=checkbox]{
	margin:0 14px 1px 0;
	line-height:;
}
.formTable td.halfCheckbox li{
	width:162px;
	float:left;
}
.formSection .searchBtn{
	margin:0 0 0 7px;
}



.formSection ul.btnLists{
	text-align:center;
}
.formSection ul.btnLists li{
	display:inline-block;
	padding:0 10px;
}
*/
@media only screen and (max-width: 767px) { .mod-input-2colCheckBoxes { max-width: 100%; } }

/* ---------------------------
form
--------------------------- */
.mod-form-sec { margin-bottom: 3em; }

.mod-form-sec.bg-lgy { background: #f0f0f0; padding: 20px; margin-bottom: 1em; }

.mod-form-table01 { width: 100%; margin-bottom: 40px; border-spacing: 13px 0; }

.mod-form-table01 .error { color: #f00; }

.mod-form-table01 .subText { font-size: 86%; }

.mod-form-table01 th, .mod-form-table01 td { vertical-align: top; padding: 18px 0 18px; border-bottom: 1px solid #dddddd; box-sizing: border-box; }

.mod-form-must { background: #009344; color: #fff; padding: 0 6px; font-size: 0.7rem; display: inline-block; }

.mod-form-error { color: #f00; }

.mod-form-btns-item { position: relative; width: 386px; margin: 0 auto 10px; }

.mod-form-btns-item:after { content: ""; background: url("/common/img/share/ico_arrow01_r_wh.svg") 0 0 no-repeat; display: block; width: 22px; height: 22px; background-size: contain; position: absolute; right: 10px; top: 50%; margin-top: -10px; }

.mod-form-zipBtn { background: #000; color: #fff; padding: 2px 12px; font-size: 0.8rem; display: inline-block; cursor: pointer; vertical-align: middle; }

.mod-form-copyArea { border: solid 1px #999; padding: 15px; margin-bottom: 30px; background: #f0f0f0; width: 100%; height: auto; line-height: 1.8; }

@media only screen and (max-width: 767px) { .mod-form-sec.bg-lgy { padding: 12px; }
  .mod-form-table01 { display: block; margin-bottom: 20px; }
  .mod-form-table01 tbody, .mod-form-table01 tr, .mod-form-table01 th, .mod-form-table01 td { display: block; }
  .mod-form-table01 th, .mod-form-table01 td { border: none; padding: 0; }
  .mod-form-table01 th { margin-bottom: 1em; }
  .mod-form-table01 td { padding-bottom: 1em; }
  .mod-form-table01 tr { border-top: 1px solid #dddddd; padding: 10px 0; }
  .mod-form-btns-item { width: 100%; } }

/* ===================================================================
.contentSection
=================================================================== */
.mod-contentSection { padding: 36px 60px 60px; position: relative; }

.mod-contentSection hr { height: 1px; background: #ededed !important; border: none; margin: 0 0 40px 0; }

.pageClass-index .mod-contentSection { color: #000; padding: 40px; }

.pageClass-informatization.pageClass-road .mod-contentSection { background: url(/technique/road/informatization/img/bg_main_01.jpg?v=2) no-repeat right 0; }

@media only screen and (max-width: 767px) { .mod-contentSection { padding: 0; }
  .pageClass-index .mod-contentSection { padding: 0; }
  .pageClass-informatization.pageClass-road .mod-contentSection { background: none; } }

.mod-titleBar { width: 60px; background: #fff; float: left; }

.mod-titleBar-cat { font-weight: bold; font-size: 1.1em; text-align: center; width: 100%; position: relative; width: 60px; letter-spacing: 0.1em; }

.mod-titleBar-cat a { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

.mod-titleBar-cat:after { content: ""; display: block; width: 30px; height: 1px; background: #d8d8d8; margin: 0 auto; position: absolute; left: 50%; bottom: 0; margin-left: -15px; }

.mod-titleBar-cat a { text-decoration: none; padding: 50px 0; line-height: 1.4; box-sizing: border-box; }

.mod-titleBar-lead { font-family: YuMincho, "Yu Mincho", 'Hiragino Mincho ProN', 'MS P Mincho', 'MS Mincho', serif; font-size: 1.3em; font-size: 1.4em; text-align: center; }

@media only screen and (max-width: 767px) { .mod-titleBar-lead { font-family: serif; } }

.mod-titleBar-lead span { text-decoration: none; padding: 30px 0; box-sizing: border-box; line-height: 1.2; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; font-weight: bold; letter-spacing: 3px; }

.mod-titleBar-lead span br { display: none; }

@media only screen and (max-width: 767px) { .mod-titleBar { position: absolute; left: 15px; top: 20px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); display: none; }
  .mod-titleBar-cat:after { display: none; }
  .pageClass-index .mod-titleBar { display: block; }
  .mod-titleBar a { padding: 20px 0; }
  .mod-titleBar-lead span br { display: block; } }

.mod-zoomPhotoLists { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; flex-wrap: wrap; align-content: flex-start; }

.mod-zoomPhotoLists-item { margin: 0 1% 14px; width: 31.2%; }

.mod-zoomPhotoLists-item.size-100 { width: 100%; }

.mod-zoomPhotoLists-item a { text-decoration: none; }

.mod-zoomPhotoLists-img { position: relative; margin: 0; margin-bottom: 8px; padding: 0; display: inline-block; }

a .mod-zoomPhotoLists-img:after { content: ''; position: absolute; width: 19px; height: 20px; bottom: 10px; right: 10px; display: block; background: url(../../../common/img/share/icon_zoom_01.svg) no-repeat 0 0; background-size: 20px 20px; }

.mod-zoomPhotoLists-txt { font-size: 86%; }

@media only screen and (max-width: 767px) { .mod-zoomPhotoLists { -webkit-box-pack: justify; justify-content: space-between; }
  .mod-zoomPhotoLists-item { width: 48%; margin-bottom: 10px; }
  .mod-zoomPhotoLists-item img { width: 100%; }
  .mod-zoomPhotoLists.item-spCol1 .mod-zoomPhotoLists-item { width: 100%; }
  .mod-zoomPhotoLists-item.item-slideDown { width: 100%; }
  .item-slideDown .mod-zoomPhotoLists-img { width: 44%; padding-right: 5%; }
  .item-slideDown a .mod-zoomPhotoLists-img:after { display: none; }
  .mod-zoomPhotoLists-clear { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; position: relative; padding-right: 30px; }
  .mod-zoomPhotoLists-clear:after { content: ""; background: url("/common/img/share/ico_arrow01_r_gn.svg") center no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-top: -10px; }
  .mod-zoomPhotoLists-clear.on:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  .mod-zoomPhotoLists-img { width: 100%; }
  .mod-zoomPhotoLists-txt { -webkit-box-flex: 1; flex: 1; } }

.mod-categoryNavi-title { font-family: 'Noto Sans Japanese', sans-serif; font-weight: bold; font-size: 1.15em; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 5px 0 5px 10px; }

@media only screen and (max-width: 767px) { .mod-categoryNavi-title { font-family: sans-serif; } }

.mod-categoryNavi-title:before { content: ""; display: block; height: 2px; width: 15px; background: #808080; margin-right: 8px; }

.mod-categoryNavi-title a { text-decoration: none; color: #000; display: block; width: 100%; }

.mod-categoryNavi-title:hover:before, .pageClass-compliance .mod-categoryNavi-title.item-csr:before, .pageClass-mark .mod-categoryNavi-title.item-csr:before, .pageClass-bcp .mod-categoryNavi-title.item-csr:before, .pageClass-groundMethod .mod-categoryNavi-title.item-groundMethod:before, .pageClass-career .mod-categoryNavi-title.item-career:before, .pageClass-award .mod-categoryNavi-title.item-award:before { background: #009344; }

.mod-categoryNavi-title:hover a, .pageClass-compliance .mod-categoryNavi-title.item-csr a, .pageClass-mark .mod-categoryNavi-title.item-csr a, .pageClass-bcp .mod-categoryNavi-title.item-csr a, .pageClass-groundMethod .mod-categoryNavi-title.item-groundMethod a, .pageClass-career .mod-categoryNavi-title.item-career a, .pageClass-award .mod-categoryNavi-title.item-award a { color: #000; }

.mod-categoryNavi-links { padding: 0 0 0 10px; }

.mod-categoryNavi-links-item { font-family: 'Noto Sans Japanese', sans-serif; }

@media only screen and (max-width: 767px) { .mod-categoryNavi-links-item { font-family: sans-serif; } }

.mod-categoryNavi-links-item a { display: block; padding: 8px 6px 8px 26px; position: relative; text-decoration: none; font-weight: bold; font-size: 0.85em; }

.mod-categoryNavi-links-item a:before { content: ""; border: 3px solid transparent; border-left-color: #000; position: absolute; left: 12px; top: 50%; margin-top: -3px; }

.mod-categoryNavi-links-item a:hover, .pageClass-policy .mod-categoryNavi-links-item.item-policy a, .pageClass-message .mod-categoryNavi-links-item.item-message a, .pageClass-policy .mod-categoryNavi-links-item.item-policy a, .pageClass-detail .mod-categoryNavi-links-item.item-detail a, .pageClass-office .mod-categoryNavi-links-item.item-office a, .pageClass-topics .mod-categoryNavi-links-item.item-topics a, .pageClass-compliance .mod-categoryNavi-links-item.item-compliance a, .pageClass-report .mod-categoryNavi-links-item.item-report a, .pageClass-mark .mod-categoryNavi-links-item.item-mark a, .pageClass-bcp .mod-categoryNavi-links-item.item-bcp a, .pageClass-sdgs .mod-categoryNavi-links-item.item-sdgs a, .pageClass-asphalt_pavement .mod-categoryNavi-links-item.item-asphalt_pavement a, .pageClass-concrete_pavement .mod-categoryNavi-links-item.item-concrete_pavement a, .pageClass-maintenance .mod-categoryNavi-links-item.item-maintenance a, .pageClass-asphalt_mixture .mod-categoryNavi-links-item.item-asphalt_mixture a, .pageClass-laboratory .mod-categoryNavi-links-item.item-laboratory a, .pageClass-environmental_office .mod-categoryNavi-links-item.item-environmental_office a, .pageClass-biocolony .mod-categoryNavi-links-item.item-biocolony a, .pageClass-goods-biocolony .mod-categoryNavi-links-item.item-goods-biocolony a, .pageClass-osamukun .mod-categoryNavi-links-item.item-osamukun a, .pageClass-report .mod-categoryNavi-links-item.item-report a, .pageClass-forest .mod-categoryNavi-links-item.item-forest a, .pageClass-j-ver .mod-categoryNavi-links-item.item-j-ver a, .pageClass-eco-car .mod-categoryNavi-links-item.item-eco-car a, .pageClass-sitemap .mod-categoryNavi-links-item.item-sitemap a, .pageClass-privacypolicy .mod-categoryNavi-links-item.item-privacypolicy a, .pageClass-durability .mod-categoryNavi-links-item.item-durability a, .pageClass-safety .mod-categoryNavi-links-item.item-safety a, .pageClass-environment .mod-categoryNavi-links-item.item-environment a, .pageClass-informatization .mod-categoryNavi-links-item.item-informatization a, .pageClass-award .mod-categoryNavi-links-item.item-award a, .pageClass-rotary-stabilizer .mod-categoryNavi-links-item.item-rotary-stabilizer a, .pageClass-bucket-stabilizer .mod-categoryNavi-links-item.item-bucket-stabilizer a, .pageClass-self-propelled-stabilizer .mod-categoryNavi-links-item.item-self-propelled-stabilizer a, .pageClass-comatsu-litera .mod-categoryNavi-links-item.item-comatsu-litera a, .pageClass-soil-rimer .mod-categoryNavi-links-item.item-soil-rimer a, .pageClass-will .mod-categoryNavi-links-item.item-will a, .pageClass-twister .mod-categoryNavi-links-item.item-twister a, .pageClass-a-01 .mod-categoryNavi-links-item.item-a-01 a, .pageClass-a-02 .mod-categoryNavi-links-item.item-a-02 a, .pageClass-a-03 .mod-categoryNavi-links-item.item-a-03 a, .pageClass-a-04 .mod-categoryNavi-links-item.item-a-04 a, .pageClass-b-01 .mod-categoryNavi-links-item.item-b-01 a, .pageClass-b-02 .mod-categoryNavi-links-item.item-b-02 a, .pageClass-b-03 .mod-categoryNavi-links-item.item-b-03 a, .pageClass-b-04 .mod-categoryNavi-links-item.item-b-04 a, .pageClass-b-05 .mod-categoryNavi-links-item.item-b-05 a, .pageClass-b-06 .mod-categoryNavi-links-item.item-b-06 a, .pageClass-c-01 .mod-categoryNavi-links-item.item-c-01 a, .pageClass-c-02 .mod-categoryNavi-links-item.item-c-02 a, .pageClass-c-03 .mod-categoryNavi-links-item.item-c-03 a, .pageClass-c-04 .mod-categoryNavi-links-item.item-c-04 a, .pageClass-c-05 .mod-categoryNavi-links-item.item-c-05 a, .pageClass-c-06 .mod-categoryNavi-links-item.item-c-06 a, .pageClass-d-01 .mod-categoryNavi-links-item.item-d-01 a, .pageClass-d-02 .mod-categoryNavi-links-item.item-d-02 a, .pageClass-d-03 .mod-categoryNavi-links-item.item-d-03 a, .pageClass-d-04 .mod-categoryNavi-links-item.item-d-04 a, .pageClass-d-05 .mod-categoryNavi-links-item.item-d-05 a, .pageClass-d-06 .mod-categoryNavi-links-item.item-d-06 a, .pageClass-e-01 .mod-categoryNavi-links-item.item-e-01 a, .pageClass-e-02 .mod-categoryNavi-links-item.item-e-02 a, .pageClass-f-01 .mod-categoryNavi-links-item.item-f-01 a, .pageClass-f-02 .mod-categoryNavi-links-item.item-f-02 a, .pageClass-f-03 .mod-categoryNavi-links-item.item-f-03 a, .pageClass-f-04 .mod-categoryNavi-links-item.item-f-04 a, .pageClass-f-05 .mod-categoryNavi-links-item.item-f-05 a, .pageClass-g-01 .mod-categoryNavi-links-item.item-g-01 a, .pageClass-career.pageClass-careerIndex .mod-categoryNavi-links-item.item-career a, .pageClass-entry .mod-categoryNavi-links-item.item-entry a, .pageClass-road .mod-categoryNavi-links-item.item-road a, .pageClass-ground .mod-categoryNavi-links-item.item-ground a, .pageClass-goods .mod-categoryNavi-links-item.item-goods a { background: #fff; color: #009344; }

.mod-categoryNavi-links-item a:hover:before, .pageClass-policy .mod-categoryNavi-links-item.item-policy a:before, .pageClass-message .mod-categoryNavi-links-item.item-message a:before, .pageClass-policy .mod-categoryNavi-links-item.item-policy a:before, .pageClass-detail .mod-categoryNavi-links-item.item-detail a:before, .pageClass-office .mod-categoryNavi-links-item.item-office a:before, .pageClass-topics .mod-categoryNavi-links-item.item-topics a:before, .pageClass-compliance .mod-categoryNavi-links-item.item-compliance a:before, .pageClass-report .mod-categoryNavi-links-item.item-report a:before, .pageClass-mark .mod-categoryNavi-links-item.item-mark a:before, .pageClass-bcp .mod-categoryNavi-links-item.item-bcp a:before, .pageClass-sdgs .mod-categoryNavi-links-item.item-sdgs a:before, .pageClass-asphalt_pavement .mod-categoryNavi-links-item.item-asphalt_pavement a:before, .pageClass-concrete_pavement .mod-categoryNavi-links-item.item-concrete_pavement a:before, .pageClass-maintenance .mod-categoryNavi-links-item.item-maintenance a:before, .pageClass-asphalt_mixture .mod-categoryNavi-links-item.item-asphalt_mixture a:before, .pageClass-laboratory .mod-categoryNavi-links-item.item-laboratory a:before, .pageClass-environmental_office .mod-categoryNavi-links-item.item-environmental_office a:before, .pageClass-biocolony .mod-categoryNavi-links-item.item-biocolony a:before, .pageClass-goods-biocolony .mod-categoryNavi-links-item.item-goods-biocolony a:before, .pageClass-osamukun .mod-categoryNavi-links-item.item-osamukun a:before, .pageClass-report .mod-categoryNavi-links-item.item-report a:before, .pageClass-forest .mod-categoryNavi-links-item.item-forest a:before, .pageClass-j-ver .mod-categoryNavi-links-item.item-j-ver a:before, .pageClass-eco-car .mod-categoryNavi-links-item.item-eco-car a:before, .pageClass-sitemap .mod-categoryNavi-links-item.item-sitemap a:before, .pageClass-privacypolicy .mod-categoryNavi-links-item.item-privacypolicy a:before, .pageClass-durability .mod-categoryNavi-links-item.item-durability a:before, .pageClass-safety .mod-categoryNavi-links-item.item-safety a:before, .pageClass-environment .mod-categoryNavi-links-item.item-environment a:before, .pageClass-informatization .mod-categoryNavi-links-item.item-informatization a:before, .pageClass-award .mod-categoryNavi-links-item.item-award a:before, .pageClass-rotary-stabilizer .mod-categoryNavi-links-item.item-rotary-stabilizer a:before, .pageClass-bucket-stabilizer .mod-categoryNavi-links-item.item-bucket-stabilizer a:before, .pageClass-self-propelled-stabilizer .mod-categoryNavi-links-item.item-self-propelled-stabilizer a:before, .pageClass-comatsu-litera .mod-categoryNavi-links-item.item-comatsu-litera a:before, .pageClass-soil-rimer .mod-categoryNavi-links-item.item-soil-rimer a:before, .pageClass-will .mod-categoryNavi-links-item.item-will a:before, .pageClass-twister .mod-categoryNavi-links-item.item-twister a:before, .pageClass-a-01 .mod-categoryNavi-links-item.item-a-01 a:before, .pageClass-a-02 .mod-categoryNavi-links-item.item-a-02 a:before, .pageClass-a-03 .mod-categoryNavi-links-item.item-a-03 a:before, .pageClass-a-04 .mod-categoryNavi-links-item.item-a-04 a:before, .pageClass-b-01 .mod-categoryNavi-links-item.item-b-01 a:before, .pageClass-b-02 .mod-categoryNavi-links-item.item-b-02 a:before, .pageClass-b-03 .mod-categoryNavi-links-item.item-b-03 a:before, .pageClass-b-04 .mod-categoryNavi-links-item.item-b-04 a:before, .pageClass-b-05 .mod-categoryNavi-links-item.item-b-05 a:before, .pageClass-b-06 .mod-categoryNavi-links-item.item-b-06 a:before, .pageClass-c-01 .mod-categoryNavi-links-item.item-c-01 a:before, .pageClass-c-02 .mod-categoryNavi-links-item.item-c-02 a:before, .pageClass-c-03 .mod-categoryNavi-links-item.item-c-03 a:before, .pageClass-c-04 .mod-categoryNavi-links-item.item-c-04 a:before, .pageClass-c-05 .mod-categoryNavi-links-item.item-c-05 a:before, .pageClass-c-06 .mod-categoryNavi-links-item.item-c-06 a:before, .pageClass-d-01 .mod-categoryNavi-links-item.item-d-01 a:before, .pageClass-d-02 .mod-categoryNavi-links-item.item-d-02 a:before, .pageClass-d-03 .mod-categoryNavi-links-item.item-d-03 a:before, .pageClass-d-04 .mod-categoryNavi-links-item.item-d-04 a:before, .pageClass-d-05 .mod-categoryNavi-links-item.item-d-05 a:before, .pageClass-d-06 .mod-categoryNavi-links-item.item-d-06 a:before, .pageClass-e-01 .mod-categoryNavi-links-item.item-e-01 a:before, .pageClass-e-02 .mod-categoryNavi-links-item.item-e-02 a:before, .pageClass-f-01 .mod-categoryNavi-links-item.item-f-01 a:before, .pageClass-f-02 .mod-categoryNavi-links-item.item-f-02 a:before, .pageClass-f-03 .mod-categoryNavi-links-item.item-f-03 a:before, .pageClass-f-04 .mod-categoryNavi-links-item.item-f-04 a:before, .pageClass-f-05 .mod-categoryNavi-links-item.item-f-05 a:before, .pageClass-g-01 .mod-categoryNavi-links-item.item-g-01 a:before, .pageClass-career.pageClass-careerIndex .mod-categoryNavi-links-item.item-career a:before, .pageClass-entry .mod-categoryNavi-links-item.item-entry a:before, .pageClass-road .mod-categoryNavi-links-item.item-road a:before, .pageClass-ground .mod-categoryNavi-links-item.item-ground a:before, .pageClass-goods .mod-categoryNavi-links-item.item-goods a:before { border-left-color: rgba(0, 147, 68, 0.5); }

.mod-categoryNavi-folding { display: none; }

.mod-categoryNavi-folding.on { display: block; }

.mod-categoryNavi-openBtn { font-family: 'Noto Sans Japanese', sans-serif; display: block; padding: 8px 6px 8px 26px; margin-left: 10px; position: relative; text-decoration: none; font-weight: bold; font-size: 0.85em; position: relative; cursor: pointer; }

@media only screen and (max-width: 767px) { .mod-categoryNavi-openBtn { font-family: sans-serif; } }

.mod-categoryNavi-openBtn:hover, .pageClass-method .mod-categoryNavi-openBtn.item-method, .pageClass-groundMethod .mod-categoryNavi-openBtn.item-groundMethod, .pageClass-groundCase .mod-categoryNavi-openBtn.item-groundCase { background: #fff; color: #009344; }

.mod-categoryNavi-openBtn:hover:before, .pageClass-method .mod-categoryNavi-openBtn.item-method:before, .pageClass-groundMethod .mod-categoryNavi-openBtn.item-groundMethod:before, .pageClass-groundCase .mod-categoryNavi-openBtn.item-groundCase:before { border-left-color: rgba(0, 147, 68, 0.5); }

.mod-categoryNavi-openBtn:after { content: "+"; width: 16px; height: 16px; color: #fff; background: #a7a9ac; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; right: 10px; top: 50%; margin-top: -10px; line-height: 1; }

.mod-categoryNavi-openBtn.on:after { content: "-"; }

.mod-categoryNavi-bnr01 { text-align: center; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }

@media only screen and (max-width: 767px) { .mod-category-links { padding-left: 0; }
  .mod-category-links-item { border-bottom: 1px solid #dedede; }
  .mod-category-links-item:nth-child(1) { border-top: 1px solid #dedede; }
  .mod-category-links-item a { padding: 8px 16px; font-size: 1rem; }
  .mod-category-links-item a:before { border: none; right: 12px; left: auto; width: 16px; height: 16px; margin-top: -8px; background: url("/common/img/share/ico_arrow01_r_gn.svg") center no-repeat; background-size: contain; }
  .mod-category-links-item a:hover, .pageClass-policy .mod-category-links-item.item-policy a, .pageClass-message .mod-category-links-item.item-message a, .pageClass-policy .mod-category-links-item.item-policy a, .pageClass-detail .mod-category-links-item.item-detail a, .pageClass-office .mod-category-links-item.item-office a, .pageClass-topics .mod-category-links-item.item-topics a, .pageClass-compliance .mod-category-links-item.item-compliance a, .pageClass-report .mod-category-links-item.item-report a, .pageClass-mark .mod-category-links-item.item-mark a, .pageClass-bcp .mod-category-links-item.item-bcp a, .pageClass-sdgs .mod-category-links-item.item-sdgs a, .pageClass-asphalt_pavement .mod-category-links-item.item-asphalt_pavement a, .pageClass-concrete_pavement .mod-category-links-item.item-concrete_pavement a, .pageClass-maintenance .mod-category-links-item.item-maintenance a, .pageClass-asphalt_mixture .mod-category-links-item.item-asphalt_mixture a, .pageClass-laboratory .mod-category-links-item.item-laboratory a, .pageClass-environmental_office .mod-category-links-item.item-environmental_office a, .pageClass-biocolony .mod-category-links-item.item-biocolony a, .pageClass-goods-biocolony .mod-category-links-item.item-goods-biocolony a, .pageClass-osamukun .mod-category-links-item.item-osamukun a, .pageClass-sitemap .mod-category-links-item.item-sitemap a, .pageClass-privacypolicy .mod-category-links-item.item-privacypolicy a { background: #fff; color: #009344; }
  .mod-category-bnr01 { padding-top: 20px; } }

.mod-gNavi { background: #009344; margin-bottom: 10px; font-family: 'Noto Sans Japanese', sans-serif; }

@media only screen and (max-width: 767px) { .mod-gNavi { font-family: sans-serif; } }

.mod-gNavi-links { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; width: 1001px; margin: 0 auto; }

.mod-gNavi-links-item { width: 100%; text-align: center; font-size: 1.05em; border-left: 1px solid rgba(255, 255, 255, 0.5); letter-spacing: 0.05em; }

.mod-gNavi-links-item:last-child { border-right: 1px solid rgba(255, 255, 255, 0.5); }

.mod-gNavi-links-item a { color: #fff; display: block; padding: 12px 8px; text-decoration: none; position: relative; }

.mod-gNavi-links-item a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 2px; background: #fff; margin-top: -1px; opacity: 0.2; transition: 0.2s; }

.mod-gNavi-links-item a:hover:before, #company .mod-gNavi-links-item.item-company a:before, #service .mod-gNavi-links-item.item-service a:before, #technique .mod-gNavi-links-item.item-technique a:before, #csr .mod-gNavi-links-item.item-csr a:before, #recruit .mod-gNavi-links-item.item-recruit a:before { opacity: 1; }

@media only screen and (min-width: 768px) { .mod-gNaviSp { display: none !important; } }

@media only screen and (max-width: 767px) { .mod-gNavi { display: none; }
  .mod-gNaviSp { display: block; background: #009344; display: none; }
  .mod-gNaviSp-links { margin: 0 auto; }
  .mod-gNaviSp-links-item { width: 100%; font-size: 1.05em; letter-spacing: 0.05em; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .mod-gNaviSp-links-item a { color: #fff; display: block; padding: 12px 8px 12px 22px; text-decoration: none; position: relative; }
  .mod-gNaviSp-links-item a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 2px; background: #fff; margin-top: -1px; opacity: 0.2; transition: 0.2s; }
  .mod-gNaviSp-links-item a:hover:before, #company .mod-gNaviSp-links-item.item-company a:before, #service .mod-gNaviSp-links-item.item-service a:before, #technique .mod-gNaviSp-links-item.item-technique a:before, #csr .mod-gNaviSp-links-item.item-csr a:before, #recruit .mod-gNaviSp-links-item.item-recruit a:before { opacity: 1; }
  .mod-gNaviSp-links-openBtn { content: ""; display: block; position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url("/common/img/share/ico_arrow01_r_wh.svg") center no-repeat; background-size: 15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .mod-gNaviSp-sublinks { background: #efefef; display: none; }
  .mod-gNaviSp-sublinks-item { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .mod-gNaviSp-sublinks-item a { color: #333; }
  .mod-gNaviSp-sublinks-item a:before { display: none; }
  .mod-gNaviSp-sublinks-item a:after { background-image: url("/common/img/share/ico_arrow01_r_gn.svg"); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  .pageClass-policy .mod-gNaviSp-sublinks-item.item-policy a, .pageClass-message .mod-gNaviSp-sublinks-item.item-message a, .pageClass-policy .mod-gNaviSp-sublinks-item.item-policy a, .pageClass-detail .mod-gNaviSp-sublinks-item.item-detail a, .pageClass-office .mod-gNaviSp-sublinks-item.item-office a, .pageClass-topics .mod-gNaviSp-sublinks-item.item-topics a, .pageClass-compliance .mod-gNaviSp-sublinks-item.item-compliance a, .pageClass-report .mod-gNaviSp-sublinks-item.item-report a, .pageClass-mark .mod-gNaviSp-sublinks-item.item-mark a, .pageClass-bcp .mod-gNaviSp-sublinks-item.item-bcp a, .pageClass-sdgs .mod-gNaviSp-sublinks-item.item-sdgs a, .pageClass-asphalt_pavement .mod-gNaviSp-sublinks-item.item-asphalt_pavement a, .pageClass-concrete_pavement .mod-gNaviSp-sublinks-item.item-concrete_pavement a, .pageClass-maintenance .mod-gNaviSp-sublinks-item.item-maintenance a, .pageClass-asphalt_mixture .mod-gNaviSp-sublinks-item.item-asphalt_mixture a, .pageClass-laboratory .mod-gNaviSp-sublinks-item.item-laboratory a, .pageClass-environmental_office .mod-gNaviSp-sublinks-item.item-environmental_office a, .pageClass-biocolony .mod-gNaviSp-sublinks-item.item-biocolony a, .pageClass-goods-biocolony .mod-gNaviSp-sublinks-item.item-goods-biocolony a, .pageClass-osamukun .mod-gNaviSp-sublinks-item.item-osamukun a, .pageClass-report .mod-gNaviSp-sublinks-item.item-report a, .pageClass-forest .mod-gNaviSp-sublinks-item.item-forest a, .pageClass-j-ver .mod-gNaviSp-sublinks-item.item-j-ver a, .pageClass-eco-car .mod-gNaviSp-sublinks-item.item-eco-car a, .pageClass-sitemap .mod-gNaviSp-sublinks-item.item-sitemap a, .pageClass-privacypolicy .mod-gNaviSp-sublinks-item.item-privacypolicy a, .pageClass-durability .mod-gNaviSp-sublinks-item.item-durability a, .pageClass-safety .mod-gNaviSp-sublinks-item.item-safety a, .pageClass-environment .mod-gNaviSp-sublinks-item.item-environment a, .pageClass-informatization .mod-gNaviSp-sublinks-item.item-informatization a, .pageClass-award .mod-gNaviSp-sublinks-item.item-award a, .pageClass-rotary-stabilizer .mod-gNaviSp-sublinks-item.item-rotary-stabilizer a, .pageClass-bucket-stabilizer .mod-gNaviSp-sublinks-item.item-bucket-stabilizer a, .pageClass-self-propelled-stabilizer .mod-gNaviSp-sublinks-item.item-self-propelled-stabilizer a, .pageClass-comatsu-litera .mod-gNaviSp-sublinks-item.item-comatsu-litera a, .pageClass-soil-rimer .mod-gNaviSp-sublinks-item.item-soil-rimer a, .pageClass-will .mod-gNaviSp-sublinks-item.item-will a, .pageClass-twister .mod-gNaviSp-sublinks-item.item-twister a, .pageClass-a-01 .mod-gNaviSp-sublinks-item.item-a-01 a, .pageClass-a-02 .mod-gNaviSp-sublinks-item.item-a-02 a, .pageClass-a-03 .mod-gNaviSp-sublinks-item.item-a-03 a, .pageClass-a-04 .mod-gNaviSp-sublinks-item.item-a-04 a, .pageClass-b-01 .mod-gNaviSp-sublinks-item.item-b-01 a, .pageClass-b-02 .mod-gNaviSp-sublinks-item.item-b-02 a, .pageClass-b-03 .mod-gNaviSp-sublinks-item.item-b-03 a, .pageClass-b-04 .mod-gNaviSp-sublinks-item.item-b-04 a, .pageClass-b-05 .mod-gNaviSp-sublinks-item.item-b-05 a, .pageClass-b-06 .mod-gNaviSp-sublinks-item.item-b-06 a, .pageClass-c-01 .mod-gNaviSp-sublinks-item.item-c-01 a, .pageClass-c-02 .mod-gNaviSp-sublinks-item.item-c-02 a, .pageClass-c-03 .mod-gNaviSp-sublinks-item.item-c-03 a, .pageClass-c-04 .mod-gNaviSp-sublinks-item.item-c-04 a, .pageClass-c-05 .mod-gNaviSp-sublinks-item.item-c-05 a, .pageClass-c-06 .mod-gNaviSp-sublinks-item.item-c-06 a, .pageClass-d-01 .mod-gNaviSp-sublinks-item.item-d-01 a, .pageClass-d-02 .mod-gNaviSp-sublinks-item.item-d-02 a, .pageClass-d-03 .mod-gNaviSp-sublinks-item.item-d-03 a, .pageClass-d-04 .mod-gNaviSp-sublinks-item.item-d-04 a, .pageClass-d-05 .mod-gNaviSp-sublinks-item.item-d-05 a, .pageClass-d-06 .mod-gNaviSp-sublinks-item.item-d-06 a, .pageClass-e-01 .mod-gNaviSp-sublinks-item.item-e-01 a, .pageClass-e-02 .mod-gNaviSp-sublinks-item.item-e-02 a, .pageClass-f-01 .mod-gNaviSp-sublinks-item.item-f-01 a, .pageClass-f-02 .mod-gNaviSp-sublinks-item.item-f-02 a, .pageClass-f-03 .mod-gNaviSp-sublinks-item.item-f-03 a, .pageClass-f-04 .mod-gNaviSp-sublinks-item.item-f-04 a, .pageClass-f-05 .mod-gNaviSp-sublinks-item.item-f-05 a, .pageClass-g-01 .mod-gNaviSp-sublinks-item.item-g-01 a, .pageClass-career.pageClass-careerIndex .mod-gNaviSp-sublinks-item.item-career a, .pageClass-entry .mod-gNaviSp-sublinks-item.item-entry a, .pageClass-road .mod-gNaviSp-sublinks-item.item-road a, .pageClass-ground .mod-gNaviSp-sublinks-item.item-ground a, .pageClass-goods .mod-gNaviSp-sublinks-item.item-goods a { background: #fff; color: #009344; }
  .mod-gNaviSp-contactWrap { display: block; padding: 15px; }
  .mod-gNaviSp-contactWrap-tel { color: #fff; text-align: center; margin-bottom: 1em; }
  .mod-gNaviSp-contactWrap-tel-h { font-family: 'Noto Sans Japanese', sans-serif; font-weight: bold; font-size: 0.9rem; line-height: 0; display: inline-block; margin: 0 auto 1em; padding: 0 3em; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } }

@media only screen and (max-width: 767px) and (max-width: 767px) { .mod-gNaviSp-contactWrap-tel-h { font-family: sans-serif; } }

@media only screen and (max-width: 767px) { .mod-gNaviSp-contactWrap-tel-h span { background: #009344; padding: 0 1em; }
  .mod-gNaviSp-contactWrap-tel-num a { color: #fff; font-weight: bold; font-size: 1.4rem; text-decoration: none; }
  .mod-gNaviSp-contactWrap-links { font-family: 'Noto Sans Japanese', sans-serif; } }

@media only screen and (max-width: 767px) and (max-width: 767px) { .mod-gNaviSp-contactWrap-links { font-family: sans-serif; } }

@media only screen and (max-width: 767px) { .mod-gNaviSp-contactWrap-links-item { margin-bottom: 8px; }
  .mod-gNaviSp-contactWrap-links-item a { display: block; background: #eae9dc; padding: 12px 20px; box-sizing: border-box; border-radius: 4px; font-size: 0.9em; font-weight: bold; text-decoration: none; text-align: center; border: 1px solid #fff; color: #000; } }

/* ===================================================================
#header
=================================================================== */
#header { width: 100%; min-width: 1000px; }

#index #header { position: absolute; z-index: 20; }

#headerIn { width: 1000px; margin: 0 auto 22px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.header-logo { padding: 33px 0 0 0; float: left; }

#headerIn .text01 { padding: 52px 1px 0 0; float: right; }

.header-gnavBtn { display: none; }

@media only screen and (max-width: 767px) { #header { min-width: auto; }
  #index #header { position: static; }
  #headerIn { width: auto; margin: 0; background: #fff; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
  .header-logo { padding: 8px; width: 180px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }
  #headerIn .text01 { padding: 0; display: none; }
  .header-gnavBtn { background: #009344; width: 50px; height: 50px; display: block; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
  .header-gnavBtn-lines-item { background: #fff; width: 20px; height: 3px; margin-bottom: 4px; } }

.mod-addressBox { padding: 0 0 36px 0; }

.mod-addressBox-h { color: #fff; text-align: center; font-weight: bold; background: #009344; padding: 8px 15px 7px; }

.mod-addressBox-in { font-size: 93%; background: #eae9dc; padding: 13px; color: #333; text-align: center; }

.mod-addressBox-in a { color: #333; }

.mod-addressBox-clear { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.mod-addressBox-staff { margin-right: 1em; }

.mod-addressBox-tels { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }

.mod-addressBox-tels-item { font-size: 131%; display: inline-block; color: #333; text-align: center; font-weight: bold; }

.mod-addressBox-tels-item span { color: #009344; margin-right: 0.5em; font-size: 0.8rem; }

.mod-addressBox-btn { width: 164px; }

@media only screen and (max-width: 767px) { .mod-addressBox-clear { display: block; }
  .mod-addressBox-staff { margin-bottom: 1em; }
  .mod-addressBox-tels { display: block; }
  .mod-addressBox-tels-item { margin-bottom: 0.5em; }
  .mod-addressBox-btn { width: auto; } }

.mod-slider01 { margin: 0 0 37px 0; padding: 40px 40px 15px; position: relative; background: #f0f0f0; }

.mod-slider01-frame { position: relative; margin-bottom: 10px; }

.mod-slider01-nav { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; flex-wrap: wrap; }

.mod-slider01-nav .slick-arrow { display: none !important; }

.mod-slider01-nav-item { background: url() center no-repeat; background-size: cover; margin-right: 10px; width: 40px; height: 40px !important; border: 2px solid #1a1a1a; float: left; cursor: pointer; text-align: center; overflow: hidden; position: relative; }

.mod-slider01-nav-item.slick-current { border-color: #fff; }

.mod-slider-btn { position: absolute; top: 50%; display: -webkit-box !important; display: flex !important; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; z-index: 1; margin-top: -20px; width: 40px; height: 40px; }

.mod-slider-btn.item-prev { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.mod-slider-btn.off, .mod-slider-btn.slick-disabled { display: none !important; }

.mod-slider-btn.item-prev { left: -40px; }

.mod-slider-btn.item-next { right: -40px; }

@media only screen and (max-width: 767px) { .mod-slider-btn { margin-top: -15px; width: 30px; height: 30px; } }

.mod-posts01 { display: -webkit-box; display: flex; flex-wrap: wrap; }

.mod-posts01-item { margin-bottom: 20px; line-height: 1.6; }

.mod-posts01.item-col4 .mod-posts01-item { width: 24%; margin-right: 1.3%; }

.mod-posts01.item-col4 .mod-posts01-item:nth-child(4n) { margin-right: 0; }

.mod-posts01.item-col3 .mod-posts01-item { width: 32%; margin-right: 2%; }

.mod-posts01.item-col3 .mod-posts01-item:nth-child(3n) { margin-right: 0; }

.mod-posts01-item a { display: block; text-decoration: none; }

.mod-posts01-img { text-align: center; margin-bottom: 10px; width: 100%; height: 144px; background: url("/common/img/share/noimage_01.gif") center no-repeat; background-size: cover; }

.mod-posts01-date { font-size: 0.85em; font-weight: bold; }

.mod-posts01-tit { font-size: 1em; }

@media only screen and (max-width: 767px) { .mod-posts01 { display: block; }
  .mod-posts01-item { width: 100% !important; margin-right: 0%; margin-bottom: 1em; }
  .mod-posts01-item a { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: flex; }
  .mod-posts01-img { width: 45%; height: auto; min-height: 134px; margin-bottom: 0; }
  .mod-posts01-txts { -webkit-box-flex: 1; flex: 1; padding: 20px 12px; background: #e7e7e7; font-size: 0.9rem; } }

.mod-caseTag01 { background: #FFF; color: #595757; font-size: 93%; float: left; font-weight: bold; padding: 3px 15px 2px; letter-spacing: 1px; margin: 0 10px 0 0; }

.mod-table01 { border-spacing: 13px 0; margin-left: -13px; margin-right: -13px; }

.mod-table01 th, .mod-table01 td { border-top: 2px solid #ededed; padding: 9px 0 7px; vertical-align: top; }

@media only screen and (max-width: 767px) { .mod-table { margin: 0; }
  .mod-table01 th, .mod-table01 td { width: 100%; }
  .mod-table01 td { border: none; } }

@media only screen and (max-width: 767px) { .mod-scrollTableWrap-frame { overflow-x: scroll; -webkit-overflow-scrolling: touch; }
  .mod-scrollTableWrap:before { content: "※この表は横にスクロールできます"; font-size: 0.8rem; margin-bottom: 0.4rem; display: block; }
  .mod-scrollTableWrap table { width: 610px !important; } }

/* ===================================================================
under.css
=================================================================== */
/* .pagerLists */
.pagerLists { height: 60px; position: relative; }

.pagerLists li { position: absolute; top: 0px; }

.pagerLists li.pagerPrevBtn { left: 0px; }

.pagerLists li.pagerIndexBtn { left: 50%; margin: 0 0 0 -30px; }

.pagerLists li.pagerNextBtn { right: 0px; }

/* .articleSection */
.articleHeader { margin: 0 0 22px 0; }

.articleHeader .articleDate { border-bottom: 1px solid #58595b; margin: 0 0 14px 0; padding: 0 0 8px 0; }

.articleHeader .articleTitle { font-size: 115%; font-weight: bold; color: #333; padding: 0 4px 0; line-height: 1.4; }

.articleContent { border-bottom: 1px solid #58595b; padding: 0 0 40px 0; margin: 0 0 19px 0; word-wrap: break-word; }

.articleContent p { margin-bottom: 20px; }

.articleContent a { color: #009344 !important; }

.articleContent h1 { font-size: 155%; color: #fff; font-weight: bold; }

.articleContent h2 { font-size: 145%; color: #fff; font-weight: bold; }

.articleContent h3 { font-size: 135%; color: #fff; font-weight: bold; }

.articleContent h4 { font-size: 125%; color: #fff; font-weight: bold; }

.articleContent h5 { font-size: 115%; color: #fff; font-weight: bold; }

.articleContent h6 { font-size: 110%; color: #fff; }

.articleContent i { font-size: 100%; font-style: normal; }

.articleContent h1, .articleContent h2, .articleContent h3, .articleContent h4, .articleContent h5, .articleContent h6, .articleContent div, .articleContent ul, .articleContent ol, .articleContent li, .articleContent dl, .articleContent dt, .articleContent dd, .articleContent img, .articleContent p, .articleContent a, .articleContent table, .articleContent tr, .articleContent td { margin: 0px; padding: 0px; border-width: 0px; line-height: 1.8em; text-align: left; }

.articleContent img { padding-top: 1em; max-width: 100%; height: auto; }

.articleContent table { margin-top: 1.5em; padding: 1px 5px; border-collapse: collapse; border: solid 1px #CCCCCC; }

.articleContent th { padding: 1px 5px; border: solid 1px #CCCCCC; }

.articleContent td { padding: 1px 5px; border: solid 1px #CCCCCC; }

.articleContent ul, .articleContent ol { margin: 1em; }

.articleContent ul li { list-style: inside disc; }

.articleContent ol li { list-style: inside decimal; }

/*--------------------------------------------*/