/* page-recruitment-agency-launch
================================================ */

/* ─── Section 1: Issue ─── */
.agency-issue {
  padding: min(calc(100 / 1366 * 100vw), 100px) min(calc(200 / 1366 * 100vw), 200px);
  background: linear-gradient(90deg, #bcbcbc 60%, #818181 100%);
}

.agency-issue__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(30 / 1366 * 100vw), 30px);
  text-align: center;
}

.agency-issue__label {
  display: flex;
  align-items: center;
  gap: min(calc(5 / 1366 * 100vw), 5px);
  font-family: var(--font-family-en);
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  color: #000;
}

.agency-issue__label-icon {
  width: min(calc(20 / 1366 * 100vw), 20px);
  height: auto;
}

.agency-issue__heading {
  font-size: min(calc(25 / 1366 * 100vw), 25px);
  font-weight: 700;
  color: #000;
  line-height: min(calc(40 / 1366 * 100vw), 40px);
}

.agency-issue__heading-row {
  display: flex;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  align-items: center;
  justify-content: center;
}

.agency-issue__badge {
  background-color: #000;
  color: #fff;
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  padding: min(calc(10 / 1366 * 100vw), 10px) min(calc(15 / 1366 * 100vw), 15px);
  border-radius: min(calc(10 / 1366 * 100vw), 10px);
  line-height: min(calc(40 / 1366 * 100vw), 40px);
}

.agency-issue__list {
  display: flex;
  flex-direction: column;
  margin-top: min(calc(50 / 1366 * 100vw), 50px);
  max-width: min(calc(966 / 1366 * 100vw), 966px);
  margin-left: auto;
  margin-right: auto;
}

.agency-issue__row {
  display: flex;
  gap: min(calc(10 / 1366 * 100vw), 10px);
  height: min(calc(98 / 1366 * 100vw), 98px);
}

.agency-issue__avatar {
  width: min(calc(98 / 1366 * 100vw), 98px);
  height: 100%;
  background: #fff url("../../images/recruitment/recruitment-agency-launch/avatar_person.svg") no-repeat center bottom;
  background-size: 65% auto;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
}

.agency-issue__row--left .agency-issue__avatar {
  transform: scaleX(-1);
}

.agency-issue__content {
  display: flex;
  flex: 1 0 0;
  height: 100%;
  align-items: center;
  padding: min(calc(10 / 1366 * 100vw), 10px) 0;
}

.agency-issue__row--left .agency-issue__content {
  justify-content: flex-end;
}

.agency-issue__tail {
  display: flex;
  align-items: flex-end;
  height: 100%;
  flex-shrink: 0;
}

.agency-issue__row--left .agency-issue__tail {
  transform: scaleX(-1);
}

.agency-issue__tail-item {
  width: min(calc(19 / 1366 * 100vw), 19px);
  height: min(calc(19 / 1366 * 100vw), 19px);
  display: block;
}

.agency-issue__bubble {
  background-color: #fff;
  display: flex;
  align-items: center;
  height: 100%;
  border-radius: min(calc(10 / 1366 * 100vw), 10px);
  padding: 0 min(calc(30 / 1366 * 100vw), 30px);
  font-size: min(calc(18 / 1366 * 100vw), 18px);
  font-weight: 700;
  color: #000;
  white-space: nowrap;
  flex-shrink: 0;
  line-height: calc(34 / 18);
}

.agency-issue__row--right .agency-issue__bubble {
  border-radius: min(calc(10 / 1366 * 100vw), 10px) min(calc(10 / 1366 * 100vw), 10px)
    min(calc(10 / 1366 * 100vw), 10px) 0;
}

.agency-issue__row--left .agency-issue__bubble {
  border-radius: min(calc(10 / 1366 * 100vw), 10px) min(calc(10 / 1366 * 100vw), 10px) 0;
}

.agency-issue__bubble p {
  font-size: inherit;
}

.agency-issue__em {
  color: #0f76b5;
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  line-height: calc(34 / 24);
}

/* ─── Section 2: Commitment ─── */
.agency-commitment__hero {
  background: linear-gradient(90deg, #152a6d 50%, #f61a3c 100%);
  padding-top: min(calc(150 / 1366 * 100vw), 150px);
  text-align: center;
  position: relative;
}

.agency-commitment__hero-text {
  font-size: min(calc(50 / 1366 * 100vw), 50px);
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 1;
  margin-bottom: min(calc(26 / 1366 * 100vw), 26px);
}

.agency-commitment__hero-visual {
  position: relative;
  z-index: 1;
  height: min(calc(631 / 1366 * 100vw), 631px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 min(calc(120 / 1366 * 100vw), 120px) 0 min(calc(100 / 1366 * 100vw), 100px);
}

.agency-commitment__hero-visual::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: min(calc(160 / 1366 * 100vw), 160px);
  background: #e4e7f1;
  z-index: 0;
}

.agency-commitment__hero-photo-group {
  display: flex;
  align-items: flex-end;
  height: 100%;
  position: relative;
  z-index: 1;
}

.agency-commitment__hero-photo {
  flex-shrink: 0;
  margin-right: min(calc(-20 / 1366 * 100vw), -20px);
}

.agency-commitment__hero-photo:last-child {
  margin-right: 0;
}

.agency-commitment__hero-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.agency-commitment__hero-photo--short {
  width: min(calc(275 / 1366 * 100vw), 275px);
}

.agency-commitment__hero-photo--tall {
  width: min(calc(275 / 1366 * 100vw), 275px);
  margin-left: min(calc(63 / 1366 * 100vw), 63px);
  align-self: flex-start;
}

.agency-commitment__reasons {
  background-color: #e4e7f1;
  display: flex;
  flex-direction: column;
  gap: min(calc(100 / 1366 * 100vw), 100px);
  padding: min(calc(100 / 1366 * 100vw), 100px) 0 min(calc(200 / 1366 * 100vw), 200px);
}

.agency-commitment__skeptic {
  display: flex;
  flex-direction: column;
  gap: min(calc(50 / 1366 * 100vw), 50px);
  align-items: center;
  text-align: center;
}

.agency-commitment__quote {
  display: flex;
  gap: min(calc(10 / 1366 * 100vw), 10px);
  align-items: center;
  justify-content: center;
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  color: #000;
}

.agency-commitment__quote-bracket {
  display: none;
}

.agency-commitment__quote-body {
  display: contents;
}

.agency-commitment__quote-badge {
  background-color: #fff;
  padding: min(calc(10 / 1366 * 100vw), 10px) min(calc(15 / 1366 * 100vw), 15px);
  border-radius: 5px;
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
}

.agency-commitment__followup {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
  text-align: center;
  width: min(calc(552 / 1366 * 100vw), 552px);
}

.agency-commitment__followup p {
  font-size: inherit;
}

.agency-commitment__cards {
  display: flex;
  flex-direction: column;
  gap: min(calc(50 / 1366 * 100vw), 50px);
  align-items: center;
  width: min(calc(966 / 1366 * 100vw), 966px);
  margin: 0 auto;
}

.agency-commitment__card {
  display: flex;
  align-items: center;
  gap: min(calc(50 / 1366 * 100vw), 50px);
  background: linear-gradient(90deg, #152a6d 50%, #f61a3c 100%);
  border-radius: min(calc(10 / 1366 * 100vw), 10px);
  padding: min(calc(50 / 1366 * 100vw), 50px);
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.agency-commitment__icon {
  width: min(calc(150 / 1366 * 100vw), 150px);
  height: min(calc(150 / 1366 * 100vw), 150px);
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: min(calc(30 / 1366 * 100vw), 30px) 0;
}

.agency-commitment__icon-img--sm {
  width: 60%;
}

.agency-commitment__icon-img--md {
  width: 80%;
}

.agency-commitment__icon-img--lg {
  width: 100%;
}

.agency-commitment__card-body {
  display: flex;
  flex-direction: column;
  gap: min(calc(50 / 1366 * 100vw), 50px);
  flex: 1;
  min-width: 0;
}

.agency-commitment__card-title {
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  line-height: min(calc(25 / 1366 * 100vw), 25px);
}

.agency-commitment__card-text {
  font-size: min(calc(18 / 1366 * 100vw), 18px);
  font-weight: 500;
  line-height: calc(26 / 18);
}

.agency-commitment__card-num {
  position: absolute;
  top: min(calc(10 / 1366 * 100vw), 10px);
  right: min(calc(110 / 1366 * 100vw), 110px);
  transform: translateX(100%);
  font-family: var(--font-family-en);
  font-size: min(calc(90 / 1366 * 100vw), 90px);
  font-weight: 700;
  opacity: 0.5;
  line-height: 1;
}

/* Challenge stacked cards */
.agency-commitment__challenges-wrap {
  background-color: #e4e7f1;
}

.agency-commitment__challenges {
  position: sticky;
  top: 0;
  z-index: 0;
  height: min(calc(768 / 1366 * 100vw), 768px);
}

.agency-commitment__mask-group {
  position: relative;
  z-index: 1;
  height: min(calc(768 / 1366 * 100vw), 768px);
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c);
  mask-image: linear-gradient(to bottom, transparent 0%, black 50%);
}

.agency-commitment__challenge-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  height: 100%;
  background: url("../../images/recruitment/recruitment-agency-launch/bg_challenges.svg") no-repeat center / cover;
}

.agency-commitment__challenge-list li {
  color: #fff;
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  line-height: min(calc(43 / 1366 * 100vw), 43px);
  height: min(calc(134 / 1366 * 100vw), 134px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(calc(50 / 1366 * 100vw), 50px) min(calc(38 / 1366 * 100vw), 38px);
  border-radius: 10px;
  text-align: center;
}

.agency-commitment__challenge-list li:nth-child(1) {
  background: linear-gradient(180deg, #666 0%, #000 100%);
  transform: rotate(-5.53deg);
  width: min(calc(623 / 1366 * 100vw), 623px);
  align-self: center;
  margin-bottom: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-commitment__challenge-list li:nth-child(2) {
  background: linear-gradient(-75.66deg, #000 0%, #666 100%);
  margin: 0 min(calc(422 / 1366 * 100vw), 422px);
}

.agency-commitment__challenge-list li:nth-child(3) {
  background: linear-gradient(-65.2deg, #000 0%, #666 100%);
  margin: 0 min(calc(211 / 1366 * 100vw), 211px);
}

.agency-commitment__challenge-list li:nth-child(4) {
  background: linear-gradient(-66.79deg, #000 0%, #666 100%);
  margin: 0 min(calc(245 / 1366 * 100vw), 245px);
}

.agency-commitment__challenge-list li:nth-child(5) {
  background: linear-gradient(-60.17deg, #000 0%, #666 100%);
  margin: 0 min(calc(97 / 1366 * 100vw), 97px);
  text-align: right;
}

.agency-commitment__challenge-list li:nth-child(6) {
  background: linear-gradient(-56.27deg, #000 0%, #666 100%);
  margin: 0;
}

.agency-commitment__cta {
  position: relative;
  z-index: 2;
  background: linear-gradient(90deg, #152a6d 50%, #f61a3c 100%);
  height: min(calc(768 / 1366 * 100vw), 768px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 min(calc(200 / 1366 * 100vw), 200px);
  text-align: center;
}

.agency-commitment__cta-text {
  font-size: min(calc(50 / 1366 * 100vw), 50px);
  font-weight: 700;
  color: #fff;
  line-height: 2;
}

/* ─── Section 3: Service ─── */
.agency-service {
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c 100%);
  padding: min(calc(100 / 1366 * 100vw), 100px) 0;
}

.agency-service__title-wrap,
.agency-plan__title-wrap {
  text-align: center;
  margin-bottom: min(calc(100 / 1366 * 100vw), 100px);
}

.agency-service__title,
.agency-plan__title {
  display: inline-block;
  background-color: #fff;
  color: #152a6d;
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  padding: min(calc(10 / 1366 * 100vw), 10px) min(calc(30 / 1366 * 100vw), 30px);
  border-radius: 5px;
}

.agency-service__card {
  width: min(calc(966 / 1366 * 100vw), 966px);
  background-color: #e4e7f1;
  border-radius: 10px;
  margin: 0 auto min(calc(80 / 1366 * 100vw), 80px);
  padding: min(calc(30 / 1366 * 100vw), 30px) 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: min(calc(30 / 1366 * 100vw), 30px);
  justify-content: center;
}

.agency-service__items {
  display: flex;
  flex-direction: column;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  padding: 0 min(calc(50 / 1366 * 100vw), 50px);
}

.agency-service__item {
  display: flex;
  background-color: #fff;
  overflow: hidden;
  border-bottom: 3px solid #152a6d;
  border-right: 3px solid #152a6d;
  position: relative;
}

.agency-service__item-content {
  flex: 0 0 50%;
  padding: 0 min(calc(50 / 1366 * 100vw), 50px);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  min-height: min(calc(157 / 1366 * 100vw), 157px);
}

.agency-service__item-num {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--font-family-en);
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  line-height: 1;
  color: #0f76b5;
}

.agency-service__item-title {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
  line-height: min(calc(25 / 1366 * 100vw), 25px);
}

.agency-service__item-text {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  color: #000;
  line-height: calc(23 / 14);
}

.agency-service__item img {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
}

/* Consulting grid */
.agency-service__consulting-wrap {
  padding: 0 min(calc(50 / 1366 * 100vw), 50px);
}

.agency-service__consulting-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  gap: min(calc(20 / 1366 * 100vw), 20px);
  background-color: #fff;
  padding: min(calc(50 / 1366 * 100vw), 50px);
}

.agency-service__consulting-item {
  padding: 0 min(calc(10 / 1366 * 100vw), 10px);
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
  display: flex;
  align-items: center;
  gap: min(calc(10 / 1366 * 100vw), 10px);
  border-bottom: 1px solid #152a6d;
  padding-bottom: min(calc(20 / 1366 * 100vw), 20px);
  line-height: min(calc(26 / 1366 * 100vw), 26px);
  letter-spacing: -0.48px;
}

.agency-service__consulting-item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c 100%);
  color: #fff;
  font-family: var(--font-family-en);
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  width: min(calc(20 / 1366 * 100vw), 20px);
  height: min(calc(20 / 1366 * 100vw), 20px);
  flex-shrink: 0;
}

/* Back office */
.agency-service__backoffice {
  text-align: center;
  padding: 0 min(calc(50 / 1366 * 100vw), 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(calc(20 / 1366 * 100vw), 20px);
}

.agency-service__backoffice-problem {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(calc(50 / 1366 * 100vw), 50px);
  width: 100%;
}

.agency-service__backoffice-person {
  flex-shrink: 0;
}

.agency-service__backoffice-person img {
  display: block;
  width: min(calc(150 / 1366 * 100vw), 150px);
  height: auto;
}

.agency-service__backoffice-speech {
  flex: 1 0 0;
  display: flex;
  align-items: flex-end;
  padding: min(calc(10 / 1366 * 100vw), 10px) 0;
}

.agency-service__backoffice-tail {
  display: flex;
  align-items: flex-end;
  height: 100%;
  flex-shrink: 0;
}

.agency-service__backoffice-tail-item {
  width: min(calc(19 / 1366 * 100vw), 19px);
  height: min(calc(19 / 1366 * 100vw), 19px);
  display: block;
}

.agency-service__backoffice-bubble {
  flex: 1 0 0;
  background-color: #fff;
  border-radius: 10px 10px 10px 0;
  padding: min(calc(30 / 1366 * 100vw), 30px);
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
  text-align: center;
  line-height: calc(35 / 24);
}

.agency-service__backoffice-bubble p {
  font-size: inherit;
}

.agency-service__backoffice-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

.agency-service__backoffice-arrow img {
  width: min(calc(54 / 1366 * 100vw), 54px);
  height: min(calc(52 / 1366 * 100vw), 52px);
  transform: rotate(180deg);
}

.agency-service__backoffice-solution {
  background-color: #fff;
  color: #000;
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  line-height: calc(35 / 24);
  text-align: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.agency-service__backoffice-solution p {
  font-size: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.agency-service__backoffice-bracket {
  width: min(calc(15 / 1366 * 100vw), 15px);
}

/* Card 04: Follow-up wrapper */
.agency-service__card--follow {
  overflow: clip;
}

/* Follow-up */
.agency-service__followup {
  padding: 0 min(calc(50 / 1366 * 100vw), 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: min(calc(20 / 1366 * 100vw), 20px);
}

.agency-service__followup-header {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.agency-service__followup-bracket {
  width: min(calc(15 / 1366 * 100vw), 15px);
  flex-shrink: 0;
  object-fit: fill;
}

.agency-service__followup-header-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(calc(20 / 1366 * 100vw), 20px);
  align-items: center;
  padding: min(calc(5 / 1366 * 100vw), 5px) 0;
}

.agency-service__followup-title {
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  text-align: center;
  line-height: calc(81 / 35);
}

.agency-service__followup-text {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  line-height: calc(22 / 14);
  text-align: center;
}

.agency-service__followup-flow {
  display: flex;
  flex-direction: column;
  gap: min(calc(10 / 1366 * 100vw), 10px);
  width: 100%;
}

.agency-service__followup-flow-img {
  width: 100%;
  height: auto;
}

.agency-service__followup-flow-img--sp {
  display: none;
}

.agency-service__br-pc {
  display: inline;
}

/* ─── Section 4: Plans ─── */
.agency-plan {
  background: linear-gradient(90deg, #152a6d 50%, #f61a3c 100%);
  padding: min(calc(100 / 1366 * 100vw), 100px) 0;
}

.agency-plan__card {
  position: relative;
  background-color: #e4e7f1;
  border-radius: 10px;
  margin: 0 auto min(calc(50 / 1366 * 100vw), 50px);
  width: min(calc(966 / 1366 * 100vw), 966px);
  padding: min(calc(30 / 1366 * 100vw), 30px) min(calc(50 / 1366 * 100vw), 50px);
}

.agency-plan__card-header {
  text-align: center;
  margin-bottom: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-plan__card-name {
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  color: #000;
  margin-bottom: min(calc(20 / 1366 * 100vw), 20px);
}

.agency-plan__card-desc {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  color: #000;
  line-height: calc(21 / 14);
}

.agency-plan__badge {
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: #171c61;
  color: #fff;
  font-family: var(--font-family-en);
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  padding: min(calc(10 / 1366 * 100vw), 10px);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

/* Plan detail */
.agency-plan__detail {
  background-color: #fff;
  border-radius: 10px;
  padding: min(calc(30 / 1366 * 100vw), 30px) min(calc(50 / 1366 * 100vw), 50px);
  display: flex;
  flex-direction: column;
  gap: min(calc(30 / 1366 * 100vw), 30px);
  align-items: center;
}

.agency-plan__detail-divider {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  width: 100%;
  line-height: 1.4;
}

.agency-plan__detail-divider::before,
.agency-plan__detail-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #000;
}

.agency-plan__detail-columns {
  display: flex;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  align-items: center;
  justify-content: center;
  width: 100%;
}

.agency-plan__detail-box {
  flex: 1;
  border: 1px solid #152a6d;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.agency-plan__detail-box-header {
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c 100%);
  color: #fff;
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  text-align: center;
  padding: min(calc(20 / 1366 * 100vw), 20px) 0;
  line-height: calc(40 / 24);
}

.agency-plan__detail-box-body {
  display: flex;
  flex-direction: column;
  gap: min(calc(30 / 1366 * 100vw), 30px);
  align-items: center;
  justify-content: center;
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  padding: min(calc(10 / 1366 * 100vw), 10px) 0;
  font-weight: 700;
  color: #000;
  text-align: center;
  flex: 1;
}

.agency-plan__detail-sub {
  display: flex;
  flex-direction: column;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  align-items: center;
}

.agency-plan__detail-text {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
}

.agency-plan__detail-initial {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
}

.agency-plan__detail-note {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  color: #000;
}

.agency-plan__detail-arrow {
  width: min(calc(30 / 1366 * 100vw), 30px);
  height: min(calc(30 / 1366 * 100vw), 30px);
  flex-shrink: 0;
}

.agency-plan__detail-arrow img {
  width: 100%;
  height: 100%;
  transform: rotate(90deg);
}

.agency-plan__detail-right-stack {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  align-self: stretch;
}

/* Pain points (Plan 02) */
.agency-plan__pain-points {
  display: flex;
  flex-direction: column;
  gap: min(calc(20 / 1366 * 100vw), 20px);
}

.agency-plan__pain-item {
  display: flex;
  gap: min(calc(30 / 1366 * 100vw), 30px);
  align-items: center;
}

.agency-plan__pain-circle {
  width: min(calc(95 / 1366 * 100vw), 95px);
  height: min(calc(95 / 1366 * 100vw), 95px);
  border: 2px solid #152a6d;
  border-radius: 50%;
  background: #fff url("../../images/recruitment/recruitment-agency-launch/avatar_person.svg") no-repeat center bottom;
  background-size: 65% auto;
  flex-shrink: 0;
  overflow: clip;
}

.agency-plan__pain-speech {
  flex: 1;
  display: flex;
  align-items: center;
  padding: min(calc(10 / 1366 * 100vw), 10px) 0;
}

.agency-plan__pain-bubble {
  position: relative;
  text-align: center;
  flex: 1;
  background-color: #fff;
  border-radius: 10px 10px 10px 0;
  padding: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-plan__pain-bubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-right: min(calc(20 / 1366 * 100vw), 20px) solid #fff;
  border-top: min(calc(20 / 1366 * 100vw), 20px) solid transparent;
}

.agency-plan__pain-bubble p {
  font-size: min(calc(20 / 1366 * 100vw), 20px);
  font-weight: 700;
  color: #152a6d;
  line-height: calc(34 / 20);
}

.agency-plan__pain-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: min(calc(30 / 1366 * 100vw), 30px) 0;
}

.agency-plan__pain-arrow img {
  width: min(calc(54 / 1366 * 100vw), 54px);
  height: min(calc(52 / 1366 * 100vw), 52px);
  transform: rotate(180deg);
}

/* Solutions */
.agency-plan__solutions {
  display: flex;
  flex-direction: column;
  gap: min(calc(30 / 1366 * 100vw), 30px);
  margin-bottom: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-plan__solution-item {
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c 100%);
  color: #fff;
  padding: min(calc(30 / 1366 * 100vw), 30px) 0;
  text-align: center;
  position: relative;
  overflow: clip;
}

.agency-plan__solution-num {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--font-family-en);
  line-height: 1;
  font-size: min(calc(18 / 1366 * 100vw), 18px);
  font-weight: 700;
}

.agency-plan__solution-item p {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  line-height: calc(28 / 24);
}

/* Case studies */
.agency-plan__case {
  margin-top: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-plan__case-divider {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #000;
  padding: min(calc(15 / 1366 * 100vw), 15px) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  margin-bottom: min(calc(15 / 1366 * 100vw), 15px);
}

.agency-plan__case-divider::before,
.agency-plan__case-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #000;
}

.agency-plan__case-cards {
  display: flex;
  gap: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-plan__case-card {
  flex: 1;
  border: 1px solid #000;
  border-radius: 10px;
  overflow: hidden;
}

.agency-plan__case-company {
  background-color: #fff;
  border-bottom: 1px solid #000;
  padding: min(calc(15 / 1366 * 100vw), 15px);
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #152a6d;
}

.agency-plan__case-company--gradient {
  background: linear-gradient(90deg, #152a6d 50%, #f61a3c 100%);
  color: #fff;
  padding: min(calc(15 / 1366 * 100vw), 15px) min(calc(50 / 1366 * 100vw), 50px);
  text-align: center;
}

.agency-plan__case-body {
  padding: min(calc(15 / 1366 * 100vw), 15px);
  display: flex;
  flex-direction: column;
  gap: min(calc(15 / 1366 * 100vw), 15px);
}

.agency-plan__case-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: min(calc(20 / 1366 * 100vw), 20px);
}

.agency-plan__case-label {
  background-color: #fff;
  width: min(calc(90 / 1366 * 100vw), 90px);
  padding: min(calc(10 / 1366 * 100vw), 10px) min(calc(20 / 1366 * 100vw), 20px);
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  color: #152a6d;
  text-align: center;
  flex-shrink: 0;
  line-height: calc(31 / 14);
}

.agency-plan__card--03 .agency-plan__case-label {
  padding: 0;
  min-width: min(calc(70 / 1366 * 100vw), 70px);
}

.agency-plan__case-value {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  color: #152a6d;
  text-align: center;
}

.agency-plan__case-value small {
  font-size: min(calc(12 / 1366 * 100vw), 12px);
  font-weight: 500;
}

.agency-plan__num {
  font-family: var(--font-family-en);
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
}

.agency-plan__num--lg {
  font-size: min(calc(48 / 1366 * 100vw), 48px);
}

/* Case cards tight gap (Plan 02) */
.agency-plan__case-cards--tight {
  gap: min(calc(15 / 1366 * 100vw), 15px);
}

/* Case body wide layout (Plan 01) */
.agency-plan__case-body--wide {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: min(calc(15 / 1366 * 100vw), 15px) min(calc(50 / 1366 * 100vw), 50px);
}

.agency-plan__case-data {
  display: flex;
  flex-direction: column;
  gap: min(calc(15 / 1366 * 100vw), 15px);
}

.agency-plan__case-row--wide {
  gap: min(calc(50 / 1366 * 100vw), 50px);
}

.agency-plan__case-row--wide .agency-plan__case-label {
  min-width: min(calc(96 / 1366 * 100vw), 96px);
}

.agency-plan__case-row--wide .agency-plan__case-value {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  line-height: calc(31 / 24);
}

.agency-plan__case-result {
  display: flex;
  align-items: center;
  gap: min(calc(10 / 1366 * 100vw), 10px);
}

.agency-plan__case-result-item {
  color: #152a6d;
  text-align: center;
  font-weight: 700;
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  line-height: 1;
}

.agency-plan__case-result-arrow {
  width: min(calc(10 / 1366 * 100vw), 10px);
  height: min(calc(10 / 1366 * 100vw), 10px);
  transform: rotate(90deg);
  flex-shrink: 0;
}

/* Case badge (Plan 01) */
.agency-plan__case-badge-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
}

.agency-plan__case-badge-ribbon {
  height: min(calc(27 / 1366 * 100vw), 27px);
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.agency-plan__case-badge-body {
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c 100%);
  color: #fff;
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  text-align: center;
  padding: 0 min(calc(20 / 1366 * 100vw), 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-top: -1px;
}

/* Case metric layout (Plan 02 vertical) */
.agency-plan__case-metric {
  display: flex;
  flex-direction: column;
  gap: min(calc(15 / 1366 * 100vw), 15px);
  align-items: center;
}

.agency-plan__case-metric .agency-plan__case-label {
  width: 100%;
  text-align: center;
}

.agency-plan__case-metric-value {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #152a6d;
  text-align: center;
  line-height: calc(31 / 24);
}

.agency-plan__case-metric-value .agency-plan__num {
  font-size: min(calc(28 / 1366 * 100vw), 28px);
}

.agency-plan__case-metric-result {
  display: flex;
  flex-direction: column;
  gap: min(calc(10 / 1366 * 100vw), 10px);
  align-items: center;
}

.agency-plan__case-metric-result .agency-plan__case-result-item {
  justify-content: center;
  line-height: 1;
}

.agency-plan__case-metric-result small {
  font-size: min(calc(10 / 1366 * 100vw), 10px);
  font-weight: 500;
}

.agency-plan__case-metric-arrow {
  width: min(calc(20 / 1366 * 100vw), 20px);
  height: min(calc(20 / 1366 * 100vw), 20px);
  transform: rotate(180deg);
}

.agency-plan__case-row--wide .agency-plan__case-value small {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
}

/* ─── Section 5: Results ─── */
.agency-results {
  background-color: #e4e7f1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(calc(100 / 1366 * 100vw), 100px);
  height: min(calc(768 / 1366 * 100vw), 768px);
  padding: min(calc(100 / 1366 * 100vw), 100px) min(calc(150 / 1366 * 100vw), 150px);
}

.agency-results__header {
  display: flex;
  gap: min(calc(10 / 1366 * 100vw), 10px);
  align-items: center;
  justify-content: center;
}

.agency-results__label {
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  color: #000;
  line-height: min(calc(40 / 1366 * 100vw), 40px);
}

.agency-results__title {
  background-color: #152a6d;
  color: #fff;
  font-size: min(calc(35 / 1366 * 100vw), 35px);
  font-weight: 700;
  padding: min(calc(10 / 1366 * 100vw), 10px) min(calc(15 / 1366 * 100vw), 15px);
  border-radius: 5px;
  line-height: min(calc(40 / 1366 * 100vw), 40px);
}

.agency-results__cards {
  display: flex;
  gap: min(calc(50 / 1366 * 100vw), 50px);
  width: min(calc(1066 / 1366 * 100vw), 1066px);
  align-items: center;
}

.agency-results__card {
  flex: 1 0 0;
  background: linear-gradient(90deg, #152a6d 49.519%, #f61a3c 100%);
  color: #fff;
  text-align: center;
  position: relative;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  min-height: 1px;
  min-width: 1px;
}

.agency-results__ribbon {
  position: absolute;
  top: 0;
  left: 0;
  height: min(calc(68 / 1366 * 100vw), 68px);
  padding: 0 min(calc(10 / 1366 * 100vw), 10px);
  display: flex;
  align-items: flex-end;
}

.agency-results__crown {
  width: min(calc(53 / 1366 * 100vw), 53px);
  height: min(calc(78 / 1366 * 100vw), 78px);
  flex-shrink: 0;
}

.agency-results__ribbon-num {
  font-family: var(--font-family-en);
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  color: #152a6d;
  position: absolute;
  top: min(calc(5 / 1366 * 100vw), 5px);
  left: 50%;
  transform: translateX(-50%);
}

.agency-results__crown-deco {
  position: absolute;
  left: min(calc(63 / 1366 * 100vw), 63px);
  top: min(calc(-10 / 1366 * 100vw), -10px);
  width: min(calc(10 / 1366 * 100vw), 10px);
  height: min(calc(10 / 1366 * 100vw), 10px);
}

.agency-results__card-inner {
  display: flex;
  flex-direction: column;
  gap: min(calc(30 / 1366 * 100vw), 30px);
  align-items: center;
  padding: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-results__metric-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(calc(278 / 1366 * 100vw), 278px);
}

.agency-results__wavy-line {
  width: 100%;
  height: min(calc(83 / 1366 * 100vw), 83px);
}

.agency-results__metric-row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: min(calc(90 / 1366 * 100vw), 90px);
}

.agency-results__separator {
  position: absolute;
  top: min(calc(83 / 1366 * 100vw), 83px);
  width: min(calc(3 / 1366 * 100vw), 3px);
  height: min(calc(90 / 1366 * 100vw), 90px);
  margin-top: -1px;
}

.agency-results__separator:first-child {
  left: 19.843%;
}

.agency-results__separator:last-child {
  right: 19.843%;
}

.agency-results__metric {
  font-family: var(--font-family-en);
  font-size: min(calc(48 / 1366 * 100vw), 48px);
  font-weight: 700;
  line-height: min(calc(60 / 1366 * 100vw), 60px);
  text-align: center;
}

.agency-results__icon-org {
  display: flex;
  justify-content: center;
}

.agency-results__icon-org img {
  width: min(calc(173 / 1366 * 100vw), 173px);
  height: min(calc(173 / 1366 * 100vw), 173px);
}

.agency-results__metric-label {
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  line-height: min(calc(25 / 1366 * 100vw), 25px);
}

.agency-results__metric-text {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 500;
  line-height: calc(21 / 14);
  width: min(calc(242 / 1366 * 100vw), 242px);
  height: min(calc(53 / 1366 * 100vw), 53px);
}

/* ─── Section 6: CTA ─── */
.agency-cta {
  position: relative;
}

.agency-cta__bg {
  position: relative;
  height: min(calc(768 / 1366 * 100vw), 768px);
  background: url("../../images/recruitment/recruitment-agency-launch/cta_bg.jpg") center/cover no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(calc(50 / 1366 * 100vw), 50px);
  padding: min(calc(64 / 1366 * 100vw), 64px) min(calc(200 / 1366 * 100vw), 200px);
}

.agency-cta__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgb(21 42 109 / 0%) 27%, rgb(21 42 109 / 60%) 46%);
}

.agency-cta__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}

.agency-cta__label {
  position: relative;
  z-index: 1;
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 700;
  color: #fff;
}

.agency-cta__heading {
  font-family: var(--font-family-en);
  font-size: min(calc(54 / 1366 * 100vw), 54px);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: min(calc(30 / 1366 * 100vw), 30px);
}

.agency-cta__sub {
  font-size: min(calc(14 / 1366 * 100vw), 14px);
  font-weight: 600;
}

.agency-cta__button {
  display: inline-block;
  background-color: #fff;
  color: #171c61;
  font-size: min(calc(24 / 1366 * 100vw), 24px);
  font-weight: 700;
  padding: min(calc(30 / 1366 * 100vw), 30px) min(calc(40 / 1366 * 100vw), 40px);
  border-radius: 50px;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.3s;
}

.agency-cta__button:hover {
  opacity: 0.8;
}

/* ─── SP ─── */
@media screen and (width <= 750px) {
  /* Section 1: Issue */
  .agency-issue {
    padding: calc(50 / 375 * 100vw) calc(20 / 375 * 100vw);
  }

  .agency-issue__header {
    gap: calc(15 / 375 * 100vw);
  }

  .agency-issue__label {
    font-size: calc(12 / 375 * 100vw);
  }

  .agency-issue__label-icon {
    width: calc(20 / 375 * 100vw);
  }

  .agency-issue__heading {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }

  .agency-issue__heading-row {
    gap: calc(10 / 375 * 100vw);
  }

  .agency-issue__badge {
    font-size: calc(24 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw) calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    border-radius: calc(10 / 375 * 100vw);
  }

  .agency-issue__list {
    margin-top: calc(30 / 375 * 100vw);
    max-width: none;
  }

  .agency-issue__row {
    height: auto;
    gap: calc(5 / 375 * 100vw);
    align-items: flex-end;
  }

  .agency-issue__avatar {
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
  }

  .agency-issue__content {
    height: auto;
    align-items: flex-end;
    padding: calc(5 / 375 * 100vw) 0;
    min-width: 0;
  }

  .agency-issue__tail {
    height: auto;
  }

  .agency-issue__tail-item {
    width: calc(10 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }

  .agency-issue__bubble {
    display: block;
    padding: calc(12 / 375 * 100vw) calc(20 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    flex-shrink: 1;
    line-height: calc(24 / 14);
    white-space: normal;
  }

  .agency-issue__row--right .agency-issue__bubble {
    border-radius: calc(5 / 375 * 100vw) calc(5 / 375 * 100vw) calc(5 / 375 * 100vw) 0;
  }

  .agency-issue__row--left .agency-issue__bubble {
    border-radius: calc(5 / 375 * 100vw) calc(5 / 375 * 100vw) 0;
  }

  .agency-issue__em {
    font-size: calc(17 / 375 * 100vw);
  }

  /* Section 2: Commitment */
  .agency-commitment__hero {
    padding-top: calc(150 / 375 * 100vw);
  }

  .agency-commitment__hero-text {
    font-size: calc(35 / 375 * 100vw);
    line-height: calc(50 / 375 * 100vw);
    margin-bottom: calc(26 / 375 * 100vw);
  }

  .agency-commitment__hero-visual {
    height: auto;
    padding: 0 calc(20 / 375 * 100vw);
    align-items: flex-start;
    justify-content: space-between;
  }

  .agency-commitment__hero-visual::before {
    height: calc(160 / 375 * 100vw);
  }

  .agency-commitment__hero-photo-group {
    align-items: flex-start;
    flex-shrink: 0;
  }

  .agency-commitment__hero-photo {
    margin-right: calc(-55 / 375 * 100vw);
  }

  .agency-commitment__hero-photo--short {
    width: calc(107 / 375 * 100vw);
  }

  .agency-commitment__hero-photo--tall {
    width: calc(107 / 375 * 100vw);
    margin-left: 0;
    align-self: auto;
    padding-top: calc(80 / 375 * 100vw);
  }

  .agency-commitment__reasons {
    gap: calc(50 / 375 * 100vw);
    padding: calc(50 / 375 * 100vw) 0 0;
  }

  .agency-commitment__skeptic {
    gap: calc(30 / 375 * 100vw);
    padding: 0 calc(20 / 375 * 100vw);
  }

  .agency-commitment__quote {
    gap: calc(60 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }

  .agency-commitment__quote-bracket {
    display: block;
    width: calc(10 / 375 * 100vw);
    height: calc(106 / 375 * 100vw);
    flex-shrink: 0;
  }

  .agency-commitment__quote-bracket--right {
    transform: scaleX(-1);
  }

  .agency-commitment__quote-body {
    display: flex;
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
    align-items: center;
    flex: 1;
    min-width: 0;
  }

  .agency-commitment__quote-paren {
    display: none;
  }

  .agency-commitment__quote-badge {
    font-size: calc(24 / 375 * 100vw);
    line-height: 1.4;
  }

  .agency-commitment__followup {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(21 / 14);
    width: 100%;
  }

  .agency-commitment__cards {
    gap: calc(20 / 375 * 100vw);
    width: calc(335 / 375 * 100vw);
  }

  .agency-commitment__card {
    flex-direction: column;
    padding: calc(30 / 375 * 100vw) calc(15 / 375 * 100vw);
    text-align: center;
  }

  .agency-commitment__icon {
    width: calc(100 / 375 * 100vw);
    height: calc(100 / 375 * 100vw);
  }

  .agency-commitment__card-body {
    gap: calc(20 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
    align-items: center;
  }

  .agency-commitment__card-title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(22 / 375 * 100vw);
  }

  .agency-commitment__card-text {
    font-size: calc(12 / 375 * 100vw);
  }

  .agency-commitment__card-num {
    font-size: calc(35 / 375 * 100vw);
    top: calc(10 / 375 * 100vw);
    right: calc(10 / 375 * 100vw);
    transform: none;
  }

  .agency-commitment__challenges {
    padding: calc(120 / 375 * 100vw) 0 0;
    height: auto;
  }

  .agency-commitment__mask-group {
    height: calc(667 / 375 * 100vw);
  }

  .agency-commitment__challenges::before {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    height: calc(420 / 375 * 100vw);
    background: url("../../images/recruitment/recruitment-agency-launch/bg_challenges.svg") no-repeat center / cover;
    border-radius: 5px;
  }

  .agency-commitment__challenge-list {
    justify-content: flex-start;
    padding-top: calc(20 / 375 * 100vw);
    height: auto;
    background: none;
  }

  .agency-commitment__challenge-list li {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(22 / 375 * 100vw);
    letter-spacing: calc(-0.54 / 375 * 100vw);
    height: auto;
    padding: calc(20 / 375 * 100vw) calc(10 / 375 * 100vw);
    border-radius: 5px;
    text-align: center;
  }

  .agency-commitment__challenge-list li:nth-child(1) {
    width: calc(239 / 375 * 100vw);
    margin-bottom: calc(12 / 375 * 100vw);
  }

  .agency-commitment__challenge-list li:nth-child(2) {
    margin: 0 calc(60 / 375 * 100vw);
    background: linear-gradient(-72.82deg, #000 0%, #666 100%);
  }

  .agency-commitment__challenge-list li:nth-child(3) {
    margin: 0 calc(30 / 375 * 100vw);
    background: linear-gradient(-74.81deg, #000 0%, #666 100%);
  }

  .agency-commitment__challenge-list li:nth-child(4) {
    margin: 0 calc(50 / 375 * 100vw);
    background: linear-gradient(-76.67deg, #000 0%, #666 100%);
  }

  .agency-commitment__challenge-list li:nth-child(5) {
    margin: 0 calc(30 / 375 * 100vw);
    background: linear-gradient(-74.81deg, #000 0%, #666 100%);
    text-align: center;
  }

  .agency-commitment__challenge-list li:nth-child(6) {
    margin: 0 calc(10 / 375 * 100vw);
    background: linear-gradient(-73deg, #000 0%, #666 100%);
  }

  .agency-commitment__cta {
    height: auto;
    padding: calc(50 / 375 * 100vw) calc(20 / 375 * 100vw);
  }

  .agency-commitment__cta-text {
    font-size: calc(35 / 375 * 100vw);
    line-height: 1.6;
  }

  /* Section 3: Service */
  .agency-service {
    padding: calc(50 / 375 * 100vw) 0;
  }

  .agency-service__title-wrap {
    margin-bottom: calc(40 / 375 * 100vw);
  }

  .agency-service__title,
  .agency-plan__title {
    font-size: calc(24 / 375 * 100vw);
    line-height: 1.4;
  }

  .agency-service__card {
    margin: 0 calc(20 / 375 * 100vw) calc(20 / 375 * 100vw);
    padding: calc(30 / 375 * 100vw) 0;
    position: relative;
    border-radius: 5px;
    gap: calc(30 / 375 * 100vw);
    width: calc(335 / 375 * 100vw);
  }

  .agency-service__items {
    padding: 0 calc(20 / 375 * 100vw);
    gap: calc(20 / 375 * 100vw);
  }

  .agency-service__item {
    flex-direction: column;
  }

  .agency-service__item img {
    position: static;
    order: -1;
    width: 100%;
    height: auto;
    aspect-ratio: 160 / 90;
    padding: calc(25 / 375 * 100vw) calc(20 / 375 * 100vw) 0;
    box-sizing: border-box;
  }

  .agency-service__item-content {
    flex: none;
    padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
    gap: calc(15 / 375 * 100vw);
    position: static;
    text-align: center;
    align-items: center;
    min-height: 0;
  }

  .agency-service__item-title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(25 / 375 * 100vw);
    margin-bottom: 0;
  }

  .agency-service__item-text {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(23 / 375 * 100vw);
  }

  .agency-service__item-num {
    font-size: calc(14 / 375 * 100vw);
  }

  .agency-service__consulting-wrap {
    padding: 0 calc(20 / 375 * 100vw);
  }

  .agency-service__consulting-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, auto);
    gap: calc(8 / 375 * 100vw) calc(10 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw);
  }

  .agency-service__consulting-item {
    font-size: calc(12 / 375 * 100vw);
    padding: 0 0 calc(8 / 375 * 100vw) calc(5 / 375 * 100vw);
    gap: calc(8 / 375 * 100vw);
    line-height: calc(16 / 12);
    letter-spacing: -0.24px;
  }

  .agency-service__consulting-item:nth-child(6),
  .agency-service__consulting-item:nth-child(11) {
    border-bottom: none;
  }

  .agency-service__consulting-item span {
    width: calc(14 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
  }

  .agency-service__backoffice {
    padding: 0 calc(20 / 375 * 100vw);
    gap: calc(20 / 375 * 100vw);
  }

  .agency-service__backoffice-problem {
    align-items: flex-end;
    gap: 0;
  }

  .agency-service__backoffice-person img {
    width: calc(50 / 375 * 100vw);
  }

  .agency-service__backoffice-tail {
    height: auto;
  }

  .agency-service__backoffice-tail-item {
    width: calc(10 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }

  .agency-service__backoffice-bubble {
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
    padding: calc(15 / 375 * 100vw) calc(20 / 375 * 100vw);
    line-height: calc(21 / 14);
  }

  .agency-service__backoffice-arrow img {
    width: calc(24 / 375 * 100vw);
    height: auto;
  }

  .agency-service__backoffice-solution {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(26 / 18);
    letter-spacing: -0.36px;
  }

  .agency-service__backoffice-solution p {
    padding: calc(20 / 375 * 100vw) 0;
  }

  .agency-service__backoffice-bracket {
    width: calc(10 / 375 * 100vw);
  }

  .agency-service__br-pc {
    display: none;
  }

  .agency-service__followup {
    padding: 0 calc(20 / 375 * 100vw);
    gap: calc(10 / 375 * 100vw);
  }

  .agency-service__followup-bracket {
    width: calc(10 / 375 * 100vw);
  }

  .agency-service__followup-header-body {
    gap: calc(15 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) 0;
  }

  .agency-service__followup-title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(31 / 24);
    word-break: break-all;
  }

  .agency-service__followup-text {
    font-size: calc(12 / 375 * 100vw);
    text-align: center;
    line-height: 1.8;
  }

  .agency-service__followup-flow {
    flex-direction: row;
    gap: calc(10 / 375 * 100vw);
    justify-content: center;
    width: calc(295 / 375 * 100vw);
    margin: 0 auto;
  }

  .agency-service__followup-flow-img--pc {
    display: none;
  }

  .agency-service__followup-flow-img--sp {
    display: block;
  }

  .agency-plan__title-wrap {
    margin-bottom: calc(50 / 375 * 100vw);
  }

  .agency-plan__badge {
    font-size: calc(24 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }

  /* Section 4: Plans */
  .agency-plan {
    padding: calc(50 / 375 * 100vw) 0;
  }

  .agency-plan__card {
    margin: 0 auto calc(20 / 375 * 100vw);
    padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
    width: calc(335 / 375 * 100vw);
  }

  .agency-plan__card-name {
    font-size: calc(24 / 375 * 100vw);
  }

  .agency-plan__card-desc {
    font-size: calc(14 / 375 * 100vw);
  }

  .agency-plan__detail {
    padding: calc(20 / 375 * 100vw);
    gap: calc(20 / 375 * 100vw);
  }

  .agency-plan__detail-divider {
    font-size: calc(18 / 375 * 100vw);
    gap: calc(10 / 375 * 100vw);
  }

  .agency-plan__detail-columns {
    flex-direction: column;
    gap: calc(10 / 375 * 100vw);
  }

  .agency-plan__detail-box-header {
    font-size: calc(16 / 375 * 100vw);
    padding: 0;
    height: calc(60 / 375 * 100vw);
    display: grid;
    place-items: center;
  }

  .agency-plan__detail-box-body {
    font-size: calc(16 / 375 * 100vw);
    padding: calc(15 / 375 * 100vw);
    gap: calc(15 / 375 * 100vw);
  }

  .agency-plan__detail-text {
    font-size: calc(15 / 375 * 100vw);
  }

  .agency-plan__detail-initial {
    font-size: calc(16 / 375 * 100vw);
  }

  .agency-plan__detail-note {
    font-size: calc(12 / 375 * 100vw);
  }

  .agency-plan__detail-arrow {
    width: calc(30 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
  }

  .agency-plan__detail-arrow img {
    transform: rotate(180deg);
  }

  .agency-plan__detail-right-stack {
    flex-direction: row;
  }

  .agency-plan__pain-points {
    gap: calc(15 / 375 * 100vw);
  }

  .agency-plan__pain-circle {
    width: calc(60 / 375 * 100vw);
    height: calc(60 / 375 * 100vw);
  }

  .agency-plan__pain-item {
    align-items: flex-end;
    gap: calc(10 / 375 * 100vw);
  }

  .agency-plan__pain-bubble {
    padding: calc(10 / 375 * 100vw);
  }

  .agency-plan__pain-bubble::after {
    border-width: calc(10 / 375 * 100vw);
  }

  .agency-plan__pain-bubble p {
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
  }

  .agency-plan__pain-arrow {
    margin: calc(20 / 375 * 100vw) 0;
  }

  .agency-plan__pain-arrow img {
    width: calc(30 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
  }

  .agency-plan__solutions {
    gap: calc(15 / 375 * 100vw);
    margin-bottom: calc(30 / 375 * 100vw);
  }

  .agency-plan__solution-item {
    padding: calc(15 / 375 * 100vw);
  }

  .agency-plan__solution-item p {
    font-size: calc(14 / 375 * 100vw);
  }

  .agency-plan__solution-num {
    font-size: calc(14 / 375 * 100vw);
  }

  .agency-plan__case-cards {
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
  }

  .agency-plan__case-company {
    font-size: calc(18 / 375 * 100vw);
    text-align: center;
    padding: calc(10 / 375 * 100vw);
  }

  .agency-plan__case-body {
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
    padding: calc(15 / 375 * 100vw);
  }

  .agency-plan__case-body--wide {
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
    padding: calc(15 / 375 * 100vw);
  }

  .agency-plan__case-result-arrow {
    width: calc(15 / 375 * 100vw);
    height: calc(15 / 375 * 100vw);
  }

  .agency-plan__case-badge-body {
    font-size: calc(18 / 375 * 100vw);
    padding: calc(20 / 375 * 100vw) 0;
  }

  .agency-plan__case-badge-wrap {
    width: calc(150 / 375 * 100vw);
    margin: 0 auto;
  }

  .agency-plan__case-badge-ribbon {
    height: calc(25 / 375 * 100vw);
  }

  .agency-plan__case-metric-arrow {
    width: calc(12 / 375 * 100vw);
    height: calc(12 / 375 * 100vw);
    transform: rotate(90deg);
  }

  .agency-plan__case-metric-result small {
    font-size: calc(12 / 375 * 100vw);
    text-align: left;
  }

  .agency-plan__case-metric-result {
    flex-direction: row;
    gap: calc(5 / 375 * 100vw);
  }

  .agency-plan__case-divider {
    font-size: calc(18 / 375 * 100vw);
    gap: calc(10 / 375 * 100vw);
  }

  .agency-plan__case-company--gradient {
    font-size: calc(16 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw);
  }

  .agency-plan__case-row {
    gap: calc(10 / 375 * 100vw);
  }

  .agency-plan__case-row.agency-plan__case-row--wide {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
  }

  .agency-plan__case-label {
    font-size: calc(14 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw) calc(10 / 375 * 100vw);
    width: calc(80 / 375 * 100vw);
  }

  .agency-plan__case-value {
    font-size: calc(14 / 375 * 100vw);
    text-align: center;
  }

  .agency-plan__case-row--wide .agency-plan__case-value {
    font-size: calc(16 / 375 * 100vw);
    text-align: left;
  }

  .agency-plan__case-result {
    gap: calc(5 / 375 * 100vw);
  }

  .agency-plan__case-row--wide .agency-plan__case-value small {
    font-size: calc(12 / 375 * 100vw);
  }

  .agency-plan__case-data {
    gap: calc(10 / 375 * 100vw);
    width: 100%;
  }

  .agency-plan__num {
    font-size: calc(28 / 375 * 100vw);
  }

  .agency-plan__case-result-item {
    font-size: calc(14 / 375 * 100vw);
  }

  .agency-plan__num--lg {
    font-size: calc(28 / 375 * 100vw);
  }

  .agency-plan__case-metric-value {
    font-size: calc(22 / 375 * 100vw);
  }

  .agency-plan__case-metric-value .agency-plan__num {
    font-size: calc(30 / 375 * 100vw);
  }

  /* Section 5: Results */
  .agency-results {
    height: auto;
    gap: calc(50 / 375 * 100vw);
    padding: calc(50 / 375 * 100vw) calc(20 / 375 * 100vw);
  }

  .agency-results__header {
    flex-direction: column;
    gap: calc(15 / 375 * 100vw);
  }

  .agency-results__label {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
  }

  .agency-results__title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw) calc(15 / 375 * 100vw);
  }

  .agency-results__cards {
    flex-direction: column;
    gap: calc(20 / 375 * 100vw);
    width: 100%;
  }

  .agency-results__card {
    flex: 0 0 auto;
    width: 100%;
  }

  .agency-results__ribbon {
    height: calc(60 / 375 * 100vw);
    top: calc(-5 / 375 * 100vw);
    width: calc(64 / 375 * 100vw);
    padding: 0 calc(10 / 375 * 100vw);
  }

  .agency-results__crown {
    width: calc(45 / 375 * 100vw);
    height: 100%;
  }

  .agency-results__ribbon-num {
    font-size: calc(18 / 375 * 100vw);
    top: calc(13 / 375 * 100vw);
  }

  .agency-results__crown-deco {
    left: calc(54 / 375 * 100vw);
    top: 0;
    width: calc(5 / 375 * 100vw);
    height: calc(5 / 375 * 100vw);
  }

  .agency-results__card-inner {
    gap: calc(30 / 375 * 100vw);
    padding: calc(30 / 375 * 100vw);
  }

  .agency-results__metric-wrap {
    width: calc(213 / 375 * 100vw);
    height: calc(133 / 375 * 100vw);
  }

  .agency-results__wavy-line {
    height: calc(63 / 375 * 100vw);
  }

  .agency-results__metric-row {
    flex: 1 0 0;
    min-height: 1px;
    min-width: 1px;
    height: auto;
  }

  .agency-results__separator {
    top: calc(63 / 375 * 100vw);
    width: calc(3 / 375 * 100vw);
    height: calc(70 / 375 * 100vw);
  }

  .agency-results__metric {
    font-size: calc(45 / 375 * 100vw);
    line-height: calc(72 / 375 * 100vw);
    width: calc(137 / 375 * 100vw);
  }

  .agency-results__metric-sign {
    font-size: calc(24 / 375 * 100vw);
  }

  .agency-results__icon-org img {
    width: calc(133 / 375 * 100vw);
    height: calc(133 / 375 * 100vw);
  }

  .agency-results__metric-label {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(36 / 375 * 100vw);
  }

  .agency-results__metric-text {
    font-size: calc(14 / 375 * 100vw);
    width: calc(242 / 375 * 100vw);
    height: calc(53 / 375 * 100vw);
  }

  /* Section 6: CTA */
  .agency-cta__bg {
    height: calc(667 / 375 * 100vw);
    padding: calc(64 / 375 * 100vw) calc(20 / 375 * 100vw);
    gap: calc(50 / 375 * 100vw);
  }

  .agency-cta__content {
    flex-direction: column;
    text-align: left;
    gap: calc(41 / 375 * 100vw);
    align-items: flex-start;
  }

  .agency-cta__label {
    font-size: calc(14 / 375 * 100vw);
    text-align: left;
  }

  .agency-cta__heading {
    font-size: calc(35 / 375 * 100vw);
  }

  .agency-cta__sub {
    font-size: calc(14 / 375 * 100vw);
  }

  .agency-cta__text {
    display: flex;
    flex-direction: column;
    gap: calc(30 / 375 * 100vw);
  }

  .agency-cta__button {
    font-size: calc(24 / 375 * 100vw);
    padding: calc(30 / 375 * 100vw) calc(40 / 375 * 100vw);
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    width: 100%;
    text-align: center;
  }
}