@charset "UTF-8";
/* Recruitment page only. Existing manga assets and viewer are preserved. */
body.aiwriter-focus-page .aw-recruitment { overflow: visible; --aw-ink:#102b3b; --aw-body:#354953; --aw-warm:#fff7ed; --aw-edge:#d5dedf; color:var(--aw-ink); background:#fff; }
body.aiwriter-focus-page .mobile-drawer[aria-hidden="true"] { visibility:hidden; pointer-events:none; }
.aw-recruitment .wrap { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.aw-recruitment p { margin:0 0 16px; font-size:16px; line-height:1.85; }
.aw-recruitment h1,.aw-recruitment h2,.aw-recruitment h3,.aw-recruitment summary { word-break:normal; line-break:strict; overflow-wrap:normal; text-wrap:balance; }
.aw-recruitment h2 { margin:0 0 24px; color:var(--aw-ink); font-size:clamp(29px,3.25vw,44px); letter-spacing:-.025em; line-height:1.5; font-weight:900; }
.aw-recruitment h3 { margin:0 0 14px; font-size:23px; line-height:1.6; font-weight:900; color:var(--aw-ink); }
.aw-recruitment .jp-phrase { display:inline-block; white-space:nowrap; }
.aw-recruitment .aw-line { display:block; }
.aw-recruitment .aw-eyebrow { margin:0 0 20px; color:#8b370e; font-size:14px; font-weight:800; letter-spacing:.05em; line-height:1.8; }
.aw-recruitment .aw-tag { margin:0 0 20px; color:#485f66; font-size:14px; line-height:1.8; font-weight:800; }
.aw-recruitment .aw-note { margin:16px 0 0; font-size:14px; line-height:1.85; color:#485f66; }
.aw-recruitment .aw-lead { max-width:800px; margin-bottom:36px; font-size:18px; line-height:1.9; color:var(--aw-body); }
.aw-recruitment .aw-section { padding:80px 0; scroll-margin-top:100px; }
.aw-recruitment .aw-warm { background:var(--aw-warm); }
.aw-recruitment .aw-two-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.aw-recruitment .aw-three-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.aw-recruitment .aw-button,.aw-recruitment .aw-button:visited { display:inline-flex; min-height:58px; align-items:center; justify-content:center; gap:20px; padding:16px 26px; border:2px solid #ff8a51; border-radius:10px; color:#102b3b; background:#ff8a51; font-size:17px; font-weight:900; line-height:1.6; text-decoration:none; }
.aw-recruitment .aw-button:hover,.aw-recruitment .aw-button:focus-visible { color:#102b3b; background:#ffb58b; border-color:#ffb58b; }
.aw-recruitment a:focus-visible,.aw-recruitment summary:focus-visible { outline:3px solid #157e80; outline-offset:5px; }
.aw-recruitment .aw-text-link,.aw-recruitment .aw-text-link:visited { display:block; padding:12px 0; color:#125c68; font-weight:800; font-size:16px; text-decoration:underline; text-underline-offset:5px; line-height:1.75; }
.aw-recruitment .aw-text-link:hover { color:#873a14; }
.aw-recruitment .aw-hero { position:relative; background:#061b30; color:#fff; isolation:isolate; }
.aw-recruitment .aw-hero-art { position:absolute; inset:0; z-index:-1; }
.aw-recruitment .aw-hero-art picture,.aw-recruitment .aw-hero-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.aw-recruitment .aw-hero-art::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,#061b30 0%,rgba(6,27,48,.94) 25%,rgba(6,27,48,.65) 46%,rgba(6,27,48,0) 70%); }
.aw-recruitment .aw-hero-inner { min-height:750px; padding-block:160px 70px; display:flex; align-items:center; }
.aw-recruitment .aw-hero-copy { width:610px; max-width:60%; padding:28px 26px 20px 0; }
.aw-recruitment .aw-hero .aw-eyebrow { color:#ffd0ae; letter-spacing:.14em; }
.aw-recruitment .aw-hero h1 { margin:0 0 24px; color:#fff; font-size:clamp(42px,4.3vw,61px); line-height:1.4; font-weight:900; letter-spacing:-.025em; }
.aw-recruitment .aw-accent { color:#ffb17e; }
.aw-recruitment .aw-hero-sub { font-size:23px; font-weight:800; color:#fff; margin-bottom:22px; line-height:1.8; }
.aw-recruitment .aw-hero-body,.aw-recruitment .aw-hero-fit { font-size:16px; color:#fff; line-height:1.85; }
.aw-recruitment .aw-hero-fit { margin-top:22px; }
.aw-recruitment .aw-hero-note { margin:18px 0 0; color:#e1e9ef; font-size:14px; line-height:1.85; }
.aw-recruitment .aw-page-nav { background:#102b3b; }
.aw-recruitment .aw-page-nav .wrap { display:flex; justify-content:center; flex-wrap:wrap; gap:0 25px; padding-block:12px; }
.aw-recruitment .aw-page-nav a,.aw-recruitment .aw-page-nav a:visited { display:flex; align-items:center; min-height:44px; padding:8px 4px; color:#fff; font-size:15px; font-weight:700; text-decoration:none; }
.aw-recruitment .aw-page-nav a:hover { color:#ffbf93; }
.aw-recruitment .aw-entry { padding:32px; border:1px solid var(--aw-edge); border-top:4px solid #177578; background:#f4f9f8; border-radius:4px 4px 16px 16px; }
.aw-recruitment .aw-intro-bridge { max-width:800px; margin:-12px 0 34px; }
.aw-recruitment .aw-network { margin-top:40px; padding-top:32px; border-top:1px solid var(--aw-edge); }
.aw-recruitment .aw-network h3 { font-size:26px; }
.aw-recruitment .aw-network > p { max-width:900px; }
.aw-recruitment .aw-network > div { display:flex; flex-wrap:wrap; gap:8px 32px; }
.aw-recruitment .aiwriter-manga-compact .roadmap-manga-episodes small { white-space:normal; line-height:1.7; font-size:14px; overflow:visible; }
.aw-recruitment .roadmap-manga-episodes { grid-template-columns:repeat(3,minmax(0,1fr)); }
.aw-recruitment .aw-entry-warm { border-top-color:#d36530; background:#fff8ee; }
.aw-recruitment .aw-entry h3 { font-size:26px; }
.aw-recruitment .aw-entry p:last-child { margin-bottom:0; }
.aw-recruitment .aw-closing-line { margin:30px 0 0; text-align:center; font-weight:700; font-size:18px; }
.aw-recruitment .aw-story-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,360px); gap:70px; align-items:center; }
.aw-recruitment .aw-story-grid .aiwriter-story-comic { width:100%; margin:0 !important; }
.aw-recruitment .aw-story-grid .aiwriter-story-comic img { border-radius:10px; box-shadow:none; }
.aw-recruitment .aw-story-grid .aiwriter-story-comic figcaption { color:#48545a; font-size:14px; line-height:1.8; }
.aw-recruitment .aw-conversation { margin:28px 0; padding:22px 24px; background:#fff; border-left:4px solid #b55020; }
.aw-recruitment .aw-conversation p { margin:0 0 8px; }
.aw-recruitment .aw-conversation .aw-tag { margin-bottom:16px; }
.aw-recruitment .aw-key-message { margin-top:24px; font-weight:900; font-size:22px; line-height:1.7; color:#8b370e; }
.aw-recruitment .aw-service-grid article { padding:28px 24px; background:#f4f8f8; border-radius:12px; border:1px solid var(--aw-edge); }
.aw-recruitment .aw-service-grid h3 { font-size:23px; }
.aw-recruitment .aw-delivery { margin:20px 0 0; padding-top:16px; border-top:1px solid #bcced0; font-size:14px; color:#35555e; line-height:1.8; }
.aw-recruitment .aw-project-panel { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:40px; padding:32px; margin-top:30px; background:#fff4e7; border:1px solid #ecd2b8; border-radius:12px; align-items:center; }
.aw-recruitment .aw-project-panel .aw-eyebrow { margin-bottom:16px; }
.aw-recruitment .aw-project-panel p:last-child { margin-bottom:0; }
.aw-recruitment .aw-income { color:#fff; background:#102f3f; }
.aw-recruitment .aw-income h2,.aw-recruitment .aw-income h3 { color:#fff; }
.aw-recruitment .aw-income .aw-eyebrow { color:#ffc396; }
.aw-recruitment .aw-income .aw-lead { color:#eaf1f4; margin-bottom:16px; }
.aw-recruitment .aw-income-note { padding:12px 18px; margin:0 0 32px; color:#e4ecef; background:#1b3f50; border:1px solid #68808b; border-radius:6px; font-size:15px; line-height:1.85; }
.aw-recruitment .aw-income-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; padding:0; list-style:none; gap:28px; }
.aw-recruitment .aw-income-steps li { padding:24px 0; border-top:2px solid #708892; }
.aw-recruitment .aw-step-label { display:block; font-size:14px; line-height:1.8; color:#c7d7de; }
.aw-recruitment .aw-income-steps strong { display:block; margin:12px 0 18px; color:#ffbe90; font-size:24px; line-height:1.45; }
.aw-recruitment .aw-income-steps strong span { font-size:44px; }
.aw-recruitment .aw-income-steps h3 { font-size:21px; }
.aw-recruitment .aw-income-steps p { color:#e4edf1; margin-bottom:0; }
.aw-recruitment .aw-income-bottom { margin:28px 0 0; padding-top:24px; border-top:1px solid #66808a; text-align:center; font-weight:700; color:#fff; }
.aw-recruitment .aw-learning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.aw-recruitment .aw-number { display:block; margin-bottom:14px; font-family:"Space Grotesk",sans-serif; font-size:28px; font-weight:700; color:#096b68; }
.aw-recruitment .aw-learning-grid article p { margin:0; }
.aw-recruitment .aw-tool-row { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:36px; align-items:center; margin-top:38px; padding-top:32px; border-top:1px solid var(--aw-edge); }
.aw-recruitment .aw-tool-row h3 { font-size:22px; }
.aw-recruitment .aw-lab-band { display:flex; gap:32px; justify-content:space-between; align-items:center; margin-top:26px; padding:26px 32px; border-radius:12px; background:#eaf4f1; }
.aw-recruitment .aw-lab-band .aw-tag { margin-bottom:8px; }
.aw-recruitment .aw-lab-band p { margin-bottom:0; }
.aw-recruitment .aw-lab-band > .aw-text-link { flex-shrink:0; }
.aw-recruitment .aiwriter-manga-compact { padding:64px 0; }
.aw-recruitment .aiwriter-manga-compact h2 { font-size:34px; }
.aw-recruitment .aiwriter-manga-compact__intro { gap:48px; }
.aw-recruitment .aiwriter-manga-compact .aiwriter-mobile-lines > span { display:inline-block; }
.aw-recruitment .aw-start-grid article { padding:24px; }
.aw-recruitment .roadmap-manga-top .roadmap-manga-title { color:#fff; }
.aw-recruitment .aw-start-grid h3 { font-size:22px; }
.aw-recruitment .aw-proof { padding:24px 28px; margin-top:28px; border:1px solid #dac7b3; border-radius:10px; background:#fff; }
.aw-recruitment .aw-proof .aw-tag { margin-bottom:6px; }
.aw-recruitment .aw-fee-grid article { padding:28px 25px; border:1px solid var(--aw-edge); border-top:4px solid #177578; border-radius:8px; }
.aw-recruitment .aw-fee-grid .aw-price { margin:12px 0; font-family:"Space Grotesk","Zen Kaku Gothic New",sans-serif; font-size:44px; line-height:1.3; font-weight:700; color:#103c42; letter-spacing:-.04em; }
.aw-recruitment .aw-price span { font-size:22px; margin-left:4px; }
.aw-recruitment .aw-fee-grid h3 { font-size:19px; }
.aw-recruitment .aw-fee-grid p:last-child { margin-bottom:0; }
.aw-recruitment .aw-fee-notes { margin-block:26px; padding:24px; background:#f1f6f5; border-radius:10px; }
.aw-recruitment .aw-fee-notes p:last-child { margin-bottom:0; }
.aw-recruitment .aw-details { border-bottom:1px solid #c8d6d7; }
.aw-recruitment .aw-details summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:68px; padding:20px 4px; font-size:17px; font-weight:800; line-height:1.7; cursor:pointer; list-style:none; }
.aw-recruitment .aw-details summary::-webkit-details-marker { display:none; }
.aw-recruitment .aw-details summary::after { content:"＋"; color:#175e65; flex-shrink:0; }
.aw-recruitment .aw-details[open] summary::after { content:"−"; }
.aw-recruitment .aw-details-body { padding:0 24px 24px 4px; color:var(--aw-body); }
.aw-recruitment .aw-fees .aw-details-body { background:#fff; }
.aw-recruitment .aw-details-body p:last-child { margin-bottom:0; }
.aw-recruitment .aw-details-body dl { margin:24px 0; }
.aw-recruitment .aw-details-body dl div { margin-top:18px; }
.aw-recruitment .aw-details-body dt { font-weight:800; margin-bottom:6px; }
.aw-recruitment .aw-details-body dd { margin:0; font-size:16px; line-height:1.85; }
.aw-recruitment .aw-faq { background:#f3f7f7; }
.aw-recruitment .aw-narrow { max-width:900px; }
.aw-recruitment .aw-final { background:#102f3f; color:#fff; text-align:center; }
.aw-recruitment .aw-final h2 { color:#fff; }
.aw-recruitment .aw-final .aw-eyebrow { color:#ffc396; }
.aw-recruitment .aw-final .aw-note { color:#d6e6eb; }
.aw-recruitment .aw-cta-unit { margin-top:30px; }
.aw-recruitment .aw-line-prompt { font-size:16px; }
.aw-recruitment .aw-button:focus-visible { outline-color:#ffbf91; }
@media(max-width:1050px){
  .aw-recruitment .aiwriter-manga-compact__intro { grid-template-columns:1fr; gap:24px; }
  .aw-recruitment .aiwriter-manga-compact__intro > figure { max-width:520px; }
  .aw-recruitment .roadmap-manga-episodes { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .aw-recruitment .aw-hero-copy { max-width:68%; background:#061b30; padding:28px; border-radius:12px; }
  .aw-recruitment .aw-hero-inner { padding-top:136px; min-height:720px; }
  .aw-recruitment .aw-story-grid { gap:35px; grid-template-columns:minmax(0,1fr) minmax(240px,300px); }
  .aw-recruitment .aw-three-grid { gap:16px; }
  .aw-recruitment .aw-three-grid article { padding:24px 18px; }
  .aw-recruitment .aw-three-grid h3 { font-size:21px; }
  .aw-recruitment .aw-project-panel { grid-template-columns:1fr; gap:16px; }
  .aw-recruitment .aw-lab-band { display:block; }
  .aw-recruitment .aw-lab-band > .aw-text-link { margin-top:12px; }
}
@media(max-width:767px){
  .aw-recruitment .roadmap-manga-episodes { grid-template-columns:1fr; }
  .aw-recruitment .wrap { width:calc(100% - 40px); }
  .aw-recruitment .aw-section { padding:52px 0; }
  .aw-recruitment h2 { font-size:29px; line-height:1.55; margin-bottom:24px; }
  .aw-recruitment h3 { font-size:23px; }
  .aw-recruitment .aw-eyebrow { font-size:13px; margin-bottom:16px; }
  .aw-recruitment .aw-lead { font-size:17px; margin-bottom:28px; }
  .aw-recruitment .aw-hero-art { height:410px; }
  .aw-recruitment .aw-hero-art img { object-position:center bottom; }
  .aw-recruitment .aw-hero-art::after { background:linear-gradient(180deg,rgba(6,27,48,.12) 35%,#061b30 100%); }
  .aw-recruitment .aw-hero-inner { padding:265px 0 36px; min-height:0; }
  .aw-recruitment .aw-hero-copy { width:100%; max-width:none; padding:0; border-radius:0; background:#061b30; }
  .aw-recruitment .aw-hero h1 { font-size:36px; line-height:1.45; margin-bottom:16px; }
  .aw-recruitment .aw-hero-sub { font-size:20px; margin-bottom:20px; }
  .aw-recruitment .aw-hero-body .aw-break { display:none; }
  .aw-recruitment .aw-hero-note .aw-break { display:none; }
  .aw-recruitment .aw-button { width:100%; font-size:16px; padding:15px 12px; gap:12px; }
  .aw-recruitment .aw-page-nav .wrap { gap:0 20px; justify-content:flex-start; padding-block:8px; }
  .aw-recruitment .aw-page-nav a { font-size:14px; }
  .aw-recruitment .aw-two-grid,.aw-recruitment .aw-three-grid,.aw-recruitment .aw-learning-grid,.aw-recruitment .aw-story-grid,.aw-recruitment .aw-tool-row { grid-template-columns:1fr; gap:22px; }
  .aw-recruitment .aw-entry { padding:26px 24px; }
  .aw-recruitment .aw-entry h3 { font-size:24px; }
  .aw-recruitment .aw-closing-line { font-size:17px; text-align:left; }
  .aw-recruitment .aw-story-grid .aiwriter-story-comic { max-width:380px; margin:10px auto 0 !important; }
  .aw-recruitment .aw-key-message { font-size:21px; }
  .aw-recruitment .aw-conversation { padding:18px; }
  .aw-recruitment .aw-conversation p { font-size:15px; }
  .aw-recruitment .aw-three-grid article { padding:26px 24px; }
  .aw-recruitment .aw-three-grid h3 { font-size:23px; }
  .aw-recruitment .aw-project-panel { margin-top:24px; padding:26px 22px; }
  .aw-recruitment .aw-income-steps { grid-template-columns:1fr; gap:6px; }
  .aw-recruitment .aw-income-steps li { padding:24px 0; }
  .aw-recruitment .aw-income-steps strong { margin-top:4px; margin-bottom:12px; }
  .aw-recruitment .aw-income-steps h3 { font-size:23px; }
  .aw-recruitment .aw-income-bottom { text-align:left; margin-top:12px; }
  .aw-recruitment .aw-income-bottom .aw-break { display:none; }
  .aw-recruitment .aw-learning-grid { gap:26px; }
  .aw-recruitment .aw-learning-grid article { padding-bottom:24px; border-bottom:1px solid var(--aw-edge); }
  .aw-recruitment .aw-tool-row { margin-top:8px; padding-top:22px; border:0; gap:0; }
  .aw-recruitment .aw-lab-band { padding:24px; }
  .aw-recruitment .aiwriter-manga-compact h2 { font-size:27px; }
  .aw-recruitment .aiwriter-manga-compact { padding:50px 0; }
  .aw-recruitment .aiwriter-manga-compact__intro { gap:24px; }
  .aw-recruitment .aiwriter-manga-details summary { font-size:16px; }
  .aw-recruitment .aw-start-grid article { padding:24px; }
  .aw-recruitment .aw-proof { padding:22px; }
  .aw-recruitment .aw-fee-grid h3 { font-size:20px; }
  .aw-recruitment .aw-fee-notes { padding:22px; }
  .aw-recruitment .aw-faq h2 { font-size:27px; }
  .aw-recruitment .aw-details summary { font-size:16px; gap:14px; padding-block:20px; }
  .aw-recruitment .aw-details-body { padding-right:4px; }
  .aw-recruitment .aw-final { text-align:left; }
  .aw-recruitment .aw-final .aw-break { display:none; }
  .aw-recruitment .aw-line-prompt { font-size:15px; }
}