/* ============================================================ site-v12.css ── ヘッダー／フッターを TOPページ原案 v12 の外観に合わせる 2026/9/13 ★ マークアップは変えていません。CSSだけです。 ★ 数値は v12 の .hd / .ftr からそのまま持ってきています。 ★ メガメニューとSPナビの仕組みは、テーマのものをそのまま使います。 ============================================================ */ :root{ --v12-navy:#161A38; --v12-ink:#242430; --v12-sub:#5f6472; --v12-mute:#8b909c; --v12-line:#e3e5ea; } /* ============ ヘッダー ============ */ /* v12: .hd{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)} */ @media screen and (min-width:992px){ .site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--v12-line)} /* v12: .hd .in{max-width:1360px;margin:0 auto;padding:0 30px;height:72px;display:flex;align-items:center;gap:36px} */ .site-header > .site-branding{padding:0} .site-header .container{max-width:1360px;margin:0 auto;padding:0 30px;height:72px; display:flex;align-items:center;gap:36px;flex-wrap:nowrap} /* v12: .hd img{height:22px} ★ サイトに登録されているロゴは「Nake＋株式会社ネイク」の2段組み（logo_社名あり.png）。 　 社名なしのワードマークに差し替えるため、CSSの背景画像で置き換えています。 　 （メディアライブラリ側は触っていません。元の img は非表示にしているだけです） */ .site-header .container .site-title{width:auto;flex:0 0 auto;margin:0;line-height:0} .site-header .container .site-title a{ display:block;height:22px;width:66px;font-size:0; background:url("../../images/top/logo-nake.png") no-repeat left center;background-size:contain} .site-header .container .site-title a img{display:none} /* v12: .hd nav{display:flex;gap:26px;font-size:14px;font-weight:700;margin-left:14px} */ .main-navigation{width:auto !important;max-width:none;flex:1 1 auto;padding-right:0;margin-left:14px;border:0} .main-navigation > .container{max-width:none;width:100%;margin:0;padding:0;height:auto; display:flex;justify-content:flex-start;gap:0;flex-wrap:nowrap} /* ⚠️ テーマ側で justify-content:flex-end が入っており、ナビが右端に寄っていました */ .main-navigation .container .primary-menu{display:flex;align-items:center;gap:26px; justify-content:flex-start;flex:1 1 auto;width:100%;margin:0;padding:0;list-style:none} .main-navigation .container .primary-menu > li{padding:0;margin:0} .main-navigation .container .primary-menu > li > a{ display:inline-block;padding:0;font-size:14px;font-weight:700;color:var(--v12-ink); line-height:72px;text-decoration:none} .main-navigation .container .primary-menu > li > a:hover{color:var(--v12-navy);text-decoration:none} /* v12: .hd .rt{margin-left:auto;display:flex;gap:10px} ＋ .dl / .cs ★ ボタンは header-default.php に実物を置きました（.hd-rt）。 　 メニューの並び順やDBの状態に左右されません。 */ .site-header .container .hd-rt{margin-left:auto;display:flex;gap:10px;flex:0 0 auto} .site-header .container .hd-rt a{ display:inline-flex;align-items:center;justify-content:center;white-space:nowrap; height:40px;padding:0 18px;border-radius:4px; font-size:13.5px;font-weight:700;line-height:1;border:1px solid transparent;text-decoration:none} .site-header .container .hd-rt .hd-dl{border-color:var(--v12-line);color:var(--v12-ink);background:#fff} .site-header .container .hd-rt .hd-dl:hover{border-color:var(--v12-navy);color:var(--v12-navy)} .site-header .container .hd-rt .hd-cs{background:var(--v12-navy);border-color:var(--v12-navy);color:#fff} .site-header .container .hd-rt .hd-cs:hover{color:#fff;opacity:.88} /* ★ 同じ行き先がナビにもあると二重になるので、ナビ側を隠す */ .main-navigation .container .primary-menu > li:has(> a[href*="/download"]), .main-navigation .container .primary-menu > li:has(> a[href*="/inquiry"]){display:none} /* メガメニュー：v12のトーン（直角・1px罫線・紺の影） */ .main-navigation .primary-menu li .menu-mega{ top:100%;border-radius:0;border:1px solid var(--v12-line);padding:18px 22px;min-width:220px; box-shadow:0 12px 28px rgba(22,26,56,.10)} .main-navigation .primary-menu li .menu-mega .menu-mega-child > li{padding:0 0 12px} .main-navigation .primary-menu li .menu-mega .menu-mega-child > li:last-child{padding-bottom:0} .main-navigation .primary-menu li .menu-mega a{ font-size:13.5px;font-weight:700;color:var(--v12-ink);white-space:nowrap} .main-navigation .primary-menu li .menu-mega a:hover{color:var(--v12-navy)} } /* ============ フッター ============ */ /* v12: .ftr{border-top:1px solid var(--line);padding:44px 0 40px} ★ リンクは現行の5グループ（23本）のまま。外観だけ v12 に合わせています。 */ .site-footer{background:#fff;border-top:1px solid var(--v12-line);padding:0} @media screen and (max-width:1200px){ .site-footer{padding:0 20px} } @media screen and (max-width:991px){ .site-footer{padding:0 18px} } .site-footer .footer-widget-area{max-width:1200px;margin:0 auto;padding:44px 0 36px;gap:30px} /* v12: .ftr img{height:20px} ★ 実際のHTMLに合わせて指定しています（松澤さんに送っていただいた outerHTML より） section#custom_html-2 > .box > .group > (.logo / .info / .sns) */ .site-footer .widget_custom_html .logo img{ content:url("../../images/top/logo-nake.png");height:20px;width:auto;display:block} .site-footer .widget_custom_html .info p{ font-size:12px;line-height:1.9;color:var(--v12-mute);margin:14px 0 0} /* SNSアイコンは白抜きSVG。白地では見えないので濃色に反転させます */ .site-footer .widget_custom_html .sns{display:flex;align-items:center;gap:16px;margin-top:20px} .site-footer .widget_custom_html .sns a{display:inline-flex} .site-footer .widget_custom_html .sns img.sns-icon{ height:18px;width:auto;display:block;filter:brightness(0);opacity:.5;transition:opacity .2s} .site-footer .widget_custom_html .sns a:hover img.sns-icon{opacity:1} /* ⚠️ 最後のメニュー（footer-nav05）だけ見出しが無いので、他の列と頭を揃えます */ .site-footer .widget_nav_menu .menu-footer-nav05-container{margin-top:30px} .site-footer .footer-widget-area section h3{ font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--v12-mute);margin-bottom:14px} /* v12: .ftr nav{font-size:13.5px;font-weight:700} */ .site-footer .widget_nav_menu .container ul li a{ font-size:13.5px;font-weight:700;line-height:1.85;color:var(--v12-ink);text-decoration:none} .site-footer .widget_nav_menu .container ul li a:hover{color:var(--v12-navy);text-decoration:underline} .site-footer .widget_nav_menu .container ul li .sub-menu li a{ font-size:13px;font-weight:500;color:var(--v12-sub)} /* v12: .ftr .cp{font-size:12px;color:var(--mute);margin:34px 0 0} */ .site-footer .site-info{background:#fff;text-align:left} .site-footer .site-info .container{max-width:1200px;margin:0 auto;padding:0 0 40px} .site-footer .site-info .container p{font-size:12px;color:var(--v12-mute)} .site-footer .site-info .container span{color:var(--v12-mute)} /* ============ スマートフォン（〜991px） ============ ★ v12 原案の #mnav をそのまま使います。 ⚠️ テーマ標準のSPナビ（.xeory-spnav-wrap / .xeory-sp-nav-btn）は隠します。 */ @media screen and (max-width:991px){ /* テーマ標準のSPナビを止める */ .xeory-sp-nav-btn,.sp-nav-btn,.xeory-spnav-wrap{display:none !important} /* v12: .hd{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line)} */ .site-header{position:fixed;top:0;left:0;right:0;z-index:30;background:#fff; border-bottom:1px solid var(--v12-line)} .site-header .container{height:60px;padding:0 18px;display:flex;align-items:center; gap:0;flex-wrap:nowrap;position:static} .site-header .container .site-title{width:auto;margin:0;line-height:0;flex:0 0 auto} .site-header .container .site-title a{ display:block;height:22px;width:66px;font-size:0; background:url("../../images/top/logo-nake.png") no-repeat left center;background-size:contain} .site-header .container .site-title a img{display:none} /* PCのナビは出さない */ .main-navigation{display:none} /* v12: .hd .rt ─ SPでは「お問い合わせ」とハンバーガーだけ */ .site-header .container .hd-rt{margin-left:auto;display:flex;align-items:center;gap:8px} .site-header .container .hd-rt .hd-dl{display:none} .site-header .container .hd-rt .hd-cs{ display:inline-flex;align-items:center;justify-content:center;white-space:nowrap; height:40px;padding:0 16px;border-radius:4px;font-size:13px;font-weight:700;line-height:1; background:var(--v12-navy);border:1px solid var(--v12-navy);color:#fff;text-decoration:none} /* v12: .hb ⚠️ 親テーマに button{background:#2581c4;color:#fff;padding:8px 24px} があるため上書きします */ .site-header .hd-rt button.hd-hb{display:flex;width:40px;height:40px; border:1px solid var(--v12-line);border-radius:4px;background:#fff; align-items:center;justify-content:center;flex-direction:column;gap:4px; cursor:pointer;padding:0;flex:0 0 auto;transition:none} .site-header .hd-rt button.hd-hb:hover{background:#fff} /* ⚠️ ブラウザ既定の青いフォーカス枠が出るので、キーボード操作のときだけ紺の枠にします */ .site-header .hd-rt button.hd-hb:focus{outline:none} .site-header .hd-rt button.hd-hb:focus-visible{outline:2px solid var(--v12-navy);outline-offset:2px} /* ⚠️ 線は で作っています。 にすると theme の js/sp-nav.js が 　 「.site-branding span」を掴んで .xeory-sp-nav-btn を付けてしまい、消えます。 */ .site-header .hd-rt button.hd-hb i{display:block;width:17px;height:1.5px;background:var(--v12-ink); border:0;transition:transform .25s ease,opacity .2s ease} body.mopen .site-header .hd-rt button.hd-hb i:nth-child(1){transform:translateY(5.5px) rotate(45deg)} body.mopen .site-header .hd-rt button.hd-hb i:nth-child(2){opacity:0} body.mopen .site-header .hd-rt button.hd-hb i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)} /* v12: #mnav */ #mnav{display:none;position:fixed;left:0;right:0;top:60px;bottom:0;z-index:29;background:#fff; overflow-y:auto;padding:8px 22px 40px} body.mopen{overflow:hidden} body.mopen #mnav{display:block} #mnav .mnav-menu{list-style:none;margin:0;padding:0} #mnav .mnav-menu li{margin:0;padding:0} #mnav .mnav-menu li:before,#mnav .mnav-menu li:after{content:none} #mnav .mnav-menu .sub-menu li a:before,#mnav .mnav-menu .sub-menu li a:after{content:none} #mnav .mnav-menu > li > a{display:block;font-size:16px;font-weight:700;color:var(--v12-ink); padding:18px 0;border-bottom:1px solid var(--v12-line);text-decoration:none} #mnav .mnav-menu > li > a:after{content:"→";float:right;color:var(--v12-mute);font-size:13px} /* 子メニューは親の下に、少し小さく並べる */ #mnav .mnav-menu .sub-menu,#mnav .mnav-menu .menu-mega-child{list-style:none;margin:0;padding:0} #mnav .mnav-menu .menu-mega{display:block;position:static;transform:none;width:auto; padding:0;border:0;border-radius:0;box-shadow:none;background:transparent} #mnav .mnav-menu .sub-menu li a,#mnav .mnav-menu .menu-mega-child li a{ display:block;font-size:14px;font-weight:500;color:var(--v12-sub); padding:13px 0 13px 16px;border-bottom:1px solid var(--v12-line);text-decoration:none} /* v12: #mnav .mact / .mtel */ #mnav .mact{margin-top:24px;display:flex;flex-direction:column;gap:10px} #mnav .mact a{display:block;text-align:center;font-size:15px;font-weight:700;padding:15px 10px; border-radius:4px;text-decoration:none} #mnav .mact .a1{background:var(--v12-navy);color:#fff} #mnav .mact .a2{border:1px solid var(--v12-line);color:var(--v12-ink)} #mnav .mtel{margin-top:26px;padding-top:20px;border-top:1px solid var(--v12-line); font-size:12.5px;color:var(--v12-mute);line-height:1.9} #mnav .mtel b{display:block;font-size:21px;color:var(--v12-navy);margin-top:4px} } /* PCでは #mnav とハンバーガーを出さない */ @media screen and (min-width:992px){ #mnav,.hd-hb{display:none} } /* ============ ログイン中の管理バーとの重なり対策（2026/9/14） ============ ⚠️ WordPressの管理バーは position:fixed・z-index 99999。 　 ヘッダー（固定／sticky・z-index 30）より前面に来るため、ログイン中は 　 ヘッダー上部が管理バーに隠れ、SPではハンバーガーを押すと管理バーの 　 アカウントリンクに当たって /wp-admin/profile.php へ飛んでいました。 ★ body.admin-bar のときだけヘッダーとメニューを下げます。 　 訪問者（ログインしていない人）の表示は一切変わりません。 　 管理バーの高さ：783px以上 32px ／ 782px以下 46px */ body.admin-bar .site-header{top:32px} body.admin-bar #mnav{top:92px} @media screen and (max-width:782px){ body.admin-bar .site-header{top:46px} body.admin-bar #mnav{top:106px} } /* ============ SPメニューの透明な当たり判定を消す（2026/9/14） ============ ⚠️ 親テーマは、メガメニューの親項目（a.parent-link）に 　 position:absolute の ::before（content:"" ＝見えない箱）を持たせています。 　 PCでマウスがドロップダウンへ移動する間、閉じないようにするための「橋」です。 ✕ SPのメニューでは、この箱が親項目の下の領域に重なったまま残り、 　 「サービス一覧」より下を押しても「初めての方へ」が反応していました。 　 実測：li が position:relative・高さ260px、::before は 　 inset 260.188px -136.797px -260.188px 0（＝liの真下を260px×479px覆う） ★ #mnav の中だけ止めます。PCのメガメニューの動きは変えません。 ★ 「→」は :after で出しているので影響しません。 */ #mnav .mnav-menu > li > a:before{content:none !important;display:none !important} /* ============ パンくずの下の余白を詰める（2026/9/14・doc 209） ============ 親テーマの .xeory-breadcrumbs は margin-bottom:80px でした。 TOPにはパンくずが無いので、このページ以外の全ページが対象になります。 */ .xeory-breadcrumbs{padding-top:52px;margin-bottom:44px} @media screen and (max-width:767px){ .xeory-breadcrumbs{padding-top:28px;margin-bottom:26px} } /* ============ フッター：ロゴの位置とリンクの当たり判定（2026/9/14） ============ child-style.css 1197行の .site-footer .widget_text{width:214px} が生きており、 991px以下では margin:0 auto ＋ text-align:center になって ロゴが左に70pxずれ、ロゴの右の余白までリンクになっていました。 */ @media screen and (max-width:991px){ /* 箱の幅だけ広げ、中身は中央に揃えます。 こうするとロゴ・住所・SNSの中心が1本に揃います（従来はロゴだけ左に70pxずれていました）。 */ .site-footer .widget_text{width:auto;margin-left:0;margin-right:0;text-align:center} .site-footer .widget_custom_html .sns{margin-left:auto;margin-right:auto;justify-content:center} } /* リンクの当たり判定をロゴの絵だけにする（PC・SP共通） */ .site-footer .widget_custom_html .logo a{display:inline-block} /* ============ PCのメガメニュー：当たり判定（2026/9/14） ============ ① ホバー用の「橋」は要りません。 child-style.css 5771行の .menu-item-has-children a:before が リンクの真下に「高さ72px × 幅140%」の透明な箱を出していました。 実測するとメガメニューは li の真下（隙間0）に出るので、橋がなくても途切れません。 箱があると、メニューの下にマウスを置いただけで開いてしまいます。 */ .main-navigation .primary-menu > li.menu-item-has-children > a:before{content:none} /* ★ メガメニューの中のリンクにも同じ箱が付いていて、 1つ下の項目の上に35px覆いかぶさっていました。 「項目の上半分が効かない／下にはみ出す」のはこれが原因です。 */ .main-navigation .primary-menu .menu-mega a:before{content:none} /* ② メガメニューの中の項目。 リンクの当たり判定が文字の高さ（23px）しかなく、項目のあいだに 12pxの「押せない帯」ができていました。li の下余白を a の padding に移して、 項目のあいだを隙間なくつなぎます。文字の位置は変わりません。 */ .main-navigation .primary-menu li .menu-mega{padding-top:12px;padding-bottom:12px} /* ⚠️ child-style の元セレクタと同じ形（li を挟む）でないと詳細度で負けます */ .main-navigation .primary-menu li .menu-mega .menu-mega-child > li{padding:0} .main-navigation .primary-menu li .menu-mega .menu-mega-child > li > a{display:block;padding:6px 0} /* ========================================================================== * アイキャッチが設定されていない記事の代わり（2026/9/14・doc 221） * 画像ファイルを作らず、タイトルからその場で同じ見た目を組み立てます。 * ★ 寸法はすべて cqw（枠の幅に対する割合）。 * 一覧の240pxでも記事ページの720pxでも、同じ形のまま拡大縮小されます。 * ★ 1200×675 のアイキャッチと同じ値：余白100px＝8.33cqw／文字54px＝4.5cqw * ========================================================================== */ /* ★ ロゴはCSSの中に直接埋め込みます（アルファだけのPNG・7.9KB）。 外部ファイルをマスクに使うと、環境によっては読み込まれずロゴが消えることがあるためです。 */ :root{--nk-logo:url(data:image/png;base64,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); --nk-noise:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMjAnIGhlaWdodD0nMjIwJz4KPGZpbHRlciBpZD0nbicgeD0nMCcgeT0nMCcgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+CjxmZVR1cmJ1bGVuY2UgdHlwZT0nZnJhY3RhbE5vaXNlJyBiYXNlRnJlcXVlbmN5PScwLjg1JyBudW1PY3RhdmVzPSczJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+CjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnLz4KPC9maWx0ZXI+PHJlY3Qgd2lkdGg9JzIyMCcgaGVpZ2h0PScyMjAnIGZpbHRlcj0ndXJsKCNuKScvPjwvc3ZnPg==); --nk-mincho:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho",serif} .nk-fb{ display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:16/9; container-type:inline-size; background:linear-gradient(115deg,#1C224A 0%,#06070E 100%)} .nk-fb > .l{ position:absolute;left:8.33cqw;top:6cqw;width:8.5cqw;height:2.84cqw;z-index:3;background:#fff; -webkit-mask:var(--nk-logo) no-repeat left center/contain; mask:var(--nk-logo) no-repeat left center/contain} .nk-fb > .t{ /* ★ 右470px（39.2cqw）は写真のための余白。写真が無いのでその幅も文字に使う（doc 223） */ position:absolute;left:8.33cqw;right:8.33cqw;top:50%;transform:translateY(-50%);z-index:3; margin:0;color:#fff;font-weight:700;font-size:4.3cqw;line-height:1.5;letter-spacing:normal; line-break:strict;word-break:auto-phrase; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .nk-fb > .b{ position:absolute;left:8.33cqw;bottom:6cqw;width:4cqw;height:.25cqw;z-index:3; background:rgba(255,255,255,.45)} /* ===== あしらい（2026/9/15 確定・合わせ技①）★書き出す画像と同じ値 ===== */ /* ① 数字だけ明朝イタリック。単位・記号はゴシックのまま（doc 204 と同じ手法） ⚠️ line-height:1 は必須。1.1em の行送りを親（1.5）のまま継承すると、 数字を含む行だけ行箱が高くなって3行に収まらなくなります。 */ .nk-fb > .t i{font-family:var(--nk-mincho);font-style:italic;font-weight:700; font-size:1.1em;padding:0 .03em;line-height:1} /* ② 内側に極細の枠線（画像の40px＝3.333cqw・白12%） */ .nk-fb > .fr{position:absolute;left:3.333cqw;right:3.333cqw;top:3.333cqw;bottom:3.333cqw;z-index:2; border:1px solid rgba(255,255,255,.12);pointer-events:none} /* ③ 粒状のノイズ（白5.5%）。タイルは画像の220px＝18.33cqw に合わせています */ .nk-fb > .nz{position:absolute;inset:0;z-index:4;opacity:.055;pointer-events:none; background:var(--nk-noise) repeat;background-size:18.33cqw 18.33cqw} /* ★ 写真が無い記事は、地のグラデーションだけ（N-1・2026/9/14 松澤さん決定）。 書き出す画像（gen.mjs）と同じです。 */ /* ================================================================ お問い合わせページ（固定ページ post=12） 2026/09/15 追記 ★ 見た目の指定はすべて .nkiq の中だけに効く。 ★ レイアウトの解除だけ .page-id-12 を使う。どちらも他ページには効かない。 ================================================================ */ /* --- このページだけ、本文の横幅の制限を外す（サイドバーは無い） --- ⚠️ 子テーマに .page-inquiry .container .site-main{width:900px}（詳細度 0,3,0）があり、 .page-id-12 .site-main（0,2,0）では負ける。ここは打ち消しが目的なので !important を使う。 .page-id-12 に閉じているので、他のページには 1px も影響しない。 */ .page-id-12 .site-main{width:auto!important;max-width:none!important;float:none!important;margin:0!important} .page-id-12 .site-main article{width:auto!important;max-width:none!important;padding-bottom:0!important} .page-id-12 .entry-content{padding:0!important;max-width:none!important;width:auto!important} .page-id-12 .entry-content:after{content:none} /* ⚠️ .entry-title だけは font-size / margin / font-weight を上書きできなかった。 !important も、詳細度 (0,3,3) の body.page-id-12 header.entry-header h1.entry-title も効かない （color だけは効くので、優先順位の問題ではない。原因は未特定）。 → ヘッダーごと視覚的に隠し、ラベルは本文側（.head .lb）に持たせる。 h1 は HTML に残るので、見出し構造は壊れない。 */ .page-id-12 .entry-header{position:absolute!important;width:1px!important;height:1px!important; overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important; white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important} .page-id-12 .entry-footer{max-width:1000px!important;width:auto!important;margin:0 auto!important;padding:0 30px!important} /* ⚠️ アイキャッチ枠は高さ0なのに margin-bottom:20px を持っていて、 パンくずと見出しの間に余計な空きを作る。このページでは使わないので消す。 */ .page-id-12 .entry-thumbnail{display:none!important} /* --- テーマの本文スタイルを .nkiq の中だけ打ち消す --- */ .nkiq{container-type:normal} .nkiq ul,.nkiq ol{list-style:none;margin:0;padding:0;background:none} .nkiq li{margin:0;padding:0;background:none;border:0;list-style:none} .nkiq li:before,.nkiq li:after{content:none} .nkiq h2,.nkiq h3,.nkiq h4{margin:0;padding:0;border:0;background:none;letter-spacing:normal} .nkiq h2:before,.nkiq h2:after,.nkiq h3:before,.nkiq h3:after{content:none} .nkiq p{margin:0} .nkiq a{text-decoration:none;border:0} .nkiq img{max-width:100%;height:auto;display:block;margin:0} .nkiq strong,.nkiq b{font-weight:700} .nkiq table,.nkiq dl,.nkiq dt,.nkiq dd{margin:0} .nkiq{--jp:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic Medium",sans-serif; --mincho:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","YuMincho",serif; --navy:#161A38; --ink:#2c2f3a; --sub:#5f6472; --mute:#8b909c; --line:#e4e6eb; --line2:#eef0f3; --bg2:#f6f7f9; --form:#f2f5f9; /* ★フォームの面。白地の本文からはっきり分かれる薄いグレー */ --formline:#dbe1ea; --noise:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMjAnIGhlaWdodD0nMjIwJz4KPGZpbHRlciBpZD0nbicgeD0nMCcgeT0nMCcgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJSc+CjxmZVR1cmJ1bGVuY2UgdHlwZT0nZnJhY3RhbE5vaXNlJyBiYXNlRnJlcXVlbmN5PScwLjg1JyBudW1PY3RhdmVzPSczJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+CjxmZUNvbG9yTWF0cml4IHR5cGU9J3NhdHVyYXRlJyB2YWx1ZXM9JzAnLz4KPC9maWx0ZXI+PHJlY3Qgd2lkdGg9JzIyMCcgaGVpZ2h0PScyMjAnIGZpbHRlcj0ndXJsKCNuKScvPjwvc3ZnPg==);} .nkiq *{box-sizing:border-box} .nkiq{margin:0;padding:0} .nkiq{font-family:var(--jp);font-size:16px;font-weight:500;line-height:1.75; letter-spacing:normal;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased} .nkiq img{max-width:100%;display:block} .nkiq a{color:inherit} .nkiq i{font-family:var(--mincho);font-style:italic;font-weight:700;font-size:1.08em;padding:0 .04em;line-height:1} .nkiq .w1000{max-width:1000px;margin:0 auto;padding:0 30px} /* ---------- 注記（本番には入りません） ---------- */ /* ---------- パンくず ---------- */ .nkiq .bc{border-bottom:1px solid var(--line2)} .nkiq .bc .w1000{padding-top:14px;padding-bottom:14px;font-size:13px;color:var(--mute)} /* ---------- 上部 ---------- */ .nkiq .top{padding:20px 0 0} /* ★ タイトルは全幅。その下を「説明（左）＋フォーム（右）」の2カラムにする */ .nkiq .head{margin:0 0 30px} .nkiq .head .lb{font-size:13px;color:var(--mute);margin:0 0 12px} /* ★ v10：PCだけ30px→34pxに上げた。2行目（24文字）の実測幅は835px、 コンテンツ幅940pxに対して105pxの余裕がある（38pxまでは1行に収まるが、上げすぎない）。 コンテナが縮む1000px以下では30pxに戻す（下のメディアクエリ） */ .nkiq .head h2{margin:0;font-size:34px;font-weight:700;line-height:1.55;color:var(--navy); line-break:strict;word-break:auto-phrase} .nkiq .head h2 span{display:block} .nkiq .top .grid{display:grid;grid-template-columns:1fr 470px;grid-template-rows:auto auto auto 1fr;column-gap:46px} .nkiq .intro{grid-column:1;grid-row:1} .nkiq .lead2{grid-column:1;grid-row:2} .nkiq .assure{grid-column:1;grid-row:3} .nkiq .numswrap{grid-column:1;grid-row:4} .nkiq .formcol{grid-column:2;grid-row:1 / span 4} /* ★ 2段落目は、スマホではフォームの後ろに回す。前に置くと入力欄が1つも見えなくなる */ .nkiq .lead2{margin:12px 0 0} .nkiq .lead2 p{margin:0;font-size:15.5px;line-height:1.9;color:var(--sub)} .nkiq .lead2 p b{color:var(--ink);font-weight:700} .nkiq .intro p{margin:0;font-size:15.5px;line-height:1.9;color:var(--sub)} .nkiq .intro p b{color:var(--ink);font-weight:700} /* ご案内（既存の文面のまま、見出し語をつけて並べる） */ /* ★ v10：薄い囲みで「ここはご案内」と分かるようにした（松澤さん指示）。 フォームのグレー面と競らないよう、地は白のままで線だけ。線は本文の罫線と同じ --line */ .nkiq .assure{margin:26px 0 0;padding:22px 24px 24px;border:1px solid var(--line);border-radius:8px} .nkiq .assure.first{margin-top:0} .nkiq .assure .hd{margin:0 0 14px;font-size:17px;font-weight:700;line-height:1.55;color:var(--navy)} /* ★ 表組みをやめて、ふつうの箇条書きに（2026/9/15・松澤さん指示） 要点は各項目の1文目にあるので、そこだけ太字にして輪郭を出す */ .nkiq .assure ul{margin:0;padding:0;list-style:none} .nkiq .assure li{position:relative;padding:0 0 0 18px;margin:0 0 11px; font-size:13.5px;line-height:1.85;color:var(--sub)} .nkiq .assure li:last-child{margin-bottom:0} .nkiq .assure li:before{content:"";position:absolute;left:2px;top:.72em; width:5px;height:5px;border-radius:50%;background:#aab0be} .nkiq .assure li b{color:var(--navy);font-weight:700} .nkiq .numswrap{margin:22px 0 0} .nkiq .nums{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden} .nkiq .nums>div{flex:1;padding:14px 10px;text-align:center;border-right:1px solid var(--line)} .nkiq .nums>div:last-child{border-right:0} .nkiq .nums .k{display:block;font-size:11.5px;color:var(--mute);margin:0 0 3px} .nkiq .nums .v{display:block;font-size:20px;font-weight:700;color:var(--navy);line-height:1.3;white-space:nowrap} .nkiq .nums .v u{text-decoration:none;font-size:12.5px;color:var(--sub);font-weight:700;padding-left:2px} .nkiq .who{display:flex;gap:14px;align-items:center;margin:22px 0 0} .nkiq .who img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:0 0 60px} .nkiq .who p{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink);font-weight:700} /* ---------- フォーム（★面ごと色をつける） ---------- */ .nkiq .formcol .box{background:var(--form);border:1px solid var(--formline);border-radius:10px;padding:28px 28px 30px} /* ★ v10：フォームの見出し「お問い合わせフォーム」は削除（松澤さん指示）。 面の色でフォームだと分かるので、見出しは要らない。.formcol h2 のCSSも残さない */ .nkiq .formcol .lead{margin:0 0 18px;font-size:13px;color:var(--sub);line-height:1.7} .nkiq .formcol .lead b{color:var(--navy)} .nkiq .f{margin:0 0 16px} .nkiq .f label{display:block;margin:0} .nkiq .f .lb{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin:0 0 6px} .nkiq .f .lb .m{color:#b03b3b;font-size:11.5px;padding-left:4px} .nkiq .f .lb .o{color:var(--mute);font-size:11.5px;font-weight:500;padding-left:6px} .nkiq .f input,.nkiq .f select,.nkiq .f textarea{width:100%;font-family:var(--jp);font-size:15px;color:var(--ink); padding:12px 13px;border:1px solid #c8cfda;border-radius:4px;background:#fff;line-height:1.6} .nkiq .f textarea{min-height:112px;resize:vertical} .nkiq .f .hint{margin:5px 0 0;font-size:12px;color:var(--mute);line-height:1.65} /* ★ 同意チェックは廃止（2026/9/15）。送信＝同意とみなす形に。 チェックを1つ減らすと、その分だけ送信までの手数が減る */ .nkiq .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff; font-size:15px;font-weight:700;padding:15px 28px;border-radius:4px;text-decoration:none;border:1px solid var(--navy)} .nkiq .btn.g{background:#fff;color:var(--navy)} .nkiq .submit{margin:22px 0 0;padding:20px 0 0;border-top:1px dashed #c6cedb} .nkiq .submit .btn{width:100%;font-size:16.5px;padding:17px 20px} .nkiq .submit .pp{margin:13px 0 0;font-size:12.5px;color:var(--sub);text-align:center;line-height:1.7} .nkiq .submit .pp a{color:var(--navy);font-weight:700;text-underline-offset:3px} .nkiq .submit .u{margin:6px 0 0;font-size:12px;color:var(--mute);text-align:center;line-height:1.8} /* ★ v11：2文を1行ずつに割る。1行にすると「す。」だけが折り返して不格好になる */ .nkiq .submit .u span{display:block} /* ---------- 帯（★写真をやめ、アイキャッチ・OGPと同じ地に） ---------- */ .nkiq .trband{position:relative;margin:70px 0 0;overflow:hidden; background:linear-gradient(115deg,#1C224A 0%,#06070E 100%)} .nkiq .trband .nz{position:absolute;inset:0;z-index:1;opacity:.055;pointer-events:none; background:var(--noise) repeat;background-size:220px 220px} .nkiq .trband .fr{position:absolute;left:28px;right:28px;top:28px;bottom:28px;z-index:1; border:1px solid rgba(255,255,255,.12);pointer-events:none} .nkiq .trband .in{position:relative;z-index:2;padding:58px 0} .nkiq .trband .en{margin:0 0 10px;font-size:12px;font-weight:700;color:#8d97c4;letter-spacing:.06em} .nkiq .trband h3{margin:0 0 16px;font-size:26px;font-weight:700;line-height:1.6;color:#fff; line-break:strict;word-break:auto-phrase} /* ★max-widthを外して横幅いっぱいに */ .nkiq .trband p{margin:0 0 10px;font-size:14.5px;line-height:1.95;color:#c9cee0;max-width:880px} .nkiq .trband .fn{margin:14px 0 0;font-size:12px;line-height:1.75;color:#7b85ad;max-width:660px} .nkiq .trband .sg{display:flex;gap:13px;align-items:center;margin:24px 0 0} .nkiq .trband .sg .face{width:48px;height:48px;border-radius:50%;flex:0 0 48px;border:1px solid rgba(255,255,255,.25);background:url(/wp-content/uploads/2026/09/nake-matsuzawa-icon.jpg) no-repeat center/cover} .nkiq .trband .sg p{margin:0;font-size:12.5px;color:#8d97c4;line-height:1.65} .nkiq .trband .sg p b{display:block;font-size:15.5px;color:#fff;font-weight:700} /* ---------- 支援実績 ---------- */ .nkiq .works{padding:56px 0 0} .nkiq .works h2{margin:0 0 6px;font-size:24px;font-weight:700;color:var(--navy);line-height:1.5} .nkiq .works .lead{margin:0 0 26px;font-size:14.5px;color:var(--sub)} /* ★ 数字を主役にした見せ方。TOPは文章の中に数字が埋もれているので、ここでは抜き出す */ .nkiq .field{display:grid;grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line);border-left:1px solid var(--line)} .nkiq .field>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 22px 20px} .nkiq .field .k{margin:0 0 10px;font-size:12px;font-weight:700;color:var(--mute);line-height:1.6; letter-spacing:normal} .nkiq .field .n{margin:0 0 8px;font-size:30px;font-weight:700;color:var(--navy);line-height:1.2; line-break:strict;word-break:auto-phrase} .nkiq .field .v{margin:0;font-size:13px;font-weight:500;color:var(--ink);line-height:1.7; line-break:strict;word-break:auto-phrase} /* ---------- FAQ ---------- */ .nkiq .sec{padding:66px 0 0} .nkiq .sec h2{margin:0 0 22px;font-size:24px;font-weight:700;line-height:1.5;color:var(--navy)} .nkiq .sec .lead{margin:0 0 28px;font-size:15px;line-height:1.95;color:var(--sub)} /* ★ 組み方はv7に戻す（質問が上・答えが下）。 区切り線はセクション幅（1000px）で引き、文章だけ720pxで折り返す。 1000pxのまま流すと1行58文字になって読みにくいため。 */ .nkiq .faq{border-top:1px solid var(--line)} .nkiq .faq>div{padding:22px 0;border-bottom:1px solid var(--line)} /* ★ v10：max-width:720px をやめ、コンテンツ幅いっぱい（940px）で折り返す（松澤さん指示）。 区切り線と文章の右端が揃うので、改行位置が早く見える違和感がなくなる */ .nkiq .faq h3{margin:0 0 8px;font-size:16.5px;font-weight:700;line-height:1.65;color:var(--navy)} .nkiq .faq p{margin:0;font-size:14.5px;line-height:1.95;color:var(--sub)} .nkiq .backup{margin:30px 0 0;text-align:center} /* ---------- 最後（★ここから先は「補足」。主役はフォーム） ---------- */ .nkiq .after{margin:70px 0 0;background:var(--bg2);border-top:1px solid var(--line);padding:38px 0 42px} .nkiq .after h2{margin:0 0 20px;font-size:16px;font-weight:700;color:var(--sub);line-height:1.6} .nkiq .links{display:grid;grid-template-columns:repeat(4,1fr);gap:0; border-top:1px solid var(--line);border-left:1px solid var(--line)} .nkiq .links a{display:block;padding:18px 16px;text-decoration:none; border-right:1px solid var(--line);border-bottom:1px solid var(--line)} .nkiq .links .t{display:block;font-size:13.5px;font-weight:700;color:var(--navy);line-height:1.6; line-break:strict;word-break:auto-phrase} .nkiq .links .t:before{content:"→";color:var(--mute);font-size:12px;padding-right:7px} .nkiq .links .d{display:block;font-size:12.5px;line-height:1.7;color:var(--mute);margin-top:4px} .nkiq .mail{margin:24px 0 0;font-size:13.5px;color:var(--sub);line-height:1.9;text-align:center} .nkiq .mail b{color:var(--navy);font-size:15.5px;padding-left:6px} .nkiq .foot{height:0} @media screen and (max-width:1000px){ /* コンテナが縮み始めたら見出しを元のサイズに戻す */ .nkiq .head h2{font-size:30px} } @media screen and (max-width:900px){ .nkiq .top .grid{grid-template-columns:1fr;row-gap:0} /* ★ スマホはタイトルのすぐ下にフォーム。説明はそのあと */ .nkiq .formcol{grid-column:1;grid-row:auto;order:1} .nkiq .intro{grid-column:1;grid-row:auto;order:2;margin:32px 0 0} .nkiq .lead2{grid-column:1;grid-row:auto;order:3;margin:12px 0 0} .nkiq .assure{grid-column:1;grid-row:auto;order:4;margin:26px 0 0} .nkiq .numswrap{grid-column:1;grid-row:auto;order:5} .nkiq .field{grid-template-columns:repeat(2,1fr)} .nkiq .links{grid-template-columns:repeat(2,1fr)} } @media screen and (max-width:767px){ .nkiq .top{padding-top:20px} .nkiq .head{margin-bottom:22px} .nkiq .head h2{font-size:25px} .nkiq .intro p{font-size:15px} .nkiq .assure{padding:18px 18px 20px} .nkiq .nums>div{padding:12px 6px} .nkiq .nums .v{font-size:17px} .nkiq .formcol .box{padding:20px 18px 22px} .nkiq .trband .in{padding:40px 0} .nkiq .trband .fr{left:16px;right:16px;top:16px;bottom:16px} .nkiq .trband h3{font-size:21px} .nkiq .works{padding-top:46px} .nkiq .sec{padding-top:48px} .nkiq .sec h2{font-size:23px} .nkiq .field{grid-template-columns:1fr} .nkiq .field>div{padding:15px 16px} .nkiq .links{grid-template-columns:1fr} } /* --- 帯だけ、画面の端から端まで伸ばす --- */ .nkiq .trband{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw} /* --- 送信ボタンは