@charset "UTF-8";
/*-------------------------------------------------------------- 
	Yachiyo Industry Co., Ltd. Website Common CSS
	2018/03/28 JP ver.
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("/webfont/NotoSansCJKjp-Thin.woff2") format("woff2"), url("/webfont/NotoSansCJKjp-Thin.woff") format("woff"), url("/webfont/NotoSansCJKjp-Thin.ttf") format("truetype"), url("/webfont/NotoSansCJKjp-Thin.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("/webfont/NotoSansCJKjp-Light.woff2") format("woff2"), url("/webfont/NotoSansCJKjp-Light.woff") format("woff"), url("/webfont/NotoSansCJKjp-Light.ttf") format("truetype"), url("/webfont/NotoSansCJKjp-Light.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("/webfont/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("/webfont/NotoSansCJKjp-DemiLight.woff") format("woff"), url("/webfont/NotoSansCJKjp-DemiLight.ttf") format("truetype"), url("/webfont/NotoSansCJKjp-DemiLight.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("/webfont/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/webfont/NotoSansCJKjp-Regular.woff") format("woff"), url("/webfont/NotoSansCJKjp-Regular.ttf") format("truetype"), url("/webfont/NotoSansCJKjp-Regular.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("/webfont/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/webfont/NotoSansCJKjp-Medium.woff") format("woff"), url("/webfont/NotoSansCJKjp-Medium.ttf") format("truetype"), url("/webfont/NotoSansCJKjp-Medium.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("/webfont/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/webfont/NotoSansCJKjp-Bold.woff") format("woff"), url("/webfont/NotoSansCJKjp-Bold.ttf") format("truetype"), url("/webfont/NotoSansCJKjp-Bold.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("/webfont/NotoSansCJKjp-Black.woff2") format("woff2"), url("/webfont/NotoSansCJKjp-Black.woff") format("woff"), url("/webfont/NotoSansCJKjp-Black.ttf") format("truetype"), url("/webfont/NotoSansCJKjp-Black.eot") format("embedded-opentype"); }

/* = Clear fix
-------------------------------------------------------------- */
.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.cf {
  display: inline-table;
  zoom: 1; }

/* ¥*/
* html .cf {
  height: 1%; }

.cf {
  display: block; }

/* */
/* =ベース
-------------------------------------------------------------- */
* {
  box-sizing: border-box;
  font-feature-settings: "palt"; }

html, body {
  margin: 0;
  padding: 0; }

html {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 17px;
  font-weight: 300; }

body {
  min-width: 1000px;
  background: #ffffff; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, figure {
  margin: 0;
  padding: 0; }

img {
  border: none; }

a {
  outline: none;
  text-decoration: none;
  color: #05007a; }
  a:hover {
    color: #006dd1; }

a[href="#News"] {
  outline: none;
  text-decoration: none;
  color: #333;cursor: default; }
  a[href="#News"]:hover {
    color: #333; }


a, a:before, a:after, input {
  -webkit-transition-property: background color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background color;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  -o-transition-property: background color;
  -o-transition-duration: 0.2s;
  -o-transition-timing-function: ease; }

a:focus, *:focus {
  outline: none; }

/* tSag 2018.3.29 Add 
a[href="#News"] {
  outline: none;
  text-decoration: none;cursor: default;
  color: black; }
  a[href="#News"]:hover {
    color: black;cursor: default; }
*/
/* ::selection {
  /*	color: #fff;
	background-color: #e84e3c;*/ }

strong {
  font-weight: 400; }

.clear {
  clear: both; }

.hdn {
  display: none; }

.nowrap {
  white-space: nowrap; }

.pc {
  display: block; }

.sp {
  display: none; }

.inner,
.panel-grid {
  position: relative;
  width: 1000px;
  margin: 0 auto; }

/* =ヘッダー
-------------------------------------------------------------- */
.site-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background: white;
  border-bottom: 1px solid #e3e3e3;
  z-index: 100; }

.site-header .inner {
  padding: 0; }

.site-title {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1; }
  .site-title a {
    display: block;
    padding-top: 20px; }
  .site-title .pc {
    display: inline-block; }
  .site-title .sp {
    display: none; }

body.home .site-title {
  text-align: center; }

/* =サブメニュー
-------------------------------------------------------------- */
.subnav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10; }
  .subnav .wpel-icon {
    display: none !important; }
  .subnav .inner {
    padding: 8px 0; }
    .subnav .inner div {
      position: relative;
      float: right;
      margin-left: 20px;
      font-size: .7rem; }
      .subnav .inner div a {
        font-weight: 700;
        color: #787677; }
        .subnav .inner div a:hover {
          color: #000; }
    .subnav .inner .site-search {
      display: none;
      position: absolute;
      right: 0;
      top: 22px;
      background: rgba(0, 0, 0, 0.8);
      padding: 10px 16px;
      border-radius: 3px; }
      .subnav .inner .site-search div {
        margin: 0; }
        .subnav .inner .site-search div .site-search-btn {
          padding: 5px;
          font-size: 1rem;
          border: none;
          border-radius: 3px;
          margin-bottom: 5px; }
        .subnav .inner .site-search div .submit {
          padding: 2px;
          font-size: 1rem;
          border: none;
          border-radius: 3px; }
    .subnav .inner #site-search-btn {
      color: #787677; }
      .subnav .inner #site-search-btn:hover {
        cursor: pointer;
        color: #000; }

.subnav-sp {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 5px; }
  .subnav-sp .wpel-icon {
    display: none !important; }
  .subnav-sp div {
    margin: 3px 1px 1px 1px;
    color: #fff;
    width: 100%;
    background: #404040;
    text-align: center;
    line-height: 1; }
    .subnav-sp div a {
      color: #fff;
      display: block;
      width: 100%;
      height: 100%;
      padding: 10px;
      line-height: 1.5; }
      .subnav-sp div a:hover {
        background: #373737; }
    .subnav-sp div.site-lang {
      display: flex;
      flex-wrap: nowrap; }
      .subnav-sp div.site-lang .cn {
        border-left: 1px solid #1e1e1e; }
    .subnav-sp div.site-search {
      padding: 3px; }
      .subnav-sp div.site-search .site-search-btn {
        padding: 5px;
        font-size: 1rem;
        border: none;
        border-radius: 3px; }
      .subnav-sp div.site-search .submit {
        padding: 2px;
        font-size: 1rem;
        border: none;
        border-radius: 3px; }

/* =メインメニュー
-------------------------------------------------------------- */
.menu-switch {
  position: absolute;
  margin: 0;
  top: 10px;
  right: 7px;
  z-index: 1000;
  display: block;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  color: #fff; }
  .menu-switch:hover {
    cursor: pointer; }

body.home .menu-switch {
  top: -4px;
  display: none; }

.menu-switch-btn {
  position: relative;
  top: 2px;
  display: block;
  width: 42px;
  height: 42px;
  z-index: 3;
  background: #fff; }

.menu-switch-btn span {
  display: block;
  background: #666666;
  width: 24px;
  height: 2px;
  position: absolute;
  left: 9px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s; }

.menu-switch-btn span:first-child {
  top: 12px; }

.menu-switch-btn span:nth-child(2) {
  margin-top: -1px;
  top: 50%; }

.menu-switch-btn span:last-child {
  bottom: 12px; }

.menu-switch-btn.on span:first-child {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg); }

.menu-switch-btn.on span:nth-child(2) {
  opacity: 0; }

.menu-switch-btn.on span:last-child {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg); }

.menu-switch-btn.on span {
  background: #fff; }

.menu-switch-btn.on {
  background: #000; }

#site-navigation {
  display: none;
  width: 100%;
  padding: 2rem 0;
  background: rgba(0, 0, 0, 0.9);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }

.gnav {
  margin: 0;
  padding: 30px 0 0 0;
  display: flex;
  flex-wrap: nowrap; }
  .gnav li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    color: #fff; }
    .gnav li a {
      padding: 10px 5px;
      color: #fff;
      display: block;
      text-decoration: none;
      border-radius: 3px; }
      .gnav li a:hover {
        text-decoration: none;
        color: #fff;
        background: rgba(16, 43, 93, 0.9); }
    .gnav li .sub-menu {
      padding: 15px 0 0 3px;
      border-top: 1px rgba(255, 255, 255, 0.2) solid; }
      .gnav li .sub-menu li {
        position: relative;
        margin-bottom: 0.5em;
        margin-left: 1.3em;
        list-style: none;
        font-size: .85rem;
        text-align: left;
        line-height: 1.5; }
        .gnav li .sub-menu li:before {
          position: absolute;
          content: '';
          width: 11px;
          height: 2px;
          background: #b93f26;
          top: .8em;
          left: -15px; }
      .gnav li .sub-menu a {
        font-weight: 300;
        padding: 2px; }
  .gnav li.menu-item-has-children, .gnav .gn-contact, .gnav .gn-home, .gnav .gn-rd, .gnav .gn-corp, .gnav .gn-product, .gnav .gn-ir {
    width: 100%;
    font-size: .9rem;
    font-weight: 400;
    text-align: center;
    margin-right: 1px;
    margin-left: 1px; }
    .gnav li.menu-item-has-children > a, .gnav .gn-contact > a, .gnav .gn-home > a, .gnav .gn-rd > a, .gnav .gn-corp > a, .gnav .gn-product > a, .gnav .gn-ir > a {
      padding: 47px 5px 5px 5px;
      margin-bottom: 5px; }
      .gnav li.menu-item-has-children > a:before, .gnav .gn-contact > a:before, .gnav .gn-home > a:before, .gnav .gn-rd > a:before, .gnav .gn-corp > a:before, .gnav .gn-product > a:before, .gnav .gn-ir > a:before {
        position: absolute;
        content: '';
        left: 50%;
        opacity: .5; }
      .gnav li.menu-item-has-children > a:hover:before, .gnav .gn-contact > a:hover:before, .gnav .gn-home > a:hover:before, .gnav .gn-rd > a:hover:before, .gnav .gn-corp > a:hover:before, .gnav .gn-product > a:hover:before, .gnav .gn-ir > a:hover:before {
        opacity: 1; }
  .gnav li.gn-product > a:before {
    margin-left: -20px;
    margin-left: -18px;
    width: 40px;
    height: 40px;
    background: url(../img/ico_product_w.svg) no-repeat center center;
    top: 3px; }
  .gnav li.gn-home > a:before {
    margin-left: -18px;
    width: 36px;
    height: 36px;
    background: url(../img/ico_home_w.svg) no-repeat center center;
    top: 2px; }
  .gnav li.gn-contact > a:before {
    top: 0;
    margin-left: -19px;
    width: 38px;
    height: 38px;
    background: url(../img/ico_contact_w.svg) no-repeat center center; }
  .gnav li.gn-corp > a:before {
    top: 2px;
    width: 38px;
    height: 38px;
    margin-left: -19px;
    background: url(../img/ico_corp_w.svg) no-repeat center center; }
  .gnav li.gn-ir > a:before {
    margin-left: -19px;
    width: 38px;
    height: 38px;
    background: url(../img/ico_ir_w.svg) no-repeat center center;
    top: 2px; }
  .gnav li.gn-rd > a:before {
    margin-left: -22px;
    width: 44px;
    height: 44px;
    background: url(../img/ico_rd_w.svg) no-repeat center center;
    top: -3px; }

/* =メインメニュー（トップ）
-------------------------------------------------------------- */
.gnpc {
  position: relative;
  display: flex;
  flex-wrap: nowrap; }
  .gnpc > li {
    width: 100%;
    list-style: none;
    text-align: center;
    height: 90px;
    font-size: 13px;
    letter-spacing: .1em; }
  .gnpc > li > a {
    position: relative;
    display: block;
    padding: 53px 0 0 0;
    color: #848283;
    font-weight: 700; }
    .gnpc > li > a:before {
      position: absolute;
      top: 10px;
      left: 50%;
      margin-left: -20px;
      content: '';
      width: 40px;
      height: 40px;
      background: url(../img/ico_product.svg) no-repeat center center;
      opacity: .5; }
    .gnpc > li > a:hover {
      color: #23211d; }
    .gnpc > li > a:hover:before {
      opacity: .9; }
  .gnpc li.gn-home > a:before {
    margin-left: -18px;
    width: 36px;
    height: 36px;
    background: url(../img/ico_home.svg) no-repeat center center;
    top: 9px; }
  .gnpc li.gn-contact > a:before {
    top: 12px;
    margin-left: -19px;
    width: 38px;
    height: 38px;
    background: url(../img/ico_contact.svg) no-repeat center center; }
  .gnpc li.gn-corp > a:before {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    background: url(../img/ico_corp.svg) no-repeat center center; }
  .gnpc li.gn-ir > a:before {
    margin-left: -19px;
    width: 38px;
    height: 38px;
    background: url(../img/ico_ir.svg) no-repeat center center;
    top: 13px; }
  .gnpc li.gn-rd > a:before {
    margin-left: -22px;
    width: 44px;
    height: 44px;
    background: url(../img/ico_rd.svg) no-repeat center center;
    top: 5px; }
  .gnpc .sub-menu {
    display: none; }

.gnpc-pd {
  top: -400px;
  position: absolute;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 200px;
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
  .gnpc-pd li.tophide {
    display: none !important; }
  .gnpc-pd a {
    color: #fff; }
  .gnpc-pd .gn-thumb {
    float: left;
    width: 220px;
    height: 200px;
    margin-right: 2rem;
    background: rgba(16, 43, 93, 0.9);
    text-align: center;
    overflow: hidden; }
    .gnpc-pd .gn-thumb img {
      width: 45%;
      opacity: .3;
      padding-top: 34px; }
    .gnpc-pd .gn-thumb:hover {
      background: #12397f;
      -webkit-transition-property: background color;
      -webkit-transition-duration: 0.2s;
      -webkit-transition-timing-function: ease;
      -moz-transition-property: background color;
      -moz-transition-duration: 0.2s;
      -moz-transition-timing-function: ease;
      -o-transition-property: background color;
      -o-transition-duration: 0.2s;
      -o-transition-timing-function: ease; }
      .gnpc-pd .gn-thumb:hover img {
        opacity: 1; }
  .gnpc-pd ul {
    box-sizing: border-box;
    padding: 1rem; }
    .gnpc-pd ul li {
      width: 20%;
      display: inline-block;
      position: relative;
      margin-bottom: 0.5em;
      margin-left: 1.3em;
      list-style: none;
      font-size: .85rem;
      text-align: left;
      line-height: 1.5; }
      .gnpc-pd ul li:before {
        position: absolute;
        content: '';
        width: 11px;
        height: 2px;
        background: #b93f26;
        top: .87em;
        left: -15px; }
      .gnpc-pd ul li a {
        padding: 3px;
        color: #fff;
        display: block;
        text-decoration: none;
        border-radius: 3px; }
        .gnpc-pd ul li a:hover {
          text-decoration: none;
          color: #fff;
          background: rgba(16, 43, 93, 0.9); }
    .gnpc-pd ul a {
      font-weight: 300;
      padding: 2px; }

.gnpc-pd.on {
  top: auto; }

/* =フッター
-------------------------------------------------------------- */
#footer {
  clear: both;
  padding: 0 0 45px 0;
  background: #fff;
  text-align: center;
  font-size: .75rem; }

#breadcrumb {
  padding: 10px 0;
  font-size: .75rem; }

.footer-nav {
  padding: 10px 0 55px 0; }

.copyright {
  font-style: normal;
  font-size: .5rem; }
  .copyright a {
    color: #000;
    text-decoration: none; }
    .copyright a:hover {
      text-decoration: underline; }

/* =ページトップヘのボタン
-------------------------------------------------------------- */
#page-top {
  width: 64px;
  height: 64px;
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  overflow: none;
  font-size: 25px;
  text-align: center;
  line-height: 0;
  overflow: hidden; }

a#page-top-link {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20px 0 0 0;
  color: #fff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.5); }
  a#page-top-link:hover {
    background: black; }

/* =メインコンテンツ
-------------------------------------------------------------- */
.wrapper {
  clear: both;
  background: #f6f6f6; }

/* ページヘッダー */
.page-header {
  min-height: 120px;
  padding: 40px 0 0 0;
  background: #fff;
  line-height: 1.2;
  overflow: hidden; }
  @media screen and (max-width: 460px) { .page-header { min-height: auto; } }

.page-header .inner {
  display: flex;
  justify-content: space-between; }

.page-title {
  position: relative;
  font-size: 27px;
  padding-right: 75px;
  width: 500px; }

.longtitle .page-title {
  width: 900px; }

.archive .page-title {
  width: 700px; }

.page-subnav {
  width: calc(1000px - 250px);
  /* text-align: right;*/
  font-size: 13px;
  line-height: 1.2; }
  .page-subnav ul {
    margin: 0;
    padding: 0; }
  .page-subnav li {
    position: relative;
    display: inline-block;
    min-width: 120px;
    max-width: 200px;
    margin-left: 1rem; }
    .page-subnav li a {
      position: relative;
      color: #6a6a6a;
      padding-left: 10px; }
      .page-subnav li a:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 2px;
        margin: auto;
        content: '';
        vertical-align: middle;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border: 4px solid transparent;
        border-left: 4px solid #bfbfbf; }
      .page-subnav li a:hover {
        color: #000; }
        .page-subnav li a:hover:before {
          border-left: 4px solid #000; }
  .page-subnav .children {
    display: none; }

.page-image {
  position: relative;
  text-align: center;
  max-height: 250px;
  overflow: hidden;
  line-height: 1; }
  .page-image img {
    width: 100%;
    height: auto;
    display: block; }


@media screen and (min-width: 1300px) {
  .page-image img {
    position: relative;
    top: -50px; } }

.content {
  padding-top: 30px;
  clear: both;
  padding-bottom: 75px; }

.content {
  background: #f6f6f6 url(../img/bg_home.png) repeat-x;
  min-height: 400px;
  /* カテゴリートップページ関連 */ }
  .content p {
    margin-bottom: 0.4rem;
    color: #444;
    line-height: 2.2; }
  .content h2, .content h3, .content h4, .content h5 {
    position: relative;
    font-weight: 500; }
    .content h2 a, .content h3 a, .content h4 a, .content h5 a {
      text-decoration: none; }
      .content h2 a:hover, .content h3 a:hover, .content h4 a:hover, .content h5 a:hover {
        text-decoration: underline; }
  .content h2 {
    font-size: 1.75rem;
    color:#252525;
    clear: both;
   /* font-family: 'Sawarabi Gothic';
    font-family: 'M PLUS 1p'; */
    padding: 0 0 0.5rem; }
  .content p + h2,
  .content div + h2,
  .content table + h2,
  .content ul + h2,
  .content ol + h2 {
    padding: 2.5rem 0 0.5rem; }
  .content h3 {
    margin: 0 0 0.9rem 0;
    padding: 0;
    font-size: 2.0rem;
    font-family: 'M PLUS 1p';
    /* font-weight: 600;*/
    line-height: 1.2;
    /* letter-spacing: -1px;*/
    color: #404040;
    clear: both; }
  .content h3.widget-title {
      font-size: 1rem; }
  .content h2 + h3,
  .content p + h3,
  .content div + h3,
  .content table + h3,
  .content ul + h3,
  .content ol + h3 {
    margin: 2rem 0 1.5rem 0; }
  .content h4 {
    font-size: 1.25rem;
    margin-bottom: .5rem; }
  .content h5 {
    font-size: 1rem;
    color:#444; }
  .content .h-cu {
    font-size: 1.75rem;
    text-align: center;
    font-weight: 500;
    margin-top: 1rem !important;
    margin-bottom: 2rem !important; }
  .content .h-cu:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #fff;
    bottom: 1px;
    left: 0; }
  .content .h-cu:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #d2d2d2;
    bottom: 0;
    left: 0; }
  .content .h-ll {
    font-weight: normal !important; }
  .content table {
    border-collapse: collapse;
    border-spacing: 0;
    rempty-cells: show;
    margin-bottom: 1.5rem;
    width: 100%;
    border-top: 1px solid #bfbfbf; }
  .content table td, .content table th {
    padding: 1rem;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    text-align: left;
    line-height: 1.5; }
  .content table th {
    font-weight: 400;
    background-color: #f2f2f2; }
  .content table td {
    background: #fff; }
  .content table p,
  .content table ul,
  .content table ol {
    margin: 1rem 0; }
  .content table caption {
    text-align: left;
    font-weight: 700; }
  .content ul {
    margin-bottom: 1.5rem; }
    .content ul li:before {
      position: absolute;
      content: '';
      width: 11px;
      height: 2px;
      background: #b93f26;
      top: .67em;
      left: -20px; }
  .content ol {
    margin-bottom: 1.5rem;
    padding-left: 2px; }
  .content li {
    position: relative;
    margin-bottom: 0.5em;
    margin-left: 1.3em;
    list-style: none;
    line-height: 1.5; }
  .content ol li {
    margin-bottom: 0.5em;
    margin-left: 1.3em;
    list-style: decimal; }
  .content ul.disc li {
    list-style: disc; }
    .content ul.disc li:before {
      display: none; }
  .content .lcp_catlist li {
    line-height: 1.5; }
    .content .lcp_catlist li a {
      font-weight: 400; }
    .content .lcp_catlist li .post-date {
      display: block;
      font-size: .9em; }
  .content .InPageNavi {
    margin: 1rem 0 3rem 0; }
    .content .InPageNavi ul {
      text-align: center; }
      .content .InPageNavi ul li {
        margin: 0 2rem;
        display: inline-block;
        font-size: 1.2rem; }
        .content .InPageNavi ul li:before {
          display: none; }
        .content .InPageNavi ul li a {
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
          padding: 0 0 0 20px; }
          .content .InPageNavi ul li a:before {
            position: absolute;
            content: "";
            vertical-align: middle;
            top: 35%;
            bottom: 0;
            left: 0;
            width: 10px;
            height: 10px;
            border-top: 2px solid #ff0000;
            border-right: 2px solid #ff0000;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-top: -5px; }
          .content .InPageNavi ul li a:hover:before {
            top: 55%; }
  .content small {
    font-size: 0.75rem;
    letter-spacing: 0; }
  .content sub {
    font-size: 0.5rem;
    vertical-align: baseline; }
  .content sup {
    position: relative;
    top: 0.2em;
    font-size: .5rem; }
  .content p.smalltxt {
    margin: 0;
    font-size: .75rem;
    line-height: 1.5; }
  .content span.smalltxt {
    font-size: .75rem; }
  .content .alignleft {
    float: left; }
  .content .alignright {
    float: right; }
  .content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .content img.alignleft,
  .content div.alignleft,
  .content .wp-caption.alignleft {
    margin: 6px 1rem 1rem 0; }
  .content img.alignright,
  .content div.alignright,
  .content .wp-caption.alignright {
    margin: 6px 0 1rem 1rem; }
  .content img.aligncenter,
  .content .wp-caption.aligncenter {
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px; }
  .content .wp-caption {
    padding: 4px; }
  .content .wp-caption .wp-caption-text,
  .content .gallery-caption,
  .content .entry-caption {
    margin: 0;
    font-size: .75rem;
    line-height: 2; }
  .content .Thumbnail {
    margin: 0 10px 10px 0;
    padding: 6px;
    float: left;
    background: #e0e3e5;
    border: #d0d4d8 1px solid; }
  .content .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .content .youtube iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
  .content .catchcopy {
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 1.4rem; }
    margin-bottom: 2rem; }
  .content .catchcopy15 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: 2rem; }
  .content .so-widget-image {
    max-width: 100%;
    height: auto; }
  .content .ws {
    background: #fff;
    box-shadow: 0px 0px 20px 10px #fff; }
  .content .iw {
    background: #fff; }
  .content .img-stretch {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .content .w20 {
    width: 20%; }
  .content .w30 {
    width: 30%; }
  .content .w40 {
    width: 40%; }
  .content .w50 {
    width: 50%; }
  .content .list {
    position: relative;
    margin-bottom: .5rem;
    padding: 1.5rem 2.5rem;
    background: #FFF;
    border: #bfbfbf 1px solid;
    border-radius: 3px; }
    .content .list p {
      line-height: 1.5;
      margin: 0 0 0.5rem 0; }
    .content .list h3 {
      font-size: 1.6rem;
      margin: 0 0 0.75rem 0;
      padding-bottom: 2px; }
    .content .list p + h3, .content .list ul + h3, .content .list ol + h3, .content .list table + h3 {
      margin-top: 2rem; }
    .content .list blockquote {
      margin: 0;
      padding: 1rem 1.3rem;
      background: #f4f5f2;
      border: #dadcd7 1px solid; }
      .content .list blockquote p {
        line-height: 1.5;
        margin: 0; }
  .content .div-wr {
    background: #fff;
    border-radius: 5px;
    padding: 1rem; }
    .content .div-wr .widget-title {
      font-size: 1.2rem;
      text-align: center; }
    .content .div-wr p {
      line-height: 1.5; }
  .content .cat-list-child {
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    border: 1px solid  #e2e2e2; }
    .content .cat-list-child a {
      color: #000;
      display: block;
			text-align: center;
      text-decoration: none; }
      .content .cat-list-child a:hover {
        opacity: .8;
        text-decoration: none; }
    .content .cat-list-child h2 {
      display: block;
      margin: 0;
      padding: 10px 10px;
      font-size: 18px;
      font-weight: normal;
      background: no-repeat right center; }
    .content .cat-list-child .cat-list-title a {
      position: relative; }
      .content .cat-list-child .cat-list-title a:hover {
        opacity: .6; }
    .content .cat-list-child .cat-list-title a:before {
      position: absolute;
      content: "";
      vertical-align: middle;
      top: 50%;
      bottom: 0;
      right: 5px;
      width: 10px;
      height: 10px;
      border-top: 1px solid #bfbfbf;
      border-right: 1px solid #bfbfbf;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -5px; }
    .content .cat-list-child .thumbnail {
      height: 200px;
      overflow: hidden;
      background: #e2e2e2; }
      .content .cat-list-child .thumbnail img {
        width: 100%;
        height: auto; }
  .content .cat-list-child2 {
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    border: 1px solid  #e2e2e2;
    display: flex;
    flex-wrap: nowrap; }
    .content .cat-list-child2 .cat-list-disp {
      width: 100%;
      padding: 10px; }
      .content .cat-list-child2 .cat-list-disp .cat-list-title {
        font-size: 18px; }
        .content .cat-list-child2 .cat-list-disp .cat-list-title a {
          color: #000; }
      .content .cat-list-child2 .cat-list-disp p {
        line-height: 1.5;
        margin-bottom: 0; }
    .content .cat-list-child2 .thumbnail {
      float: left;
      line-height: 0; }
      .content .cat-list-child2 .thumbnail img {
        width: 160px;
        height: 160px; }
    .content .cat-list-child2 .cat-list-title a {
      display: block;
      position: relative; }
      .content .cat-list-child2 .cat-list-title a:hover {
        opacity: .6; }
    .content .cat-list-child2 .cat-list-title a:before {
      position: absolute;
      content: "";
      vertical-align: middle;
      top: 50%;
      bottom: 0;
      right: 5px;
      width: 10px;
      height: 10px;
      border-top: 1px solid #bfbfbf;
      border-right: 1px solid #bfbfbf;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -5px; }
  .content .cat-list-child100 {
    width: 100%; }
  .content .cat-list-disc {
    padding: 0 10px 10px 10px;
    font-size: .9rem;
    line-height: 1.4; }
    .content .cat-list-disc ul {
      margin-bottom: .5rem;
      margin-left: 1.3rem; }
    .content .cat-list-disc li {
      display: inline-block;
      margin: 0 2rem 0 0; }
  .content .cat-list-child-s660 .cat-list-title {
    white-space: nowrap;
    font-size: .87em; }
    .content .cat-list-child-s660 .cat-list-title a {
      min-height: 27px;
      padding-top: 4px; }
  .content .button {
    display: inline-block;
    font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 700 !important;
    -webkit-font-smoothing: antialiased;
    position: relative;
    margin: .5rem 0;
    padding: 0.5em 1.4em;
    background: #c7c7c7;
    background: linear-gradient(to bottom, #eaeaea 0%, #c7c7c7 100%);
    border: none;
    color: #000;
    text-align: center;
    transition: .2s;
    border: 1px solid #c5c5c5;
    border-radius: 3px; }
    .content .button:hover {
      border-color: #7d7d7d;
      color: #fff;
      text-shadow: 0px 0px 3px #000000;
      background: #929292;
      background: linear-gradient(to bottom, #b3b3b3 0%, #929292 100%); }
    .content .button:active, .content .button :focus {
      background: #002e3f;
      outline: none; }
  .content .button {
    min-width: 15em; }
  .content .pointer {
    height: 40px;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding: 6px 25px 5px 25px;
    border-radius: 3px 0 0 3px;
    background: #23211d; }
    .content .pointer:before {
      content: "";
      position: absolute;
      right: -20px;
      bottom: 0;
      width: 0;
      height: 0;
      border-left: 20px solid #23211d;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent; }
    .content .pointer:hover {
      background: #3f3d39; }
    .content .pointer:hover:before {
      border-left: 20px solid #3f3d39; }
  .content a[href*=".pdf"]::after {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background: url(../img/pdf.png) no-repeat;
    background-size: contain;
    margin-left: 3px; }

  .content a.npi[href*=".pdf"]::after {
    background: none;}

  .content a[href*=".doc"]::after, .content a[href*=".docx"]::after {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background: url(../img/doc.png) no-repeat;
    background-size: contain;
    margin-left: 3px; }
  .content a[href*=".xls"]::after, .content a[href*=".xlsx"]::after {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background: url(../img/xls.png) no-repeat;
    background-size: contain;
    margin-left: 3px; }
  .content .pb-bu {
    border-bottom: 1px solid #bfbfbf; }
  .content #toc_container {
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding: 1rem 1rem 0 1rem;
    background: #fff;
    font-size: .9rem;
    line-height: 1.5; }
    .content #toc_container ul.toc_list li ul {
      margin-top: 1em; }
      .content #toc_container ul.toc_list li ul li {
        display: inline-block;
        width: 45%; }

.inpagenav {
  background: #e6e6e6; }

.inpagenav ul {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: nowrap; }

.inpagenav ul li {
  list-style: none;
  font-size: .9rem;
  text-align: center;
  border-left: 1px solid #bfbfbf;
  width: 100%;
  margin: 0; }

.inpagenav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  color: #222;
  font-weight: 700; }

.inpagenav ul li a:hover {
  background: #f6f6f6; }

.inpagenav ul li:last-child {
  border-right: 1px solid #bfbfbf; }

/* tSag 2018.6.9 ニュースの画像枠撤去 for IE11 */
_:-ms-lang(x)::-ms-backdrop, body.archive #main > div.page-image > img {display:none;} 

/* = Contact
-------------------------------------------------------------- */
.content {
  /* フォーム関連 */ }
  .content select, .content textarea, .content input[type="text"], .content input[type="password"], .content input[type="datetime"], .content input[type="datetime-local"], .content input[type="date"], .content input[type="month"], .content input[type="time"], .content input[type="week"], .content input[type="number"], .content input[type="remail"], .content input[type="url"], .content input[type="search"], .content input[type="tel"], .content input[type="color"] {
    color: #767676;
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    height: 50px;
    padding: 6px 6px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 3px;
    height: auto;
    margin-right: 3px;
    max-width: 100%;
    font-size: 1.25rem; }
  .content .mw_wp_form dl {
    padding: 0.25rem 0 0.1rem 0.75rem;
    border-top: 1px solid #dbdbdb;
    margin-bottom: 0rem;
    display: flex; }
  .content .mw_wp_form dt {
    flex: 5;
    padding: .25rem;
    text-align: right; }
  .content .mw_wp_form dd {
    flex: 18;
    border-left: 1px solid #dbdbdb;
    padding: .5rem; }
  .content #mw_wp_form_mw-wp-form-172 table tr:nth-child(2n) td {
    background: #f6f6f6; }
  .content #mw_wp_form_mw-wp-form-172 table th {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle; }
  .content #mw_wp_form_mw-wp-form-172 table td {
    white-space: nowrap; }
  .content .form_req,
  .content .form_nin {
    display: inline-block;
    background: #a39661;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 3px;
    margin: 0 3px;
    position: relative;
    top: -2px; }
  .content .form_nin {
    background: #878787; }
  .content .form_note {
    font-size: .8rem;
    line-height: 1.2;
    display: block;
    padding: .5rem 0 0 0; }
  .content .txtbox {
    border: #cacaca 1px solid;
    background: #fff;
    padding: 1rem;
    margin: 1rem 0;
    height: 200px;
    overflow-y: auto;
    font-size: .95rem;
    line-height: 1.3;
    border-radius: 7px; }
  .content .txtbox::-webkit-scrollbar {
    background: #ccc;
    width: 10px;
    border-radius: 0 5px 5px 0; }
  .content .txtbox::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 5px; }
  .content input[type="button"] {
    background-color: #222;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    padding: 0.5rem 6rem;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    font-size: 30px; }
  .content input[type="button"]:hover,
  .content input[type="button"]:focus,
  .content input[type="submit"]:hover,
  .content input[type="submit"]:focus {
    background: #767676;
    color: #fff; }
  .content input[type="submit"] {
    cursor: pointer;
    background: none;
    border: none;
    color: #767676;
    font-size: 18px;
    margin: 0 10px;
    padding: 10px 24px;
    border: 1px solid #E0E0E0;
    text-shadow: 0px 1px 1px #E8E8E8;
    background: #f7f7f7;
    background: linear-gradient(top, #f7f7f7 1%, #f2f2f2 100%);
    border-radius: 5px;
    box-shadow: 0px 1px 1px #FFF inset, 0 0 0px 5px #EAEAEA;
    transition: all 0.2s linear;
    width: auto !important; }

/* =ニュース・カテゴリー・アーカイブ関連
-------------------------------------------------------------- */
.archive .separater, .category .separater, .single .separater {
  font-weight: 300; }

.archive .panel-grid, .category .panel-grid, .single .panel-grid {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  .archive .panel-grid article, .category .panel-grid article, .single .panel-grid article {
    width: 790px; }
    .archive .panel-grid article .category-desc, .category .panel-grid article .category-desc, .single .panel-grid article .category-desc {
      margin-bottom: 2rem; }
    .archive .panel-grid article .post-header, .category .panel-grid article .post-header, .single .panel-grid article .post-header {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: #bfbfbf 1px dotted; }
      .archive .panel-grid article .post-header .post-title, .category .panel-grid article .post-header .post-title, .single .panel-grid article .post-header .post-title {
        line-height: 1.3;
        margin-bottom: .75rem; }
    .archive .panel-grid article .post, .category .panel-grid article .post, .single .panel-grid article .post {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      margin-bottom: .5rem;
      padding-bottom: .5rem;
      border-bottom: #bfbfbf 1px dotted; }
      .archive .panel-grid article .post dt, .category .panel-grid article .post dt, .single .panel-grid article .post dt {
        width: 20%; }
      .archive .panel-grid article .post dd, .category .panel-grid article .post dd, .single .panel-grid article .post dd {
        width: 78%;
        line-height: 1.5; }
  .archive .panel-grid aside, .category .panel-grid aside, .single .panel-grid aside {
    width: 190px;
    border-left: 1px solid #bfbfbf;
    padding-left: 1rem; }
    .archive .panel-grid aside h3, .category .panel-grid aside h3, .single .panel-grid aside h3 {
      font-size: 1rem; }

.archive .post-cat a, .category .post-cat a, .single .post-cat a {
  display: inline-block;
  background: #f6d7c9;
  padding: 2px 5px;
  border-radius: 3px;
  color: #000;
  font-size: 11px;
  position: relative;
  top: -2px; }
  .archive .post-cat a:hover, .category .post-cat a:hover, .single .post-cat a:hover {
    background: #ffcdb7;
    color: #ea601f; }

.content .wp-pagenavi {
  width: 100%;
  margin-top: 3rem;
  text-align: center; }

.content .wp-pagenavi a, .content .wp-pagenavi span {
  border: 1px solid #bfbfbf;
  padding: 8px 12px;
  border-radius: 3px;
  min-width: 2.5rem;
  display: inline-block;
  background: #fff; }

.content .wp-pagenavi span.current {
  font-weight: 300;
  background: #feddcd;
  border: 1px solid #bfbfbf; }

/* =グローバルトップ関連
-------------------------------------------------------------- */
body.home .top-mainimage {
  box-shadow: 0px 0px 4px -1px rgba(18, 17, 17, 0.53); }

body.home .wrapper {
  padding-bottom: 0; }

body.home .content {
  background: url(../img/bg_home.png) repeat-x center top;
  padding: 8px; }
  body.home .content a {
    position: relative;
    display: block;  }
    body.home .content a:hover {
      opacity: .8; }

.top-grids {
  padding-bottom: 8px; }

.top-grid {
  position: relative;
  box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding: 8px; }
  .top-grid img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    box-shadow: 0px 0px 4px -1px rgba(18, 17, 17, 0.53); }

.news.top-grid {
  float: right;
  overflow: hidden;
  height: 413px;
  width: calc(33.33333%); }

.top-banner {
  width: 100%;
  height: auto;
  padding: 8px; }
  .top-banner img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0px 0px 4px -1px rgba(18, 17, 17, 0.53); }

/* News */
.tab-btns {
  width: 100%;
  display: flex; }

.tab-btn {
  box-sizing: border-box;
  /* width: 33.33333%;*/
  width: 50.0%;
  width: calc(100% / 2);
  height: 42px;
  padding: 10px 0;
  border-top: solid #b8b8b8 2px;
  background: #f2f2f2;
  font-size: 12px;
  font-weight: 400;
  text-align: center; }
  .tab-btn:hover {
    cursor: pointer;
    background: -webkit-linear-gradient(#f2f2f2 0%, #ffffff 100%);
    border-top-color: #8e8e8e; }

.tab-btn.tab-active {
  background: #fff;
  border-top: 2px solid #ea601f;
  border-bottom: none; }

.top-grid-inner {
  position: relative;
  height: 397px;
  background: #fff;
  box-shadow: 0px 0px 4px -1px rgba(18, 17, 17, 0.53);
  overflow: hidden; }

.tab-cnt {
  overflow-x: scroll;
  height: 315px;
  padding: .75rem; }
  .tab-cnt ul li:before {
    top: .5em; }
  .tab-cnt ul li .date {
    display: block;
    font-size: .9rem; }

.tab-cnt::-webkit-scrollbar {
  height: 0;
  width: 6px; }

.tab-cnt::-webkit-scrollbar-track {
  border-radius: 1px;
  background: #eee; }

.tab-cnt::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background: #666; }

.news-toarchive {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  padding: 5px 15px;
  background: #f2f2f2;
  text-align: right;
  font-size: 14px; }
  .news-toarchive a {
    color: #000; }
  .news-toarchive:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 15px;
    border-color: transparent transparent #000000 transparent; }

@media screen and (min-width: 1200px) {
  .home-panel-grid {
    width: 100%;
    padding: 0; }

  .top-grid {
    width: calc((100% / 3) - 8px);
    height: calc(((100vw / 3) - 8px) *0.61 ); }
  .news.top-grid {
    width: calc((100vw / 3));
/*    height: calc((((100vw / 3) - 8px) * 1.22)); }*/
    height: calc((((100vw / 3) - 8px) * 0.73)); }
    .news.top-grid .top-grid-inner {
      height: 100%; }
    .news.top-grid .tab-cnt {
      height: calc((((100vw / 3) - 8px) * 1.22) - 88px); } }

  .top-messageH3007 {
    width: calc(66% - 20px);
		position:relative;
		left:8px;top:7px;
    height: calc(((62vw / 3) - 8px) *0.61 );
		height: auto;
		background: white; border: 1px solid #eee; text-align: center; padding: 1em;margin-bottom: 10px; }

@media screen and (max-width: 767px) {.top-messageH3007 {width: 99%;position:relative;left:1px;}}

#gt-footer .inner {
  display: flex; }

.widgets-2 .gt-wedget {
  width: 50%; }

.widgets-3 .gt-wedget {
  width: 33%; }

.widgets-4 .gt-wedget {
  width: 25%; }

.widgets-5 .gt-wedget {
  width: 20%; }

.gt-wedget ul {
  margin: 0;
  padding: 0; }

/* =拠点
-------------------------------------------------------------- */
.gmap-branch {
  width: 100%;
  border: 1px solid #bfbfbf !important; }

/* =企業紹介
-------------------------------------------------------------- */
.subsidiary dt {
  font-weight: 600; }

.subsidiary dd {
  margin-bottom: .5rem; }

.content #rinen li {
  font-size: 2rem;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none; }
  .content #rinen li:before {
    display: none; }

.content #shaze {
  font-size: 1.25rem;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  text-align: center; }

.content #shisin {
  font-size: 1.25rem;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif; }
  .content #shisin li {
    max-width: 540px;
    margin: 0 auto; }

.h-sub {
  font-size: 3rem;
  font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  font-style: italic;
  font-weight: normal;
  color: #ea601f;
  padding-right: .5rem;
  display: inline-block;
  top: 3px; }

.blue {
  color: #1744a2; }

.green {
  color: #30871f; }

.parts {
  /*font-size: 1.25rem;*/
  margin-bottom: .5rem; }

.product-list {
  min-height: 270px;
  padding-bottom: .5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid  #d2d2d2;
  font-size: .88rem; }

.Cont {
  text-align: right; }

.content .Loca h4 {
  font-size: .9rem; }

.content .LocaPho img {
  width: 100%;
  height: auto; }

.content .LocaAdd {
  font-size: .75rem;
  line-height: 1.4;
  text-align: left; }

#GovBase {
  margin: 0 0 20px 0;
  padding: 10px 20px;
  background: #EDFADB;
  border: #C1DB9E 1px solid;
  border-radius: 3px;
  box-shadow: 2px 2px 3px #EEE; }

/* =製品案内
-------------------------------------------------------------- */
.page-template-page-product .wrapper {
  background: #ffffff; }

.page-template-page-product .content {
  background: url(../img/bg_product.png) no-repeat calc(50% - 70px) 0; }

.sec-odd, .sec-even {
  padding: 3rem 0; }

.sec-even {
  background: rgba(246, 246, 246, 0.7); }

.page-header-product {
  position: relative;
  height: 810px;
  background: #f0f0f0;
  color: #fff;
  overflow: hidden;
  background: -webkit-linear-gradient(#d9d9d9 0%, #ececec 100%);
  background-size: cover; }
  .page-header-product:before {
    z-index: 2;
    position: absolute;
    top: -572px;
    left: -30%;
    content: '';
    background: rgba(141, 182, 51, 0.9);
    height: 200%;
    width: 75%;
    transform: rotate(20deg); }
  .page-header-product:after {
    z-index: 1;
    position: absolute;
    top: -170px;
    left: -30%;
    content: '';
    background: #badb73;
    height: 200%;
    width: 75%;
    transform: rotate(-20deg); }
  .page-header-product h1, .page-header-product h2 {
    position: absolute;
    z-index: 10;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); }
  .page-header-product h1 {
    top: 370px;
    color: white;
    font-size: 3rem;
    /* font-family: 'M PLUS 1p';*/
    font-weight:500; }
  .page-header-product h2 {
    top: 450px;
    font-size: 1.2rem;
    margin-bottom: 100px; }

body.sunroof .page-header-product:before {
  background: rgba(51, 171, 182, 0.9); }

body.sunroof .page-header-product:after {
  background: #5ec7d0; }

body.plastic .page-header-product:before {
  background: rgba(204, 185, 27, 0.9); }

body.plastic .page-header-product:after {
  background: #e2d031; }

body.carbon .page-header-product:before {
  background: rgba(253,140,76, 0.9); }

body.carbon .page-header-product:after {
  background: #fd8c4c; }

body.parts .page-header-product:before {
  background: rgba(234,52,182, 0.9); }

body.parts .page-header-product:after {
  background: #ea34b6; }

body.DrivingSimulator .page-header-product:before {
  background: rgba(223,75,51, 0.9); }

body.DrivingSimulator .page-header-product:after {
  background: #de705e; }

body.driving .page-header-product:before {
  background: rgba(144,51,223, 0.9); }

body.driving .page-header-product:after {
  background: #9033df; }

body.motorcycle .page-header-product:before {
  background: rgba(29,32,128, 0.9); }

body.motorcycle .page-header-product:after {
  background: #1d2080; }

body.s660 .page-header-product:before {
  background: rgba(22, 22, 22, 0.8); }

body.s660 .page-header-product:after {
  background: #ea601f; }

body.s660 .page-header-product:before {
  background: rgba(22, 22, 22, 0.8); }

body.s660 .page-header-product:after {
  background: #ea601f; }

.page-inpagenav-product {
  position: absolute;
  top: 575px;
  width: 100%;
  z-index: 11;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px 0; }
  .page-inpagenav-product li {
    display: inline-block;
    margin-right: 2rem; }
  .page-inpagenav-product li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 0 0 20px;
    color: #000;
    font-family:'M PLUS Rounded 1c';
    font-weight: 700; }
    .page-inpagenav-product li a:before {
      position: absolute;
      content: "";
      vertical-align: middle;
      top: 35%;
      bottom: 0;
      left: 0;
      width: 10px;
      height: 10px;
      border-top: 2px solid #ff0000;
      border-right: 2px solid #ff0000;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      margin-top: -5px; }
    .page-inpagenav-product li a:hover:before {
      top: 55%; }

.content .h-cusr {
  text-align: center;
  margin-bottom: 2rem !important;
  z-index: 2; }
  .content .h-cusr:after {
    content: "";
    width: 340px;
    height: 2px;
    background: #ea601f;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -170px; }
  .content .h-cusr.sunroof:after {
    background: #37acb7; }

.content .h-cap {
  text-align: center; }
  .content .h-cap span {
    color: #fff;
    background: #ff0000;
    padding: 0.25rem 2rem;
    display: inline-block;
    border-radius: 19px;
    background: #ea601f;
    font-size: 1rem; }

.content .h-cap.fueltank span,
.content .h-cusr.fueltank:after {
  background: #8eb636; }

.content .tanks {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 0; }
  .content .tanks li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #f6f6f6;
    width: calc(100% /2);
    font-size: 0.9rem; }
    .content .tanks li:before {
      display: none; }
    .content .tanks li .tank-img img {
      width: 100%;
      height: auto;
      max-height: 200px; }
    .content .tanks li .tank-disp {
      background: #e7e3d9;
      text-align: center; }
    .content .tanks li .tank-type:before {
      content: 'タイプ'; }
    .content .tanks li .tank-emcon:before {
      content: '対応規制'; }
    .content .tanks li .tank-type:before, .content .tanks li .tank-emcon:before {
      box-sizing: border-box;
      display: inline-block;
      font-size: .5rem;
      padding: 5px;
      margin-bottom: 2px;
      margin-right: 5px;
      background: #b5b2ad;
      color: #000;
      text-align: center;
      width: 100%; }

.content .sunroofs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 0; }
  .content .sunroofs .sunroof-item {
    width: calc(100% /2);
    border: 1px solid #f6f6f6;
    background: #e7e3d9; }
    .content .sunroofs .sunroof-item h3 {
      font-size: 1.25rem;
      padding: 1rem 1rem 0 1rem; }
    .content .sunroofs .sunroof-item p {
      line-height: 1.5;
      margin-bottom: 0; }
    .content .sunroofs .sunroof-item .sunroof-img {
      height: 175px;
      text-align: center;
      background: #b5b2ad;
      background: linear-gradient(to bottom, #e7e3d9 0%, #d8d2c9 100%);
      padding: .5rem; }
    .content .sunroofs .sunroof-item .sunroof-disp {
      padding: 1rem; }

.content .wcr-flow li {
  margin-left: 0; }

.content .wcr-flow li:before {
  display: none; }

/* レイアウト追加 20200131 */
.gn-ir > a {
	font-size: 14px;
  line-height: 1.65;
}
.ex-athlete-link a .wpel-icon,
.ex-recruit-link a .wpel-icon {
	display: none !important;
}
/* for modern brouser */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.feature-wrap {
	margin-bottom: .5rem;
	padding: 1.5rem 2.5rem;
}
.fuel-fig-wrap {
    display: flex;
    justify-content: space-between;
}
.fuel-fig-wrap > * {
    width: 48%;
}
.fuel-env-wrap {
	display: flex;
	background: #fff;
	padding: 24px 12px;
}
.fuel-env-wrap dl {
	width: 30%;
	margin: 0 auto;
}
.fuel-env-wrap dl dt {
	text-align: center;
}
.fuel-env-wrap dl dd p {
	line-height: 1.4;
	font-size: 14px;
}
.sr-wrap {
	display: flex;
}
.img-cvr {
	width: 50%;
}
.img-cvr img {
		height: auto;
}
@media (max-width: 460px) {
   .fuel-fig-wrap,
		.fuel-env-wrap  {
        display: block;
   }
   .fuel-fig-wrap > * {
       width: 100%;
   }
		.fuel-env-wrap dl {
			width: 100%;
		}
		.fuel-env-wrap dl:not(:last-child) {
			margin-bottom: 40px;
		}
   .gmap-pl-iframe-wrap iframe {
			height: 300px;
		}
	.sr-wrap {
		display: block;
	}
	.img-cvr {
		width: 100%;
    display: flex;
	}
	.img-cvr img {
			width: 50%;
	}

}

/* =IR
-------------------------------------------------------------- */
body.ir .content .textwidget h2 a {
    color: #000; }

body.ir .content .textwidget li {
  margin-bottom: 0; }

body.ir .content .textwidget p {
  line-height: 1.5; }

body.ir .content .badge-finance {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  margin-bottom: 2rem; }
  body.ir .content .badge-finance a {
    color: #000;
    display: block;
    text-decoration: none;
    padding: .5rem;
    background: linear-gradient(to bottom, #f7f7f7 0%, #e8e8e8 100%); }
    body.ir .content .badge-finance a:hover {
      background: linear-gradient(to bottom, #f2f2f2 0%, #d8d8d8 100%); }
    body.ir .content .badge-finance a span {
      display: block;
      width: 100%; }
    body.ir .content .badge-finance a .f-h {
      font-size: .75em;
      font-weight: 700;
      text-align: left; }
    body.ir .content .badge-finance a .f-jas {
      text-align: center;
      font-weight: 700; }
    body.ir .content .badge-finance a .f-yahoo {
      font-size: .7em;
      text-align: center; }

/* =お問い合わせ
-------------------------------------------------------------- */
.content .wedget-contact {
  padding-bottom: 1rem; }
  .content .wedget-contact h3 {
    font-size: 1.2rem; }
  .content .wedget-contact p {
    margin-bottom: 0;
    line-height: 1.5; }

/* =サイトマップ
-------------------------------------------------------------- */
.content .sec-sitemap > ul > li {
  margin-left: 0; }
  .content .sec-sitemap > ul > li:before {
    display: none; }

.content .sec-sitemap > ul > li:before {
  top: .79em; }

.content .sec-sitemap > ul > li > a {
  display: block;
  padding: 5px 20px;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  border: 1px solid #bfbfbf;
  border-radius: 25px; }
  .content .sec-sitemap > ul > li > a:after {
    position: absolute;
    content: "";
    vertical-align: middle;
    top: .95em;
    bottom: 0;
    right: 25px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px; }
  .content .sec-sitemap > ul > li > a:hover {
    background: #f2f2f2; }

.content .sec-sitemap > ul > li > ul > li:before {
  top: .8em; }

.content .sec-sitemap > ul > li > ul > li > a {
  font-size: 1.2rem;
  font-weight: 400; }

.content .sec-sitemap ul ul ul {
  display: flex;
  flex-wrap: wrap;
  align-items: left;
  justify-content: flex-start;
  margin-top: 1rem; }

.content .sec-sitemap ul ul ul li {
  display: inline-block;
  font-weight: 300;
  font-size: .9rem;
  width: 42%;
  padding-right: 1rem; }
  .content .sec-sitemap ul ul ul li:before {
    background: #454545; }

.search-result-content {
  margin-bottom: 2rem; }

.search-entry-title {
  font-weight: 700; }


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



/* =土田和歌子選手
-------------------------------------------------------------- */
table#result td {padding:4px 0;font-size:90%;vertical-align:middle !important;}
div.border-style01 {border:solid #AAA 2px;padding:1em 2em;margin-top:2em;}

ul.asterisk {margin:0.3em;color:#666;}
ul.asterisk li { list-style-type: none !important; text-indent: 0em;font-size:90%;}
ul.asterisk li:before { display: inline; content: "※";background:none; position: absolute; top: 0%;  right: 10px;}

ol.asterisk {margin:0.3em;color:#666;}
ol.asterisk {counter-reset: number; list-style: none;}
ol.asterisk li:before { counter-increment: number; content: "※"counter(number)" "; }

/* 離れた場所で使用する場合 */
ul.asterisk1 {margin:0.3em;color:#666;}
ul.asterisk1 li { list-style-type: none !important; text-indent: 0em;font-size:90%;padding-left: 10px;}
ul.asterisk1 li:before { display: inline; content: "※1";background:none; position: absolute; top: 0%;  right: 15px;}

ul.asterisk2 {margin:0.3em;color:#666;}
ul.asterisk2 li { list-style-type: none !important; text-indent: 0em;font-size:90%;padding-left: 10px;}
ul.asterisk2 li:before { display: inline; content: "※2";background:none; position: absolute; top: 0%;  right: 15px;}

ul.asterisk3 {margin:0.3em;color:#666;}
ul.asterisk3 li { list-style-type: none !important; text-indent: 0em;font-size:90%;padding-left: 10px;}
ul.asterisk3 li:before { display: inline; content: "※3";background:none; position: absolute; top: 0%;  right: 15px;}

ul.asterisk4 {margin:0.3em;color:#666;}
ul.asterisk4 li { list-style-type: none !important; text-indent: 0em;font-size:90%;padding-left: 10px;}
ul.asterisk4 li:before { display: inline; content: "※4";background:none; position: absolute; top: 0%;  right: 15px;}

/* 年度別 アコーディオン */
.archv-list-wrap h4.by-year {
		position: relative;
		cursor: pointer;
		padding-left: 12px;
    border-left: 4px solid #ea601f;
    border-bottom: 1px solid #bfbfbf;
}
.archv-list-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.archv-list-wrap .archv-item {
		margin-bottom: 20px;
		width: 48%;
}
.archv-list-wrap ul {
		display: none;
}
.isActive-year {
    transform: rotate(135deg) !important;
}
.archv-list-wrap span.acc-label-year {
		position: absolute;
		bottom: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    border-top: 4px solid #ea601f;
    border-right: 4px solid #ea601f;
    transform: rotate(315deg);
    transition: .3s;
    display: inline-block;
}
.acc-open-year {
    display: block;
}
@media (max-width: 460px) {
		.archv-list-wrap h4.by-year,
		.archv-list-wrap .archv-item {
				width: 96%;
		}
		.archv-list-wrap .archv-item {
			padding-left: 1em;
		}

}

/********** 一時的なスタイルで削除する ********/
/*画像差し替え待ち*/
.tmp-imgreplace {
	border: 4px solid red !important;
}