@charset "UTF-8";
/* 昭和産業の色*/
/*$syowa-color1: #a30d17;/*ロゴ右側*/
/*ロゴ中央 248,163,2 */
/*ロゴ文字色 161,160168*/
/* 投稿タグ用の色 */
/*ベースの色*/
/*メインの色*/
/*サブの色*/
/*アクセントの色*/
/*背景色1*/
/*背景色2*/
/*背景色3*/
/*影の色*/
/*影の色2*/
/* パーツの色 */
/* *****************************************************************

Stylesheet: ベーススタイル（全て）に適応
snow-monkey  word-pressのパーツ
******************************************************************/
/*------全体の色設定------------------*/
/*ヘッダー背景色*/
.l-header {
  background-color: white;
}

/*グローバルメニュー背景色*/
.c-navbar {
  background-color: white;
}

/*スクロール時のメニューの両サイド*/
.p-drop-nav {
  background-color: white;
}

/*フッター背景色*/
.l-footer-widget-area {
  background-color: black;
  color: white;
}

/*コピーライト背景色*/
.l-footer .c-copyright {
  background-color: black;
  color: white;
}

/*全体の背景色変更*/
body {
  background-color: white;
}

/* ブログカードは透明で背景色とかぶっちゃうので白に */
/*
.wp-oembed-blog-card {
  background-color: #fff;
}
*/
/*パンくずリスト(左上のパス表示)非表示*/
/*
.c-breadcrumbs__item {
   display: none; 
}
*/
.p-breadcrumbs-wrapper {
  margin-bottom: 50px;
}

/* グローバルメニュー*/
.l-header__drop-nav {
  background-color: blue;
}

/*グローバルメニュー 飛び出す部分*/
:not(.l-header__drop-nav) .p-global-nav .c-navbar__submenu {
  background-color: 　red;
}
:not(.l-header__drop-nav) .p-global-nav .c-navbar__submenu:before {
  display: none;
}

:not(.l-header__drop-nav) .p-global-nav .c-navbar__item > .c-navbar__submenu::before {
  display: none;
}

/*グローバルメニュー 文字色*/
:not(.l-header__drop-nav) .p-global-nav .c-navbar__subitem > a {
  color: white;
}

/*     見出し       */
/*h1 ページタイトル　見出し*/
h1.c-entry__title {
  font-size: 2em;
  color: black;
  padding: 0.3em 0.2em;
  border-bottom: solid 3px #a11018;
  /*
  border-left: solid 4px $main-color;
  border-right: solid 4px $main-color;
  */
  background: transparent;
}

/* 画像上のヘッダ */
h1.heading_onimg {
  color: white;
  background-color: transparent;
  font-size: 36px;
  /*text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);*/
  text-shadow: 2px 2px 10px #777, -2px 2px 10px #777, 2px -2px 10px #777, -2px -2px 10px #777;
  border: none;
  line-height: 2em;
  margin-bottom: 0px;
}

/* H2の下線 2021/11/05*/
h2.smb-section__title:after {
  display: none;
}

/*フルページの一番上のヘッダ 2021/11/05*/
.c-entry__header h1.c-entry__title {
  display: none;
}

/*画像上のヘッダ 2021/11/05 Important追加*/
h2.heading_onimg {
  color: white;
  background-color: transparent !important;
  font-size: 20px;
  /*text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);*/
  text-shadow: 2px 2px 10px #777, -2px 2px 10px #777, 2px -2px 10px #777, -2px -2px 10px #777;
  border: none !important;
  line-height: 2em;
  margin-top: 0px !important;
}

/* 見出し基本クラス */
h2.heading_sub {
  background-color: rgba(161, 16, 24, 0.1);
  border: none;
}

h3.heading_sub {
  /*background-color: $background-color2;*/
  color: #a11018;
  border: none;
}

h4.heading_sub {
  background-color: rgba(248, 163, 2, 0.1);
  border: none;
}

/*セクション見出し*/
.smb-section__title::after {
  display: none;
}

/* h2セクション見出し*/
h2.smb-section__title {
  /*margin-bottom: 1em;*/
  /*border-bottom: solid;*/
  background-color: rgba(161, 16, 24, 0.1);
}

/* point見出し タグ */
.heading_point {
  font-size: 1.2rem;
  position: relative;
  padding: 0rem 0rem;
  margin: 0.1rem;
  text-align: center;
  border: 2px solid #f8a302;
}

.heading_point:before {
  font-size: 1rem;
  position: absolute;
  top: -24px;
  left: 3px;
  height: 24px;
  padding: 0 1em;
  margin-left: 0 1em;
  content: "POINT";
  color: #fff;
  background: #f8a302;
}

/* 右サイドバーメニューの項目名の後ろ(-----------)*/
h2.c-widget__title::after {
  content: none;
}

/* 右サイドバーメニューの項目名の前(-----------)*/
h2.c-widget__title::before {
  content: none;
}

/* 右サイドバーメニューの項目名の後ろ(-----------)*/
h2.c-entry-aside__title::after {
  content: none;
}

/* 右サイドバーメニューの項目名の前(-----------)*/
h2.c-entry-aside__title::before {
  content: none;
}

/*左サイドバー*/
ul.wpaw-local-nav__sublist ul.wpaw-local-nav__sublist li.wpaw-local-nav__subitem {
  margin-left: 10px;
}

/* ナビゲーションメニュー 子階層も常時表示 */
ul.menu .sub-menu {
  display: block;
}

ul.menu .sub-menu li {
  margin-left: 1em;
}

button.children-expander {
  display: none;
}

h2.c-widget__title {
  display: none;
}

/* 印刷時の表示設定 */
@media print {
  .c-drawer {
    display: none;
  }
  .l-footer-widget-area {
    display: none;
  }
}
/* NEWSの戻る/すすむ　ボタン*/
/*
.c-prev-next-nav__item {

  a {
    background-color: yellow;
  }
  .c-prev-next-nav__item-label{
    color:red;
  }
  .c-prev-next-nav__item-title{
    color:blue;
  }
}
*/
/* パンくずリストセクション (ショートコード)*/
.section_breadcrumbs {
  /*margin-top: 0px;
  margin-bottom:0px;  
  */
  padding: 0px;
  /*background-color: yellow;*/
}

/* カラムの画像表示 */
div.business_content img {
  width: 400px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover; /* この一行を追加するだけ！ */
}

/* 最近の投稿（テキスト）のスタイル */
/*
.c-entries--text {
  position: relative;
  background-color: $background-color2;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;


  .c-entries__item {
    a {
      padding-right: 2em;
      padding-left: 2em;
    }

    .c-entry-summary {
      position: relative;
      display: flex;

      &__title {
        transition: color 0.3s;
      }

      &__figure {
        display: block;
        position: absolute;
        top: -2px;
        left: 9em; 
        background-color: transparent;

      img, &::before {
            display: none;
      }

      span {
        background-color: #fff;
        border-radius: 15px;
      }
    }

      &__term--category-2 {
        color: #333;
        border: 1px solid #333;
      }


      &__term--category-3 {
        color: #cd162c;
        border: 1px solid #cd162c;
      }


      &__term--category-5 {
        color: #104f96;
        border: 1px solid #104f96;
      }


      &__term--category-7 {
        color: #e97501;
        border: 1px solid #e97501;
      }

      &__term {
        position: relative;
        left: 0;
        white-space: nowrap;
      }

      &__meta {
        margin-right: 10rem;
      }
    }

    &:hover {
     .c-entry-summary__title {
      color: #cd162c;
     }
    }
  }
}
*/
/* tesxt2形式*/
.c-entries--text2 .c-entries__item:hover {
  background-color: rgba(248, 163, 2, 0.1);
}

/* text形式*/
.c-entries--text {
  /*background-color: yellow;*/
}
.c-entries--text .c-entries__item {
  /*background-color: blue;*/
  /*
  .c-entry-summary {  
    background-color: red;
    &:hover {
      .c-entry-summary__title {
       color: #cd162c;
       background-color: yellow;
      }
    }
  }
  */
}
.c-entries--text .c-entries__item:hover {
  background-color: rgba(248, 163, 2, 0.1);
}

/*テーブルクラス*/
.table_basic {
  /*
  border: solid;
  tr td {
      border:solid;
      background-color: yellow;
  }
  */
  /*1列目*/
  /*2列目*/
  /* 印刷設定 */
}
.table_basic tr td:nth-child(1) {
  background-color: rgba(120, 120, 120, 0);
  /*color: $second-color;*/
}
.table_basic tr td:nth-child(2) {
  background-color: rgba(255, 255, 255, 0.5);
}
@media print {
  .table_basic {
    font-size: 0.75em;
  }
}

/*4K　ラインテーブルクラス*/
/*4K   ラインテーブル詳細クラス*/
.table_syowa-color3 {
  /*1列目*/
}
.table_syowa-color3 tr td:nth-child(1) {
  background-color: #a11018;
  color: white;
  white-space: nowrap;
}

.swiper-slide {
  /* 表示させる高さの調整 */
  position: relative;
  height: 70vh;
  overflow: hidden;
  /*画像の調整*/
}
.swiper-slide .main-visual {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 10s ease;
}
.swiper-slide-active .main-visual {
  transform: scale(1.3);
}
.swiper-slide-active .hero__title {
  transform: translateX(-50%);
  opacity: 1;
}
.swiper-slide-active .hero__btn {
  transform: translateX(-50%);
  opacity: 1;
}

.hero {
  overflow: hidden;
}
.hero__title {
  position: absolute;
  top: 30%;
  left: 50%;
  color: #FFF;
  text-align: center;
  width: 90vw;
  transform: translate(-50%, 20px);
  transition: opacity 1.2s ease 1.5s, transform 1.2s ease 1.5s;
  z-index: 1;
  opacity: 0;
}
.hero__title h2 {
  font-size: 36px;
  /*text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);*/
  text-shadow: 2px 2px 10px #777, -2px 2px 10px #777, 2px -2px 10px #777, -2px -2px 10px #777;
  line-height: 2em;
}
.hero__title span {
  display: block;
}
.hero__btn {
  position: absolute;
  bottom: 15%;
  left: 50%;
  font-size: 16px;
  color: #FFF;
  transform: translate(-50%, 20px);
  transition: opacity 1.2s ease 2.5s, transform 1.2s ease 2.5s;
  opacity: 0;
  z-index: 1;
}
.hero__btn :hover {
  transition: background-color 0.5s;
  color: #a11018;
  background-color: #FFF;
  border-color: #a11018;
  border: solid;
}
.hero__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  background-color: #a11018;
  text-decoration: none;
  width: 240px;
  height: 60px;
}
.hero__btn .hero__label {
  border: none;
}

/* ページネーション */
/*　全体のスタイル */
.swiper-pagination-bullet {
  width: 16px; /* 幅 */
  height: 16px; /* 高さ */
  background: #f8a302; /* 色：緑 */
  opacity: 0.5; /* 半透明（デフォルトでは0.2） */
}

/* 現在のスライドのスタイル */
.swiper-pagination-bullet-active {
  width: 20px; /* 幅 */
  height: 20px; /* 高さ */
  background: #f8a302; /* 色：黄色 */
  opacity: 1; /* 不透明 */
}

/* 幅１００%解除 */
/*
.swiper-pagination-bullets {
  width: initial !important;
}
*/
/*位置指定*/
.swiper-pagination {
  top: 20px;
  /*right: 30px;*/
  left: initial !important;
  bottom: initial !important;
}

/* TOPのパネル 自作クラス*/
.top-panel {
  /* 位置調整 */
  position: relative;
  transform: translateY(-50px);
  z-index: 1;
}
.top-panel .smb-panels__item {
  /* パネルの影 */
  box-shadow: 0 -6px 8px rgba(0, 0, 0, 0.1) !important;
  background-color: white;
}
.top-panel .smb-panels__item:hover {
  /* 標準であるホバーエフェクトの除去 */
  box-shadow: none;
}
.top-panel .smb-panels__item__body {
  /* 標準のh2装飾の除去 */
  padding: 80px;
  /*goodhands 見出し*/
}
.top-panel .smb-panels__item__body .heading_goodhands {
  background-color: transparent;
  border-left: none;
  position: relative;
  color: #a11018;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
.top-panel .smb-panels__item__body .heading_goodhands:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid rgba(161, 16, 24, 0.1);
  border-left-color: transparent;
  border-right-color: transparent;
  transform: translateX(-50%);
}

/* 3枚並んだパネルの装飾 自作クラス*/
.top-panels .c-row__col {
  /* パネルの余白除去 */
  padding: 0;
}
.top-panels .smb-panels__item {
  display: flex;
  flex-direction: column;
  box-shadow: none;
  padding: 0;
  /* パネルホバー時の装飾 */
}
.top-panels .smb-panels__item__figure {
  /* テキストと画像の位置変更 */
  position: relative;
  order: 2;
  overflow: hidden;
}
.top-panels .smb-panels__item__figure::before {
  /* ホバー時の装飾 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\atest\a\atest\atest";
  white-space: pre;
  background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.9));
  color: #fff;
  font-size: 13px;
  transition: all 0.6s 70ms;
  opacity: 0;
  z-index: 1;
}
.top-panels .smb-panels__item__figure img {
  /* 変化の時間 */
  transition: all 0.6s;
}
.top-panels .smb-panels__item__body {
  /* パネルのボーダー部分 */
  box-shadow: 0 0 0 1px #ccc;
  /* パネルのテキストと画像の順序を変更*/
  order: 1;
}
.top-panels .smb-panels__item__title {
  font-size: 24px;
}
.top-panels .smb-panels__item__content {
  font-size: 14px;
}
.top-panels .smb-panels__item:hover .smb-panels__item__figure::before {
  /* ホバー時に文字浮き出して見えるようにscaleで拡大 */
  transform: scale(1.4);
  opacity: 1;
}
.top-panels .smb-panels__item:hover .smb-panels__item__figure img {
  /* ホバー時に画像を拡大 */
  transform: scale(1.2);
}

/* ベースのパネル 自作クラス*/
.base-panel {
  background-color: white;
}
.base-panel .smb-panels__item {
  background-color: white;
  border: none;
  box-shadow: none;
}
.base-panel .smb-panels__item .smb-panels__item__title {
  font-size: 1.5rem;
}
.base-panel .smb-panels__item .smb-panels__item__content {
  /*background-color:yellow;*/
  font-size: 1rem;
  align-items: center;
}
.base-panel .smb-panels__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  background-color: #a11018;
  text-decoration: none;
  width: 100%;
  height: 60px;
  margin-top: 30px;
}
.base-panel .smb-panels__item a:hover {
  background-color: transparent;
  color: #a11018;
  border-color: #a11018;
  border: solid;
  transition: background-color 0.2s;
}

/*PC版　沿革　タイムライン*/
.history-639px {
  display: none;
}

.history-pc .history-wrap {
  display: flex; /*--横並び指定--*/
  margin-top: 0px;
}
.history-pc .history-wrap .left-box {
  flex-grow: 1; /*--幅を指定--*/
  position: relative; /*--positionを追加--*/
  width: 50%;
  height: auto;
  text-align: center;
  background-color: transparent;
}
.history-pc .history-wrap .left-box::after {
  position: absolute; /*--positionを追加--*/
  top: 0;
  left: 100%;
  content: "";
  width: 2px; /*--縦線の太さ(幅)--*/
  height: 100%;
  background-color: #a11018; /*--縦線の色--*/
}
.history-pc .history-wrap .left-box h1 {
  border-bottom: 2px solid #a11018;
}
.history-pc .history-wrap .left-box .history-content {
  padding-right: 1%;
  text-align: left;
  margin: 2% 0;
}
.history-pc .history-wrap .left-box img {
  width: 80%;
}
.history-pc .history-wrap .right-box {
  flex-grow: 1; /*--幅を指定--*/
  width: 50%;
  height: auto;
  text-align: center;
  background-color: transparent;
}
.history-pc .history-wrap .right-box h1 {
  border-bottom: 2px solid #a11018;
}
.history-pc .history-wrap .right-box .history-content {
  padding-left: 4%;
  text-align: left;
  margin: 2% 0;
}
.history-pc .history-wrap .right-box img {
  width: 80%;
}

/* 連番リスト */
.count_5 {
  counter-reset: chapter;
  color: #000;
}

.count_5 li {
  background: rgba(248, 163, 2, 0.1);
  padding: 20px;
  position: relative;
}

.count_5 li:nth-child(even) {
  background: rgba(161, 16, 24, 0.1);
}

.count_5 li:before {
  content: "STEP" counter(chapter);
  counter-increment: chapter;
  display: inline-block;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  margin-right: 5px;
  color: #FFF;
  background: #a11018;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}

.count_5 li:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid rgba(248, 163, 2, 0.1);
  z-index: 1;
}

.count_5 li:nth-child(even):after {
  border-top: 15px solid rgba(161, 16, 24, 0.1);
}

/*.count_5 li.count_5-last:before,*/
.count_5 li.count_5-last::after {
  display: none;
}

ul.count_5 {
  list-style: none;
}

/*ボタンクラス*/
.btn .smb-btn {
  align-items: center;
  width: 240px;
  height: 60px;
  margin-top: 60px;
  background-color: #a11018;
  color: #FFF;
}
.btn :hover {
  transition: background-color 0.2s;
  background-color: transparent;
  color: #a11018;
  border-color: #a11018;
  border: solid;
}
.btn .smb-btn__label {
  transition: background-color 0.2s;
  border: none;
}

/*Bigボタンクラス*/
.big-btn .smb-btn {
  align-items: center;
  width: 360px;
  height: 60px;
  margin-top: 60px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #f8a302;
  transition: all 0.2s;
  border: solid;
  border-width: 0.1em;
  border-color: #f8a302;
  font-size: 1.5em;
}
.big-btn .smb-btn__label {
  transition: all 0.2s;
}
.big-btn :hover {
  /*color: #000;*/
  background-color: #f8a302;
  border-color: #FFF;
  color: #fff;
  opacity: 0.9;
}

/*bogo 言語スイッチャー*/
.bogo-language-switcher .current {
  display: none;
}
.bogo-language-switcher li {
  text-align: left;
}
.bogo-language-switcher a {
  font-weight: 900;
}
.bogo-language-switcher a:before {
  content: "\f362";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 8px;
}

/* バナーの装飾 */
.banners {
  border-width: 10px;
}
.banners .smb-items__banner__figure {
  /* デフォルトのfilterの除去 */
  filter: none !important;
}
.banners .smb-items__banner__body {
  /* 変化にかける時間 */
  transition: transform 0.2s;
}
.banners .smb-items__banner__title {
  font-size: 24px;
  font-weight: 600;
  text-shadow: 2px 2px 10px #777, -2px 2px 10px #777, 2px -2px 10px #777, -2px -2px 10px #777;
  text-align: left;
}
.banners .smb-items__banner__lede {
  font-size: 16px;
}
.banners .smb-items__banner:hover {
  cursor: pointer;
}
.banners .smb-items__banner:hover img {
  /* ホバー時filterをかける */
  /*filter: brightness(0.9);*/
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}
.banners .smb-items__banner img {
  /* 常時filterをかける */
  /*filter: brightness(0.3);*/
  cursor: pointer;
}

/*SNSアイコン*/
.social-nav-pc {
  display: flex;
  align-items: center;
  /* SNSマーク */
}
.social-nav-pc .social-nav {
  margin-left: 0;
}
.social-nav-pc .social-nav a {
  color: #a11018;
}

/* フッターエリアフッターの上 */
.info {
  /* フッター上部にボーダー */
  border-top: 1px solid #ccc;
  /*
    &__text {
      flex: 1;
      font-size: 18px;
      color: $second-color;
    }
  */
  /* 会社紹介 */
}
.info-inner {
  display: flex;
  align-items: center;
  max-width: 1180px;
  height: 140px;
}
.info__logo {
  margin-right: 0px;
  /*
      img {*/
  /*width: 200px;*/
  /*-webkit-backface-visibility: hidden;*/ /*Chrome縮小表示用*/
  /*    }*/
}
.info ul.company_profile {
  flex: 1;
  list-style-type: none;
}
.info ul.company_profile li {
  font-size: 13px;
}

/* SNSマーク */
.social-nav {
  margin-left: 0;
  padding-left: 0;
}
.social-nav__icon {
  display: inline;
  margin: 0 5px;
  list-style: none;
  font-size: 40px;
}

/* フッターウィジェットエリア() */
.l-footer-widget-area {
  /* ウィジェットエリアの上部にボーダーを入れるため、paddingを除去 */
  /*
  border-top: 1px solid #ccc;
  padding: 0;
  */
}
.l-footer-widget-area__item {
  /* paddingを除去し、詰まったのでこちらで追加 */
  /*padding: 40px;*/
}
.l-footer-widget-area__item .c-widget__title {
  /* タイトルを左寄せ */
  justify-content: flex-start;
  color: #a11018;
  /* タイトル左右のボーダーの除去 */
}
.l-footer-widget-area__item .c-widget__title::before, .l-footer-widget-area__item .c-widget__title::after {
  display: none;
}

/* ヘッダーエリア */
/* グローバルメニュー位置調整 */
.l-header .c-navbar__item {
  position: relative;
}
.l-header .c-navbar__item::after {
  /* メニューアイテムの左に区切り線 */
  /*
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  height: 30px;
  margin-top: -15px;
  border-right: 1px solid #ccc;
  */
}
.l-header .c-navbar__item:last-of-type::before {
  /* 最後のメニューアイテムの右に区切り線 */
  /*
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  height: 30px;
  margin-top: -15px;
  border-right: 1px solid #ccc;
  */
}

/* ISO背景 */
.iso {
  background-color: transparent;
  border: solid;
  border-color: #a11018;
}

/* ISOイメージ */
.iso_img {
  width: 60%;
}

.iso_img_block {
  text-align: center;
  /*padding-left:50%;*/
  /*background-color: red;*/
  /*margin: auto;*/
}
.iso_img_block figure {
  margin: auto;
}

/* 問い合わせ背景 2021/11/05 important追加*/
.inqury-background {
  background-color: transparent;
  border: solid;
  border-color: #a11018;
}
.inqury-background h2 {
  background-color: transparent !important;
  border: none !important;
  color: black;
  font-size: 2rem;
}
.inqury-background p {
  color: #f8a302;
  /*color:black;*/
  font-size: 2.5rem;
}

/* 問い合わせボタン */
.inquiry-btn .smb-btn {
  align-items: center;
  width: 300px;
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #f8a302;
  color: #FFF;
  border-color: #FFF;
  border: solid;
}
.inquiry-btn :hover {
  transition: background-color 0.2s;
  background-color: transparent;
  color: #f8a302;
  border-color: #f8a302;
  border: solid;
}
.inquiry-btn .smb-btn__label {
  transition: background-color 0.2s;
  border: none;
}

/* FAQボタン */
.faq-btn .smb-btn {
  align-items: center;
  width: 300px;
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #a11018;
  color: #FFF;
  border-color: #FFF;
  border: solid;
}
.faq-btn :hover {
  transition: background-color 0.2s;
  background-color: transparent;
  color: #a11018;
  border-color: #a11018;
  border: solid;
}
.faq-btn .smb-btn__label {
  transition: background-color 0.2s;
  border: none;
}

/*  アコーディオン　FAQ */
.accordion_faq {
  /*
  .smb-accordion__item__body {

  }
  */
}
.accordion_faq .smb-accordion__item__title {
  background-color: rgba(248, 163, 2, 0.1);
}

/*　マイナビセクション */
.mynavi_seciton {
  background-color: #f8a302;
}

/*　マイナビバナー表示 */
div.mynavi img {
  border: solid;
}
div.mynavi img:hover {
  cursor: pointer;
}
div.mynavi figcaption {
  font-size: 1.5rem;
  color: #fff;
  /*background: #333;*/
  background: transparent;
  text-align: center;
}

/*社員FAQ　セクション*/
.employee-faq-section {
  padding-top: 0px;
}

/*社員FAQ*/
.employee-faq {
  /*質問　Q*/
  /*質問文*/
  /*回答　A*/
  /*回答文*/
}
.employee-faq .smb-faq__item__question__label {
  color: #a11018;
}
.employee-faq .smb-faq__item__question__body {
  color: black;
}
.employee-faq .smb-faq__item__answer__label {
  color: #f8a302;
}
.employee-faq .smb-faq__item__answer__body {
  color: black;
}

/* 社員紹介ナビゲーションセクション << 戻る >>*/
.employee_navigate_section {
  padding: 0px;
  background-color: #a11018;
}
.employee_navigate_section .smb-btn .smb-btn__label {
  color: white;
  margin-bottom: 3px;
}
.employee_navigate_section .smb-btn .smb-btn__label svg {
  transition-duration: 0.5s;
}
.employee_navigate_section .smb-btn:hover svg {
  transform: rotate(90deg);
  transition-duration: 0.5s;
}

/* 社員紹介一覧　バナー */
.employee_banner .smb-items__banner {
  /*
        &__body {
          transition: transform 0.2s;
         position: relative;
        }
  */
}
.employee_banner .smb-items__banner__figure {
  /* デフォルトのfilterの除去 */
  filter: none !important;
  /*position: relative;*/
}
.employee_banner .smb-items__banner__title {
  font-size: 1.5rem;
  /*
  font-weight: 600;
  text-shadow:  2px  2px 10px $slide-textshadow-color,
    -2px  2px 10px $slide-textshadow-color ,
     2px -2px 10px $slide-textshadow-color ,
    -2px -2px 10px $slide-textshadow-color;
  */
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(161, 16, 24, 0.7);
  width: 250px;
  text-align: center;
}
.employee_banner .smb-items__banner__lede {
  font-size: 1.2rem;
  font-weight: 600;
  color: black;
  text-shadow: 2px 2px 10px white, -2px 2px 10px white, 2px -2px 10px white, -2px -2px 10px white;
  /*width:400px;*/
}
.employee_banner .smb-items__banner:hover {
  cursor: pointer;
}
.employee_banner .smb-items__banner:hover img {
  /* ホバー時filterをかける */
  /*filter: brightness(0.9);*/
  /*box-shadow: 10px 10px 10px rgba(0,0,0,0.5);*/
  transform: scale(1.2);
}
.employee_banner .smb-items__banner img {
  /* 常時filterをかける */
  /*filter: brightness(0.3);*/
  cursor: pointer;
  transition-duration: 0.5s;
}

/* 社員紹介ヘッダー 2021/11/05追加*/
.employee_introduction_header {
  /*background:orange;  display:inline-block; width:30%; float:right; text-align:right;">*/
}
.employee_introduction_header h2 {
  background-color: transparent !important;
  border-left: none !important;
  text-shadow: 2px 2px 10px white, -2px 2px 10px white, 2px -2px 10px white, -2px -2px 10px white;
}
.employee_introduction_header .div_space_left {
  width: 2%;
  display: inline-block;
  margin: 0px;
}
.employee_introduction_header .div_space_right {
  width: 63%;
  display: inline-block;
  margin: 0px;
}
.employee_introduction_header div.employee_name {
  background-color: rgba(161, 16, 24, 0.7);
  margin: 0px;
  display: inline-block;
  width: 50%;
}
.employee_introduction_header div.employee_name p {
  padding-left: 10px;
  color: white;
  text-shadow: 2px 2px 10px #777, -2px 2px 10px #777, 2px -2px 10px #777, -2px -2px 10px #777;
  font-size: 1.5rem;
}

.business_section {
  background-color: #a11018;
}
.business_section h3.smb-section__title {
  color: white;
}
.business_section .smb-btn {
  border: solid;
  border-color: white;
  border-width: 1px;
  width: 300px;
  height: 100px;
  align-items: center;
}
.business_section .smb-btn:hover {
  background-color: #FFF;
  color: #a11018;
  /*border-color: #000;*/
}

.bib_section h3 {
  /*background-color: yellow;*/
  color: #a11018;
}
.bib_section h4 {
  background-color: rgba(248, 163, 2, 0.1);
}
.bib_section figcaption {
  text-align: center;
}

/*問い合わせヘッダ  2021/11/05*/
/*
.smb-section__body{
    h2.president-head {
    background-color: transparent;
    margin-left:0;
    margin-bottom:0px;
    padding-left:0px;
    border-bottom:solid;
    border-left:none;
    border-color:$main-color;
    }
    h3.president-head {
        border:none;
    }
}
*/
.president_header h2 {
  background-color: transparent !important;
  width: 130px;
  text-shadow: 2px 2px 10px white, -2px 2px 10px white, 2px -2px 10px white, -2px -2px 10px white !important;
  font-size: 1rem !important;
  border-bottom: solid !important;
  border-color: #a11018 !important;
  border-left: none !important;
  margin-bottom: 0px !important;
  padding-left: 0px !important;
  margin-left: 0px !important;
}
.president_header h3 {
  margin-top: 0px;
  border-bottom: none !important;
  text-shadow: 2px 2px 10px white, -2px 2px 10px white, 2px -2px 10px white, -2px -2px 10px white;
  font-size: 1.5rem;
  margin-left: 0px !important;
}

.president_name figure {
  margin-top: 0px;
  margin-left: 0px;
}

.TitleLine01 {
  margin: 1rem 0;
}
.TitleLine01 h2 {
  position: relative;
  padding: 1.5rem 2rem 0 120px;
  border-bottom: 3px solid #a11018;
  font-size: 1.2rem;
}
.TitleLine01 h2 span {
  font-family: "Impact";
  font-size: 50px;
  font-size: 6rem;
  line-height: 1.5;
  position: absolute;
  bottom: -1.6rem;
  left: 0;
  opacity: 0.5;
}

.TitleLine02 h2 {
  position: relative;
  padding: 1rem 2rem;
  border: 1px solid #a11018;
  font-size: 1rem;
}
.TitleLine02 h2:before {
  font-size: 15px;
  font-size: 1rem;
  position: absolute;
  top: -28px;
  left: -2px;
  height: auto;
  padding: 0 1em;
  content: attr(data-text);
  color: #fff;
  background: #a11018;
}

.substrate_table th {
  background-color: rgba(161, 16, 24, 0.1);
  font-size: 0.8rem;
}

.substrate_panels {
  /* パネルの余白除去     
  .c-row__col {
         padding: 0; 
  }
  */
}
.substrate_panels .smb-panels__item {
  /*
      display: flex;
      flex-direction: column;
      box-shadow: none;
      padding: 0;
  /*
      &__figure {
        position: relative;
        order: 2;
        overflow: hidden;
      }
  */
  /*
      &__body {
         パネルのボーダー部分 
        box-shadow: 0 0 0 1px #ccc;
         パネルのテキストと画像の順序を変更
        order: 1;
      }
  */
  /* パネルホバー時の装飾 */
}
.substrate_panels .smb-panels__item img {
  width: 400px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover; /* この一行を追加するだけ！ */
  transition-duration: 0.5S;
}
.substrate_panels .smb-panels__item__title {
  font-size: 1rem;
}
.substrate_panels .smb-panels__item__content {
  font-size: 0.8rem;
}
.substrate_panels .smb-panels__item:hover .smb-panels__item__figure img {
  /* ホバー時に画像を拡大 */
  transform: scale(1.2);
}

@media (max-width: 1023px) {
  /******************************************************************

  Stylesheet: 1023px以下（タブレット）で適用

  ******************************************************************/
  /* ヒーロースライダー */
  .hero__title h2 {
    font-size: 32px;
  }
  .hero .swiper-slide {
    height: 80vh;
  }
  /*ヘッダー*/
  .social-nav-pc {
    display: none;
  }
  .language-pc {
    display: none;
  }
  /*SNSアイコン*/
  .social-nav-1023px {
    display: flex;
    align-items: center;
  }
  .social-nav-1023px .social-nav {
    margin-left: 0;
  }
  .social-nav-1023px .social-nav a {
    color: white;
  }
}
@media (max-width: 639px) {
  /******************************************************************

  Stylesheet: 639px以下(スマホ)で適用

  ******************************************************************/
  /* ヒーロースライダー */
  .hero__title {
    top: 15%;
  }
  .hero__title h2 {
    font-size: 20px;
  }
  .hero__btn {
    bottom: 20%;
  }
  .hero__btn a {
    /* ボタンのサイズを小さく */
    width: 180px;
    height: 45px;
  }
  /* 3つ並んだパネル */
  /* ボタン */
  .btn .smb-btn {
    width: 180px;
    height: 45px;
    margin-top: 30px;
  }
  /* フッター */
  .info-inner {
    display: block;
    text-align: center;
    height: auto;
    padding: 40px;
  }
  .info__logo {
    margin-right: 0;
    margin-bottom: 25px;
  }
  .info__logo img {
    width: 120px;
  }
  .info__text {
    margin-bottom: 25px;
  }
  /* テーブル */
  .table_base table td, .table_base table th {
    font-size: 0.5rem;
  }
  /* TOPのパネル 自作クラス*/
  .top-panel {
    font-size: 0.8rem;
  }
  /* 基板実装 */
  .base-panel .smb-panels__item .smb-panels__item__title {
    font-size: 0.8rem;
  }
  .base-panel .smb-panels__item .smb-panels__item__content {
    font-size: 0.7rem;
  }
  /* 社員紹介ヘッダー */
  .employee_introduction_header h2 {
    font-size: 1rem;
  }
  .employee_introduction_header div.employee_name {
    width: 70%;
  }
  .employee_introduction_header div.employee_name p {
    font-size: 0.8rem;
  }
  /*スマホサイズ版　沿革　タイムライン*/
  .history-pc {
    display: none;
  }
  .history-639px {
    display: block;
  }
  .history-639px .history-wrap {
    margin-top: 0px;
    padding-top: 20px;
    border-left: 2px solid #a11018;
    height: auto;
    text-align: center;
  }
  .history-639px .history-wrap h1 {
    border-bottom: 2px solid #a11018;
  }
  .history-639px .history-wrap .history-box .history-content {
    padding-right: 1%;
    text-align: left;
    padding: 2% 0;
    padding-left: 1%;
  }
  .history-639px .history-wrap .history-box img {
    width: 80%;
  }
  .TitleLine02 h2 {
    position: relative;
    padding: 1rem;
    font-size: 1.2rem;
  }
  .TitleLine02 h2 span {
    font-family: "Impact";
    font-size: 50px;
    font-size: 6rem;
    line-height: 1.5;
    position: absolute;
    bottom: -1.6rem;
    left: 0;
    opacity: 0.5;
  }
}/*# sourceMappingURL=style.css.map */