.hj{--plum:#672b50;--lilac:#d8c7e4;--olive:#7c8458;color:#312631}.hj img{width:100%;height:100%;object-fit:cover;border-radius:20px}.hj-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;padding:40px;background:linear-gradient(120deg,#f3e9ef,#eeeade);border-radius:34px}.hj-hero img{min-height:380px}.hj h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1}.hj-mark{font-size:.76rem;letter-spacing:.15em;font-weight:800;color:var(--plum)}.hj-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:48px 0}.hj-sequence article{border-bottom:4px solid var(--lilac);padding-bottom:18px}.hj-sequence img{height:220px}.hj-sequence h2{font-size:1.15rem}.hj-band{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#f5f0e6;padding:28px;border-radius:28px;margin:50px 0}.hj-band>div{padding:25px}.hj-seo{background:#f0eaf1;padding:44px;border-radius:30px;margin:54px 0}.hj-seo p{line-height:1.75}.hj-seo ul,.hj-seo ol{background:#fff;padding:22px 28px 22px 48px;border-radius:18px}.hj-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:48px 0}.hj-detail article{padding:16px;background:#f6f3ed;border-radius:22px}.hj-detail img{height:230px}.hj-finish{background:#4e263e;color:#fff}.hj-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:46px 0}.hj-links a{padding:20px;background:#eee8ef;border-radius:17px;color:inherit;text-decoration:none}.hj-links small,.hj-links b{display:block}@media(max-width:820px){.hj-hero,.hj-band{grid-template-columns:1fr}.hj-sequence{grid-template-columns:1fr 1fr}.hj-detail{grid-template-columns:1fr}.hj-links{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hj-sequence,.hj-links{grid-template-columns:1fr}.hj-seo{padding:25px}.hj-hero{padding:24px}}