@charset "UTF-8";

/* ==========================================================================
 * 電子公告・決算公告について
 * /company/public_notice.html
 *
 * profile.css の「後」に読み込む追加スタイル。
 * profile.css 側は一切変更せず、このファイルだけで完結させる。
 * ========================================================================== */

/* ==========================================================================
 * 1. 追加コンポーネント
 *    profile.css に存在しないパーツ。値はすべて ir.css からの移植。
 * ========================================================================== */

/* --------------------------------------------------------------------------
 * 1-1. 電子公告リスト
 *      ir.css の .s_eirList / .s_eirList_item / .s_eirModule_date /
 *      .s_eirModule_titleBox（= /ir/library.html の E-IR リスト）相当。
 *      E-IR 生成物ではないのでクラス名のみ独自化している。
 * -------------------------------------------------------------------------- */
.pdf-list {
  list-style: none;
  margin: 2.2rem 0 0;
  padding: 0;
}

.pdf-list_item {
  position: relative;
  border-top: 1px solid #e5e3e3;
  padding: 1.4rem 0 1.75rem;
}

.pdf-list_date {
  flex: none;
  width: 6.5rem;
  margin: 0 2.75rem 0.5rem 0;
  color: #262931;
  font-size: 1rem;
  line-height: 1.8;
  opacity: 0.5;
}

.pdf-list_body {
  position: relative;
  width: 100%;
}

/* --------------------------------------------------------------------------
 * 1-2. PDF リンク共通パーツ
 *      電子公告リスト・決算公告テーブルの両方で使用。
 *      ir.css の .s_eirModule_title_label /
 *      .s_eirList_item-pdf .s_eirModule_type::after /
 *      .s_eirModule_size_item 相当。
 *      アイコンは /ir/ で使用中の icon_pdf.svg をそのまま流用（書き出し不要）。
 *      ただし /ir/ はクローズ予定のため、参照は /assets/img/ir/ から
 *      /assets/img/company/profile/ に複製したものへ差し替えている。
 * -------------------------------------------------------------------------- */
.pdf-file_link .c-text__line3 {
  color: #262931;
  font-size: 1.4rem;
  line-height: 1.6;
}

.pdf-file_meta {
  white-space: nowrap;
}

.pdf-file_icon {
  display: inline-block;
  position: relative;
  top: 0.4rem;
  width: 1.7rem;
  height: 1.7rem;
  margin: 0 0 0 0.75rem;
  background: url(../img/company/profile/icon_pdf.svg) no-repeat center center / 100%;
  vertical-align: baseline;
}

.pdf-file_size {
  margin-left: 0.2rem;
  font-family: din-2014, sans-serif;
  font-size: 1rem;
}

/* --------------------------------------------------------------------------
 * 1-3. 一覧が空のときの表示
 *      「現在、決算公告以外の公告事項はありません。」
 *
 *      CMS 化後、公告が 0 件のときに一覧の代わりに出す想定。
 *      文字そのものは共通の .c-inner-txt に任せ、ここでは見出しからの
 *      間隔だけを .pdf-list / .table-wrap と揃える（SP 2.2rem / PC 4.2rem）。
 *      決算公告セクションも構成が同じなので、そのまま流用できる。
 * -------------------------------------------------------------------------- */
.content-empty {
  margin-top: 2.2rem;
}

@media screen and (min-width: 992px) {
  .content-empty {
    margin-top: 4.2rem;
  }
}

/* --------------------------------------------------------------------------
 * 1-4. Adobe Reader 注記
 *      ir.css の .download-pdf-box / .eir_pdfNote / .eir_pdfNote_item 相当。
 *      .download-pdf-box は /ir/ 側と同名だが、あちらは ir.css を読むため衝突しない。
 *
 *      .pdf-note-wrap は SP 用のラッパー。SP では .content-body_text-wrap の
 *      地色が #f5f3f2 で .column-content-list が白カードになるため、
 *      <ul> の外に置いた注記が左右フルブリードかつ地色の上に乗ってしまう。
 *      上下の余白も（ir.css のように .download-pdf-box の margin で取ると
 *      白背景の外へマージンが抜けてしまうため）ラッパーの padding で持たせている。
 *
 *      SP はタップしても実質困る挙動になるため非表示。
 *      padding / background-color は display を block に戻せばそのまま効くよう残している。
 * -------------------------------------------------------------------------- */
.pdf-note-wrap {
  display: none;
  padding: 5rem 4%;
  background-color: #fff;
}

.download-pdf-box {
  border: 0.5px solid #e5e3e3;
  border-radius: 0.5rem;
  padding: 4rem 1.5rem;
  background: #f7f5f5;
}

.pdf-note {
  display: flex;
  flex-wrap: wrap;
}

.pdf-note_item {
  font-size: 1.3rem;
  line-height: 1.7857142857;
}

.pdf-note_item:first-child {
  order: 2;
  margin-top: 1rem;
  margin-left: 0;
}

.pdf-note_item:last-child {
  order: 1;
}

.pdf-note img {
  width: auto;
}

@media screen and (min-width: 992px) {
  /* 1-1. 電子公告リスト */
  .pdf-list {
    margin-top: 4.2rem;
  }

  .pdf-list_item {
    display: flex;
    padding: 1.3rem 0 3.75rem;
  }

  .pdf-list_date {
    position: relative;
    top: 0.25rem;
    margin: 0 3rem 0 0;
    font-size: 1.2rem;
    line-height: 2;
  }

  /* 1-2. PDF リンク共通パーツ */
  .pdf-file_link .c-text__line3 {
    line-height: 2;
  }

  .pdf-file_icon {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 0 0 1rem;
  }

  .pdf-file_size {
    font-size: 1.2rem;
  }

  /* 1-4. Adobe Reader 注記 */
  .pdf-note-wrap {
    display: block;
    padding: 10rem 0 0;
    background-color: transparent;
  }

  .download-pdf-box {
    border-width: 1px;
    padding: 6rem 4rem;
  }

  .pdf-note {
    align-items: center;
    flex-wrap: nowrap;
  }

  .pdf-note_item {
    font-size: 1.4rem;
  }

  .pdf-note_item:first-child {
    order: 1;
    margin-top: 0;
    margin-right: 20px;
  }

  .pdf-note_item:last-child {
    order: 2;
  }
}

/* ==========================================================================
 * 2. デザイン合わせの上書き
 *    profile.css の共通パーツをこのページだけデザインに寄せるための上書き。
 * ========================================================================== */

/* --------------------------------------------------------------------------
 * 2-1. 決算公告テーブル（.table-wrap の流用 + 文字装飾・行高の差分）
 *      共通の .th は 1.4rem／.th .td は上下 padding 2.6rem のため、
 *      そのままだと行高が約 91px になる。
 *      デザインは 11pt 相当の見出し + 行高 80px 固定・テキスト上下中央なので、
 *      PC のみ高さ指定に置き換える（縦罫線 .td:before は 4rem・上端基準のまま）。
 * -------------------------------------------------------------------------- */
@media screen and (min-width: 992px) {
  .pdf-table .th {
    font-size: 1.2rem;
  }

  .pdf-table .th,
  .pdf-table .td {
    height: 8rem;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
  }
}

/* --------------------------------------------------------------------------
 * 2-2. ページ内アンカーリンクナビ
 *      profile.css の .area .page-nav は「リード文の下」に置く前提で
 *      上 9.4rem / 下 10.2rem の余白を持つ。このページはナビが本文先頭に来るので
 *      上余白だけを打ち消す。下余白は profile.css の 10.2rem のまま
 *      （= /company/profile/ のナビと同じ、次のカードまで 102px）。
 *
 *      SP は .area.area-01 が白ブロックになり、その中身がナビ 1 つだけなので
 *      profile.css の上 2.3rem / 下 4.6rem では下に寄って見える。
 *      ナビ自身の margin を殺し、ブロックの上下 padding を 2.3rem で揃えて
 *      ナビが白ブロックの中央に来るようにする。
 * -------------------------------------------------------------------------- */
.page-nav {
  margin-top: 0;
  margin-bottom: 0;
}

.area.area-01 {
  padding-bottom: 2.3rem;
}

@media screen and (min-width: 992px) {
  .area .page-nav {
    margin-top: 0;
  }

  /* PC は profile.css の .area.area-01 { padding: 0 } に戻す */
  .area.area-01 {
    padding-bottom: 0;
  }
}