@charset "UTF-8";
/* いだてんクリニック 看護師採用LP */
/* overflow-x は clip を使う。hidden にすると position:sticky (勤務地スイッチ) が効かなくなる */
html,body{margin:0;padding:0;background:#F3EFE9;overflow-x:clip}
#ic-lp{--navy:#0F2D70;--navy-d:#0B2359;--blue:#003973;--teal:#578D8D;--grad:linear-gradient(85deg,#003973 16%,#578D8D 104%);--grad-dark:linear-gradient(135deg,#0B2359 0%,#003973 55%,#2F6B6B 100%);--accent:#EBC57E;--gold:#B1986A;--gold-d:#8E7448;--gold-l:#E6D9C2;--cream:#FAF7F2;--sand:#F1EAE0;--ink:#1F1B18;--muted:#6B645C;--line:#E4DCD1;--stone:#2A2521;--white:#fff;
font-family:"Noto Sans JP",system-ui,-apple-system,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);line-height:1.8;font-size:16px;background:var(--white);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;letter-spacing:.01em;padding-bottom:84px;position:relative;text-align:left}
#ic-lp *,#ic-lp *::before,#ic-lp *::after{box-sizing:border-box;margin:0;padding:0}
#ic-lp div,#ic-lp section,#ic-lp header,#ic-lp footer,#ic-lp h1,#ic-lp h2,#ic-lp h3,#ic-lp h4,#ic-lp p,#ic-lp ul,#ic-lp ol,#ic-lp li,#ic-lp details,#ic-lp summary,#ic-lp picture,#ic-lp dl,#ic-lp dt,#ic-lp dd{display:block;float:none;width:auto;max-width:none;min-height:0}
#ic-lp span,#ic-lp b,#ic-lp small,#ic-lp a{display:inline}
#ic-lp li::before,#ic-lp li::after{content:none}
#ic-lp table{display:table;border-spacing:0}
#ic-lp h1,#ic-lp h2,#ic-lp h3,#ic-lp h4,#ic-lp p,#ic-lp li,#ic-lp th,#ic-lp td,#ic-lp dt,#ic-lp dd,#ic-lp label{font-family:inherit;line-height:inherit;color:inherit;font-size:inherit;font-weight:inherit;text-align:inherit;background:none;border:none;letter-spacing:inherit}
#ic-lp h1,#ic-lp h2,#ic-lp h3,#ic-lp h4{line-height:1.4;font-weight:700;color:var(--navy)}
#ic-lp ul,#ic-lp ol{list-style:none}
#ic-lp a{color:inherit;text-decoration:none}
#ic-lp img{max-width:100%;height:auto;display:block}
#ic-lp .w{max-width:1040px;margin:0 auto;padding:0 22px}
#ic-lp .sec{padding:60px 0}
#ic-lp .bg-cream{background:var(--cream)}
#ic-lp .bg-sand{background:var(--sand)}
#ic-lp .en{font-family:"Josefin Sans","Noto Sans JP",sans-serif;font-weight:600;letter-spacing:.24em;font-size:12px;color:var(--gold-d);text-transform:uppercase;display:block;margin-bottom:10px}
#ic-lp .h2{font-size:25px;letter-spacing:.02em;margin-bottom:12px;line-height:1.35}
#ic-lp .lead{color:var(--muted);font-size:15.5px;margin-bottom:24px;max-width:640px}
#ic-lp .lead-wide{max-width:none}
/* 見出しの直後がカードのセクションは、間隔を広めに取る */
#ic-lp #sec-person .person{margin-top:28px}
/* スタッフインタビュー (準備中) */
#ic-lp .intv{display:grid;gap:16px;grid-template-columns:1fr}
#ic-lp .intv{max-width:640px}
#ic-lp .intv li{position:relative;border-radius:20px;padding:24px 20px;box-shadow:var(--shadow-out);display:flex;flex-direction:column;gap:14px}
#ic-lp .intv .itxt{display:grid;gap:12px;flex:1}
#ic-lp .intv .av{width:56px;height:56px;border-radius:50%;box-shadow:var(--shadow-in);display:flex;align-items:center;justify-content:center;color:var(--gold-d)}
#ic-lp .intv .av .ic{width:26px;height:26px}
#ic-lp .intv .role{font-size:16px;font-weight:700;color:var(--navy)}
#ic-lp .intv .skl{display:grid;gap:9px}
#ic-lp .intv .skl i{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,rgba(31,27,24,.10),rgba(31,27,24,.04))}
#ic-lp .intv .skl i:nth-child(2){width:86%}
#ic-lp .intv .skl i:nth-child(3){width:62%}
#ic-lp .intv .soon{position:absolute;top:16px;right:16px;font-family:"Josefin Sans","Noto Sans JP",sans-serif;font-size:10.5px;letter-spacing:.16em;font-weight:700;color:var(--gold-d);border:1px solid var(--gold);border-radius:999px;padding:3px 11px;line-height:1.6}
@media(min-width:768px){#ic-lp .intv li{flex-direction:row;align-items:center;gap:24px;padding:28px 28px}#ic-lp .intv .av{width:64px;height:64px}}
#ic-lp .note{font-size:13.5px;color:var(--muted);line-height:1.7}
#ic-lp .num{font-family:"Josefin Sans","Noto Sans JP",sans-serif;font-weight:700}
#ic-lp .ic{width:22px;height:22px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ic-lp .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 30px;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;font-size:16px;line-height:1.3;box-shadow:0 10px 24px rgba(0,57,115,.28);transition:transform .15s,box-shadow .15s,filter .15s;width:100%;max-width:360px}
#ic-lp .btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,57,115,.34)}
/* 最終 CTA (青い面) のボタンは白背景＋紺文字 */
#ic-lp .final .btn{background:#fff;color:var(--navy);font-weight:900}
#ic-lp .final .btn:hover{filter:none;background:#F6F2EA}
#ic-lp .btn .ic{width:18px;height:18px}
#ic-lp .btn:focus-visible,#ic-lp summary:focus-visible,#ic-lp a:focus-visible,#ic-lp label:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#ic-lp *{transition:none!important}}
/* 勤務地スイッチ (画面上部に追従。JS でクラス付与、JS 無効時は :has() で代替) */
#ic-lp input.loc{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;margin:0;left:0;top:0}
#ic-lp.is-loc-hakata .only-osaka,#ic-lp.is-loc-osaka .only-hakata,#ic-lp:not(.is-loc-hakata):not(.is-loc-osaka):has(#loc-hakata:checked) .only-osaka,#ic-lp:not(.is-loc-hakata):not(.is-loc-osaka):has(#loc-osaka:checked) .only-hakata{display:none!important}
#ic-lp .locsw{position:sticky;top:var(--sticky-top,0px);z-index:40;background:rgba(238,232,223,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 18px rgba(31,27,24,.08)}
#ic-lp .locsw-in{display:flex;align-items:center;gap:10px;padding:8px 22px}
#ic-lp .locsw-t{font-size:12px;font-weight:700;color:var(--gold-d);letter-spacing:.08em;white-space:nowrap;line-height:1.2}
#ic-lp .locsw-t small{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0}
#ic-lp .seg{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:rgba(31,27,24,.07);border-radius:999px;padding:4px;max-width:460px;box-shadow:inset 2px 2px 6px rgba(31,27,24,.08),inset -2px -2px 6px rgba(255,255,255,.8)}
#ic-lp .seg::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--grad);box-shadow:0 6px 14px rgba(0,57,115,.25);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
#ic-lp.is-loc-osaka .seg::before,#ic-lp:not(.is-loc-hakata):not(.is-loc-osaka):has(#loc-osaka:checked) .seg::before{transform:translateX(100%)}
#ic-lp .tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;text-align:center;padding:6px 8px;border-radius:999px;font-weight:700;font-size:14.5px;line-height:1.25;color:var(--muted);cursor:pointer;transition:color .2s;white-space:nowrap}
#ic-lp .tab small{display:none;font-size:11px;font-weight:500;opacity:.85}
#ic-lp.is-loc-hakata .tab-hakata,#ic-lp.is-loc-osaka .tab-osaka,#ic-lp:not(.is-loc-hakata):not(.is-loc-osaka):has(#loc-hakata:checked) .tab-hakata,#ic-lp:not(.is-loc-hakata):not(.is-loc-osaka):has(#loc-osaka:checked) .tab-osaka{color:#fff}
/* WordPress 埋め込み時のフルブリード (sticky と両立するため left は使わない) */
#ic-lp.in-wp .full{width:100vw;margin-left:calc(50% - 50vw)}
#ic-lp.in-wp .hero .w{padding-top:40px}
/* topbar */
#ic-lp .top{position:absolute;left:0;right:0;top:0;z-index:20;padding:12px 0}
#ic-lp .top .w{display:flex;align-items:center;justify-content:space-between}
#ic-lp .top .logo{display:block;padding:4px 0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}
#ic-lp .top .logo img{height:38px;width:auto}
#ic-lp .top .tlabel{color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em;text-shadow:0 1px 8px rgba(0,0,0,.5)}
/* hero */
#ic-lp .hero{position:relative;min-height:min(66vh,560px);min-height:min(66svh,560px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--stone)}
#ic-lp .hero picture,#ic-lp .hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}
#ic-lp .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,35,89,.28) 0%,rgba(11,35,89,.12) 30%,rgba(11,35,89,.78) 68%,rgba(8,26,66,.94) 100%)}
#ic-lp .hero .btn,#ic-lp .final .btn{box-shadow:0 12px 28px rgba(0,20,60,.45),0 0 0 1.5px rgba(255,255,255,.45)}
#ic-lp .hero .btn:hover,#ic-lp .final .btn:hover{box-shadow:0 14px 32px rgba(0,20,60,.55),0 0 0 1.5px rgba(255,255,255,.7)}
#ic-lp .hero .w{position:relative;z-index:2;padding-top:88px;padding-bottom:30px;width:100%}
#ic-lp .hero .tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#fff;background:rgba(177,152,106,.9);border-radius:999px;padding:4px 12px;margin-bottom:12px}
#ic-lp .hero .tag .ic{width:14px;height:14px}
#ic-lp .hero h1{color:#fff;font-size:30px;font-weight:900;line-height:1.3;letter-spacing:.02em;margin-bottom:10px;text-shadow:0 2px 20px rgba(0,0,0,.35)}
#ic-lp .hero h1 small{display:block;font-size:16px;font-weight:700;color:var(--gold-l);letter-spacing:.06em;margin-bottom:6px}
#ic-lp .hero .sub{font-size:15px;color:rgba(255,255,255,.92);max-width:560px;margin-bottom:18px;line-height:1.7}
#ic-lp .hero .cap{margin-top:10px;font-size:13px;color:rgba(255,255,255,.75)}
/* facts bar */
#ic-lp .facts{background:var(--grad);color:#fff}
#ic-lp .facts ul{display:grid;grid-template-columns:repeat(2,1fr)}
#ic-lp .facts li{padding:18px 6px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.12);position:relative}
#ic-lp .facts li:nth-child(odd)::after{content:"";position:absolute;right:0;top:14px;bottom:14px;width:1px;background:rgba(255,255,255,.12)}
#ic-lp .facts li:nth-last-child(-n+2){border-bottom:none}
#ic-lp .facts .l{font-size:12.5px;color:rgba(255,255,255,.7);letter-spacing:.08em;font-weight:700}
#ic-lp .facts .v{font-size:16px;font-weight:900;line-height:1.25;margin:2px 0 1px;color:#fff}
#ic-lp .facts .v .num{font-size:30px;color:var(--gold-l);letter-spacing:.02em}
#ic-lp .facts .s{font-size:12px;color:rgba(255,255,255,.6)}
/* split */
#ic-lp .split{display:grid;gap:24px;grid-template-columns:1fr;align-items:center}
#ic-lp .split .ph{border-radius:18px;overflow:hidden;aspect-ratio:4/3}
#ic-lp .split .ph img{width:100%;height:100%;object-fit:cover}
#ic-lp .split p{font-size:16px;margin-bottom:16px}
#ic-lp .mini{display:grid;gap:10px;grid-template-columns:1fr}
#ic-lp .mini li{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:700;color:var(--navy)}
#ic-lp .mini .ic{color:var(--gold-d)}
#ic-lp .mini small{display:block;font-weight:400;color:var(--muted);font-size:13.5px;line-height:1.5}
/* service grid (性の健康) */
#ic-lp .svc{display:grid;gap:10px;grid-template-columns:1fr;margin-top:22px}
#ic-lp .svc li{background:#fff;border-radius:14px;padding:14px 14px;display:flex;gap:12px;align-items:center;border:1px solid var(--line)}
#ic-lp .svc .ic{color:var(--gold-d);width:26px;height:26px;margin-top:1px}
#ic-lp .svc b{display:block;font-size:14.5px;color:var(--navy);line-height:1.4}
#ic-lp .svc span{font-size:12.5px;color:var(--muted);line-height:1.5;display:block;margin-top:2px}
/* tiles (duties) */
#ic-lp .tiles{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
#ic-lp .tile{background:#fff;border-radius:16px;padding:20px 14px;text-align:center;border:1px solid var(--line)}
#ic-lp .tile .ico{width:52px;height:52px;margin:0 auto 10px;border-radius:50%;background:var(--sand);color:var(--gold-d);display:flex;align-items:center;justify-content:center}
#ic-lp .tile .ico .ic{width:26px;height:26px}
#ic-lp .tile h3{font-size:16px;margin-bottom:4px}
#ic-lp .tile p{font-size:13.5px;color:var(--muted);line-height:1.55}
#ic-lp .plus{margin-top:14px;display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--muted);background:#fff;border-radius:12px;padding:12px 14px;border:1px dashed var(--line)}
#ic-lp .plus .ic{color:var(--gold-d);margin-top:2px}
#ic-lp .plus b{color:var(--navy);font-weight:700}
/* day timeline */
#ic-lp .day{margin-top:28px;background:#fff;border-radius:18px;padding:22px 18px;border:1px solid var(--line)}
#ic-lp .day h3{font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:8px}
#ic-lp .day h3 .ic{color:var(--gold-d)}
#ic-lp .day ol{position:relative;padding-left:0;display:grid;gap:0}
#ic-lp .day li{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:start;padding:9px 0;position:relative}
#ic-lp .day li::before{content:"";position:absolute;left:70px;top:0;bottom:0;width:2px;background:var(--sand)}
#ic-lp .day li::after{content:"";position:absolute;left:66px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--gold);border:2px solid #fff;box-shadow:0 0 0 2px var(--gold-l)}
#ic-lp .day .t{font-family:"Josefin Sans",sans-serif;font-weight:700;color:var(--navy);font-size:16px;padding-top:2px;letter-spacing:.04em}
#ic-lp .day .d{padding-left:22px}
#ic-lp .day .d b{display:block;font-size:15px;color:var(--ink);font-weight:700}
#ic-lp .day .d span{font-size:13.5px;color:var(--muted);line-height:1.5;display:block}
/* growth (専門性) — ledger style */
#ic-lp .growth{background:var(--grad-dark);color:#fff}
#ic-lp .growth .en{color:var(--gold)}
#ic-lp .growth .h2{color:#fff}
#ic-lp .growth .lead{color:rgba(255,255,255,.72)}
#ic-lp .ledger{border-top:1px solid rgba(255,255,255,.18)}
#ic-lp .ledger li{display:grid;grid-template-columns:1fr;gap:4px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18)}
#ic-lp .ledger .k{font-size:20px;font-weight:900;color:var(--gold-l);line-height:1.2;display:flex;align-items:center;gap:10px}
#ic-lp .ledger .k .ic{color:var(--gold);width:24px;height:24px}
#ic-lp .ledger .k .num{font-size:26px}
#ic-lp .ledger .k small{font-size:14px;font-weight:700;color:rgba(255,255,255,.85)}
#ic-lp .ledger .d{font-size:14px;color:rgba(255,255,255,.75);line-height:1.6}
#ic-lp .growth .foot-note{margin-top:18px;font-size:13.5px;color:rgba(255,255,255,.55)}
#ic-lp .growth .quote{margin:0 0 26px;padding:18px 20px;border-left:3px solid var(--gold);background:rgba(255,255,255,.05);border-radius:0 14px 14px 0;font-size:15.5px;line-height:1.8;color:rgba(255,255,255,.92)}
/* benefit icon grid */
#ic-lp .bgrid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
#ic-lp .bgrid li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
#ic-lp .bgrid .ico{width:36px;height:36px;border-radius:10px;background:var(--sand);color:var(--gold-d);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
#ic-lp .bgrid .ico .ic{width:20px;height:20px}
#ic-lp .bgrid b{display:block;font-size:14.5px;color:var(--navy);line-height:1.35}
#ic-lp .bgrid span{display:block;font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:1px}
/* env */
#ic-lp .env{display:grid;gap:12px;grid-template-columns:1fr}
#ic-lp .env li{display:flex;gap:14px;background:#fff;border-radius:16px;padding:18px 16px;border:1px solid var(--line)}
#ic-lp .env .ico{width:44px;height:44px;border-radius:12px;background:var(--sand);color:var(--gold-d);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
#ic-lp .env h3{font-size:16px;margin-bottom:2px}
#ic-lp .env p{font-size:14px;color:var(--muted);line-height:1.6}
#ic-lp .band{margin-top:24px;border-radius:18px;overflow:hidden;aspect-ratio:16/9}
#ic-lp .band img{width:100%;height:100%;object-fit:cover}
/* person */
#ic-lp .person{display:grid;gap:14px;grid-template-columns:1fr}
#ic-lp .pbox{background:#fff;border-radius:16px;padding:20px 18px;border:1px solid var(--line)}
#ic-lp .pbox h3{font-size:16px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
#ic-lp .pbox h3 .ic{color:var(--gold-d)}
#ic-lp .pbox li{display:flex;gap:10px;align-items:flex-start;font-size:15px;padding:6px 0;border-bottom:1px dashed var(--line)}
#ic-lp .pbox li:last-child{border-bottom:none}
#ic-lp .pbox li .ic{width:18px;height:18px;color:var(--gold);margin-top:4px}
/* table */
#ic-lp .tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:15px}
#ic-lp .tbl th,#ic-lp .tbl td{display:block;width:100%;text-align:left;vertical-align:top}
#ic-lp .tbl tr{display:block;border-bottom:1px solid var(--line)}
#ic-lp .tbl tr:last-child{border-bottom:none}
#ic-lp .tbl th{padding:12px 16px 4px;color:var(--gold-d);font-weight:700;font-size:13.5px;letter-spacing:.06em}
#ic-lp .tbl td{padding:0 16px 12px;line-height:1.7}
#ic-lp .tbl td b{font-weight:700;color:var(--navy)}
#ic-lp .tbl td ul li{position:relative;padding-left:13px}
#ic-lp .tbl td ul li::before{content:"";position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
#ic-lp .tbl .note{display:block;margin-top:4px}
/* 募集要項の中の定義リスト (基本業務 / プロジェクト業務 / 変更の範囲) */
#ic-lp .deflist{display:grid;gap:10px}
#ic-lp .deflist dt{font-size:14px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px;line-height:1.5}
#ic-lp .deflist dt::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);flex:0 0 auto}
#ic-lp .deflist dd{font-size:15px;line-height:1.7;padding-left:13px;color:var(--ink)}
#ic-lp .deflist .opt{font-size:12px;font-weight:700;color:var(--teal);border:1px solid var(--teal);border-radius:999px;padding:1px 9px;line-height:1.5}
/* flow */
#ic-lp .flow{display:grid;gap:0;grid-template-columns:1fr}
#ic-lp .flow li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:0 0 20px;position:relative}
#ic-lp .flow li::before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:var(--line)}
#ic-lp .flow li:last-child::before{display:none}
#ic-lp .flow .c{width:48px;height:48px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,57,115,.2)}
#ic-lp .flow .c .ic{width:22px;height:22px}
#ic-lp .flow h3{font-size:16px;padding-top:10px;margin-bottom:2px}
#ic-lp .flow h3 .st{font-family:"Josefin Sans",sans-serif;font-size:12px;letter-spacing:.2em;color:var(--gold-d);margin-right:8px}
#ic-lp .flow p{font-size:14px;color:var(--muted);line-height:1.6}
/* faq */
#ic-lp details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
#ic-lp summary{list-style:none;cursor:pointer;padding:15px 44px 15px 16px;font-weight:700;color:var(--navy);position:relative;font-size:15.5px;line-height:1.5}
#ic-lp summary::-webkit-details-marker{display:none}
#ic-lp summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--gold-d);border-bottom:2px solid var(--gold-d);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
#ic-lp details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
#ic-lp .ans{padding:0 16px 16px;font-size:15px;color:var(--ink);line-height:1.75}
/* final */
#ic-lp .final{position:relative;color:#fff;overflow:hidden;background:var(--grad-dark)}
#ic-lp .final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}
#ic-lp .final::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,35,89,.88) 0%,rgba(0,57,115,.84) 55%,rgba(47,107,107,.84) 100%)}
#ic-lp .final .w{position:relative;z-index:2;padding-top:60px;padding-bottom:60px;text-align:center}
#ic-lp .final h2{color:#fff;font-size:24px;margin-bottom:10px}
#ic-lp .final p{color:rgba(255,255,255,.85);font-size:15.5px;margin-bottom:22px}
#ic-lp .final .howto{margin:22px auto 0;max-width:560px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-top-color:rgba(255,255,255,.4);border-radius:14px;padding:12px 16px;text-align:left;font-size:14px;color:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#ic-lp .final .howto b{display:block;font-weight:700;color:#fff;margin-bottom:2px}
#ic-lp .final .howto span{display:block;line-height:1.7}
#ic-lp .foot{background:var(--blue);color:rgba(255,255,255,.6);font-size:12.5px;text-align:center;padding:18px 20px;line-height:2}
#ic-lp .foot a{display:inline-block;padding:6px 4px}
/* fixed cta (sp) */
#ic-lp .fixcta{position:fixed;left:0;right:0;bottom:0;z-index:100;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0));background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
#ic-lp .fixcta .btn{max-width:none;min-height:52px;box-shadow:0 6px 18px rgba(142,116,72,.3)}
.sp-floating-cv{display:none!important}
@media(min-width:768px){
#ic-lp{font-size:16px;padding-bottom:0}
#ic-lp .sec{padding:92px 0}
#ic-lp .h2{font-size:34px}
#ic-lp .lead{font-size:16.5px}
#ic-lp .btn{width:auto;min-width:300px}
#ic-lp .top{padding:22px 0}
#ic-lp .top .logo img{height:52px}
#ic-lp .top .tlabel{font-size:14px}
#ic-lp .hero{min-height:min(78vh,720px)}
#ic-lp .hero .w{padding-bottom:64px;padding-top:120px}
#ic-lp .hero h1{font-size:52px}
#ic-lp .hero h1 small{font-size:18px}
#ic-lp .hero .sub{font-size:17px;max-width:640px}
#ic-lp .locsw-in{padding:10px 22px;gap:16px}
#ic-lp .locsw-t{font-size:13px}
#ic-lp .seg{max-width:520px}
#ic-lp .tab{font-size:16px;padding:8px 12px}
#ic-lp .tab small{display:block;font-size:12px}
#ic-lp .facts ul{grid-template-columns:repeat(4,1fr)}
#ic-lp .facts li{padding:26px 10px 24px;border-bottom:none}
#ic-lp .facts li::after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:rgba(255,255,255,.12)}
#ic-lp .facts li:last-child::after{display:none}
#ic-lp .facts .v{font-size:18px}
#ic-lp .facts .v .num{font-size:40px}
#ic-lp .facts .s{font-size:13px}
#ic-lp .split{grid-template-columns:1fr 1fr;gap:56px}
#ic-lp .split.rev .ph{order:2}
#ic-lp .split p{font-size:16px}
#ic-lp .mini li{font-size:16px}
#ic-lp .svc{grid-template-columns:repeat(3,1fr);gap:14px}
#ic-lp .svc li{padding:18px 16px}
#ic-lp .svc b{font-size:16px}
#ic-lp .svc span{font-size:13.5px}
#ic-lp .tiles{grid-template-columns:repeat(4,1fr);gap:16px}
#ic-lp .tile{padding:26px 18px}
#ic-lp .tile h3{font-size:16px}
#ic-lp .day{padding:32px}
#ic-lp .day ol{grid-template-columns:repeat(5,1fr);gap:0}
#ic-lp .day li{display:block;padding:0 12px 0 0}
#ic-lp .day li::before{left:0;right:0;top:7px;bottom:auto;height:2px;width:auto}
#ic-lp .day li::after{left:0;top:2px}
#ic-lp .day .t{padding-top:20px;display:block}
#ic-lp .day .d{padding-left:0;margin-top:4px}
#ic-lp .growth .inner{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
#ic-lp .ledger li{grid-template-columns:300px 1fr;gap:20px;padding:20px 0;align-items:center}
#ic-lp .ledger .k{font-size:22px}
#ic-lp .ledger .k .num{font-size:30px}
#ic-lp .ledger .d{font-size:15px}
#ic-lp .bgrid{grid-template-columns:repeat(4,1fr);gap:14px}
#ic-lp .bgrid li{padding:18px 16px;gap:10px}
#ic-lp .bgrid .ico{width:40px;height:40px}
#ic-lp .bgrid .ico .ic{width:22px;height:22px}
#ic-lp .bgrid b{font-size:15.5px}
#ic-lp .env{grid-template-columns:repeat(3,1fr);gap:16px}
#ic-lp .env li{flex-direction:column;gap:12px;padding:24px 20px}
#ic-lp .person{grid-template-columns:1fr 1fr;gap:20px}
#ic-lp .tbl th,#ic-lp .tbl td{display:table-cell;width:auto;padding:16px 20px;border-bottom:1px solid var(--line)}
#ic-lp .tbl tr{display:table-row}
#ic-lp .tbl th{width:24%;background:var(--cream);color:var(--navy);font-size:15px;white-space:nowrap;letter-spacing:0}
#ic-lp .tbl tr:last-child th,#ic-lp .tbl tr:last-child td{border-bottom:none}
#ic-lp .flow{grid-template-columns:repeat(5,1fr);gap:12px}
#ic-lp .flow li{display:block;padding:0;text-align:center}
#ic-lp .flow li::before{left:calc(50% + 30px);right:calc(-50% + 30px);top:23px;bottom:auto;height:2px;width:auto}
#ic-lp .flow .c{margin:0 auto 12px}
#ic-lp .flow h3{padding-top:0;font-size:16px}
#ic-lp .flow h3 .st{display:block;margin:0 0 2px}
#ic-lp .faq-grid{columns:2;column-gap:16px}
#ic-lp .faq-grid details{break-inside:avoid}
#ic-lp .final .w{padding-top:110px;padding-bottom:110px}
#ic-lp .final h2{font-size:34px}
#ic-lp .fixcta{display:none}
}
/* ---- v6: neumorphism (枠線を使わず背景から浮き出す) ---- */
#ic-lp{--bg:#F3EFE9;--sh-d:rgba(31,27,24,.10);--sh-l:rgba(255,255,255,.92);--shadow-out:9px 9px 22px var(--sh-d),-9px -9px 22px var(--sh-l);--shadow-out-sm:5px 5px 12px var(--sh-d),-5px -5px 12px var(--sh-l);--shadow-in:inset 4px 4px 10px var(--sh-d),inset -4px -4px 10px var(--sh-l);background:var(--bg)}
/* 背景が濃いセクションでは、ハイライトを純白ではなく「背景より少し明るい色」に、影を「背景より少し暗い色」に */
#ic-lp .bg-cream,#ic-lp .locsw{--bg:#EEE8DF;--sh-d:rgba(92,76,58,.14);--sh-l:rgba(255,252,246,.85);--shadow-out:9px 9px 22px var(--sh-d),-9px -9px 22px var(--sh-l);--shadow-out-sm:5px 5px 12px var(--sh-d),-5px -5px 12px var(--sh-l);--shadow-in:inset 4px 4px 10px var(--sh-d),inset -4px -4px 10px var(--sh-l);background:#EEE8DF}
#ic-lp .bg-sand{--bg:#E9E2D6;--sh-d:rgba(92,76,58,.17);--sh-l:rgba(252,247,239,.8);--shadow-out:9px 9px 22px var(--sh-d),-9px -9px 22px var(--sh-l);--shadow-out-sm:5px 5px 12px var(--sh-d),-5px -5px 12px var(--sh-l);--shadow-in:inset 4px 4px 10px var(--sh-d),inset -4px -4px 10px var(--sh-l);background:#E9E2D6}
#ic-lp .seg{box-shadow:inset 2px 2px 6px var(--sh-d),inset -2px -2px 6px var(--sh-l)}
/* 募集要項: 行ごとに浮き出すカード＋項目名は押し込みタグ (ニューモーフィズム) */
#ic-lp .tbl{display:block;box-shadow:var(--shadow-out);background:transparent;border:none;border-radius:20px;overflow:hidden;padding:4px 0}
#ic-lp .tbl tbody{display:block;box-shadow:none;background:none;border:none}
#ic-lp .tbl tr{display:grid;grid-template-columns:1fr;gap:8px;padding:14px 18px 16px;margin:0;border:none;border-bottom:1px solid rgba(31,27,24,.08);border-radius:0;box-shadow:none;background:transparent}
#ic-lp .tbl tr:last-child{border-bottom:none}
#ic-lp .tbl th,#ic-lp .tbl td{display:block;width:auto;padding:0;border:none;background:none}
#ic-lp .tbl th{justify-self:start;color:var(--navy);font-size:14px;font-weight:700;letter-spacing:.02em;line-height:1.5;padding:4px 14px;border-radius:10px;box-shadow:var(--shadow-in);white-space:nowrap}
#ic-lp .tbl th::before{display:none}
#ic-lp .tbl td{font-size:15px;line-height:1.75}
#ic-lp .tbl td b{font-size:16px}
@media(min-width:768px){#ic-lp .tbl{padding:8px 0}#ic-lp .tbl tr{grid-template-columns:190px 1fr;gap:24px;padding:16px 28px;align-items:start}#ic-lp .tbl th{font-size:15px;padding:5px 16px;margin-top:2px}#ic-lp .tbl td{font-size:16px}}
/* 各セクションにほのかな色みを 1 か所ずつ。位置と色はモディファイアで指定 */
#ic-lp .tint{position:relative;overflow:hidden;isolation:isolate}
#ic-lp .tint::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(85px);pointer-events:none;z-index:0;opacity:.4;background:radial-gradient(circle,rgba(87,141,141,.55),transparent 70%)}
#ic-lp .tint>.w{position:relative;z-index:1}
#ic-lp .tint-gold::before{background:radial-gradient(circle,rgba(177,152,106,.55),transparent 70%)}
#ic-lp .tint-tl::before{left:-150px;top:-170px}
#ic-lp .tint-tr::before{right:-150px;top:-170px}
#ic-lp .tint-bl::before{left:-150px;bottom:-170px}
#ic-lp .tint-br::before{right:-150px;bottom:-170px}
/* セクション区切り */
#ic-lp .divider{position:relative;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(142,116,72,.35),transparent);max-width:1040px;margin:0 auto}
/* 各セクションにほのかな色みを 1 か所ずつ。位置と色はモディファイアで指定 */
#ic-lp .tint{position:relative;overflow:hidden;isolation:isolate}
#ic-lp .tint::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(85px);pointer-events:none;z-index:0;opacity:.4;background:radial-gradient(circle,rgba(87,141,141,.55),transparent 70%)}
#ic-lp .tint>.w{position:relative;z-index:1}
#ic-lp .tint-gold::before{background:radial-gradient(circle,rgba(177,152,106,.55),transparent 70%)}
#ic-lp .tint-tl::before{left:-150px;top:-170px}
#ic-lp .tint-tr::before{right:-150px;top:-170px}
#ic-lp .tint-bl::before{left:-150px;bottom:-170px}
#ic-lp .tint-br::before{right:-150px;bottom:-170px}
/* セクション区切り */
#ic-lp .divider{position:relative;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(142,116,72,.4),transparent);max-width:1040px;margin:0 auto}
/* 職場のこと: 光のにじみがゆっくり漂う背景 (CSS のみ・reduced-motion で停止) */
#ic-lp #sec-env{position:relative;overflow:hidden;isolation:isolate}
#ic-lp #sec-env::before,#ic-lp #sec-env::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.5}
#ic-lp #sec-env::before{width:520px;height:520px;left:-140px;top:-180px;background:radial-gradient(circle,rgba(87,141,141,.55),transparent 70%);animation:icDriftA 26s ease-in-out infinite alternate}
#ic-lp #sec-env::after{width:460px;height:460px;right:-120px;bottom:-160px;background:radial-gradient(circle,rgba(177,152,106,.5),transparent 70%);animation:icDriftB 32s ease-in-out infinite alternate}
#ic-lp #sec-env>.w{position:relative;z-index:1}
@keyframes icDriftA{from{transform:translate(0,0) scale(1)}to{transform:translate(120px,80px) scale(1.15)}}
@keyframes icDriftB{from{transform:translate(0,0) scale(1)}to{transform:translate(-100px,-70px) scale(1.1)}}
@media(prefers-reduced-motion:reduce){#ic-lp #sec-env::before,#ic-lp #sec-env::after{animation:none}}
/* DX部ブロック */
#ic-lp .dx{margin-top:24px;border-radius:22px;padding:24px 20px;box-shadow:var(--shadow-out);display:grid;gap:18px;grid-template-columns:1fr}
#ic-lp .dx-lead h3{font-size:20px;line-height:1.4;margin:4px 0 10px}
#ic-lp .dx-lead p{font-size:15px;color:var(--muted)}
#ic-lp .dx-out{display:grid;gap:12px}
#ic-lp .dx-out li{display:flex;gap:14px;align-items:flex-start;font-size:15px;font-weight:700;color:var(--navy)}
#ic-lp .dx-out .ic{width:42px;height:42px;padding:10px;border-radius:50%;box-shadow:var(--shadow-in);color:var(--gold-d);margin-top:1px}
#ic-lp .dx-out small{display:block;font-weight:400;color:var(--muted);font-size:13.5px;line-height:1.5}
@media(min-width:768px){#ic-lp .dx{grid-template-columns:1fr 1.15fr;gap:40px;padding:34px 36px;align-items:center}#ic-lp .dx-lead h3{font-size:24px}#ic-lp .dx-lead p{font-size:16px}}
/* 箇条書き (mini) のアイコンも押し込みの丸枠に */
#ic-lp .mini li{align-items:flex-start;gap:14px}
#ic-lp .mini .ic{width:42px;height:42px;padding:10px;border-radius:50%;box-shadow:var(--shadow-in);margin-top:1px}
#ic-lp .svc .ic{width:44px;height:44px;padding:10px;border-radius:50%;box-shadow:var(--shadow-in);margin-top:0}
#ic-lp .plus .ic{width:36px;height:36px;padding:8px;border-radius:50%;box-shadow:var(--shadow-in);margin-top:0}
#ic-lp .day h3 .ic,#ic-lp .pbox h3 .ic{width:34px;height:34px;padding:7px;border-radius:50%;box-shadow:var(--shadow-in)}
#ic-lp .svc li,#ic-lp .tile,#ic-lp .bgrid li,#ic-lp .env li,#ic-lp .pbox,#ic-lp .day,#ic-lp details,#ic-lp .tbl{background:transparent;border:none;box-shadow:var(--shadow-out);border-radius:20px}
#ic-lp .svc li{border-radius:18px;padding:16px 16px}
#ic-lp .bgrid li,#ic-lp details{box-shadow:var(--shadow-out-sm);border-radius:16px}
#ic-lp details{margin-bottom:16px}
#ic-lp .tile .ico,#ic-lp .bgrid .ico,#ic-lp .env .ico{background:transparent;box-shadow:var(--shadow-in)}
#ic-lp .plus{background:transparent;border:none;box-shadow:var(--shadow-in);border-radius:16px;padding:14px 16px}
#ic-lp .tbl th{background:rgba(255,255,255,.32)}
#ic-lp .tbl tr,#ic-lp .tbl th,#ic-lp .tbl td{border-bottom-color:rgba(31,27,24,.07)}
#ic-lp .split .ph,#ic-lp .band{box-shadow:var(--shadow-out);border-radius:22px}
#ic-lp .pbox li{border-bottom-color:rgba(31,27,24,.08)}
#ic-lp .day li::after{border-color:var(--bg)}
#ic-lp .svc{gap:14px}#ic-lp .tiles{gap:16px}#ic-lp .bgrid{gap:16px}#ic-lp .env{gap:16px}#ic-lp .person{gap:18px}
/* 専門性セクション: グラスモーフィズム (背景に光のにじみを置き、半透明＋ぼかし＋光の縁) */
#ic-lp .growth{position:relative;overflow:hidden;isolation:isolate}
#ic-lp .growth::before,#ic-lp .growth::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
#ic-lp .growth::before{width:520px;height:520px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(87,141,141,.75),rgba(87,141,141,0) 70%)}
#ic-lp .growth::after{width:460px;height:460px;left:-140px;bottom:-180px;background:radial-gradient(circle,rgba(177,152,106,.55),rgba(177,152,106,0) 70%)}
#ic-lp .growth .w{position:relative;z-index:1}
/* 台帳: B 案 (枠なしエディトリアル。細い罫線と大きな数字) */
#ic-lp .ledger{border-top:1px solid rgba(255,255,255,.16);display:block}
#ic-lp .ledger li{display:grid;grid-template-columns:1fr;gap:7px;padding:22px 0;border:none;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#ic-lp .ledger .k{font-size:16px;font-weight:700;color:rgba(255,255,255,.88);gap:10px}
#ic-lp .ledger .k .ic{color:var(--accent);width:22px;height:22px}
#ic-lp .ledger .big{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;font-family:"Josefin Sans","Noto Sans JP",sans-serif;font-weight:700;font-size:34px;line-height:1.1;color:var(--accent);letter-spacing:.02em;margin:1px 0 2px}
#ic-lp .ledger .big small{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:700;color:rgba(255,255,255,.82);line-height:1.5}
#ic-lp .ledger .d{font-size:14px;color:rgba(255,255,255,.72)}
#ic-lp .ledger .d em{font-style:normal;font-weight:700;color:var(--accent)}
@media(min-width:768px){
#ic-lp .growth .inner{grid-template-columns:1fr;gap:30px}
#ic-lp .growth .inner>div:first-child{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
#ic-lp .growth .cred{margin:6px 0 0}
#ic-lp .growth .lead{margin-bottom:0;max-width:none}
#ic-lp .growth .lead-hero{font-size:23px}
#ic-lp .growth .lead-hero em{font-size:26px}
#ic-lp .ledger li{grid-template-columns:190px 250px 1fr;gap:24px;align-items:center;padding:22px 0}
#ic-lp .ledger .big{font-size:38px}
#ic-lp .ledger .d{font-size:15.5px;line-height:1.7}
}
/* 実績リスト (台帳と同じ罫線のトーン) */
/* リード文: 左の金の罫線で cred リストと 1 本の柱に見せる */
#ic-lp .growth .lead-block{position:relative;padding-left:18px;margin:2px 0 6px}
#ic-lp .growth .lead-block::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--accent),rgba(235,197,126,.15))}
#ic-lp .growth .lead-hero{font-size:19px;font-weight:700;line-height:1.6;color:#fff;margin-bottom:12px;letter-spacing:.01em}
#ic-lp .growth .lead-hero em{font-style:normal;color:var(--accent);font-size:21px}
#ic-lp .growth .lead em{font-style:normal;color:var(--accent);font-weight:700}
#ic-lp .growth .cred{display:grid;gap:14px;margin:6px 0 28px}
#ic-lp .growth .cred li{display:flex;gap:12px;align-items:flex-start;padding:9px 0 9px 14px;border-left:1px solid rgba(255,255,255,.28);font-size:15px;font-weight:700;color:rgba(255,255,255,.9);line-height:1.55}
#ic-lp .growth .cred .ic{color:var(--accent);width:22px;height:22px;margin-top:1px}
#ic-lp .growth .cred small{display:block;font-weight:400;font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.5;margin-top:1px}
#ic-lp .facts{box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
#ic-lp .fixcta{background:rgba(243,239,233,.92)}
@media(min-width:768px){#ic-lp .ledger li{padding:18px 22px}#ic-lp .bgrid li{box-shadow:var(--shadow-out)}}