:root{--ap-ink:#143b40;--ap-paper:#f8f7f2;--ap-tint:#edf2f6;--ap-blue:#2e6b9a;--ap-line:#b8c9cd}.p-approved{background:var(--ap-paper);color:var(--ap-ink);font-family:"Noto Sans JP",sans-serif;font-size:16px;line-height:1.625;padding:20px 20px 48px;word-break:normal;overflow-wrap:normal;text-wrap:pretty}.p-approved *{box-sizing:border-box}.ap-column{width:100%;max-width:640px;margin:auto;display:flex;flex-direction:column;gap:48px}.ap-column p,.ap-column h1,.ap-column h2,.ap-column h3,.ap-column figure,.ap-column dl,.ap-column ol,.ap-column ul{margin:0}.ap-column h1{font-size:28px;line-height:1.5;font-weight:700;text-wrap:pretty}.ap-column h2{font-size:22px;line-height:1.5;font-weight:700}.ap-column h3,.ap-subhead{font-size:18px;line-height:1.56;font-weight:700}.ap-small{font-size:14px;line-height:1.58}.ap-section{display:flex;flex-direction:column;gap:24px}.ap-section>div:not([class])>p,.ap-section>div:not([class])>h3{margin-bottom:16px}.ap-section p{max-width:40em}.ap-box{padding:24px;background:var(--ap-tint);border-radius:16px;display:flex;flex-direction:column;gap:20px}.ap-column a{color:inherit;text-underline-offset:4px}.ap-column hr{width:100%;border:0;height:1px;background:var(--ap-blue);opacity:.3;margin:0}.ap-button,.ap-filters button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:56px;min-height:56px;max-height:56px;width:100%;padding:0 16px;border:1px solid var(--ap-ink);border-radius:8px;background:var(--ap-ink);color:var(--ap-paper) !important;text-decoration:none;font-size:16px;font-weight:700;line-height:24px;cursor:pointer}.ap-button--secondary{background:var(--ap-paper);color:var(--ap-ink) !important}.ap-button:hover{filter:brightness(0.92)}.ap-button:active{transform:translateY(1px)}.ap-button:focus-visible,.ap-chips input:focus-visible+span,.ap-filters select:focus-visible{outline:3px solid var(--ap-blue);outline-offset:3px}.ap-button:disabled{opacity:.5;cursor:default}.ap-cta{border-radius:16px;padding:24px;background:var(--ap-ink);color:var(--ap-paper);display:flex;flex-direction:column;gap:24px}.ap-art-row{display:flex;gap:20px;align-items:center}.ap-art-row>div,.ap-art-row>h3,.ap-art-row>p{flex:1;min-width:0}.ap-art-row>div>p{font-size:14px;margin-top:4px}.ap-art{display:block;position:relative;overflow:hidden;flex:0 0 auto;width:72px;height:72px}.ap-art img{display:block;position:absolute;width:300%;height:100%;max-width:none;left:0;top:0}.ap-art--1 img{left:-100%}.ap-art--2 img{left:-200%}.ap-art--80{width:80px;height:80px}.ap-art--104{width:104px;height:104px}.ap-art--112{width:112px;height:112px}.ap-art-pair{display:flex;gap:24px}.ap-footer{border-top:1px solid var(--ap-line);padding-top:24px;display:flex;flex-direction:column;gap:24px}.ap-footer a{text-decoration:none}.ap-footer>a{display:flex;flex-direction:column;gap:16px}.ap-footer strong{font-size:18px}.ap-footer small{font-size:14px}.ap-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.p-site-nav{position:relative !important;background:var(--ap-paper);color:var(--ap-ink);padding:20px;gap:12px;min-height:96px;box-shadow:none}.p-site-nav__logo{display:flex !important;flex-direction:column;gap:0;min-width:0;text-decoration:none;width:auto;flex:1}.p-site-nav__wordmark{font-size:18px;font-weight:700;line-height:28px}.p-site-nav__logo small{font-size:10px;line-height:15px;white-space:nowrap}.p-site-nav__contact,.p-site-nav__menu summary,.p-site-nav__menu button{height:56px;min-height:56px;max-height:56px;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0 12px;box-sizing:border-box}.p-site-nav__contact{font-size:14px;white-space:nowrap}.p-site-nav__menu summary{width:56px;border:1px solid var(--ap-ink);background:var(--ap-paper)}.p-site-nav__menu nav{z-index:40}.p-site-nav__desktop{gap:16px;font-size:13px}.p-site-nav__desktop a{white-space:nowrap}.ap-filters{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin:0}.ap-filters fieldset{margin:0;border:0;padding:0}.ap-filters legend{font-size:14px;font-weight:700;margin-bottom:16px}.ap-filters>label{font-size:14px;font-weight:700}.ap-filters select{display:block;margin:16px 0 0;width:100%;height:56px;border:1px solid var(--ap-ink);border-radius:8px;background:var(--ap-paper);font-size:16px;color:var(--ap-ink);padding:0 16px}.ap-chips{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.ap-chips label{position:relative}.ap-chips input{position:absolute;opacity:0;width:1px;height:1px}.ap-chips span{display:flex;align-items:center;justify-content:center;height:56px;border:1px solid var(--ap-ink);border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap}.ap-chips input:checked+span{background:var(--ap-ink);color:var(--ap-paper)}.ap-case-grid{display:flex;flex-direction:column;gap:48px}.ap-case-card{background:var(--ap-tint);border:0;border-radius:16px;overflow:hidden}.ap-case-card picture,.ap-case-image picture{display:block}.ap-case-card img,.ap-case-image img{display:block;width:100%;height:auto}.ap-card-body{padding:20px;display:flex;flex-direction:column;gap:20px}.ap-case-card h3{margin:0;font-size:18px}.ap-case-card:not([data-case-type=common]):first-child h3{font-size:22px}.ap-case-card a{height:56px}.ap-case-card a:hover{background:var(--ap-paper)}.ap-case-card>.ap-art-pair{padding:20px 20px 0}.ap-weights{display:flex;flex-direction:column;gap:16px}.ap-weights>div{border-left:3px solid var(--ap-blue);padding-left:16px;display:flex;flex-direction:column;gap:8px}.ap-weights dt{font-weight:700}.ap-weights dd{margin:0}.ap-checklist{padding-left:1.5em;display:flex;flex-direction:column;gap:16px;list-style:"✓  "}.ap-time-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 0;border-bottom:1px solid var(--ap-line)}.ap-time-pair dt{font-size:14px}.ap-time-pair dd{margin:6px 0 0;font-size:22px;font-weight:700}.ap-steps{list-style:none;padding:0;display:flex;flex-direction:column;gap:24px}.ap-steps li{border-bottom:1px solid var(--ap-line);padding-bottom:24px;display:flex;flex-direction:column;gap:16px;transition:background-color .2s}.ap-step-heading{display:flex;gap:16px;align-items:center}.ap-step-heading h3{font-size:16px;line-height:26px;min-width:0}.ap-step-heading h3 span{display:inline-block;margin-right:8px}.ap-step-heading .ap-art{width:56px;height:56px}.ap-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ap-controls .ap-button{font-size:14px;padding:0 8px}.ap-file{padding:16px;background:var(--ap-tint);border-radius:8px;font-size:14px;overflow-wrap:anywhere}.ap-steps li.is-playing{background:#dbe9ed}.ap-case-times>div{display:flex;flex-direction:column;gap:12px}@media(min-width: 768px){.p-approved{padding-top:20px}.ap-column h1{font-size:42px;line-height:1.5}.p-site-nav{max-width:none}.p-site-nav__logo{flex:0 0 180px}.ap-case-card img{aspect-ratio:16/9;object-fit:contain}.ap-steps p{max-width:40em}}@media(max-width: 1100px){.p-site-nav__desktop{display:none !important}.p-site-nav__menu{display:block !important}}@media(max-width: 480px){.ap-cases article.ap-section>header h1{font-size:28px}.ap-cases article.ap-section>header h1{font-size:27px}.ap-cases .ap-case-image img{aspect-ratio:4/5;object-fit:contain}.ap-case-card img{aspect-ratio:4/5;object-fit:contain}.ap-cases .ap-box h2{font-size:20px}.ap-step-heading h3{font-size:14px}.ap-step-heading .ap-art{width:48px;height:48px}.ap-step-heading{gap:8px}}@media(prefers-reduced-motion: reduce){.ap-steps li{transition:none}.ap-button:active{transform:none}}@media(min-width: 768px){.ap-column p,.ap-column dd{max-width:480px}}