.intro-with-visual{display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);gap:28px;align-items:center;padding:30px}.intro-copy{min-width:0}.intro-visual{margin:0;position:relative;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #f0e5db;box-shadow:0 16px 38px rgba(30,45,70,.12)}.intro-visual img{display:block;width:100%;height:auto;aspect-ratio:16/8;object-fit:cover}.intro-visual figcaption{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);padding:9px 14px;border-radius:999px;background:rgba(8,28,62,.88);color:#fff;font-weight:800;font-size:13px;letter-spacing:.02em;box-shadow:0 6px 18px rgba(0,0,0,.16)}
.upload-skill-note{margin-top:14px;padding:15px 17px;border-left:5px solid #ff6a2a;border-radius:10px;background:linear-gradient(135deg,#fff6ed,#fff);color:#263650;font-size:14px;line-height:1.75;box-shadow:0 7px 20px rgba(255,106,42,.08)}.upload-skill-note b{color:#e94d14}
.featured-manga-lp{display:grid;grid-template-columns:minmax(240px,.76fr) minmax(0,1.24fr);gap:0;margin:18px 0 30px;border:2px solid #ff6a24;border-radius:22px;overflow:hidden;background:#fff;color:#10274b;text-decoration:none;box-shadow:0 16px 38px rgba(255,91,25,.14);transition:transform .2s ease,box-shadow .2s ease}.featured-manga-lp:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(255,91,25,.22)}.featured-manga-lp>img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}.featured-manga-lp>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 28px}.featured-manga-lp b{display:inline-block;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#ffb700,#ff641e);color:#fff;font-size:14px;box-shadow:0 5px 14px rgba(255,120,20,.24)}.featured-manga-lp h1{margin:13px 0 12px;font-size:clamp(21px,2.4vw,31px);line-height:1.42}.featured-manga-lp span{color:#f05a1a;font-weight:800}.featured-manga-lp strong{margin-top:6px;color:#5f6b7c;font-size:14px}.featured-manga-lp em{margin-top:17px;padding:10px 18px;border-radius:10px;background:#10274b;color:#fff;font-style:normal;font-weight:800}
@media(max-width:960px){.intro-with-visual{grid-template-columns:1fr}.intro-visual{order:2}.intro-visual img{aspect-ratio:16/8.6}}
@media(max-width:600px){.intro-with-visual{gap:20px;padding:22px 16px}.intro-visual{border-radius:16px}.intro-visual img{aspect-ratio:auto;object-fit:contain}.intro-visual figcaption{position:static;max-width:none;border-radius:0;padding:10px 12px;text-align:center;font-size:12px}}
@media(max-width:680px){.featured-manga-lp{grid-template-columns:1fr;border-radius:17px}.featured-manga-lp>img{min-height:0;aspect-ratio:16/9}.featured-manga-lp>div{padding:20px}.featured-manga-lp h1{font-size:21px}}
.business-expansion{margin:28px 0;padding:34px;border:1px solid #e8edf4;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#fffaf4 48%,#f4f9ff 100%);box-shadow:0 16px 38px rgba(30,45,70,.08)}.business-heading{text-align:center;max-width:850px;margin:0 auto 24px}.business-heading small{font-weight:900;letter-spacing:.16em;color:#f05a1a}.business-heading h2{margin:7px 0 12px;color:#0b2348;font-size:clamp(26px,3.2vw,42px);line-height:1.28}.business-heading p{margin:0;color:#4d5b70;line-height:1.9}.business-expansion figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid #e7eaf0;background:#fff}.business-expansion figure img{display:block;width:100%;height:auto}.business-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.business-points article{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-content:start;padding:17px;border-radius:15px;background:#fff;border:1px solid #e5eaf1}.business-points b{grid-row:1/3;color:#ff641e;font-size:20px}.business-points strong{color:#10274b}.business-points span{grid-column:2;color:#657086;font-size:13px;line-height:1.65}.business-message{margin:18px 0 0;padding:17px 20px;border-radius:14px;background:#10274b;color:#fff;line-height:1.8;text-align:center}.business-message b{color:#ffd04e}
@media(max-width:900px){.business-points{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.business-expansion{padding:24px 15px;border-radius:18px}.business-heading{text-align:left}.business-heading h2{font-size:27px}.business-expansion figure{border-radius:14px}.business-points{grid-template-columns:1fr}.business-message{text-align:left;font-size:14px}}
.business-cta{margin-top:22px;text-align:center}.business-cta .button{min-width:240px;padding:14px 24px;border-radius:999px;font-size:16px;box-shadow:0 10px 24px rgba(240,90,26,.2)}