/* AI / SNS service only. Shared header, footer and hero definitions are inherited. */
.sns-page{--sns-navy:#062333;--sns-blue:#087eff;--sns-muted:#536b83;background:#fff;color:#102237;line-height:1.7}
.sns-page .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sns-page .sns-section{padding:48px 0}
.sns-page .sns-heading{text-align:center;margin:0 0 26px}
.sns-page .sns-heading h2{margin:0;font:700 clamp(1.5rem,2.5vw,2rem)/1.4 "Noto Serif JP","Yu Mincho",serif;color:inherit}
.sns-page .sns-heading p{margin:8px 0 0;font-size:.9rem;line-height:1.8;color:var(--sns-muted)}
.sns-page .sns-left .sns-heading,.sns-page .sns-strength .sns-heading{text-align:left}
.sns-page article,.sns-page li{min-width:0}
.sns-page article h3{font-size:.98rem;line-height:1.55;margin:10px 0 0;color:inherit}
.sns-page article p{font-size:.86rem;line-height:1.7;margin:8px 0 0;color:var(--sns-muted)}
.sns-page .sns-icon{display:block;width:44px;height:44px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--sns-blue);flex-shrink:0;overflow:visible}
.sns-page .sns-badges{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:20px 0 0}
.sns-page .sns-badges li{border:1px solid #b7c9d9;border-radius:30px;color:#fff;padding:4px 18px;font-size:.8rem;line-height:1.5}
.sns-page .sns-problems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;text-align:center}
.sns-page .sns-problems img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:3px;filter:none}
.sns-page .sns-problems h3{max-width:12em;margin:12px auto 0}
.sns-page .sns-dark{background:var(--sns-navy);color:#fff}
.sns-page .sns-dark .sns-heading p{color:#d0dfeb}
.sns-page .sns-pale{background:#e7f5ff}
.sns-page .sns-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sns-page .sns-offers article{background:#fff;color:#102237;border:1px solid #d4e2ef;border-radius:4px;padding:24px;text-align:center}
.sns-page .sns-offers p{max-width:23em;margin:8px auto 0}
.sns-page .sns-strength{position:relative;isolation:isolate;min-height:390px;overflow:hidden;background:#fff}
.sns-page .sns-strength-copy{position:relative;z-index:2;width:57%;padding:42px 0}
.sns-page .sns-strength .sns-heading p{max-width:34em}
.sns-page .sns-strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:30px}
.sns-page .sns-strength-grid article{display:flex;align-items:center;gap:16px}
.sns-page .sns-strength-grid .sns-icon{margin:0}
.sns-page .sns-strength-grid h3{font-size:.94rem;margin:0;max-width:11em}
.sns-page .sns-strength figure{position:absolute;inset:0 0 0 auto;width:49%;margin:0;z-index:0}
.sns-page .sns-strength figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.sns-page .sns-strength figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,.9) 8%,transparent 40%)}
.sns-page .sns-ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.sns-page .sns-ai-flow li{position:relative;background:white;border:1px solid #d9e8f5;border-radius:3px;padding:16px}
.sns-page .sns-ai-flow li+li:before{content:"›";position:absolute;left:-14px;top:40%;color:#68ace7;font-size:1.4rem}
.sns-page .sns-ai-title,.sns-page .sns-ai-detail{display:flex;align-items:center;gap:12px}
.sns-page .sns-ai-title span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#c8e2fb;flex-shrink:0}
.sns-page .sns-ai-title h3{font-size:.93rem;margin:0;line-height:1.5}
.sns-page .sns-ai-detail{margin-top:16px;align-items:flex-start}
.sns-page .sns-ai-detail .sns-icon{width:30px;height:30px;margin:0}
.sns-page .sns-ai-detail p{font-size:.8rem;line-height:1.7;color:var(--sns-muted);margin:0}
.sns-page .sns-note{font-size:.78rem;line-height:1.7;color:var(--sns-muted);text-align:center;margin:18px 0 0}
.sns-page .sns-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.sns-page .sns-platforms article{border:1px solid #67818e;border-radius:3px;padding:18px 10px;text-align:center}
.sns-page .sns-platforms .sns-icon{color:white;width:34px;height:34px}
.sns-page .sns-platforms h3{font-size:.92rem;margin-top:8px}
.sns-page .sns-scope{text-align:center;color:#fff;font-size:.88rem;margin:20px 0 0}
.sns-page .sns-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;text-align:center}
.sns-page .sns-process li{position:relative}
.sns-page .sns-process li:before{content:"";position:absolute;top:26px;left:-10px;right:-10px;height:1px;background:#a9d1ff}
.sns-page .sns-process li:first-child:before{left:50%}.sns-page .sns-process li:last-child:before{right:50%}
.sns-page .sns-process span{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#d4e9ff,#8bc0ff);font-size:1rem}
.sns-page .sns-process .sns-icon{width:30px;height:30px;margin:12px auto 0}
.sns-page .sns-process h3{font-size:.95rem;line-height:1.5;margin:8px 0 0}
.sns-page .sns-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sns-page .sns-plans article{display:flex;flex-direction:column;padding:24px;background:white;border:1px solid #cee2f6;border-radius:4px}
.sns-page .sns-plans h3{color:#0876f5;text-align:center;font-size:1.05rem;margin:0}
.sns-page .sns-plans ul{padding:0;list-style:none;margin:20px 0;font-size:.88rem;color:var(--sns-muted)}
.sns-page .sns-plans li{position:relative;padding-left:24px;margin:6px 0}
.sns-page .sns-plans li:before{content:"✓";position:absolute;left:0;color:#0089ff;font-weight:700}
.sns-page .sns-plans a{display:block;margin-top:auto;padding:10px 8px;text-align:center;border-radius:4px;background:linear-gradient(100deg,#008cff,#0064ed);color:white;font-weight:700;font-size:.94rem;text-decoration:none}
.sns-page .sns-plans a:hover{background:#005dd4}
.sns-page a:focus-visible,.sns-page summary:focus-visible{outline:3px solid #168eff;outline-offset:4px}
.sns-page .sns-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sns-page .sns-metrics article{border:1px solid #dce8f3;padding:24px 15px;text-align:center;border-radius:3px}
.sns-page .sns-metrics h3{font-size:.93rem}
.sns-page .sns-improve{padding-bottom:20px}
.sns-page .sns-faq{padding-top:20px}
.sns-page .sns-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;align-items:start}
.sns-page .sns-faq details{border:1px solid #dce8f3;border-radius:3px}
.sns-page .sns-faq summary{position:relative;padding:12px 34px;list-style:none;cursor:pointer;font-size:.86rem;line-height:1.6}
.sns-page .sns-faq summary::-webkit-details-marker{display:none}
.sns-page .sns-faq summary:before{content:"Q";position:absolute;left:12px;color:#087eff}
.sns-page .sns-faq summary:after{content:"+";position:absolute;right:12px;color:#087eff;font-size:1.1rem}
.sns-page .sns-faq details[open] summary:after{content:"−"}
.sns-page .sns-faq details>p{margin:0;padding:0 16px 16px;font-size:.86rem;line-height:1.8;color:var(--sns-muted)}
@media(max-width:960px){
.sns-page .sns-offers article{padding:20px 14px}.sns-page .sns-ai-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.sns-page .sns-ai-flow li:nth-child(3):before{display:none}
.sns-page .sns-strength-copy{width:65%}.sns-page .sns-strength-grid{gap:20px 16px}.sns-page .sns-strength-grid article{gap:10px}.sns-page .sns-strength-grid .sns-icon{width:34px;height:34px}
.sns-page .sns-plans article{padding:20px 16px}.sns-page .sns-process{gap:12px}
}
@media(max-width:650px){
.sns-page .container{width:calc(100% - 32px)}.sns-page .sns-section{padding:40px 0}.sns-page .sns-heading{margin-bottom:22px}.sns-page .sns-heading h2{font-size:1.5rem}.sns-page .sns-heading p{font-size:.85rem}
.sns-page .sns-badges{gap:8px}.sns-page .sns-badges li{font-size:.72rem;padding:4px 12px}
.sns-page .sns-problems{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.sns-page .sns-problems h3{font-size:.87rem}
.sns-page .sns-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sns-page .sns-offers article{padding:20px 12px}.sns-page .sns-offers h3{font-size:.91rem}.sns-page .sns-offers p{font-size:.8rem}
.sns-page .sns-strength{min-height:0;display:flex;flex-direction:column}.sns-page .sns-strength-copy{width:100%;padding:36px 0 24px}.sns-page .sns-strength-grid{gap:22px 12px}.sns-page .sns-strength-grid h3{font-size:.86rem}.sns-page .sns-strength figure{position:relative;inset:auto;width:100%;height:240px}.sns-page .sns-strength figure img{object-position:center 40%}.sns-page .sns-strength figure:after{background:linear-gradient(180deg,#fff,transparent 25%)}
.sns-page .sns-ai-flow{grid-template-columns:1fr;gap:12px}.sns-page .sns-ai-flow li+li:before{display:none}.sns-page .sns-ai-title h3{font-size:.95rem}.sns-page .sns-ai-detail{margin-top:12px}.sns-page .sns-ai-detail p{font-size:.85rem}
.sns-page .sns-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sns-page .sns-platforms h3{font-size:.85rem}.sns-page .sns-scope{font-size:.82rem}
.sns-page .sns-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.sns-page .sns-process li:before{display:none}.sns-page .sns-process h3{font-size:.88rem}
.sns-page .sns-plans{grid-template-columns:1fr;gap:16px}.sns-page .sns-plans article{padding:24px}.sns-page .sns-plans ul{font-size:.9rem}
.sns-page .sns-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sns-page .sns-metrics article{padding:20px 12px}.sns-page .sns-metrics h3{font-size:.88rem}.sns-page .sns-metrics p{font-size:.8rem}
.sns-page .sns-improve{padding-bottom:18px}.sns-page .sns-faq{padding-top:18px}.sns-page .sns-faq-grid{grid-template-columns:1fr;gap:10px}
}