@charset "UTF-8";

/*
■ 汎用パーツ

■ ページタイトル

■ ローカルナビ_上
■ ローカルナビ_左

■ ページ内リンク（汎用）
■ ページ内リンク（製品ページ）
■ カテゴリーリスト
■ その他 メニューリスト

■ TOPページ

■ カテゴリ一覧
■ 製品一覧
■ 製品名一覧
■ ダウンロード
■ 検索窓

■ 製品詳細：共通
■ 製品詳細：通常
■ 製品詳細：スペシャル

■ 製品紹介動画

■ サポート：よくあるご質問
■ サポート：保守・サポートについて

■ ニュース一覧：サムネイル
■ ニュースリリース詳細（WP）
■ ニュース一覧：テキスト

■ 展示会情報

■ 導入事例：一覧
■ 導入事例：TOP
■ 導入事例：詳細
■ 導入システム：詳細

■ 朋栄製品技術 基本解説：一覧
■ 朋栄製品技術 基本解説：TOP
■ 朋栄製品技術 基本解説：詳細

■ 会社情報：ごあいさつ
■ 会社情報：会社概要
■ 会社情報：事業体制
■ 会社情報：研究開発
■ 会社情報：国内・海外の拠点
■ 会社情報：環境への取り組み
■ 会社情報：関連会社紹介
■ 会社情報：朋栄のあゆみ

■ 採用情報：共通

■ 新卒採用：トップメッセージ
■ 新卒採用：職種紹介
■ 新卒採用：先輩社員紹介（詳細）
■ 新卒採用：よくあるご質問
■ 新卒採用：募集要項・エントリー

■ キャリア採用：TOP
■ キャリア採用：詳細

■ 検索結果
■ 検索結果：サジェスト

■ よくあるご質問

■ 目次ページ：テキスト
■ 目次ページ：サムネイル

■ メルマガ登録

■ プライバシーポリシー

■ 汎用ライブラリー


■ テンプレート移行なし：製品詳細
■ テンプレート移行なし：ニュース詳細
*/

/* ■ 汎用パーツ ==================================================================================== */

/*
種別アイコン
お問い合わせBOX
画像 ボーター付き
画像 実寸表示
リンクリスト
*/

/* 種別アイコン --------------------------------------------------- */

.ProductsIcon {
  display: block;
  line-height: 1em;
  color: #fff !important;
}

.IconNew {
  background: #e84981;
}

.IconGuarantee {
  background: #fe7c3c;
}

.IconBTO {
  background: #6ab594;
}

.IconDiscon {
  background: #212121;
}

.IconImport {
  background: #5e0042;
}

.IconPreliminary {
  background: #000;
}

.IconLimitedStock {
  background: #000;
}

/* 絶対値表示 */
.IconFixed {
  position: absolute;
  top: 10px;
  right: 10px;
}

.ProductsIconFixed {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .ProductsIconFixed {
    top: 7.5px;
    right: 5px;
  }

  .ProductsIcon {
    margin-right: 2.5px;
    padding: 5px 5px 4px 5px;
    font-size: 10px;
  }
}

@media only screen and (max-width: 372px) {
  .ProductsIcon {
    font-size: 8px;
  }
}

@media print, screen and (min-width: 768px) {
  .ProductsIconFixed {
    top: 7.5px;
    right: 5px;
  }

  .ProductsIcon {
    margin-right: 2.5px;
    padding: 4px 5px 4px 5px;
    font-size: 11px;
  }
}

@media print, screen and (min-width: 1090px) {
  .ProductsIconFixed {
    top: 10px;
    right: 5px;
  }

  .ProductsIcon {
    margin-right: 5px;
    padding: 4px 10px 4px 10px;
    font-size: 13px;
  }
}

/* お問い合わせBOX --------------------------------------------------- */

@media only screen and (max-width: 767px) {
  .ContactBox {
    margin-top: 30px;
  }

  .ContactBox .BtnUnit {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .ContactBox {
    margin-top: 50px;
  }

  .ContactBox .Lead1 {
    font-size: 18px;
  }

  .ContactBox .BtnUnit {
    margin-top: 10px;
  }

  .ContactBox .BtnUnit a {
    width: 200px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 画像 ボーター付き --------------------------------------------------- */

.ImgBo {
  border: 1px solid #d5d5d5;
}

/* 画像 実寸表示 --------------------------------------------------- */

@media print, screen and (min-width: 768px) {
  .ImgInh {
    width: inherit;
  }
}

/* リンクリスト --------------------------------------------------- */

.l-post-content .LinkList li {
  padding-left: 0;
}

.l-post-content .LinkList li::before {
  display: none;
}

#growp-editor-wrapper .LinkList li {
  padding-left: 0 !important;
}

#growp-editor-wrapper .LinkList li::before {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .LinkList li {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .LinkList li {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ ページタイトル ==================================================================================== */

@media only screen and (max-width: 767px) {
  .PageTitle {
  }

  .PageTitle .SubName {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.4em;
  }
}

@media print, screen and (min-width: 768px) {
  .PageTitle {
  }

  .PageTitle .SubName {
    line-height: 1.5em;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ ページ内リンク（汎用） ==================================================================================== */

.l-post-content .InPageNavVers li + li {
  margin-top: 0;
}

.InPageNavVers li {
  border: 1px solid #d5d5d5;
  padding-left: 0 !important;
}

.InPageNavVers li::before {
  display: none !important;
}

.InPageNavVers li a {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .InPageNavVers li a {
    padding: 6px 10px;
    line-height: 1.5em;
  }
}

@media print, screen and (min-width: 768px) {
  .InPageNavVers li a {
    padding: 10px 10px;
    line-height: 1.5em;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ ページ内リンク（製品ページ） ==================================================================================== */

#InPageNavWrap {
  width: 100%;
  background: #fff;
}

#InPageNavWrap.Fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

/* 項目リンク */
#InPageNav li {
  display: inline-block;
}

#InPageNav a {
  border-right: 1px solid #d5d5d5;
  color: #000;
}

#InPageNav a.Current {
  color: #b91010;
}

/* 問い合わせ */
#InPageNavContact li {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  #InPageNavWrap.NoContact {
    border-bottom: 1px solid #e9e9e9;
  }

  #InPageNavWrap.NoContact .Mds {
    margin-left: 15px;
  }

  /* 項目リンク */
  #InPageNav {
    width: 100%;
    padding: 10px 15px 10px 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    white-space: nowrap;
  }

  /* 項目リンク */
  #InPageNav a {
    padding: 5px 15px;
  }

  #InPageNavWrap.NoContact #InPageNav li:nth-child(2) a {
    padding-left: 5px;
  }

  /* 問い合わせ */
  #InPageNavContact {
    display: flex;
    justify-content: space-between;
  }

  #InPageNavContact li {
    width: 100%;
  }

  #InPageNavContact li:first-child {
    border-right: 1px solid #8d0e0e;
  }

  #InPageNavContact a {
    padding-left: 15px;
    border-radius: 0;
  }
}

@media print, screen and (min-width: 768px) {
  #InPageNavWrap {
    display: flex;
    align-items: center;
    padding: 14px 30px 14px 0;
    border-bottom: 1px solid #e9e9e9;
  }

  #InPageNavWrap.NoContact .Mds {
    margin-left: 20px;
  }

  /* 項目リンク */
  #InPageNav a {
    padding: 5px 20px;
  }

  #InPageNavWrap.NoContact #InPageNav li:nth-child(2) a {
    padding-left: 10px;
  }

  /* 問い合わせ */
  #InPageNavContact {
    margin-left: auto;
    white-space: nowrap;
  }

  #InPageNavContact li {
    margin-left: 10px;
  }
}

@media print, screen and (min-width: 1090px) {
  #InPageNavWrap {
    padding: 14px 20px 14px 0;
  }

  /* 項目リンク */
  #InPageNav a:hover {
    color: #b91010;
    opacity: 1;
  }
}

/* ■ ローカルナビ_上 ==================================================================================== */

#LocalNavWrap {
  width: 100%;
  background: #fff;
}

#LocalNavWrap.Fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

/* 項目リンク */
#LocalNav a {
  color: #000;
}

@media only screen and (max-width: 767px) {
  #LocalNavWrap {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
  }

  /* 開閉ボタン */
  #BtnOpenLocanNav {
    display: block;
    position: relative;
    padding: 15px;
  }

  #BtnOpenLocanNav.Current {
  }

  /* プラスマイナス アイコン */
  #BtnOpenLocanNav:before,
  #BtnOpenLocanNav:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 1px;
    background: #000;
    content: "";
  }

  #BtnOpenLocanNav:after {
    transform: rotate(90deg);
  }

  #BtnOpenLocanNav.Current:after {
    display: none;
  }

  /* 項目リンク */
  #LocalNav {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
  }

  #LocalNav ul {
    height: 100% !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #LocalNav a {
    display: block;
    position: relative;
    padding: 15px 15px;
    border-bottom: 1px solid #e9e9e9;
  }

  /* 矢印 アイコン */
  #LocalNav a:before,
  #LocalNav a:after {
    display: block;
    position: absolute;
    top: 50%;
    height: 1px;
    background: #000;
    content: "";
  }

  #LocalNav a:before {
    right: 14px;
    width: 8px;
    margin-top: -3px;
    transform: rotate(45deg);
  }

  #LocalNav a:after {
    right: 15px;
    width: 18px;
  }
}

@media print, screen and (min-width: 768px) {
  #LocalNavWrap {
    display: flex;
    align-items: center;
    padding: 14px 30px 14px 0;
    border-bottom: 1px solid #e9e9e9;
  }

  #LocalNavWrap .Mds {
    margin-left: 20px;
    padding-right: 20px;
  }

  /* 開閉ボタン */
  #BtnOpenLocanNav {
    pointer-events: none;
  }

  /* 項目リンク */
  #LocalNav {
    display: block !important;
  }

  #LocalNav li {
    display: inline-block;
  }

  #LocalNav a {
    padding: 5px 20px;
    border-right: 1px solid #d5d5d5;
  }

  #LocalNav li:nth-child(1) a {
    border-left: 1px solid #d5d5d5;
  }

  /* カレント */
  #LocalNav a.Current {
    color: #b91010;
  }
}

@media print, screen and (min-width: 1090px) {
  #LocalNavWrap {
    padding: 14px 20px 14px 0;
  }

  /* 項目リンク */
  #LocalNav a:hover {
    color: #b91010;
    opacity: 1;
  }
}

/* ■ ローカルナビ_左 ==================================================================================== */

#LocalNavWrap_L {
  background: #fff;
}

/* 項目リンク */
#LocalNav_L a {
  display: block;
  color: #000;
}

@media only screen and (max-width: 767px) {
  #LocalNavWrap_L {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
  }

  #LocalNavWrap_L.Fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
  }

  /* 開閉ボタン */
  #BtnOpenLocanNav_L {
    display: block;
    position: relative;
    padding: 15px;
  }

  #BtnOpenLocanNav_L.Current {
  }

  /* プラスマイナス アイコン */
  #BtnOpenLocanNav_L:before,
  #BtnOpenLocanNav_L:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 1px;
    background: #000;
    content: "";
  }

  #BtnOpenLocanNav_L:after {
    transform: rotate(90deg);
  }

  #BtnOpenLocanNav_L.Current:after {
    display: none;
  }

  /* 項目リンク */
  #LocalNav_L {
    display: none;
    position: fixed;
    left: 0;
    top: 111px;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: #fff;
  }

  #LocalNav_L ul {
    height: 100% !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #LocalNav_L a {
    display: block;
    position: relative;
    padding: 15px 15px;
    border-bottom: 1px solid #e9e9e9;
  }

  /* 矢印 アイコン */
  #LocalNav_L a:before,
  #LocalNav_L a:after {
    display: block;
    position: absolute;
    top: 50%;
    height: 1px;
    background: #000;
    content: "";
  }

  #LocalNav_L a:before {
    right: 14px;
    width: 8px;
    margin-top: -3px;
    transform: rotate(45deg);
  }

  #LocalNav_L a:after {
    right: 15px;
    width: 18px;
  }

  /* 子メニュー */
  #LocalNav_L .Level2 a {
    background: #f6f6f6;
  }
}

@media print, screen and (min-width: 768px) {
  #LocalNavWrap_L {
    border-top: 1px solid #b91010;
  }

  #LocalNavWrap_L .Mds {
    padding: 25px 0;
    border-bottom: 1px solid #d5d5d5;
    font-size: 20px;
    line-height: 1em;
  }

  /* 開閉ボタン */
  #BtnOpenLocanNav_L {
    pointer-events: none;
  }

  /* 項目リンク */
  #LocalNav_L {
    display: block !important;
  }

  #LocalNav_L .Parent a {
    padding: 13px 13px;
    border-bottom: 1px solid #d5d5d5;
    line-height: 1.5em;
  }

  #LocalNav_L .Parent a.Current {
    color: #fff;
    background: #1f1f1f;
  }

  /* 子メニュー */
  #LocalNav_L .Level2 a {
    padding: 11px 11px;
    border-bottom: 1px solid #d5d5d5;
    font-size: 14px;
    line-height: 1.5em;
    background: #f6f6f6;
  }

  #LocalNav_L .Level2 a.Current {
    color: #fff;
    background: #1f1f1f;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ カテゴリーリスト ==================================================================================== */

@media only screen and (max-width: 767px) {
  /* プラスマイナス アイコン */
  .CateListEach h2.Mds {
    display: block;
    position: relative;
    padding: 16px 0;
    border-top: 1px solid #b91010;
    cursor: pointer;
  }

  .CateList .CateListEach:last-of-type h2.Mds {
    border-bottom: 1px solid #b91010;
  }

  .CateList .CateListEach:last-of-type .BtnOpenClose.Current {
    border-bottom: none;
  }

  .CateListEach h2.Mds:before,
  .CateListEach h2.Mds:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 1px;
    background: #000;
    content: "";
  }

  .CateListEach h2.Mds:after {
    transform: rotate(90deg);
  }

  .CateListEach h2.Mds.Current:after {
    display: none;
  }

  /* 子メニュー */
  .CateListEach .CateListChild {
    display: none;
    margin-bottom: 20px;
  }

  .CateListEach .CateListChild a {
    display: block;
    margin-bottom: 5px;
    padding: 18px 15px 18px 75px;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: auto 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .CateList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
  }

  .CateListEach {
    width: calc(49% - 1%);
    margin: 1.5% 1% 1%;
  }

  .CateListEach .BtnOpenClose {
    pointer-events: none;
  }

  .CateListEach h2.Mds {
    padding-top: 10px;
    border-top: 1px solid #b91010;
    font-size: 18px;
  }

  /* 子メニュー */
  .CateListEach .CateListChild {
    display: block !important;
    margin-top: 10px;
  }

  .CateListEach .CateListChild li {
    float: left;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 1%;
  }

  .CateListEach .CateListChild li:nth-child(2n) {
    margin-right: 0;
  }

  .CateListEach .CateListChild a {
    display: flex;
    align-items: center;
    padding: 10px 60px 10px 10px;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: auto 40px;
  }
}

@media print, screen and (min-width: 1090px) {
  .CateListEach .CateListChild a {
    padding: 15px 74px 15px 10px;
    background-size: auto 60px;
  }

  .CateListEach .CateListChild a:hover {
    color: #b91010;
    opacity: 1;
  }
}

/* ■ その他 メニューリスト ==================================================================================== */

.OtherMenuList .OtherMenuListEach a {
  display: block;
  position: relative;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
}

.OtherMenuList .OtherMenuListEach a:before,
.OtherMenuList .OtherMenuListEach a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.OtherMenuList .OtherMenuListEach a:before {
  right: 14px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.OtherMenuList .OtherMenuListEach a:after {
  right: 15px;
  width: 18px;
}

@media only screen and (max-width: 767px) {
  .OtherMenuList .OtherMenuListEach {
    display: block !important;
    margin-top: 20px;
  }

  .OtherMenuList .OtherMenuListEach li {
    margin-bottom: 5px;
  }

  .OtherMenuList .OtherMenuListEach a {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 20px 0 100px;
    color: #000;
    background-size: auto 60px !important;
  }

  .OtherMenuList .OtherMenuListEach a.NoThumb {
    height: 50px;
    padding: 0 20px 0 20px;
    font-size: 14px;
  }
}

@media print, screen and (min-width: 768px) {
  .OtherMenuList .OtherMenuListEach {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
  }

  .OtherMenuList .OtherMenuListEach li {
    width: calc(49% - 1%);
    margin: 1.5% 1% 1%;
  }

  .OtherMenuList .OtherMenuListEach a {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 20px 0 110px;
    font-size: 18px;
    color: #000;
    background-size: auto 60px !important;
  }

  .OtherMenuList .OtherMenuListEach a.NoThumb {
    height: 50px;
    padding: 0 20px 0 20px;
    font-size: 16px;
  }
}

@media print, screen and (min-width: 1090px) {
  .OtherMenuList .OtherMenuListEach a {
    height: 80px;
    padding: 0 20px 0 140px;
    background-size: auto 80px !important;
  }

  .OtherMenuList .OtherMenuListEach a:hover {
    color: #b91010;
    opacity: 1;
  }

  .OtherMenuList .OtherMenuListEach a.NoThumb {
    min-height: 60px;
  }
}

/* ■ 製品から探す（A-Z） ==================================================================================== */

.SearchByNameList h2.Mds {
  text-align: center;
}

.SearchByNameList h2.Mds span {
  background: url(/img/common/icon/Icon_Search.png) no-repeat;
}

.SearchByNameList .SearchByName {
  display: flex !important;
  flex-wrap: wrap;
}

.SearchByNameList .SearchByName a,
.SearchByNameList .SearchByName span {
  display: block;
  border: 1px solid #d5d5d5;
  line-height: 1em;
  font-weight: bold;
}

.SearchByNameList .SearchByName a {
  color: #000;
}

.SearchByNameList .SearchByName span {
  color: #d3d3d3;
}

/* 生産完了品 */
.SearchByNameList .LinkDiscon {
  font-size: 14px;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .SearchByNameList h2.Mds {
    font-size: 19px;
  }

  .SearchByNameList h2.Mds span {
    padding: 5px 0 5px 36px;
    background-position: 0 50%;
    background-size: 22px 21px;
  }

  .SearchByNameList .SearchByName {
    margin: 15px -1% 0 -1%;
  }

  .SearchByNameList .SearchByName li {
    width: calc(19% - 1%) !important;
    margin: 0 1% 2% !important;
  }

  .SearchByNameList .SearchByName li:nth-child(5n) {
    margin-right: 0 !important;
  }

  .SearchByNameList .SearchByName a,
  .SearchByNameList .SearchByName span {
    padding: 28% 0;
    font-size: 20px;
    text-align: center;
  }

  /* 生産完了品 */
  .SearchByNameList .LinkDiscon {
    margin-top: -40px;
  }
}

@media print, screen and (min-width: 768px) {
  .SearchByNameList h2.Mds {
    font-size: 24px;
  }

  .SearchByNameList h2.Mds span {
    padding: 5px 0 5px 50px;
    background-position: 0 50%;
    background-size: 32px 31px;
  }

  .SearchByNameList .SearchByName {
    margin-top: 30px;
  }

  .SearchByNameList .SearchByName li {
    width: 6.92307692307692%;
    margin-right: 0.83333333333334% !important;
    margin-bottom: 0.83333333333334% !important;
  }

  .SearchByNameList .SearchByName li:nth-child(13n) {
    margin-right: 0 !important;
  }

  .SearchByNameList .SearchByName a,
  .SearchByNameList .SearchByName span {
    padding: 28% 0;
    font-size: 2.2px;
    text-align: center;
  }
}

@media print, screen and (min-width: 1090px) {
  .SearchByNameList .SearchByName a,
  .SearchByNameList .SearchByName span {
    padding: 35% 0;
  }

  .SearchByNameList .SearchByName a:hover {
    color: #b91010;
    opacity: 1;
  }
}

/* ■ 検索窓 ==================================================================================== */

/*
ヘッダー
ページ上
*/

/* ヘッダー --------------------------------------------------- */

.SearchBox .SearchCate,
.SearchBox .SearchTxt,
.SearchBox .SearchBtn {
  border: none;
  vertical-align: middle;
}

.SearchBox .SearchCate {
  border-radius: 100vh 0 0 100vh;
  vertical-align: middle;
  color: #fff;
  background: #b91010 url(/img/common/icon/Icon_SelectBox.png) no-repeat;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.SearchBox .SearchTxt {
  border-radius: 0;
  padding: 0 10px;
  background: #f0f0f0;
}

.SearchBox .SearchBtn {
  border-radius: 0 100vh 100vh 0;
  text-indent: -9999px;
  background: #f0f0f0 url(/img/common/icon/Icon_Search.png) no-repeat;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .SearchBox .SearchCate,
  .SearchBox .SearchTxt,
  .SearchBox .SearchBtn {
    height: 3em;
    line-height: 3em;
  }

  .SearchBox .SearchCate {
    width: 32%;
    padding-left: 15px;
    padding-right: 30px;
    background-position: 90% 50%;
    background-size: 15px auto;
  }

  .SearchBox .SearchTxt {
    width: 58%;
  }

  .SearchBox .SearchBtn {
    width: 10%;
    background-position: 0 50%;
    background-size: 20px auto;
  }
}

@media print, screen and (min-width: 768px) {
  .SearchBox .SearchCate,
  .SearchBox .SearchTxt,
  .SearchBox .SearchBtn {
    height: 26px;
    line-height: 26px;
  }

  .SearchBox .SearchCate {
    width: 80px;
    height: 26px;
    padding-left: 10px;
    padding-right: 20px;
    font-size: 74%;
    background-position: 64px 50%;
    background-size: 10px auto;
  }

  .SearchBox .SearchTxt {
    width: 130px;
    height: 26px;
    font-size: 74%;
  }

  .SearchBox .SearchBtn {
    width: 40px;
    background-position: 50% 50%;
    background-size: 16px auto;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ページ上 --------------------------------------------------- */

.SearchBoxUnit h2.Mds {
  text-align: center;
}

.SearchBoxUnit h2.Mds span {
  background: url(/img/common/icon/Icon_Search.png) no-repeat;
}

.SearchBoxUnit .SearchBox2 .SearchTxt,
.SearchBoxUnit .SearchBox2 .SearchBtn {
  vertical-align: middle;
}

.SearchBoxUnit .SearchBox2 .SearchTxt {
  border: 1px solid #d5d5d5;
  border-radius: 100vh 0 0 100vh;
  padding: 0 10px;
  background: #fff;
  box-shadow: inset 1px 1px 1px 0px #ececec;
}

.SearchBoxUnit .SearchBox2 .SearchBtn {
  border: none;
  border-radius: 0 100vh 100vh 0;
  letter-spacing: 0.2em;
  color: #fff;
  background: #b91010;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .SearchBoxUnit h2.Mds {
    font-size: 19px;
  }

  .SearchBoxUnit h2.Mds span {
    padding: 5px 0 5px 36px;
    background-position: 0 50%;
    background-size: 22px 21px;
  }

  .SearchBoxUnit .SearchBox2 {
    margin-top: 15px;
  }

  .SearchBoxUnit .SearchBox2 .SearchTxt,
  .SearchBoxUnit .SearchBox2 .SearchBtn {
    height: 3em;
    line-height: 3em;
  }

  .SearchBoxUnit .SearchBox2 .SearchTxt {
    width: 78%;
    padding-left: 15px;
  }

  .SearchBoxUnit .SearchBox2 .SearchBtn {
    width: 22%;
  }
}

@media print, screen and (min-width: 768px) {
  .SearchBoxUnit h2.Mds {
    font-size: 24px;
  }

  .SearchBoxUnit h2.Mds span {
    padding: 5px 0 5px 50px;
    background-position: 0 50%;
    background-size: 32px 31px;
  }

  .SearchBoxUnit .SearchBox2 {
    margin-top: 30px;
  }

  .SearchBoxUnit .SearchBox2 .SearchTxt,
  .SearchBoxUnit .SearchBox2 .SearchBtn {
    height: 50px;
    line-height: 25px;
  }

  .SearchBoxUnit .SearchBox2 .SearchTxt {
    width: 80%;
    height: 50px;
    padding-left: 30px;
  }

  .SearchBoxUnit .SearchBox2 .SearchBtn {
    width: 20%;
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1090px) {
  .SearchBoxUnit .SearchBox2 .SearchTxt,
  .SearchBoxUnit .SearchBox2 .SearchBtn {
    height: 60px;
    line-height: 30px;
  }

  .SearchBoxUnit .SearchBox2 .SearchTxt {
    height: 60px;
  }
}

/* ■ TOPページ ==================================================================================== */

/*
タブメニュー
ピックアップ
ニュース＆イベント
導入事例
*/

/* タブメニュー --------------------------------------------------- */

#TabMenu {
  position: relative;
  z-index: 5000;
  padding: 30px 0;
}

.TabMenuList {
  display: flex;
  flex-wrap: wrap;
}

.TabMenuList li {
  width: 25%;
}

.TabMenuList a {
  display: block;
  position: relative;
  border-right: 1px solid #861010;
  text-align: center;
  color: #fff;
  background: #b91010;
}

.TabMenuList li:last-child a {
  border-right: none;
}

.TabMenuList a.Current {
  color: #b91010;
  background: #fff;
}

.TabMenuList a.Current:before {
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  content: "";
}

.TabMenuList a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(rgb(184, 16, 16), rgb(163, 14, 14));
  content: "";
}

.TabMenuList a.Current:after {
  display: none;
}

.TabMenuList a span {
  display: inline-block;
  position: relative;
}

.TabMenuList a.Current span:after {
  position: absolute;
  left: 50%;
  height: 1px;
  background: #b91010;
  content: "";
}

@media only screen and (max-width: 767px) {
  #TabMenu {
    margin-top: -53px;
    padding: 0 15px;
  }

  .TabMenuList a {
    height: 53px;
    padding-top: 12px;
    font-size: 10px;
    line-height: 1.4em;
  }

  .TabMenuList li:nth-child(2n) a {
    padding-top: 5px;
  }

  .TabMenuList li:last-child a {
    padding-top: 20px;
  }

  .TabMenuList a.Current:before {
    top: -5px;
    height: 5px;
  }

  .TabMenuList a:after {
    height: 5px;
  }

  .TabMenuList a.Current span:after {
    bottom: -13px;
    width: 48px;
    margin-left: -24px;
  }

  .TabMenuList li:last-child a.Current span:after {
    bottom: -19px;
  }
}

@media print, screen and (min-width: 768px) {
  #TabMenu {
    max-width: 1400px;
    margin: -60px auto 0 auto;
    padding: 0 30px;
  }

  .TabMenuList a {
    height: 60px;
    line-height: 60px;
  }

  .TabMenuList a.Current:before {
    top: -10px;
    height: 10px;
  }

  .TabMenuList a:after {
    height: 20px;
  }

  .TabMenuList a.Current span:after {
    bottom: 0;
    width: 145px;
    margin-left: -72.5px;
  }
}

@media print, screen and (min-width: 1090px) {
  .TabMenuList a.Current:hover {
    opacity: 1;
  }
}

/* ピックアップ --------------------------------------------------- */

.TopPickup {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.TopPickup a {
  display: block;
}

.TopPickup .Photo {
  background-image: -moz-linear-gradient(128deg, rgb(40, 40, 40) 0%, rgb(90, 90, 90) 100%);
  background-image: -webkit-linear-gradient(128deg, rgb(40, 40, 40) 0%, rgb(90, 90, 90) 100%);
  background-image: -ms-linear-gradient(128deg, rgb(40, 40, 40) 0%, rgb(90, 90, 90) 100%);
}

.TopPickup .Photo img {
  object-fit: cover;
  font-family: "object-fit: cover;"; /* IE対策 */
}

.TopPickup li {
  border-bottom: 1px solid #e3e3e3;
}

.TopPickup .LeadUnit {
  border-right: 1px solid #e3e3e3;
}

.TopPickup .Lead1,
.TopPickup .Lead3 {
  color: #000;
}

.TopPickup .Lead2 {
  color: #b91010;
  font-weight: 700;
}

.TabContent {
  display: none;
}

.TabContent.Current {
  display: block;
}

@media only screen and (max-width: 767px) {
  #TabContents {
    margin-top: 30px;
  }

  .TopPickup li {
    width: 50%;
  }

  .TopPickup .Photo {
    padding: 0 8%;
  }

  .TopPickup .Photo img {
    max-height: 200px;
  }

  .TopPickup .LeadUnit {
    padding: 15px 15px 30px 15px;
  }

  .TopPickup li:nth-child(2n) .LeadUnit {
    border-right: none;
  }

  .TopPickup .Lead1 {
    font-size: 12px;
    line-height: 1.5em;
  }

  .TopPickup .Lead2 {
    margin-top: 4px;
    font-size: 20px;
    line-height: 1.3em;
  }

  .TopPickup .Lead3 {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 768px) {
  #TabContents {
    margin-top: 80px;
  }

  .TopPickup li {
    width: 33.33333333%;
  }

  .TopPickup .Photo {
    padding: 0 10%;
  }

  .TopPickup .Photo img {
    max-height: 280px;
  }

  .TopPickup .LeadUnit {
    padding: 4% 10% 10% 10%;
  }

  .TopPickup li:nth-child(3n) .LeadUnit {
    border-right: none;
  }

  .TopPickup .Lead1,
  .TopPickup .Lead2 {
    text-align: center;
  }

  .TopPickup .Lead1 {
    font-size: 14px;
    line-height: 1.8em;
  }

  .TopPickup .Lead2 {
    margin-top: 4px;
    font-size: 28px;
    line-height: 1.3em;
  }

  .TopPickup .Lead3 {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 1090px) {
  .TopPickup .Photo img {
    max-height: 360px;
  }

  .TopPickup a:hover {
    opacity: 0.9;
  }
}

/* ニュース＆イベント --------------------------------------------------- */

.TopNewsList h2.Mds {
  border-bottom: 1px solid #b91010;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .TopNewsList {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .TopNewsList h2.Mds {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  .TopNewsList {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .TopNewsList h2.Mds {
    margin-bottom: 20px;
    padding-bottom: 30px;
    font-size: 3.2px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 導入事例 --------------------------------------------------- */

.TopCaseList h2.Mds {
  border-bottom: 1px solid #b91010;
  text-align: center;
}

.TopCaseList .BtnToList {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .TopCaseList {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .TopCaseList h2.Mds {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 24px;
  }

  .TopCaseList .BtnToList {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .TopCaseList {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .TopCaseList h2.Mds {
    margin-bottom: 20px;
    padding-bottom: 30px;
    font-size: 3.2px;
  }

  .TopCaseList .BtnToList {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 導入事例：スライド --------------------------------------------------- */

.TopCaseSlideWrap a {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .TopCaseSlideWrap {
    padding-bottom: 30px;
  }

  .TopCaseSlide .Lead {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.5;
  }

  /* スライド間の余白：centerModeを使用する場合 */
  .TopCaseSlide .slick-slide {
    margin: 0 5px;
  }
}

@media print, screen and (min-width: 768px) {
  .TopCaseSlideWrap {
    padding-bottom: 100px;
  }

  .TopCaseSlide .Lead {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }

  /* スライド間の余白：centerModeを使用する場合 */
  .TopCaseSlide .slick-slide {
    margin: 0 10px;
  }
}

/* ■ カテゴリ一覧 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .SectionCateList {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .SectionCateList .CateListEach {
    margin-top: 2.5%;
  }

  .SectionCateList .CateListEach h2.Mds {
    font-size: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 製品一覧 ==================================================================================== */

.ProductsList a {
  display: block;
}

.ProductsList .Photo {
  position: relative;
  border: 1px solid #e9e9e9;
  background-color: #fff;
}

.ProductsList .Lead1 {
  color: #b91010;
}

.ProductsList .Lead3 {
  color: #000;
}

.ProductsList .Lead2 {
  font-weight: bold;
  color: #b91010;
}

#PageProducts_Import .PageTitle .OtherLogo img {
  width: inherit;
}

@media only screen and (max-width: 767px) {
  .ProductsList {
    margin-top: 10px;
  }

  .ProductsList li {
    margin-top: 4%;
  }

  .ProductsList .Lead1 {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.6em;
  }

  .ProductsList .Lead2 {
    margin-top: 2px;
    font-size: 17px;
    line-height: 1.4em;
  }

  .ProductsList .Lead3 {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.6em;
  }

  /* 輸入・取扱製品 */
  #PageProducts_Import .PageTitle .OtherLogo {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .ProductsList {
    margin-top: 20px;
  }

  .ProductsList li {
    margin-top: 3%;
  }

  .ProductsList .Lead1 {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.8em;
  }

  .ProductsList .Lead2 {
    margin-top: 0px;
    font-size: 2.2px;
    line-height: 1.4em;
  }

  .ProductsList .Lead3 {
    margin-top: 7px;
    font-size: 15px;
    line-height: 1.8em;
  }

  /* 輸入・取扱製品 */
  #PageProducts_Import .PageTitle .OtherLogo {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
  .ProductsList {
    margin-top: 30px;
  }
}

/* ■ 製品名一覧 ==================================================================================== */

.SecitonSearchByName h2.Mds {
  border-bottom: 1px solid #d0d1cc;
}

.SecitonSearchByNameList .SubName {
  color: #000;
}

/* 販売終了製品 */
.DisconNotice {
  border: 1px dashed #d0d1cc;
}

.DisconNotice .DisconAlt a {
  display: inline-block;
  position: relative;
  margin-right: 10px;
}

.DisconNotice .DisconAlt a:after {
  display: inline-block;
  position: absolute;
  right: -16px;
  color: #000;
  content: "、";
}

@media all and (-ms-high-contrast: none) {
  .DisconNotice .DisconAlt a:after {
    right: -18px;
  }
}

.DisconNotice .DisconAlt a:last-child:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .SecitonSearchByName {
    padding-top: 30px;
  }

  .SecitonSearchByName h2.Mds {
    padding-bottom: 5px;
    font-size: 2.2px;
  }

  .SecitonSearchByNameList {
    margin-top: 15px;
  }

  .SecitonSearchByNameList li {
    margin-top: 10px;
  }

  .SecitonSearchByNameList .ProductName {
    display: block;
  }

  .SecitonSearchByNameList .SubName {
    display: block;
    font-size: 13px;
    line-height: 1.3em;
  }

  /* 販売終了製品 */
  .Page_Discontinued .SecitonSearchByNameList li {
    margin-top: 15px;
  }

  .DisconNotice {
    margin-top: 10px;
    padding: 10px 14px;
    font-size: 14px;
  }

  .DisconNotice .DisconSche span {
    display: block;
  }

  .DisconNotice .DisconAlt .Mds {
    display: block;
  }
}

@media print, screen and (min-width: 768px) {
  .SecitonSearchByName {
    padding: 20px 0;
  }

  .SecitonSearchByName h2.Mds {
    padding-bottom: 15px;
    font-size: 26px;
  }

  .SecitonSearchByNameList {
    margin-top: 20px;
  }

  .SecitonSearchByNameList li {
    margin-top: 5px;
  }

  .SecitonSearchByNameList .ProductName {
    font-size: 17px;
  }

  .SecitonSearchByNameList .SubName {
    display: inline-block;
    position: relative;
    margin-left: 7px;
    padding-left: 23px;
    font-size: 15px;
  }

  .SecitonSearchByNameList .SubName:before {
    position: absolute;
    left: 0;
    top: 48%;
    width: 18px;
    height: 1px;
    background: #000;
    content: "";
  }

  /* 販売終了製品 */
  .Page_Discontinued .SecitonSearchByNameList li {
    margin-top: 30px;
  }

  .DisconNotice {
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 15px;
  }

  .DisconNotice .DisconSche span {
    margin-right: 12px;
  }
}

@media print, screen and (min-width: 1090px) {
  .SecitonSearchByName {
    padding: 40px 0;
  }

  .SecitonSearchByNameList a.LinkFwd:hover {
    opacity: 1;
  }

  /* 販売終了製品 */
  .DisconNotice .DisconAlt a:hover {
    opacity: 1;
  }
}

/* ■ ダウンロード ==================================================================================== */

.SecitonDownload h2.Mds {
  border-bottom: 1px solid #d0d1cc;
}

.SecitonDownloadList .SubName {
  color: #000;
}

.SecitonDownloadList .EachPorduct {
  border: 1px solid #d0d1cc;
}

.SecitonDownloadList .ProductName {
  display: block;
  position: relative;
  color: #000;
}

.SecitonDownloadList .ProductName.Current {
  background: #f6f6f6;
}

.SecitonDownloadList .ProductName.Current .SubName {
}

/* プラスマイナス アイコン */
.SecitonDownloadList .ProductName:before,
.SecitonDownloadList .ProductName:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.SecitonDownloadList .ProductName:after {
  transform: rotate(90deg);
}

.SecitonDownloadList .ProductName.Current:after {
  display: none;
}

/* ダウンロード内容 */
.SecitonDownloadList .DownloadUnit {
  display: none;
}

/* 製品ガイドブック */
.DownloadGuideBook a {
  display: inline-block;
  border: 1px solid #d0d1cc;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .SecitonDownload {
    padding-top: 30px;
  }

  .SecitonDownload h2.Mds {
    padding-bottom: 5px;
    font-size: 2.2px;
  }

  .SecitonDownloadList {
    margin-top: 15px;
  }

  .SecitonDownloadList .EachPorduct {
    margin-top: 10px;
  }

  .SecitonDownloadList .ProductName {
    padding: 6px 15px 10px 15px;
    font-size: 18px;
  }

  .SecitonDownloadList .SubName {
    display: block;
    padding-right: 30px;
    font-size: 13px;
    line-height: 1.3em;
  }

  /* プラスマイナス アイコン */
  .SecitonDownloadList .ProductName:before,
  .SecitonDownloadList .ProductName:after {
    right: 15px;
    width: 15px;
  }

  /* ダウンロード内容 */
  .SecitonDownloadList .DownloadUnit {
    padding: 0 15px 20px 15px;
  }

  .SecitonDownloadList .DownloadDoc {
    margin-top: 15px;
  }

  .SecitonDownloadList .DownloadPhoto {
    margin-top: 20px;
  }

  /* 製品ガイドブック */
  .DownloadGuideBook {
    margin-top: 30px;
  }

  .DownloadGuideBook a {
    width: 100%;
    padding: 20px 20px 20px 75px;
    line-height: 1.5em;
    background-size: 50px auto;
    background-position: 10px 50%;
  }
}

@media print, screen and (min-width: 768px) {
  .SecitonDownload {
    padding: 20px 0;
  }

  .SecitonDownload h2.Mds {
    padding-bottom: 15px;
    font-size: 26px;
  }

  .SecitonDownloadList {
    margin-top: 20px;
  }

  .SecitonDownloadList .EachPorduct {
    margin-top: 10px;
  }

  .SecitonDownloadList .ProductName {
    padding: 20px 30px;
    font-size: 19px;
  }

  .SecitonDownloadList .SubName {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding-left: 25px;
  }

  .SecitonDownloadList .SubName:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 1px;
    background: #000;
    content: "";
  }

  /* プラスマイナス アイコン */
  .SecitonDownloadList .ProductName:before,
  .SecitonDownloadList .ProductName:after {
    right: 20px;
    width: 20px;
  }

  /* ダウンロード内容 */
  .SecitonDownloadList .DownloadUnit {
    padding: 0 30px 20px 30px;
  }

  .SecitonDownloadList .DownloadDoc {
    margin-top: 30px;
  }

  .SecitonDownloadList .DownloadPhoto {
    margin-top: 40px;
  }

  /* 製品ガイドブック */
  .DownloadGuideBook {
    margin-top: 40px;
  }

  .DownloadGuideBook a {
    margin-right: 8px;
    margin-bottom: 12px;
    padding: 20px 20px 20px 75px;
    background-size: 50px auto;
    background-position: 10px 50%;
  }
}

@media print, screen and (min-width: 1090px) {
  .SecitonDownload {
    padding: 40px 0;
  }

  .SecitonDownloadList a.ProductName:hover {
    background: #f6f6f6;
    opacity: 1;
  }
}

/* ■ 製品詳細：共通 ==================================================================================== */

/*
キービジュアル
ページ内リンク
納入事例
ダウンロード
お問い合わせ
関連製品
*/

/* キービジュアル --------------------------------------------------- */

#ProductsKeyVisualWrap {
  width: 100%;
  position: relative;
  color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

#ProductsKeyVisual {
  display: flex;
  flex-wrap: wrap;
}

#ProductsKeyVisual .ProductsIcon {
  display: inline-block;
}

#ProductsKeyVisual .OtherLogo img {
  width: inherit;
}

@media only screen and (max-width: 767px) {
  #ProductsKeyVisualWrap {
    background-image: url(/img/products/common/Texture_KeyVisual_SP.png);
  }

  #ProductsKeyVisual {
    padding: 0 15px;
  }

  #ProductsKeyVisual .LeadUnit {
    order: 2;
    padding-bottom: 26px;
  }

  #ProductsKeyVisual .Photo {
    order: 1;
    padding: 100px 0 80px 0;
  }

  #ProductsKeyVisual .ProductsIcon {
    margin-bottom: 13px;
    padding: 6px 10px 4px 10px;
    font-size: 12px;
  }

  #ProductsKeyVisual .OtherLogo {
    margin-bottom: 10px;
  }

  #ProductsKeyVisual .OtherLogo img {
    height: 50px;
  }

  #ProductsKeyVisual .Lead1 {
    font-size: 13px;
    line-height: 1.5em;
  }

  #ProductsKeyVisual .Lead2 {
    margin-top: 5px;
    font-size: 40px;
    line-height: 1.1;
  }

  #ProductsKeyVisual .Lead2 .Lead2_Small {
    display: inline-block;
    font-size: 30px;
  }

  #ProductsKeyVisual .Lead2 small {
    font-size: 20px;
  }

  /* 価格 */
  #ProductsKeyVisual .PriceUnit {
    font-size: 18px;
  }

  #ProductsKeyVisual .PriceUnit .PriceMds {
    font-size: 13px;
  }

  #ProductsKeyVisual .PriceUnit .PriceUnit {
    margin-left: 5px;
    font-size: 13px;
  }

  /* サイズ（小）画像なし */
  #ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .LeadUnit {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  #ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead1 {
    font-size: 20px;
    line-height: 1em;
  }

  #ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead2 {
    font-size: 28px;
  }
}

@media print, screen and (min-width: 768px) {
  #ProductsKeyVisualWrap {
    height: 410px;
    background-image: url(/img/products/common/Texture_KeyVisual_PC.png);
  }

  #ProductsKeyVisual {
    align-items: center;
    max-width: 1280px;
    padding: 0 30px;
    height: 410px;
    margin: 0 auto;
  }

  #ProductsKeyVisual .LeadUnit {
    width: 40%;
  }

  #ProductsKeyVisual .Photo {
    width: 60%;
    padding-left: 50px;
  }

  #ProductsKeyVisual .ProductsIcon {
    margin-bottom: 10px;
    font-size: 14px;
  }

  #ProductsKeyVisual .OtherLogo {
    margin-bottom: 10px;
  }

  #ProductsKeyVisual .OtherLogo img {
    height: 60px;
  }

  #ProductsKeyVisual .Lead1 {
    font-size: 20px;
    line-height: 1.5em;
  }

  #ProductsKeyVisual .Lead2 {
    margin-top: 10px;
    font-size: 66px;
    line-height: 1.1;
  }

  #ProductsKeyVisual .Lead2 .Lead2_Small {
    display: inline-block;
    font-size: 50px;
  }

  #ProductsKeyVisual .Lead2 small {
    font-size: 20px;
  }

  /* 価格 */
  #ProductsKeyVisual .PriceUnit {
    font-size: 20px;
  }

  #ProductsKeyVisual .PriceUnit .PriceMds {
    font-size: 15px;
  }

  #ProductsKeyVisual .PriceUnit .PriceUnit {
    margin-left: 5px;
    font-size: 15px;
  }

  /* サイズ（小） */
  #ProductsKeyVisualWrap.ProductsKeyVisualWrap_S {
    height: 130px;
  }

  #ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual {
    max-width: 100%;
    height: 130px;
  }

  #ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead1 {
    font-size: 25px;
    line-height: 1em;
  }

  #ProductsKeyVisualWrap.ProductsKeyVisualWrap_S #ProductsKeyVisual .Lead2 {
    font-size: 40px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ダウンロード --------------------------------------------------- */

/* カタログ・資料 */
.DownloadDoc li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d0d1cc;
}

.DownloadDoc li:first-child {
  border-top: 1px solid #d0d1cc;
}

.DownloadDoc .Lead1,
.DownloadDoc .Btn {
  display: table-cell;
  vertical-align: middle;
}

.DownloadDoc .Lead1 {
  word-break: break-all;
}

.DownloadDoc .Btn {
  text-align: right;
}

.DownloadDoc .Lead1 a {
  display: block;
  background: url(/img/common/icon/Icon_PDF.png?ver=3) no-repeat;
}

.DownloadDoc .Lead1 a.Locked {
  color: #000;
  background: url(/img/common/icon/Icon_PDF2.png?ver=3) no-repeat;
  pointer-events: none;
}

.DownloadDoc .Lead1 a.File {
  display: block;
  background: url(/img/common/icon/Icon_File.png?ver=3) no-repeat;
}

.DownloadDoc .Lead1 a.FileLocked {
  color: #000;
  background: url(/img/common/icon/Icon_File2.png?ver=3) no-repeat;
  pointer-events: none;
}

/* 高解像度画像 */
.DownloadPhotoList .DownloadPhotoCap {
  word-wrap: break-word;
}

@media only screen and (max-width: 767px) {
  /* カタログ・資料 */
  .DownloadDoc {
    margin-top: 20px;
  }

  .DownloadDoc .Notice {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .DownloadDocList {
    margin-top: 10px;
  }

  .DownloadDoc .Lead1 a,
  .DownloadDoc .Lead1 a.Locked,
  .DownloadDoc .Lead1 a.File,
  .DownloadDoc .Lead1 a.FileLocked {
    padding: 18px 15px 18px 45px;
    font-size: 14px;
    line-height: 1.7em;
    background-position: 10px 50%;
    background-size: 26px auto;
  }

  /* 高解像度画像 */
  .DownloadPhoto {
    margin-top: 30px;
  }

  .DownloadPhoto .BtnOpenClose {
    display: block;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
  }

  .DownloadPhoto .BtnOpenClose.Current {
    border-bottom: none;
  }

  .DownloadPhoto .BtnOpenClose:before,
  .DownloadPhoto .BtnOpenClose:after {
    display: block;
    position: absolute;
    top: 35%;
    right: 10px;
    width: 15px;
    height: 1px;
    background: #000;
    content: "";
  }

  .DownloadPhoto .BtnOpenClose:after {
    transform: rotate(90deg);
  }

  .DownloadPhoto .BtnOpenClose.Current:after {
    display: none;
  }

  .DownloadPhoto .OpenCloseUnit {
    display: none;
  }

  .DownloadPhotoList li {
    margin-bottom: 15px;
  }

  .DownloadPhotoList .DownloadPhotoCap {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 768px) {
  /* カタログ・資料 */
  .DownloadDoc {
    margin-top: 30px;
  }

  .DownloadDoc .Notice {
    margin-top: 15px;
  }

  .DownloadDocList {
    margin-top: 20px;
  }

  .DownloadDoc .Lead1 a,
  .DownloadDoc .Lead1 a.Locked,
  .DownloadDoc .Lead1 a.File,
  .DownloadDoc .Lead1 a.FileLocked {
    padding: 18px 60px 18px 50px;
    line-height: 1.8em;
    background-position: 10px 50%;
    background-size: 30px auto;
  }

  .DownloadDoc .Btn {
    padding-bottom: 4px;
  }

  /* 高解像度画像 */
  .DownloadPhoto {
    margin-top: 40px;
  }

  .DownloadPhotoList {
    margin-top: 20px;
  }

  .DownloadPhoto .BtnOpenClose {
    pointer-events: none;
  }

  .DownloadPhoto .OpenCloseUnit {
    display: block !important;
  }

  .DownloadPhotoList .DownloadPhotoCap {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 1090px) {
  /* カタログ・資料 */
  .DownloadDoc {
    margin-top: 60px;
  }

  /* 高解像度画像 */
  .DownloadPhoto {
    margin-top: 50px;
  }
}

/* ダウンロード：高解像度画像 --------------------------------------------------- */

.DownloadPhoto a {
  border: 1px solid #e9e9e9;
  background-color: #fff;
}

/* お問い合わせ --------------------------------------------------- */

#ProductsContact {
  border-top: 1px solid #d0d1cc;
}

.ContactList li {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #ProductsContact {
    padding-top: 25px;
    padding-bottom: 35px;
  }

  .ContactList li:nth-child(2) {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #d0d1cc;
  }

  .ContactList .Lead1 {
    font-size: 18px;
    line-height: 1.8em;
  }

  .ContactList .BtnTo {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .ContactList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .ContactList li {
    width: 50%;
    padding: 0 2%;
  }

  .ContactList li:nth-child(2) {
    border-left: 1px solid #d0d1cc;
  }

  .ContactList .Lead1 {
    font-size: 2.2px;
    line-height: 1.8em;
  }

  .ContactList .BtnTo {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 関連製品 --------------------------------------------------- */

.RelatedList a {
  display: block;
}

.RelatedList .Photo {
  border: 1px solid #e9e9e9;
  background-color: #fff;
}

.RelatedList .Lead1 {
  font-weight: bold;
  color: #b91010;
}

.RelatedList .Lead2 {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .RelatedList {
    margin-top: 10px;
  }

  .RelatedList li {
    margin-top: 4%;
  }

  .RelatedList .Lead1 {
    margin-top: 10px;
    font-size: 17px;
    line-height: 1.4em;
  }

  .RelatedList .Lead2 {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 768px) {
  .RelatedList {
    margin-top: 20px;
  }

  .RelatedList li {
    margin-top: 3%;
  }

  .RelatedList .Lead1 {
    margin-top: 15px;
    font-size: 2.2px;
    line-height: 1.4em;
  }

  .RelatedList .Lead2 {
    margin-top: 7px;
    font-size: 15px;
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 1090px) {
  .RelatedList {
    margin-top: 30px;
  }
}

/* ■ 製品詳細：通常 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_ProductDetailNormal .Table1,
  .Page_ProductDetailNormal .Table2 {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_ProductDetailNormal .Table1,
  .Page_ProductDetailNormal .Table2 {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 製品詳細：スペシャル ==================================================================================== */

/*
共通
選ばれる理由
オプションカード 2カラム
次ページへのボタン
変則レイアウト
キービジュアル調整
*/

/* 共通 --------------------------------------------------- */

/* 見出しExtra */
.Page_ProductDetailSpecial .MdsExtra {
  text-align: center;
}

.Page_ProductDetailSpecial .MdsExtra span {
  display: inline-block;
  border-bottom: 1px solid #d5d5d5;
}

@media only screen and (max-width: 767px) {
  .Page_ProductDetailSpecial .SectionMain .Table1 {
    margin-top: 20px;
  }

  .Page_ProductDetailSpecial .SectionMain .ListDisc {
    margin-top: 20px;
  }

  .Page_ProductDetailSpecial .SectionMain .ListKomeS {
    margin-top: 15px;
  }

  .Page_ProductDetailSpecial .SectionMain .BtnTo {
    margin-top: 30px;
  }

  /* 見出しExtra */
  .Page_ProductDetailSpecial .MdsExtra {
    font-size: 20px;
  }

  .Page_ProductDetailSpecial .MdsL {
    font-size: 2.2px;
    line-height: 1.5em;
  }

  /* フロート */
  .Page_ProductDetailSpecial .SectionWrap .FloatL,
  .Page_ProductDetailSpecial .SectionWrap .FloatR {
    float: none;
    margin: 0;
    margin-bottom: 15px;
  }

  .Page_ProductDetailSpecial .SectionWrap .FloatL,
  .Page_ProductDetailSpecial .SectionWrap .FloatR {
    width: 100% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_ProductDetailSpecial .SectionMain .Table1 {
    margin-top: 20px;
  }

  .Page_ProductDetailSpecial .SectionMain .ListDisc {
    margin-top: 30px;
  }

  .Page_ProductDetailSpecial .SectionMain .ListKomeS {
    margin-top: 15px;
  }

  .Page_ProductDetailSpecial .SectionMain .BtnTo {
    margin-top: 40px;
  }

  /* 見出しExtra */
  .Page_ProductDetailSpecial .MdsExtra {
    font-size: 30px;
  }

  .Page_ProductDetailSpecial .MdsL {
    font-size: 3.2px;
  }

  /* フロート */
  .Page_ProductDetailSpecial .SectionWrap .FloatL {
    margin-right: 30px;
  }

  .Page_ProductDetailSpecial .SectionWrap .FloatR {
    margin-left: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 選ばれる理由 --------------------------------------------------- */

.Page_ProductDetailSpecial .TypeReasons .Num {
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .Page_ProductDetailSpecial .TypeReasons .Num {
    margin-right: 5px;
    font-size: 36px;
  }

  .Page_ProductDetailSpecial .TypeReasons .LinkTo {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_ProductDetailSpecial .TypeReasons .Num {
    margin-right: 15px;
    font-size: 50px;
  }

  .Page_ProductDetailSpecial .TypeReasons .LinkTo {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* オプションカード 2カラム --------------------------------------------------- */

.Page_ProductDetailSpecial .OptionsCol .SectionSub {
  border-top: 1px solid #d5d5d5;
}

.Page_ProductDetailSpecial .OptionsCol .ListDisc li,
.Page_ProductDetailSpecial .OptionsCol .ListKomeS li {
  width: 100%;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .Page_ProductDetailSpecial .OptionsCol .SectionSub {
    padding-top: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_ProductDetailSpecial .OptionsCol .SectionSub {
    padding-top: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 次ページへのボタン --------------------------------------------------- */

@media only screen and (max-width: 767px) {
  .Page_ProductDetailSpecial .ToNext {
    margin-top: 15px;
  }

  .Page_ProductDetailSpecial .ToNext a {
    width: 240px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_ProductDetailSpecial .ToNext {
    margin-top: 30px;
  }

  .Page_ProductDetailSpecial .ToNext a {
    width: 240px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 変則レイアウト --------------------------------------------------- */

@media only screen and (max-width: 767px) {
}

@media print, screen and (min-width: 768px) {
  /* 変則レイアウト1 */
  .Page_ProductDetailSpecial .ExtraLayout1 .RBox {
    width: 45%;
    padding-right: 5%;
  }

  .Page_ProductDetailSpecial .ExtraLayout1 .RBox .Lead {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* キービジュアル調整 --------------------------------------------------- */

@media only screen and (max-width: 767px) {
}

@media print, screen and (min-width: 768px) {
  .Page_ProductDetailSpecial #ProductsKeyVisual .PhotoS img {
    width: 85%;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 製品紹介動画 ==================================================================================== */

.Page_Movie .MovieThumb {
  border: 1px solid #e9e9e9;
}

.Page_Movie .MovieListClose {
  display: none;
}

.Page_Movie .MovieListClose.Opened {
  display: block;
}

/* アコーディオン */
.MovieAccoWrap {
  border: 1px solid #d0d1cc;
}

.MovieAccoWrap .MovieAccoName {
  display: block;
  position: relative;
  color: #000;
}

.MovieAccoWrap .MovieAccoName.Current {
  background: #f6f6f6;
}

.MovieAccoWrap .MovieAcco_Mds {
  border-top: 1px solid #d0d1cc;
}

.MovieAccoWrap .MovieAcco_Mds:nth-of-type(1) {
  border-top: none;
}

/* プラスマイナス アイコン */
.MovieAccoWrap .MovieAccoName:before,
.MovieAccoWrap .MovieAccoName:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.MovieAccoWrap .MovieAccoName:after {
  transform: rotate(90deg);
}

.MovieAccoWrap .MovieAccoName.Current:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .Page_Movie .SectionMoveWrap .SectionMove {
    padding-top: 40px;
  }

  .Page_Movie .SectionMoveWrap .SectionMove:first-of-type {
    padding-top: 20px;
  }

  .Page_Movie .SectionMainIn {
    margin-top: 0;
  }

  .Page_Movie .SectionMainIn.MovieAcco {
    margin-top: 20px;
  }

  .MovieList li {
    margin-top: 20px;
  }

  .MovieList .Mds {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.5em;
  }

  /* アコーディオン */
  .MovieAccoWrap {
    margin-top: 10px;
    border: 1px solid #d0d1cc;
  }

  .MovieAccoWrap .MovieAccoName {
    line-height: 1.5em;
    padding: 10px 45px 12px 15px;
  }

  .MovieAccoWrap .MovieListClose {
    padding: 0 15px 15px 15px;
  }

  .MovieAccoWrap .MovieAcco_Mds {
    margin-top: 20px;
    padding-top: 20px;
    font-size: 18px;
  }

  .MovieAccoWrap .MovieAcco_Mds:nth-of-type(1) {
    margin-top: 0;
  }

  /* プラスマイナス アイコン */
  .MovieAccoWrap .MovieAccoName:before,
  .MovieAccoWrap .MovieAccoName:after {
    right: 15px;
    width: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_Movie .InPageNavVers {
    margin-top: 20px;
  }

  .Page_Movie .SectionMoveWrap .SectionMove {
    padding-top: 80px;
  }

  .Page_Movie .SectionMoveWrap .SectionMove:first-of-type {
    padding-top: 40px;
  }

  .Page_Movie .SectionMainIn {
    margin-top: 20px;
  }

  .MovieList {
    margin-top: 10px;
  }

  .MovieList li {
    margin-top: 25px;
  }

  .MovieList .Mds {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5em;
  }

  .MovieUnit {
    max-width: 90%;
    margin: 0 auto;
  }

  /* アコーディオン */
  .MovieAccoWrap {
    margin-top: 10px;
    border: 1px solid #d0d1cc;
  }

  .MovieAccoWrap .MovieAccoName {
    font-size: 20px;
    padding: 20px 30px;
  }

  .MovieAccoWrap .MovieListClose {
    padding: 0 30px 20px 30px;
  }

  .MovieAccoWrap .MovieAcco_Mds {
    padding-top: 30px;
    font-size: 24px;
  }

  /* プラスマイナス アイコン */
  .MovieAccoWrap .MovieAccoName:before,
  .MovieAccoWrap .MovieAccoName:after {
    right: 20px;
    width: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
  .MovieUnit {
    max-width: 70%;
    margin: 0 auto;
  }

  /* アコーディオン */
  .MovieAccoWrap .MovieAccoName:hover {
    background: #f6f6f6;
    opacity: 1;
  }
}

.Page_Movie .Wrap:nth-of-type(2) .SectionMainIn {
  padding-top: 0;
  border-top: none;
}

/* ■ サポート：よくあるご質問 ==================================================================================== */

/* ■ サポート：保守・サポートについて ==================================================================================== */

@media only screen and (max-width: 767px) {
}

@media print, screen and (min-width: 768px) {
}

@media print, screen and (min-width: 1090px) {
}

/* ■ ニュース一覧：サムネイル ==================================================================================== */

.NewsList .NewsListEach {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  color: #000;
}

/* 矢印 アイコン */
.NewsListEach:before,
.NewsListEach:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.NewsListEach:before {
  right: 14px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.NewsListEach:after {
  right: 15px;
  width: 18px;
}

/* スタイル */
.NewsList li {
  border-bottom: 1px solid #d5d5d5;
}

.NewsList .Photo img {
  border: 1px solid #e9e9e9;
}

.NewsList .Cate,
.NewsList .Date {
  display: inline-block;
  line-height: 1em;
  vertical-align: middle;
}

.NewsList .Cate {
  border-radius: 50px;
  text-align: center;
  background: #e6e6e6;
}

.NewsList .Date {
  color: #969696;
}

@media only screen and (max-width: 767px) {
  .NewsList {
    padding-top: 15px;
  }

  .NewsListEach {
    padding: 15px 50px 15px 0;
  }

  .NewsList .Photo {
    width: 30%;
  }

  .NewsList .LeadUnit {
    width: 70%;
    padding-left: 15px;
  }

  /* スタイル */
  .NewsList .Cate {
    width: 80px;
    margin-right: 10px;
    padding: 5px 0;
    font-size: 11px;
  }

  .NewsList .Date {
    padding: 5px 0;
    font-size: 11px;
  }

  .NewsList .Lead2 {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 768px) {
  .NewsList {
    padding-top: 30px;
  }

  .NewsListEach {
    padding: 20px 50px 20px 0;
  }

  .NewsList .Photo {
    width: 20%;
  }

  .NewsList .LeadUnit {
    width: 80%;
    padding-left: 20px;
  }

  /* スタイル */
  .NewsList .Cate {
    width: 100px;
    padding: 5px 0;
    font-size: 13px;
  }

  .NewsList .Date {
    margin-left: 10px;
    padding: 5px 0;
    font-size: 13px;
  }

  .NewsList .Lead2 {
    margin-top: 10px;
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ ニュースリリース詳細（WP） ==================================================================================== */

.l-post-content .SectionNewsDetail.Box2 h3,
#growp-editor-wrapper .SectionNewsDetail.Box2 h3 {
  margin-top: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* 日付 */
.l-post-content .NewsDetailDate {
  text-align: right;
}

/* セクション */
.l-post-content .SectionNewsDetail {
  content: "";
  display: block;
  clear: both;
}

.l-post-content .SectionMain:first-of-type > .SectionNewsDetail {
  margin-top: 0;
  padding-top: 0;
}

/* 写真 */
.l-post-content .SectionNewsDetail .FloatL img,
.l-post-content .SectionNewsDetail .FloatR img {
  margin-bottom: 10px;
}

.l-post-content .SectionNewsDetail .Caption {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.8em;
}

@media only screen and (max-width: 767px) {
  /* メインリード */
  .l-post-content .LeadMain {
    font-size: 18px;
    line-height: 1.8em;
  }

  /* 日付 */
  .l-post-content .NewsDetailDate {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8em;
  }

  /* セクション */
  .l-post-content .SectionNewsDetail {
    margin-top: 30px;
  }

  /* 見出し */
  .l-post-content .SectionNewsDetail h2 {
    font-size: 20px;
    line-height: 1.6em;
  }

  .l-post-content .SectionNewsDetail h3 {
    /*padding-bottom: 12px;*/
    /* font-size: 16px; */
    /*border-bottom: 1px solid #d5d5d5;*/
    /* margin-top: 0; */
  }

  /* 本文 */
  .l-post-content .SectionNewsDetail p,
  .l-post-content .SectionNewsDetail .ListDisc {
    margin-top: 20px;
  }

  /* 写真：フロート */
  .l-post-content .SectionNewsDetail .FloatL,
  .l-post-content .SectionNewsDetail .FloatR {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  /* お問い合わせ欄 */
  .l-post-content .ContactBox {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 768px) {
  /* メインリード */
  .l-post-content .LeadMain {
    font-size: 20px;
    line-height: 1.8em;
  }

  /* 日付 */
  .l-post-content .NewsDetailDate {
    margin-top: 40px;
    font-size: 15px;
    line-height: 1.8em;
  }

  /* セクション */
  .l-post-content .SectionNewsDetail {
    margin-top: 50px;
  }

  .l-post-content .SectionNewsDetail h2 {
    /*font-size: 24px;*/
  }

  .l-post-content .SectionNewsDetail h3 {
    /*padding-bottom: 15px;*/
    /*font-size: 18px;*/
    /*border-bottom: 1px solid #d5d5d5;*/
  }

  /* 本文 */
  .l-post-content .SectionNewsDetail p,
  .l-post-content .SectionNewsDetail .ListDisc {
    margin-top: 25px;
  }

  /* 写真：フロート */
  .l-post-content .SectionNewsDetail .FloatL,
  .l-post-content .SectionNewsDetail .FloatR {
    width: 40%;
  }

  .l-post-content .SectionNewsDetail .PhotoS.FloatL,
  .l-post-content .SectionNewsDetail .PhotoS.FloatR {
    width: 25%;
  }

  /* お問い合わせ欄 */
  .l-post-content .ContactBox {
    margin-top: 80px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* 日付 */
#growp-editor-wrapper .NewsDetailDate {
  text-align: right;
}

/* セクション */
#growp-editor-wrapper .SectionNewsDetail {
  content: "";
  display: block;
  clear: both;
}

/* 写真 */
#growp-editor-wrapper .SectionNewsDetail .FloatL img,
#growp-editor-wrapper .SectionNewsDetail .FloatR img {
  margin-bottom: 10px;
}

#growp-editor-wrapper .SectionNewsDetail .Caption {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.8em;
}

@media only screen and (max-width: 767px) {
  /* メインリード */
  #growp-editor-wrapper .LeadMain {
    font-size: 18px;
    line-height: 1.8em;
  }

  /* 日付 */
  #growp-editor-wrapper .NewsDetailDate {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8em;
  }

  /* セクション */
  #growp-editor-wrapper .SectionNewsDetail {
    margin-top: 30px;
  }

  /* 見出し */
  #growp-editor-wrapper .SectionNewsDetail h2 {
    font-size: 20px;
    line-height: 1.6em;
  }

  #growp-editor-wrapper .SectionNewsDetail h3 {
    /*padding-bottom: 12px;*/
    font-size: 16px;
    /*border-bottom: 1px solid #d5d5d5;*/
  }

  /* 本文 */
  #growp-editor-wrapper .SectionNewsDetail p,
  #growp-editor-wrapper .SectionNewsDetail .ListDisc {
    margin-top: 20px;
  }

  /* 写真：フロート */
  #growp-editor-wrapper .SectionNewsDetail .FloatL,
  #growp-editor-wrapper .SectionNewsDetail .FloatR {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

  /* お問い合わせ欄 */
  #growp-editor-wrapper .ContactBox {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 768px) {
  /* メインリード */
  #growp-editor-wrapper .LeadMain {
    font-size: 20px;
    line-height: 1.8em;
  }

  /* 日付 */
  #growp-editor-wrapper .NewsDetailDate {
    margin-top: 40px;
    font-size: 15px;
    line-height: 1.8em;
  }

  /* セクション */
  #growp-editor-wrapper .SectionNewsDetail {
    margin-top: 50px;
  }

  #growp-editor-wrapper .SectionNewsDetail h2 {
    font-size: 24px;
  }

  #growp-editor-wrapper .SectionNewsDetail h3 {
    /*padding-bottom: 15px;*/
    font-size: 18px !important;
    /*border-bottom: 1px solid #d5d5d5;*/
  }

  /* 本文 */
  #growp-editor-wrapper .SectionNewsDetail p,
  #growp-editor-wrapper .SectionNewsDetail .ListDisc {
    margin-top: 25px;
  }

  /* 写真：フロート */
  #growp-editor-wrapper .SectionNewsDetail .FloatL,
  #growp-editor-wrapper .SectionNewsDetail .FloatR {
    width: 40%;
  }

  #growp-editor-wrapper .SectionNewsDetail .PhotoS.FloatL,
  #growp-editor-wrapper .SectionNewsDetail .PhotoS.FloatR {
    width: 25%;
  }

  /* お問い合わせ欄 */
  #growp-editor-wrapper .ContactBox {
    margin-top: 80px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ ニュース一覧：テキスト ==================================================================================== */

.NewsListTxt .MdsH2In {
  border-bottom: 1px solid #d5d5d5;
}

@media only screen and (max-width: 767px) {
  .NewsListTxt {
    margin-top: 30px;
  }

  .NewsListTxt .MdsH2In {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .NewsListTxt dl,
  .NewsListTxt dt,
  .NewsListTxt dd {
    display: block;
    margin: 0;
    padding: 0;
  }

  .NewsListTxt dl {
    padding: 10px 0;
  }

  .NewsListTxt dt {
    padding-bottom: 5px;
    font-size: 14px;
  }

  .NewsListTxt dd {
    line-height: 1.7em;
  }
}

@media print, screen and (min-width: 768px) {
  .NewsListTxt {
    margin-top: 50px;
  }

  .NewsListTxt .MdsH2In {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }

  .NewsListTxt dt {
    width: 130px;
  }
}

@media print, screen and (min-width: 1090px) {
  .NewsListTxt dt {
    width: 140px;
  }
}

/* ■ 展示会情報 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .EventsList {
    margin-top: 40px;
  }

  .EventsListEach {
    margin-top: 10px;
  }

  .EventsListEach .DLHori {
    margin-top: 15px;
  }

  .EventsListEach dt {
    width: 100px;
  }
}

@media print, screen and (min-width: 768px) {
  .EventsList {
    margin-top: 60px;
  }

  .EventsList .MdsH2In {
    padding-bottom: 15px;
    border-bottom: 1px solid #d5d5d5;
  }

  .EventsListEach {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }

  .EventsListEach .Photo {
    width: 25%;
  }

  .EventsListEach .DLHori {
    width: 75%;
    padding-left: 30px;
  }

  .EventsListEach dt {
    width: 100px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 導入事例：一覧 ==================================================================================== */

.CaseInterview_MdsH2 {
  border-bottom: 1px solid #d0d1cc;
}

.CaseListEach {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d0d1cc;
}

.CaseListEach .Photo,
.CaseListEach .LeadUnit {
  display: table-cell;
  vertical-align: top;
}

.CaseListEach .Photo img {
  border: 1px solid #d0d1cc;
}

.CaseListEach a {
  display: block;
  position: relative;
  color: #000;
}

.CaseListEach a:before,
.CaseListEach a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.CaseListEach a:before {
  right: 14px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.CaseListEach a:after {
  right: 15px;
  width: 18px;
}

/* PDF */
.CaseListEach.PDF a:before,
.CaseListEach.PDF a:after {
  display: none;
}

.CaseListEach.PDF a {
  background: url(/img/common/icon/Icon_PDF.png) no-repeat;
  background-position: 98% 50%;
  background-size: 24px auto;
}

@media only screen and (max-width: 767px) {
  .CaseInterview_MdsH2 {
    margin-top: 20px;
    padding-bottom: 5px;
    font-size: 2.2px;
  }

  .CaseList {
    margin-top: 20px;
  }

  .CaseListEach {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .CaseListEach .Photo {
    width: 27%;
    padding-top: 5px;
  }

  .CaseListEach .LeadUnit {
    width: 73%;
    padding-left: 4%;
    padding-right: 50px;
  }

  .CaseListEach .Lead1 {
    font-size: 11px;
  }

  .CaseListEach .Lead2 {
    font-size: 18px;
    line-height: 1.4em;
  }

  .CaseListEach .Lead3 {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 768px) {
  .CaseInterview_MdsH2 {
    margin-top: 40px;
    padding-bottom: 15px;
    font-size: 26px;
  }

  .CaseList {
    margin-top: 30px;
  }

  .CaseListEach {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .CaseListEach .Photo {
    width: 18.5%;
  }

  .CaseListEach .LeadUnit {
    width: 81.5%;
    padding-left: 3%;
    padding-right: 100px;
  }

  .CaseListEach .Lead1 {
    font-size: 13px;
    line-height: 1em;
  }

  .CaseListEach .Lead2 {
    font-size: 20px;
  }

  .CaseListEach .Lead3 {
    font-size: 15px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 1090px) {
  .CaseList {
    margin-top: 30px;
  }

  .CaseListEach {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}

/* ■ 導入事例：TOP ==================================================================================== */

/*
導入システム
その他実績
*/

/* 導入システム --------------------------------------------------- */

.CaseSystem_MdsH2 {
  border-bottom: 1px solid #d0d1cc;
}

.CaseSystem_Each a {
  display: block;
  position: relative;
  color: #000;
}

.CaseSystem_Each a:before,
.CaseSystem_Each a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.CaseSystem_Each a:before {
  right: 14px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.CaseSystem_Each a:after {
  right: 15px;
  width: 18px;
}

/* PDF */
.CaseSystem_Each.PDF a:before,
.CaseSystem_Each.PDF a:after {
  display: none;
}

.CaseSystem_Each.PDF a {
  background: url(/img/common/icon/Icon_PDF.png) no-repeat;
  background-position: 98% 50%;
  background-size: 24px auto;
}

@media only screen and (max-width: 767px) {
  .CaseSystem {
    margin-top: 25px;
  }

  .CaseSystem_MdsH2 {
    padding-bottom: 5px;
    font-size: 2.2px;
  }

  .CaseSystem_Each {
    margin-top: 15px !important;
    padding-bottom: 15px;
    border-bottom: 1px solid #d0d1cc;
  }

  .CaseSystem_Unit {
    display: flex;
  }

  .CaseSystem_Photo {
    width: 27%;
  }

  .CaseSystem_Lead {
    width: 73%;
    padding-left: 4%;
    padding-right: 15%;
  }

  .CaseSystem_Lead1 {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.4;
  }

  .CaseSystem_Lead2 {
    margin-top: 2px;
    font-size: 18px;
    line-height: 1.4;
  }
}

@media print, screen and (min-width: 768px) {
  .CaseSystem {
    margin-top: 50px;
  }

  .CaseSystem_MdsH2 {
    padding-bottom: 15px;
    font-size: 26px;
  }

  .CaseSystem_List {
    margin-top: 30px;
  }

  .CaseSystem_Unit {
    display: flex;
  }

  .CaseSystem_Photo {
    width: 40%;
  }

  .CaseSystem_Lead {
    width: 60%;
    padding-left: 4%;
    padding-right: 10%;
  }

  .CaseSystem_Lead1 {
    font-size: 13px;
    line-height: 1.4;
  }

  .CaseSystem_Lead2 {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.4;
  }
}

/* その他実績 --------------------------------------------------- */

.CaseOthers_Each {
  border: 1px solid #d0d1cc;
}

.CaseOthers_MdsH3 a {
  display: block;
  position: relative;
  color: #000;
}

.CaseOthers_MdsH3 a.Current {
  background-color: #f6f6f6;
}

.CaseOthers_MdsH3 a:before,
.CaseOthers_MdsH3 a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.CaseOthers_MdsH3 a:after {
  transform: rotate(90deg);
}

.CaseOthers_MdsH3 a.Current:after {
  display: none;
}

.CaseOthers_ListWrap {
  display: none;
}

.CaseOthers_ListWrap.Current {
  display: block;
}

@media only screen and (max-width: 767px) {
  .CaseOthers {
    margin-top: 25px;
  }

  .CaseOthers_MdsH2 {
    font-size: 2.2px;
  }

  .CaseOthers_Each {
    margin-top: 10px;
  }

  .CaseOthers_MdsH3 a {
    padding: 8px 45px 10px 15px;
    font-size: 15px;
  }

  .CaseOthers_MdsH3 a:before,
  .CaseOthers_MdsH3 a:after {
    right: 15px;
    width: 15px;
  }

  .CaseOthers_List {
    padding: 0.75px 15px 15px;
  }

  .CaseOthers_List li {
    margin-top: 10px;
  }

  .CaseOthers_Lead1 {
    margin-top: 0.25px;
    font-size: 9px;
    line-height: 1.4;
  }

  .CaseOthers_Lead2 {
    margin-top: 0.25px;
    font-size: 11px;
    line-height: 1.4;
  }
}

@media print, screen and (min-width: 768px) {
  .CaseOthers {
    margin-top: 50px;
  }

  .CaseOthers_MdsH2 {
    font-size: 26px;
  }

  .CaseOthers_Each {
    margin-top: 15px;
  }

  .CaseOthers_MdsH3 a {
    padding: 20px 50px 20px 30px;
    font-size: 18px;
  }

  .CaseOthers_MdsH3 a:before,
  .CaseOthers_MdsH3 a:after {
    right: 20px;
    width: 20px;
  }

  .CaseOthers_List {
    padding: 30px 30px 10px;
  }

  .CaseOthers_Lead1 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.4;
  }

  .CaseOthers_Lead2 {
    margin-top: 0.25px;
    font-size: 14px;
    line-height: 1.4;
  }
}

@media print, screen and (min-width: 1090px) {
  .CaseOthers_MdsH3 a:hover {
    background-color: #f6f6f6;
  }
}

/* ■ 導入事例：詳細 ==================================================================================== */

.single-case_studies .SectionSubIn.NoBorder {
  padding-top: 0;
}

.single-case_studies .Caption {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.8em;
}

.single-case_studies .CreditUnit .SectionSubIn:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}

/* 導入事例一覧 */
.single-case_studies .IndexShowcase .MdsH2In {
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .single-case_studies .Lead,
  .single-case_studies .ListDisc,
  .single-case_studies .ListKomeS {
    margin-top: 15px;
  }

  .single-case_studies .Photo.FloatL,
  .single-case_studies .Photo.FloatR {
    float: none;
    margin: 0 !important;
  }

  .single-case_studies .Photo.PhotoS.FloatL,
  .single-case_studies .Photo.PhotoS.FloatR {
    margin-top: 15px;
    padding: 0 15%;
  }

  .single-case_studies .Photo {
    margin-top: 15px;
  }

  /* PDFリンク */
  .single-case_studies .LinkToPDF {
    margin-top: 30px;
  }

  /* 主な機材構成 */
  .single-case_studies .EquipmentUnit .MdsH4In {
    margin-top: 15px;
  }

  /* 導入事例一覧 */
  .single-case_studies .IndexShowcase {
    margin-top: 40px;
  }

  .single-case_studies .IndexShowcase .MdsH2In {
    padding-bottom: 15px;
  }

  .single-case_studies .IndexShowcase .CaseList {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .single-case_studies .Lead,
  .single-case_studies .ListDisc,
  .single-case_studies .ListKomeS,
  .single-case_studies .Photo {
    margin-top: 20px;
  }

  .single-case_studies .Photo.FloatL,
  .single-case_studies .Photo.FloatR {
    width: 45%;
  }

  .single-case_studies .Photo.PhotoS.FloatL,
  .single-case_studies .Photo.PhotoS.FloatR {
    width: 35%;
  }

  .single-case_studies .Photo.FloatR {
    /*padding-left: 30px;*/
  }

  /* PDFリンク */
  .single-case_studies .LinkToPDF {
    margin-top: 50px;
  }

  /* 主な機材構成 */
  .single-case_studies .EquipmentUnit .MdsH4In {
    margin-top: 30px;
  }

  /* クレジット */
  .single-case_studies .CreditUnit {
    padding: 30px;
  }

  /* 導入事例一覧 */
  .single-case_studies .IndexShowcase {
    margin-top: 80px;
  }

  .single-case_studies .IndexShowcase .MdsH2In {
    padding-bottom: 30px;
  }

  .single-case_studies .IndexShowcase .CaseList {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

.post-type-case_studies .SectionSubIn.NoBorder {
  padding-top: 0;
}

.post-type-case_studies .Caption {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8em;
}

.post-type-case_studies .CreditUnit .SectionSubIn:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}

/* 導入事例一覧 */
.post-type-case_studies .IndexShowcase .MdsH2In {
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .post-type-case_studies .Lead,
  .post-type-case_studies .ListDisc,
  .post-type-case_studies .ListKomeS {
    margin-top: 15px;
  }

  .post-type-case_studies .Photo.FloatL,
  .post-type-case_studies .Photo.FloatR {
    float: none;
    margin: 0 !important;
  }

  .post-type-case_studies .Photo.PhotoS.FloatL,
  .post-type-case_studies .Photo.PhotoS.FloatR {
    margin-top: 15px;
    padding: 0 15%;
  }

  .post-type-case_studies .Photo {
    margin-top: 15px;
  }

  /* PDFリンク */
  .post-type-case_studies .LinkToPDF {
    margin-top: 30px;
  }

  /* 主な機材構成 */
  .post-type-case_studies .EquipmentUnit .MdsH4In {
    margin-top: 15px;
  }

  /* 導入事例一覧 */
  .post-type-case_studies .IndexShowcase {
    margin-top: 40px;
  }

  .post-type-case_studies .IndexShowcase .MdsH2In {
    padding-bottom: 15px;
  }

  .post-type-case_studies .IndexShowcase .CaseList {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .post-type-case_studies .Lead,
  .post-type-case_studies .ListDisc,
  .post-type-case_studies .ListKomeS,
  .post-type-case_studies .Photo {
    margin-top: 20px;
  }

  .post-type-case_studies .Photo.FloatL,
  .post-type-case_studies .Photo.FloatR {
    width: 45%;
  }

  .post-type-case_studies .Photo.PhotoS.FloatL,
  .post-type-case_studies .Photo.PhotoS.FloatR {
    width: 35%;
  }

  .post-type-case_studies .Photo.FloatR {
    /*padding-left: 30px;*/
  }

  /* PDFリンク */
  .post-type-case_studies .LinkToPDF {
    margin-top: 50px;
  }

  /* 主な機材構成 */
  .post-type-case_studies .EquipmentUnit .MdsH4In {
    margin-top: 30px;
  }

  /* クレジット */
  .post-type-case_studies .CreditUnit {
    padding: 30px;
  }

  /* 導入事例一覧 */
  .post-type-case_studies .IndexShowcase {
    margin-top: 80px;
  }

  .post-type-case_studies .IndexShowcase .MdsH2In {
    padding-bottom: 30px;
  }

  .post-type-case_studies .IndexShowcase .CaseList {
    margin-top: 30px;
  }
}

/* ■ 導入システム：詳細 ==================================================================================== */

/*
概要
写真
*/

/* 戻るボタン */
.CaseSystemToList {
  text-align: center;
}

/* 概要 --------------------------------------------------- */

@media only screen and (max-width: 767px) {
  .CaseSystemOutline {
    margin-top: 10px;
  }

  .CaseSystemOutline dl {
    padding: 10px 0;
  }

  .CaseSystemOutline dt,
  .CaseSystemOutline dd {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  /* 戻るボタン */
  .CaseSystemToList {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .CaseSystemOutline {
    margin-top: 20px;
  }

  .CaseSystemOutline dt {
    width: 16%;
  }

  .CaseSystemOutline dd {
    width: 84%;
    padding-left: 5px;
  }

  /* 戻るボタン */
  .CaseSystemToList {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #d0d1cc;
  }
}

/* 写真 --------------------------------------------------- */

@media only screen and (max-width: 767px) {
  .CaseSystemPhoto img {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .CaseSystemPhoto {
    margin: 20px 0;
    column-count: 2;
    column-gap: 20px;
    column-fill: balance;
  }

  .CaseSystemPhoto img {
    width: 100%;
    height: auto;
    break-inside: avoid;
    page-break-inside: avoid;
    display: block;
  }
}

.CaseSystemPhoto img,
.CaseSystemPhoto small,
.CaseSystemPhoto br {
  display: inline-block;
  break-inside: avoid;
}

/* ■ 朋栄製品技術 基本解説：一覧 ==================================================================================== */

.ArticleListEach {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d0d1cc;
}

.ArticleListEach a {
  display: block;
  position: relative;
  color: #000;
}

.ArticleListEach a.Current {
  opacity: 0.4;
  pointer-events: none;
}

.ArticleListEach a:before,
.ArticleListEach a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.ArticleListEach a:before {
  right: 14px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.ArticleListEach a:after {
  right: 15px;
  width: 18px;
}

@media only screen and (max-width: 767px) {
  .ArticleListEach a {
    padding: 18px 50px 18px 0;
  }

  .ArticleListEach .Lead1 {
    line-height: 1.4em;
  }
}

@media print, screen and (min-width: 768px) {
  .ArticleListEach a {
    padding: 15px 80px 15px 0;
  }

  .ArticleListEach .Lead1 {
    font-size: 20px;
    line-height: 1.5em;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 朋栄製品技術 基本解説：TOP ==================================================================================== */

.ArticleNav .BtnOpenClose {
  display: block;
  position: relative;
  border: 1px solid #d5d5d5;
  color: #000;
}

.ArticleNav .BtnOpenClose.Current {
  background: #f3f3f3;
}

.ArticleNav .OpenCloseUnit {
  display: none;
}

.ArticleNav .ArticleList {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}

/* プラスマイナス アイコン */
.ArticleNav .BtnOpenClose:before,
.ArticleNav .BtnOpenClose:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 1px;
  background: #000;
  content: "";
}

.ArticleNav .BtnOpenClose:after {
  transform: rotate(90deg);
}

.ArticleNav .BtnOpenClose.Current:after,
#GlobalNavProducts .Parent a.highlighted:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .ArticleNavEach {
    margin-bottom: 15px;
  }

  .ArticleNav .BtnOpenClose {
    padding: 15px 15px;
    font-size: 18px;
  }

  .ArticleNav .ArticleListEach a {
    padding-left: 15px;
  }

  .ArticleNav .ArticleListEach .Lead1 {
    font-size: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .ArticleNavEach {
    margin-bottom: 20px;
  }

  .ArticleNav .BtnOpenClose {
    padding: 15px 20px;
    font-size: 20px;
  }

  .ArticleNav .ArticleListEach a {
    padding-left: 20px;
  }

  .ArticleNav .ArticleListEach .Lead1 {
    font-size: 17px;
  }

  /* プラスマイナス アイコン */
  .ArticleNav .BtnOpenClose:before,
  .ArticleNav .BtnOpenClose:after {
    right: 18px;
  }
}

@media print, screen and (min-width: 1090px) {
  .ArticleNav .ArticleListEach a:hover {
    color: #cc0000;
    opacity: 1;
  }
}

/* ■ 朋栄製品技術 基本解説：詳細 ==================================================================================== */

.ArticleDetail .SectionSubIn.NoBorder {
  padding-top: 0;
}

.ArticleDetail .Caption {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8em;
}

.ArticleDetail .CreditUnit .SectionSubIn:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}

/* 一覧 */
.ArticleDetail .IndexArticle .MdsH2In {
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 767px) {
  .Page_ArticleDetail .SectionSubIn {
    margin-top: 40px;
  }

  .ArticleDetail .Lead {
    margin-top: 20px;
  }

  .ArticleDetail .ListDisc,
  .ArticleDetail .ListKomeS {
    margin-top: 15px;
  }

  .ArticleDetail .Photo {
    margin-top: 20px;
  }

  /* ページ内リンク */
  .ArticleDetail .InPageNavList {
    margin-top: 30px;
  }

  /* 一覧 */
  .ArticleDetail .IndexArticle {
    margin-top: 60px;
  }

  .ArticleDetail .IndexArticle .MdsH2In {
    padding-bottom: 15px;
    font-size: 20px;
  }

  /* TOPへ */
  .ArticleDetail .LinkTo {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_ArticleDetail .PageTitle {
    margin-top: 20px;
  }

  .Page_ArticleDetail .SectionSubIn {
    margin-top: 50px;
  }

  .ArticleDetail .Lead {
    margin-top: 30px;
  }

  .ArticleDetail .ListDisc,
  .ArticleDetail .ListKomeS {
    margin-top: 20px;
  }

  .ArticleDetail .Photo {
    margin-top: 30px;
  }

  .ArticleDetail .Photo.FloatL,
  .ArticleDetail .Photo.FloatR {
    width: 45%;
  }

  .ArticleDetail .Photo.PhotoS.FloatL,
  .ArticleDetail .Photo.PhotoS.FloatR {
    width: 35%;
  }

  .ArticleDetail .Photo.FloatR {
    padding-left: 30px;
  }

  /* ページ内リンク */
  .ArticleDetail .InPageNavList {
    margin-top: 50px;
  }

  /* 一覧 */
  .ArticleDetail .IndexArticle {
    margin-top: 90px;
  }

  .ArticleDetail .IndexArticle .MdsH2In {
    padding-bottom: 30px;
    font-size: 26px;
  }

  .ArticleDetail .ArticleListEach .Lead1 {
    font-size: 17px;
  }

  /* TOPへ */
  .ArticleDetail .LinkTo {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 1090px) {
  .ArticleDetail .ArticleListEach a:hover {
    color: #cc0000;
    opacity: 1;
  }
}

/* ■ 会社情報：ごあいさつ ==================================================================================== */

.Page_CorporateMessage .MessageUnit .Catch1 {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .Page_CorporateMessage .MessageUnit {
    margin-top: 20px;
  }

  .Page_CorporateMessage .MessageUnit .Catch1 {
    line-height: 1.6em;
  }

  .Page_CorporateMessage .MessageUnit .Catch2 {
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.5em;
  }

  .Page_CorporateMessage .MessageUnit .Lead {
    margin-top: 15px;
  }

  .Page_CorporateMessage .PhotoUnit {
    margin-top: 20px;
  }

  .Page_CorporateMessage .MessageUnit .Caption {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.8em;
  }

  /* ロゴマークに込めた想い */
  .Page_CorporateMessage .LogoUnit {
    margin-top: 40px;
  }

  .Page_CorporateMessage .LogoUnit .Photo.FloatL {
    float: none;
    margin: 0;
    text-align: center;
  }

  .Page_CorporateMessage .LogoUnit .Photo.FloatL img {
    width: 200px;
  }

  .Page_CorporateMessage .LogoUnit .Lead {
    margin-top: 15px;
  }

  /* テーマに込めた想い */
  .Page_CorporateMessage .ThemeUnit {
    margin-top: 40px;
  }

  .Page_CorporateMessage .ThemeUnit .Lead {
    margin-top: 15px;
  }

  /* 朋栄のあゆみ */
  .Page_CorporateMessage .HistoryUnit {
    margin-top: 50px;
  }

  .Page_CorporateMessage .HistoryUnit .MdsH2In {
    margin-bottom: 20px;
    padding: 6px 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateMessage .MessageUnit {
    margin-top: 40px;
  }

  .Page_CorporateMessage .MessageUnit .Catch1 {
    font-size: 18px;
    line-height: 1.4em;
  }

  .Page_CorporateMessage .MessageUnit .Catch2 {
    margin-top: 10px;
    font-size: 26px;
    line-height: 1.4em;
  }

  .Page_CorporateMessage .MessageUnit .Lead {
    margin-top: 20px;
  }

  .Page_CorporateMessage .MessageUnit .LBox {
    width: 60%;
  }

  .Page_CorporateMessage .MessageUnit .RBox {
    width: 35%;
  }

  .Page_CorporateMessage .MessageUnit .Caption {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.8em;
  }

  /* ロゴマークに込めた想い */
  .Page_CorporateMessage .LogoUnit {
    margin-top: 70px;
  }

  .Page_CorporateMessage .LogoUnit .Photo {
    width: 20%;
    margin-right: 30px;
  }

  /* テーマに込めた想い */
  .Page_CorporateMessage .ThemeUnit {
    margin-top: 70px;
  }

  .Page_CorporateMessage .ThemeUnit .Photo {
    width: 50%;
  }

  .Page_CorporateMessage .ThemeUnit .Lead {
    margin-top: 20px;
  }

  /* 朋栄のあゆみ */
  .Page_CorporateMessage .HistoryUnit {
    margin-top: 70px;
  }

  .Page_CorporateMessage .HistoryUnit .MdsH2In {
    margin-bottom: 30px;
    padding: 6px 15px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 会社情報：会社概要 ==================================================================================== */

.Page_CorporateProfile .LinkTo {
  margin-top: 10px;
}

/* 役員 */
.Page_CorporateProfile .ExectivesEach {
  display: flex;
  flex-wrap: wrap;
}

.Page_CorporateProfile .ExectivesEach span {
  display: block;
}

@media only screen and (max-width: 767px) {
  .Page_CorporateProfile .DefList dl,
  .Page_CorporateProfile .DefList dt,
  .Page_CorporateProfile .DefList dd {
    display: block;
  }

  .Page_CorporateProfile .DefList dl {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .Page_CorporateProfile .DefList dt,
  .Page_CorporateProfile .DefList dd {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .Page_CorporateProfile .DefList dt {
    font-size: 17px;
  }

  /* 役員 */
  .Page_CorporateProfile .Exectives .Lead1 {
    width: 45%;
  }

  .Page_CorporateProfile .Exectives .Lead2 {
    width: 55%;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateProfile .DefList dt {
    width: 20%;
  }

  .Page_CorporateProfile .DefList dd {
    width: 80%;
    padding-left: 20px;
  }

  /* 役員 */
  .Page_CorporateProfile .Exectives .Lead1 {
    width: 30%;
  }

  .Page_CorporateProfile .Exectives .Lead2 {
    width: 70%;
  }
}

@media print, screen and (min-width: 1090px) {
  .Page_CorporateProfile .DefList dt {
    width: 18%;
  }

  .Page_CorporateProfile .DefList dd {
    width: 82%;
  }

  /* 役員 */
  .Page_CorporateProfile .Exectives .Lead1 {
    width: 20%;
  }

  .Page_CorporateProfile .Exectives .Lead2 {
    width: 80%;
  }
}

/* ■ 会社情報：会社概要 ==================================================================================== */

.Page_CorporateProfile .LinkTo {
  margin-top: 10px;
}

/* 役員 */
.Page_CorporateProfile .ExectivesEach {
  display: flex;
  flex-wrap: wrap;
}

.Page_CorporateProfile .ExectivesEach span {
  display: block;
}

@media only screen and (max-width: 767px) {
  .Page_CorporateProfile .DefList dl,
  .Page_CorporateProfile .DefList dt,
  .Page_CorporateProfile .DefList dd {
    display: block;
  }

  .Page_CorporateProfile .DefList dl {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .Page_CorporateProfile .DefList dt,
  .Page_CorporateProfile .DefList dd {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .Page_CorporateProfile .DefList dt {
    font-size: 17px;
  }

  /* 役員 */
  .Page_CorporateProfile .Exectives .Lead1 {
    width: 45%;
  }

  .Page_CorporateProfile .Exectives .Lead2 {
    width: 55%;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateProfile .DefList dt {
    width: 20%;
  }

  .Page_CorporateProfile .DefList dd {
    width: 80%;
  }

  /* 役員 */
  .Page_CorporateProfile .Exectives .Lead1 {
    width: 30%;
  }

  .Page_CorporateProfile .Exectives .Lead2 {
    width: 70%;
  }
}

@media print, screen and (min-width: 1090px) {
  .Page_CorporateProfile .DefList dt {
    width: 15%;
  }

  .Page_CorporateProfile .DefList dd {
    width: 85%;
  }

  /* 役員 */
  .Page_CorporateProfile .Exectives .Lead1 {
    width: 20%;
  }

  .Page_CorporateProfile .Exectives .Lead2 {
    width: 80%;
  }
}

/* ■ 会社情報：事業体制 ==================================================================================== */

.Page_CorporateOverview .Allow {
  background: url(/img/common/texture/Texture_AllowBelow.png) no-repeat;
  background-position: 50% 100%;
}

@media only screen and (max-width: 767px) {
  .Page_CorporateOverview .InPageNavVers {
    margin-top: 30px;
  }

  .Page_CorporateOverview .SectionMainIn.SectionEach {
    margin-top: 0;
  }

  .Page_CorporateOverview .Allow {
    padding-bottom: 65px;
    background-size: 150px auto;
  }

  .Page_CorporateOverview .SectionSubIn.Box1 {
    margin-top: 15px;
    padding: 15px 15px 30px 15px;
  }

  .Page_CorporateOverview .SectionSubIn.Box1 .Photo.FloatR {
    float: none;
    margin: 0 0 15px 0;
  }

  /* サブユニット */
  .Page_CorporateOverview .SubUnit li {
    margin-top: 20px;
  }

  .Page_CorporateOverview .SubUnit .Lead {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8em;
  }

  /* ボタン */
  .Page_CorporateOverview .BtnTo {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateOverview .InPageNavVers {
    margin-top: 50px;
  }

  .Page_CorporateOverview .SectionMainIn.SectionEach {
    margin-top: 0;
  }

  .Page_CorporateOverview .Allow {
    padding-bottom: 80px;
  }

  .Page_CorporateOverview .SectionSubIn.Box1 {
    margin-top: 20px;
    padding: 40px;
  }

  .Page_CorporateOverview .SectionSubIn.Box1 .Photo.FloatR {
    width: 40%;
    margin-left: 45px;
  }

  /* サブユニット */
  .Page_CorporateOverview .SubUnit {
    margin-top: 30px;
  }

  .Page_CorporateOverview .SubUnit.Col2_Col1 .Unit {
    display: table;
  }

  .Page_CorporateOverview .SubUnit.Col2_Col1 .Photo,
  .Page_CorporateOverview .SubUnit.Col2_Col1 .Lead {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }

  .Page_CorporateOverview .SubUnit.Col2_Col1 .Photo,
  .Page_CorporateOverview .SubUnit.Col2_Col1 .Lead {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }

  .Page_CorporateOverview .SubUnit.Col2_Col1 .Photo {
    padding-right: 20px;
  }

  .Page_CorporateOverview .SubUnit .Lead {
    font-size: 14px;
    line-height: 1.8em;
  }

  .Page_CorporateOverview .SubUnit.Col3_Col1 .Lead {
    margin-top: 10px;
  }

  /* ボタン */
  .Page_CorporateOverview .BtnTo {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 会社情報：研究開発 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_CorporateOverview_RD .SectionEach {
    margin-top: 40px;
  }

  .Page_CorporateOverview_RD .SectionSubIn {
    margin-top: 15px;
  }

  .Page_CorporateOverview_RD .SectionSubIn .Photo.FloatR {
    float: none;
    margin: 0 0 15px 0;
  }

  .Page_CorporateOverview_RD .Lead2 {
    font-size: 15px;
    line-height: 1.8em;
  }

  /* サブユニット */
  .Page_CorporateOverview_RD .SubUnit {
    margin-top: 15px;
  }

  .Page_CorporateOverview_RD .SubUnitEach {
    margin-top: 20px;
  }

  .Page_CorporateOverview_RD .SubUnitEach:nth-child(1) {
    margin-top: 10px;
  }

  .Page_CorporateOverview_RD .SubUnit .Mds {
    margin-top: 10px;
    font-size: 17px;
  }

  .Page_CorporateOverview_RD .SubUnit .Lead {
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.8em;
  }

  .Page_CorporateOverview_RD .SubUnit .ListDiscS {
    margin-top: 5px;
  }

  /* ボタン */
  .Page_CorporateOverview_RD .BtnTo {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateOverview_RD .SectionMainIn.Box1 {
    padding: 40px;
  }

  .Page_CorporateOverview_RD .SectionEach {
    margin-top: 80px;
  }

  .Page_CorporateOverview_RD .SectionSubIn {
    margin-top: 20px;
  }

  .Page_CorporateOverview_RD .SectionSubIn .Photo.FloatR {
    padding-left: 20px;
  }

  /* サブユニット */
  .Page_CorporateOverview_RD .SubUnit {
    margin-top: 30px;
  }

  .Page_CorporateOverview_RD .SubUnit .Mds {
    margin-top: 15px;
    font-size: 18px;
  }

  .Page_CorporateOverview_RD .SubUnit .Lead {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.8em;
  }

  .Page_CorporateOverview_RD .SubUnit .ListDiscS {
    margin-top: 10px;
  }

  .Page_CorporateOverview_RD .SubUnit .ListDiscS li {
    width: 100%;
  }

  /* ボタン */
  .Page_CorporateOverview_RD .BtnTo {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 会社情報：システムインテグレーション ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_CorporateOverview_SI .SubUnit2 {
    margin-top: 20px;
  }

  .Page_CorporateOverview_SI .Caption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8em;
  }

  /* ボタン */
  .Page_CorporateOverview_SI .BtnTo {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateOverview_SI .SubUnitWrap {
    display: flex;
    flex-wrap: wrap;
  }

  .Page_CorporateOverview_SI .SubUnit1 {
    width: 60%;
  }

  .Page_CorporateOverview_SI .SubUnit2 {
    width: 40%;
  }

  .Page_CorporateOverview_SI .ListDisc {
    margin-top: 20px;
  }

  .Page_CorporateOverview_SI .Caption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8em;
  }

  /* ボタン */
  .Page_CorporateOverview_SI .BtnTo {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 会社情報：国内・海外の拠点 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_CorporateNetwork .InPageNavVers {
    margin-top: 30px;
  }

  .Page_CorporateNetwork .AccessMap {
    margin-top: 8px;
  }

  .Page_CorporateNetwork .Notice {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateNetwork .InPageNavVers {
    margin-top: 50px;
  }

  .Page_CorporateNetwork .AccessMap {
    margin-top: 8px;
  }

  .Page_CorporateNetwork .Notice {
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 会社情報：環境への取り組み ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_CorporateEnvironmental .Photo1 {
    width: 40%;
    margin-left: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateEnvironmental .Photo1 {
    width: 25%;
    margin-left: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 会社情報：関連会社紹介 ==================================================================================== */

.Page_CorporateAssociated .DefList dl {
  border: none;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .Page_CorporateAssociated .SectionSubIn {
    margin-top: 15px;
    padding-top: 15px;
  }

  .Page_CorporateAssociated .DefList {
    margin-top: 10px;
    font-size: 15px;
  }

  .Page_CorporateAssociated .DefList dt,
  .Page_CorporateAssociated .DefList dd {
    margin: 0;
    padding: 2px 0;
  }

  .Page_CorporateAssociated .DefList dt {
    width: 18%;
  }

  .Page_CorporateAssociated .DefList dd {
    width: 82%;
  }

  .Page_CorporateAssociated .Photo {
    margin-bottom: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateAssociated .SectionSubIn {
    margin-top: 20px;
    padding-top: 20px;
  }

  .Page_CorporateAssociated .DefList {
    margin-top: 15px;
  }

  .Page_CorporateAssociated .DefList dt,
  .Page_CorporateAssociated .DefList dd {
    margin: 0;
    padding: 4px 0;
  }

  .Page_CorporateAssociated .DefList dt {
    width: 12%;
  }

  .Page_CorporateAssociated .DefList dd {
    width: 88%;
  }
}

@media print, screen and (min-width: 1090px) {
  .Page_CorporateAssociated .DefList dt {
    width: 8%;
  }

  .Page_CorporateAssociated .DefList dd {
    width: 92%;
  }
}

/* ■ 会社情報：朋栄のあゆみ ==================================================================================== */

.Page_CorporateHistory .TimeLine .Photo img {
  width: 78px;
  border: 1px solid #e9e9e9;
}

.Page_CorporateHistory .TimeLine .DLVert dl:after {
  display: block;
  content: "";
  clear: both;
}

/* 製品ヒストリーバナー */
.BnrHistory a {
  display: table;
  width: 100%;
  border: 1px solid #d5d5d5;
  color: #000;
}

.BnrHistory a .Photo,
.BnrHistory a .LeadUnit {
  display: table-cell;
  vertical-align: middle;
}

.BnrHistory a .Lead1 span {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: #000;
}

@media only screen and (max-width: 767px) {
  .Page_CorporateHistory .TimeLine {
    margin-top: 20px;
  }

  .Page_CorporateHistory .TimeLine .LBox,
  .Page_CorporateHistory .TimeLine .RBox {
    float: none;
  }

  .Page_CorporateHistory .TimeLine .LBox {
    margin-bottom: 20px;
  }

  .Page_CorporateHistory .TimeLine h2.Mds {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 1em;
  }

  .Page_CorporateHistory .TimeLine .MdsCate {
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1em;
    background: #f3f3f3;
  }

  .Page_CorporateHistory .TimeLine .DLVert dl {
    padding-bottom: 15px;
  }

  .Page_CorporateHistory .TimeLine .DLVert dt {
    margin-bottom: 5px;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1em;
  }

  .Page_CorporateHistory .TimeLine .DLVert dd {
    font-size: 14px;
    line-height: 1.6em;
  }

  .Page_CorporateHistory .TimeLine .DLVert .Photo {
    margin-top: 15px;
  }

  /* 製品ヒストリーバナー */
  .BnrHistory {
    margin-top: 20px;
  }

  .BnrHistory a {
    padding: 15px;
  }

  .BnrHistory a .Photo {
    width: 100px;
  }

  .BnrHistory a .LeadUnit {
    padding-left: 15px;
  }

  .BnrHistory a .Lead1 {
    font-size: 18px;
    line-height: 1.7em;
  }

  .BnrHistory a .Lead1 span {
    width: 50px;
    height: 28px;
    margin-right: 10px;
    margin-top: -5px;
    font-size: 15px;
    line-height: 28px;
  }

  .BnrHistory a .Lead2 {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.6em;
  }
}

@media only screen and (max-width: 372px) {
  .BnrHistory a .Photo {
    width: 80px;
  }

  .BnrHistory a .Lead1 span {
    width: 40px;
    height: 28px;
    margin-right: 10px;
    margin-top: -5px;
    font-size: 13px;
    line-height: 28px;
  }

  .BnrHistory a .Lead1 {
    font-size: 16px;
    line-height: 1.7em;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CorporateHistory .TimeLineWrap {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 10px;
    background: url(/img/company/timeline/Texture_TimeLine.png) no-repeat center bottom;
  }

  .Page_CorporateHistory .TimeLineWrap:before {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 30px;
    margin-left: -5px;
    background: #fff;
    content: "";
  }

  .Page_CorporateHistory .TimeLine {
    position: relative;
    margin-bottom: 30px;
  }

  .Page_CorporateHistory .TimeLine h2.Mds {
    position: absolute;
    left: 50%;
    top: -52px;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    border-radius: 50%;
    font-size: 18px;
    line-height: 70px;
    text-align: center;
    background: #f3f3f3;
  }

  .Page_CorporateHistory .TimeLine h2.Mds.First {
    top: 25px;
  }

  .Page_CorporateHistory .TimeLine .LBox,
  .Page_CorporateHistory .TimeLine .RBox {
    width: 40%;
  }

  .Page_CorporateHistory .TimeLine .MdsCate {
    position: relative;
    margin-bottom: 20px;
    font-size: 25px;
  }

  .Page_CorporateHistory .TimeLine .MdsCate .BtnTo {
    display: none;
  }

  .Page_CorporateHistory .TimeLine .DLVert {
    padding-top: 20px;
    border-top: 1px solid #ccc;
  }

  .Page_CorporateHistory .TimeLine .DLVert dl {
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    border: none;
  }

  .Page_CorporateHistory .TimeLine .Product .DLVert dl {
    padding-left: 95px;
  }

  .Page_CorporateHistory .TimeLine .DLVert .Photo.FloatL {
    margin-right: 15px;
  }

  .Page_CorporateHistory .TimeLine .DLVert dt {
    margin-bottom: 5px;
    padding-top: 5px;
    line-height: 1em;
  }

  .Page_CorporateHistory .TimeLine .DLVert dd {
    font-size: 14px;
  }

  /* 製品ヒストリーバナー */
  .BnrHistory a {
    padding: 20px;
  }

  .BnrHistory a .Photo {
    width: 120px;
  }

  .BnrHistory a .LeadUnit {
    padding-left: 20px;
  }

  .BnrHistory a .Lead1 {
    font-size: 28px;
    line-height: 1.7em;
  }

  .BnrHistory a .Lead1 span {
    width: 60px;
    height: 32px;
    margin-right: 10px;
    margin-top: -5px;
    font-size: 18px;
    line-height: 32px;
  }

  .BnrHistory a .Lead2 {
    font-size: 16px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 1090px) {
  .Page_CorporateHistory .TimeLine .LBox,
  .Page_CorporateHistory .TimeLine .RBox {
    width: 42%;
  }

  .Page_CorporateHistory .TimeLine .MdsCate .BtnTo {
    display: block;
    position: absolute;
    top: -4px;
    right: 0;
  }

  /* 製品ヒストリーバナー */
  .BnrHistory a .Photo {
    width: 155px;
  }

  .BnrHistory a .LeadUnit {
    padding-left: 30px;
  }

  .BnrHistory a:hover {
    background-color: #ededed;
    opacity: 1;
  }
}

/* ■ 採用情報：共通 ==================================================================================== */

@media only screen and (max-width: 767px) {
  #PageRecruit .InPageNavVers {
    margin-top: 30px;
  }

  #PageRecruit .Lead {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  #PageRecruit .InPageNavVers {
    margin-top: 50px;
  }

  #PageRecruit .Lead {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 新卒採用：トップメッセージ ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_NewgradsMessage .KeyVisual {
    margin-bottom: 25px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsMessage .KeyVisual {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 新卒採用：職種紹介 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_NewgradsJobs .SectionMainIn {
    margin-top: 50px;
  }

  .Page_NewgradsJobs .SectionMainIn:nth-of-type(1) {
    margin-top: 30px;
  }

  .Page_NewgradsJobs .Photo.FloatR {
    width: 40%;
  }

  .Page_NewgradsJobs .Box1 {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsJobs .SectionMainIn {
    margin-top: 80px;
  }

  .Page_NewgradsJobs .SectionMainIn:nth-of-type(1) {
    margin-top: 40px;
  }

  .Page_NewgradsJobs .Box1 {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 新卒採用：先輩社員紹介（詳細） ==================================================================================== */

/*
キービジュアル
インタビュー
スケジュール
メッセージ
*/

/* キービジュアル --------------------------------------------------- */

.Page_NewgradsPeopleDetail .SectionKeyVisual {
  color: #fff;
  background: #000;
}

@media only screen and (max-width: 767px) {
  .Page_NewgradsPeopleDetail .SectionKeyVisual {
    margin-top: 20px;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .LeadUnit {
    padding: 15px;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead1 {
    font-size: 13px;
    line-height: 1.6em;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead2 {
    margin-top: 15px;
    font-size: 25px;
    line-height: 1em;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead3 {
    margin-top: 7px;
    font-size: 12px;
    line-height: 1em;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead4 {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsPeopleDetail .SectionKeyVisual {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .PhotoUnit {
    width: 55%;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .LeadUnit {
    width: 45%;
    padding-left: 5%;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead1 {
    font-size: 14px;
    line-height: 1.6em;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead2 {
    margin-top: 15px;
    font-size: 30px;
    line-height: 1em;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead3 {
    margin-top: 5px;
    font-size: 13px;
    line-height: 1em;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead4 {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.6em;
  }
}

@media print, screen and (min-width: 1090px) {
  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead1 {
    line-height: 1.6em;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead2 {
    margin-top: 25px;
    font-size: 40px;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead3 {
    margin-top: 10px;
  }

  .Page_NewgradsPeopleDetail .SectionKeyVisual .Lead4 {
    margin-top: 25px;
    font-size: 16px;
  }
}

/* インタビュー --------------------------------------------------- */

.Page_NewgradsPeopleDetail .Interview .MdsH3In {
  position: relative;
}

.Page_NewgradsPeopleDetail .Interview .MdsH3In:before {
  position: absolute;
  left: 0;
  content: "Q.";
}

.Page_NewgradsPeopleDetail .Interview .Caption {
  display: inline-block;
  margin-top: 5px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .Page_NewgradsPeopleDetail .Interview .MdsH3In {
    padding-left: 25px;
  }

  .Page_NewgradsPeopleDetail .Interview .MdsH3In:before {
    top: -1px;
  }

  .Page_NewgradsPeopleDetail .Interview .Photo.FloatL,
  .Page_NewgradsPeopleDetail .Interview .Photo.FloatR {
    float: none;
    margin: 0;
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsPeopleDetail .Interview .MdsH3In {
    padding-left: 30px;
  }

  .Page_NewgradsPeopleDetail .Interview .MdsH3In:before {
    top: -1px;
  }

  .Page_NewgradsPeopleDetail .Interview .Photo {
    width: 40%;
    margin-top: 20px;
  }

  .Page_NewgradsPeopleDetail .Interview .Photo.FloatL {
    margin-right: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* スケジュール --------------------------------------------------- */

.Page_NewgradsPeopleDetail .TimeTable h2.MdsH2In {
  background: url(/img/recruit/newgrads_people/common/Icon_Clock.png) no-repeat;
}

.Page_NewgradsPeopleDetail .TimeTable .DLVert {
  background: url(/img/recruit/newgrads_people/common/Texture_TimeTableAllow.png) no-repeat;
}

.Page_NewgradsPeopleDetail .TimeTable dt {
  position: relative;
}

.Page_NewgradsPeopleDetail .TimeTable dt:after {
  display: block;
  position: absolute;
  left: -23px;
  top: 10px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #cc0000;
  content: "";
}

.Page_NewgradsPeopleDetail .TimeTable dt:before {
  display: block;
  position: absolute;
  left: -37px;
  top: 10px;
  width: 0;
  border: 5px solid transparent;
  border-left-color: #f3f3f3;
  border-right-width: 0;
  content: "";
}

.Page_NewgradsPeopleDetail .TimeTable dt .Time {
  display: block;
  position: absolute;
  left: -100px;
  top: 0;
  width: 63px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
  background: #f3f3f3;
}

/* リセット */
.Page_NewgradsPeopleDetail .TimeTable dl,
.Page_NewgradsPeopleDetail .TimeTable dt,
.Page_NewgradsPeopleDetail .TimeTable dd {
  margin: 0;
  padding: 0;
}

.Page_NewgradsPeopleDetail .TimeTable dl {
  border: none;
}

.Page_NewgradsPeopleDetail .TimeTable .Lead {
  margin-top: 0 !important;
}

.Page_NewgradsPeopleDetail .TimeTable dl:after {
  content: "";
  display: block;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .Page_NewgradsPeopleDetail .TimeTable {
    padding: 20px 15px;
  }

  .Page_NewgradsPeopleDetail .TimeTable h2.MdsH2In {
    margin-bottom: 30px;
    padding-left: 45px;
    background-position: 0 50%;
  }

  .Page_NewgradsPeopleDetail .TimeTable .DLVert {
    padding-bottom: 30px;
    background-position: 72px 100%;
  }

  .Page_NewgradsPeopleDetail .TimeTable dl {
    padding-left: 102px;
    margin-bottom: 30px;
  }

  .Page_NewgradsPeopleDetail .TimeTable dt {
    font-size: 18px;
  }

  .Page_NewgradsPeopleDetail .TimeTable .Lead {
    font-size: 15px;
  }

  .Page_NewgradsPeopleDetail .TimeTable .Photo.FloatR {
    float: none;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsPeopleDetail .TimeTable {
    padding: 40px 40px;
  }

  .Page_NewgradsPeopleDetail .TimeTable h2.MdsH2In {
    margin-bottom: 40px;
    padding-left: 45px;
    background-position: 0 50%;
  }

  .Page_NewgradsPeopleDetail .TimeTable .DLVert {
    padding-bottom: 30px;
    background-position: 72px 100%;
  }

  .Page_NewgradsPeopleDetail .TimeTable dl {
    padding-left: 102px;
    margin-bottom: 30px;
  }

  .Page_NewgradsPeopleDetail .TimeTable dt {
    font-size: 18px;
  }

  .Page_NewgradsPeopleDetail .TimeTable .Photo {
    width: 28%;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* メッセージ --------------------------------------------------- */

@media only screen and (max-width: 767px) {
  .Page_NewgradsPeopleDetail .Message {
    padding: 20px 15px;
  }

  .Page_NewgradsPeopleDetail .Message .Photo.FloatR {
    float: none;
    margin-left: 0;
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsPeopleDetail .Message {
    padding: 40px 40px;
  }

  .Page_NewgradsPeopleDetail .Message .Photo {
    width: 40%;
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 新卒採用：よくあるご質問 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_NewgradsFAQ .InPageNavVers a {
    font-size: 15px;
  }

  .Page_NewgradsFAQ .SectionMainIn:nth-of-type(1) {
    margin-top: 20px;
  }

  .Page_NewgradsFAQ .FaqList {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsFAQ .SectionMainIn:nth-of-type(1) {
    margin-top: 35px;
  }

  .Page_NewgradsFAQ .FaqList {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 新卒採用：募集要項・エントリー ==================================================================================== */

.Page_NewgradsGuideline .InPageNavVers a {
  position: relative;
}

.Page_NewgradsGuideline .InPageNavVers .Status {
  display: inline-block;
  position: absolute;
  line-height: 1em;
  text-align: center;
  color: #fff;
}

.Page_NewgradsGuideline .InPageNavVers .Status.On {
  background: #b91010;
}

.Page_NewgradsGuideline .InPageNavVers .Status.Off {
  background: #6a6a6a;
}

/* 選考フロー */
.Page_NewgradsGuideline .Allow {
  background: url(/img/common/texture/Texture_AllowBelow.png) no-repeat;
  background-position: 50% 100%;
}

.Page_NewgradsGuideline .RecruitFlow .MdsH4In {
  padding-bottom: 0;
  border-bottom: none;
}

@media only screen and (max-width: 767px) {
  .Page_NewgradsGuideline .InPageNavVers li {
    margin-top: 5px;
  }

  .Page_NewgradsGuideline .InPageNavVers a {
    padding: 8px 10px;
    font-size: 14px;
  }

  .Page_NewgradsGuideline .InPageNavVers .Status {
    width: 40px;
    padding: 4px 0;
    top: -25%;
    right: -3%;
    font-size: 10px;
  }

  .Page_NewgradsGuideline .SectionMainIn {
    margin-top: 50px;
  }

  .Page_NewgradsGuideline .SectionMainIn:nth-of-type(1) {
    margin-top: 30px;
  }

  .Page_NewgradsGuideline .MdsH3In {
    margin-bottom: 20px;
  }

  /* 要項 */
  .Page_NewgradsGuideline .Requirements {
    margin-top: 15px;
  }

  /* 選考フロー */
  .Page_NewgradsGuideline .Allow {
    padding-bottom: 65px;
    background-size: 150px auto;
  }

  .Page_NewgradsGuideline .RecruitFlow .ListKomeS {
    margin-top: 15px;
  }

  /* お問い合わせ */
  .Page_NewgradsGuideline .RecruitContact {
    padding: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_NewgradsGuideline .InPageNavVers .Status {
    width: 46px;
    padding: 4px 0;
    top: -20%;
    right: -3%;
    font-size: 12px;
  }

  .Page_NewgradsGuideline .SectionMainIn {
    margin-top: 70px;
  }

  .Page_NewgradsGuideline .SectionMainIn:nth-of-type(1) {
    margin-top: 40px;
  }

  .Page_NewgradsGuideline .MdsH3In {
    margin-bottom: 20px;
  }

  /* 要項 */
  .Page_NewgradsGuideline .Requirements {
    margin-top: 20px;
  }

  /* 選考フロー */
  .Page_NewgradsGuideline .Allow {
    padding-bottom: 65px;
    background-size: 150px auto;
  }

  .Page_NewgradsGuideline .RecruitFlow .Lead {
    margin-top: 15px !important;
  }

  .Page_NewgradsGuideline .RecruitFlow .ListKomeS {
    margin-top: 15px;
  }

  /* お問い合わせ */
  .Page_NewgradsGuideline .RecruitContact {
    padding: 40px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ キャリア採用：TOP ==================================================================================== */

.Page_CarrierTop .SectionMainIn a {
  display: block;
  position: relative;
}

/* 矢印 アイコン */
.Page_CarrierTop .SectionMainIn a:before,
.Page_CarrierTop .SectionMainIn a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.Page_CarrierTop .SectionMainIn a:before {
  right: 20px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.Page_CarrierTop .SectionMainIn a:after {
  right: 21px;
  width: 18px;
}

.Page_CarrierTop .SectionMainIn .ListDisc,
.Page_CarrierTop .SectionMainIn .ListKomeS {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .Page_CarrierTop .SectionMainIn {
    margin-top: 15px;
  }

  .Page_CarrierTop .SectionMainIn:nth-of-type(1) {
    margin-top: 30px;
  }

  .Page_CarrierTop .SectionMainIn a {
    padding-right: 50px;
  }

  .Page_CarrierTop .SectionMainIn .ListDisc {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CarrierTop .SectionMainIn {
    margin-top: 20px;
  }

  .Page_CarrierTop .SectionMainIn:nth-of-type(1) {
    margin-top: 50px;
  }

  .Page_CarrierTop .SectionMainIn .ListDisc {
    margin-top: 15px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ キャリア採用：詳細 ==================================================================================== */

@media only screen and (max-width: 767px) {
  .Page_CarrierDetail .Jobs {
    margin-top: 15px;
  }

  .Page_CarrierDetail .Requirements {
    margin-top: 15px;
  }

  .Page_CarrierDetail .LinkTo {
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 768px) {
  .Page_CarrierDetail .Jobs {
    margin-top: 20px;
  }

  .Page_CarrierDetail .Requirements {
    margin-top: 20px;
  }

  .Page_CarrierDetail .LinkTo {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 検索結果 ==================================================================================== */

.SearchResultsList li {
  border-bottom: 1px solid #d5d5d5;
}

.SearchResultsList .Photo img {
  border: 1px solid #e9e9e9;
  background: #fff;
}

.SearchResultsList .Lead2 {
  color: #000;
}

.SearchResultsListEach {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .SearchResultsList,
  .SearchResultsZero {
    margin-top: 25px;
  }

  .SearchResultsList li {
    margin-top: 15px;
    padding-bottom: 15px;
  }

  .SearchResultsList .Photo {
    width: 30%;
  }

  .SearchResultsList .LeadUnit {
    width: 70%;
    padding-left: 15px;
  }

  .SearchResultsList .Lead1 {
    line-height: 1.6em;
  }

  .SearchResultsList .Lead2 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.6em;
  }

  /* ページネーション */
  .PageNationBtm {
    margin-top: 30px;
  }

  /* 検索結果なし */
  .SearchResultsZero .Mds {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
  }
}

@media print, screen and (min-width: 768px) {
  .SearchResultsList,
  .SearchResultsZero {
    margin-top: 30px;
  }

  .SearchResultsList li {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .SearchResultsListEach {
    align-items: center;
  }

  .SearchResultsList .Photo {
    width: 12%;
  }

  .SearchResultsList .LeadUnit {
    width: 88%;
    padding-left: 20px;
  }

  .SearchResultsList .Lead2 {
    width: 90%;
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.8em;
  }

  /* ページネーション */
  .PageNationBtm {
    margin-top: 40px;
  }

  /* 検索結果なし */
  .SearchResultsZero .Mds {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 検索結果：サジェスト ==================================================================================== */

#suggest {
  display: none;
  position: absolute;
  z-index: 300000;
  border: 1px solid #d5d5d5;
  background: #fff;
}

#suggest .SearchResultsList {
  margin-top: 0;
}

#suggest .SearchResultsList li:last-child {
  border-bottom: none;
}

#suggest .SearchResultsList li.select a {
  background: #f1f1f1;
}

@media only screen and (max-width: 767px) {
  #suggest {
    left: 0;
    top: 80px;
    max-height: 400px;
    overflow: scroll;
    margin: 0 15px;
    padding: 0 15px 5px 15px;
  }

  #suggest .SearchResultsList li.select a {
    padding: 10px;
  }

  #suggest .SearchResultsList .Lead1 {
    font-size: 13px;
    line-height: 1.6em;
  }

  #suggest .SearchResultsList .Lead2 {
    font-size: 11px;
  }
}

@media print, screen and (min-width: 768px) {
  #suggest {
    top: 50px;
    right: 0;
    width: 500px;
    max-height: 600px;
    overflow: scroll;
    padding: 5px 20px 20px 20px;
  }

  #suggest .SearchResultsList li.select a {
    padding: 10px;
  }

  #suggest .SearchResultsList .Photo {
    width: 20%;
  }

  #suggest .SearchResultsList .LeadUnit {
    width: 80%;
    padding-left: 20px;
  }

  #suggest .SearchResultsList .Lead1 {
    font-size: 14px;
    line-height: 1.6em;
  }

  #suggest .SearchResultsList .Lead2 {
    font-size: 12px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ よくあるご質問 ==================================================================================== */

.FaqList dt,
.FaqList dd {
  margin: 0;
  padding: 0;
}

.FaqList .Q a {
  display: block;
  position: relative;
  border: 1px solid #d5d5d5;
  color: #000;
}

.FaqList .Q a.Current {
  background: #f3f3f3;
}

.FaqList .A {
  display: none;
  border: 1px solid #d5d5d5;
  border-top: none;
}

/* プラスマイナス アイコン */
.FaqList .Q a:before,
.FaqList .Q a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 1px;
  background: #000;
  content: "";
}

.FaqList .Q a:after {
  transform: rotate(90deg);
}

.FaqList .Q a.Current:after,
#GlobalNavProducts .Parent a.highlighted:after {
  display: none;
}

@media only screen and (max-width: 767px) {
  .FaqList .Q a {
    padding: 15px 50px 15px 15px;
  }

  .FaqList .A {
    padding: 15px;
  }

  .FaqList dl {
    margin-top: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .FaqList .Q a,
  .FaqList .A {
    padding: 15px 20px;
  }

  .FaqList dl {
    margin-top: 10px;
  }

  /* プラスマイナス アイコン */
  .FaqList .Q a:before,
  .FaqList .Q a:after {
    right: 20px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 目次ページ：テキスト ==================================================================================== */

.IndexPageNav li {
  border: 1px solid #d5d5d5;
}

.IndexPageNav a {
  display: block;
  position: relative;
  color: #000;
}

/* 矢印 アイコン */
.IndexPageNav a:before,
.IndexPageNav a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.IndexPageNav a:before {
  right: 14px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.IndexPageNav a:after {
  right: 15px;
  width: 18px;
}

@media only screen and (max-width: 767px) {
  .IndexPageNav {
    margin-top: 20px;
  }

  .IndexPageNav a {
    padding: 15px 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .IndexPageNav {
    margin-top: 40px;
  }

  .IndexPageNav a {
    padding: 15px 20px;
  }
}

@media print, screen and (min-width: 1090px) {
  .IndexPageNav a:hover {
    color: #b91010;
    opacity: 1;
  }
}

/* ■ 目次ページ：サムネイル ==================================================================================== */

.IndexMenuList2 .IndexMenuList2Each a {
  display: block;
  position: relative;
  color: #000;
  border: 1px solid #ccc;
}

.IndexMenuList2 .IndexMenuList2Each .Unit {
  display: table;
  width: 100%;
}

.IndexMenuList2 .IndexMenuList2Each .UnitPhoto,
.IndexMenuList2 .IndexMenuList2Each .UnitLead {
  display: table-cell;
  vertical-align: middle;
}

.IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead1,
.IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead2 {
  display: block;
}

/* 矢印アイコン */
.IndexMenuList2 .IndexMenuList2Each a:before,
.IndexMenuList2 .IndexMenuList2Each a:after {
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  background: #000;
  content: "";
}

.IndexMenuList2 .IndexMenuList2Each a:before {
  right: 14px;
  width: 8px;
  margin-top: -3px;
  transform: rotate(45deg);
}

.IndexMenuList2 .IndexMenuList2Each a:after {
  right: 15px;
  width: 18px;
}

@media only screen and (max-width: 767px) {
  .IndexMenuList2 {
    margin-top: 20px;
  }

  .IndexMenuList2 .IndexMenuList2Each {
    display: block;
    margin-top: 20px;
  }

  .IndexMenuList2 .IndexMenuList2Each li {
    margin-bottom: 10px;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitPhoto {
    width: 30%;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead {
    width: 70%;
    padding-left: 15px;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead1 {
    font-size: 18px;
    line-height: 1.2em;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead2 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.3em;
  }
}

@media print, screen and (min-width: 768px) {
  .IndexMenuList2 {
    margin-top: 40px;
  }

  .IndexMenuList2 .IndexMenuList2Each {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
  }

  .IndexMenuList2 .IndexMenuList2Each li {
    width: calc(49% - 1%);
    margin: 1% 1% 1% 1%;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitPhoto {
    width: 32%;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead {
    width: 68%;
    padding-left: 10px;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead1 {
    font-size: 16px;
    line-height: 1.2em;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead2 {
    margin-top: 4px;
    font-size: 10px;
    line-height: 1.4em;
  }
}

@media print, screen and (min-width: 1090px) {
  .IndexMenuList2 .IndexMenuList2Each .UnitLead {
    padding-left: 15px;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead1 {
    font-size: 20px;
    line-height: 1.2em;
  }

  .IndexMenuList2 .IndexMenuList2Each .UnitLead .Lead2 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4em;
  }

  .IndexMenuList2 .IndexMenuList2Each a:hover {
    color: #b91010;
    opacity: 1;
  }
}

/* ■ メルマガ登録 ==================================================================================== */

@media only screen and (max-width: 767px) {
  #PageMemberRegist .SignUpCode {
    margin-top: -50px;
  }
}

@media print, screen and (min-width: 768px) {
  #PageMemberRegist .SignUpCode {
    margin-top: -50px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ プライバシーポリシー ==================================================================================== */

/* アプトアウトボタン */
.RemoveCookie {
  border-top: 1px solid #d5d5d5;
}

.RemoveCookie .BtnM-Disabled {
  opacity: 0.2;
}

@media only screen and (max-width: 767px) {
  .PrivacyPolicyUnit .Lead,
  .PrivacyPolicyUnit .ListDisc,
  .PrivacyPolicyUnit .ListNum {
    margin-top: 10px;
  }

  /* アプトアウトボタン */
  .RemoveCookie {
    margin-top: 40px;
    padding-top: 20px;
  }

  .RemoveCookie li {
    margin-bottom: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .PrivacyPolicyUnit .SectionMainIn {
    margin-top: 70px;
  }

  .PrivacyPolicyUnit .Lead,
  .PrivacyPolicyUnit .ListDisc,
  .PrivacyPolicyUnit .ListNum {
    margin-top: 15px;
  }

  /* アプトアウトボタン */
  .RemoveCookie {
    margin-top: 60px;
    padding-top: 30px;
  }

  .RemoveCookie li {
    margin-bottom: 10px;
  }

  .RemoveCookie .BtnM {
    width: 350px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* ■ 汎用ライブラリー ==================================================================================== */

/*
SmartMenus
Magnific Popup
slick
Cookie Bar
*/

/* SmartMenus --------------------------------------------------- */

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm {
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm,
.sm ul,
.sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
  direction: rtl;
  text-align: right;
}

.sm > li > h1,
.sm > li > h2,
.sm > li > h3,
.sm > li > h4,
.sm > li > h5,
.sm > li > h6 {
  margin: 0;
  padding: 0;
}

.sm ul {
  display: none;
}

.sm li,
.sm a {
  position: relative;
}

.sm a {
  display: block;
}

.sm a.disabled {
  cursor: default;
}

.sm::after {
  content: "";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  overflow: hidden;
}

.sm *,
.sm *::before,
.sm *::after {
  box-sizing: inherit;
}

/* mega menus */
#main-menu2,
#main-menu2 > .has-mega-menu {
  position: static !important;
}

#main-menu2 .mega-menu {
  margin-left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
}

#main-menu2 > .has-mega-menu .scroll-up,
#main-menu2 > .has-mega-menu .scroll-down {
  margin-left: 0 !important;
}

/* clear any floats inside the mega menus */
#main-menu2 .mega-menu > li {
  overflow: auto;
}

/* reset mega menu list/link styles (which are inherited from the SmartMenus core/theme styles) */
@media only screen and (max-width: 767px) {
}

@media print, screen and (min-width: 768px) {
  #main-menu2 .mega-menu ul {
    display: block !important;
  }
}

@media print, screen and (min-width: 1090px) {
}

/* Magnific Popup --------------------------------------------------- */

/* 閉じるボタン */
/*
.mfp-close {
display: block;
position: absolute;
top: -20px;
right: -20px;
width: 50px;
height: 50px;
border-radius: 50%;
text-indent: -9999px;
background-color: #000;
background-image: url(/img/common/icon/Icon_Close.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 20px 20px;
}
*/

@media only screen and (max-width: 767px) {
}

@media print, screen and (min-width: 768px) {
}

@media print, screen and (min-width: 1090px) {
}

/* 親ウインドウの背景（opacityを調整） */
.mfp-bg {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30000;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  opacity: 0.3;
}

.mfp-wrap {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 30001;
  width: 100%;
  height: 100%;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  box-sizing: border-box;
  text-align: center;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.2s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.3;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.2s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  /* top: 1px; */
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* slick --------------------------------------------------- */

.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slide {
  position: relative;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  -webkit-transition:
    color 0.3s ease 0.01s,
    background-color 0.3s ease 0.01s,
    opacity 0.3s ease 0.01s;
  transition:
    color 0.3s ease 0.01s,
    background-color 0.3s ease 0.01s,
    opacity 0.3s ease 0.01s;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  opacity: 0.9;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 45%;
}

@media only screen and (max-width: 767px) {
}

@media print, screen and (min-width: 768px) {
  .slick-prev,
  .slick-next {
    position: absolute;
    top: 50%;
    z-index: 3000;
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }

  .slick-prev {
    left: 0;
    background: url(/img/home/slide/Btn_Prev.png) no-repeat center center;
  }

  .slick-next {
    right: 0;
    background: url(/img/home/slide/Btn_Next.png) no-repeat center center;
  }
}

@media print, screen and (min-width: 1090px) {
}

[dir="rtl"] .slick-prev {
}

[dir="rtl"] .slick-prev:before {
  content: "";
}

[dir="rtl"] .slick-next {
  right: auto;
  left: 25px;
}

[dir="rtl"] .slick-next:before {
  content: "";
}

/* Dots */
.slick-dotted.slick-slider {
  /* margin-bottom: 30px; */
}

.slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 60px;
  height: 60px;
  padding: 30px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: "•";
  text-align: center;
  border: 1px solid #b91010;
  border-radius: 50%;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  border: 1px solid #b91010;
  background: #b91010;
}

@media only screen and (max-width: 767px) {
  .slick-dots {
    bottom: 50px;
  }

  .slick-dots li button:before {
    width: 10px;
    height: 10px;
  }

  .slick-dots li {
    margin: 0 5px;
  }
}

@media print, screen and (min-width: 768px) {
  .slick-dots {
    position: absolute;
    bottom: 70px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }

  .slick-dots li button:before {
    font-size: 40px;
  }

  .slick-dots li {
    margin: 0 10px;
  }
}

@media print, screen and (min-width: 1090px) {
  .slick-dots li button:before {
    font-size: 60px;
  }
}

@-moz-document url-prefix() {
  .slick-dots li button:before {
    font-size: 20px;
  }
}

@media all and (-ms-high-contrast: none) {
  .slick-dots li button:before {
    font-size: 40px;
  }
}

/*!
 * Cookie Bar component (https://github.com/kovarp/jquery.cookieBar)
 * Version 1.1.2
 *
 * Copyright 2018 Pavel Kovář - Frontend developer [www.pavelkovar.cz]
 * Licensed under MIT (https://github.com/kovarp/jquery.cookieBar/blob/master/LICENSE)
 */

/* Settings */

/* Cookie Bar styles */
.cookie-bar {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #101010;
  background: #303030;
}

@media only screen and (max-width: 767px) {
  .cookie-bar {
    padding: 20px 15px;
  }

  .cookie-bar__inner {
    font-size: 11px;
    color: #fff;
    background: #303030;
  }

  .cookie-bar__message p {
    line-height: 1.8em;
  }
}

@media print, screen and (min-width: 768px) {
  .cookie-bar {
    padding: 20px 30px;
  }

  .cookie-bar__inner {
    max-width: 1050px;
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
    background: #303030;
  }
}

.cookie-bar__message center {
  margin-bottom: 10px;
  font-weight: 700;
}

@media (min-width: 48rem) {
  .cookie-bar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .cookie-bar__buttons {
    display: block;
    margin-top: 15px;
    text-align: center;
  }
}

@media print, screen and (min-width: 768px) {
  .cookie-bar__buttons {
    width: 400px !important;
    display: block;
    margin-top: 0.375px;
    text-align: right;
  }
}

.cookie-bar__btn {
  display: inline-block !important;
  padding: 7px 15px !important;
  border: 1px solid #b91010 !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  line-height: 1em !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #b91010 !important;
  cursor: pointer;
}

@media print, screen and (min-width: 1090px) {
  .cookie-bar__btn:hover {
    color: #b91010 !important;
    background: #fff !important;
  }
}

.cookie-bar__btn:active {
  background: #b91010 !important;
}

.cookie-bar a {
  color: #fff;
  text-decoration: underline;
  white-space: nowrap;
}

.cookie-bar a:hover {
}

/* Cookie Bar layouts */
.cookie-bar--bottom-left,
.cookie-bar--bottom-right,
.cookie-bar--bottom {
  z-index: 50000;
  position: fixed;
}

.cookie-bar--bottom {
  right: 0;
  bottom: -200px;
  left: 0;
}

.cookie-bar--bottom-left {
  left: 0.9375px;
}

.cookie-bar--bottom-right {
  right: 0.9375px;
}

.cookie-bar--bottom-right,
.cookie-bar--bottom-left {
  bottom: 0.9375px;
}

@media (min-width: 48rem) {
  .cookie-bar--bottom-right,
  .cookie-bar--bottom-left {
    width: 225px;
  }
}

@media (min-width: 48rem) {
  .cookie-bar--bottom-right .cookie-bar__inner,
  .cookie-bar--bottom-left .cookie-bar__inner,
  .cookie-bar--bottom-right .cookie-bar__buttons,
  .cookie-bar--bottom-left .cookie-bar__buttons {
    display: block;
  }
}

@media (min-width: 48rem) {
  .cookie-bar--bottom-right .cookie-bar__buttons,
  .cookie-bar--bottom-left .cookie-bar__buttons {
    margin-top: 0.375px;
  }
}

.cookie-bar--bottom-right .cookie-bar__inner,
.cookie-bar--bottom-left .cookie-bar__inner {
  line-height: 1.3;
}

/* ■ テンプレート移行なし：製品詳細 ==================================================================================== */

.ProductsOlder h2 {
  border-bottom: 1px solid #d5d5d5;
}

.ProductsOlder .Lead1 {
  font-family: "Lato", "ヒラギノUD角ゴ W5 JIS2004", "ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Sans-Serif;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .ProductsOlder {
    padding: 30px 15px;
  }

  .ProductsOlder img {
    max-width: 300px;
  }

  .ProductsOlder .Lead1 {
    font-size: 17px;
  }

  .ProductsOlder .SectionBasic {
    margin-top: 30px;
  }

  .ProductsOlder h2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 25px;
    line-height: 1.6em;
  }

  .ProductsOlder h3 {
    font-size: 20px;
  }

  .ProductsOlder .Lead {
    margin-bottom: 20px;
  }

  .ProductsOlder .FloatL,
  .ProductsOlder .FloatR {
    float: none;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .ProductsOlder table {
    margin-top: 10px !important;
    margin-bottom: 15px !important;
  }

  .ProductsOlder .LRBox {
    width: 100% !important;
  }

  .ProductsOlder .LBox,
  .ProductsOlder .RBox {
    float: none;
    width: 100% !important;
  }
}

@media print, screen and (min-width: 768px) {
  .ProductsOlder {
    max-width: 1280px;
    margin: 0 auto;
    padding: 80px 30px;
  }

  .ProductsOlder img {
    /* width: inherit; */
  }

  .ProductsOlder .Lead1 {
    font-size: 22px;
  }

  .ProductsOlder .SectionBasic {
    margin-top: 80px;
  }

  .ProductsOlder h2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 40px;
  }

  .ProductsOlder h3 {
    font-size: 26px;
  }

  .ProductsOlder .Lead {
    margin-bottom: 30px;
  }
}

@media print, screen and (min-width: 1090px) {
}

/** 販売終了品 - 調整作業（20251212） **/
.l-post-content > .ProductsOlder:first-of-type {
  padding-top: 0;
}

.l-post-content > .ProductsOlder > .SectionBasic .FloatR.NM40 {
  float: none;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .l-post-content > .ProductsOlder > .SectionBasic .SectionSub .FloatR {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
  }
}

/* ■ テンプレート移行なし：ニュース詳細 ==================================================================================== */

.NewsReleasesOlder #NewsDetail h1.MdsBase {
  display: none;
}

@media only screen and (max-width: 767px) {
  .NewsReleasesOlder #NewsDetail .TitleMain {
    margin-top: 20px;
  }

  .NewsReleasesOlder #NewsDetail .Date {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .NewsReleasesOlder #NewsDetail .Lead {
    margin-bottom: 30px;
  }

  .NewsReleasesOlder #NewsDetail .FloatR {
    width: 40%;
  }

  .NewsReleasesOlder #NewsDetail .Caption {
    margin: 5px 0 10px 0;
    font-size: 14px;
    line-height: 1.5em;
  }

  .NewsReleasesOlder #NewsDetail .AboutFora {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .NewsReleasesOlder #NewsDetail .TitleMain {
    margin-top: 30px;
  }

  .NewsReleasesOlder #NewsDetail .Date {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .NewsReleasesOlder #NewsDetail .Lead {
    margin-bottom: 30px;
  }

  .NewsReleasesOlder #NewsDetail .FloatR {
    width: 30%;
  }

  .NewsReleasesOlder #NewsDetail .Caption {
    margin: 5px 0 10px 0;
    font-size: 14px;
    line-height: 1.5em;
  }

  .NewsReleasesOlder #NewsDetail .AboutFora {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 1090px) {
}

hr[noshade="noshade"] {
  border: none;
}

#growp-editor-wrapper:is(.post-type-post, .growp-post-content) :is(.is-root-container, .mce-content-body) > :not(.acf-block-component) ul ul.ListDisc > li,
.l-post-content ul ul.ListDisc > li {
  padding-left: 1.3125rem;
}

#growp-editor-wrapper:is(.post-type-post, .growp-post-content) :is(.is-root-container, .mce-content-body) > :not(.acf-block-component) ul ul.ListDisc > li::before,
.l-post-content ul ul.ListDisc > li::before {
  --_icon-size: 0.8125rem;
  content: "";
  width: var(--_icon-size);
  height: var(--_icon-size);
  background: #b0b0b0;
  border-radius: 50%;
  top: calc(1em * 1.7 / 2 - 0.3125rem);
  left: 0.25em;
  position: absolute;
}