@charset "UTF-8";

/* =========================================================
   バイキャリ 事業者向けサイト  lower.css  （利用規約／プライバシーポリシー／完了画面）
   Figma: PC_rules_v1 1:2684 ／ PC_privacy_v1 1:2739 ／ SP 48:1189・48:1390
   パンくず（白・py20）→ 本文 800px 中央（py140、ブロック間 60）→ フッター
   ========================================================= */

/* ===== パンくず ===== */
.breadcrumb{
  padding: 20px 0;
  background: var(--c-white);
  font-size: 14px;
  line-height: 19px;
  color: #000;
}
.breadcrumb ol{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.breadcrumb li + li::before{
  content: ">";
  margin: 0 .4em;
}
.breadcrumb a{ text-decoration: underline; }

/* ===== 本文 ===== */
.lower{
  width: 800px;
  margin-inline: auto;
  padding: 140px 0;
}
.lower__h1{
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  color: #000;
  text-align: center;
}
.lower__sec{ padding-bottom: 30px; }
.lower__sec + .lower__sec{ margin-top: 30px; }
.lower__h2{
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #000;
}
.lower__body{
  font-size: 16px;
  line-height: 1.6;
  color: #000;
}
.lower__body p{ margin: 0; }
.lower__body p + .lower__body-gap{ height: 1.6em; }
.lower__body ol{
  padding-left: 24px;
  list-style: decimal;
}
.lower__body a{
  text-decoration: underline;
  text-underline-offset: .15em;
}
.lower__body a:hover{ text-decoration: none; }

/* ===== 完了画面（thanks） ===== */
.thanks{ text-align: center; }
.thanks .lower__body{ padding-bottom: 60px; }
.thanks .btn{ margin-inline: auto; }

/* ===== SP（≤1100px）：Figma SP 750 幅基準 ===== */
@media (max-width: 1100px){
  .breadcrumb{
    padding: min(calc(20/750*100vw), 20px) 0;
    font-size: min(calc(14/750*100vw), 14px);
    line-height: min(calc(19/750*100vw), 19px);
  }
  .lower{
    width: 100%;
    padding: min(calc(140/750*100vw), 140px) min(calc(20/750*100vw), 20px);
  }
  .lower__h1{
    padding-bottom: min(calc(30/750*100vw), 30px);
    margin-bottom: min(calc(30/750*100vw), 30px);
    font-size: min(calc(36/750*100vw), 36px);
  }
  .lower__sec{ padding-bottom: min(calc(30/750*100vw), 30px); }
  .lower__sec + .lower__sec{ margin-top: min(calc(30/750*100vw), 30px); }
  .lower__h2{
    padding-bottom: min(calc(10/750*100vw), 10px);
    font-size: min(calc(24/750*100vw), 24px);
  }
  .lower__body{ font-size: min(calc(16/750*100vw), 16px); }
  .lower__body ol{ padding-left: min(calc(24/750*100vw), 24px); }
  .thanks .lower__body{ padding-bottom: min(calc(60/750*100vw), 60px); }
}