/*
 * 業種別ページ共通スタイル
 *
 * index.html では読み込まないこと。業種別ページでは body に
 * "industry-page" を付与した上で、このファイルを読み込む。
 */

.industry-page {
  overflow-x: hidden;
}

.industry-page .industry-heading-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}

.industry-page .industry-heading-group--center {
  align-items: center;
}

.industry-page .industry-heading-group::after {
  width: 110px;
  height: 3px;
  margin-block-start: 50px;

  content: "";
  background-color: #f7931e;
}

.industry-page .industry-heading {
  color: #00070c;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 38px;
  font-weight: 900;
}

.industry-page .industry-heading > span {
  color: #0062ff;
  font-weight: 900;
}

.industry-page .industry-heading-kicker {
  margin-bottom: 40px;

  color: #727171;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.industry-page .industry-footer-menu {
  display: flex;
  justify-content: center;
}

.industry-page .industry-footer-menu > a:first-child {
  padding-right: 5px;
  border-right: 1px solid currentColor;
}

.industry-page .industry-footer-menu > a:nth-child(2) {
  padding-left: 5px;
}

@media screen and (max-width: 1199px) {
  .industry-page .industry-heading {
    font-size: clamp(24px, calc(38 / 1199 * 100vw), 38px);
  }
}