@charset "UTF-8"; body.sovereign-web-preview { min-width: 0; background: #f7f7f7; letter-spacing: 0; } .sovereign-web-html { width: 100%; background: #fff; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, system-ui, sans-serif !important; color: #11194d; font-size: 17px; line-height: 1.9; letter-spacing: 0; } .sovereign-web-html * { font-family: inherit !important; } /* Defined on body (not .sovereign-web-html) so pages whose main content sits outside the header's own .sovereign-web-html wrapper (support/ai-and-money/ contact/terms, via SovereignWebPageHeader) can still read the real header height — e.g. ai-money's .aim-stepper sticky offset. */ body { --sw-header-logo-width: clamp(6.2rem, 30vw, 7.2rem); --sw-header-padding-y: 0.75rem; --sw-header-height: calc((var(--sw-header-logo-width) * 0.2355) + (var(--sw-header-padding-y) * 2)); } @media (1201px <= width) { body { --sw-header-logo-width: clamp(7.2rem, 15.625vw, 12.5rem); --sw-header-padding-y: clamp(0.75rem, 1.5625vw, 1.25rem); --sw-header-height: calc((var(--sw-header-logo-width) * 0.187) + (var(--sw-header-padding-y) * 2)); } } .sovereign-web-html .site-header { position: sticky; top: 0; border-bottom: 1px solid #e4e4ee; z-index: 100; backdrop-filter: blur(14px); background: rgba(255, 255, 255, 0.94); box-shadow: 0 12px 32px rgba(30, 39, 97, 0.08); } /* content/sovereign-web/*.html has its own `*{box-sizing:border-box}` reset, so root/faq/compare/case/trust/flow/simulator (rendered via SovereignWebHtml) get border-box on .wrap for free. support/ai-and-money/contact/terms (rendered via SovereignWebPageHeader) never load that per-page reset, so .wrap fell back to the browser default content-box, making its `min-height` exclude padding-block and rendering the header ~24px taller than on root. Set it explicitly so both paths match. */ .sovereign-web-html .site-header, .sovereign-web-html .site-header * { box-sizing: border-box; } /* SovereignWebPageHeader (support/ai-and-money/contact/terms) wraps only the header markup in .sovereign-web-html, so .site-header's own containing block is exactly its own height and position:sticky has no room to stick. Make the wrapper itself the sticky element so it sticks against the full-height instead. */ .sovereign-web-html.sw-page-header { position: sticky; top: 0; z-index: 100; } .sovereign-web-html.sw-page-header .site-header { position: static; } .sovereign-web-html.sw-page-header:has(.site-header.menu-open) { z-index: 950; } /* brand/actionsをそれぞれの実サイズ（auto）で確保し、中央列（gnav）が残り幅をすべて使う。以前は両端を1frの等幅列にして常にgnavをヘッダー中央に揃えていたが、actions（CTAボタン群）がbrand（ロゴ）より幅広いため、brand側の列にactionsに合わせた未使用の余白が生まれ、gnav側はまだ余裕があるうちにactionsと衝突してcompact（ハンバーガー）表示へ切り替わってしまっていた。auto/auto にすることで、その未使用の余白を gnavが使えるようになり、compact表示への切り替えはgnavがbrand側の余白まで使い切る（ロゴに迫る）タイミングまで遅くなる。 `SovereignWebHeaderMenu`の`evaluate()`内`required`もこの列幅計算と揃えてある。 */ .sovereign-web-html .site-header .wrap { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; height: 64px; } .sovereign-web-html .sw-nav-panel { display: contents; } .sovereign-web-html a.brand { font-weight: 700; font-size: 20px; color: #4f4096; text-decoration: none; } .sovereign-web-html .brand small { font-weight: 600; color: #5a6272; font-size: 14px; display: block; line-height: 1.2; } .sovereign-web-html .gnav { gap: 16px; align-items: center; font-size: 14px; } .sovereign-web-html .gnav a { color: #2b2170; text-decoration: none; font-weight: 600; } .sovereign-web-html .gnav a:hover { text-decoration: underline; } .sovereign-web-html .gnav a[aria-current="page"] { color: #4f4096; } /* sovereignWebトップ以外での「トップ」テキストリンク（ロゴクリックと同じ遷移先）。PC/インラインnavではロゴクリックで代替できるため非表示にし、ハンバーガー展開時の一覧にだけ残す（下のis-compact.menu-open側で復帰）。 */ .sovereign-web-html .gnav-home-away { display: none; } .sovereign-web-html .site-header.is-compact.menu-open .gnav-home-away { display: block; } /* 「導入の流れ」など、カーソルhoverまたはキーボードフォーカス時だけ flow配下ページへのドロップダウンを表示するnav項目。flow配下ページ自体には常時表示のタブ等は置かず、この導線だけが唯一の入口になる。開閉自体は`SovereignWebHeaderMenu`のJSが`.is-open`を付け外しして行う。 `.gnav`はoverflow-x:autoでクリップ領域を持つため`position:absolute`だと隠れてしまうが、`position:fixed`はoverflow:autoな祖先にクリップされないため、DOM上の位置（tab順）はそのままに`position:fixed`で表示する。 */ .sovereign-web-html .gnav-item { position: relative; display: flex; align-items: center; } /* タブ（ドロップダウン）を持つことを示す逆三角形。position: absoluteで通常フローから外し、トリガーの文字自体の高さには影響させない（文字が[トップ]等の他項目と比べて縦位置がずれるのを防ぐため）。 */ .sovereign-web-html .gnav-item > a::after { content: ""; position: absolute; top: 100%; left: 50%; margin-top: 4px; transform: translateX(-50%); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; } .sovereign-web-html .gnav-dropdown { position: fixed; transform: translateX(-50%); display: flex; flex-direction: column; min-width: 200px; padding: 8px; background: #f8f8f8; border: 1px solid #e4e4ee; border-radius: 12px; box-shadow: 0 16px 32px rgba(30, 39, 97, 0.14); opacity: 0; pointer-events: none; transition: opacity 0.15s ease; z-index: 110; } /* `visibility:hidden`ではなく`opacity`/`pointer-events`だけで隠す。 visibilityで隠すとブラウザによってはtab順から即座に外れてしまい、「導入の流れ」フォーカス直後の1回のTabで中に入れないことがあるため。 */ .sovereign-web-html .gnav-dropdown.is-open { opacity: 1; pointer-events: auto; } .sovereign-web-html .gnav-dropdown a { padding: 8px 12px; border-radius: 8px; text-align: center; white-space: nowrap; } .sovereign-web-html .gnav-dropdown a:hover, .sovereign-web-html .gnav-dropdown a:focus-visible { background: #f0eef8; text-decoration: none; } .sovereign-web-html .site-header .wrap { flex-wrap: nowrap; gap: 12px; height: auto; min-height: var(--sw-header-height); max-width: none; padding-block: var(--sw-header-padding-y); padding-inline: clamp(0.75rem, 3.2vw, 1rem) clamp(0.45rem, 1.8vw, 0.65rem); } .sovereign-web-html .brand { display: inline-flex; align-items: center; justify-self: start; width: var(--sw-header-logo-width); flex-shrink: 0; line-height: 1; letter-spacing: 0.01em; } .sovereign-web-html .brand .sovereign-web-logo { display: block; width: 100%; height: auto; } .sovereign-web-html .gnav { display: flex; justify-content: center; min-width: 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; /* 「導入の流れ」の▽インジケーター用の余白。上下均等にすることで、 gnav自身の中でテキストの縦中心を変えずに、▽がoverflow-x:autoでクリップされない領域を確保する。 */ padding-block: 10px; } .sovereign-web-html .gnav::-webkit-scrollbar { display: none; } .sovereign-web-html .gnav a { font-size: 15px !important; } .sovereign-web-html .sw-nav-actions { display: flex; align-items: center; justify-self: end; flex-shrink: 0; gap: 12px; } .sovereign-web-html .site-header .btn-primary { display: inline-block; flex-shrink: 0; padding: 13px 30px; border: 0; border-radius: 999px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .sovereign-web-html .site-header .btn-ghost { display: inline-block; flex-shrink: 0; box-sizing: border-box; padding: 13px 30px; border: 2px solid transparent; border-radius: 999px; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .sovereign-web-html .sw-menu-toggle { display: none; position: relative; /* JSで.wrapへ追加される4番目の子要素のため、gnav/actionsがdisplay:noneになるcompact時も、actionsと同じ右端の列に配置されるよう明示する。 */ grid-column: 3; justify-self: end; flex-shrink: 0; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 999px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; } .sovereign-web-html .sw-menu-toggle span { position: absolute; top: 50%; left: 50%; width: 20px; height: 2px; border-radius: 999px; background: #251a86; transform: translate(-50%, calc(-50% - 5px)); transition: transform 0.2s ease; } .sovereign-web-html .sw-menu-toggle span + span { transform: translate(-50%, calc(-50% + 5px)); } .sovereign-web-html .site-header.menu-open .sw-menu-toggle span { transform: translate(-50%, -50%) rotate(45deg); } .sovereign-web-html .site-header.menu-open .sw-menu-toggle span + span { transform: translate(-50%, -50%) rotate(-45deg); } /* .site-header's own z-index (100) is lower than .gx-sticky's (900), and z-index only competes within the stacking context it's declared in — a higher z-index on a descendant (.sw-nav-panel) can't out-rank .gx-sticky on its own. Raise the header itself while the dropdown is open so the whole subtree paints above the fixed CTA bar. */ .sovereign-web-html .site-header.menu-open { z-index: 950; } .sovereign-web-html .site-header.is-compact .sw-menu-toggle { display: inline-flex; align-items: center; justify-content: center; /* compact時は.sw-nav-actionsも表示したままにするため4列目に置く（base ruleのgrid-column:3はactionsと競合する）。 */ grid-column: 4; } .sovereign-web-html .site-header.is-compact .wrap { flex-wrap: wrap; /* brand | 可変スペーサー | actions(ミニボタン) | ハンバーガー */ grid-template-columns: auto minmax(0, 1fr) auto auto; } .sovereign-web-html .site-header.is-compact .sw-nav-panel > .gnav { display: none; } /* compact時も「かんたん見積もり」「お問い合わせ」はヘッダーに残し、ハンバーガーと同程度のサイズのミニボタン（アイコン+小文字ラベル）としてハンバーガーの左に並べる。menu-open時は.sw-nav-panelが実ボックス化してドロップダウン内に移動する（下のmenu-open用styleが別途上書きする）ため、ここは:not(.menu-open)に限定する。 */ .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-panel > .sw-nav-actions { display: flex; grid-column: 3; gap: 6px; } .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-actions .btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; width: 44px; min-height: 40px; padding: 4px 2px; border-radius: 12px; font-size: 9px !important; line-height: 1.15; white-space: normal; } .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-actions .btn::before { content: ""; display: block; width: 16px; height: 16px; flex-shrink: 0; } .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-actions .btn-primary::before { background: url("data:image/svg+xml;utf8,") center / contain no-repeat; } .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-actions .btn-ghost::before { background: url("data:image/svg+xml;utf8,") center / contain no-repeat; } /* タブレット幅以上はSP(44px)の約2倍の幅を確保し、ラベルが1行に収まりやすくする。 */ @media (768px <= width) { .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-panel > .sw-nav-actions { gap: 10px; } .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-actions .btn { width: 96px; min-height: 44px; gap: 3px; font-size: 10.5px !important; } .sovereign-web-html .site-header.is-compact:not(.menu-open) .sw-nav-actions .btn::before { width: 20px; height: 20px; } } .sovereign-web-html .site-header.is-compact.menu-open .sw-nav-panel { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; z-index: 950; /* --sw-header-heightは近似値で実高さより小さく出ることがあるため実測値の--sw-header-actual-heightを優先。100dvhでアドレスバー分のズレにも追従し、12pxは残差の安全マージン。 */ max-height: calc(100vh - var(--sw-header-actual-height, var(--sw-header-height)) - 12px); max-height: calc(100dvh - var(--sw-header-actual-height, var(--sw-header-height)) - 12px); overflow-y: auto; background: #fff; border-top: 1px solid #e4e4ee; box-shadow: 0 16px 32px rgba(30, 39, 97, 0.14); padding: 8px 16px 16px; } .sovereign-web-html .site-header.is-compact.menu-open .sw-nav-panel > .gnav, .sovereign-web-html .site-header.is-compact.menu-open .sw-nav-panel > .sw-nav-actions { display: flex; } .sovereign-web-html .site-header.is-compact.menu-open .sw-nav-panel > .gnav { flex-direction: column; align-items: stretch; gap: 0; overflow: visible; white-space: normal; } .sovereign-web-html .site-header.is-compact.menu-open .sw-nav-panel > .gnav a { padding: 12px 4px; border-bottom: 1px solid #f0eef8; } /* モバイルのハンバーガーメニューにはhoverが存在しないため、「導入の流れ」のドロップダウンは開閉させず、常に展開した入れ子リストとして表示する。 */ .sovereign-web-html .site-header.is-compact.menu-open .gnav-item { flex-direction: column; align-items: stretch; } /* モバイルの入れ子リストは常に展開済みで下に項目が並んでいるとわかるため、 hover専用の▽インジケーターは不要。 */ .sovereign-web-html .site-header.is-compact.menu-open .gnav-item > a::after { display: none; } .sovereign-web-html .site-header.is-compact.menu-open .gnav-dropdown { position: static; transform: none; opacity: 1; pointer-events: auto; margin: 0 0 0 16px; padding: 0; background: transparent; border: 0; box-shadow: none; } /* デスクトップのドロップダウンはトリガー中心に揃えるためテキストを中央寄せしているが、モバイルの入れ子リストは他のメニュー項目と同じ左寄せに戻す。 */ .sovereign-web-html .site-header.is-compact.menu-open .gnav-dropdown a { text-align: left; } .sovereign-web-html .site-header.is-compact.menu-open .sw-nav-panel > .sw-nav-actions { flex-wrap: wrap; justify-content: center; margin: 12px 0 4px; } .sovereign-web-html .btn { font-size: 16px !important; line-height: 1.45; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.2s ease; } .sovereign-web-html .btn:hover { text-decoration: none; transform: translateY(-1px); } .sovereign-web-html .site-header .btn-primary, .sovereign-web-html .gx-sticky .btn-primary, .sovereign-web-html .sim .btn-primary, .sovereign-web-html .pdfform .btn-primary, .sovereign-web-html .form .btn-primary, .sovereign-web-html .submit .btn-primary, .sovereign-web-html .result .btn-primary, .sovereign-web-html .flow-actions .btn-primary, .sovereign-web-html .using .btn-primary { background: linear-gradient(135deg, #87559a 0%, #4c4499 100%) !important; border-color: #4c4499 !important; color: #fff !important; } .sovereign-web-html .site-header .btn-primary:visited, .sovereign-web-html .gx-sticky .btn-primary:visited, .sovereign-web-html .sim .btn-primary:visited, .sovereign-web-html .pdfform .btn-primary:visited, .sovereign-web-html .form .btn-primary:visited, .sovereign-web-html .submit .btn-primary:visited, .sovereign-web-html .result .btn-primary:visited, .sovereign-web-html .flow-actions .btn-primary:visited, .sovereign-web-html .using .btn-primary:visited { color: #fff !important; } .sovereign-web-html .site-header .btn-primary:hover, .sovereign-web-html .gx-sticky .btn-primary:hover, .sovereign-web-html .sim .btn-primary:hover, .sovereign-web-html .pdfform .btn-primary:hover, .sovereign-web-html .form .btn-primary:hover, .sovereign-web-html .submit .btn-primary:hover, .sovereign-web-html .result .btn-primary:hover, .sovereign-web-html .flow-actions .btn-primary:hover, .sovereign-web-html .using .btn-primary:hover { background: linear-gradient(135deg, #7a4b8c 0%, #413a80 100%) !important; border-color: #413a80 !important; color: #fff !important; } .sovereign-web-html .gx-sticky .btn-ghost, .sovereign-web-html .site-header .btn-ghost { background: #fff !important; border-color: #251a86 !important; color: #251a86 !important; } .sovereign-web-html .gx-sticky .btn-ghost:visited, .sovereign-web-html .gx-sticky .btn-ghost:hover, .sovereign-web-html .site-header .btn-ghost:visited, .sovereign-web-html .site-header .btn-ghost:hover { color: #251a86 !important; } .sovereign-web-html .btn-primary[data-cta="simulator"], .sovereign-web-html .btn-primary[data-cta="simulator"]:visited, .sovereign-web-html .btn-primary[data-cta="simulator"]:hover { color: #fff !important; } .sovereign-web-html .btn-red[data-cta="simulator"], .sovereign-web-html .btn-red[data-cta="simulator"]:visited, .sovereign-web-html .btn-red[data-cta="simulator"]:hover { color: #fff !important; } .sovereign-web-html .btn:focus-visible, .sovereign-web-html button:focus-visible, .sovereign-web-html input:focus-visible, .sovereign-web-html select:focus-visible, .sovereign-web-html summary:focus-visible { outline: 3px solid rgba(74, 95, 165, 0.35); outline-offset: 3px; } .sovereign-web-html .hero { position: relative; overflow: hidden; padding-block: 64px 48px !important; } .sovereign-web-html .hero::after { content: ""; position: absolute; right: max(-80px, -8vw); bottom: -140px; width: min(420px, 48vw); aspect-ratio: 1; border: 1px solid rgba(202, 220, 252, 0.28); border-radius: 50%; pointer-events: none; } .sovereign-web-html .hero .wrap { position: relative; z-index: 1; } .sovereign-web-html .hero .kicker { font-size: 15px !important; } .sovereign-web-html .hero p, .sovereign-web-html .hero .sub { font-size: 18px !important; line-height: 1.9 !important; } .sovereign-web-html .hero .badge { font-size: 14px !important; } .sovereign-web-html .hero .btns { align-items: stretch; } .sovereign-web-html .hero .btns .btn { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; min-width: 170px; min-height: 74px; padding: 14px 26px; } .sovereign-web-html .hero .btns .btn-ghost { background: transparent !important; color: #fff !important; border-color: rgba(255, 255, 255, 0.86) !important; } .sovereign-web-html .sec-head, .sovereign-web-html .hero h1, .sovereign-web-html h2, .sovereign-web-html h3 { letter-spacing: 0.01em; } .sovereign-web-html .sec-head, .sovereign-web-html h2 { font-size: clamp(32px, 3vw, 40px) !important; line-height: 1.5 !important; } .sovereign-web-html h3 { font-size: clamp(20px, 1.7vw, 24px) !important; line-height: 1.65 !important; } .sovereign-web-html p, .sovereign-web-html li, .sovereign-web-html td, .sovereign-web-html th, .sovereign-web-html details p, .sovereign-web-html summary, .sovereign-web-html label, .sovereign-web-html input, .sovereign-web-html select, .sovereign-web-html textarea { font-size: 16px !important; line-height: 1.9 !important; } .sovereign-web-html .sec-sub, .sovereign-web-html .tnote, .sovereign-web-html .hint, .sovereign-web-html .crumb, .sovereign-web-html .l, .sovereign-web-html small { font-size: 14px !important; line-height: 1.75 !important; } .sovereign-web-html .card p, .sovereign-web-html .worry p, .sovereign-web-html .proof p, .sovereign-web-html .case p, .sovereign-web-html .reason p, .sovereign-web-html .f3 p, .sovereign-web-html .pv p, .sovereign-web-html .step p, .sovereign-web-html .fstep p { font-size: 16px !important; line-height: 1.95 !important; } .sovereign-web-html .band .n, .sovereign-web-html .verdict .n, .sovereign-web-html .price-grid .n { font-size: clamp(32px, 3.2vw, 42px) !important; } .sovereign-web-html table { min-width: 720px; } .sovereign-web-html .wrap:has(> table) { overflow-x: auto; -webkit-overflow-scrolling: touch; } .sovereign-web-html .wrap:has(> table) > :not(table) { position: sticky; left: 0; } /* FAQ回答内の表は`.detail`の直下に入るため、`.wrap:has(> table)`とは別に同じ横スクロール対応をここへ適用する（content/sovereign-web/faq/index.html）。 */ .sovereign-web-html .detail:has(> table) { overflow-x: auto; -webkit-overflow-scrolling: touch; } .sovereign-web-html .detail:has(> table) > :not(table) { position: sticky; left: 0; } .sovereign-web-html .fstep .num { width: 52px; height: 52px; flex-shrink: 0; } .sovereign-web-html .worry, .sovereign-web-html .proof .pv, .sovereign-web-html .case, .sovereign-web-html .reason, .sovereign-web-html .f3, .sovereign-web-html .dl-card, .sovereign-web-html .price-card, .sovereign-web-html details { box-shadow: 0 10px 28px rgba(107, 70, 193, 0.1); } .sovereign-web-html .gx-sticky { backdrop-filter: blur(12px); } /* sticky CTAの「（無料）」注記。本体ラベルより一段小さく見せる。 `em` 指定なので、SP側で .btn の font-size が変わっても比率が保たれる。 */ .sovereign-web-html .gx-sticky .btn .gx-sticky-note { font-size: 0.8em; } @media (1024px <= width) { .sovereign-web-html .hero { padding-block: 68px 54px !important; } .sovereign-web-html .hero h1 { font-size: clamp(38px, 4vw, 52px); } .sovereign-web-html .hero .sub, .sovereign-web-html .hero p { font-size: 16px; } } @media (1201px <= width) { .sovereign-web-html .site-header .wrap { padding-inline: clamp(1.25rem, 3.125vw, 2.5rem); } } @media (width < 761px) { .sovereign-web-html section { padding-block: 52px; } .sovereign-web-html .hero { padding-block: 34px 30px !important; } .sovereign-web-html .hero h1 { font-size: 29px !important; line-height: 1.45; margin-block: 12px 14px; } .sovereign-web-html .hero .kicker { font-size: 14px !important; letter-spacing: 0.18em; } .sovereign-web-html .hero .sub { margin-bottom: 18px; font-size: 16px !important; line-height: 1.85 !important; } .sovereign-web-html .hero .badges { gap: 8px; margin-bottom: 18px; } .sovereign-web-html .hero .badge { padding: 3px 12px; font-size: 14px !important; } .sovereign-web-html .hero .btns { gap: 10px; } .sovereign-web-html .hero .btns .btn { width: min(100%, 280px); min-height: 58px; padding: 11px 18px; font-size: 15px !important; } .sovereign-web-html .hero .btns small { font-size: 14px !important; } .sovereign-web-html .sec-head, .sovereign-web-html h2 { font-size: 27px !important; line-height: 1.55 !important; } .sovereign-web-html h3 { font-size: 21px !important; } .sovereign-web-html p, .sovereign-web-html li, .sovereign-web-html td, .sovereign-web-html th, .sovereign-web-html details p, .sovereign-web-html summary, .sovereign-web-html label, .sovereign-web-html input, .sovereign-web-html select, .sovereign-web-html textarea { font-size: 15.5px !important; line-height: 1.9 !important; } .sovereign-web-html .sec-sub, .sovereign-web-html .tnote, .sovereign-web-html .hint, .sovereign-web-html .crumb, .sovereign-web-html .l, .sovereign-web-html small { font-size: 14px !important; } .sovereign-web-html .card p, .sovereign-web-html .worry p, .sovereign-web-html .proof p, .sovereign-web-html .case p, .sovereign-web-html .reason p, .sovereign-web-html .f3 p, .sovereign-web-html .pv p, .sovereign-web-html .step p, .sovereign-web-html .fstep p { font-size: 15.5px !important; } .sovereign-web-html .gx-sticky { grid-template-columns: repeat(2, minmax(0, 1fr)); display: grid; gap: 8px; padding: 9px 10px; } .sovereign-web-html .gx-sticky .btn { display: flex; /* ラベルと .gx-sticky-note が横に並びきらない狭い端末では、文字の途中ではなく注記の直前で改行させる。 */ flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; min-height: 42px; padding: 8px 10px; font-size: 14px; line-height: 1.35; } } /* ============================================================ 資料紹介ポップアップ(gx-pop) / 動画ライトボックス ------------------------------------------------------------ `components/sovereign-web/SovereignWebDocPopup.tsx` が描画する。以前は top / flow 系の6ページの content/sovereign-web 配下の各 index.html の