/* Shared lower-page language. The approved first view is kept in its original files. */
html{scroll-behavior:smooth;scroll-padding-top:70px}
.below-study-bar{position:sticky;top:0;gap:12px}
.below-bar-sub{display:block;color:#c4c8bf;letter-spacing:.06em;font-size:9px;margin-top:3px}
.below-study-bar .design-tabs{margin-left:auto}
.below-jump{display:flex;gap:7px;align-items:center;font-size:10px;white-space:nowrap;color:#ffdf42;border:1px solid #6a714e;border-radius:6px;padding:8px 10px}
.below-jump:hover{background:#42473b}
#below-content{scroll-margin-top:56px;outline:none}
.below-option{--b-ink:#254936;--b-green:#28653e;--b-yellow:#ffdc35;--b-muted:#69785e;--b-line:#dce2cb;color:var(--b-ink);background:#fffdf3;font-size:14px;line-height:1.9;overflow:hidden}
.below-option h2,.below-option h3,.below-option h4,.below-option p{margin-top:0}
.below-option h3{font-size:22px;line-height:1.65;letter-spacing:-.03em;margin-bottom:12px}
.below-option p{color:var(--b-muted)}
.b-wrap{max-width:1176px;margin:0 auto;padding:0 28px}
.b-section{padding:88px 0}
.b-heading{margin-bottom:36px}
.b-kicker{font:700 11px/1.7 'Noto Sans JP',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--b-green)!important;margin:0 0 15px;display:flex;align-items:center;gap:10px}
.b-kicker:before{content:'';width:8px;height:8px;background:#e4b817;border-radius:50%;flex:none}
.b-heading h2,.b-closing h2{font-size:38px;line-height:1.55;letter-spacing:-.055em;font-weight:900;margin:0 0 17px}
.b-heading>p:last-child:not(.b-kicker){font-size:14px;line-height:2;max-width:680px;margin-bottom:0}
.b-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.b-card{border:1px solid var(--b-line);background:#fff;padding:30px;border-radius:24px}
.b-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex:none}
.b-yuzu{display:block;width:100px;height:100px;object-fit:contain;flex:none}
.b-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 22px;min-height:54px;border-radius:100px;border:1.5px solid var(--b-green);font-size:12px;font-weight:800;line-height:1.65;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;max-width:100%}
.b-button .b-icon{width:22px;height:22px}
.b-button-primary{background:var(--b-green);color:#fff}
.b-button-secondary{background:#fffdf2;color:var(--b-green)}
.b-button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #14322215}
.b-button:focus-visible,.below-option summary:focus-visible,.below-option button:focus-visible{outline:3px solid #1c845c;outline-offset:4px}
.b-scene{height:216px;min-height:200px;position:relative;background:#fff0a6;border-radius:20px;overflow:hidden;isolation:isolate;color:#2b593b;font-size:12px}
.b-scene:before{content:'';width:165px;height:165px;border:28px solid #ffffff56;border-radius:50%;position:absolute;right:-66px;top:-67px;z-index:-1}
.b-scene-orbit{position:absolute;border:1px dashed #aeaf4e66;border-radius:50%;width:230px;height:230px;left:-100px;bottom:-173px}
.b-scene-spark{position:absolute;right:15px;top:14px;font-size:21px;color:#60934e;animation:b-spark 4s ease-in-out infinite}
.b-speech{position:absolute;border-radius:13px;padding:12px 15px;box-shadow:0 4px 0 #b0ad4f20;font-size:10px;line-height:1.8}
.b-speech-first{left:24px;right:47px;top:23px;background:white;border-bottom-left-radius:2px;transform:rotate(-2deg)}
.b-speech-first b{font-size:12px;display:block}
.b-speech-reply{right:23px;top:105px;background:#b9e982;font-size:14px;font-weight:800;display:flex;gap:20px;align-items:center;border-top-right-radius:2px;animation:b-reply 4.5s ease-in-out infinite}
.b-speech-reply svg{width:17px;height:17px}
.b-scene-pill{position:absolute;right:20px;bottom:16px;font-size:8px;color:#68775a}
.b-scene-guide{position:absolute;bottom:13px;left:15px;display:flex;align-items:flex-end;gap:6px;font-size:8px;font-weight:700}
.b-scene-guide .b-yuzu{width:59px;height:63px;animation:b-yuzu 4s ease-in-out infinite}
.b-scene-guide>span{padding-bottom:6px}
.b-scene-genki .b-scene-guide>span{display:none}
.b-paper{position:absolute;left:25px;top:20px;width:117px;height:126px;border:1px solid #d6cf8c;border-radius:6px;background:#fffef5;padding:14px 12px;transform:rotate(-7deg);box-shadow:4px 5px 0 #d4c56760}
.b-paper small{font-size:7px;letter-spacing:.15em;display:block;color:#b39d45}
.b-paper b{font-size:10px;display:block;margin-top:9px}
.b-paper i{display:block;height:3px;background:#dce4cb;margin-top:11px;border-radius:3px}
.b-paper i:last-child{width:65%}
.b-scene-arrow{position:absolute;left:46%;top:69px;color:#a9a349}
.b-result-note{position:absolute;right:15px;top:38px;background:#fffef3;border-radius:13px;border:1.5px solid #598558;width:124px;padding:12px 8px;text-align:center;box-shadow:4px 4px 0 #d8c25440}
.b-result-note>.b-icon{width:23px;height:23px;margin-bottom:3px}
.b-result-note>b{font-size:10px;display:block;white-space:nowrap}
.b-result-note>span{font-size:8px;display:block;white-space:nowrap}
.b-mini-card{position:absolute;left:20px;top:42px;width:138px;height:87px;display:flex;align-items:center;gap:8px;padding:10px;background:#fffef5;border:1px solid #d9d5a2;border-radius:8px;transform:rotate(-7deg);box-shadow:4px 5px 0 #d4c56760}
.b-mini-card .b-yuzu{width:29px;height:33px}
.b-mini-card b{display:block;font-size:10px}
.b-mini-card i{display:block;height:2px;width:49px;background:#cddbbf;margin-top:7px}
.b-mini-card i:last-child{width:36px}
.b-scene-meishi .b-result-note{top:67px;width:120px}
.b-scene-meishi .b-scene-arrow{top:76px}
.b-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.b-step{padding:27px 25px 20px;border-top:2px solid #f1d252;position:relative}
.b-step-number{font-size:38px;font-weight:900;color:#d7b226;letter-spacing:-.06em;line-height:1;display:block;margin-bottom:22px}
.b-step h3{font-size:18px;margin-bottom:10px}
.b-step p{font-size:12px;line-height:1.9;margin:0}
.b-faq{background:#f5f7ed}
.b-faq>.b-wrap{display:grid;grid-template-columns:.85fr 1.4fr;gap:65px}
.b-faq-head>.b-yuzu{width:98px;height:98px;transform:rotate(-7deg);margin-left:10px}
.b-faq-head .b-heading{margin-bottom:25px}
.b-faq-head .b-heading h2{font-size:31px}
.b-faq-list details{border-bottom:1px solid #d4ddc6}
.b-faq-list details:first-child{border-top:1px solid #d4ddc6}
.b-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:15px;padding:21px 0;line-height:1.9;font-size:13px;font-weight:750}
.b-faq-list summary::-webkit-details-marker{display:none}
.b-q{font:700 18px/1 Arial,sans-serif;color:#51804a}
.b-faq-plus{margin-left:auto;font-size:21px;line-height:1;flex:none;transition:transform .2s}
.b-faq-list details[open] .b-faq-plus{transform:rotate(45deg)}
.b-faq-list details>p{font-size:12px;line-height:2;padding:0 30px 21px;margin:0}
.b-closing{background:#ffdc35;padding:70px 0 65px;position:relative;isolation:isolate;overflow:hidden}
.b-closing:after{content:'';position:absolute;width:560px;height:560px;border:70px solid #ffea7b6b;border-radius:50%;right:-230px;top:-350px;z-index:-1}
.b-closing>.b-wrap{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:35px}
.b-closing h2{font-size:38px}
.b-closing p:not(.b-kicker){font-size:13px;color:#48623c;line-height:2;margin-bottom:25px}
.b-closing-actions{display:flex;gap:14px;flex-wrap:wrap}
.b-closing-yuzu{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px}
.b-closing-yuzu>.b-yuzu{width:200px;height:212px;animation:b-yuzu 4s ease-in-out infinite}
.b-yuzu-note{background:white;border-radius:50px;padding:10px 20px;font-size:12px;font-weight:800;transform:rotate(6deg);border:1px solid #315139;margin:0 0 15px;position:relative}
.b-yuzu-note:after{content:'';position:absolute;width:8px;height:8px;border-right:1px solid;border-bottom:1px solid;bottom:-5px;left:42%;transform:rotate(45deg);background:#fff}
.b-closing-star{font-size:38px;color:#417341;position:absolute;right:12px;top:60px}
.b-footer{background:#fffdf3;padding:56px 0 0}
.b-footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:35px;padding-bottom:45px}
.b-brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:900;letter-spacing:-.06em}
.b-brand .b-yuzu{width:42px;height:46px}
.b-footer-brand p{font-size:12px;margin:20px 0 4px}
.b-footer-brand small{font-size:10px;color:#7c876d}
.b-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:11px}
.b-footer nav b{margin-bottom:8px;font-size:12px}
.b-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}
.b-footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e5d4;padding:20px 0;font-size:9px;color:#7e886d}
@keyframes b-yuzu{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes b-spark{0%,100%{transform:scale(.85) rotate(0);opacity:.7}50%{transform:scale(1.1) rotate(20deg);opacity:1}}
@keyframes b-reply{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:761px) and (max-width:1080px){.b-grid-3{gap:14px}.b-card{padding:20px}.b-scene .b-paper{left:10px;width:98px}.b-scene .b-result-note{right:10px;width:106px}.b-mini-card{left:8px;width:116px}.b-mini-card b{font-size:8px}.b-scene-guide>span{font-size:7px}.b-faq>.b-wrap{gap:35px}.below-study-bar .motion-label{display:none}}
@media(max-width:940px){.below-study-bar .design-bar-label{display:none}.below-study-bar .design-tabs{margin-left:0}.below-study-bar .design-tabs button{padding:8px 9px}.below-study-bar .motion-control{width:30px;height:32px;padding:0}.b-heading h2,.b-closing h2{font-size:33px}}
@media(max-width:760px){
 html{scroll-padding-top:75px}
 .below-study-bar{height:64px;padding:0 8px;gap:6px}
 .below-study-bar .design-tabs{gap:2px;flex:1}
 .below-study-bar .design-tabs button{padding:6px 2px;flex:1}
 .below-study-bar .tab-name{display:block;font-size:7px}
 .below-jump{font-size:8px;padding:6px;gap:3px;flex:none}
 .below-study-bar .motion-control{width:27px}
 #below-content{scroll-margin-top:64px}
 .b-wrap{padding:0 24px}
 .b-section{padding:58px 0}
 .b-heading{margin-bottom:28px}
 .b-heading h2,.b-closing h2{font-size:28px;line-height:1.65}
 .b-heading>p:last-child:not(.b-kicker){font-size:12px;line-height:2}
 .b-kicker{font-size:9px;letter-spacing:.11em;margin-bottom:12px}
 .b-grid-3,.b-steps{grid-template-columns:1fr;gap:19px}
 .b-card{padding:25px}
 .below-option h3{font-size:21px}
 .b-button{font-size:11px;gap:15px;min-height:51px;padding:12px 18px}
 .b-scene{height:210px}
 .b-scene-guide>.b-yuzu{width:57px;height:62px}
 .b-steps{gap:0}.b-step{padding:22px 0 24px 58px;border-top:1px solid #dcd9b4}.b-step-number{font-size:28px;position:absolute;left:0;top:23px}.b-step h3{font-size:17px}
 .b-faq>.b-wrap{grid-template-columns:1fr;gap:20px}
 .b-faq-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .b-faq-head .b-heading{margin-bottom:0}.b-faq-head .b-heading h2{font-size:26px}
 .b-faq-head>.b-yuzu{width:70px;height:78px;margin:0}
 .b-faq-list summary{padding:19px 0;font-size:12px;gap:10px}
 .b-faq-list details>p{padding:0 23px 20px;font-size:11px}
 .b-closing{padding:49px 0 35px}
 .b-closing>.b-wrap{grid-template-columns:1fr;gap:25px}
 .b-closing p:not(.b-kicker){font-size:11px}
 .b-closing-actions{gap:10px;flex-direction:column;align-items:stretch}
 .b-closing-yuzu{padding:0}
 .b-closing-yuzu>.b-yuzu{width:144px;height:152px}
 .b-yuzu-note{font-size:10px;padding:8px 15px}
 .b-closing-star{right:20%;top:48px;font-size:25px}
 .b-footer{padding-top:38px}
 .b-footer-main{grid-template-columns:1fr 1fr;gap:32px 18px;padding-bottom:35px}
 .b-footer-brand{grid-column:1/-1}.b-brand{font-size:23px}.b-footer-brand p{margin-top:14px}
 .b-footer nav{font-size:10px;gap:9px}.b-footer nav b{font-size:10px}
}
@media(max-width:360px){.b-wrap{padding:0 18px}.b-heading h2,.b-closing h2{font-size:25px}.below-study-bar .tab-name{font-size:6px}.below-jump{font-size:7px;padding:6px 4px}.b-card{padding:20px}.b-speech-first{left:15px;right:26px}.b-speech-reply{right:13px}.b-paper{left:13px;width:104px}.b-result-note{width:111px;right:10px}.b-mini-card{width:117px;left:11px}.b-mini-card b{font-size:8px}.b-scene-meishi .b-result-note{width:108px}.b-faq-head .b-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.below-option *{animation:none!important;transition:none!important}}
.b-scene{container-type:inline-size}
@container(max-width:270px){
 .b-scene .b-paper{left:10px;top:25px;width:83px;height:105px;padding:10px 9px}
 .b-scene .b-paper b{font-size:8px;margin-top:7px;white-space:nowrap}
 .b-scene .b-paper i{margin-top:10px}
 .b-scene .b-result-note{right:9px;top:42px;width:98px;padding:10px 5px}
 .b-scene .b-result-note>b{font-size:9px}.b-scene .b-result-note>span{font-size:7px}
 .b-scene .b-scene-arrow{display:none}
 .b-scene .b-mini-card{left:10px;top:30px;width:90px;height:78px;padding:8px 6px;gap:5px}
 .b-scene .b-mini-card .b-yuzu{width:21px;height:26px}
 .b-scene .b-mini-card b{font-size:8px;white-space:nowrap}
 .b-scene .b-mini-card i{width:35px}
 .b-scene .b-mini-card i:last-child{width:24px}
 .b-scene-meishi .b-result-note{top:68px;width:94px}
 .b-scene .b-scene-guide{left:10px;bottom:12px;gap:3px}
 .b-scene .b-scene-guide>span{font-size:7px}
 .b-scene .b-scene-guide .b-yuzu{width:51px;height:56px}
 .b-scene .b-speech-first{left:14px;right:18px;padding:10px 11px}
 .b-scene .b-speech-first b{font-size:10px}
 .b-scene .b-speech-reply{right:12px;font-size:12px;gap:13px}
 .b-scene .b-scene-pill{right:11px;bottom:17px;font-size:7px}
}
@container(min-width:380px){
 .b-scene .b-speech-first{left:25px;right:55px;padding:13px 18px;font-size:12px}
 .b-scene .b-speech-first b{font-size:15px}
 .b-scene .b-speech-reply{top:112px;right:25px;font-size:17px;padding:10px 17px}
 .b-scene .b-scene-guide .b-yuzu{width:78px;height:83px}
 .b-scene .b-scene-guide>span{font-size:10px}
 .b-scene .b-scene-pill{font-size:9px;bottom:20px}
 .b-scene .b-paper{width:143px;height:141px;left:25px;padding:16px}
 .b-scene .b-paper b{font-size:12px}
 .b-scene .b-result-note{width:148px;right:22px;padding:15px 10px;top:37px}
 .b-scene .b-result-note>b{font-size:12px}.b-scene .b-result-note>span{font-size:9px}
 .b-scene .b-mini-card{width:157px;height:103px;left:20px;top:33px;padding:14px}
 .b-scene .b-mini-card b{font-size:12px}
 .b-scene .b-mini-card .b-yuzu{width:33px;height:38px}
 .b-scene-meishi .b-result-note{top:53px;width:148px}
}