/* ============================================
   custom.css — 再構築版の補完スタイル
   （元テーマで欠落していた画像の差し替え等）
   ============================================ */

/* 下層ページのメインビジュアル：
   元テーマが参照する mv_about.jpg 等はサーバーに存在しなかったため、
   実在する画像で代替 */
.sub-mv-about {
  background: url(../images/top/about_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.sub-mv-service {
  background: url(../images/top/mv_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.sub-mv-contact {
  background: url(../images/cmn/cta_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}
.sub-mv-product {
  background: url(../images/top/mv_pc.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

/* 協会概要テーブル */
.about-overview {
  max-width: 900px;
  margin: 4rem auto 0;
  width: 100%;
  border-collapse: collapse;
}
.about-overview th,
.about-overview td {
  padding: 1.2em 1.5em;
  border-bottom: 1px solid #ddd;
  text-align: left;
  font-size: 15px;
  line-height: 1.8;
  vertical-align: top;
}
.about-overview th {
  width: 28%;
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .about-overview th,
  .about-overview td {
    display: block;
    width: 100%;
    padding: 0.6em 0.5em;
  }
  .about-overview th {
    border-bottom: none;
    padding-bottom: 0;
  }
}

/* 編集用の目印（公開前に置き換える箇所） */
.tbd {
  background: #fff3cd;
  padding: 0 0.4em;
  border-radius: 3px;
}

/* 準備中表示の余白調整 */
.page-preparing {
  padding: 6rem 20px;
  text-align: center;
}
.page-preparing .post-closed {
  font-size: 18px;
}

/* コンテンツ共通の下余白 */
.sub-content {
  padding-bottom: 6rem;
}