@charset "utf-8";
/* DX・kintone教育講座（Figma 613:24497）。共通部品は svcpage.css */
.svc2-hero .lhero__in { left: 50%; top: calc(50% - .3006rem); }
.svc2-hero .fv__scroll { top: 7.38rem; }


/* こんな会社に：左右の箱を同じ高さに（Figma Frame 1321321298 は stretch） */
.svc2 .svp-fit__row { align-items: stretch; }

/* プランと学べること（Frame 1321321382） */
.svc2-plan { display: flex; flex-direction: column; align-items: center; gap: .70rem; }
.svc2-plan .ptbl3 { width: 11rem; }
.svc2-rec { width: 10.80rem; display: flex; align-items: flex-start; gap: .47867rem; }
.svc2-rec__card {
  width: 5.561644rem; display: flex; flex-direction: column; gap: .26213rem; padding: calc(.31911rem + .04559rem) calc(.22794rem + .04559rem);
  background: #4d3529; box-shadow: inset 0 0 0 .04559rem #fd6a05; border-radius: .22794rem;
}
.svc2-rec__hd { display: flex; flex-direction: column; align-items: flex-start; gap: .25073rem; }
.svc2-rec__tag { padding: 0 .09794rem; background: #feedcf; color: #fd6a05; font-weight: 700; font-size: .20514rem; line-height: .35706rem; letter-spacing: .01436rem; white-space: nowrap; }
.svc2-rec__ttl { display: flex; align-items: center; height: .52rem; font-weight: 700; font-size: .31911rem; line-height: .51286rem; letter-spacing: .022338rem; white-space: nowrap; }
.svc2-rec__card > i { display: block; height: 0; box-shadow: 0 0 0 .01rem #fff; }
.svc2-rec__txt { width: 5.0146rem; font-size: .18235rem; line-height: .31911rem; letter-spacing: .012764rem; }
.svc2-note { width: 4.759706rem; display: flex; flex-direction: column; align-items: center; gap: .30895rem; padding: 0 .27699rem .28765rem; background: #fff; color: #352e2e; }
.svc2-note__rings { width: 4.20572rem; height: .40074rem; }
.svc2-note__in { width: 4.00342rem; display: flex; flex-direction: column; align-items: flex-start; gap: .23438rem; }
.svc2-note__ttl { padding: 0 .12784rem; background: #fbff1d; font-weight: 700; font-size: .27449rem; line-height: .47111rem; letter-spacing: .019214rem; white-space: nowrap; }
.svc2-note__list { display: flex; flex-direction: column; gap: .14816rem; }
.svc2-note__list li { position: relative; padding-left: calc(.04979rem + .12946rem); font-size: .16rem; line-height: .28646rem; letter-spacing: .0112rem; } /* カンプ実測：字幅 16px（.1698 だと 1 行が 25px 長い） */
.svc2-note__list li::before { content: ""; position: absolute; left: 0; top: calc(.28646rem / 2 - .0249rem); width: .04979rem; height: .04979rem; border-radius: 50%; background: #fd6a05; }
/* Figma は1行目だけ 19.43px だが、カンプでは3項目とも同じ字の大きさ */

/* 学び方 */
.svc2-learn { display: flex; flex-direction: column; align-items: center; gap: .37rem; }
.svc2-cyc { gap: .71rem; }
.svc2-cyc .svp-cyc__list > li { height: 1.88rem; justify-content: center; padding: .37rem 0 .28rem; box-shadow: inset 0 0 0 .02rem #fff; }
.svc2-cyc .svp-cyc__list h3 { height: .41rem; }
.svc2-cyc .svp-cyc__list p { height: auto; min-height: .51rem; }
.svc2-cyc .svp-cyc__list b { top: -.3038rem; }

/* 法人研修 */
.svc2-corp { display: flex; flex-direction: column; align-items: center; gap: .70rem; }
.svc2-corp .ncards__row { width: 11rem; justify-content: center; }

/* 流れ */
.svc2-part { display: flex; flex-direction: column; align-items: center; gap: .70rem; }
.svc2-steps > li { --sh: 2.12rem; }

/* FAQ（明るい地） */
.svc2-peach { padding-top: 3.24rem; }