.journal-header>div{display:flex;align-items:center;gap:27px;font-size:12px}.journal-page{background:#f9fbfe}.journal-breadcrumb{font-size:10px;color:#5b7491;margin-bottom:45px}.journal-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.journal-article,.journal-index{padding-top:35px;padding-bottom:85px}.journal-title{max-width:900px}.journal-title .eyebrow{margin-bottom:18px}.journal-category{display:inline-block;background:#e7eff8;color:#31567d;padding:5px 12px;font-size:10px;letter-spacing:.04em}.journal-title h1{font-size:clamp(34px,4vw,52px);line-height:1.65;letter-spacing:.04em;margin:20px 0}.journal-title>p:not(.eyebrow){font-size:15px;line-height:2;color:#506b88}.journal-meta{display:flex;gap:25px;font-size:10px;color:#6a819c;margin:25px 0 35px}.process-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:25px;background:#eaf2fb;margin:30px 0 50px}.process-ribbon a{display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#f9fbfe;padding:19px 16px;border-top:2px solid #81a8d0;min-height:124px}.process-ribbon span{font-size:9px;letter-spacing:.12em;color:#5b7ea3}.process-ribbon strong{font-size:13px;font-weight:500;line-height:1.7}.process-ribbon b{font-size:14px;font-weight:400;align-self:flex-end}.process-ribbon a:hover{background:#dae9f8}.journal-body{max-width:760px;margin:auto}.journal-body p{font-size:14px;line-height:2.3;margin:20px 0;color:#3f5876}.journal-intro{font-size:15px!important}.journal-note{padding:25px;background:#edf3fa;margin:32px 0}.journal-note>strong{font-size:12px}.journal-note p{font-size:11px;margin:10px 0 0}.journal-step{padding:45px 0;border-bottom:1px solid #ccdbed;scroll-margin-top:120px}.journal-body .journal-step-number{font:11px Arial;letter-spacing:.16em;color:#4c7aaa;margin:0 0 15px}.journal-step h2{font-size:31px;letter-spacing:.03em}.journal-step h3{font-size:17px;font-weight:500;margin:18px 0 20px}.journal-check{padding:20px 24px;border-left:3px solid #91b2d5;background:#f0f5fb;margin:28px 0}.journal-check h4{font-size:12px;font-weight:600;margin:0 0 10px}.journal-check ul{margin:0;padding-left:20px;font-size:12px;line-height:2.2;color:#3f5876}.journal-preparation{padding-top:55px}.journal-preparation h2,.journal-faq h2{font-size:29px;letter-spacing:.03em}.journal-preparation ol{list-style:none;padding:0;counter-reset:prepare}.journal-preparation li{counter-increment:prepare;border-bottom:1px solid #cbd9ea;padding:20px 0 20px 40px;position:relative}.journal-preparation li:before{content:'0' counter(prepare);position:absolute;left:0;top:20px;color:#6e91b5;font:20px Georgia}.journal-preparation li strong{font-size:16px;font-weight:500}.journal-preparation li p{font-size:12px;margin:6px 0 0}.journal-faq{margin:50px 0}.journal-faq h2{margin-bottom:20px}.journal-faq details{border-bottom:1px solid #cad9e9}.journal-faq summary{cursor:pointer;list-style:none;padding:21px 0;font-size:13px;display:flex;justify-content:space-between;gap:15px}.journal-faq summary::-webkit-details-marker{display:none}.journal-faq summary span{flex-shrink:0}.journal-faq details[open] summary span{transform:rotate(45deg)}.journal-faq details p{font-size:12px;margin:0 0 24px;padding:0 15px;color:#536d89}.journal-related{display:block;border:1px solid #c5d7ec;padding:25px;background:#eef5fc}.journal-related span{display:block;font-size:10px;color:#5d7897;margin-bottom:10px}.journal-related strong{font-size:15px;line-height:1.9;font-weight:500}.journal-contact{padding:65px 7%;text-align:center;background:#e7f0fa}.journal-contact h2{font-size:35px;letter-spacing:.04em;margin:0 0 25px}.journal-contact>p:not(.eyebrow){font-size:12px;line-height:2}.journal-contact>div{display:flex;align-items:center;justify-content:center;gap:35px;margin:28px 0 20px}.journal-button{display:inline-block;background:#1d507d;color:white;font-size:13px;padding:18px 27px}.journal-button:hover{background:#173955}.journal-tel{font:28px Arial;letter-spacing:.02em}.journal-contact .journal-small{font-size:10px}.journal-reform{display:inline-block;font-size:11px;border-bottom:1px solid #9ab6d3;padding-bottom:5px;margin-top:22px}.journal-footer{font-size:11px;gap:20px}.journal-footer small{font-size:8px}.journal-index>h1{font-size:45px;margin:18px 0}.journal-index-lead{font-size:14px;line-height:2;color:#526d8b}.journal-card{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:center;margin-top:45px;padding:35px 0;border-top:1px solid #d0dded;border-bottom:1px solid #d0dded}.journal-card-art{aspect-ratio:1.15;display:flex;flex-direction:column;justify-content:center;padding:35px;background:linear-gradient(135deg,#dcebf9,#f4f8fe);position:relative;overflow:hidden}.journal-card-art:after{content:'';position:absolute;right:-35px;bottom:-35px;width:160px;height:160px;border:1px solid #b6cce3;border-radius:50%}.journal-card-art>span{font:9px Arial;letter-spacing:.18em;color:#527da5}.journal-card-art>strong{font-family:'Noto Serif JP',serif;font-size:30px;font-weight:500;line-height:1.7;margin:24px 0}.journal-card-art>div{font:17px Georgia;letter-spacing:.04em;color:#6487ab}.journal-card-art>small{font:8px Arial;letter-spacing:.16em;margin-top:25px;color:#5f82a6}.journal-card time{display:block;font-size:10px;color:#69829e;margin:13px 0}.journal-card h2{font-size:28px;line-height:1.7;letter-spacing:.03em}.journal-card p{font-size:12px;line-height:1.9;margin:18px 0}.corporate-journal{padding-top:65px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1.35fr;gap:50px;border-top:1px solid #d3e0ef}.corporate-journal>div>p:not(.eyebrow){font-size:12px;margin-top:18px}.corporate-journal-card{padding:32px;background:#eaf2fb;border-left:3px solid #92b1d3}.corporate-journal-card>span{font-size:10px;color:#577ba2}.corporate-journal-card h3{font-family:'Noto Serif JP',serif;font-size:24px;line-height:1.7;margin:14px 0}.corporate-journal-card p{font-size:11px;color:#5a7291;margin-bottom:20px}.corporate-journal-card>strong{font-size:11px;font-weight:500}body:not(.journal-page) header nav{gap:21px;font-size:11px}.journal-page a:focus-visible{outline:3px solid #b78256;outline-offset:4px}
@media(max-width:800px){.journal-header{padding:15px 5%;gap:15px}.journal-header .brand-logo{width:125px!important;height:auto!important}.journal-header>div{gap:10px;font-size:9px}.journal-header .nav-contact{padding:11px 9px;font-size:9px}.journal-article,.journal-index{padding-top:24px;padding-bottom:55px}.journal-breadcrumb{font-size:9px;margin-bottom:30px}.journal-title h1{font-size:clamp(26px,7.1vw,37px);line-height:1.7}.journal-title h1 span{white-space:normal}.journal-title>p:not(.eyebrow){font-size:12px}.journal-meta{display:block;font-size:9px;line-height:2}.journal-meta span{display:block}.process-ribbon{grid-template-columns:1fr 1fr;padding:15px;gap:10px;margin:28px 0 32px}.process-ribbon a{padding:14px 12px;min-height:110px;gap:10px}.process-ribbon strong{font-size:11px}.process-ribbon span{font-size:8px}.journal-body p{font-size:13px;line-height:2.2}.journal-intro{font-size:13px!important}.journal-note{padding:19px}.journal-note p{font-size:10px}.journal-step{padding:32px 0;scroll-margin-top:90px}.journal-step h2{font-size:25px}.journal-step h3{font-size:16px;line-height:1.9}.journal-check{padding:18px 16px}.journal-check ul{font-size:11px}.journal-check h4{font-size:11px}.journal-preparation h2,.journal-faq h2{font-size:25px}.journal-preparation li strong{font-size:15px}.journal-preparation li p{font-size:11px}.journal-faq summary{font-size:12px;line-height:1.8}.journal-faq details p{font-size:11px}.journal-related{padding:20px}.journal-related strong{font-size:12px}.journal-contact{padding:45px 7%}.journal-contact h2{font-size:28px}.journal-contact>p:not(.eyebrow){font-size:11px}.journal-contact>div{flex-direction:column;gap:25px}.journal-button{width:100%;font-size:12px;min-height:50px}.journal-contact .journal-small{font-size:9px}.journal-reform{font-size:10px}.journal-index>h1{font-size:32px}.journal-index-lead{font-size:12px}.journal-card{grid-template-columns:1fr;gap:25px;padding:25px 0;margin-top:30px}.journal-card-art{aspect-ratio:1.4;padding:28px}.journal-card-art>strong{font-size:28px;margin:20px 0}.journal-card h2{font-size:25px}.corporate-journal{grid-template-columns:1fr;gap:25px;padding-top:45px;padding-bottom:45px}.corporate-journal-card{padding:25px}.corporate-journal-card h3{font-size:22px}.journal-footer{font-size:10px}body:not(.journal-page) header nav{gap:20px}}

.journal-title .journal-subtitle{display:block;font-size:.83em;margin-top:6px}@media(max-width:800px){.journal-title .journal-subtitle{font-size:.76em;white-space:nowrap}}
.web-guide-visual{margin:35px 0 50px;padding:42px;background:linear-gradient(130deg,#e4eef9,#f4f8ff);display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.web-guide-visual>div>span{font:9px Arial;letter-spacing:.13em;color:#5e7ea2}.web-guide-visual>div>strong{font-family:'Noto Serif JP',serif;font-size:29px;font-weight:500;line-height:1.8;display:block;margin:20px 0}.web-guide-visual p{font-size:10px;color:#5c7594}.web-guide-window{background:#fff;border:1px solid #b8cde4;box-shadow:12px 14px 0 #d4e2f1;padding:22px;min-height:205px}.web-guide-window i{display:block;width:25px;border-top:3px dotted #92acc8;margin-bottom:25px}.web-guide-window b{font:14px Georgia;letter-spacing:.08em;color:#224c75;display:block;margin-bottom:20px}.web-guide-window>span{display:block;border-top:5px solid #e2ecf6;width:90%;margin:12px 0}.web-guide-window>span+span{width:70%}.web-guide-window em{display:block;width:100px;text-align:center;background:#224d79;color:white;font:8px/30px Arial;font-style:normal;letter-spacing:.1em;margin-top:25px}.website-checklist{list-style:none;padding:0}.website-checklist li{display:grid;grid-template-columns:150px 1fr;gap:15px;border-bottom:1px solid #cddcec;padding:19px 0;font-size:12px;line-height:2}.website-checklist strong{font-weight:500}.website-checklist span{color:#546d89}.haruka-introduction{background:#eaf1f9;border-top:3px solid #537ba5;margin:45px 0;padding:32px}.haruka-introduction h2{font:35px/1.5 'Noto Serif JP',serif;letter-spacing:.015em;margin:22px 0}.haruka-introduction h2>span{display:block;font:11px/2 sans-serif;letter-spacing:.12em;color:#587496;margin-top:8px}.haruka-introduction .journal-button{margin:14px 0 20px}.haruka-contact-link{display:block;width:fit-content;font-size:11px;border-bottom:1px solid #9db5d0;padding-bottom:5px}.haruka-introduction .journal-small{font-size:10px;line-height:1.9;margin:22px 0 0}.journal-check>p{font-size:12px;margin:8px 0 0}.website-article-teaser{padding-bottom:55px}.website-article-teaser>a{display:block;padding:28px 32px;border:1px solid #c6d7eb;background:#f0f5fc}.website-article-teaser span{font-size:10px;color:#5a7b9e}.website-article-teaser h3{font:25px/1.7 'Noto Serif JP',serif;margin:12px 0}.website-article-teaser p{font-size:11px;color:#5d7592}.website-article-teaser strong{display:block;font-size:11px;font-weight:500;margin-top:17px}
@media(max-width:800px){.web-guide-visual{grid-template-columns:1fr;gap:28px;padding:26px;margin:30px 0}.web-guide-visual>div>strong{font-size:26px}.web-guide-window{min-height:175px;box-shadow:7px 8px 0 #d4e2f1}.web-guide-visual p{font-size:9px}.website-checklist li{grid-template-columns:1fr;gap:5px;padding:17px 0;font-size:11px}.website-checklist strong{font-size:12px}.haruka-introduction{padding:24px 20px;margin:35px 0}.haruka-introduction h2{font-size:29px;overflow-wrap:anywhere}.haruka-introduction .journal-button{font-size:11px;padding:16px 12px;text-align:center}.haruka-contact-link{font-size:10px}.haruka-introduction .journal-small{font-size:9px}.journal-check>p{font-size:11px}.website-article-teaser{padding-bottom:40px}.website-article-teaser>a{padding:22px}.website-article-teaser h3{font-size:22px}.website-article-teaser p{font-size:10px}.journal-title .journal-subtitle{white-space:normal}}

.journal-step-image{margin:24px 0 28px}.journal-step-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#edf3f8}.journal-step-image figcaption{font-size:9px;line-height:1.8;color:#69809b;margin-top:9px}@media(max-width:800px){.journal-step-image{margin:20px 0 23px}.journal-step-image figcaption{font-size:8px;margin-top:7px}}

.journal-preparation ul li:before{content:none}.journal-preparation .website-checklist li{padding:19px 0}.journal-preparation .journal-check li{padding:0;border:0}.journal-preparation .journal-check li p{margin:0}@media(max-width:800px){.journal-preparation .website-checklist li{padding:17px 0}}

.haruka-introduction .haruka-logo-heading{margin:26px 0}.haruka-logo-heading a{display:inline-block;max-width:100%}.haruka-logo-heading img{display:block;width:460px;max-width:100%;height:auto;mix-blend-mode:multiply}