/* Recognize the independent engineer's situation before presenting the school. */
.starting-point { background: #10251c; border-bottom: 1px solid var(--line); }
.starting-layout { display: grid; grid-template-columns: .9fr 1.25fr; gap: 80px; align-items: start; }
.starting-heading h2 { font-size: clamp(37px, 3.7vw, 53px); line-height: 1.5; }
.starting-heading > p { margin-top: 29px; color: #becdba; font-size: 18px; line-height: 2; }
.independent-worries { border-top: 1px solid #bdd3b14d; }
.independent-worries li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 19px; padding: 27px 0 29px; border-bottom: 1px solid #bdd3b135; }
.worry-index { font: 400 21px/1.8 var(--sans); color: #8eb176; }
.independent-worries h3 { font-size: 23px; line-height: 1.75; letter-spacing: -.02em; }
.independent-worries p { margin-top: 15px; color: #b4c6b5; font-size: 17px; line-height: 1.95; }
.starting-bridge { display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; padding-top: 41px; margin-top: 50px; border-top: 1px solid #bdd3b14d; }
.starting-bridge > div { max-width: 810px; }
.starting-bridge h3 { margin-top: 11px; font-size: 29px; line-height: 1.7; }
.starting-bridge p { font-size: 17px; color: #bdcdbb; line-height: 1.95; }
.starting-bridge h3 + p { margin-top: 17px; max-width: 44em; }
.starting-bridge .text-link { color: var(--lime); flex: none; white-space: nowrap; margin-bottom: 5px; }
.faq-answer { padding: 0 36px 29px 0; }
.faq-answer > p { font-size: 17px; line-height: 2; color: #bfccbc; }
.faq-answer > p + p { margin-top: 19px; }
.faq-answer .faq-answer-signature { color: var(--ink); font-size: 16px; }
.faq-answer .faq-answer-note { font-size: 14px; color: var(--muted); }

@media (max-width: 1150px) {
  .starting-layout { gap: 45px; grid-template-columns: .85fr 1.2fr; }
  .independent-worries h3 { font-size: 21px; }
  .starting-bridge { gap: 32px; }
  .starting-bridge h3 { font-size: 26px; }
}
@media (max-width: 960px) {
  .starting-layout { grid-template-columns: 1fr; gap: 35px; }
  .starting-heading h2 { font-size: 44px; }
  .starting-heading h2 em br { display: none; }
  .starting-heading > p br { display: none; }
  .starting-heading > p { max-width: 31em; margin-top: 20px; }
  .independent-worries h3 { font-size: 24px; }
  .starting-bridge { display: block; }
  .starting-bridge .text-link { margin-top: 20px; }
}
@media (max-width: 700px) {
  .starting-heading h2 { font-size: clamp(29px, 7.5vw, 44px); line-height: 1.65; }
  .starting-heading > p { font-size: 17px; }
  .independent-worries li { grid-template-columns: 24px minmax(0, 1fr); gap: 11px; padding-block: 24px 26px; }
  .worry-index { font-size: 18px; line-height: 1.9; }
  .independent-worries h3 { font-size: 21px; line-height: 1.8; }
  .independent-worries p { font-size: 16px; margin-top: 12px; }
  .starting-bridge { margin-top: 33px; padding-top: 27px; }
  .starting-bridge h3 { font-size: 24px; }
  .starting-bridge h3 em { display: block; }
  .starting-bridge p { font-size: 16px; }
  .starting-bridge .text-link { font-size: 16px; white-space: normal; }
  .faq-answer { padding: 0 0 25px; }
  .faq-answer > p { font-size: 16px; }
  .faq-answer .faq-answer-signature { font-size: 15px; }
}