@charset "utf-8";

/* Recruitment outsourcing */

/* rpo-hero */
.rpo-hero { position: relative; isolation: isolate; color: white; background: #002636; min-height: 803px; }
.rpo-hero::before { content: ''; position: absolute; z-index: -2; inset: 0 0 0 auto; width: min(67.778%, 976px); background: url('../img/rpo-hero-photo-pc.webp') center / cover no-repeat; }
.rpo-hero::after { content: ''; position: absolute; z-index: -1; inset: 0 auto 0 0; width: 71.389%; background: linear-gradient(89.967deg, #002636 0%, #002636 55.365%, rgb(0 38 54 / .75) 72.796%, rgb(0 38 54 / .25) 84.939%, rgb(0 38 54 / .08) 91.989%, transparent 99.978%); }
.rpo-hero__inner { padding-block: 237px 154px; }
.rpo-hero__content { width: min(698px, 100%); }
.rpo-hero h1 { font-weight: 900; line-height: 1.3; }
.rpo-hero__first { display: flex; align-items: baseline; gap: 8px; font-size: var(--service-font-32-20); }
.rpo-hero__first em { padding: 8px 16px; color: var(--service-dark); background: white; font-size: var(--service-font-40-24); font-style: normal; }
.rpo-hero h1 > strong { display: block; margin-top: 8px; font-size: var(--service-font-56-24); white-space: nowrap; }
.rpo-hero__content > p { margin-top: 16px; }
.rpo-hero__features { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 32px; }
.rpo-hero__features li { display: flex; align-items: center; gap: 4px; padding: 4px 10px; font-weight: 700; font-size: var(--service-font-16-14); }
.rpo-hero__features img { width: 24px; height: 24px; object-fit: contain; }
.rpo-hero .service-actions { justify-content: flex-start; }
.rpo-hero .service-actions .c-btn { width: 250px; height: 60px; }
@media screen and (max-width: 1200px) {
  .rpo-hero__inner { padding-top: 210px; }
  .rpo-hero__content { width: min(698px, 76%); }
}
@media screen and (max-width: 860px) {
  .rpo-hero__inner { padding-top: 130px; padding-bottom: 80px; }
  .rpo-hero__content { width: min(600px, 100%); }
  .rpo-hero h1 > strong { white-space: normal; }
}
@media screen and (max-width: 540px) {
  .rpo-hero { min-height: 650px; }
  .rpo-hero::before { width: 100%; background-image: url('../img/rpo-hero-photo-sp.webp'); }
  .rpo-hero::after { width: 100%; background: linear-gradient(72.67deg, rgb(0 38 54 / .8) .41%, rgb(0 38 54 / .8) 43.79%, rgb(0 38 54 / .6) 57.712%, rgb(0 38 54 / .2) 67.41%, rgb(0 38 54 / .064) 73.041%, transparent 79.421%); }
  .rpo-hero__inner { padding-block: 117px 44px; }
  .rpo-hero__content { width: min(270px, 100%); }
  .rpo-hero__first { flex-direction: column; align-items: flex-start; }
  .rpo-hero__first em { padding: 6px 10px; }
  .rpo-hero h1 > strong { margin-top: 16px; }
  .rpo-hero__features { flex-direction: column; align-items: flex-start; margin-block: 16px; }
  .rpo-hero__features li { width: 232px; }
  .rpo-hero .service-actions { width: 250px; max-width: 100%; }
  .rpo-hero .service-actions .c-btn { height: 54px; }
}
@media screen and (max-width: 860px) {
  .rpo-hero__features li { font-size: 16px; }
  .rpo-hero .service-actions { width: 232px; }
}
.rpo-hero__features li { border: 0; box-shadow: inset 0 0 0 1px white; }
@media screen and (min-width: 861px) {
  .rpo-hero::before { inset: 0; width: 100%; background-position: right center; background-size: auto 100%; }
  .rpo-hero__first em > span { color: transparent; background: radial-gradient(48.4% 48.4% at 50% 50%, #005A6C 0%, #00414E 50%, #002735 100%); background-clip: text; -webkit-background-clip: text; }
}
@media screen and (min-width: 1500px) {
  .rpo-hero::after { inset: 0; width: 100%; background: linear-gradient(90deg, #002636 0%, #002636 35%, rgb(0 38 54 / 1) 52%, rgb(0 38 54 / .34) 65%, transparent 82%); }
}

/* service-flow */
.service-flow--rpo .service-flow__steps > li { min-height: 334px; }
@media screen and (max-width: 860px) {
  .service-flow--rpo .service-flow__steps > li { min-height: 0; }
  .service-flow--rpo .service-flow__steps p { font-size: 16px; line-height: 1.8; }
}

/* rpo-emphasis */
.rpo-emphasis { color: var(--main1); }

/* rpo-problems */
.rpo-problems { padding-bottom: 60px; }
.rpo-problems__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 1000px; gap: 24px; margin: 64px auto 0; }
.rpo-problems__grid article { display: flex; flex-direction: column; gap: 16px; padding: 16px 20px; background: var(--service-gradient); }
.rpo-problems__grid header { position: relative; display: flex; align-items: center; gap: 10px; padding: 0 16px 16px; color: white; }
.rpo-problems__grid header::after { content: ''; position: absolute; left: 0; bottom: 0; width: min(410px,100%); height: 1px; background: white; }
.rpo-problems__grid header b { font: 700 32px/1 var(--barlow); letter-spacing: .08em; }
.rpo-problems__grid h3 { font-size: 18px; line-height: 1.8; font-weight: 700; }
.rpo-problems__grid ul { display: flex; flex-direction: column; gap: 10px; flex: 1; min-height: 226px; padding: 16px 12px; border-radius: 8px; background: white; }
.rpo-problems__grid article:nth-child(n+3) ul { min-height: 256px; }
.rpo-problems__grid li { display: flex; align-items: center; gap: 8px; }
.rpo-problems__grid li > span { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border-radius: 50%; color: white; background: var(--main1); font-size: 16px; font-weight: 700; line-height: 1; }
@media screen and (max-width: 860px) {
  .rpo-problems { padding-bottom: 64px; }
  .rpo-problems__grid { grid-template-columns: 1fr; gap: 20px; margin-top: 40px; }
  .rpo-problems__grid article { padding: 20px; gap: 12px; }
  .rpo-problems__grid header { padding-bottom: 12px; }
  .rpo-problems__grid header b { font-size: 28px; }
  .rpo-problems__grid h3 { font-size: 16px; }
  .rpo-problems__grid ul, .rpo-problems__grid article:nth-child(n+3) ul { min-height: 0; padding: 16px 8px; }
  .rpo-problems__grid article { min-height: 302px; }
}

/* rpo-middle-cta */
.rpo-middle-cta { position: relative; padding: 173px 0 80px; color: white; background: linear-gradient(90deg,#003447,#005f73 50%,#00b4d8); }
.rpo-middle-cta::before { content: ''; position: absolute; inset: 0 0 auto; height: 93px; background: url('../img/rpo-middle-cta-wave-divider.svg') center / 100% 100% no-repeat; }
.rpo-middle-cta h2 { font-size: 24px; font-weight: 700; line-height: 1.7; text-align: center; }
.rpo-middle-cta__copy { margin-top: 32px; color: rgb(255 255 255 / 90%); line-height: 2; text-align: center; }
.rpo-middle-cta .service-actions { margin-top: 32px; }
.rpo-middle-cta .c-btn:not(.c-btn--outline) { border: 1px solid rgb(255 255 255 / 60%); }
@media screen and (max-width: 860px) {
  .rpo-middle-cta { padding: 85px 0 64px; }
  .rpo-middle-cta::before { height: 40px; background-image: url('../img/rpo-middle-cta-sp-wave-divider.svg'); }
  .rpo-middle-cta h2 { font-size: 20px; }
  .rpo-middle-cta__copy { margin-top: 24px; line-height: 1.8; text-align: left; letter-spacing: .005em; }
  .rpo-middle-cta .service-actions { margin-top: 24px; }
}

/* rpo-solutions */
.rpo-solutions { background: var(--gray1); }
.rpo-solutions__steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin-top: 64px; }
.rpo-solutions__steps > li { --step-color: #005f73; --step-background: var(--gradient1); }
.rpo-solutions__steps > li:first-child { --step-color: #00aaca; --step-background: linear-gradient(165deg,#20c6df,#007eaa); }
.rpo-solutions__steps > li:last-child { --step-color: #003447; --step-background: var(--service-gradient); }
.rpo-solutions__steps header > span { font: 700 14px/1.4 var(--barlow); letter-spacing: .08em; color: var(--step-color); }
.rpo-solutions__steps h3 { display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 10px 40px 10px 16px; background: var(--step-background); color: white; font-size: 18px; font-weight: 700; line-height: 1.8; clip-path: polygon(0 0,88% 0,100% 50%,88% 100%,0 100%); }
.rpo-solutions__content { padding-inline: 16px; }
.rpo-solutions__content > p { margin: 16px -4px 20px; min-height: 58px; text-align: center; }
.rpo-solutions__checklist { background: white; box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.rpo-solutions__checklist h4 { display: flex; align-items: center; gap: 20px; font-size: 18px; font-weight: 700; line-height: 1.8; color: var(--step-color); margin: 0 0 12px; }
.rpo-solutions__checklist h4::before, .rpo-solutions__checklist h4::after { content: ''; height: 1px; background: var(--step-color); flex: 1; }
.rpo-solutions__checklist ul { display: grid; gap: 6px; }
.rpo-solutions__checklist li { display: flex; align-items: center; gap: 8px; }
.rpo-solutions__checklist img { flex: 0 0 16px; width: 16px; height: 16px; }
@media screen and (max-width: 1200px) and (min-width: 861px) {
  .rpo-solutions__steps { gap: 16px; }
  .rpo-solutions__content { padding-inline: 0; }
  .rpo-solutions__steps h3 { font-size: 16px; }
}
@media screen and (max-width: 860px) {
  .rpo-solutions .rpo-section-intro { margin-top: 32px; }
  .rpo-solutions__steps { grid-template-columns: 1fr; margin-top: 32px; }
  .rpo-solutions__steps > li { display: flex; gap: 12px; }
  .rpo-solutions__steps header { position: relative; width: 54px; flex: 0 0 54px; padding: 40px 0; clip-path: polygon(0 0,100% 0,100% calc(100% - 32px),50% 100%,0 calc(100% - 32px)); background: var(--step-background); }
  .rpo-solutions__steps header > span { font-size: 11px; text-align: center; color: white; }
  .rpo-solutions__steps h3 { writing-mode: vertical-rl; background: none; clip-path: none; padding: 12px 0 0; min-height: 0; margin: auto; font-size: 14px; text-orientation: upright; letter-spacing: .025em; }
  .rpo-solutions__steps > li:nth-child(2) h3 { font-size: 13px; }
  .rpo-solutions__content { padding-inline: 0; flex: 1; min-width: 0; }
  .rpo-solutions__content > p { margin: 0 0 16px; text-align: left; min-height: 0; }
  .rpo-solutions__checklist h4 { font-size: 16px; gap: 12px; line-height: 33px; }
  .rpo-solutions__checklist ul { gap: 8px; }
}
.rpo-solutions__checklist { padding: 16px; border-radius: 8px; }
.rpo-solutions__checklist h4 { margin-bottom: 8px; }
@media screen and (min-width: 861px) {
  .rpo-solutions__content > p { margin-inline: -12px; margin-bottom: 16px; }
}
.rpo-solutions__steps header > span { display: block; line-height: 20px; }
@media screen and (max-width: 860px) {
  .rpo-solutions__checklist { padding-inline: 12px; }
  .rpo-solutions__steps > li:first-child { min-height: 352px; }
  .rpo-solutions__steps > li:nth-child(n+2) { min-height: 327px; }
  .rpo-solutions__steps header > span { line-height: 16.8px; }
}
@media screen and (max-width: 1000px) {
  .rpo-solutions__steps { grid-template-columns: 1fr; margin-top: 32px; gap: 32px; }
  .rpo-solutions__steps > li { display: flex; gap: 12px; }
  .rpo-solutions__steps header { position: relative; width: 54px; flex: 0 0 54px; padding: 40px 0; clip-path: polygon(0 0,100% 0,100% calc(100% - 32px),50% 100%,0 calc(100% - 32px)); background: var(--step-background); }
  .rpo-solutions__steps header > span { display: block; font-size: 11px; line-height: 16.8px; text-align: center; color: white; }
  .rpo-solutions__steps h3 { writing-mode: vertical-rl; background: none; clip-path: none; padding: 12px 0 0; min-height: 0; margin: auto; font-size: 14px; text-orientation: upright; letter-spacing: .025em; }
  .rpo-solutions__steps > li:nth-child(2) h3 { font-size: 13px; }
  .rpo-solutions__content { padding-inline: 0; flex: 1; min-width: 0; }
  .rpo-solutions__content > p { margin: 0 0 16px; min-height: 0; text-align: left; }
  .rpo-solutions__steps > li:first-child { min-height: 352px; }
  .rpo-solutions__steps > li:nth-child(n+2) { min-height: 327px; }
}

/* rpo-section-intro */
.rpo-section-intro { margin: 24px auto 0; text-align: center; letter-spacing: .005em; }
@media screen and (max-width: 860px) {
  .rpo-section-intro { text-align: left; }
}

/* rpo-support */
.rpo-support { padding-bottom: 60px; }
.rpo-support__scroll { overflow-x: auto; overscroll-behavior-inline: contain; margin-top: 64px; scrollbar-width: thin; padding-inline: max(40px,calc((100% - 1280px)/2)); padding-bottom: 0; }
.rpo-support__diagram { display: grid; grid-template-columns: 34px repeat(5,minmax(0,1fr)); gap: 9px; min-width: 1280px; }
.rpo-support__labels { display: grid; grid-template-rows: 526px 131px; gap: 24px; color: white; }
.rpo-support__labels h3 { display: flex; align-items: center; justify-content: center; writing-mode: vertical-rl; letter-spacing: .16em; font-size: 18px; font-weight: 700; background: var(--service-gradient); }
.rpo-support__labels h3:last-child { background: var(--main1); }
@media screen and (max-width: 860px) {
  .rpo-support { padding-bottom: 64px; }
  .rpo-support__scroll { padding-inline: 20px; margin-top: 32px; }
  .rpo-support__labels { grid-template-rows: 526px 121px; }
  .rpo-support__labels h3 { font-size: 16px; }
}

/* rpo-support-column */
.rpo-support-column { min-width: 0; }
.rpo-support-column__services { height: 526px; padding: 16px 10px; border-radius: 8px; background: var(--service-gradient); box-shadow: inset 0 0 0 1px #007eaa; }
.rpo-support-column__services h3 { display: grid; place-items: center; height: 65px; margin-bottom: 13px; color: white; font-size: 18px; font-weight: 700; }
.rpo-support-column__services ul { display: grid; grid-template-rows: repeat(5,75px); gap: 10px; }
.rpo-support-column__services li { display: grid; place-items: center; padding: 8px; border-radius: 6px; background: white; font-weight: 700; line-height: 1.4; text-align: center; }
.rpo-support-column__flow { display: flex; gap: 10px; margin-top: 24px; height: 131px; }
.rpo-support-column__flow > div { position: relative; display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 8px 4px; border-radius: 6px; background: rgb(107 126 135 / 10%); box-shadow: 0 0 10px rgb(0 0 0 / 15%); text-align: center; }
.rpo-support-column__flow > div::before { content: ''; position: absolute; top: -24px; left: calc(50% - 7px); border-inline: 7px solid transparent; border-top: 12px solid #003447; }
.rpo-support-column__flow > div::after { content: ''; position: absolute; top: calc(50% - 7px); right: -8px; border-block: 7px solid transparent; border-left: 6px solid var(--main1); }
.rpo-support-column:last-child .rpo-support-column__flow > div::after { display: none; }
.rpo-support-column__flow b { font-size: 18px; line-height: 1.8; }
.rpo-support-column__flow small { line-height: 1.7; }
@media screen and (max-width: 860px) {
  .rpo-support-column__services h3 { font-size: 16px; }
  .rpo-support-column__flow { height: 121px; }
  .rpo-support-column__flow b { font-size: 16px; }
}
.rpo-support-column__flow small { display: block; white-space: nowrap; font-size: 12px; }

/* rpo-menu */
.rpo-menu__intro { color: white; text-align: center; margin-top: 24px; }
.rpo-menu__panel { width: min(1100px,100%); margin: 64px auto; padding: 40px 100px; border-radius: 16px; background: white; }
.rpo-menu__list { position: relative; display: grid; gap: 40px; isolation: isolate; }
.rpo-menu__list::before { content: ''; position: absolute; z-index: -1; top: 181px; left: 50%; bottom: 0; border-left: 2px dashed rgb(0 180 216 / 30%); }
.rpo-menu .service-actions { margin-top: 0; }
@media screen and (max-width: 1200px) and (min-width: 861px) {
  .rpo-menu__panel { padding-inline: 40px; }
}
@media screen and (max-width: 860px) {
  .rpo-menu__intro { margin-top: 32px; }
  .rpo-menu__panel { margin-block: 32px; padding: 24px 12px; }
  .rpo-menu__list { gap: 56px; }
  .rpo-menu__list::before { display: none; }
}
.rpo-menu, .service-cases--rpo { --rpo-slope: clamp(60px, 8vw, 110px); --rpo-band: clamp(24px, 3.2vw, 45px); position: relative; isolation: isolate; padding: 0; background: transparent; border-radius: 0; }
.service-cases--rpo::before, .service-cases--rpo::after { display: none; }
.rpo-menu__accent, .service-cases--rpo__accent { position: absolute; z-index: -1; inset: 0; background: var(--gradient2); clip-path: polygon(0 var(--rpo-slope), 100% 0, 100% 100%, 0 100%); }
.rpo-menu__body, .service-cases--rpo__body { position: relative; z-index: 0; min-height: 100%; padding-block: calc(var(--rpo-slope) + clamp(40px, 5vw, 64px)) 120px; background: #002735; clip-path: polygon(0 var(--rpo-slope), 100% var(--rpo-band), 100% 100%, 0 100%); }
@media screen and (max-width: 860px) {
  .rpo-menu__body, .service-cases--rpo__body { padding-block: calc(var(--rpo-slope) + 40px) 64px; }
}

/* rpo-menu-card */
.rpo-menu-card { position: relative; display: grid; align-items: center; column-gap: 24px; min-height: 359px; }
.rpo-menu-card__image { position: relative; }
.rpo-menu-card__image::after { content: ''; position: absolute; top: 50%; height: 3px; z-index: -1; }
.rpo-menu-card__image img { display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; border-radius: 8px; }
.rpo-menu-card__icon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--service-gradient); box-shadow: 0 0 0 2px white; }
.rpo-menu-card__icon img { width: 40px; height: 40px; }
.rpo-menu-card__text h3 { font-size: 18px; font-weight: 700; line-height: 1.8; color: #003447; margin-bottom: 8px; }
.rpo-menu-card__text h3::before { content: ''; display: inline-block; width: 12px; height: 12px; background: var(--gradient1); transform: rotate(45deg); margin-right: 8px; }
.rpo-menu-card__text h4 { display: table; padding: 2px 12px; color: white; background: var(--service-gradient); font-size: 18px; font-weight: 500; line-height: 1.8; margin: 0 0 6px; }
.rpo-menu-card__text h5 { display: table; padding: 2px 12px; color: #005a6c; box-shadow: inset 0 0 0 2px #005a6c; font-size: 16px; line-height: 1.8; margin: 8px 0; }
.rpo-menu-card__text ul { display: grid; gap: 8px; }
.rpo-menu-card__text li { display: flex; align-items: flex-start; gap: 10px; padding-left: 8px; letter-spacing: .005em; }
.rpo-menu-card__text li img { flex: 0 0 24px; width: 24px; height: 24px; margin-top: 3px; }
.rpo-menu-card:nth-child(even) .rpo-menu-card__text { grid-column: 1; grid-row: 1; }
.rpo-menu-card:nth-child(even) .rpo-menu-card__icon { grid-column: 2; grid-row: 1; }
.rpo-menu-card:nth-child(even) .rpo-menu-card__image { grid-column: 3; grid-row: 1; }
@media screen and (max-width: 1200px) and (min-width: 861px) {
  .rpo-menu-card { gap: 16px; }
  .rpo-menu-card__icon { width: 48px; height: 48px; }
  .rpo-menu-card__icon img { width: 32px; height: 32px; }
  .rpo-menu-card__text h3, .rpo-menu-card__text h4 { font-size: 16px; }
}
@media screen and (max-width: 860px) {
  .rpo-menu-card { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
  .rpo-menu-card__image img { aspect-ratio: 326/205; }
  .rpo-menu-card__text h3 { font-size: 16px; line-height: 1.6; }
  .rpo-menu-card__text h4 { font-size: 14px; padding-inline: 8px; }
  .rpo-menu-card__text h5 { font-size: 14px; }
  .rpo-menu-card__text li { gap: 8px; padding-left: 0; }
  .rpo-menu-card__image::after, .rpo-menu-card__icon { display: none; }
  .rpo-menu-card__text li img { width: 20px; height: 20px; flex-basis: 20px; }
}
@media screen and (min-width: 861px) {
  .rpo-menu-card { min-height: 0; }
}
@media screen and (max-width: 860px) {
  .rpo-menu-card { min-height: 563px; }
}
.rpo-menu-card { grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); }
.rpo-menu-card__image::after { width: 22px; right: -22px; background: var(--gradient2-reverse); }
.rpo-menu-card:nth-child(even) .rpo-menu-card__image::after { width: 22px; left: -22px; right: auto; background: var(--gradient2); }

/* service-landing */
@media screen and (max-width: 860px) {
  .service-landing--rpo .service-faq-item:nth-child(9) { display: none; }
}

/* service-cases */
.service-cases--rpo__body { background: #002735 url('../img/rpo-use-cases-bg.svg') center top / 1440px auto no-repeat; }
@media screen and (min-width: 1760px) {
  .service-cases--rpo .service-use-cases__track { width: 100vw; margin-left: calc(50% - 50vw); padding: 0 20px 8px; justify-content: center; overflow: hidden; }
  .service-cases--rpo .service-use-cases__controls { display: none; }
}

/* service-use-cases */
.service-use-cases { width: 100%; margin-top: 64px; color: var(--black1); }
.service-use-cases__track { display: flex; gap: 24px; width: calc(100% + max(0px, (100vw - var(--service-content-width)) / 2)); overflow-x: auto; padding: 0 max(20px, calc((100vw - var(--service-content-width)) / 2)) 8px 0; scroll-snap-type: x mandatory; scrollbar-width: none; }
.service-use-cases__track::-webkit-scrollbar { display: none; }
.service-use-cases__controls { display: flex; align-items: center; justify-content: space-between; width: 200px; margin-top: 24px; }
.service-use-cases__controls .service-carousel__dots { display: none; }
.service-use-cases__arrow { display: grid; place-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; }
.service-use-cases__arrow img { width: 60px; height: 60px; }
.service-use-cases__arrow--prev img { transform: scaleX(-1); }
@media screen and (max-width: 860px) {
  .service-use-cases { margin-top: 40px; }
  .service-use-cases__track { width: calc(100% + var(--service-padding)); padding-right: var(--service-padding); gap: 16px; }
  .service-use-cases__controls { margin-top: 16px; }
}

/* service-use-case */
.service-use-case { flex: 0 0 550px; overflow: hidden; border-radius: 7px; background: rgb(255 255 255 / .98); box-shadow: 0 0 20px rgb(0 0 0 / 5%); scroll-snap-align: start; padding: 32px 24px; }
.service-use-case > img { display: block; width: 100%; aspect-ratio: 400 / 239; object-fit: cover; border-radius: 8px; }
.service-use-case__body { min-height: 512px; padding: 24px 0 0; }
.service-use-case__body > span { display: block; color: var(--main1); font: 700 14px/1.4 var(--barlow); letter-spacing: .08em; }
.service-use-case h3 { margin-top: 8px; min-height: 90px; font-size: 28px; font-weight: 600; line-height: 1.6; }
.service-use-case__body > p { margin-top: 12px; font-size: 16px; line-height: 1.8; }
.service-use-case h4 { margin-top: 20px; padding: 7px 10px; color: var(--main1); background: #eaf4f7; border: 1px solid #d5e8ed; border-bottom: 0; border-radius: 7px 7px 0 0; font-size: 18px; font-weight: 700; line-height: 1.6; text-align: center; }
.service-use-case ul { display: grid; gap: 8px; margin-top: 0; padding: 16px 24px; border: 1px solid #d5e8ed; border-top: 0; border-radius: 0 0 7px 7px; background: white; }
.service-use-case li { display: flex; gap: 8px; align-items: flex-start; font-size: 15px; line-height: 1.5; }
.service-use-case li img { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 3px; }
@media screen and (max-width: 860px) {
  .service-use-case { flex-basis: min(320px, calc(100vw - 40px)); padding: 16px; }
  .service-use-case__body { min-height: 0; padding: 16px 0 0; }
  .service-use-case h3 { min-height: 0; font-size: 20px; }
  .service-use-case__body > p { font-size: 14px; }
  .service-use-case h4 { font-size: 16px; }
  .service-use-case ul { padding: 12px; }
  .service-use-case li { font-size: 13px; }
}

/* service-info-cta */
.service-info-cta--rpo { background-image: url('../img/rpo-info-cta-bg.jpg'); }

/* service-final-cta */
.service-final-cta--rpo { background-image: url('../img/rpo-info-cta-bg.jpg'); }