/* ==========================================================================
   会社概要（information）ページ専用スタイル
   ファイル: assets/css/information.css
   読み込み: functions.php > vogue_scripts > is_page('information')
   命名規則: body.information をルートセレクタとしてスコープを限定する
   ========================================================================== */

/* ---------- 汎用 post_box clearfix を非表示 ---------- */
body.information .post_box.clearfix:not(.informationtable) {
  display: none;
}

/* ---------- テーブルラッパー中央揃え ---------- */
body.information .post_box.clearfix.informationtable {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- infosubtitle（th相当）背景・テキストカラー ---------- */
body.information .infosubtitle {
  background: var(--color-main);
  color: #fff;
}

/* ---------- infosubcont 幅リセット ---------- */
body.information .infosubcont {
  width: auto;
}
@media screen and (min-width: 1025px) {
  body.information .infosubcont {
    width: 66%;
  }
}
/* ---------- tablewrap1〜15 左右ボーダー追加 ---------- */
body.information .informationtable div.tablewrap1,
body.information .informationtable div.tablewrap2,
body.information .informationtable div.tablewrap3,
body.information .informationtable div.tablewrap4,
body.information .informationtable div.tablewrap5,
body.information .informationtable div.tablewrap6,
body.information .informationtable div.tablewrap7,
body.information .informationtable div.tablewrap8,
body.information .informationtable div.tablewrap9,
body.information .informationtable div.tablewrap10,
body.information .informationtable div.tablewrap11,
body.information .informationtable div.tablewrap12,
body.information .informationtable div.tablewrap13,
body.information .informationtable div.tablewrap14,
body.information .informationtable div.tablewrap15 {
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
}

/* ---------- 会社概要テーブルの見出し（h3） ---------- */
/* component.css の .heading1 と同じフォントスタイルを適用 */
body.information .post_box.clearfix.informationtable h3 {
  color: #2d6016;
  font-family:
    "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho",
    "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E",
    "ＭＳ Ｐ明朝", "MS PMincho", "Noto Serif JP", serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin: 16px 0;
}

@media screen and (max-width: 767px) {
  body.information .post_box.clearfix.informationtable h3 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  body.information .informationtable .tablewrap:last-child {
    border-bottom: 1px solid #d6d6d6;
  }
}

/* ---------- テーブル内 iframe（Googleマップ等）幅100% ---------- */
body.information .informationtable iframe {
  width: 100%;
  max-height: 350px;
}
@media screen and (max-width: 640px) {
  body.information .informationtable iframe {
    max-height: 250px;
  }
}