.process_page { --process-blue:#1769aa; --process-navy:#183655; --process-pale:#f1f7fc; color:#25384c; }
.process_intro { display:grid; grid-template-columns:minmax(34rem,.82fr) minmax(50rem,1.18fr); align-items:center; min-height:43rem; overflow:hidden; background:linear-gradient(135deg,#f5f9fd 0%,#eef5fb 100%); border-radius:2.4rem; }
.process_intro_copy { padding:6rem 0 6rem 6rem; }
.process_eyebrow,.process_section_head>span,.process_notice>div>span { display:block; margin-bottom:1.8rem; color:#5b9bcf; font-size:1.4rem; font-weight:700; letter-spacing:.16em; }
.process_intro h2 { color:var(--process-navy); font-size:clamp(3rem,3vw,4.5rem); font-weight:700; line-height:1.28; letter-spacing:-.035em; }
.process_intro_copy>p { max-width:49rem; margin-top:2.4rem; color:#667789; font-size:1.7rem; line-height:1.75; }
.process_quick { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:3rem; }
.process_quick span { padding:.8rem 1.3rem; background:#fff; border:1px solid #dce9f4; border-radius:99rem; color:#376685; font-size:1.35rem; font-weight:600; }
.process_intro_visual { align-self:stretch; min-height:43rem; }
.process_intro_visual img { width:100%; height:100%; object-fit:cover; object-position:center; }
.process_steps { padding:11rem 0 10rem; }
.process_section_head { text-align:center; }
.process_section_head>span { margin-bottom:1.5rem; }
.process_section_head h3 { color:var(--process-navy); font-size:clamp(3rem,3vw,4.2rem); font-weight:700; letter-spacing:-.035em; }
.process_section_head p { margin-top:1.8rem; color:#718090; font-size:1.65rem; }
.process_step_list { display:grid; grid-template-columns:repeat(3,1fr); gap:3rem 2.4rem; margin-top:6rem; }
.process_step { position:relative; display:flex; gap:2.1rem; min-height:20rem; padding:3.4rem 3rem; background:#fff; border:1px solid #e1e9f0; border-radius:1.8rem; box-shadow:0 1.2rem 3.5rem rgba(32,70,105,.06); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.process_step:hover { transform:translateY(-.6rem); border-color:#9fc7e5; box-shadow:0 1.8rem 4rem rgba(32,70,105,.11); }
.process_step_icon { flex:0 0 6.2rem; display:flex; align-items:center; justify-content:center; width:6.2rem; height:6.2rem; background:var(--process-pale); border-radius:1.6rem; }
.process_step_icon svg { width:3.2rem; height:3.2rem; fill:none; stroke:var(--process-blue); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.process_step_no { color:#65a9d7; font-size:1.25rem; font-weight:700; letter-spacing:.12em; }
.process_step h4 { margin-top:.8rem; color:var(--process-navy); font-size:2.2rem; font-weight:700; }
.process_step p { margin-top:1.3rem; color:#6d7b89; font-size:1.5rem; line-height:1.7; word-break:keep-all; }
.process_notice { display:flex; align-items:center; justify-content:space-between; gap:4rem; margin-bottom:10rem; padding:5rem 6rem; background:var(--process-navy); border-radius:2rem; color:#fff; }
.process_notice>div>span { margin-bottom:1.3rem; color:#79bae5; }
.process_notice h3 { font-size:2.8rem; font-weight:700; letter-spacing:-.025em; }
.process_notice p { margin-top:1.2rem; color:rgba(255,255,255,.7); font-size:1.55rem; }
.process_notice>a { flex:0 0 auto; display:inline-flex; align-items:center; gap:2.5rem; padding:1.6rem 2.2rem; background:#fff; border-radius:.8rem; color:var(--process-navy); font-size:1.55rem; font-weight:700; }
.process_notice>a span { font-size:2rem; transition:transform .2s; }
.process_notice>a:hover span { transform:translateX(.4rem); }
@media (max-width:1024px) {
    .process_intro { grid-template-columns:1fr; }
    .process_intro_copy { padding:5rem 5rem 2rem; text-align:center; }
    .process_intro_copy>p { margin-right:auto; margin-left:auto; }
    .process_quick { justify-content:center; }
    .process_intro_visual { min-height:32rem; }
    .process_step_list { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .process_intro { border-radius:1.5rem; }
    .process_intro_copy { padding:4rem 2.2rem 1rem; }
    .process_intro h2 { font-size:3rem; }
    .process_intro_copy>p { font-size:1.5rem; }
    .process_intro_visual { min-height:23rem; }
    .process_steps { padding:7rem 0; }
    .process_section_head p { padding:0 1rem; font-size:1.5rem; line-height:1.65; }
    .process_step_list { grid-template-columns:1fr; gap:1.5rem; margin-top:4rem; }
    .process_step { min-height:auto; padding:2.6rem 2.2rem; }
    .process_step h4 { font-size:2rem; }
    .process_notice { align-items:flex-start; flex-direction:column; margin-bottom:7rem; padding:3.5rem 2.5rem; }
    .process_notice h3 { font-size:2.35rem; line-height:1.45; }
    .process_notice p { line-height:1.65; }
    .process_notice>a { width:100%; justify-content:space-between; }
}
