.usage-guide,.practical-faq{color:#29342d;background:#eae6dc;padding:100px 7vw;scroll-margin-top:82px}.usage-guide-more{margin-top:28px;display:inline-block}.practical-heading{grid-template-columns:1fr 2fr;gap:40px;margin-bottom:64px;display:grid}.practical-heading .chapter-number,.practical-faq .chapter-number{color:#747457;line-height:1.8}.practical-heading h2,.practical-faq h2{letter-spacing:.025em;margin:0 0 24px;font:400 clamp(34px,3.9vw,58px)/1.5 Yu Mincho,Georgia,serif}.practical-heading p,.faq-intro>p{color:#626b5f;font:13px/2.1 Arial,Yu Gothic,sans-serif}.dilution-pair{border-top:1px solid #8d9785;border-bottom:1px solid #8d9785;grid-template-columns:1fr 1fr;display:grid}.dilution-item{padding:34px 5vw 35px 0}.dilution-item.shiro{border-left:1px solid #b8bbae;padding:34px 0 35px 5vw}.dilution-label{justify-content:space-between;align-items:center;gap:20px;display:flex}.dilution-label h3{letter-spacing:.12em;margin:0;font:400 19px/1.5 Georgia,serif}.dilution-label>span{color:#6f745f;font-size:11px}.dilution-value{letter-spacing:-.055em;margin:30px 0;font:400 clamp(76px,9vw,138px)/1.1 Georgia,serif}.dilution-value small{letter-spacing:0;margin-left:13px;font:400 19px Yu Mincho,serif}.ratio-rule{grid-template-columns:repeat(var(--parts),1fr);gap:5px;height:36px;display:grid}.ratio-rule i{background:#d7dbcf;border-top:1px solid #adb29f;border-bottom:1px solid #adb29f}.ratio-rule .concentrate{background:#2d3a30;border-color:#2d3a30}.shiro .ratio-rule .concentrate{background:#bba56b;border-color:#bba56b}.ratio-key{letter-spacing:.06em;align-items:center;gap:20px;margin:22px 0 0;font-size:10px;display:flex}.ratio-key b{margin-left:10px;font:400 24px Georgia}.practical-note{color:#707762;margin:19px 0 0;font:11px/1.9 Arial,Yu Gothic,sans-serif}.everyday-uses{grid-template-columns:repeat(3,1fr);gap:50px;padding:60px 0 70px;display:grid}.everyday-uses article>span{color:#8a825f;font:11px Georgia}.everyday-uses h3{margin:17px 0 10px;font:400 23px/1.6 Yu Mincho,Georgia,serif}.everyday-uses p{color:#63705f;margin:0;font-size:12px;line-height:1.9}.cost-study{color:#f1ebda;background:#22352b;grid-template-columns:1fr 1.05fr;column-gap:7vw;padding:58px 5vw 30px;display:grid}.cost-study .chapter-number{color:#c4b988}.cost-study h3{margin:22px 0;font:400 clamp(25px,2.8vw,38px)/1.65 Yu Mincho,Georgia,serif}.cost-study>div>p:not(.cost-price){color:#c3caba;font-size:12px;line-height:1.9}.cost-study .text-link{color:#dcd1ab;border-color:#999779}.cost-price{letter-spacing:-.06em;margin:6px 0 26px;font:400 clamp(70px,8vw,118px)/1 Georgia,serif}.cost-price small{letter-spacing:0;margin-right:12px;font:12px Arial}.cost-price>span{letter-spacing:.04em;margin-top:17px;font:12px/1.8 Arial,Yu Gothic,sans-serif;display:block}.cost-price em{color:#c0c5b2;margin-top:6px;font-size:10px;font-style:normal;display:block}.cost-equation{border-top:1px solid #7a886d;grid-template-columns:repeat(3,1fr);gap:15px;margin:0;padding:22px 0 0;list-style:none;display:grid}.cost-equation li{flex-direction:column;gap:10px;display:flex}.cost-equation strong{font:400 30px Georgia}.cost-equation span{color:#bec6b4;letter-spacing:.04em;font-size:9px}.cost-conditions{color:#c1c7b6;border-top:1px solid #79887065;grid-column:1/-1;margin:38px 0 0;padding-top:22px;font-size:10px;line-height:1.9}.practical-faq{background:#dedfd4;grid-template-columns:.85fr 1.4fr;gap:8vw;display:grid}.faq-intro h2{margin-top:24px;font-size:clamp(29px,3.3vw,46px)}.faq-intro>p{font-size:12px}.faq-list{border-top:1px solid #8b987e}.faq-list details{border-bottom:1px solid #a7af9a}.faq-list summary{cursor:pointer;grid-template-columns:28px 1fr 20px;align-items:center;gap:15px;padding:28px 0;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list h3{margin:0;font:400 16px/1.7 Yu Mincho,Georgia,serif}.faq-number{color:#707c62;font:10px Georgia}.faq-toggle{width:14px;height:14px;position:relative}.faq-toggle:before,.faq-toggle:after{content:"";background:#5a694e;width:14px;height:1px;position:absolute;top:6px;left:0}.faq-toggle:after{transition:transform .2s;transform:rotate(90deg)}.faq-list details[open] .faq-toggle:after{transform:rotate(0)}.faq-answer{padding:0 35px 28px 43px}.faq-answer p{color:#515f4b;margin:0;font-size:13px;line-height:2.1}.faq-list summary:focus-visible,.usage-guide a:focus-visible,.practical-faq a:focus-visible{outline-offset:6px;outline:2px solid #897747}.journal-visual .journal-image-contain{object-fit:contain;background:#eeeade}.journal-empty{color:#cfcebc;border-top:1px solid #738066;border-bottom:1px solid #738066;max-width:1240px;margin:0 auto;padding:44px 0;font:15px/2 Georgia,serif}.journal-meta time{white-space:nowrap;font-size:10px}.journal-archive-note{color:#c3c9b6;max-width:1240px;margin:28px auto 0;font-size:10px;line-height:1.9}@media (width<=800px){.usage-guide,.practical-faq{padding:64px 24px;scroll-margin-top:72px}.practical-heading{grid-template-columns:1fr;gap:25px;margin-bottom:36px}.practical-heading h2{font-size:36px}.dilution-item{padding:26px 20px 28px 0}.dilution-item.shiro{padding:26px 0 28px 20px}.dilution-label{display:block}.dilution-label>span{margin-top:9px;font-size:10px;display:block}.dilution-value{margin:25px 0;font-size:58px}.dilution-value small{margin-left:4px;font-size:13px}.ratio-rule{gap:2px;height:26px}.ratio-key{letter-spacing:0;flex-wrap:wrap;gap:5px;font-size:9px}.ratio-key b{margin-left:4px;font-size:19px}.everyday-uses{grid-template-columns:1fr;gap:0;padding:25px 0 35px}.everyday-uses article{border-bottom:1px solid #b8bead;grid-template-columns:26px 1fr;column-gap:16px;padding:24px 0;display:grid}.everyday-uses article>span{padding-top:9px}.everyday-uses h3{margin:0 0 9px;font-size:21px}.everyday-uses p{grid-column:2}.cost-study{grid-template-columns:1fr;gap:30px;margin:0 -8px;padding:30px 24px}.cost-study h3{font-size:27px}.cost-price{margin:0 0 25px;font-size:91px}.cost-conditions{margin:0}.practical-faq{grid-template-columns:1fr;gap:35px}.faq-intro h2{font-size:32px}.faq-list summary{grid-template-columns:20px 1fr 14px;gap:12px;padding:23px 0}.faq-list h3{font-size:15px}.faq-answer{padding:0 20px 25px 32px}.dilution-value{white-space:nowrap;font-size:clamp(32px,10vw,58px)}.ratio-key{gap:4px}.ratio-key b{font-size:17px}}@media (prefers-reduced-motion:reduce){.faq-toggle:after{transition:none}}
