/* 小悪魔ageha cafe 求人LP — 黒を主役に、ピンクはアクセント（グラデーション・キラキラなし） */
:root{
  --black:#0b090c; --panel:#17121a; --panel2:#201824; --edge:#3a2f3d;
  --pink:#f9a3c8; --pink-l:#fcd3e4; --pink-m:#f57db3; --pink-h:#ec4c8a; --pink-d:#d6179a; --white:#ffffff;
  --ink:#ffffff; --ink-soft:#c9bdc6; --line:#06c755;
  --sans:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
  --serif:"Playfair Display","Shippori Mincho",serif;
  --mincho:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  --r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--black)}
body{font-family:var(--sans);color:var(--ink);background:var(--black);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
small{font-size:.85em}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.wrap.narrow{width:min(820px,100% - 40px)}
.center{text-align:center}
.bf{width:1em;height:1em;display:inline-block;vertical-align:-.12em}

/* ---------- セクション・見出し（全面黒） ---------- */
section{padding:96px 0;position:relative;background:transparent}
.s-head{margin-bottom:46px}
.s-head.center{text-align:center}
.s-head .lbl{display:block;font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.05rem;color:var(--pink);letter-spacing:.14em;margin-bottom:6px}
.s-head h2{font-family:var(--mincho);font-size:clamp(1.55rem,3.8vw,2.3rem);line-height:1.5;font-weight:800;letter-spacing:.04em;color:var(--white)}
.s-head h2::after{content:"";display:block;width:56px;height:4px;background:var(--pink);margin-top:14px}
.s-head.center h2::after{margin-inline:auto}
.s-head p{color:var(--ink-soft);font-size:.92rem;margin-top:12px}
.note-c{text-align:center;color:var(--ink-soft);font-size:.86rem;margin-top:26px}

/* ---------- ボタン（ピンク） ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.95rem 1.9rem;font-family:inherit;font-size:.98rem;font-weight:700;border:2px solid transparent;cursor:pointer;transition:.2s;letter-spacing:.03em}
.btn-pink{background:var(--pink);color:var(--black);border-color:var(--pink)}
.btn-pink:hover{background:var(--white);border-color:var(--white)}
.btn-line{background:var(--line);color:var(--white);border-color:var(--line)}
.btn-line:hover{background:var(--white);color:var(--line);border-color:var(--white)}
.btn-ghost{background:transparent;border-color:var(--white);color:var(--white)}
.btn-ghost:hover{background:var(--white);color:var(--black)}
.btn-lg{width:100%;padding:1.1rem;font-size:1.05rem}

/* ---------- ナビ ---------- */
.nav{position:sticky;top:0;z-index:50;background:var(--black);border-bottom:1px solid var(--edge)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.02rem;letter-spacing:.03em}
.brand .bf{width:28px;height:28px;color:var(--pink)}
.brand small{font-size:.7rem;font-weight:700;background:var(--pink);color:var(--black);border-radius:999px;padding:.05rem .6rem;margin-left:.3rem;vertical-align:.1em}
.navlinks{display:flex;align-items:center;gap:26px;font-size:.88rem;font-weight:500}
.navlinks a:hover{color:var(--pink)}
.nav-cta{background:var(--pink);color:var(--black);border-radius:999px;padding:.5rem 1.2rem;font-weight:700}
.navlinks a.nav-cta:hover{color:var(--black);background:var(--white)}
.nav-toggle{display:none;background:none;border:0;font-size:1.8rem;color:var(--white);cursor:pointer}

/* ---------- HERO（トップ画像は幅800pxまで・中央・切り取りなし） ---------- */
.hero{padding:0 0 90px;overflow:hidden}
.hero-banner{width:min(800px,100% - 40px);margin:40px auto 0}
.hero-slider{position:relative;overflow:hidden;width:100%;border:3px solid var(--pink);box-shadow:10px 10px 0 var(--pink);background:#000}
.hero-slider .slides{display:flex;align-items:flex-start;transition:transform .8s ease}
.hero-slider .slide{flex:0 0 100%}
.hero-slider .slide img{width:100%;height:auto}
.hero-slider .dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.dots button{width:10px;height:10px;border-radius:50%;border:2px solid var(--white);background:transparent;cursor:pointer;padding:0}
.dots button.active{background:var(--pink);border-color:var(--pink)}
.hero-in{position:relative;z-index:2;padding-top:56px;max-width:860px;text-align:center}
.hero-open{display:inline-flex;align-items:stretch;border:2px solid var(--pink);margin-bottom:18px;font-family:var(--serif);font-style:italic}
.hero-open span{background:var(--pink);color:var(--black);padding:.25rem 1rem;font-size:.82rem;letter-spacing:.14em;font-weight:700}
.hero-open b{padding:.25rem 1.1rem;font-size:1.05rem;letter-spacing:.12em;color:var(--pink)}
.hero-eyebrow{font-size:.92rem;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:12px}
.hero-eyebrow .bf{color:var(--pink)}
.hero h1{font-family:var(--mincho);font-size:clamp(2rem,5.4vw,3.5rem);line-height:1.4;font-weight:800;letter-spacing:.03em;color:var(--white)}
.hero-sub{max-width:36em;margin:20px auto 0;color:var(--ink-soft);font-size:1rem}
.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.hero-tags li{border:1.5px solid var(--pink);color:var(--pink);padding:.12rem 1rem;font-size:.84rem;font-weight:700;border-radius:999px}
.hero-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}
.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:26px;font-size:.86rem;color:var(--ink-soft)}
.hero-meta i{color:var(--pink)}

/* ---------- お知らせ（ピンクの帯：唯一の大きなピンク面） ---------- */
.news{padding:0;margin-top:-44px;z-index:5}
.news-box{background:var(--pink);color:var(--black);padding:26px 32px;display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start}
.news-h{font-size:1.05rem;line-height:1.3;color:var(--black)}
.news-h .lbl{display:block;font-family:var(--serif);font-style:italic;font-weight:500;font-size:.95rem}
.news-list li{border-bottom:1px solid rgba(11,9,12,.35);padding:9px 0}
.news-list li:last-child{border-bottom:0}
.nrow,.news-list summary{display:flex;gap:18px;font-size:.93rem}
.news-list summary{cursor:pointer;list-style:none;position:relative;padding-right:24px}
.news-list summary::-webkit-details-marker{display:none}
.news-list summary::after{content:"＋";position:absolute;right:0}
.news-list details[open] summary::after{content:"－"}
.news-list time{font-size:.82rem;flex:0 0 auto;padding-top:2px;font-weight:700}
.news-list details .rich{margin:8px 0 4px 5.8em;font-size:.9rem}

/* ---------- コンセプト・選ばれる理由 ---------- */
.concept-body{max-width:44em;color:var(--ink-soft);font-size:1.02rem}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:56px}
.feat{background:var(--panel);border:1px solid var(--edge);border-top:4px solid var(--pink);padding:22px 22px 28px;position:relative}
.feat h3{font-size:1.1rem;margin:16px 0 8px;line-height:1.5;color:var(--white)}
.feat p{color:var(--ink-soft);font-size:.9rem}
.feat-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--panel2)}
.feat-img img{width:100%;height:100%;object-fit:cover}
[data-ph]{display:flex;align-items:center;justify-content:center;background:var(--panel2)}
[data-ph] .bf{width:44%;height:44%;color:var(--pink);opacity:.6}
.feat-no{position:absolute;left:10px;top:6px;font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--pink)}

/* ---------- 募集職種 ---------- */
.job-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}
.job{background:var(--panel);border:1px solid var(--edge);border-top:4px solid var(--pink);display:flex;flex-direction:column}
.job-img{aspect-ratio:16/9}
.job-img img{width:100%;height:100%;object-fit:cover}
.job-body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.job-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.job-type{font-size:.74rem;font-weight:700;border:1.5px solid var(--pink);color:var(--pink);border-radius:999px;padding:.05rem .8rem}
.job-badge{font-size:.74rem;font-weight:700;background:var(--pink);color:var(--black);border-radius:999px;padding:.1rem .8rem}
.job h3{font-size:1.22rem;line-height:1.5}
.job-desc{color:var(--ink-soft);font-size:.9rem;margin-top:8px}
.job-dl{margin:16px 0 20px;border-top:1px solid var(--edge)}
.job-dl>div{display:grid;grid-template-columns:5em 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--edge);font-size:.9rem}
.job-dl dt{font-weight:700;color:var(--pink)}
.job-dl .pay{font-weight:700;font-size:1.05rem}
.job .btn{margin-top:auto;width:100%}

/* ---------- 募集要項・アクセス（dl共通） ---------- */
.dl .row{display:grid;grid-template-columns:6.5em 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--edge);font-size:.95rem}
.dl dt{font-weight:700;color:var(--pink)}
.dl a{color:var(--pink);font-weight:700;text-decoration:underline}
#requirements .dl{background:var(--panel);border:1px solid var(--edge);border-left:4px solid var(--pink);padding:8px 30px}
#requirements .dl .row{grid-template-columns:7.5em 1fr}
#requirements .dl .row:last-child{border-bottom:0}

/* ---------- スタッフの声 ---------- */
.voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.voice{background:var(--panel);border:1px solid var(--edge);padding:30px 28px;position:relative}
.voice::before{content:"“";position:absolute;right:22px;top:6px;font-family:var(--serif);font-size:4.5rem;color:var(--pink);line-height:1}
.v-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;margin-bottom:14px;background:var(--panel2);border:2px solid var(--pink)}
.v-avatar img{width:100%;height:100%;object-fit:cover}
.voice blockquote{color:var(--ink-soft);font-size:.94rem}
.voice figcaption{margin-top:14px;font-size:.88rem}
.voice figcaption span{display:block;color:var(--ink-soft);font-size:.8rem}

/* ---------- ギャラリー ---------- */
.gal-grid{columns:3;column-gap:16px}
.gal-grid figure{break-inside:avoid;margin-bottom:16px;overflow:hidden;position:relative;border:1px solid var(--edge)}
.gal-grid img{width:100%}
.gal-grid figcaption{padding:8px 12px;color:var(--ink-soft);font-size:.82rem;background:var(--panel)}

/* ---------- 応募の流れ ---------- */
.flow-list{max-width:760px;margin:0 auto}
.flow-list li{display:flex;gap:20px;background:var(--panel);border:1px solid var(--edge);padding:20px 24px;margin-bottom:18px;position:relative}
.flow-list li:not(:last-child)::after{content:"";position:absolute;left:45px;bottom:-18px;width:2px;height:18px;background:var(--pink)}
.flow-list .no{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--pink);color:var(--black);font-family:var(--serif);font-style:italic;font-weight:600;font-size:1.25rem;display:flex;align-items:center;justify-content:center}
.flow-list h3{font-size:1.02rem;line-height:1.5}
.flow-list p{color:var(--ink-soft);font-size:.9rem}

/* ---------- 店長メッセージ ---------- */
.greet{border:1px solid var(--edge);border-top:4px solid var(--pink);background:var(--panel);padding:40px 44px;text-align:center}
.greet p,.greet .rich{color:var(--ink-soft)}
.greet-name{margin-top:20px;font-weight:700;color:var(--white)!important}

/* ---------- アクセス ---------- */
.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}
.map{overflow:hidden;min-height:320px;background:var(--panel);border:1px solid var(--edge)}
.map iframe{width:100%;height:100%;min-height:320px;border:0}

/* ---------- FAQ ---------- */
.faq details{background:var(--panel);border:1px solid var(--edge);margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 56px;font-weight:700;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--pink);color:var(--black);font-family:var(--serif);font-style:italic;font-weight:600;text-align:center;line-height:28px;font-size:.95rem}
.faq summary::after{content:"＋";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--pink)}
.faq details[open] summary::after{content:"－"}
.faq .a{padding:0 24px 20px 56px;color:var(--ink-soft);font-size:.93rem}

/* ---------- 応募フォーム ---------- */
.contact-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:36px}
.cbtn{background:var(--panel);border:1px solid var(--edge);padding:18px 12px;text-align:center;display:flex;flex-direction:column;gap:2px;align-items:center;transition:.2s}
.cbtn:hover{border-color:var(--pink);transform:translateY(-2px)}
.cbtn i{font-size:1.6rem;color:var(--pink)}
.cbtn span{font-size:.78rem;color:var(--ink-soft)}
.cbtn b{font-size:1.05rem}
.cbtn.line i{color:var(--line)}
.form{background:var(--panel);border:1px solid var(--edge);border-top:4px solid var(--pink);padding:36px 38px}
.f-row{margin-bottom:18px}
.f-row.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.f{display:block;font-size:.86rem;font-weight:700}
.f em{font-style:normal;color:var(--black);background:var(--pink);font-size:.66rem;padding:.05rem .45rem;margin-left:.5rem;vertical-align:.1em}
.f input,.f select,.f textarea{display:block;width:100%;margin-top:6px;border:1.5px solid var(--edge);border-radius:0;padding:.75rem .9rem;font-family:inherit;font-size:1rem;background:var(--black);color:var(--white);font-weight:400;color-scheme:dark}
.f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--pink)}
.agree{display:block;text-align:center;margin:8px 0 20px;font-size:.9rem}
.agree a{color:var(--pink);text-decoration:underline}
.form-note{font-size:.78rem;color:var(--ink-soft);margin-top:14px;text-align:center}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{padding:14px 18px;margin-bottom:18px;font-weight:700;text-align:center;background:var(--panel);color:var(--white);border:2px solid var(--pink)}
.form-msg.ok{border-color:#2ddf7b;color:#2ddf7b}

/* ---------- フッター ---------- */
.site-footer{background:var(--black);border-top:3px solid var(--pink);color:#e4d9e1;padding:56px 0 100px;text-align:center}
.f-brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.1rem;color:var(--white);letter-spacing:.04em}
.f-brand .bf{width:30px;height:30px;color:var(--pink)}
.f-sns{display:flex;justify-content:center;gap:14px;margin:22px 0}
.f-sns a{width:42px;height:42px;border-radius:50%;border:2px solid var(--pink);color:var(--pink);display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:.2s}
.f-sns a:hover{background:var(--pink);color:var(--black)}
.f-company{max-width:560px;margin:6px auto 22px;text-align:left;font-size:.82rem}
.f-company>div{display:grid;grid-template-columns:6em 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--edge)}
.f-company dt{color:var(--pink)}
.f-links{font-size:.85rem;margin-bottom:14px}
.f-links a{text-decoration:underline}
.f-legal{font-size:.76rem;color:#9a8c95}

/* ---------- 固定要素 ---------- */
.backtop{position:fixed;right:18px;bottom:24px;width:46px;height:46px;border-radius:50%;border:2px solid var(--black);background:var(--pink);color:var(--black);font-size:1.1rem;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:40}
.backtop.show{opacity:1;pointer-events:auto}
.msticky{display:none}

/* ---------- プライバシーページ ---------- */
.doc{padding:56px 0 80px}
.h1-doc{font-family:var(--mincho);font-size:clamp(1.5rem,3.6vw,2rem);color:var(--white)}
.doc-body{color:var(--ink-soft);font-size:.94rem;margin-bottom:44px}
.h2-doc{font-size:1.15rem;margin-bottom:10px}

/* ---------- エディターで入力した文章 ---------- */
.rich p{margin:0 0 .9em}
.rich p:last-child,.rich ul:last-child,.rich ol:last-child{margin-bottom:0}
.rich h2{font-family:var(--mincho);font-size:1.25rem;line-height:1.5;margin:1.2em 0 .5em;color:inherit}
.rich h3{font-size:1.05rem;line-height:1.5;margin:1.1em 0 .4em;color:inherit}
.rich strong,.rich b{color:var(--white)}
.news-box .rich strong,.news-box .rich b{color:var(--black)}
.rich a{color:var(--pink);text-decoration:underline}
.news-box .rich a{color:var(--black)}
.rich ul,.rich ol{margin:0 0 .9em 1.4em}
.rich ul{list-style:disc}.rich ol{list-style:decimal}
.rich li{margin-bottom:.25em}
.rich blockquote{border-left:4px solid var(--pink);padding-left:1em;margin:0 0 .9em}
.faq .a.rich{padding-top:0}

/* ---------- スクロール演出 ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ---------- 404 ---------- */
.nf{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:10px}
.nf-bf{width:72px;height:72px;color:var(--pink)}
.nf .code{font-family:var(--serif);font-style:italic;font-size:4.2rem;color:var(--pink);line-height:1}
.nf p{color:var(--ink-soft)}.nf .btn{margin-top:18px}

/* ---------- レスポンシブ ---------- */
@media(max-width:900px){
  section{padding:72px 0}
  .hero{padding-bottom:70px}
  .access-grid{grid-template-columns:1fr}
  .gal-grid{columns:2}
}
@media(max-width:720px){
  .nav-toggle{display:block}
  .navlinks{position:absolute;left:0;right:0;top:65px;background:var(--black);border-bottom:2px solid var(--pink);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 18px;display:none}
  .nav.open .navlinks{display:flex}
  .navlinks a{padding:13px 4px;border-bottom:1px solid var(--edge)}
  .navlinks a.nav-cta{margin-top:14px;text-align:center;border:0}
  .news-box{grid-template-columns:1fr;padding:22px 20px;gap:10px}
  .nrow,.news-list summary{flex-direction:column;gap:2px}
  .news-list details .rich{margin-left:0}
  .job-grid,.voice-grid{grid-template-columns:1fr}
  .f-row.two{grid-template-columns:1fr}
  .form{padding:26px 20px}
  .greet{padding:30px 22px;text-align:left}
  .hero-banner{margin-top:26px}
  .hero-slider{box-shadow:7px 7px 0 var(--pink)}
  .hero-in{padding-top:34px}
  .hero-btns .btn{flex:1 1 100%}
  #requirements .dl{padding:4px 18px}
  #requirements .dl .row{grid-template-columns:1fr;gap:2px}
  .f-company>div{grid-template-columns:5em 1fr}
  .flow-list li{padding:16px;gap:14px}
  body{padding-bottom:70px}
  .msticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--black);border-top:2px solid var(--pink);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .msticky a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.7rem;font-weight:700;padding:6px 4px;color:var(--white)}
  .msticky a i{font-size:1.25rem;color:var(--pink)}
  .msticky a.line i{color:var(--line)}
  .msticky a.main{background:var(--pink);color:var(--black)}
  .msticky a.main i{color:var(--black)}
  .backtop{bottom:84px}
  .site-footer{padding-bottom:40px}
}

/* =====================================================
   ピンクの使い分け（5色）
   --pink   #f9a3c8 淡いピンク（基本・ボタン）
   --pink-l #fcd3e4 ごく薄いピンク（面・やわらかい差し色）
   --pink-m #f57db3 中間のピンク（ラベル・見出しの飾り）
   --pink-h #ec4c8a 濃いピンク（強調・バッジ）
   --pink-d #d6179a ポスターのマゼンタ（ポイント）
   ===================================================== */
.s-head .lbl{color:var(--pink-m)}
.s-head h2::after{background:var(--pink-m)}
.brand .bf{color:var(--pink-m)}
.nav-cta{background:var(--pink-m)}
.hero-open{border-color:var(--pink-h)}
.hero-open span{background:var(--pink-h)}
.hero-open b{color:var(--pink-m)}
.hero-eyebrow .bf,.hero-meta i{color:var(--pink-m)}
.hero-tags li:nth-child(4n+1){border-color:var(--pink);color:var(--pink)}
.hero-tags li:nth-child(4n+2){border-color:var(--pink-m);color:var(--pink-m)}
.hero-tags li:nth-child(4n+3){border-color:var(--pink-l);color:var(--pink-l)}
.hero-tags li:nth-child(4n+4){border-color:var(--pink-h);color:var(--pink-h)}

/* お知らせの帯：ごく薄いピンク＋濃いピンクの線 */
.news-box{background:var(--pink-l);border-left:10px solid var(--pink-h)}
.news-list time{color:var(--pink-d)}

/* カードの上線・番号を、順番に色替え */
.feat,.job,.voice,.flow-list li,.faq details{--c:var(--pink)}
.feat:nth-child(4n+2),.job:nth-child(3n+2),.voice:nth-child(3n+2),.flow-list li:nth-child(5n+2){--c:var(--pink-h)}
.feat:nth-child(4n+3),.job:nth-child(3n+3),.voice:nth-child(3n+3),.flow-list li:nth-child(5n+3){--c:var(--pink-l)}
.feat:nth-child(4n+4),.voice:nth-child(3n+4),.flow-list li:nth-child(5n+4){--c:var(--pink-d)}
.flow-list li:nth-child(5n+5){--c:var(--pink-m)}
.feat,.job{border-top-color:var(--c)}
.feat-no{color:var(--c)}
.feat:nth-child(4n+4) .feat-no{color:var(--pink-m)}
.job-type{border-color:var(--c);color:var(--c)}
.job:nth-child(3n+2) .job-badge,.job .job-badge{background:var(--pink-h);color:#fff}
.job-dl dt,.dl dt,.f-company dt{color:var(--pink-m)}
.voice::before{color:var(--c)}
.v-avatar{border-color:var(--c)}
.flow-list .no{background:var(--c);color:var(--black)}
.flow-list li:nth-child(5n+4) .no{color:#fff}
.flow-list li:not(:last-child)::after{background:var(--c)}

/* 面の強調 */
#requirements .dl{border-left-color:var(--pink-h)}
.greet{border-top-color:var(--pink-m)}
.form{border-top-color:var(--pink-h)}
.f em{background:var(--pink-h);color:#fff}
.faq details:nth-child(2n) summary::before{background:var(--pink-m)}
.faq details:nth-child(3n) summary::before{background:var(--pink-l)}
.faq details:nth-child(4n) summary::before{background:var(--pink-h);color:#fff}
.cbtn:nth-child(4n+1) i{color:var(--pink)}
.cbtn:nth-child(4n+2) i{color:var(--pink-m)}
.cbtn:nth-child(4n+3) i{color:var(--pink-h)}
.cbtn.line i{color:var(--line)}
.cbtn:hover{border-color:var(--pink-m)}
.hero-slider{border-color:var(--pink-m);box-shadow:10px 10px 0 var(--pink-h)}
.hero-slider .dots button.active{background:var(--pink-h);border-color:var(--pink-h)}
.btn-pink:hover{background:var(--pink-l);border-color:var(--pink-l)}
.nav-cta:hover{background:var(--pink-l)!important}
.site-footer{border-top-color:var(--pink-h)}
.f-brand .bf{color:var(--pink-m)}
.f-sns a:nth-child(4n+1){border-color:var(--pink);color:var(--pink)}
.f-sns a:nth-child(4n+2){border-color:var(--pink-m);color:var(--pink-m)}
.f-sns a:nth-child(4n+3){border-color:var(--pink-h);color:var(--pink-h)}
.f-sns a:nth-child(4n+4){border-color:var(--pink-l);color:var(--pink-l)}
.f-sns a:hover{background:var(--pink-h);border-color:var(--pink-h);color:#fff}
.backtop{background:var(--pink-h);color:#fff}
.msticky a.main{background:var(--pink-h);color:#fff}
.msticky a.main i{color:#fff}
.rich a,.agree a{color:var(--pink-m)}
.rich blockquote{border-left-color:var(--pink-h)}
@media(max-width:900px){.hero-slider{box-shadow:7px 7px 0 var(--pink-h)}}