@charset "UTF-8";
/* LP共通(BPR・フロントヤード改革・業務量調査・研修コンテンツ): base / layout */
/* =====================================
  Design Tokens
===================================== */
:root {
  /* color */
  --main-color: #ff671f;
  --body-color: #fff;
  --sub-body-color: #f5f5f5;
  --head-color: #595757;
  --p-color: #000;
  --line-color: #666;
  --blue: #0046ff;
  --light-orange: #f4a007;
  /* typography */
  --font-base:
    "Zen Kaku Gothic New", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP",
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --font-dg: "Darker Grotesque", sans-serif;
  --line-height-base: 1.7;
  /* layout */
  --inner-width: 1280px;
  --content-padding: 30.4px;
}

@media (max-width: 767px) {
  :root {
    --content-padding: 27.36px;
  }
}
:where(.p-bpr, .p-frontyard, .p-workload, .p-training) a {
  text-decoration: none;
  word-break: break-all;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
:where(.p-bpr, .p-frontyard, .p-workload, .p-training) a:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
:where(.p-bpr, .p-frontyard, .p-workload, .p-training) button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
:where(.p-bpr, .p-frontyard, .p-workload, .p-training) select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
:where(.p-bpr, .p-frontyard, .p-workload, .p-training) .inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: var(--inner-width);
  margin: 0 auto;
  padding-inline: var(--content-padding);
}

/* WP組み込み用の補正:テーマから継承・上書きされる指定を、静的版(ブラウザ初期値)に戻す
   - sass/style.css の body { font-weight: 500; text-align: center; letter-spacing: .05em; }
   - sass/reset.css の h1〜h6 { font-size: 100%; } */
:where(.p-bpr, .p-frontyard, .p-workload, .p-training) {
  font-weight: 400;
  letter-spacing: normal;
  text-align: start;
}

:where(.p-bpr, .p-frontyard, .p-workload, .p-training) h1 {
  font-size: 2em;
}

:where(.p-bpr, .p-frontyard, .p-workload, .p-training) h2 {
  font-size: 1.5em;
}

:where(.p-bpr, .p-frontyard, .p-workload, .p-training) h3 {
  font-size: 1.17em;
}

:where(.p-bpr, .p-frontyard, .p-workload, .p-training) h4 {
  font-size: 1em;
}