@charset "UTF-8";
/* Colors */
/* Transition */
/* Media Queries */
/* header start */
body {
  padding-top: 97px; }
  @media screen and (max-width: 767px) {
    body {
      padding-top: 50px; } }

@media screen and (max-width: 767px) {
  .navbar-header {
    margin: 0 !important;
    width: 100%; } }

.navbar-brand {
  height: 34px;
  margin: 13px 15px 13px 0;
  padding: 0; }
  .navbar-brand > img {
    height: 100%; }
  @media screen and (max-width: 1296px) {
    .navbar-brand {
      margin-left: 15px; } }
  @media screen and (max-width: 991px) {
    .navbar-brand {
      height: 30px;
      margin: 15px; } }
  @media screen and (max-width: 767px) {
    .navbar-brand {
      margin: 10px 15px; } }

@media screen and (max-width: 767px) {
  .nav-pc {
    display: none; } }

.btn-toggle {
  display: none;
  float: right;
  height: 16px;
  margin: 17px 15px 17px 0; }
  @media screen and (max-width: 767px) {
    .btn-toggle {
      display: block; } }

.head-gn {
  background-color: #26272a;
  width: 100%; }

.gn-menu > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: 13px;
  text-align: center;
  /*
    &.google-srh {
      float: right;
      padding: 15px 0;
      @include max-screen($breakpoint-lg) {
        padding-right: 15px;
      }
      input {
        outline: none;
      }
      // Google検索フォーム
      .google-srh-form {
        float: right;
        padding: 0;
        position: relative;
        .srh-form-control {
          background: {
            color: #4d4d4f;
            image: url(../img/g-icon/g-icon_srh_lg.svg);
            position: right 8px center;
            repeat: no-repeat;
            size: 16px 16px;
          }
          border: none;
          border-radius: 0;
          color: #fff;
          height: 30px;
          padding: 6px 10px;
          padding-right: 30px;
          width: 198px;
          @include max-screen($breakpoint-md) {
            width: 160px;
          }
        }
        > button {
          background-color: transparent;
          border: none;
          margin: 0;
          padding: 0;
          position: absolute;
          top: 0;
          right: 0;
          width: 30px;
          height: 30px;
        }
      }
    }
    */ }
  .gn-menu > li.list {
    position: relative;
    width: 102px;
    height: 60px;
    line-height: 60px; }
    @media screen and (max-width: 991px) {
      .gn-menu > li.list {
        width: 90px; } }
    .gn-menu > li.list a:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 102px;
      height: 100%;
      background-color: #000;
      -webkit-transform: scaleY(0.3);
      -ms-transform: scaleY(0.3);
      transform: scaleY(0.3);
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all .6s;
      -o-transition: all .6s;
      transition: all .6s; }
    .gn-menu > li.list a:hover::before {
      opacity: .16;
      background-color: #fff;
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      transition: -webkit-transform 0.3s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity 0.4s;
      -webkit-transition: opacity, -webkit-transform 0.3s cubic-bezier(0.08, 0.35, 0.13, 1.02);
      transition: opacity, -webkit-transform 0.3s cubic-bezier(0.08, 0.35, 0.13, 1.02);
      -o-transition: transform 0.3s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity;
      transition: transform 0.3s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity;
      transition: transform 0.3s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity, -webkit-transform 0.3s cubic-bezier(0.08, 0.35, 0.13, 1.02); }
  .gn-menu > li.current {
    border-bottom: 4px solid #a8a9aa; }
  .gn-menu > li > a {
    display: block;
    height: 100%;
    color: #f4f6f7; }
    .gn-menu > li > a:hover {
      text-decoration: none !important; }

/* Google search */
#contents01_news,
#contents01_topics {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

#___gcse_0 {
  display: inline-block !important;
  float: right !important;
  width: 250px !important;
  margin-top: 15px !important; }

@media screen and (max-width: 1296px) {
  #___gcse_0 {
    margin-right: 15px;
    width: 170px !important; } }

@media screen and (max-width: 991px) {
  #___gcse_1 {
    margin: 15px 15px 15px; }
  .gsc-search-box-tools .gsc-search-box .gsc-input {
    background: transparent !important;
    font-size: 13px !important; }
  .gsib_a, .gsib_a input, .gsib_b {
    padding-top: 0 !important;
    line-height: normal !important; } }

.gsc-input {
  padding-right: 0 !important;
  text-indent: 0 !important;
  color: #ccc !important; }

.gsc-input-box {
  border: none !important;
  background: #4d4d4f !important;
  color: #ccc !important;
  height: 30px !important; }

.gsc-input-box #gsc-i-id1 {
  font-size: 13px !important;
  line-height: 13px !important;
  background: #4d4d4f !important; }

.gsc-search-button {
  width: 40px !important;
  background: #4d4d4f !important;
  padding-right: 12px !important; }

.gsc-search-button .gsc-search-button-v2 {
  width: 13px !important;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 13px !important; }

.gsst_a {
  padding-top: 6px !important;
  color: #ccc !important; }

.gsst_a .gscb_a {
  color: #ccc !important; }

.gsib_a {
  padding: 5px 10px !important;
  background-color: #4d4d4f !important; }

.head-ln {
  width: 100%;
  background-color: #f4f6f7;
  border-bottom: 1px solid #dfe0e1; }
  @media screen and (max-width: 767px) {
    .head-ln {
      display: none; } }

@media screen and (max-width: 1296px) {
  .ln-menu {
    margin-left: 15px; } }

.ln-menu > li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: 12px;
  text-align: center; }
  .ln-menu > li.list {
    position: relative;
    height: 36px;
    border-left: 1px solid #dfe0e1; }
    .ln-menu > li.list a {
      color: #333;
      display: block;
      padding: 0 20px;
      line-height: 36px; }
      .ln-menu > li.list a:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transform: scaleY(0.3);
        -ms-transform: scaleY(0.3);
        transform: scaleY(0.3);
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s; }
      .ln-menu > li.list a:hover::before {
        opacity: .16;
        background-color: #888;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        transition: -webkit-transform 0.2s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity 0.4s;
        -webkit-transition: opacity, -webkit-transform 0.2s cubic-bezier(0.08, 0.35, 0.13, 1.02);
        transition: opacity, -webkit-transform 0.2s cubic-bezier(0.08, 0.35, 0.13, 1.02);
        -o-transition: transform 0.2s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity;
        transition: transform 0.2s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity;
        transition: transform 0.2s cubic-bezier(0.08, 0.35, 0.13, 1.02), opacity, -webkit-transform 0.2s cubic-bezier(0.08, 0.35, 0.13, 1.02); }
    .ln-menu > li.list:nth-of-type(2) {
      border-right: 1px solid #dfe0e1; }
  .ln-menu > li.list-right {
    float: right; }
  .ln-menu > li .btn-login {
    display: none;
    float: right;
    margin-top: 4px;
    background: #26272a;
    font-size: 11px; }
    @media screen and (max-width: 1296px) {
      .ln-menu > li .btn-login {
        margin-right: 15px; } }
    .ln-menu > li .btn-login > a {
      display: block;
      border: none;
      color: #fff;
      padding: 6px 20px;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .ln-menu > li .btn-login > a:hover {
        background: #565960; }
  .ln-menu > li > a {
    display: block;
    height: 100%; }
    .ln-menu > li > a:hover {
      text-decoration: none !important; }

.ln-menu-active > a {
  border-bottom: 3px solid #26272a; }

#login{
    display: flex;
    justify-content: space-between;
    text-align: center;
    float: right;
    width: 21%;
	  margin-top: 8px;
    font-size: 11px;
}
#login a{
		width: 49%;
    color: #fff;
    display: block;
    padding: 3px;	
    border-radius: 3px;
}
#login a.signage_btn{
		background-color: #009697;
}
#login a.login_btn{
		background-color: #262525;
}
#login a.signage_btn:hover{
		background-color: #00BBBC;
}
#login a.login_btn:hover{
		background-color: #474747;
}
/* header end */
/* menu-trigger start */
.menu-trigger {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  height: 16px;
  position: relative;
  width: 22px; }
  .menu-trigger > span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background-color: #ccc;
    border-radius: 0;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%; }
    .menu-trigger > span:nth-of-type(1) {
      top: 0; }
    .menu-trigger > span:nth-of-type(2) {
      top: 7px; }
    .menu-trigger > span:nth-of-type(3) {
      bottom: 0; }
  .menu-trigger.active > span:nth-of-type(1) {
    -webkit-transform: translateY(7px) rotate(-45deg);
    -ms-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg); }
  .menu-trigger.active > span:nth-of-type(2) {
    opacity: 0; }
  .menu-trigger.active > span:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    -ms-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg); }

/* menu-trigger end */
/* header modal start */
@media screen and (max-width: 991px) {
  .navbar-fixed-top {
    z-index: 1060; } }

.h-mod {
  height: 100%;
  margin-top: 50px; }
  .h-mod .solutions {
    float: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px; }
    .h-mod .solutions .google-srh-form {
      padding: 15px; }
      .h-mod .solutions .google-srh-form .srh-form-control {
        float: left;
        background-color: #7d7d7f;
        background-image: url(../img/g-icon/g-icon_srh_g.svg);
        background-position: right 8px center;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        border: none;
        border-radius: 0;
        color: #fff;
        height: 30px;
        padding: 6px 10px;
        width: 81%; }
      .h-mod .solutions .google-srh-form > button {
        float: right;
        background: none;
        width: 16%;
        height: 30px;
        margin: 0;
        padding: 6px 0;
        border: 1px solid #ccc;
        color: #ccc;
        font-size: 11px;
        line-height: 16px; }

.ln-menu-sp {
  margin: 0 0 15px;
  padding: 0;
  width: 100%; }

.gn-menu-sp > li {
  float: left;
  width: 50%; }

.ln-menu-sp > li > a,
.gn-menu-sp > li > a {
  display: inline-block;
  font-weight: bold;
  padding: 10px 15px;
  text-decoration: underline; }

.ln-menu-sp > li > a {
  color: #fff; }

.gn-menu-sp {
  width: 100%; }
  .gn-menu-sp > li > a {
    color: #aaa; }

.gn-menu-sp-sc,
.gn-menu-sp-ds {
  padding-top: 15px; }

/* header modal end */
/*メニュー表示調整
----------------------*/
.ln-menu-sp {
  clear: both;
  width: 100%;
  height: 100%;
  border-top: solid 1px #2d2b2f; }
  .ln-menu-sp > li:nth-child(odd) {
    float: left;
    border-bottom: 1px solid #2d2b2f;
    width: 50%;
    height: 27%; }
  .ln-menu-sp > li:nth-child(even) {
    float: left;
    border-bottom: 1px solid #2d2b2f;
    border-left: 1px solid #2d2b2f;
    width: 50%;
    height: 27%; }
  .ln-menu-sp > li:last-child {
    border: none;
    float: left;
    width: 100%;
    height: 31%; }
  .ln-menu-sp > li.active {
    color: #fff;
    text-decoration: underline;
    background-color: #222; }
  .ln-menu-sp > li > a {
    color: #fff;
    display: table;
    text-decoration: underline;
    width: 100%;
    height: 100%; }
    .ln-menu-sp > li > a > span {
      color: #fff;
      display: table-cell;
      text-align: center;
      vertical-align: middle; }

/* page-top start */
#page-top {
  display: none; }
  #page-top > a {
    background-color: rgba(38, 39, 42, 0.85);
    display: block;
    padding: 8px; }

.g-icon {
  height: 16px;
  margin: -1px 8px 0 0; }

@media screen and (max-width: 767px) {
  .g-icon {
    height: 13px;
    margin-right: 6px; } }

/* page-top end */
/* footer start */
footer {
  clear: both;
  margin-top: 100px; }

.foot-nav {
  background-color: #26272a;
  border-top: 1px solid #dfe0e1;
  width: 100%; }

.foot-ld {
  margin: 50px auto 0; }

@media screen and (max-width: 991px) {
  .foot-ld {
    display: none; } }

.foot-4 {
  float: left;
  width: 40%; }

.foot-2 {
  float: left;
  width: 20%; }

.foot-duns > a > img {
  background-color: #fff;
  padding: 10px 0; }
  @media (max-width: 374px) {
    .foot-duns > a > img {
      width: 220px; } }

.foot-h4 {
  font-size: 12px;
  font-weight: bold;
  margin: 8px 0 15px; }
  .foot-h4 > a {
    color: #f4f6f7; }

.foot-col-wrp {
  margin: 0 25px; }

@media screen and (max-width: 767px) {
  .foot-col-wrp {
    margin: 0; } }

.foot-list {
  float: left;
  width: 50%; }
  .foot-list > li {
    font-size: 12px;
    padding: 10px 0; }
    .foot-list > li > a {
      color: #8d8d8f; }

@media screen and (max-width: 991px) {
  .foot-list {
    margin: 0 0 30px;
    width: auto; } }

@media screen and (max-width: 767px) {
  .foot-list {
    margin-bottom: 0; } }

.foot-sd {
  display: none; }

@media screen and (max-width: 991px) {
  .foot-sd {
    display: block; } }

.foot-sd-row {
  border-bottom: 1px solid #7d7d7f; }

.foot-sd-h4 {
  margin: 0; }
  .foot-sd-h4 > a {
    display: block;
    line-height: 2;
    padding: 12px 40px; }
    .foot-sd-h4 > a:hover {
      text-decoration: none; }

@media screen and (max-width: 767px) {
  .foot-sd-h4 > a {
    padding: 11px 18px 11px 15px; } }

@media screen and (max-width: 767px) {
  #collapse-signage,
  #collapse-security {
    margin-bottom: 20px; } }

.foot-all-data {
  float: left; }

@media screen and (max-width: 991px) {
  .foot-all-data {
    margin-left: 15px; } }

.foot-copy {
  width: 100%;
  background-color: #26272a; }
  .foot-copy address {
    font-style: normal;
    color: #adadaf;
    text-align: center;
    font-size: 12px;
    margin: 40px 0 5px; }

@media screen and (max-width: 991px) {
  .foot-copy address {
    margin-top: 30px; } }

.footer-sub {
  margin-bottom: 40px;
  color: #8d8d8f;
  text-align: center; }
  .footer-sub a {
    font-size: 10px;
    color: #8d8d8f !important; }

.show-tel a {
  color: inherit;
  text-decoration: underline; }

/* footer end */