@charset "UTF-8";
/* ローカルデモ専用。WP移植時はbody.frn-demoを専用ラッパーへ置換し、テーマの共通CSSと分離する。 */
.frn-demo{--orange:#f0a43c;--ink:#282b24;--muted:#61655a;--paper:#faf9f5;--line:#d8d8ce;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Hiragino Sans","Yu Gothic","Meiryo",sans-serif;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.9;-webkit-font-smoothing:antialiased}
.frn-demo *, .frn-demo *::before,.frn-demo *::after{box-sizing:border-box}.frn-demo [hidden]{display:none!important}.frn-demo a{color:inherit;text-decoration:none}.frn-demo a:focus-visible{outline:3px solid #a45d00;outline-offset:6px}.frn-demo a:hover{color:#89500a}.frn-demo h1,.frn-demo h2,.frn-demo h3,.frn-demo p,.frn-demo figure{margin:0}.frn-demo h1,.frn-demo h2,.frn-demo h3{font-family:var(--serif);font-weight:600;line-height:1.55;letter-spacing:.025em}.frn-demo h2{font-size:clamp(28px,3.1vw,40px)}.frn-demo h3{font-size:26px}.frn-demo .wrap{max-width:1280px;margin-inline:auto;padding-inline:64px}.frn-demo .skip{position:absolute;left:20px;top:-80px;background:#fff;padding:12px;z-index:10}.frn-demo .skip:focus{top:10px}.frn-demo .demo-note{padding:7px 24px;background:#ecece4;text-align:center;font-size:14px;letter-spacing:.12em}.frn-demo .demo-note span{margin-left:18px;letter-spacing:.03em}.frn-demo .site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:125px}.frn-demo .brand{display:flex;gap:10px;align-items:center;font-family:Georgia,serif;font-size:34px;line-height:1.1;letter-spacing:-1px}.frn-demo .brand-mark{color:#a66613;font-size:46px}.frn-demo .brand small{display:block;margin-top:10px;font-family:var(--sans);font-size:14px;letter-spacing:0}.frn-demo nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.frn-demo .nav-contact{border-bottom:1px solid var(--ink);padding-bottom:5px}.frn-demo .eyebrow{font-size:14px;letter-spacing:.14em;font-weight:600;line-height:1.6;color:#765423;margin-bottom:23px}.frn-demo .hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;column-gap:52px;padding-top:45px}.frn-demo .hero-copy{padding-top:20px;padding-bottom:56px;z-index:1}.frn-demo h1{font-size:clamp(42px,4.7vw,64px);line-height:1.5;letter-spacing:.035em}.frn-demo .hero-lead{font-family:var(--serif);font-size:24px;line-height:1.8;margin-top:26px}.frn-demo .hero-text{margin:27px 0 32px;color:var(--muted)}.frn-demo .text-link{display:inline-flex;gap:26px;align-items:center;font-size:17px;font-weight:600;line-height:1.7;border-bottom:1px solid var(--ink);padding:0 0 9px}.frn-demo .text-link span{color:#89500a}.frn-demo .hero-photo{position:relative;min-width:0;background:#f0dfb1;align-self:stretch;margin-bottom:75px;min-height:490px}.frn-demo .hero-photo img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:left center}.frn-demo .hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:65px 25px 23px;color:#fff;font-family:var(--serif);font-size:17px;background:linear-gradient(transparent,rgba(25,36,15,.72))}.frn-demo .photo-index{position:absolute;top:18px;left:20px;font-size:14px;color:#fff;text-shadow:0 1px 4px #222;letter-spacing:.12em}.frn-demo .image-fallback{height:100%;min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#996213;background:radial-gradient(circle at 65% 30%,#f0a43c 0,transparent 38%),#ebe3cb;font-size:130px}.frn-demo .image-fallback span{font-size:17px;font-family:var(--serif)}.frn-demo .hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:17px 0;font-size:14px;color:var(--muted)}.frn-demo .pathways{padding-top:84px;padding-bottom:94px}.frn-demo .section-heading{margin-bottom:33px}.frn-demo .section-heading .eyebrow{margin-bottom:13px}.frn-demo .path-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.frn-demo .path{position:relative;display:flex;gap:22px;padding:37px 26px 64px 0}.frn-demo .path+.path{border-left:1px solid var(--line);padding-left:26px}.frn-demo .number{font-family:Georgia,serif;color:#8a6a37;font-size:17px}.frn-demo .path-label{font-size:17px;font-weight:600;margin-bottom:17px}.frn-demo .path h3{margin-bottom:18px;font-size:27px}.frn-demo .path p:last-child{font-size:17px;color:var(--muted)}.frn-demo .circle-arrow{position:absolute;bottom:21px;right:24px;border:1px solid #b9bcae;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.frn-demo .mission{background:#eeeee5;padding-block:92px}.frn-demo .mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.frn-demo .mission h2{font-size:clamp(35px,3.8vw,49px);line-height:1.8}.frn-demo .mission-flower{display:block;color:#a96c19;font-size:80px;line-height:1.4;margin-top:30px}.frn-demo .mission-body{padding-top:12px}.frn-demo .mission-body .intro{font-family:var(--serif);font-size:24px;margin-bottom:24px}.frn-demo .mission-body>p{margin-bottom:23px}.frn-demo .facts{display:flex;gap:40px;border-top:1px solid #c7c9bc;margin-top:38px;padding-top:18px}.frn-demo .facts strong{display:block;font-family:Georgia,serif;font-size:38px;font-weight:400}.frn-demo .facts span{font-size:14px}.frn-demo .learn,.frn-demo .read{padding-block:95px}.frn-demo .split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.frn-demo .section-intro{color:var(--muted);margin-bottom:22px}.frn-demo .sample-label{font-size:14px;color:var(--muted);margin-bottom:15px}.frn-demo .course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.frn-demo .course-art{height:215px;position:relative;overflow:hidden;padding:30px;font-family:var(--serif);font-size:32px;line-height:1.6}.frn-demo .course-art i{position:absolute;right:15px;bottom:-25px;font:100px Georgia,serif;opacity:.12}.frn-demo .art-one{background:#f0a43c;font-family:Georgia,serif;line-height:1.15;font-size:39px}.frn-demo .art-two{background:#dbe0d3}.frn-demo .art-three{background:#e9e1d6}.frn-demo .course-content{padding-top:23px}.frn-demo .meta{font-size:14px;color:#6c5b41}.frn-demo .course h3{font-size:24px;margin:12px 0}.frn-demo .course-content>p:not(.meta){font-size:17px;color:var(--muted)}.frn-demo .course-link{display:block;margin-top:23px;font-size:17px;border-bottom:1px solid var(--line);padding-bottom:15px}.frn-demo .consult{background:#30392f;color:#faf9f5;padding-block:85px}.frn-demo .consult-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.frn-demo .consult .eyebrow{color:#f0c17c}.frn-demo .consult h2{font-size:44px;margin-bottom:24px}.frn-demo .consult p{font-size:17px}.frn-demo .button{display:inline-flex;justify-content:center;align-items:center;background:var(--orange);color:#282b24;padding:17px 28px;font-size:17px;font-weight:600;line-height:1.7;margin-top:32px;min-height:60px}.frn-demo .button:hover{background:#efb35e;color:#282b24}.frn-demo .consult-aside{border-left:1px solid #71806b;padding-left:60px;align-self:center}.frn-demo .quote{font-family:Georgia,serif;color:#f0a43c;font-size:90px;line-height:.8}.frn-demo .consult-aside>p:first-of-type{font-family:var(--serif);font-size:30px;line-height:1.8;margin:5px 0 27px}.frn-demo .advio-name{font-size:24px;letter-spacing:.08em}.frn-demo .advio-name small{display:block;font-size:14px;letter-spacing:.05em;margin:7px 0 17px}.frn-demo .consult-aside .aside-note{font-size:17px;color:#dce0d8}.frn-demo .story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:45px}.frn-demo .story-feature{position:relative;overflow:hidden;background:#eee1ca;padding:45px 40px;min-height:370px;display:block}.frn-demo .story-tag{font-size:14px;letter-spacing:.08em}.frn-demo .story-feature h3{font-size:32px;position:relative;z-index:1;margin:33px 0 19px}.frn-demo .story-feature p{position:relative;z-index:1;margin-bottom:28px}.frn-demo .story-outline{position:absolute;bottom:-60px;right:-12px;color:#cdbb9e;opacity:.28;font-family:var(--serif);font-size:220px;line-height:1}.frn-demo .story-list a{display:block;padding:28px 0;border-top:1px solid var(--line)}.frn-demo .story-list a:last-child{border-bottom:1px solid var(--line)}.frn-demo .story-list h3{margin:13px 0 16px;font-size:27px}.frn-demo .story-list a>span:last-child{font-size:17px}.frn-demo .news{display:grid;grid-template-columns:1fr 2fr;gap:55px;padding-top:0;padding-bottom:90px}.frn-demo .news h2{font-size:29px;margin-bottom:23px}.frn-demo .news-list a{display:grid;grid-template-columns:110px 1fr 20px;gap:20px;border-top:1px solid var(--line);padding:26px 0;align-items:start}.frn-demo .news-list a:last-child{border-bottom:1px solid var(--line)}.frn-demo time{font-size:14px;color:var(--muted);padding-top:4px}.frn-demo .news-list b{font-weight:400}.frn-demo .newsletter{background:#f2dfba;text-align:center;padding-block:70px}.frn-demo .newsletter h2{font-size:38px;margin-bottom:17px}.frn-demo .newsletter .button{background:var(--ink);color:#fff}.frn-demo footer{padding-top:52px;padding-bottom:30px}.frn-demo .footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.frn-demo .footer-top p{font-family:var(--serif);font-size:22px}.frn-demo footer nav{gap:28px;flex-wrap:wrap;font-size:14px}.frn-demo .footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.frn-demo .mobile-only{display:none}
@media(min-width:1600px){.frn-demo .hero-photo{min-height:540px}}
@media(max-width:1100px){.frn-demo .wrap{padding-inline:36px}.frn-demo .site-header{flex-wrap:wrap;justify-content:center;padding-block:22px}.frn-demo .hero{gap:30px}.frn-demo h1{font-size:46px}.frn-demo .path{gap:12px}.frn-demo .path+.path{padding-left:17px}.frn-demo .path h3{font-size:24px}.frn-demo .mission-grid,.frn-demo .consult-grid{gap:45px}.frn-demo .course-grid{gap:20px}.frn-demo .news{gap:30px}.frn-demo .news-list a{grid-template-columns:95px 1fr 20px;gap:12px}}
@media(max-width:760px){.frn-demo .wrap{padding-inline:24px}.frn-demo .demo-note{font-size:14px;letter-spacing:.02em}.frn-demo .demo-note span{margin-left:8px}.frn-demo .site-header{align-items:flex-start;justify-content:flex-start;gap:24px;padding-block:24px;min-height:0}.frn-demo .brand{font-size:32px}.frn-demo .brand-mark{font-size:42px}.frn-demo nav{flex-wrap:wrap;gap:12px 23px;line-height:1.7}.frn-demo .hero{grid-template-columns:1fr;padding-top:23px;gap:0}.frn-demo .hero-copy{padding-top:0;padding-bottom:35px}.frn-demo h1{font-size:clamp(36px,9.7vw,52px);line-height:1.55}.frn-demo .hero-lead{font-size:21px;margin-top:22px}.frn-demo .hero-text{margin:22px 0}.frn-demo .hero-photo{min-height:280px;margin-bottom:25px}.frn-demo .image-fallback{min-height:280px}.frn-demo .hero-photo img{object-position:left center}.frn-demo .hero-photo figcaption{padding:40px 17px 16px}.frn-demo .hero-bottom{flex-direction:column;gap:2px;font-size:14px}.frn-demo .pathways{padding-top:52px;padding-bottom:55px}.frn-demo .path-grid{grid-template-columns:1fr}.frn-demo .path,.frn-demo .path+.path{padding:25px 40px 28px 0;border-left:0;gap:22px}.frn-demo .path+.path{border-top:1px solid var(--line)}.frn-demo .path h3{font-size:27px}.frn-demo .path h3 br{display:none}.frn-demo .path-label{margin-bottom:8px}.frn-demo .path h3{margin-bottom:10px}.frn-demo .circle-arrow{right:0;bottom:28px;width:32px;height:32px}.frn-demo .mission{padding-block:52px}.frn-demo .mission-grid{grid-template-columns:1fr;gap:25px}.frn-demo .mission h2{font-size:36px}.frn-demo .mission h2 br:nth-child(2){display:none}.frn-demo .mission-flower{display:none}.frn-demo .mission-body .intro{font-size:22px}.frn-demo .facts{gap:22px}.frn-demo .facts strong{font-size:34px}.frn-demo .facts span{font-size:14px}.frn-demo .learn,.frn-demo .read{padding-block:58px}.frn-demo .split-heading{align-items:flex-start;flex-direction:column;gap:18px}.frn-demo .course-grid{grid-template-columns:1fr;gap:34px}.frn-demo .course-art{height:200px}.frn-demo .course h3{font-size:26px}.frn-demo .course h3 br{display:none}.frn-demo .consult{padding-block:55px}.frn-demo .consult-grid{grid-template-columns:1fr;gap:43px}.frn-demo .consult h2{font-size:36px}.frn-demo .consult-aside{border-left:0;border-top:1px solid #71806b;padding:35px 0 0}.frn-demo .consult-aside>p:first-of-type{font-size:27px}.frn-demo .story-grid{grid-template-columns:1fr;gap:30px}.frn-demo .story-feature{padding:30px 24px;min-height:330px}.frn-demo .story-feature h3{font-size:28px}.frn-demo .news{grid-template-columns:1fr;gap:12px;padding-bottom:55px}.frn-demo .news-list a{grid-template-columns:1fr 20px;gap:7px 15px;padding:20px 0}.frn-demo .news-list time{grid-column:1/-1}.frn-demo .newsletter{padding-block:50px}.frn-demo .newsletter h2{font-size:32px}.frn-demo .newsletter p:not(.eyebrow){text-align:left}.frn-demo .button{padding-inline:22px;max-width:100%}.frn-demo .footer-top{flex-direction:column;align-items:flex-start;gap:25px}.frn-demo footer nav{gap:14px 22px}.frn-demo .footer-bottom{flex-direction:column;gap:6px}.frn-demo .mobile-only{display:block}.frn-demo .eyebrow{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.frn-demo{scroll-behavior:smooth}.frn-demo .circle-arrow,.frn-demo .button{transition:background .2s,color .2s}.frn-demo .path:hover .circle-arrow{background:var(--orange)}}

.frn-demo .organization{padding-top:60px;padding-bottom:70px}.frn-demo .organization>p{margin-top:22px}.frn-demo .organization dl{margin:30px 0}.frn-demo .organization dl>div{display:grid;grid-template-columns:150px 1fr;border-top:1px solid var(--line);padding:18px 0;gap:25px}.frn-demo .organization dt{font-weight:600}.frn-demo .organization dd{margin:0}.frn-demo .organization a:not(.text-link){text-decoration:underline;text-underline-offset:4px}.frn-demo .detail{padding-top:30px;padding-bottom:70px;max-width:1100px}.frn-demo .detail h1{font-size:clamp(32px,4vw,48px)}.frn-demo .detail>section{margin-top:42px}.frn-demo .detail h2{font-size:28px;margin:28px 0 18px}.frn-demo .detail p+p{margin-top:20px}.frn-demo .detail li{margin-block:14px}.frn-demo .detail a:not(.button):not(.brand){text-decoration:underline;text-underline-offset:4px}.frn-demo .breadcrumb{margin-bottom:30px;flex-wrap:wrap;font-size:14px}.frn-demo .detail .organization{padding:0}.frn-demo .detail .organization h2{font-size:28px}@media(max-width:760px){.frn-demo .organization dl>div{grid-template-columns:1fr;gap:6px}.frn-demo .detail h1{font-size:32px}.frn-demo .organization{padding-top:45px;padding-bottom:45px}}

/* VISUAL REFRESH 02 — トップのみ。詳細ページの表示は維持。 */
.frn-demo.home-v2 .wrap{max-width:1504px;padding-inline:clamp(24px,4.5vw,80px)}
.frn-demo.home-v2 .site-header{min-height:110px}
.frn-demo.home-v2 .hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:0 55px;padding-top:24px;align-items:center}
.frn-demo.home-v2 .hero-copy{padding:30px 0 38px}
.frn-demo.home-v2 h1{font-size:clamp(43px,4.35vw,68px);line-height:1.55;letter-spacing:.01em}
.frn-demo.home-v2 .hero-lead{font-size:clamp(21px,1.75vw,27px);margin-top:22px}
.frn-demo.home-v2 .hero-text{margin:22px 0 28px}
.frn-demo.home-v2 .hero-photo{margin:0 0 24px;min-height:0;height:clamp(420px,37vw,570px);border-radius:140px 0 0 0;overflow:hidden;background:#f0dfb1;box-shadow:18px 18px 0 #eee6d7}
.frn-demo.home-v2 .hero-photo img{object-position:left center}
.frn-demo.home-v2 .hero-photo .image-fallback{min-height:100%}
.frn-demo.home-v2 .hero-photo figcaption{font-size:18px;padding:65px 28px 25px}
.frn-demo.home-v2 .hero-photo .photo-index{left:auto;right:24px;top:25px}
.frn-demo.home-v2 .hero-bottom{margin-top:20px}
.frn-demo.home-v2 .pathways{padding-top:64px;padding-bottom:75px}
.frn-demo.home-v2 .path-grid{gap:26px;border:0}
.frn-demo.home-v2 .path,.frn-demo.home-v2 .path+.path{display:block;padding:0;border:0;background:#fff;border-bottom:2px solid #dfd9cb}
.frn-demo.home-v2 .path-visual{position:relative;height:215px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#efe2c8}
.frn-demo.home-v2 .path-visual svg{width:210px;height:175px;transition:transform .2s}
.frn-demo.home-v2 .visual-consult{background:#e2e8db}.frn-demo.home-v2 .visual-read{background:#eee8df}
.frn-demo.home-v2 .path-visual>span{position:absolute;bottom:12px;right:18px;font:14px Georgia,serif;letter-spacing:.14em;color:#65563e}
.frn-demo.home-v2 .path-content{padding:25px 28px 24px}.frn-demo.home-v2 .path-label{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.frn-demo.home-v2 .path h3{font-size:clamp(23px,2vw,29px);margin-bottom:14px}
.frn-demo.home-v2 .path p:last-of-type{font-size:17px;line-height:1.85;color:var(--muted)}
.frn-demo.home-v2 .path-more{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:17px}
.frn-demo.home-v2 .path:hover .path-visual svg{transform:translateY(-4px)}
.frn-demo.home-v2 .mission{padding-block:65px}.frn-demo.home-v2 .mission h2{font-size:40px;line-height:1.6}.frn-demo.home-v2 .mission-flower{font-size:65px;margin-top:20px}
.frn-demo.home-v2 .learn{padding-block:70px}.frn-demo.home-v2 .learn>.section-intro{margin-bottom:14px}.frn-demo.home-v2 .learn>.sample-label{margin-top:14px}
.frn-demo.home-v2 .course-grid{gap:24px}.frn-demo.home-v2 .course{background:#fff;border:1px solid #deddd4}.frn-demo.home-v2 .course>a{height:100%;display:flex;flex-direction:column}
.frn-demo.home-v2 .course-art{height:180px;padding:24px 28px;font-size:32px}.frn-demo.home-v2 .course-content{padding:22px 25px;display:flex;flex-direction:column;flex:1}.frn-demo.home-v2 .course h3{font-size:25px;min-height:78px;margin:10px 0 12px}.frn-demo.home-v2 .course-link{margin-top:auto;padding-top:20px;border-bottom:0;padding-bottom:0}
.frn-demo.home-v2 .organization-brief{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;border-top:1px solid var(--line);padding-block:60px}.frn-demo.home-v2 .organization-brief>div>p{margin:18px 0}.frn-demo.home-v2 .organization-brief .text-link{margin-top:10px}.frn-demo.home-v2 .org-contact{padding-left:45px;border-left:1px solid var(--line)}
@media(min-width:761px) and (max-width:1050px){.frn-demo.home-v2 .hero{gap:30px}.frn-demo.home-v2 h1{font-size:43px}.frn-demo.home-v2 .path-content{padding:20px}.frn-demo.home-v2 .path h3{font-size:23px}.frn-demo.home-v2 .course-content{padding:20px}.frn-demo.home-v2 .course h3{font-size:22px}}
@media(max-width:760px){.frn-demo.home-v2 .site-header{min-height:0}.frn-demo.home-v2 .hero{grid-template-columns:1fr;padding-top:14px;gap:0}.frn-demo.home-v2 h1{font-size:clamp(36px,9.7vw,56px)}.frn-demo.home-v2 .hero-copy{padding:12px 0 32px}.frn-demo.home-v2 .hero-photo{height:300px;min-height:0;margin-bottom:18px;border-radius:75px 0 0 0;box-shadow:10px 10px 0 #eee6d7}.frn-demo.home-v2 .hero-bottom{margin-top:8px}.frn-demo.home-v2 .pathways{padding-top:48px;padding-bottom:48px}.frn-demo.home-v2 .path-grid{grid-template-columns:1fr;gap:24px}.frn-demo.home-v2 .path-visual{height:180px}.frn-demo.home-v2 .path-content{padding:23px}.frn-demo.home-v2 .path h3{font-size:27px}.frn-demo.home-v2 .mission{padding-block:46px}.frn-demo.home-v2 .mission h2{font-size:34px}.frn-demo.home-v2 .learn{padding-block:50px}.frn-demo.home-v2 .course-grid{grid-template-columns:1fr;gap:24px}.frn-demo.home-v2 .course h3{min-height:0;font-size:26px}.frn-demo.home-v2 .course-art{height:170px}.frn-demo.home-v2 .organization-brief{grid-template-columns:1fr;gap:24px;padding-block:45px}.frn-demo.home-v2 .org-contact{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.frn-demo.home-v2 .hero-photo figcaption{font-size:17px;padding:55px 18px 20px}}
@media(prefers-reduced-motion:reduce){.frn-demo.home-v2 .path-visual svg{transition:none}}

/* 実際の活動・メンバー写真：原画像の色と2:1の比率を保持 */
.frn-demo.home-v2 .mission-with-photo .mission-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:60px;align-items:center}.frn-demo.home-v2 .mission-with-photo h2{font-size:36px}.frn-demo .activity-photo{margin-top:26px}.frn-demo .activity-photo img,.frn-demo .story-with-photo>img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;filter:none}.frn-demo .activity-photo figcaption{margin-top:10px;font-size:14px;color:var(--muted);line-height:1.8}.frn-demo .story-with-photo{padding:0;background:#fff;min-height:0;align-self:start;border-bottom:1px solid var(--line)}.frn-demo .story-photo-content{padding:26px 30px 30px}.frn-demo .story-with-photo h3{margin:15px 0 17px;font-size:29px}.frn-demo .story-with-photo p{margin-bottom:22px}.frn-demo .story-grid{align-items:start}.frn-demo .story-list a:first-child{padding-top:20px}
@media(max-width:760px){.frn-demo.home-v2 .mission-with-photo .mission-grid{grid-template-columns:1fr;gap:25px}.frn-demo.home-v2 .mission-with-photo h2{font-size:34px}.frn-demo .activity-photo{margin-top:22px}.frn-demo .story-photo-content{padding:22px}.frn-demo .story-with-photo h3{font-size:26px}.frn-demo .story-with-photo{padding:0}}

/* 提供された正式ロゴ画像を無加工で使用 */
.frn-demo .brand-official{display:flex;flex-direction:column;align-items:flex-start;gap:10px;letter-spacing:0;flex-shrink:0}.frn-demo .brand-official img{display:block;width:210px;max-width:100%;height:auto;aspect-ratio:320/79;object-fit:contain}.frn-demo .brand-subtitle{font-family:var(--sans);font-size:14px;line-height:1.6;font-weight:400}.frn-demo .detail .brand-official{text-decoration:none}@media(max-width:760px){.frn-demo .brand-official img{width:190px}.frn-demo .brand-official{gap:8px}}

.frn-demo .brand-official img{aspect-ratio:2168/725;}

/* セクション順序：入口→読む→理念→講座→相談→お知らせ */
.frn-demo.home-v2 .pathways{padding-bottom:52px}.frn-demo.home-v2 #read{padding-top:58px;padding-bottom:72px;border-top:1px solid var(--line)}.frn-demo.home-v2 #news{padding-top:70px}.frn-demo.home-v2 .consult{margin-bottom:0}@media(max-width:760px){.frn-demo.home-v2 .pathways{padding-bottom:36px}.frn-demo.home-v2 #read{padding-top:40px;padding-bottom:48px}.frn-demo.home-v2 #news{padding-top:48px}}

/* アドビオ公式の海の背景を公開URLで使用。読み込み不可時は青色を表示 */
.frn-demo.home-v2 #consult{background-color:#195875;background-image:linear-gradient(90deg,rgba(8,35,49,.83) 0%,rgba(8,35,49,.68) 44%,rgba(8,35,49,.28) 100%),url("https://advio.jp/static/images/hero_ocean.ee8dbd7ccad8.jpg");background-size:cover;background-position:center 60%;padding-block:80px}.frn-demo.home-v2 #consult h2{font-size:clamp(34px,3.3vw,48px);line-height:1.65}.frn-demo.home-v2 #consult .consult-aside{background:rgba(10,40,54,.68);border-left:1px solid rgba(255,255,255,.5);padding:35px 38px}.frn-demo.home-v2 #consult .eyebrow{color:#ffda9f}.frn-demo.home-v2 #consult .aside-note{color:#fff}@media(max-width:760px){.frn-demo.home-v2 #consult{padding-block:50px;background-position:60% center;background-image:linear-gradient(180deg,rgba(8,35,49,.79),rgba(8,35,49,.55)),url("https://advio.jp/static/images/hero_ocean.ee8dbd7ccad8.jpg")}.frn-demo.home-v2 #consult h2{font-size:34px}.frn-demo.home-v2 #consult .consult-aside{border-left:0;border-top:1px solid rgba(255,255,255,.5);padding:26px;background:rgba(10,40,54,.65)}}
/* 明るい海と空を生かした相談セクション */
.frn-demo.home-v2 #consult{color:#17394b;background-color:#bce9f4;background-image:linear-gradient(90deg,rgba(255,255,255,.42),rgba(255,255,255,.12)),url("https://advio.jp/static/images/hero_ocean.ee8dbd7ccad8.jpg");background-position:center 52%;}
.frn-demo.home-v2 #consult .eyebrow{color:#244e63;}
.frn-demo.home-v2 #consult h2{color:#17394b;}
.frn-demo.home-v2 #consult .consult-aside{background:rgba(255,253,248,.94);border:1px solid rgba(255,255,255,.85);color:#243c47;}
.frn-demo.home-v2 #consult .aside-note{color:#314b57;}
.frn-demo.home-v2 #consult .quote{color:#b36800;}
.frn-demo.home-v2 #consult .button{background:#f0a43c;color:#282b24;}
@media(max-width:760px){.frn-demo.home-v2 #consult{background-image:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.12)),url("https://advio.jp/static/images/hero_ocean.ee8dbd7ccad8.jpg");background-position:60% center;}.frn-demo.home-v2 #consult .consult-aside{background:rgba(255,253,248,.95);border:1px solid rgba(255,255,255,.85);}}
/* 相談セクション：右側パネルの白背景と枠線を外す */
.frn-demo.home-v2 #consult .consult-aside{background:transparent;border:0;}
/* 相談セクションを中央配置の1カラムに */
.frn-demo.home-v2 #consult .consult-grid{display:block;max-width:1100px;text-align:center;}
.frn-demo.home-v2 #consult h2{font-size:clamp(28px,3.3vw,48px);}
.frn-demo.home-v2 #consult{background-image:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.25)),url("https://advio.jp/static/images/hero_ocean.ee8dbd7ccad8.jpg");background-position:center 55%;}
.frn-demo.home-v2 #consult .button{margin-top:28px;}
@media(max-width:760px){.frn-demo.home-v2 #consult h2{font-size:clamp(25px,6.5vw,34px);}}
/* 相談セクション本文の視認性を調整 */
.frn-demo.home-v2 #consult .consult-grid>div>p:not(.eyebrow){color:#102f40;font-weight:600;}

/* 採用デザイン：文章＋海写真に特徴カードを重ねる */
.frn-demo.home-v2 #consult.consult-editorial{position:relative;background:var(--paper);color:var(--ink);padding-block:76px;overflow:hidden}
.frn-demo.home-v2 #consult.consult-editorial .consult-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:65px;max-width:1504px;text-align:left;align-items:center}
.frn-demo.home-v2 #consult.consult-editorial h2{font-size:clamp(38px,4.15vw,61px);line-height:1.55;color:var(--ink);margin-bottom:26px}
.frn-demo.home-v2 #consult.consult-editorial .eyebrow{color:#935712;margin-bottom:28px}
.frn-demo.home-v2 #consult.consult-editorial .consult-description{font-size:20px!important;font-weight:400!important;color:#555a50!important;line-height:1.85}
.frn-demo.home-v2 #consult.consult-editorial .button{border-radius:999px;padding:17px 27px;gap:24px;display:inline-flex;margin-top:28px;font-size:18px;max-width:100%;color:#282b24;background:#f0a43c}
.frn-demo.home-v2 #consult.consult-editorial .consult-chips{display:flex;list-style:none;padding:0;margin:22px 0 18px;font-size:14px;color:#626052;gap:0;flex-wrap:wrap}
.frn-demo.home-v2 #consult.consult-editorial .consult-chips li{line-height:1.6;padding:0 16px;border-right:1px solid #aaa38d}.frn-demo.home-v2 #consult.consult-editorial .consult-chips li:first-child{padding-left:0}.frn-demo.home-v2 #consult.consult-editorial .consult-chips li:last-child{border:0}
.frn-demo.home-v2 #consult.consult-editorial .consult-operator{font-size:14px!important;font-weight:400!important;color:#626052!important;line-height:1.9}
.frn-demo.home-v2 #consult.consult-editorial .consult-visual{position:relative;min-height:620px;align-self:stretch;border-radius:115px 0 70px 0;overflow:hidden;background:linear-gradient(#94c9ef,#53cbd6 70%,#e4ede3)}
.frn-demo.home-v2 #consult.consult-editorial .consult-ocean{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{position:relative;margin:285px 30px 36px;padding:30px;background:rgba(255,254,249,.93);border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 10px 30px rgba(23,80,94,.06)}
.frn-demo.home-v2 #consult.consult-editorial .card-label{font-size:14px;letter-spacing:.1em;color:#6c6457;margin-bottom:16px}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card h3{font-size:27px;line-height:1.7;border-bottom:1px solid #d9d9ca;padding-bottom:18px;margin-bottom:20px}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card ul{list-style:none;padding:0;margin:0;font-size:17px;line-height:1.8}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card li{position:relative;padding-left:30px;margin-top:12px}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card li::before{content:'✓';position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#a46621;color:#fff;font-size:14px;line-height:1}
@media(min-width:761px) and (max-width:1050px){.frn-demo.home-v2 #consult.consult-editorial .consult-grid{gap:30px}.frn-demo.home-v2 #consult.consult-editorial h2{font-size:42px}.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin:230px 18px 24px;padding:22px}.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card h3{font-size:24px}}
@media(max-width:760px){.frn-demo.home-v2 #consult.consult-editorial{padding-block:48px}.frn-demo.home-v2 #consult.consult-editorial .consult-grid{grid-template-columns:1fr;gap:32px}.frn-demo.home-v2 #consult.consult-editorial h2{font-size:clamp(36px,9vw,48px)}.frn-demo.home-v2 #consult.consult-editorial .consult-description{font-size:18px!important}.frn-demo.home-v2 #consult.consult-editorial .button{font-size:17px;padding:16px 20px;gap:10px}.frn-demo.home-v2 #consult.consult-editorial .consult-chips li{padding-inline:10px}.frn-demo.home-v2 #consult.consult-editorial .consult-operator br{display:none}.frn-demo.home-v2 #consult.consult-editorial .consult-visual{min-height:0;border-radius:65px 0 35px 0}.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin:190px 16px 24px;padding:23px 20px;border-radius:18px}.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card h3{font-size:23px}.frn-demo.home-v2 #consult.consult-editorial .card-label{font-size:14px;letter-spacing:.03em}}
/* 海の色と波がカード越しにも見える透明度に調整 */
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{background:rgba(255,254,249,.78);}
/* 特徴カードを海写真の上寄りへ */
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin-top:220px;}
@media(min-width:761px) and (max-width:1050px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin-top:180px;}}
@media(max-width:760px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin-top:140px;}}
/* 特徴カードをコンパクトにし、写真の見える範囲を広げる */
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{width:calc(100% - 100px);max-width:540px;margin-left:auto;margin-right:auto;padding:22px 24px;}
.frn-demo.home-v2 #consult.consult-editorial .card-label{margin-bottom:10px;}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card h3{padding-bottom:12px;margin-bottom:14px;}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card li{margin-top:9px;}
@media(min-width:761px) and (max-width:1050px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{width:calc(100% - 56px);padding:20px;}}
@media(max-width:760px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{width:calc(100% - 48px);padding:20px 18px;}}
/* 特徴カードをさらに少し上へ移動 */
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin-top:180px;}
@media(min-width:761px) and (max-width:1050px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin-top:145px;}}
@media(max-width:760px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{margin-top:110px;}}
/* 海と空を中心に表示し、下部の砂浜を少なくする */
.frn-demo.home-v2 #consult.consult-editorial .consult-ocean{object-position:55% top;}
.frn-demo.home-v2 #consult.consult-editorial .consult-ocean{height:112%;}
/* 特徴カードの大きさと位置を微調整 */
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{max-width:510px;width:calc(100% - 120px);margin-top:145px;padding:18px 22px;}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card h3{line-height:1.55;padding-bottom:10px;margin-bottom:12px;}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card ul{line-height:1.65;}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card li{margin-top:8px;}
@media(min-width:761px) and (max-width:1050px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{width:calc(100% - 64px);margin-top:115px;padding:18px;}}
@media(max-width:760px){.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card{width:calc(100% - 56px);margin-top:85px;padding:18px 16px;}}

/* 第5案：特集・プロジェクト。既存セクションには適用しない */
.frn-demo.home-v2 .features-projects{padding-top:58px;padding-bottom:76px;border-top:1px solid var(--line)}
.frn-demo .features-intro{margin-top:20px;color:var(--muted);font-size:17px;line-height:1.9}
.frn-demo .features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}
.frn-demo .feature-card{display:flex;flex-direction:column;min-width:0;background:#fffdf8;border:1px solid #ded9cd}
.frn-demo .feature-image{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:#eee9df;margin:0}
.frn-demo .feature-image img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
.frn-demo .feature-planned .feature-image{background:#e8dfd1}
.frn-demo .feature-body{display:flex;flex-direction:column;flex:1;padding:28px 30px 26px}
.frn-demo .feature-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;line-height:1.6;color:#6c5b41;flex-wrap:wrap;margin-bottom:18px}
.frn-demo .feature-status{padding:4px 12px;border:1px solid #b6ab92;background:#f4eee3;white-space:nowrap;font-size:14px;line-height:1.6;color:#645a47}
.frn-demo .feature-status-live{background:#fbeacd;border-color:#d9a34b;color:#755015}
.frn-demo .feature-body h3{font-size:clamp(26px,2.1vw,31px);line-height:1.7;margin-bottom:20px;overflow-wrap:anywhere;min-height:calc(1.7em * 3)}
.frn-demo .feature-body>p{font-size:17px;line-height:1.95;color:var(--muted)}
.frn-demo .feature-development{border-top:1px solid #e0dbcf;margin-top:23px;padding-top:20px;margin-bottom:20px}
.frn-demo .feature-development h4{font:600 17px/1.7 var(--sans);margin:0 0 10px;color:var(--ink)}
.frn-demo .feature-development ul{margin:0;padding-left:1.2em;font-size:17px;line-height:1.9;color:var(--muted)}
.frn-demo .feature-development li+li{margin-top:5px}
.frn-demo .feature-development p{font-size:17px;line-height:1.9;color:var(--muted)}
.frn-demo .feature-body .feature-note{font-size:14px;line-height:1.9;margin-bottom:25px}
.frn-demo .feature-action{margin-top:auto;border-top:1px solid #ded9cd;padding-top:17px;font-size:17px;line-height:1.8}
.frn-demo .feature-action a{display:flex;justify-content:space-between;gap:18px;color:#805111;font-weight:600;min-height:44px;align-items:center}
.frn-demo .feature-coming{color:#655e52;font-size:17px}.frn-demo .feature-coming span{display:block;font-size:14px;color:var(--muted)}
@media(max-width:760px){.frn-demo.home-v2 .features-projects{padding-top:42px;padding-bottom:48px}.frn-demo .features-grid{grid-template-columns:1fr;gap:28px}.frn-demo .feature-body{padding:24px}.frn-demo .feature-body h3{font-size:27px;min-height:0}.frn-demo .feature-meta{gap:10px}.frn-demo .features-intro{margin-top:17px}}

/* ファーストビュー：2枚の手動スライド。左の文章と他セクションは維持 */
.frn-demo.home-v2 .hero-slider{background:#eef5f3;isolation:isolate}
.frn-demo .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;pointer-events:none;background:#eff5f2}
.frn-demo .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.frn-demo .hero-slide:nth-child(2){background:#fff}
.frn-demo.home-v2 .hero-slider .hero-slide img{position:absolute;inset:0;width:100%;height:calc(100% - 100px);padding:15px;object-fit:contain;object-position:center;display:block}
.frn-demo .hero-slider .slide-caption{position:absolute;left:0;right:0;bottom:50px;min-height:50px;background:rgba(250,249,245,.96);color:#2f352c;font-family:var(--serif);font-size:18px;line-height:1.7;text-align:center;padding:10px 18px}
.frn-demo .slider-controls{position:absolute;z-index:2;bottom:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;gap:15px;background:#faf9f5}
.frn-demo .slider-controls button{font-family:var(--sans);cursor:pointer;color:#302f29;border:1px solid #bcb8ad;background:transparent;min-width:44px;min-height:44px;font-size:20px;display:grid;place-items:center}
.frn-demo .slider-controls button:focus-visible,.frn-demo .hero-slider:focus-visible{outline:3px solid #a45d00;outline-offset:-3px}
.frn-demo .slider-arrow{border-radius:50%}.frn-demo .slider-dots{display:flex;gap:2px}.frn-demo .slider-controls .slider-dot{border:0;position:relative}.frn-demo .slider-dot::before{content:'';width:10px;height:10px;border-radius:50%;background:#bcb7a8}.frn-demo .slider-dot[aria-pressed=true]::before{background:#b66f14;box-shadow:0 0 0 3px #f7e5c9}
.frn-demo .slider-count{font-size:14px;color:#5a5d50}.frn-demo .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.frn-demo .slide-fallback{position:absolute;inset:0 0 100px;display:grid;place-items:center;font-size:17px;color:#514a3b;padding:25px;text-align:center}
@media(max-width:760px){.frn-demo.home-v2 .hero-slider{height:340px}.frn-demo .hero-slider .slide-caption{font-size:17px;padding:10px 12px}.frn-demo.home-v2 .hero-slider .hero-slide img{padding:10px}}
@media(prefers-reduced-motion:reduce){.frn-demo .hero-slide{transition:none}}
/* 手動スライド：従来の写真枠と画像内コピー、左右端の矢印のみ */
.frn-demo.home-v2 .hero-slider{background:#eef5f3;}
.frn-demo.home-v2 .hero-slider .hero-slide img{inset:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:center;}
.frn-demo .hero-slider .slide-caption{bottom:0;min-height:0;text-align:left;padding:65px 28px 25px;background:linear-gradient(transparent,rgba(25,36,15,.72));color:#fff;font-size:18px;line-height:1.7;}
.frn-demo .hero-slider .slider-controls{inset:0;height:100%;background:transparent;display:block;pointer-events:none;}
.frn-demo .hero-slider .slider-dots,.frn-demo .hero-slider .slider-count{display:none;}
.frn-demo .hero-slider .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:44px;height:44px;background:rgba(250,249,245,.88);border:1px solid rgba(255,255,255,.8);color:#302f29;}
.frn-demo .hero-slider .slider-arrow[data-slide-step="-1"]{left:12px;}
.frn-demo .hero-slider .slider-arrow[data-slide-step="1"]{right:12px;}
.frn-demo .hero-slider .slide-fallback{bottom:0;}
@media(max-width:760px){.frn-demo.home-v2 .hero-slider{height:300px;}.frn-demo .hero-slider .slide-caption{padding:55px 18px 20px;font-size:17px;}.frn-demo .hero-slider .slider-arrow[data-slide-step="-1"]{left:8px;}.frn-demo .hero-slider .slider-arrow[data-slide-step="1"]{right:8px;}}

/* 特集ステータス：公開と企画を文字・色・形で区別 */
.frn-demo .feature-meta .feature-status{font-size:17px;font-weight:700;padding:9px 14px;display:inline-flex;gap:10px;align-items:center;border-width:2px;line-height:1.5}
.frn-demo .feature-status small{font-size:14px;font-weight:600;letter-spacing:.06em}
.frn-demo .feature-meta .feature-status-live{background:#f0a43c;color:#322511;border-color:#b47722}
.frn-demo .feature-meta .feature-status-planned{background:#f4f0e6;color:#5b5140;border:2px dashed #9b8a6c}
.frn-demo .feature-action-note{font-size:14px;color:var(--muted);margin-top:8px}
/* 独立特設ページ：誌面を意識した横長写真と編集レイアウト */
.frn-demo.freelance-special .wrap{max-width:1400px;padding-inline:64px}
.frn-demo .special-breadcrumb{font-size:14px;gap:13px;flex-wrap:wrap;font-weight:400;padding:15px 0 30px}
.frn-demo .special-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.frn-demo .special-cover{padding-top:22px}
.frn-demo .special-title-row{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:38px}
.frn-demo .special-cover h1{font-size:clamp(40px,4.7vw,67px);line-height:1.65}
.frn-demo .special-subtitle{font-family:var(--serif);font-size:25px;line-height:1.8;margin-top:22px}
.frn-demo .special-stamp{border-left:3px solid var(--orange);padding:14px 0 14px 30px;flex-shrink:0}
.frn-demo .special-stamp strong{font-family:Georgia,serif;font-weight:400;letter-spacing:.08em;font-size:38px;line-height:1.3;color:#915914;display:block;margin-bottom:16px}
.frn-demo .special-stamp span{font-size:17px;line-height:1.8}
.frn-demo .special-cover-photo img{width:100%;height:auto;max-height:460px;object-fit:cover;object-position:center;display:block}
.frn-demo .special-cover-photo figcaption{font-size:14px;color:var(--muted);line-height:1.8;margin-top:12px}
.frn-demo .special-purpose{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:80px;padding-bottom:75px}
.frn-demo .special-purpose h2{font-size:36px;line-height:1.8}
.frn-demo .special-purpose-body{padding-top:12px;font-size:19px;line-height:2.1}.frn-demo .special-purpose-body p+p{margin-top:22px}
.frn-demo .special-questions{padding-bottom:78px}
.frn-demo .special-questions h2{font-size:32px;margin-bottom:30px}
.frn-demo .question-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.frn-demo .question-columns>div{padding:28px 25px 30px 0}.frn-demo .question-columns>div+div{padding-left:25px;border-left:1px solid var(--line)}
.frn-demo .question-columns span{font-size:14px;color:#7b5c35;letter-spacing:.04em}.frn-demo .question-columns h3{font-size:25px;margin:15px 0}.frn-demo .question-columns p{font-size:17px;color:var(--muted)}
.frn-demo .special-contents{background:#eeeee5;padding-block:62px}.frn-demo .special-contents h2{font-size:36px}.frn-demo .special-contents-lead{font-size:17px;margin-top:16px}
.frn-demo .special-content-list{margin-top:30px;border-top:1px solid #c9c9b9}.frn-demo .special-content-list article{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:25px;align-items:start;padding:27px 0;border-bottom:1px solid #c9c9b9}
.frn-demo .special-content-no{font:32px/1.5 Georgia,serif;color:#956125}.frn-demo .special-content-list h3{font-size:28px;margin-bottom:10px}.frn-demo .special-content-list p{font-size:17px;color:var(--muted)}
.frn-demo .special-pending{font-size:14px;padding:5px 13px;border:1px dashed #9b8a6c;background:#faf9f5}.frn-demo .special-content-note{font-size:14px;color:var(--muted);margin-top:22px}
.frn-demo .special-editorial{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:65px;padding-bottom:55px}.frn-demo .special-editorial h2{font-size:34px}.frn-demo .special-editorial p{font-size:17px;margin-bottom:20px}.frn-demo .special-editorial .special-small{font-size:14px;color:var(--muted)}
.frn-demo .special-back{padding-top:15px;padding-bottom:65px;border-bottom:1px solid var(--line)}
@media(max-width:1000px){.frn-demo.freelance-special .wrap{padding-inline:36px}.frn-demo .special-title-row{gap:25px}.frn-demo .special-cover h1{font-size:44px}.frn-demo .special-subtitle{font-size:22px}.frn-demo .special-stamp strong{font-size:30px}.frn-demo .special-purpose,.frn-demo .special-editorial{gap:35px}}
@media(max-width:760px){.frn-demo.freelance-special .wrap{padding-inline:24px}.frn-demo .special-title-row{flex-direction:column;align-items:flex-start;gap:25px}.frn-demo .special-cover h1{font-size:clamp(31px,8.4vw,45px)}.frn-demo .special-subtitle{font-size:22px}.frn-demo .special-stamp{padding:10px 0 10px 20px}.frn-demo .special-stamp strong{font-size:28px}.frn-demo .special-stamp strong br{display:none}.frn-demo .special-cover-photo img{max-height:none}.frn-demo .special-purpose,.frn-demo .special-editorial{grid-template-columns:1fr;gap:22px;padding-top:48px;padding-bottom:48px}.frn-demo .special-purpose h2{font-size:29px}.frn-demo .special-purpose-body{font-size:17px}.frn-demo .special-questions{padding-bottom:48px}.frn-demo .special-questions h2{font-size:29px}.frn-demo .question-columns{grid-template-columns:1fr}.frn-demo .question-columns>div,.frn-demo .question-columns>div+div{padding:23px 0;border-left:0}.frn-demo .question-columns>div+div{border-top:1px solid var(--line)}.frn-demo .special-contents{padding-block:46px}.frn-demo .special-contents h2{font-size:30px}.frn-demo .special-content-list article{grid-template-columns:38px minmax(0,1fr);gap:16px}.frn-demo .special-content-list h3{font-size:25px}.frn-demo .special-pending{grid-column:2;justify-self:start}.frn-demo .special-content-no{font-size:28px}.frn-demo .special-editorial h2{font-size:30px}.frn-demo .special-back{padding-bottom:45px}}
/* 読みやすさの全体調整：濃い文字と大きめの本文・補足 */
.frn-demo{--ink:#20251f;--muted:#383e35;--gray:#383e35;font-size:19px;line-height:1.95;}
.frn-demo p{font-size:19px;}
.frn-demo nav,.frn-demo nav a{font-size:16px;}
.frn-demo .eyebrow{font-size:16px;color:#75440f;}
.frn-demo .meta,.frn-demo .sample-label,.frn-demo .feature-note,.frn-demo .feature-body .feature-note,.frn-demo .feature-action-note,.frn-demo .brand-subtitle,.frn-demo .footer-bottom,.frn-demo .hero-bottom,.frn-demo time,.frn-demo .card-label{font-size:16px;color:#404438;}
.frn-demo .hero-text,.frn-demo .path p:last-child,.frn-demo .course-content>p:not(.meta),.frn-demo .feature-body>p,.frn-demo .feature-development p,.frn-demo .feature-development ul,.frn-demo .features-intro{font-size:19px;color:#383e35;}
.frn-demo .text-link,.frn-demo .button,.frn-demo .course-link,.frn-demo .path-more,.frn-demo .feature-action{font-size:19px;}
.frn-demo .feature-body h3{font-size:clamp(28px,2.3vw,33px);}
.frn-demo .feature-development h4{font-size:19px;}
.frn-demo .facts span,.frn-demo .feature-coming span,.frn-demo .activity-photo figcaption{font-size:16px;color:#404438;}
.frn-demo.home-v2 .path p:last-of-type,.frn-demo.home-v2 .path-more{font-size:19px;color:#383e35;}
.frn-demo.home-v2 .course-content>p:not(.meta){font-size:19px;color:#383e35;}
.frn-demo.home-v2 #consult.consult-editorial .consult-description{font-size:21px!important;color:#30362e!important;}
.frn-demo.home-v2 #consult.consult-editorial .consult-operator{font-size:16px!important;color:#383e35!important;}
.frn-demo.home-v2 #consult.consult-editorial .card-label,.frn-demo.home-v2 #consult.consult-editorial .consult-chips{font-size:16px;color:#383e35;}
.frn-demo.home-v2 #consult.consult-editorial .consult-feature-card ul{font-size:19px;color:#20251f;}
.frn-demo .detail p,.frn-demo .detail li,.frn-demo .organization p,.frn-demo .organization dd{font-size:19px;color:#30362e;}
.frn-demo .detail .sample-label{font-size:16px;}
.frn-demo .special-purpose-body,.frn-demo .question-columns p,.frn-demo .special-content-list p,.frn-demo .special-editorial p,.frn-demo .special-contents-lead{font-size:19px;color:#30362e;}
.frn-demo .special-cover-photo figcaption,.frn-demo .special-content-note,.frn-demo .special-editorial .special-small,.frn-demo .special-pending,.frn-demo .special-breadcrumb,.frn-demo .question-columns span{font-size:16px;color:#404438;}
.frn-demo .special-content-list h3{font-size:30px;}
@media(max-width:760px){.frn-demo{font-size:19px;}.frn-demo .eyebrow{font-size:16px;}.frn-demo.home-v2 #consult.consult-editorial .consult-description{font-size:19px!important;}.frn-demo.home-v2 #consult.consult-editorial .card-label{font-size:16px;}.frn-demo .special-purpose-body{font-size:19px;}.frn-demo .feature-body h3{font-size:29px;}.frn-demo .special-content-list h3{font-size:27px;}}
/* 小さな文字の読みやすさ：さらに濃い色と適度な太さ */
.frn-demo{--ink:#181c17;--muted:#242a22;}
.frn-demo .hero-text{color:#20261e;font-weight:600;}
.frn-demo .hero-lead{color:#181c17;font-weight:600;}
.frn-demo .meta,.frn-demo .sample-label,.frn-demo .feature-note,.frn-demo .feature-body .feature-note,.frn-demo .feature-action-note,.frn-demo .brand-subtitle,.frn-demo .footer-bottom,.frn-demo .hero-bottom,.frn-demo time,.frn-demo .facts span,.frn-demo .activity-photo figcaption,.frn-demo .feature-coming span{color:#252b22;font-weight:600;}
.frn-demo .path p:last-child,.frn-demo.home-v2 .path p:last-of-type,.frn-demo .course-content>p:not(.meta),.frn-demo.home-v2 .course-content>p:not(.meta),.frn-demo .feature-body>p,.frn-demo .feature-development p,.frn-demo .feature-development ul,.frn-demo .features-intro{color:#252b22;font-weight:500;}
.frn-demo.home-v2 #consult.consult-editorial .consult-description,.frn-demo.home-v2 #consult.consult-editorial .consult-operator{color:#20261e!important;font-weight:600!important;}
.frn-demo.home-v2 #consult.consult-editorial .card-label,.frn-demo.home-v2 #consult.consult-editorial .consult-chips{color:#252b22;font-weight:600;}
.frn-demo .special-cover-photo figcaption,.frn-demo .special-content-note,.frn-demo .special-editorial .special-small,.frn-demo .special-pending,.frn-demo .special-breadcrumb,.frn-demo .question-columns span{color:#252b22;font-weight:600;}
/* 在宅ワーク講座カードの日本語コピー */
.frn-demo .course-art.art-one{font-family:var(--serif);line-height:1.6;}

/* 読む：右側をコンパクトな4記事カードに */
.frn-demo #read .story-list-compact{display:grid;gap:14px}
.frn-demo #read .story-list-compact .read-article-card{position:relative;display:block;padding:20px 52px 20px 23px;background:#fffdf8;border:1px solid #d4d2c6;border-left:3px solid #dfa04b;min-height:112px}
.frn-demo #read .story-list-compact .meta{display:block;font-size:16px;line-height:1.5;color:#394030;margin-bottom:8px}
.frn-demo #read .story-list-compact h3{font-size:24px;line-height:1.6;margin:0;color:#20251f}
.frn-demo #read .story-list-compact .read-card-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;color:#82500d}
.frn-demo #read .story-list-compact .read-article-card:hover{background:#f7edda}
@media(max-width:760px){.frn-demo #read .story-list-compact{gap:12px}.frn-demo #read .story-list-compact .read-article-card{padding:18px 44px 18px 18px;min-height:104px}.frn-demo #read .story-list-compact h3{font-size:23px}.frn-demo #read .story-list-compact .read-card-arrow{right:15px}}

/* 今回の公開範囲：フリーランスはクリックできない予告カード */
.frn-demo .feature-planned{cursor:default}.frn-demo .feature-planned .feature-subtitle{font-family:var(--serif);font-size:23px;font-weight:600;color:#20251f;margin-bottom:22px;line-height:1.8}
.frn-demo .feature-planned .feature-preview-note{margin-top:auto;padding-top:25px;font-size:16px;font-weight:600;color:#454536}
.frn-demo .feature-planned .feature-meta .feature-status{flex-wrap:wrap;white-space:normal;gap:3px 10px}.frn-demo .feature-planned .feature-status small{font-size:16px}
/* 特集カードの縦の空白を詰める */
.frn-demo .feature-body{padding-top:22px;padding-bottom:22px;}
.frn-demo .feature-body h3{min-height:0;margin-bottom:14px;}
.frn-demo .feature-meta{margin-bottom:14px;}
.frn-demo .feature-planned .feature-subtitle{margin-bottom:14px;}
.frn-demo .feature-development{margin-top:18px;padding-top:16px;margin-bottom:16px;}
.frn-demo .feature-body .feature-note{margin-bottom:18px;}
.frn-demo .feature-action{margin-top:18px;padding-top:14px;}
.frn-demo .feature-planned .feature-preview-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);}
/* がん特集：補足ブロック削除後の余白と横線を整理 */
.frn-demo .feature-published .feature-note{margin-top:14px;}
.frn-demo .feature-published .feature-action{border-top:0;margin-top:8px;padding-top:0;}
/* がん特集のリンク上の横線を戻す */
.frn-demo .feature-published .feature-action{border-top:1px solid #ded9cd;margin-top:18px;padding-top:14px;}
/* がん特集の掲載先説明の上に横線 */
.frn-demo .feature-published .feature-body .feature-note{border-top:1px solid #ded9cd;margin-top:18px;padding-top:14px;}
/* がん特集：説明文の上の線のみ残す */
.frn-demo .feature-published .feature-action{border-top:0;}
/* 下層ページの幅を確定TOPと統一 */
.frn-demo .wrap{max-width:1504px;padding-inline:clamp(24px,4.5vw,80px);}
.frn-demo.about-page .wrap,.frn-demo.learn-page .wrap,.frn-demo.freelance-special .wrap{max-width:1504px;padding-inline:clamp(24px,4.5vw,80px);}
.frn-demo .detail{max-width:1504px;}
@media(max-width:760px){.frn-demo .wrap,.frn-demo.about-page .wrap,.frn-demo.learn-page .wrap,.frn-demo.freelance-special .wrap{padding-inline:24px;}}
/* ユーザー指定：ローカルデモの全ページを従来の80%で表示 */
.frn-demo{zoom:0.8;}
/* 全ページ共通：左右にゆとりを設ける */
.frn-demo .wrap,.frn-demo.home-v2 .wrap,.frn-demo.about-page .wrap,.frn-demo.learn-page .wrap,.frn-demo.freelance-special .wrap,.frn-demo .detail{max-width:1400px;padding-inline:clamp(32px,6vw,100px);}
@media(max-width:760px){.frn-demo .wrap,.frn-demo.home-v2 .wrap,.frn-demo.about-page .wrap,.frn-demo.learn-page .wrap,.frn-demo.freelance-special .wrap,.frn-demo .detail{padding-inline:30px;}}
/* 読む見出しの副題だけ小さく表示 */
.frn-demo #read .read-heading-subtitle{display:block;font-size:.65em;line-height:1.8;margin-top:10px;font-weight:500;}

/* TOPの理念テキストを中央方向へ少し寄せる */
@media(min-width:1051px){.frn-demo.home-v2 .hero-copy{transform:translateX(36px);}}
@media(min-width:761px) and (max-width:1050px){.frn-demo.home-v2 .hero-copy{transform:translateX(14px);}}

/* 全ページの横幅をスリムにし、TOPの文字位置を調整 */
.frn-demo .wrap,.frn-demo.home-v2 .wrap,.frn-demo.about-page .wrap,.frn-demo.learn-page .wrap,.frn-demo.freelance-special .wrap,.frn-demo.consult-page #consult .consult-grid,.frn-demo .detail{max-width:1240px;}
@media(min-width:1051px){.frn-demo.home-v2 .hero-copy{transform:translateX(52px);}}

/* 理念を伝える本文：TOPのみ */
.frn-demo.home-v2 .home-career-message{padding-top:45px;padding-bottom:65px}
.frn-demo.home-v2 .home-career-message-inner{max-width:850px;margin-inline:auto}
.frn-demo.home-v2 .home-career-message h2{font-size:clamp(28px,2.8vw,38px);line-height:1.65;margin-bottom:30px;text-wrap:pretty}
.frn-demo.home-v2 .home-career-message-body p{font-size:22px;line-height:2;margin:0 0 22px;color:#20261e}
.frn-demo.home-v2 .home-career-message-body p:last-child{margin-bottom:0}
@media(max-width:760px){.frn-demo.home-v2 .home-career-message{padding-top:30px;padding-bottom:45px}.frn-demo.home-v2 .home-career-message h2{font-size:30px}.frn-demo.home-v2 .home-career-message-body p{font-size:22px;line-height:1.95}}