*,*::before,*::after{box-sizing:border-box}
:root{--y:#FFD600;--p:#FF4A6B;--b:#00B9E8;--g:#26C281;--o:#FF8C42;--v:#9B6DFF;--dk:#1A1A1A;--tx:#333;--mt:#777;--lt:#F7F7F7;--bd:#E8E8E8}
body.yolo-article-body{margin:0;background:#fff;color:var(--tx);font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}
body.yolo-article-body a{text-decoration:none;color:inherit}
.ph{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ph::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 7px,rgba(0,0,0,.04) 7px,rgba(0,0,0,.04) 8px)}
.ph-lbl{position:relative;z-index:1;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-family:'Barlow Condensed',sans-serif;opacity:.35;color:#000}
.ph-ev{background:#D8CEC6}.ph-art{background:#C4CCDA}.ph-pl{background:#C0D6C4}.ph-fi{background:#C8C2C0}.ph-ph{background:#D4CCC6}.ph-nu{background:#D2D0CE}
.ya-nav{position:sticky;top:0;z-index:50;height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:2px solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 48px}
.ya-logo,.ya-footer-logo{font-weight:900;line-height:1;color:var(--dk);letter-spacing:-.02em;display:inline-flex;flex-direction:column}
.ya-logo span,.ya-footer-logo span{font-size:22px}.ya-logo small,.ya-footer-logo small{font-size:10px;letter-spacing:.18em}
.ya-nav-links{display:flex;gap:26px;font-size:13px;font-weight:800;color:var(--dk)}
.ya-nav-links a{opacity:.7;transition:opacity .18s}.ya-nav-links a:hover{opacity:1}
.ya-nav-cta{background:var(--y);color:var(--dk);border:2px solid var(--dk);box-shadow:4px 4px 0 var(--dk);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s}
.ya-nav-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dk)}
.ya-page{overflow:hidden}
.ya-hero{position:relative;background:#fff;padding:70px 48px 76px;border-bottom:2px solid var(--bd)}
.ya-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 22%,rgba(255,214,0,.23),transparent 18%),radial-gradient(circle at 88% 18%,rgba(0,185,232,.18),transparent 18%),radial-gradient(circle at 80% 88%,rgba(255,74,107,.15),transparent 20%);pointer-events:none}
.ya-hero-grid{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:54px;align-items:center}
.ya-kicker{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:14px;letter-spacing:.14em;color:var(--mt);margin-bottom:18px}
.ya-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;color:var(--mt);font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;letter-spacing:.05em}
.ya-cat{background:var(--p);color:#fff;border-radius:999px;padding:5px 13px;font-family:'Noto Sans JP',sans-serif;font-size:12px;letter-spacing:0}
.ya-title{margin:0;color:var(--dk);font-size:clamp(34px,5vw,72px);line-height:1.1;font-weight:900;letter-spacing:0}
.ya-lead{max-width:720px;margin:22px 0 0;color:#555;font-size:16px;line-height:2;font-weight:700}
.ya-hero-media{position:relative}
.ya-main-img{width:100%;aspect-ratio:4/3;border-radius:24px;object-fit:cover;border:3px solid var(--dk);box-shadow:12px 12px 0 var(--y);display:flex}
.ya-sticker{position:absolute;right:-20px;bottom:-18px;width:96px;height:96px;border-radius:50%;background:var(--p);color:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;line-height:.95;transform:rotate(10deg);box-shadow:0 12px 26px rgba(255,74,107,.28)}
.ya-deco{position:absolute;z-index:1;font-weight:900;pointer-events:none}.ya-d1{left:7%;top:32px;color:var(--y);font-size:30px}.ya-d2{right:7%;top:120px;color:var(--g);font-size:26px}.ya-d3{left:48%;bottom:34px;color:var(--b);font-size:20px}
.ya-content-wrap{max-width:1180px;margin:0 auto;padding:68px 48px;display:grid;grid-template-columns:250px minmax(0,760px);gap:56px;align-items:start}
.ya-side{position:sticky;top:96px}
.ya-side-card{background:var(--lt);border:2px solid var(--bd);border-radius:18px;padding:20px}
.ya-side-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:900;color:var(--dk);margin-bottom:14px}
.ya-side-row{border-top:1px solid var(--bd);padding:12px 0;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:var(--mt)}
.ya-side-row strong{color:var(--dk);font-size:12px;text-align:right}
.ya-side-btn,
.ya-side-btn:link,
.ya-side-btn:visited{display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--dk);color:#fff!important;border:2px solid var(--dk);border-radius:999px;padding:11px 14px;margin-top:14px;font-size:13px;font-weight:900;line-height:1.2;box-shadow:0 6px 0 rgba(0,0,0,.12);transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.ya-side-btn:hover,
.ya-side-btn:focus-visible{background:var(--p);border-color:var(--p);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 0 rgba(0,0,0,.14)}
.ya-content{font-size:17px;line-height:2.15;color:#333}
.ya-content>*:first-child{margin-top:0}
.ya-content .p-toc{display:none!important}
.ya-content p{margin:0 0 1.6em}
.ya-content h2{margin:2.3em 0 .8em;font-size:30px;line-height:1.35;font-weight:900;color:var(--dk);padding-left:18px;border-left:8px solid var(--y)}
.ya-content h3{margin:2em 0 .75em;font-size:22px;line-height:1.45;font-weight:900;color:var(--dk)}
.ya-content ul,.ya-content ol{margin:0 0 1.6em;padding-left:1.4em}
.ya-content li{margin:.45em 0}
.ya-content blockquote{margin:2em 0;padding:24px 28px;background:#FFF7CD;border-left:8px solid var(--y);border-radius:0 16px 16px 0;font-weight:800;color:var(--dk)}
.ya-content img{max-width:100%;height:auto;border-radius:18px}
.ya-content a{color:#008DB5!important;text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:800}
.ya-related{max-width:1180px;margin:0 auto 76px;padding:0 48px}
.ya-section-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ya-section-head span{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:900;color:var(--dk);letter-spacing:.04em}.ya-section-head strong{background:#DFF8EC;color:#147040;border-radius:999px;padding:4px 12px;font-size:12px}
.ya-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ya-related-card{border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}
.ya-related-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.12)}
.ya-related-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:flex}
.ya-related-body{padding:14px}.ya-related-meta{font-family:'Barlow Condensed',sans-serif;color:var(--mt);font-size:12px;font-weight:800;letter-spacing:.05em;margin-bottom:6px}.ya-related-title{font-size:14px;font-weight:900;color:var(--dk);line-height:1.6}
.ya-footer{border-top:2px solid var(--bd);padding:34px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ya-footer p{margin:0;color:var(--mt);font-size:13px;font-weight:800}
@media (max-width: 900px){
.ya-nav{padding:0 20px}.ya-nav-links{display:none}.ya-hero{padding:48px 20px 58px}.ya-hero-grid{grid-template-columns:1fr;gap:34px}.ya-main-img{box-shadow:8px 8px 0 var(--y)}.ya-content-wrap{grid-template-columns:1fr;padding:46px 20px;gap:28px}.ya-side{position:static}.ya-related{padding:0 20px;margin-bottom:54px}.ya-related-grid{grid-template-columns:1fr}.ya-footer{padding:28px 20px;align-items:flex-start;flex-direction:column}
}
@media (max-width: 560px){
.ya-nav{height:64px}.ya-logo span{font-size:18px}.ya-nav-cta{padding:8px 14px;font-size:12px;box-shadow:3px 3px 0 var(--dk)}.ya-title{font-size:34px}.ya-lead{font-size:14px;line-height:1.9}.ya-content{font-size:15px;line-height:2}.ya-content h2{font-size:24px}.ya-sticker{width:78px;height:78px;right:-8px;font-size:18px}.ya-deco{display:none}
} .ya-nav-cta,.ya-nav-cta:link,.ya-nav-cta:visited{color:var(--dk)!important}
.ya-side-btn,.ya-side-btn:link,.ya-side-btn:visited{color:#fff!important}
.ya-content .wp-block-button__link,
.ya-content .wp-block-button__link:link,
.ya-content .wp-block-button__link:visited{background:var(--dk)!important;color:#fff!important;border:2px solid var(--dk);border-radius:999px;padding:12px 22px;text-decoration:none!important;font-weight:900;box-shadow:0 6px 0 rgba(0,0,0,.12);display:inline-flex;align-items:center;justify-content:center;line-height:1.3}
.ya-content .wp-block-button__link:hover,
.ya-content .wp-block-button__link:focus-visible{background:var(--p)!important;border-color:var(--p);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 0 rgba(0,0,0,.14)} .ya-kicker,
.ya-meta,
.ya-related-meta{color:#555!important}
.ya-cat{color:#fff!important;font-weight:900!important;text-shadow:0 1px 2px rgba(0,0,0,.22)}
.ya-section-head strong{background:#BFEFD9!important;color:#0B4F2B!important;border:1px solid rgba(0,0,0,.08);font-weight:900!important} .yolo-page-hero-grid{grid-template-columns:minmax(0,1fr) 340px}
.yolo-page-symbol{aspect-ratio:1;border-radius:28px;background:var(--y);border:3px solid var(--dk);box-shadow:12px 12px 0 var(--p);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--dk);font-weight:900;line-height:.9;transform:rotate(-3deg)}
.yolo-page-symbol span{font-family:'Barlow Condensed',sans-serif;font-size:82px;letter-spacing:0}
.yolo-page-symbol small{font-family:'Barlow Condensed',sans-serif;font-size:28px;letter-spacing:.06em}
.yolo-page-content-wrap{display:block;max-width:920px}
.yolo-page-content .wp-block-group{margin:2em 0;padding:24px 28px;border:2px solid var(--bd);border-radius:18px;background:var(--lt)}
.yolo-page-content .wp-block-group h2,
.yolo-page-content .wp-block-group h3{margin-top:0}
.yolo-page-content .wp-block-columns{gap:22px}
.yolo-page-content .wp-block-column{padding:20px;border:2px solid var(--bd);border-radius:18px;background:#fff}
.yolo-page-content .wp-block-column h3{margin-top:0}
@media (max-width: 900px){
.yolo-page-hero-grid{grid-template-columns:1fr}
.yolo-page-symbol{max-width:300px}
.yolo-page-content .wp-block-column{padding:18px}
} .yolo-community-section{max-width:1120px;margin:0 auto;padding:70px 48px}
.yolo-community-hero .ya-hero-grid{align-items:center}
.yolo-community-symbol{background:#DFF8EC;box-shadow:12px 12px 0 var(--y)}
.yolo-community-symbol span{font-size:76px}
.yolo-community-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.yolo-community-btn,
.yolo-community-btn:link,
.yolo-community-btn:visited{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:2px solid var(--dk);border-radius:999px;background:#fff;color:var(--dk)!important;text-decoration:none!important;font-weight:900;line-height:1.2;box-shadow:4px 4px 0 var(--dk);transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.yolo-community-btn:hover,
.yolo-community-btn:focus-visible{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dk)}
.yolo-community-btn-primary,
.yolo-community-btn-primary:link,
.yolo-community-btn-primary:visited{background:var(--dk);color:#fff!important}
.yolo-community-label{display:inline-flex;align-items:center;width:max-content;margin-bottom:14px;padding:5px 12px;border-radius:999px;background:#FFF0B8;color:#6B4900;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:900;letter-spacing:.08em}
.yolo-community h2{margin:0;color:var(--dk);font-size:clamp(30px,4vw,52px);line-height:1.2;font-weight:900;letter-spacing:0}
.yolo-community h3{margin:0;color:var(--dk);font-size:22px;line-height:1.4;font-weight:900}
.yolo-community p{margin:0;color:#444;font-size:16px;line-height:2;font-weight:700}
.yolo-community-copy{max-width:850px}
.yolo-community-copy p{margin-top:18px}
.yolo-community-head{display:flex;flex-direction:column;gap:2px;margin-bottom:28px}
.yolo-community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.yolo-community-card{min-height:250px;padding:24px;border:2px solid var(--bd);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.06)}
.yolo-community-card span{display:inline-flex;margin-bottom:18px;font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:900;color:var(--p);line-height:1}
.yolo-community-card p{margin-top:12px;font-size:14px;line-height:1.9}
.yolo-community-fit{background:#F7F7F7;max-width:none}
.yolo-community-fit .yolo-community-head,
.yolo-community-fit .yolo-community-list{max-width:1120px;margin-left:auto;margin-right:auto}
.yolo-community-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.yolo-community-list p{display:flex;align-items:center;min-height:116px;padding:18px;border:2px solid var(--dk);border-radius:18px;background:#fff;color:var(--dk);font-size:15px;line-height:1.7;box-shadow:5px 5px 0 var(--y)}
.yolo-community-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yolo-community-step{padding:26px;border-radius:20px;background:#DFF8EC;border:2px solid #BFEFD9}
.yolo-community-step:nth-child(2){background:#E8F7FF;border-color:#BFE8F5}
.yolo-community-step:nth-child(3){background:#FFF0B8;border-color:#F2D96E}
.yolo-community-step b{display:inline-flex;margin-bottom:16px;font-family:'Barlow Condensed',sans-serif;font-size:24px;color:var(--dk)}
.yolo-community-step p{margin-top:10px;font-size:14px;line-height:1.9}
.yolo-community-cta{margin-bottom:76px;border:3px solid var(--dk);border-radius:28px;background:var(--y);box-shadow:12px 12px 0 var(--p)}
.yolo-community-cta p{max-width:720px;margin-top:16px;color:var(--dk)}
@media (max-width: 980px){
.yolo-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.yolo-community-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.yolo-community-step-grid{grid-template-columns:1fr}
}
@media (max-width: 560px){
.yolo-community-section{padding:48px 20px}
.yolo-community-grid,
.yolo-community-list{grid-template-columns:1fr}
.yolo-community-card{min-height:0}
.yolo-community-list p{min-height:0}
.yolo-community-actions{flex-direction:column}
.yolo-community-btn{width:100%}
.yolo-community-cta{margin:0 20px 54px;box-shadow:7px 7px 0 var(--p)}
}