/* 相談とすそ上げ（暗い面。大きな英字が縦長の写真に重なる） */
.service { position: relative; text-align: center; padding: 0 0 128px; }
.service__inr { position: relative; background: var(--dark); color: var(--on-dark); padding: 130px 0 125px; }
.service__block { position: relative; width: 42.34375vw; min-width: 493px; margin: 0 auto; }
.service__ttl { position: relative; z-index: 2; font-size: 7.3333rem; letter-spacing: -.03em; line-height: 1.1; }
.service__fig { position: relative; z-index: 1; width: 14.84375vw; aspect-ratio: 214 / 350; margin: -68px auto -7.8125vw; overflow: hidden; }
.service__fig::after { content: ""; position: absolute; inset: 0; background: rgba(4, 9, 24, .45); }
.service__sbttl { position: relative; z-index: 2; font-size: 1.6rem; font-weight: 700; line-height: 1.5833; margin-bottom: 32px; }
.service__sbttl br { display: none; }
.service__dtl { position: relative; z-index: 2; font-size: 1rem; line-height: 2; margin: 0 4.765625vw; }
.service__btn { position: absolute; right: 9.375vw; bottom: 129px; z-index: 2; }
@media (max-width: 1200px) { .service__ttl { font-size: calc((100vw - 376px) / 826 * 50 + 60px); } .service__sbttl { font-size: 24px; } .service__dtl { font-size: calc((100vw - 376px) / 826 * 2 + 13px); } }
@media (max-width: 860px) { .service__btn { bottom: 90px; } }
@media (max-width: 750px) {
  .service { padding-bottom: 65px; }
  .service__inr { padding: 85px 0 80px; }
  .service__block { width: 80.8vw; min-width: 0; }
  .service__fig { width: 42.6667vw; margin: -9.0667vw auto -27.2vw; }
  .service__sbttl { margin-bottom: 20px; }
  .service__sbttl br { display: inline; }
  .service__dtl { margin: 0 0 36px; }
  .service__btn { position: static; display: flex; justify-content: center; }
}
@media (max-width: 375px) { .service__ttl { font-size: calc(10px + 13.3333vw); } .service__sbttl { font-size: calc(10px + 3.7333vw); line-height: 1.3333; } }