/* 近くのネイルスクール比較ナビ。デザイン＝案2 やわらかポップ（見本＝モック/案2_やわらかポップ_*.png）。特殊なフォントは使わない。 */
:root{--ink:#333844;--sub:#6f7480;--rose:#f77369;--rose-d:#e0584d;--mint:#3fb39a;--mint-d:#2f9681;--mintbg:#ecf8f5;--pale:#fff5ee;--line:#f3e6e0;--bg:#fff;--r:10px;--shadow:0 2px 10px rgba(120,80,70,.08)}
html{scrollbar-gutter:stable;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.8 sans-serif;word-break:normal;overflow-wrap:anywhere;line-break:strict}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
[hidden]{display:none!important}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
main{display:block}
svg{flex:none}

/* ヘッダー・フッター */
.site-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;padding:12px max(20px,calc((100% - 1040px)/2));background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.05);position:relative;z-index:2}
.head-in{flex:0 1 auto;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.brand img{width:48px;height:48px;flex:none}
.brand-name{font-size:24px;font-weight:700;line-height:1.3;margin:0;word-break:keep-all}
.brand-name em,.h2 em,.h1 em{font-style:normal;color:var(--rose)}
.pr{position:absolute;top:6px;right:max(20px,calc((100% - 1040px)/2));font-size:11px;color:var(--sub);white-space:nowrap}
.menu-btn{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer}
.menu-btn i,.menu-btn i:before,.menu-btn i:after{display:block;height:2px;background:var(--ink);content:""}
.menu-btn i:before{transform:translateY(-7px)}
.menu-btn i:after{transform:translateY(5px)}
.site-nav{display:flex;flex-wrap:wrap;gap:4px 28px}
.site-nav a{font-size:14px;font-weight:700;text-decoration:none;padding:4px 0}
.site-foot{background:#e0f3ef;padding:28px 0;margin-top:48px}
.foot-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-bottom:18px;border-bottom:1px solid #fff}
.foot-nav,.foot-sub{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:13px;font-weight:700}
.foot-sub{justify-content:center;margin-top:16px;gap:6px 0;font-weight:500}
.foot-sub a+a:before{content:"／";margin:0 14px;color:var(--sub)}
.foot-nav a,.foot-sub a{text-decoration:none}

/* 見出し・文 */
.h1{font-size:32px;font-weight:700;line-height:1.45;margin:0 0 8px;word-break:keep-all;overflow-wrap:anywhere}
.h2{font-size:28px;font-weight:700;line-height:1.5;margin:0 0 20px;word-break:keep-all;overflow-wrap:anywhere}
.h2-row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.h2-row small{font-size:12px;color:var(--sub);margin-bottom:24px;white-space:nowrap}
.text{margin:0 0 12px}
.note,.checked{font-size:13px;color:var(--sub);margin:10px 0 0}
.block{padding:32px 0 12px}
.block.tint{background:var(--pale);padding:36px 0;margin-top:28px}
.crumbs{position:relative;z-index:1}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:2px 8px;padding:10px 0;margin:0;font-size:12px;color:var(--sub)}
.crumbs li+li:before{content:">";margin-right:8px}
.crumbs li:first-child a{color:var(--rose-d)}
.crumbs a{text-decoration:none}

/* ボタン */
.btn{display:block;text-align:center;background:var(--rose);color:#fff;border:1px solid var(--rose);border-radius:var(--r);padding:10px 14px;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--rose-d)}
.btn:not(.btn-line):after{content:"›";margin-left:10px}
.btn-line{background:#fff;color:var(--ink);border-color:var(--rose)}
.btn-line:hover{background:var(--pale)}
.badge{display:inline-block;background:var(--mint);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:3px 12px;white-space:nowrap}

/* トップ */
.hero{background:linear-gradient(90deg,#fff5ee 30%,rgba(255,245,238,0) 55%),url(../img/hero.jpg) right center/cover no-repeat #fff5ee;padding:56px 0}
.hero-copy{font-size:46px;font-weight:700;line-height:1.35;margin:0}
.hero-copy em{font-style:normal;color:var(--rose)}
.hero-sub{font-size:19px;font-weight:700;margin:10px 0 20px}
.search{display:flex;max-width:580px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") 18px center/20px no-repeat;box-shadow:var(--shadow);border-radius:999px;padding:5px}
.search input{flex:1;min-width:0;border:0;padding:10px 12px 10px 42px;font:inherit;background:none;outline-offset:2px}
.search button{border:0;background:var(--rose);color:#fff;font:700 16px sans-serif;padding:0 44px;border-radius:999px;cursor:pointer}
.area-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.area-cards a{display:block;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);text-decoration:none}
.area-cards img{width:100%;aspect-ratio:300/160;object-fit:cover}
.area-cards div{display:flex;justify-content:space-between;align-items:center;padding:12px 18px}
.area-cards strong{font-size:21px;font-weight:700}
.area-cards span{background:var(--rose);color:#fff;border-radius:999px;padding:1px 14px;font-weight:700;font-size:13px}
.purpose{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.purpose a{background:#fff;border-radius:var(--r);padding:24px 26px;text-align:center;font-weight:700;text-decoration:none;word-break:keep-all;overflow-wrap:anywhere;box-shadow:var(--shadow)}
.purpose svg,.tips.four svg{display:block;width:72px;height:72px;margin:0 auto 10px;color:var(--rose);stroke-width:1.5;fill:currentColor;fill-opacity:.1}
.purpose a:nth-child(even) svg,.tips.four>div:nth-child(even) svg{color:var(--mint)}
.prefs{margin:0}
.prefs>div{display:flex;align-items:stretch;gap:14px;padding:4px 0}
.prefs dt{flex:0 0 150px;background:var(--mintbg);color:var(--mint-d);font-weight:700;padding:6px 14px;margin:0;border-radius:6px}
.prefs dd{flex:1;margin:0;padding:6px 8px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 22px;font-size:14px;border-bottom:1px solid var(--line)}
.prefs a{text-decoration:none}
.prefs a:hover{color:var(--rose-d)}
.choose{display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px}
.choose-card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px}
.choose-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.choose-head svg{flex:none;box-sizing:content-box;width:28px;height:28px;padding:10px;border-radius:50%;background:#fdebe7;color:var(--rose);stroke-width:1.6}
.choose-head h3{font-size:18px;font-weight:700;line-height:1.5;margin:0}
.choose-card dl{margin:0;font-size:14px;line-height:1.75}
.choose-card dt{font-weight:700;color:var(--rose);margin-top:8px}
.choose-card dd{margin:0}
.choose-card ul{margin:2px 0 0;padding-left:1.2em}
.choose-steps{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:16px}
.choose-steps>li{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px}
.choose-steps p{margin:0 0 8px;font-size:14px;line-height:1.85}
.choose-step-head{display:flex;align-items:flex-start;gap:12px;font-size:17px!important;font-weight:700;line-height:1.5!important;margin-bottom:12px!important}
.choose-step-head span{flex:none;width:30px;height:30px;line-height:30px;border-radius:50%;background:var(--rose);color:#fff;text-align:center;font-size:15px}
.choose-why-label{color:var(--rose);font-weight:700;margin-bottom:4px!important}
.choose-check{margin:12px 0 0!important;padding:12px 14px;border-radius:6px;background:var(--mintbg)}
.choose-check b{display:block;color:var(--mint);margin-bottom:2px}
.jna-box{margin-top:18px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px}
.jna-box h3{font-size:18px;font-weight:700;margin:0 0 8px}
.jna-box p{margin:0 0 8px;font-size:14px;line-height:1.8}
.jna-box mark{background:linear-gradient(transparent 55%,#ffe58a 55%);color:inherit;font-weight:700}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tips.four{grid-template-columns:repeat(4,1fr);gap:16px}
.tips.four>div{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:20px 16px;text-align:center}
.tips h3{font-size:18px;font-weight:700;line-height:1.5;margin:0 0 4px}
.tips p{margin:0;font-size:14px;line-height:1.7}
.tips:not(.four)>div{display:flex;gap:14px;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.tips:not(.four) svg{width:40px;height:40px;color:var(--rose);fill:currentColor;fill-opacity:.15;stroke-width:1.8}
.faq details{background:var(--mintbg);border-radius:var(--r);padding:0 18px;margin-bottom:10px}
.faq summary{list-style:none;position:relative;padding:13px 32px 13px 40px;font-weight:700;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before,.qa-q:before{content:"Q";position:absolute;left:0;top:13px;width:28px;height:28px;line-height:28px;border-radius:50%;background:var(--rose);color:#fff;text-align:center;font-size:14px;font-weight:700}
.faq summary:after{content:"＋";position:absolute;right:0;top:13px;color:var(--ink);font-weight:400}
.faq details[open] summary:after{content:"−"}
.faq details p{margin:0;padding:6px 0 16px 40px}
.faq-open{border:1px solid var(--line);border-radius:var(--r)}
.qa{display:grid;grid-template-columns:1fr;gap:14px;padding:14px 18px}
.qa+.qa{border-top:1px solid var(--line)}
.qa p{position:relative;margin:0;padding-left:40px;font-size:14px;line-height:1.7;min-height:28px}
.qa-q{font-weight:700}
.qa-q:before{top:0}
.qa-a:before{content:"A";position:absolute;left:0;top:0;width:28px;height:28px;line-height:28px;border-radius:50%;background:var(--mint);color:#fff;text-align:center;font-size:14px;font-weight:700}

/* 場所のページ */
.p-place .h2,.p-school .h2{font-size:24px}
.p-place .h2{display:flex;align-items:center;gap:10px}
.p-place .h2 svg{width:30px;height:30px;color:var(--rose);fill:currentColor;fill-opacity:.15;stroke-width:1.8}
.p-place .h2 em,.p-school .h2 em{color:inherit}
.p-place .crumbs{height:42px;margin-bottom:-42px}
.place-head{background:linear-gradient(90deg,#fff 38%,rgba(255,255,255,0) 65%),url(../img/hero.jpg) right 35%/cover no-repeat;padding:50px 0 52px;min-height:250px}
.place-head .text{max-width:600px}
.filter-wrap{margin-top:-30px;position:relative}
.req-sec+.filter-wrap{margin-top:0}
.filter{background:var(--pale);border-radius:var(--r);padding:18px 22px;box-shadow:var(--shadow)}
.filter-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.filter-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;margin:0}
.filter-title svg{width:24px;height:24px;color:var(--rose);stroke-width:2.4}
.filter-count{margin:0;font-size:14px}
.filter-count strong{color:var(--rose-d);font-size:18px;margin:0 2px}
.filter-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 12px}
.filter-btns button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:#fff;border-radius:6px;padding:7px 12px;font:500 14px sans-serif;cursor:pointer;color:var(--ink)}
.filter-btns button:before{content:"";flex:none;width:18px;height:18px;border:1px solid #cfc7c2;border-radius:4px;background:#fff center/12px no-repeat}
.filter-btns button[aria-pressed=true]{border-color:var(--rose)}
.filter-btns button[aria-pressed=true]:before{background-color:var(--rose);border-color:var(--rose);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13l5 5L20 6'/%3E%3C/svg%3E")}
.filter-sort{display:flex;align-items:center;flex-wrap:wrap;gap:6px 28px;font-size:14px;border-top:1px solid var(--line);padding-top:12px}
.filter-sort-name{font-weight:700}
.filter-sort label{display:flex;align-items:center;gap:8px;cursor:pointer}
.filter-sort input{accent-color:var(--rose);width:18px;height:18px;margin:0}
.filter-clear{border:0;background:none;text-decoration:underline;cursor:pointer;font:inherit;color:var(--rose-d)}
.filter-empty{margin:8px 0 0;font-size:14px}
.card-list{display:grid;gap:16px}
.card{display:grid;grid-template-columns:330px 1fr;gap:22px;border-radius:var(--r);padding:12px 28px;background:#fff;box-shadow:var(--shadow);border:1px solid #faf2ee}
.card-photo{position:relative;display:block}
.card-nophoto{grid-template-columns:1fr}
.card-photo img,.mini-photo img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:6px}
.card-photo img{aspect-ratio:330/300}
.img-note{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.5);color:#fff;font-size:11px;font-weight:500;border-radius:4px;padding:0 6px;line-height:1.6}
.card-main{min-width:0;padding:8px 0;display:flex;flex-direction:column}
.card-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:8px}
.card-title{font-size:21px;font-weight:700;line-height:1.45;margin:0}
.card-title a{text-decoration:none}
.card-access{display:inline-flex;align-items:center;gap:6px;font-size:14px;margin:0}
.card-access svg,.card-facts svg,.card-trial svg{width:18px;height:18px;color:var(--rose);stroke-width:2}
.card-cols{display:grid;grid-template-columns:1fr 200px;gap:16px}
.card-facts{margin:0;font-size:14px;line-height:1.6}
.card-facts div{display:flex;align-items:flex-start;gap:8px;margin-bottom:5px}
.card-facts dt{flex:none;margin-right:-8px}
.card-facts dd{margin:0}
.card-side{border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column;gap:6px}
.card-price{margin:0}
.card-price small{display:block;font-size:13px;color:var(--sub)}
.card-price strong{font-size:29px;font-weight:700;line-height:1.3;color:var(--rose)}
.card-price strong small,.nums strong small{display:inline;font-size:.6em;color:inherit}
.card-trial{display:flex;gap:6px;align-items:flex-start;font-size:13px;line-height:1.5;margin:0;font-weight:700}
.card-intro{font-size:14px;line-height:1.7;margin:8px 0 12px}
.card-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.table th,.table td{border:1px solid #f3e0da;padding:9px 12px;text-align:center}
.table thead th{background:#fdebe7;white-space:nowrap}
.table tbody th{font-weight:700;text-align:left}
.table tbody th a{text-decoration:none}
.table.info{min-width:0}
.table.info th{background:var(--pale);width:31%}
.table.info td{text-align:left}
.price-box{background:var(--pale);border-radius:var(--r);padding:20px 22px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stats div{background:#fff;border-radius:var(--r);padding:12px;text-align:center}
.stats small{display:block;font-weight:700;font-size:15px}
.stats strong{font-size:30px;font-weight:700;line-height:1.3;color:var(--rose)}
.stats i{font-style:normal;font-size:.6em}
.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.chips a{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:10px 16px;font-size:15px;text-decoration:none;color:var(--mint-d);font-weight:700;text-align:left}
.chips a:after{content:"›";font-size:20px;line-height:1}

/* スクールのページ */
.p-school .h2{border-left:5px solid var(--rose);padding-left:14px;line-height:1.3}
.school-photo{position:relative;max-width:1040px;margin:0 auto;padding:0 20px}
.school-photo img{width:100%;height:350px;object-fit:cover;object-position:top;border-radius:var(--r)}
.school-photo .img-note{right:28px;bottom:8px}
.school-head{padding:18px 0 0}
.school-top{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:18px}
.school-top .h1{font-size:34px;margin-bottom:4px}
.school-top>.btn{flex:none;min-width:270px;font-size:18px;padding:13px 16px}
.school-sub{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}
.school-sub .badge{border-radius:6px;font-size:14px;padding:4px 14px}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.nums div{background:var(--pale);border:1px solid var(--line);border-radius:var(--r);padding:12px;text-align:center}
.nums small{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-align:left;margin-bottom:6px}
.nums svg{width:32px;height:32px;color:var(--mint);stroke-width:1.6}
.nums strong{font-size:23px;line-height:1.3;font-weight:700;color:var(--rose);word-break:keep-all}
.feats{display:grid;grid-template-columns:repeat(3,1fr)}
.feats:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
.feats:has(>:first-child:last-child){grid-template-columns:1fr}
.feats div{padding:0 22px;text-align:center}
.feats div+div{border-left:1px solid var(--line)}
.feats svg{box-sizing:content-box;width:48px;height:48px;padding:16px;margin:0 auto 12px;display:block;border-radius:50%;background:#fdebe7;color:var(--rose);stroke-width:1.5}
.feats div:nth-child(2) svg{background:var(--mintbg);color:var(--mint)}
.feats p{margin:0;font-size:15px;font-weight:700;line-height:1.7}
.licenses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.licenses div{background:var(--mintbg);border-radius:var(--r);padding:18px 16px;text-align:center;font-weight:700;line-height:1.5;color:var(--ink)}
.licenses div:nth-child(even){background:#fdf0ec}
.licenses svg{display:block;width:48px;height:48px;margin:0 auto 8px;color:var(--mint);stroke-width:1.5}
.licenses div:nth-child(even) svg{color:var(--rose)}
.mini-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mini{display:block;border:1px solid var(--line);border-radius:var(--r);padding:10px;text-decoration:none;background:#fff}
.mini-photo{position:relative;display:block;margin-bottom:8px}
.mini-photo img{aspect-ratio:290/165;height:auto}
.mini strong{display:block;font-size:17px;font-weight:700;line-height:1.45}
.cta{position:relative;overflow:hidden;background:#fdf0ec;text-align:center;padding:34px 0;margin-top:36px}
.cta:before,.cta:after{content:"";position:absolute;top:30px;width:110px;height:120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120' fill='none' stroke='%23f7b9b0' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M15 115C35 75 60 45 90 8M38 76c-14-4-20-14-20-26 12 2 21 12 20 26zM52 56c-13-5-17-15-16-27 11 4 18 14 16 27zM66 38c-11-6-14-16-11-27 10 5 15 15 11 27zM42 72c11-9 23-9 34-4-9 10-22 12-34 4zM57 52c10-8 21-8 31-3-8 9-20 11-31 3z'/%3E%3C/svg%3E") center/contain no-repeat}
.cta:before{left:calc(50% - 460px)}
.cta:after{right:calc(50% - 460px);transform:scaleX(-1)}
.cta .h2{border:0;padding:0;margin-bottom:12px;font-size:28px}
.cta .btn{max-width:380px;margin:0 auto;border-radius:999px;font-size:18px;padding:12px}
.p-school .site-foot{margin-top:0}

/* お問い合わせ・固定ページ */
.form{max-width:640px}
.field{margin-bottom:14px}
.field label{display:block;font-weight:700;margin-bottom:4px}
.field input,.field select,.field textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}
.req,.opt{font-size:11px;margin-left:8px;padding:1px 6px;border-radius:4px;background:var(--rose);color:#fff}
.opt{background:var(--line);color:var(--ink)}
.hp{position:absolute;left:-9999px}
.field-err,.form-err{color:#b3261e;font-size:14px;margin:4px 0}
.thanks{background:var(--pale);border-radius:var(--r);padding:16px}
.facts{margin:0}
.facts div{display:flex;border-bottom:1px solid var(--line);padding:8px 0;gap:12px}
.facts dt{flex:0 0 7em;font-weight:700}
.facts dd{margin:0}

/* 文末の1〜2字だけが次の行に落ちないように */
p,dd,td,summary,.purpose a{text-wrap:pretty}
.h1,.h2,.hero-copy,.brand-name{text-wrap:balance}

@media (max-width:900px){
.card{grid-template-columns:1fr;padding:12px 20px}
.card-photo img{aspect-ratio:16/9}
.card-main{padding:0 0 6px}
.nums,.tips.four,.purpose{grid-template-columns:repeat(2,1fr)}
.filter-btns{grid-template-columns:repeat(3,1fr)}
.tips,.choose,.feats,.feats:has(>:nth-child(2):last-child),.licenses,.mini-list{grid-template-columns:1fr}
.choose-card,.jna-box,.choose-steps>li{padding:18px 18px}
.feats div{padding:14px 0}
.feats div+div{border-left:0;border-top:1px solid var(--line)}
.chips{grid-template-columns:repeat(2,1fr)}
.cta:before,.cta:after{display:none}
.hero-copy{font-size:36px}
}
@media (max-width:600px){
.site-head{display:block;padding:6px 16px}
.head-in{justify-content:space-between}
.brand img{width:36px;height:36px}
.brand-name{font-size:15px;white-space:nowrap}
.pr{display:none}
.menu-btn{display:block;flex:none}
.site-nav{display:none;flex-direction:column;gap:0}
.site-nav.open{display:flex}
.site-nav a{padding:10px 0}
.site-foot{text-align:center}
.foot-top{justify-content:center}
.foot-nav{justify-content:center;gap:4px 18px}
.foot-sub{gap:4px 20px}
.foot-sub a+a:before{content:none}
.wrap,.school-photo{padding-left:16px;padding-right:16px}
.h1{font-size:25px}
.h2{font-size:23px}
.p-place .h2,.p-school .h2{font-size:20px}
.p-school .h2{word-break:normal}
.h2-row{display:block}
.h2-row small{display:block;margin:-14px 0 10px}
.hero{background:linear-gradient(rgba(255,245,238,.8),rgba(255,245,238,.8)),url(../img/hero.jpg) 80% center/cover no-repeat;padding:30px 0}
.hero-copy{font-size:26px}
.hero-sub{font-size:15px}
.search button{padding:0 22px}
.area-cards{grid-template-columns:repeat(2,1fr);gap:10px}
.area-cards strong{font-size:17px}
.area-cards div{padding:8px 10px}
.area-cards span{padding:0 8px;font-size:12px}
.purpose a{padding:16px 8px;font-size:14px}
.purpose svg,.tips.four svg{width:56px;height:56px}
.tips.four{grid-template-columns:1fr}
.prefs>div{display:block}
.prefs dt{padding:3px 12px}
.prefs dd{padding:6px 4px}
.place-head{background:linear-gradient(rgba(255,255,255,.84),rgba(255,255,255,.84)),url(../img/hero.jpg) 80% center/cover no-repeat;padding:44px 0 46px;min-height:0}
.filter{padding:14px}
.filter-btns{grid-template-columns:repeat(2,1fr)}
.filter-btns button{padding:6px 8px;font-size:13px;gap:6px}
.card-cols{grid-template-columns:1fr}
.card-side{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}
.card-btns{gap:8px}
.card-btns .btn{font-size:14px;padding:10px 4px}
.card-title{font-size:19px}
.qa{grid-template-columns:1fr;gap:12px;padding:14px 12px}
.stats{grid-template-columns:1fr;gap:8px}
.chips a{padding:8px 12px;font-size:14px}
.school-photo img{height:200px}
.school-photo .img-note{right:22px}
.school-top{display:block}
.school-top .h1{font-size:25px}
.school-top>.btn{margin-top:12px;min-width:0}
.nums{gap:8px}
.nums div{padding:10px 8px}
.nums strong{font-size:17px}
.nums small{font-size:12px;gap:4px}
.nums svg{width:24px;height:24px}
.table.info th{width:38%}
}
.req-sec{padding-top:8px}
.reqbox{position:relative;background:#fff;border:2px solid var(--rose);border-radius:6px;box-shadow:5px 5px 0 var(--line);padding:18px 24px 20px}
.req-intro{text-align:center}
.req-kicker{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--rose-d);font-size:13px;font-weight:700;letter-spacing:.04em}
.req-kicker svg{width:17px;height:17px}
.req-title{margin:4px 0 0;font-size:24px;line-height:1.5;font-weight:800;letter-spacing:.015em}
.req-title span{display:inline-block}
.req-focus{color:var(--rose-d);background:linear-gradient(transparent 60%,#fff4c2 60%)}
.req-error{background:#fdebe7;color:var(--rose-d);border-radius:6px;padding:8px 12px;font-size:13px;margin:10px 0 0;text-align:center}
.req-steps{display:flex;gap:7px;max-width:590px;margin:14px auto 13px;padding:0;list-style:none}
.req-steps li{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;background:#f1f1f3;color:#9a9da5;font-size:12px;border-radius:5px;padding:6px 8px;white-space:nowrap}
.req-steps li span{font-size:11px}
.req-steps li.on{background:var(--rose-d);color:#fff;font-weight:800}
.req-steps li.done{background:#f1f1f3;color:#9a9da5}
.req-back{position:absolute;left:16px;top:14px;border:0;background:none;padding:4px;color:var(--sub);font-size:12px;cursor:pointer}
.req-back[hidden]{display:none}
.req-step{border:0;margin:0;padding:0;min-width:0}
.req-step[hidden]{display:none}
.req-q{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:0;margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.4;text-align:center}
.req-q span{font-size:13px;font-weight:900;color:var(--rose-d)}
.req-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.req-choice input,.req-chip input,.req-school input{position:absolute;opacity:0;pointer-events:none}
.req-choice>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:14px 10px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:var(--ink);font-size:15px;font-weight:700;line-height:1.5;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.req-choice svg{flex:none;width:32px;height:32px;color:var(--rose);stroke-width:2.2}
.req-choice b{font-weight:700}
.req-choice>span:hover{background:var(--pale);border-color:var(--rose)}
.req-choice input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.req-choice input:checked+span{background:var(--pale);border-color:var(--rose);color:var(--rose-d)}
.req-choice input:checked+span svg{color:var(--rose-d)}
.req-wants{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.req-sub{margin:0;font-size:14px;font-weight:700;line-height:1.4}
.req-wants .req-sub{margin-right:5px}
.req-chip>span,.req-school>span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:5px;cursor:pointer}
.req-chip>span{min-height:34px;padding:6px 10px;font-size:13px;font-weight:650}
.req-chip>span:before,.req-school>span:before{content:"";flex:none;width:16px;height:16px;box-sizing:border-box;border:1.5px solid #b4b7bc;border-radius:3px;background:#fff}
.req-chip input:checked+span,.req-school input:checked+span{background:var(--mintbg);border-color:var(--mint)}
.req-chip input:checked+span:before,.req-school input:checked+span:before{border-color:var(--mint-d);background:var(--mint-d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
.req-chip input:focus-visible+span,.req-school input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}
.req-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:12px 0 8px}
.req-count{font-size:12px;color:var(--mint-d);font-weight:800;white-space:nowrap}
.req-schools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:200px;overflow:auto;padding:2px}
.req-school>span{min-height:36px;padding:5px 10px;flex-wrap:wrap;row-gap:2px}
.req-school b{font-size:13px;font-weight:700}
.req-school em{font-style:normal;display:inline-block;padding:2px 5px;background:var(--mintbg);color:var(--mint-d);border-radius:3px;font-size:10px;line-height:1.3;white-space:nowrap}
.req-school input:checked+span em{background:#fff}
.req-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:12px}
.req-field span{display:block;font-weight:700;font-size:13px;margin-bottom:3px}
.req-field b,.req-field i{font-style:normal;font-weight:700;font-size:10px;border-radius:4px;padding:1px 5px;margin-left:6px}
.req-field b{background:var(--rose);color:#fff}
.req-field i{background:#fff;color:#666;border:1px solid var(--line)}
.req-field input{width:100%;box-sizing:border-box;border:1px solid #e3d6d0;border-radius:5px;padding:9px 10px;font-size:16px;background:#fff}
.req-wide{grid-column:1/-1}
.req-agree{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:13px;cursor:pointer}
.req-agree input{margin-top:4px;accent-color:var(--rose)}
.req-submit{width:100%;margin-top:12px;font-size:16px;padding:13px;border-radius:5px;box-shadow:0 3px 0 var(--rose-d)}
.req-sp{display:none}
.req-hp{position:absolute;left:-9999px}
.req-done{text-align:center;padding:14px 0 4px}
.req-done-h{font-size:18px;font-weight:700;color:var(--mint-d);margin:0 0 4px}
.req-done p{margin:0}
@media (max-width:700px){.reqbox{padding:14px 11px 16px}.req-back{left:8px;top:10px}.req-title{font-size:19px;line-height:1.45}.req-kicker{font-size:12px}.req-steps{gap:4px;margin:12px 0 12px}.req-steps li{font-size:11px;gap:3px;padding:6px 3px}.req-steps li span{font-size:10px}.req-q{font-size:17px;gap:8px;margin-bottom:10px}.req-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.req-choice>span{gap:6px;min-height:84px;padding:12px 8px;font-size:14px;white-space:nowrap}.req-choice svg{width:30px;height:30px}.req-wants{gap:6px}.req-wants .req-sub{flex-basis:100%;text-align:center;margin:0 0 1px}.req-chip>span{gap:6px;padding:6px 12px 6px 10px;font-size:12.5px;white-space:nowrap}.req-chip>span:before{width:13px;height:13px}.req-head{align-items:baseline;margin:11px 0 7px}.req-head .req-sub{font-size:13px}.req-count{font-size:11px}.req-max{display:none}.req-schools{grid-template-columns:1fr;gap:6px}.req-school>span{min-height:42px;padding:5px 9px}.req-school b{font-size:13px}.req-fields{grid-template-columns:1fr}.req-pc{display:none}.req-sp{display:inline}.req-submit{font-size:15px}}
@media (max-width:380px){.req-choice>span{font-size:12.5px;padding:12px 5px}}

/* 資料請求：場所のページの最後の段（LPへのボタン）と、LP（/shiryo/） */
.req-go{text-align:center}
.req-go-text{margin:0 0 12px;font-size:14px;color:var(--ink)}
.req-go-btn{display:block;max-width:520px;margin:0 auto;font-size:17px;padding:15px 12px;border-radius:8px;box-shadow:0 3px 0 var(--rose-d)}
.lp-hero{background:var(--pale);padding:28px 0 22px;text-align:center}
.lp-h1{margin:6px 0 12px;font-size:28px;line-height:1.45;font-weight:800}
.lp-h1 span{display:inline-block}
.lp-points{list-style:none;display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;font-size:15px;font-weight:700}
.lp-points li{display:flex;align-items:center;gap:8px}
.lp-points svg{width:20px;height:20px;flex:none;color:#fff;background:var(--rose);border-radius:50%;padding:3px;box-sizing:border-box;stroke-width:2.6}
.lp-box{max-width:640px;margin:0 auto;background:#fff;border:2px solid var(--rose);border-radius:10px;box-shadow:5px 5px 0 var(--line);padding:22px 24px 24px}
.lp-h2{text-align:center;font-size:22px;font-weight:800;line-height:1.45;margin:0 0 6px}
.lp-sub{text-align:center;color:var(--sub);font-size:13px;margin:0 0 14px}
.lp-form .req-field{display:block;margin-top:14px}
.lp-form textarea{width:100%;box-sizing:border-box;border:1px solid #e3d6d0;border-radius:5px;padding:9px 10px;font-size:16px;font-family:inherit;background:#fff}
.lp-recap{background:var(--pale);border-radius:8px;padding:10px 14px}
.lp-recap p{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--rose-d)}
.lp-recap ul{list-style:none;margin:0;padding:0;font-size:14px}
.lp-recap li{display:grid;grid-template-columns:auto 1fr;gap:12px;line-height:1.7}
.lp-recap li span{color:var(--sub);white-space:nowrap}
.lp-wants{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.lp-wants .req-sub{flex-basis:100%;margin:0}
.lp-wants .req-sub small{font-weight:400;color:var(--sub);margin-left:4px}
.lp-note{text-align:center;color:var(--sub);font-size:12px;margin:8px 0 0}
.lp-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:12px 0 0;padding:0}
.lp-flow li{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}
.lp-flow b{flex:none;width:32px;height:32px;line-height:32px;border-radius:50%;background:var(--rose);color:#fff;text-align:center}
.lp-flow p{margin:0;font-size:14px;line-height:1.7}
.lp-flow strong{display:block;font-size:15px}
.lp-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12px}
.lp-reasons div{background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:18px;text-align:center}
.lp-reasons svg{width:34px;height:34px;color:var(--rose)}
.lp-reasons h3{font-size:16px;font-weight:700;margin:6px 0 4px}
.lp-reasons p{margin:0;font-size:14px;color:var(--sub)}
.lp-again{max-width:520px;margin:20px auto 0}
@media (max-width:700px){.lp-hero{padding:20px 0 16px}.lp-h1{font-size:22px}.lp-points{font-size:14px}.lp-box{padding:18px 14px 20px}.lp-h2{font-size:19px}.lp-flow,.lp-reasons{grid-template-columns:1fr}.lp-recap li{gap:10px}.req-go-btn{font-size:16px}}