@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Klee+One:wght@400;600&family=DM+Sans:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
.smsp{--teal:#079fba;
  --teal-d:#068199;
  --slate:#546065;
  --ink:#404040;
  --sub:#777;
  --line:#06c755;
  --bg:#f5f5f5;
  --paper:#ffffff;
  --border:#e4e7e8;
  --peach:#f4ece4;
  --maxw:1120px;
  --radius:4px;
  --shadow:0 10px 30px rgba(84,96,101,.08);
  --icon-point:url('https://smasapo.io/wp/wp-content/themes/smasapo/assets/images/icon-point.png');
  --ff-jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  --ff-hand:"Klee One",var(--ff-jp);
  --ff-en:"DM Sans",var(--ff-jp);
  --ff-zen:"Zen Kaku Gothic New",var(--ff-jp);}
.smsp *{box-sizing:border-box}
.smsp,.smsp{margin:0;padding:0;overflow-x:hidden}
.smsp{font-family:var(--ff-jp);
  color:var(--ink);
  background:var(--bg);
  line-height:1.9;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"palt";}
.smsp img{max-width:100%;display:block}
.smsp a{color:inherit;text-decoration:none}
.smsp .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.smsp .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.smsp .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
.smsp .reveal{opacity:1;transform:none;transition:none}
}
.smsp .hdr{position:fixed;top:0;left:0;width:100%;z-index:120;background:rgba(255,255,255,.97);
  backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--border);transition:box-shadow .3s}
.smsp .hdr.is-scroll{box-shadow:0 3px 16px rgba(84,96,101,.09)}
.smsp .pagenav{position:sticky;top:71px;z-index:90;background:rgba(255,255,255,.97);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--border)}
.smsp .pagenav ul{list-style:none;margin:0 auto;padding:6px 12px;max-width:760px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px}
.smsp .pagenav li{flex:none}
.smsp .pagenav a{display:block;padding:7px 14px;font-size:13px;font-weight:700;color:var(--slate);white-space:nowrap;
  border:1px solid var(--border);border-radius:999px;background:#fff;transition:color .15s,border-color .15s,background .15s}
.smsp .pagenav a:hover{color:#fff;background:var(--teal);border-color:var(--teal)}
.smsp section[id]{scroll-margin-top:150px}
.smsp .hdr__inner{display:flex;align-items:center;justify-content:space-between;padding:12px 30px}
.smsp .hdr__logo img{height:48px;width:auto;display:block}
.smsp .hdr__btn{position:relative;width:30px;height:24px;border:0;background:none;cursor:pointer;padding:0;z-index:130}
.smsp .hdr__btn span{position:absolute;left:0;width:100%;height:2.5px;background:var(--slate);border-radius:2px;transition:.3s}
.smsp .hdr__btn span:nth-child(1){top:0}
.smsp .hdr__btn span:nth-child(2){top:50%;transform:translateY(-50%)}
.smsp .hdr__btn span:nth-child(3){bottom:0}
.smsp .hdr__btn.is-open span{background:var(--slate)}
.smsp .hdr__btn.is-open span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.smsp .hdr__btn.is-open span:nth-child(2){opacity:0}
.smsp .hdr__btn.is-open span:nth-child(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}
.smsp .ovmenu{position:fixed;inset:0;z-index:110;background:#eaeaea;opacity:0;pointer-events:none;transform:translateY(-12px);
  transition:opacity .35s ease,transform .35s ease;display:flex;align-items:center;justify-content:center;overflow-y:auto}
.smsp body.menu-open{overflow:hidden}
.smsp body.menu-open .ovmenu{opacity:1;pointer-events:auto;transform:none}
.smsp .ovmenu__inner{width:100%;max-width:640px;padding:96px 32px 48px}
.smsp .ovmenu__list{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid #d3d3d3}
.smsp .ovmenu__link{display:flex;align-items:baseline;gap:16px;padding:20px 6px;border-bottom:1px solid #d3d3d3;color:var(--ink);transition:color .2s,padding .2s}
.smsp .ovmenu__link:hover{color:var(--teal);padding-left:14px}
.smsp .ovmenu__en{font-family:var(--ff-en);font-size:22px;font-weight:600;min-width:8.5em;letter-spacing:.02em}
.smsp .ovmenu__ja{font-size:13px;color:var(--sub)}
.smsp .ovmenu__btns{display:flex;flex-direction:column;gap:16px;align-items:center}
.smsp .ovmenu__btns .btn-line{width:100%;max-width:360px;justify-content:center;font-size:15px;padding:16px}
.smsp .ovmenu__fc{font-size:13px;color:var(--sub);text-align:center}
.smsp .ovmenu__fc b{color:var(--teal);font-weight:700}
.smsp .btn-line{background:var(--line);color:#fff;font-weight:700;font-size:13px;padding:11px 20px;border-radius:var(--radius);
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity .2s}
.smsp .btn-line:hover{opacity:.88}
.smsp .btn-line img{height:18px;width:18px}
.smsp .btn-white{background:#fff;color:var(--slate);font-weight:700;font-size:13px;padding:11px 22px;border-radius:var(--radius);
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:.2s}
.smsp .btn-white:hover{background:var(--slate);color:#fff}
.smsp .eyebrow{font-family:var(--ff-en);font-size:13px;letter-spacing:.12em;color:var(--teal);font-weight:500;text-transform:uppercase;display:block}
.smsp .stitle{font-size:27px;font-weight:700;color:var(--slate);margin:8px 0 0;letter-spacing:.01em;line-height:1.45;word-break:auto-phrase}
.smsp .center{text-align:center}
.smsp .ctitle{display:flex;flex-direction:column;gap:6px;margin:0 0 36px}
.smsp .ctitle__en{font-family:var(--ff-en);font-size:13px;font-weight:500;color:var(--teal);letter-spacing:.12em;line-height:1;text-transform:uppercase}
.smsp .ctitle__ja{font-family:var(--ff-jp);font-size:32px;font-weight:700;color:var(--slate);margin:0;line-height:1.4;letter-spacing:.01em;word-break:auto-phrase}
.smsp .ctitle--white .ctitle__en{color:#bdeefa}
.smsp .ctitle--white .ctitle__ja{color:#fff}
.smsp .center .ctitle,.smsp .ctitle--c{align-items:center;text-align:center}
.smsp .bc{padding:82px 0 0}
.smsp .bc ol{max-width:var(--maxw);margin:0 auto;padding:8px 24px 0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--sub)}
.smsp .bc li:not(:last-child)::after{content:"›";margin-left:8px;color:#bbb}
.smsp .bc a:hover{color:var(--teal)}
.smsp .hero{position:relative;color:#fff;padding:150px 0 90px;text-align:center;overflow:hidden;background:var(--slate)}
.smsp .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,159,186,.86),rgba(84,96,101,.9)),
  url('https://smasapo.io/wp/wp-content/themes/smasapo/assets/images/about-bg01.jpg') center/cover;z-index:0}
.smsp .hero>*{position:relative;z-index:1}
.smsp .hero .eyebrow{color:#bdeefa}
.smsp .hero h1{font-family:var(--ff-hand);font-size:40px;font-weight:600;margin:16px auto 0;max-width:20em;line-height:1.55;word-break:auto-phrase;letter-spacing:.02em}
.smsp .hero p.lead{margin:20px auto 0;max-width:34em;font-size:15px;color:#eef4f5}
.smsp .dhero{position:relative;padding:10px 0 0}
.smsp .dhero .frame{position:relative;height:clamp(240px,42vw,440px);overflow:hidden}
.smsp .dhero .frame img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.smsp .dhero .frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(84,96,101,.15),rgba(84,96,101,.55))}
.smsp .dhero .cap{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:100%;max-width:var(--maxw);padding:0 24px;color:#fff;z-index:2}
.smsp .dhero .cap .eyebrow{color:#bdeefa}
.smsp .dhero .cap h1{font-family:var(--ff-hand);font-size:36px;font-weight:600;margin:10px 0 0;line-height:1.35;text-shadow:0 2px 20px rgba(0,0,0,.4);word-break:auto-phrase;letter-spacing:.02em}
.smsp section.blk{padding:68px 0}
.smsp section.blk.alt{padding:24px 0;background:transparent}
.smsp section.blk.alt>.wrap{background:#eef7f9;border:1px solid rgba(7,159,186,.13);border-radius:34px;
  padding:60px clamp(22px,4vw,54px);box-shadow:0 14px 40px rgba(84,96,101,.07)}
@media(max-width:600px){
.smsp section.blk.alt>.wrap{border-radius:24px;padding:44px 20px}
}
.smsp .photoband{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:clamp(230px,38vw,400px);
  display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--slate) center/cover no-repeat}
.smsp .photoband::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(84,96,101,.4),rgba(84,96,101,.56))}
.smsp .photoband>*{position:relative;z-index:1}
.smsp .photoband__copy{font-family:var(--ff-hand);font-weight:600;color:#fff;font-size:clamp(23px,3.6vw,38px);
  line-height:1.75;text-shadow:0 2px 24px rgba(0,0,0,.42);padding:54px 24px;margin:0;word-break:auto-phrase}
.smsp .photoband__tag{display:block;font-family:var(--ff-en);font-size:12px;letter-spacing:.24em;color:#bdeefa;margin-bottom:14px;text-shadow:none}
.smsp .lead-tx{margin:0 0 6px;max-width:44em;text-align:left;color:var(--sub);font-size:15px}
.smsp .lead-tx+.gal,.smsp .lead-tx+.facil,.smsp .lead-tx+.cgrid,.smsp .lead-tx+.pgrid,.smsp .lead-tx+.gvoices,.smsp .lead-tx+.grades,.smsp .lead-tx+.rel,.smsp .lead-tx+.mapbox,.smsp .lead-tx+.points{margin-top:34px}
.smsp .sbr{display:inline-block}
.smsp .cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.smsp .ccard{background:var(--paper);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);
  display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.smsp .ccard:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(84,96,101,.16)}
.smsp .ccard .thumb{position:relative;aspect-ratio:4/3;overflow:hidden}
.smsp .ccard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.smsp .ccard:hover .thumb img{transform:scale(1.05)}
.smsp .ccard .badge{position:absolute;top:12px;left:12px;background:var(--teal);color:#fff;font-size:11px;font-weight:700;
  padding:4px 12px;border-radius:99px;letter-spacing:.04em}
.smsp .ccard .badge.soon{background:var(--slate)}
.smsp .ccard .body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.smsp .ccard h3{font-size:20px;font-weight:900;color:var(--slate);margin:0 0 12px}
.smsp .ccard ul{list-style:none;padding:0;margin:0 0 18px;font-size:13.5px;color:var(--ink)}
.smsp .ccard ul li{display:flex;gap:8px;padding:3px 0;line-height:1.7}
.smsp .ccard ul li .ic{flex:none}
.smsp .ccard .more{margin-top:auto;font-weight:700;color:var(--teal);font-size:14px;display:inline-flex;align-items:center;gap:6px}
.smsp .ccard:hover .more{gap:11px}
.smsp .ccard--soon{cursor:default}
.smsp .ccard--soon:hover{transform:none;box-shadow:var(--shadow)}
.smsp .ccard--soon:hover .thumb img{transform:none}
.smsp .soonhint{margin-top:auto;font-weight:700;color:var(--sub);font-size:13px}
.smsp .mapbox{margin-top:40px;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}
.smsp .mapbox iframe{width:100%;height:420px;border:0;display:block}
.smsp .map-ph{height:300px;display:flex;align-items:center;justify-content:center;text-align:center;background:
  repeating-linear-gradient(45deg,#eef1f2,#eef1f2 12px,#e8ecee 12px,#e8ecee 24px);color:var(--sub);font-size:14px;padding:24px}
.smsp .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.smsp .gal figure{position:relative;margin:0;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3}
.smsp .gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.smsp .gal figure:hover img{transform:scale(1.06)}
.smsp .gal figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(84,96,101,.8));color:#fff;font-size:12px;font-weight:700;padding:24px 12px 10px;letter-spacing:.03em}
.smsp .galph{margin-top:32px}
.smsp .galph img{background:#eef1f2}
.smsp .galnote{margin:14px 0 0;font-size:12px;color:var(--sub);text-align:right}
.smsp .checklist{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 0;padding:0}
.smsp .checklist li{display:flex;gap:13px;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:16px 20px;font-weight:700;color:var(--slate);font-size:14.5px;box-shadow:var(--shadow)}
.smsp .checklist li::before{content:"✓";flex:none;width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}
.smsp .worries{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.smsp .worry{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:20px 22px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow)}
.smsp .worry__q{flex:none;width:40px;height:40px;border-radius:50%;background:#f6efe6;color:#c8892f;font-family:var(--ff-en);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}
.smsp .worry h3{margin:0;font-size:15.5px;color:var(--slate);font-weight:700;line-height:1.5}
.smsp .numlist{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:34px}
.smsp .numcard{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:var(--shadow)}
.smsp .numcard .n{font-family:var(--ff-en);font-size:15px;font-weight:700;color:#fff;background:var(--teal);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.smsp .numcard h3{margin:0 0 8px;font-size:17px;color:var(--slate);font-weight:900;line-height:1.5}
.smsp .numcard p{margin:0;font-size:14px;color:var(--ink);line-height:1.9}
.smsp .flow{display:flex;flex-direction:column;margin:34px auto 0;max-width:760px}
.smsp .flow__step{display:flex;gap:20px;align-items:stretch;position:relative;padding-bottom:26px}
.smsp .flow__step:not(:last-child)::before{content:"";position:absolute;left:23px;top:52px;bottom:-2px;width:2px;background:#d7dee0}
.smsp .flow__num{flex:none;width:48px;height:48px;border-radius:50%;background:var(--teal);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;box-shadow:0 6px 16px rgba(7,159,186,.3);z-index:1}
.smsp .flow__num small{font-size:9px;letter-spacing:.04em;opacity:.9}
.smsp .flow__num b{font-family:var(--ff-en);font-size:18px}
.smsp .flow__body{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:16px 22px;flex:1;box-shadow:var(--shadow)}
.smsp .flow__body h3{margin:0 0 3px;font-size:16px;color:var(--slate);font-weight:900}
.smsp .flow__body p{margin:0;font-size:13.5px;color:var(--sub);line-height:1.8}
.smsp .pcard .pbtn{margin:auto 26px 26px;background:var(--line);color:#fff;font-weight:700;text-align:center;padding:13px;border-radius:var(--radius);font-size:14px;transition:opacity .2s}
.smsp .pcard .pbtn:hover{opacity:.88}
.smsp .rellinks{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.smsp .rellinks a{background:var(--paper);border:1px solid var(--border);border-radius:99px;padding:12px 26px;font-weight:700;color:var(--slate);box-shadow:var(--shadow);font-size:14px}
.smsp .rellinks a:hover{border-color:var(--teal);color:var(--teal)}
.smsp .coursecard .body p.cdesc{font-size:14px;color:var(--ink);margin:0 0 12px;line-height:1.8}
.smsp .coursecard .body ul.cw{list-style:none;padding:0;margin:0 0 16px}
.smsp .coursecard .body ul.cw li{display:flex;gap:8px;font-size:13px;color:var(--sub);padding:3px 0}
.smsp .coursecard .body ul.cw li::before{content:"・";color:var(--teal);font-weight:900}
.smsp .dtable{margin-top:34px;width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.smsp .tscroll{margin-top:34px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.smsp .tscroll .dtable{margin-top:0}
.smsp .dtable th,.smsp .dtable td{padding:15px 20px;border-bottom:1px solid var(--border);font-size:14px;text-align:left;vertical-align:top}
.smsp .dtable thead th{background:var(--slate);color:#fff;font-weight:700;white-space:nowrap}
.smsp .dtable tbody th{background:#f7f9fa;color:var(--slate);font-weight:700;white-space:nowrap}
.smsp .dtable tr:last-child td,.smsp .dtable tr:last-child th{border-bottom:0}
.smsp .dtable .amt-c{font-family:var(--ff-en);color:var(--teal);font-weight:700}
.smsp .dtable td.hl{background:rgba(7,159,186,.08);font-weight:700;color:var(--slate)}
.smsp .dtable thead th.hl{background:var(--teal)}
.smsp .media2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:34px}
.smsp .media2 figure{margin:0}
.smsp .media2 figure img{width:100%;display:block;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--border)}
.smsp .media2 .checklist{margin-top:0}
.smsp .appshot{max-width:880px;margin:34px auto 0}
.smsp .appshot img{width:100%;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}
.smsp .appshot figcaption{text-align:center;font-size:12.5px;color:var(--sub);margin-top:12px}
.smsp .lead-tx--c{text-align:center;margin-left:auto;margin-right:auto}
.smsp .smh3{text-align:center;font-size:18px;color:var(--slate);margin:48px 0 0;font-weight:800}
.smsp .sfeat{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:28px auto 0;max-width:960px}
.smsp .sfeat__card{flex:0 1 calc(33.333% - 11px);min-width:190px;background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:24px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}
.smsp .sfeat__ic{width:54px;height:54px;margin:0 0 13px;border-radius:15px;background:#e2f2f6;color:var(--teal);display:flex;align-items:center;justify-content:center}
.smsp .sfeat__ic svg{width:28px;height:28px}
.smsp .sfeat__card p{margin:0;font-size:14px;font-weight:700;color:var(--slate);line-height:1.55}
.smsp .sfeat--rich{max-width:980px}
.smsp .sfeat--rich .sfeat__card{flex-basis:calc(25% - 12px);text-align:left;align-items:flex-start;padding:22px 20px}
.smsp .sfeat--rich .sfeat__ic{margin-bottom:14px}
.smsp .sfeat--rich .sfeat__card h4{margin:0 0 7px;font-size:14.5px;font-weight:800;color:var(--slate);line-height:1.5}
.smsp .sfeat--rich .sfeat__card p{font-size:12.5px;font-weight:500;color:var(--sub);line-height:1.7}
.smsp .smtag{margin:10px 0 0;color:var(--teal);font-weight:700;font-size:14px;letter-spacing:.08em}
.smsp .sfree{max-width:840px;margin:26px auto 0;background:linear-gradient(120deg,#e8f6f9,#eafaf1);border:1px solid #cdebe4;border-radius:18px;padding:18px 28px;display:flex;align-items:center;gap:22px;justify-content:center;flex-wrap:wrap;text-align:center}
.smsp .sfree__zero{flex:none;font-weight:800;color:var(--teal-d);font-size:15px;display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.smsp .sfree__zero b{font-size:34px;font-weight:900;line-height:1;letter-spacing:-.01em}
.smsp .sfree p{margin:0;font-size:14.5px;color:var(--slate);font-weight:600;line-height:1.6}
.smsp .sfree--opt{background:linear-gradient(120deg,#eef2f4,#f3f6f4);border-color:#dae2e5}
.smsp .sfree--opt p{max-width:46em;font-weight:600}
.smsp .smmeet{max-width:880px;margin:46px auto 0;background:var(--paper);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:28px 30px}
.smsp .smmeet__head{text-align:center}
.smsp .smmeet__head h3{margin:0 0 8px;font-size:18px;font-weight:800;color:var(--slate)}
.smsp .smmeet__head p{margin:0 auto;max-width:40em;font-size:13.5px;color:var(--sub);line-height:1.75}
.smsp .steps3{list-style:none;margin:22px 0 0;padding:0;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.smsp .steps3 li{flex:1 1 0;min-width:148px;max-width:230px;background:#f4fafb;border:1px solid #d9edf1;border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--slate);position:relative}
.smsp .steps3__n{width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px}
.smsp .steps3 li:not(:last-child)::after{content:"\203A";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--teal);font-size:24px;font-weight:900;line-height:1}
.smsp .smshots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:46px auto 0;max-width:960px}
.smsp .smshots figure{margin:0}
.smsp .smshots img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow)}
.smsp .smshots figcaption{text-align:center;font-size:12.5px;color:var(--sub);margin-top:10px;font-weight:600;line-height:1.5}
.smsp .tnote{max-width:660px;margin:14px auto 0;text-align:center;font-size:12px;color:var(--sub);line-height:1.6}
.smsp .mission-lead{font-size:clamp(22px,4.6vw,31px);font-weight:800;color:var(--slate);line-height:1.5;margin:6px 0 18px;letter-spacing:.01em}
.smsp .posbox{max-width:820px;margin:34px auto 0;background:linear-gradient(120deg,#eef7f9,#f3faf0);border:1px solid #cfe8e6;border-radius:20px;padding:clamp(26px,4vw,42px);text-align:center}
.smsp .posbox__claim{font-size:clamp(19px,3.4vw,25px);font-weight:900;color:var(--teal-d);line-height:1.5;margin:0}
.smsp .posbox__sub{margin:14px auto 0;max-width:36em;font-size:14.5px;color:var(--slate);font-weight:600;line-height:1.85}
.smsp .posbox__row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.smsp .posbox__row span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 18px;font-weight:800;color:var(--slate);font-size:13.5px}
.smsp .numcard .n.q{background:#eaf5f8;color:var(--teal-d)}
.smsp .recbox{max-width:840px;margin:46px auto 0;background:#eef7f9;border:1px solid #d4e9ee;border-radius:18px;padding:30px 32px}
.smsp .recbox__ttl{text-align:center;font-size:18px;color:var(--teal-d);margin:0 0 20px;font-weight:900}
.smsp .reclist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.smsp .reclist li{display:flex;gap:11px;align-items:flex-start;font-size:14px;font-weight:700;color:var(--slate);line-height:1.6}
.smsp .reclist li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-top:1px}
.smsp .soonnote{background:var(--paper);border:1px dashed var(--border);border-radius:16px;padding:34px 28px;text-align:center;color:var(--sub);margin-top:20px}
.smsp .soonnote b{display:block;color:var(--slate);font-size:16px;margin-bottom:6px}
.smsp .leadmsg{background:var(--paper);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:clamp(26px,4vw,44px);margin-top:34px;font-size:15.5px;line-height:2.1;color:var(--ink)}
.smsp .leadmsg .sign{display:block;text-align:right;margin-top:20px;color:var(--slate);font-weight:700}
.smsp .leadmsg .sign small{display:block;font-weight:400;color:var(--sub);font-size:12px}
.smsp .reels{display:grid;grid-template-columns:repeat(var(--reelcols,4),1fr);gap:16px;margin-top:30px}
.smsp .reel{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#0d1416;box-shadow:var(--shadow)}
.smsp .reel__v{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#0d1416}
.smsp .reel figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;color:#fff;font-size:13px;font-weight:700;
  background:linear-gradient(transparent,rgba(0,0,0,.62));pointer-events:none}
.smsp .vfilter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}
.smsp .vfilter span{font-size:12.5px;padding:7px 16px;border-radius:999px;border:1px solid var(--border);color:var(--slate);background:#fff}
.smsp .vfilter span.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.smsp .vfilter+.vnote{text-align:center;color:var(--sub);font-size:12px;margin-top:12px}
.smsp .vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}
.smsp .vchange{background:var(--paper);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:24px}
.smsp .vchange__meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.smsp .vchange__meta .av{width:44px;height:44px;border-radius:50%;background:#e2f2f6;display:grid;place-items:center;color:var(--teal);font-weight:700;flex:none}
.smsp .vchange__meta b{font-size:14px;color:var(--slate)}
.smsp .vchange__meta small{display:block;color:var(--sub);font-size:12px}
.smsp .ba-item{border-radius:12px;padding:14px 16px}
.smsp .ba-item .lbl{font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:5px}
.smsp .ba-item p{margin:0;font-size:14px;line-height:1.6;color:var(--ink)}
.smsp .ba-before{background:#f4f6f6}
.smsp .ba-before .lbl{color:var(--sub)}
.smsp .ba-after{background:rgba(7,159,186,.08)}
.smsp .ba-after .lbl{color:var(--teal)}
.smsp .ba-arrow{text-align:center;color:var(--teal);font-size:16px;line-height:1;margin:8px 0}
.smsp .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.smsp .stat{background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:26px 16px;text-align:center}
.smsp .stat b{display:block;font-family:var(--ff-en);font-size:32px;font-weight:800;color:var(--teal);line-height:1.1}
.smsp .stat span{display:block;font-size:12.5px;color:var(--sub);margin-top:8px}
.smsp .scores{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.smsp .scorecard{background:var(--paper);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:22px 16px;text-align:center}
.smsp .scorecard h3{font-size:14px;margin:0 0 12px;color:var(--slate)}
.smsp .scorecard .row{display:flex;align-items:center;justify-content:center;gap:10px}
.smsp .scorecard .pt{font-family:var(--ff-en);font-size:24px;font-weight:800;color:var(--slate)}
.smsp .scorecard .pt.after{color:var(--teal)}
.smsp .scorecard .arw{color:var(--teal);font-weight:800}
.smsp .scorecard small{display:block;color:var(--sub);font-size:12px;margin-top:12px}
.smsp .graph-ph{margin-top:30px;background:var(--paper);border:1px dashed var(--border);border-radius:16px;padding:48px 20px;text-align:center;color:var(--sub)}
.smsp .newslist{margin-top:34px;border-top:1px solid var(--border)}
.smsp .newsitem{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:20px 4px;border-bottom:1px solid var(--border);transition:background .15s}
.smsp .newsitem:hover{background:#f0f7f9}
.smsp .newsitem time{font-family:var(--ff-en);color:var(--teal);font-weight:700;font-size:13px}
.smsp .newsitem .cat{font-size:11px;background:#eef3f4;color:var(--slate);border-radius:999px;padding:3px 10px}
.smsp .newsitem h3{flex:1 1 100%;font-size:16px;margin:2px 0 0;color:var(--ink);font-weight:700}
.smsp .newsitem:hover h3{color:var(--teal)}
.smsp .article{max-width:760px;margin:0 auto}
.smsp .article__meta{display:flex;gap:12px;align-items:center;color:var(--sub);font-size:13px;margin-bottom:14px}
.smsp .article__meta time{font-family:var(--ff-en);color:var(--teal);font-weight:700}
.smsp .article__body{margin-top:24px}
.smsp .article__body p{line-height:1.95;margin:0 0 18px;color:var(--ink)}
.smsp .contact2{display:grid;grid-template-columns:.9fr 1.4fr;gap:28px;margin-top:34px;align-items:start}
.smsp .linecard{background:#f0faf2;border:1px solid #cde8d6;border-radius:18px;padding:28px;text-align:center}
.smsp .linecard h3{font-size:17px;margin:0 0 8px}
.smsp .linecard p{font-size:13px;color:var(--sub);margin:0 0 18px}
.smsp .cform{background:var(--paper);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:28px}
.smsp .cform .field{margin-bottom:18px}
.smsp .cform label{display:block;font-weight:700;font-size:13px;margin-bottom:6px;color:var(--slate)}
.smsp .cform label .req{color:#d0454b;font-size:11px;margin-left:6px}
.smsp .cform input,.smsp .cform select,.smsp .cform textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
.smsp .cform textarea{min-height:130px;resize:vertical}
.smsp .cform .submit{width:100%;border:0;background:var(--teal);color:#fff;font-weight:700;font-size:15px;padding:14px;border-radius:999px;cursor:pointer}
.smsp .cform .formnote{font-size:11.5px;color:var(--sub);margin:14px 0 0;text-align:center}
.smsp .legal{max-width:820px;margin:34px auto 0}
.smsp .legal .rev{color:var(--sub);font-size:12.5px;margin:0 0 24px}
.smsp .legal h2{font-size:18px;margin:30px 0 10px;padding-left:12px;border-left:4px solid var(--teal);color:var(--slate)}
.smsp .legal p,.smsp .legal li{color:var(--ink);line-height:1.9;font-size:14.5px}
.smsp .legal ul{padding-left:1.3em;margin:8px 0}
.smsp .legal li{margin:4px 0}
.smsp .points{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.smsp .pointcard{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.smsp .pointcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(84,96,101,.14)}
.smsp .pointcard__img{position:relative;aspect-ratio:16/11;overflow:hidden}
.smsp .pointcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.smsp .pointcard:hover .pointcard__img img{transform:scale(1.06)}
.smsp .pnum{position:absolute;top:0;left:22px;width:66px;height:76px;background:var(--icon-point) center/contain no-repeat;
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;line-height:1;padding-bottom:6px}
.smsp .pnum b{font-family:var(--ff-en);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:lowercase}
.smsp .pnum span{font-family:var(--ff-en);font-size:30px;font-weight:700}
.smsp .pointcard__body{padding:26px 26px 28px}
.smsp .pointcard__body h3{font-size:18px;font-weight:900;color:var(--slate);margin:0 0 10px;line-height:1.55;word-break:auto-phrase}
.smsp .pointcard__body p{margin:0;font-size:14px;color:var(--ink);line-height:1.9}
.smsp .facil{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.smsp .facil .item{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:20px 22px;display:flex;align-items:center;gap:16px;font-weight:700;color:var(--slate);box-shadow:var(--shadow)}
.smsp .facil .item .fic{flex:none;width:48px;height:48px;border-radius:14px;background:rgba(7,159,186,.1);color:var(--teal);
  display:flex;align-items:center;justify-content:center}
.smsp .facil .item .fic svg{width:26px;height:26px}
.smsp .facil .item small{display:block;font-weight:400;font-size:12px;color:var(--sub);margin-top:2px}
.smsp .floorplan{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;margin-top:38px;align-items:start}
.smsp .floorplan--wide{grid-template-columns:1fr;gap:22px}
.smsp .floorplan--wide .floorplan__info{margin-top:2px}
.smsp .floorplan--wide .fp-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px}
.smsp .floorplan__img{margin:0;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);padding:12px}
.smsp .floorplan__img img{width:100%;display:block;border-radius:12px}
.smsp .fp-seat{background:var(--teal);color:#fff;border-radius:18px;padding:22px 20px;text-align:center;box-shadow:0 12px 30px rgba(7,159,186,.25)}
.smsp .fp-seat .cap{display:block;font-size:12px;letter-spacing:.12em;opacity:.9;margin-bottom:6px}
.smsp .fp-seat b{font-family:var(--ff-en);font-size:42px;font-weight:700;line-height:1;vertical-align:-3px}
.smsp .fp-seat span{font-size:20px;font-weight:700;margin-left:1px}
.smsp .fp-seat small{display:block;font-size:12px;opacity:.92;margin-top:8px;font-weight:400}
.smsp .fp-legend{list-style:none;margin:18px 0 0;padding:0}
.smsp .fp-legend li{display:flex;gap:13px;align-items:flex-start;padding:13px 2px;border-bottom:1px solid var(--border)}
.smsp .fp-legend li:last-child{border-bottom:0}
.smsp .fp-legend .fp-dot{width:18px;height:18px;border-radius:5px;flex:none;margin-top:2px}
.smsp .fp-dot--booth{background:#e2f2f6;border:2px solid var(--teal)}
.smsp .fp-dot--open{background:#f7ecdf;border:2px solid #e0a06a}
.smsp .fp-dot--desk{background:var(--slate)}
.smsp .fp-dot--util{background:#e7ebed;border:2px solid #9aa4a7}
.smsp .fp-legend div b{display:block;color:var(--slate);font-size:14px;font-weight:700;margin-bottom:1px}
.smsp .fp-legend div{font-size:12.5px;color:var(--sub);line-height:1.6}
.smsp .atable{margin-top:36px;width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.smsp .atable th,.smsp .atable td{text-align:left;padding:16px 22px;border-bottom:1px solid var(--border);font-size:15px;vertical-align:top}
.smsp .atable tr:last-child th,.smsp .atable tr:last-child td{border-bottom:0}
.smsp .atable th{width:150px;background:#f7f9fa;color:var(--slate);font-weight:700;white-space:nowrap}
.smsp .todo{color:#c26a2b;font-weight:700}
.smsp .grades{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:38px}
.smsp .grades .chip{background:var(--paper);border:2px solid var(--teal);color:var(--teal);font-weight:900;font-size:16px;
  padding:14px 30px;border-radius:99px;letter-spacing:.03em}
.smsp .pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:760px;margin:40px auto 0}
.smsp .pgrid--single{grid-template-columns:1fr;max-width:640px}
.smsp .pcard{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column}
.smsp .pcard .tag{display:block;background:var(--teal);color:#fff;font-size:15px;font-weight:700;padding:15px 12px;letter-spacing:.05em;margin:0}
.smsp .pcard h3{font-size:19px;color:var(--slate);margin:0 0 4px;font-weight:900}
.smsp .pcard .amt{font-family:var(--ff-en);font-size:46px;font-weight:700;color:var(--teal);line-height:1;padding:30px 30px 0}
.smsp .pcard .amt small{font-size:15px;color:var(--sub);font-family:var(--ff-jp);font-weight:500}
.smsp .pcard .amt .mo{display:block;font-size:12px;color:var(--sub);font-family:var(--ff-jp);letter-spacing:.1em;margin-bottom:6px;font-weight:500}
.smsp .pcard ul{list-style:none;margin:22px 30px 0;padding:20px 0 32px;border-top:1px dashed var(--border);text-align:left;font-size:13.5px}
.smsp .pcard ul li{padding:5px 0 5px 22px;position:relative}
.smsp .pcard ul li::before{content:"◼";color:var(--teal);position:absolute;left:0;font-size:10px;top:9px}
.smsp .pcard .pdesc{margin:22px 30px 0;padding:22px 0 32px;border-top:1px dashed var(--border);text-align:left;font-size:14px;color:var(--ink);line-height:1.9}
.smsp .pcard .pdesc:not(:last-child){padding-bottom:4px}
.smsp .pcard .ptitle{margin:16px 30px 0;padding-top:16px;border-top:1px dashed var(--border);text-align:left;font-size:13.5px;font-weight:700;color:var(--slate)}
.smsp .pcard .ptitle + ul{margin-top:6px;padding-top:8px;border-top:0}
.smsp .price-note{text-align:center;color:var(--sub);font-size:13px;margin-top:22px}
.smsp .poptions{max-width:760px;margin:26px auto 0;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.smsp .poptions__head{background:var(--slate);color:#fff;text-align:center;font-weight:700;font-size:15px;padding:13px}
.smsp .poptions__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;border-bottom:1px solid var(--border);font-size:14.5px;color:var(--ink)}
.smsp .poptions__row:last-child{border-bottom:0}
.smsp .poptions__row b{font-family:var(--ff-en);color:var(--teal);font-weight:700;white-space:nowrap}
.smsp .poptions__name{display:flex;flex-direction:column;gap:3px}
.smsp .poptions__name span{font-weight:700}
.smsp .poptions__name small{font-size:12.5px;color:var(--slate);line-height:1.5;font-weight:400}
.smsp .pricenotes{max-width:760px;margin:18px auto 0;text-align:left}
.smsp .pricenotes p{margin:2px 0;color:var(--sub);font-size:12.5px;line-height:1.8}
.smsp .grate{display:flex;align-items:center;justify-content:center;gap:6px 14px;margin:30px auto 0;flex-wrap:wrap;
  background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:12px 24px;width:max-content;max-width:100%;box-shadow:var(--shadow)}
.smsp .grate .gnum{font-family:var(--ff-en);font-size:26px;font-weight:700;color:var(--slate);line-height:1}
.smsp .grate .gcount{font-size:13px;color:var(--sub)}
.smsp .stars{display:inline-flex;gap:1px;vertical-align:middle}
.smsp .gvoices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.smsp .gcard{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:26px 26px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.smsp .gcard .gtop{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.smsp .gcard .gav{width:42px;height:42px;border-radius:50%;color:#fff;font-weight:700;font-size:19px;
  display:flex;align-items:center;justify-content:center;flex:none}
.smsp .gcard .gmeta{display:flex;flex-direction:column;line-height:1.3;margin-right:auto}
.smsp .gcard .gmeta b{font-size:14.5px;color:var(--slate)}
.smsp .gcard .gmeta small{font-size:12px;color:var(--sub)}
.smsp .gcard .gg{flex:none}
.smsp .gcard p{margin:12px 0 0;font-size:14px;color:var(--ink);line-height:1.85}
.smsp .grate .gg{width:20px;height:20px}
.smsp .voice-empty{max-width:640px;margin:32px auto 0;background:var(--paper);border:1px dashed var(--border);border-radius:16px;
  padding:36px 30px;text-align:center;color:var(--sub)}
.smsp .voice-empty .gg{width:30px;height:30px;margin-bottom:10px}
.smsp .voice-empty p{margin:0;font-size:14px;line-height:1.9}
.smsp .faq{max-width:800px;margin:40px auto 0}
.smsp .faq details{background:var(--paper);border:1px solid var(--border);border-radius:8px;margin-bottom:14px;overflow:hidden}
.smsp .faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 22px;font-weight:700;color:var(--slate);position:relative;font-size:15.5px}
.smsp .faq summary::-webkit-details-marker{display:none}
.smsp .faq summary .q{color:var(--teal);font-family:var(--ff-en);font-weight:700;margin-right:10px}
.smsp .faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--teal);transition:.3s}
.smsp .faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.smsp .faq .a{padding:0 22px 22px;color:var(--ink);font-size:14.5px}
.smsp .cta{position:relative;text-align:center;color:#fff;padding:74px 0;overflow:hidden;background:var(--teal)}
.smsp .cta::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,159,186,.92),rgba(84,96,101,.92)),
  url('https://smasapo.io/wp/wp-content/themes/smasapo/assets/images/commitment-bg.png') center/cover;opacity:1;z-index:0}
.smsp .cta>*{position:relative;z-index:1}
.smsp .cta h2{font-family:var(--ff-hand);font-size:30px;font-weight:600;margin:6px 0 12px;line-height:1.5;word-break:auto-phrase;letter-spacing:.02em}
.smsp .cta p{margin:0 auto 26px;max-width:32em;font-size:14.5px;color:#eef7f9}
.smsp .cta .btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.smsp .btn-line.lg{font-size:15px;padding:16px 34px}
.smsp .btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.8);color:#fff;font-weight:700;font-size:15px;padding:15px 32px;border-radius:var(--radius);transition:.2s}
.smsp .btn-ghost:hover{background:#fff;color:var(--slate)}
.smsp .rel{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.smsp .rcard{background:var(--paper);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s}
.smsp .rcard:hover{transform:translateY(-5px)}
.smsp .rcard .rt{aspect-ratio:16/10;overflow:hidden}
.smsp .rcard .rt img{width:100%;height:100%;object-fit:cover}
.smsp .rcard .rb{padding:16px 18px;display:flex;justify-content:space-between;align-items:center}
.smsp .rcard .rb b{color:var(--slate);font-size:16px}
.smsp .rcard .rb .go{color:var(--teal);font-weight:700}
.smsp .backlink{text-align:center;margin-top:36px}
.smsp .backlink a{color:var(--teal);font-weight:700;border-bottom:2px solid transparent;padding-bottom:2px}
.smsp .backlink a:hover{border-color:var(--teal)}
.smsp .pl{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--border);
  border-radius:12px;padding:30px;margin-top:8px;box-shadow:var(--shadow)}
.smsp .pl .txt b{font-size:19px;color:var(--slate)}
.smsp .pl .txt span{color:var(--sub);font-size:14px}
.smsp .btn-teal{display:inline-flex;align-items:center;justify-content:center;background:var(--slate);color:#fff;font-weight:700;font-size:15px;padding:15px 32px;border-radius:var(--radius);transition:.2s}
.smsp .btn-teal:hover{background:var(--teal)}
.smsp .notice-bar{background:#fff6ee;border-bottom:1px solid #f2e3d3}
.smsp .notice-bar .wrap{display:flex;align-items:center;gap:10px;padding:13px 24px;color:#c26a2b;font-weight:700;font-size:14px}
.smsp .notice-bar .dot{width:8px;height:8px;border-radius:50%;background:#e08a3c;flex:none}
.smsp .acclist{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.smsp .acc{background:var(--paper);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.smsp .acc__head{display:flex;align-items:center;gap:14px;padding:22px 26px;cursor:pointer;list-style:none;font-weight:900;color:var(--slate);font-size:18px}
.smsp .acc__head::-webkit-details-marker{display:none}
.smsp .acc__dot{width:10px;height:10px;background:var(--teal);flex:none}
.smsp .acc__name{margin-right:auto}
.smsp .acc__count{font-family:var(--ff-en);font-size:13px;color:var(--teal);font-weight:700;background:rgba(7,159,186,.1);padding:4px 13px;border-radius:99px}
.smsp .acc__ar{width:9px;height:9px;border-right:2px solid var(--sub);border-bottom:2px solid var(--sub);transform:rotate(45deg);transition:transform .3s;flex:none}
.smsp .acc[open] .acc__ar{transform:rotate(-135deg)}
.smsp .acc__body{padding:2px 26px 26px}
.smsp .acc--empty{opacity:.7}
.smsp .acc--empty .acc__head{cursor:default}
.smsp .acc__soon{font-size:12px;color:var(--sub);background:#eef1f2;padding:5px 15px;border-radius:99px;font-weight:700}
.smsp .pref{margin-top:6px}
.smsp .pref__name{font-size:15px;color:var(--slate);font-weight:700;margin:18px 0 16px;padding-left:12px;border-left:3px solid var(--teal)}
.smsp .pref .cgrid{margin-top:0}
.smsp .arealayout{display:grid;grid-template-columns:272px 1fr;gap:26px;margin-top:38px;align-items:start}
.smsp .areanav{display:flex;flex-direction:column;gap:10px;position:sticky;top:100px}
.smsp .areanav__item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--paper);border:1px solid var(--border);
  border-radius:12px;padding:16px 18px;cursor:pointer;font-weight:700;color:var(--slate);font-size:15px;transition:.2s;box-shadow:var(--shadow);font-family:inherit}
.smsp .areanav__item:hover{border-color:var(--teal);color:var(--teal)}
.smsp .areanav__item.is-active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 10px 24px rgba(7,159,186,.28)}
.smsp .areanav__t{margin-right:auto}
.smsp .areanav__ar{width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);opacity:.55;flex:none}
.smsp .chip-sm{font-family:var(--ff-en);font-size:12px;font-weight:700;background:rgba(255,255,255,.25);color:#fff;border-radius:99px;padding:2px 9px;min-width:22px;text-align:center}
.smsp .areanav__item:not(.is-active) .chip-sm{background:rgba(7,159,186,.12);color:var(--teal)}
.smsp .areapanel{display:none}
.smsp .areapanel.is-active{display:block;animation:areafade .4s ease}
@keyframes areafade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.smsp .pref__bar{background:var(--teal);color:#fff;font-size:17px;font-weight:900;margin:0 0 22px;padding:14px 22px;border-radius:12px}
.smsp .pref+.pref{margin-top:36px}
.smsp .area-empty{background:var(--paper);border:1px dashed var(--border);border-radius:16px;padding:60px 28px;text-align:center;color:var(--sub);font-size:15px;line-height:2;box-shadow:var(--shadow)}
.smsp .ftr{background:#eaeaea;color:var(--ink)}
.smsp .ftr__inner{max-width:1080px;margin:0 auto;padding:44px 40px;display:flex;gap:48px;align-items:flex-start;flex-wrap:wrap}
.smsp .ftr__left{flex:1;min-width:260px}
.smsp .ftr__logo img{height:66px;width:auto}
.smsp .ftr__nav{display:flex;gap:20px 48px;margin-top:24px;flex-wrap:wrap}
.smsp .ftr__group{display:flex;flex-direction:column;gap:14px}
.smsp .ftr__link{font-size:14px;color:var(--ink);position:relative;padding-left:16px}
.smsp .ftr__link::before{content:"›";position:absolute;left:0;color:var(--teal)}
.smsp .ftr__link:hover{color:var(--teal)}
.smsp .ftr__right{width:300px;max-width:100%}
.smsp .ftr__line{width:100%;justify-content:center;padding:15px;font-size:14px}
.smsp .ftr__fc{margin-top:16px;border-radius:12px;overflow:hidden;position:relative;color:#fff;text-align:center}
.smsp .ftr__fc::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(84,96,101,.72),rgba(84,96,101,.72)),
  url('https://smasapo.io/wp/wp-content/themes/smasapo/assets/images/fc-bg.jpg') center/cover;z-index:0}
.smsp .ftr__fc-inner{position:relative;z-index:1;padding:26px 20px}
.smsp .ftr__fc-text{font-weight:700;font-size:15px;line-height:1.6;margin:0 0 14px}
.smsp .ftr__cr{margin-top:22px;font-size:11px;color:#8a9295;font-family:var(--ff-en);letter-spacing:.05em;text-align:center}
@media(max-width:960px){
.smsp .cgrid,.smsp .gal,.smsp .facil,.smsp .rel,.smsp .points{grid-template-columns:1fr 1fr}
.smsp .pgrid{grid-template-columns:1fr}
.smsp .gvoices{grid-template-columns:1fr 1fr}
.smsp .ctitle__ja{font-size:28px}
.smsp .arealayout{grid-template-columns:1fr;gap:20px}
.smsp .areanav{flex-direction:row;flex-wrap:wrap;position:static}
.smsp .areanav__item{flex:1 1 44%;min-width:150px;padding:13px 15px;font-size:14px}
.smsp .areanav__ar{display:none}
.smsp .floorplan{grid-template-columns:1fr;gap:20px}
.smsp .media2{grid-template-columns:1fr;gap:22px}
.smsp .stats,.smsp .scores{grid-template-columns:repeat(2,1fr)}
.smsp .vgrid{grid-template-columns:1fr}
.smsp .contact2{grid-template-columns:1fr;gap:22px}
.smsp .reels{grid-template-columns:repeat(2,1fr)}
.smsp .sfeat__card{flex-basis:calc(50% - 8px)}
.smsp .sfeat--rich .sfeat__card{flex-basis:calc(50% - 8px)}
}
@media(max-width:600px){
.smsp{font-size:15px}
.smsp .stitle{font-size:22px}
.smsp .hero{padding:130px 0 66px}
.smsp .hero h1{font-size:28px}
.smsp .dhero .cap h1{font-size:26px}
.smsp .cgrid,.smsp .facil,.smsp .rel,.smsp .gvoices,.smsp .points,.smsp .checklist,.smsp .worries,.smsp .numlist,.smsp .reclist{grid-template-columns:1fr}
.smsp .gal{grid-template-columns:1fr 1fr;gap:12px}
.smsp .sfeat__card{min-width:0}
.smsp .sfeat--rich .sfeat__card{flex-basis:100%}
.smsp .smshots{grid-template-columns:1fr;gap:14px}
.smsp .steps3 li:not(:last-child)::after{display:none}
.smsp .steps3 li{max-width:none}
.smsp .sfree{flex-direction:column;gap:8px;padding:20px}
.smsp .pagenav{top:65px}
.smsp .pagenav ul{padding:6px 10px;gap:4px 5px}
.smsp .pagenav a{padding:6px 12px;font-size:12.5px}
.smsp section[id]{scroll-margin-top:170px}
.smsp .stats,.smsp .scores{grid-template-columns:repeat(2,1fr)}
.smsp .reels{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    padding-bottom:10px;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}
.smsp .reel{flex:0 0 240px;scroll-snap-align:start}
.smsp .reel__v{width:240px;height:350px;aspect-ratio:auto}
.smsp .floorplan--wide .floorplan__img{overflow-x:auto;-webkit-overflow-scrolling:touch}
.smsp .floorplan--wide .floorplan__img img{width:auto;height:320px;max-width:none}
.smsp section.blk{padding:56px 0}
.smsp .ctitle{gap:5px;margin-bottom:28px}
.smsp .ctitle__en{font-size:12px}
.smsp .ctitle__ja{font-size:25px}
.smsp .atable th{width:104px;padding:14px;font-size:13px}
.smsp .atable td{padding:14px;font-size:14px}
.smsp .dtable th,.smsp .dtable td{padding:9px 8px;font-size:12.5px}
.smsp .cta h2{font-size:25px}
.smsp .pl{flex-direction:column;text-align:center;gap:16px}
.smsp .mapbox iframe{height:300px}
.smsp .acc__head{padding:18px 18px;font-size:16px;gap:10px}
.smsp .acc__body{padding:2px 16px 20px}
.smsp .acc__count{font-size:12px;padding:3px 10px}
.smsp .grate{padding:10px 18px;gap:5px 10px}
.smsp .grate .gnum{font-size:22px}
.smsp .grate .gcount{font-size:12px}
.smsp .hdr__inner{padding:12px 18px}
.smsp .hdr__logo img{height:44px}
.smsp .ovmenu__inner{padding:84px 24px 40px}
.smsp .ovmenu__en{font-size:18px;min-width:0}
.smsp .ovmenu__link{gap:12px}
.smsp .ftr__inner{padding:36px 22px;gap:32px;flex-direction:column}
.smsp .ftr__right{width:100%}
}

/* ===== WordPress組込み用オフセット調整 ===== */
.smsp .bc{padding-top:24px}
.smsp .hero{padding-top:64px}
.smsp .dhero{padding-top:24px}