/* 8周年記念イベント特設ページ（/8th/）
 * テーマ（style.css / app.css）と Bootstrap 4 が LP のクラス名・要素に当ててくる指定を
 * LP 側の意図（本文 style ブロック内の値）に戻す。LP 本文の CSS には手を入れない方針。
 */

/* style.css: section{padding:150px 0 !important}（SP 50px）を LP の値に戻す */
#compass8th section { padding: 80px 0 !important; }
@media (max-width: 820px) {
  #compass8th section { padding: 56px 0 !important; }
}

/* app.css: header{text-align:center} */
#compass8th header { text-align: left; }

/* Bootstrap .row（flex + 左右 -15px マージン） */
#compass8th .row { display: block; margin-left: 0; margin-right: 0; }

/* Bootstrap .card（白背景・角丸） */
#compass8th .card {
  background-color: transparent;
  border-radius: 0;
  min-width: 0;
  word-wrap: normal;
}

/* Bootstrap .btn（角丸・nowrap・フォーカス影・border） */
#compass8th .btn {
  border-radius: 0;
  white-space: normal;
  line-height: 1.6;
  vertical-align: baseline;
  border: 0;
}
#compass8th .btn:focus { box-shadow: none; }
#compass8th .btn.ghost { border: 1px solid #E9E34A; }

/* Bootstrap dt{font-weight:700} / dd margin */
#compass8th dt { font-weight: 400; }
#compass8th dd { margin: 0; }

/* Bootstrap h2/h3 の余白・app.css h3 の line-height */
#compass8th h1, #compass8th h2, #compass8th h3 { margin: 0; line-height: 1.35; }

/* Bootstrap table 系 */
#compass8th table { margin: 0; }