/* SASENAI トップページ：テンプレートに追加・上書きしたCSS（デモで注入したものを1つにまとめたもの） 2026-11-02 書き出し（/new/ 設置用）。読み込み順はテンプレートのCSS（top-style.css ほか・top-base-tailwind.css）の後 */ /* ===== sasenai-typo ===== */ /* フォントは index.html の で読み込む（重複読み込みを削除） */ :root { --ff-base: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif; --ff-mono: "DM Mono", ui-monospace, monospace; --fs-display: 64px; --lh-display: 1.3; --fs-h2: 44px; --lh-h2: 1.45; --fs-h3: 30px; --lh-h3: 1.5; --fs-h4: 22px; --lh-h4: 1.6; --fs-lead: 18px; --lh-lead: 1.9; --fs-body: 16px; --lh-body: 1.9; --fs-small: 13px; --lh-small: 1.7; --fs-kicker: 13px; --fs-number: 48px; --fs-brand: 28px; --lh-brand: 2; } @media (max-width: 767px) { :root { --fs-display: 36px; --fs-h2: 28px; --fs-h3: 22px; --fs-h4: 18px; --fs-lead: 16px; --fs-body: 15px; --fs-small: 12px; --fs-kicker: 12px; --fs-number: 36px; --fs-brand: 20px; } } body { font-family: var(--ff-base) !important; } .features-reveal, .plans-hero__title { font-size: var(--fs-display) !important; line-height: var(--lh-display) !important; font-weight: 700 !important; } #empathy h2, #relief .relief-headline, #relief .relief-headline-accent, #compare h2, #\33 step h2, #featured-in h2.font-semibold, #plans .font-semibold:not(li):not(span), #news h2, #blog h2, #faq .font-semibold:not(li):not(span), .feature-section h2, #experience h2, #functions h2, .feature-cta h2, .plans-section h2, #plan-contact h2, .bg-gradient h2, #article-list h2, .py-8 h2.text-center { font-size: var(--fs-h2) !important; line-height: var(--lh-h2) !important; font-weight: 700 !important; letter-spacing: 0.01em !important; } #compare h2 .text-main\/60, #\33 step h2 .font-light { font-size: inherit !important; font-weight: 400 !important; } #featured-in h2.pb-4, #plans h2.pb-4, #faq h2.pb-4, main h1.pb-4 { font-family: var(--ff-mono) !important; font-size: var(--fs-kicker) !important; line-height: 1.4 !important; font-weight: 500 !important; letter-spacing: 0.14em !important; padding-bottom: 8px !important; background: none !important; -webkit-text-fill-color: #5b6884 !important; color: #5b6884 !important; } .feature-kicker, .plans-kicker, #compare .inline-flex:not(a), #\33 step .inline-flex:not(a), .bg-gradient p.mb-4 { font-family: var(--ff-mono) !important; font-size: var(--fs-kicker) !important; font-weight: 500 !important; letter-spacing: 0.12em !important; } main h1.pb-4 + p.font-semibold { font-size: var(--fs-h2) !important; line-height: var(--lh-h2) !important; font-weight: 700 !important; } #relief .relief-card-title, #functions h3, #empathy .header-bubble span, #empathy span.text-4xl, #relief .relief-intro-bubble p, .px-4 h2.font-bold { font-size: var(--fs-h3) !important; line-height: var(--lh-h3) !important; font-weight: 700 !important; } #relief .relief-cta p:first-child, #relief p[class=""]:has(+ a.relief-cta-button) { font-size: var(--fs-h3) !important; } #empathy h3, #empathy h3 *, #\33 step h3, .feature-section h3, #experience h3, .plans-section h3, #plans h3 { font-size: var(--fs-h4) !important; line-height: var(--lh-h4) !important; font-weight: 700 !important; } #key-visual p.max-w-2xl, #relief .relief-lead, #relief .relief-card-lead, #compare p.max-w-full, #\33 step p.mb-10, .feature-hero__lead, .feature-section > div p:first-of-type, #functions > div > p, .plans-hero__lead, #news h3, #blog h3, #faq .pt-1, .px-4 span.break-words { font-size: var(--fs-lead) !important; line-height: var(--lh-lead) !important; } #relief .relief-lead, #relief .relief-card-lead, .feature-hero__lead, .plans-hero__lead { font-weight: 500 !important; } #empathy p, #relief .relief-card-body p:not(.relief-card-lead), #relief li, #\33 step h3 + p, #compare p.leading-7, #compare p.mb-1:not(:first-child), .feature-section p, .feature-section span, #functions li, .feature-cta p, #experience span:not([class]), .plans-section p, #plan-contact p, .plans-hero li, #plans li, .px-4 div.break-words, .bg-gradient p.mt-4 { font-size: var(--fs-body) !important; line-height: var(--lh-body) !important; font-weight: 400 !important; } a.relief-cta-button, #relief a span, #compare a.group, #\33 step a.inline-flex[href]:not([href*="apps"]), .feature-button, .plans-button, #plans a.block, .bg-gradient a.inline-flex, #brand a.block { font-size: var(--fs-body) !important; font-weight: 700 !important; } #relief .relief-card-note, #relief .relief-card-note span, #compare th, #compare td, #compare td span, #compare th span, #compare p.mb-1:first-child, #\33 step p.mt-4, #\33 step p.mt-4 a, #news .w-auto, #news span.px-3, #blog span.mb-2, #blog span.text-xs, #experience small, #footer p, #footer a, #copy-right p { font-size: var(--fs-small) !important; line-height: var(--lh-small) !important; } #compare th, #compare td { font-size: 14px !important; } @media (max-width: 767px) { #compare th, #compare td { font-size: 12px !important; } } #relief .relief-card-number { font-family: var(--ff-mono) !important; font-size: var(--fs-number) !important; font-weight: 500 !important; line-height: 1 !important; } #plans .mb-8 { font-size: var(--fs-number) !important; line-height: 1.1 !important; } #brand-message p, #relief .relief-intro-message, #relief .relief-intro-wish, #relief .relief-intro-message p, #relief .relief-intro-wish p, #brand p.font-bold { font-size: var(--fs-brand) !important; line-height: var(--lh-brand) !important; font-weight: 500 !important; } #empathy .overflow-hidden.px-6.py-6 { padding-top: 44px !important; } #empathy span.font-caveat { width: auto !important; left: 0 !important; right: auto !important; top: 0 !important; text-align: left !important; white-space: nowrap !important; rotate: -7deg !important; translate: 0 -55% !important; transform-origin: left center !important; font-size: 34px !important; text-decoration: none !important; } @media (max-width: 767px) { #empathy span.font-caveat { font-size: 28px !important; } } #empathy h3 { margin-top: -8px !important; } #empathy div[class*="w-[min(108%"] { width: auto !important; background: transparent !important; } #empathy div[class*="w-[min(108%"] > span.font-mono, #empathy div[class*="w-[min(108%"] h3 { display: none !important; } #empathy div[class*="w-[min(108%"] > div.grid { grid-template-columns: 2.25rem 2.25rem !important; justify-content: center !important; gap: 16px !important; } #empathy :has(> span.font-caveat) { box-shadow: none !important; outline: none !important; border-color: transparent !important; } #empathy-viewport { overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; scrollbar-width: none; padding-left: max(24px, calc((100vw - 1240px) / 2)) !important; padding-right: 24px !important; scroll-padding-left: max(24px, calc((100vw - 1240px) / 2)); } #empathy-viewport::-webkit-scrollbar { display: none; } #empathy-track { transform: none !important; transition: none !important; gap: 24px !important; width: max-content !important; } #empathy-track > article { width: 384px !important; min-width: 384px !important; height: 540px !important; scroll-snap-align: start; justify-content: flex-start !important; text-align: left !important; padding: 28px 28px 24px !important; box-sizing: border-box; } #empathy-track > article h3, #empathy-track > article p { text-align: left !important; } #empathy-track > article > *:has(img), #empathy-track > article .illustration-placeholder { flex: 1 1 auto !important; min-height: 0 !important; } #empathy-track > article img { max-height: 100% !important; object-fit: contain !important; } @media (max-width: 767px) { #empathy-track > article { width: 78vw !important; min-width: 78vw !important; max-width: 320px; height: 460px !important; padding: 24px 20px 20px !important; } } #empathy-ctrl { margin-top: 8px !important; } #empathy-ctrl > div.mt-2 { display: none !important; } #empathy-ctrl > div.grid { gap: 12px !important; } #empathy-ctrl button.grid { width: 44px !important; height: 44px !important; background: #394868 !important; color: #fff !important; border: 0 !important; transition: opacity .2s; } #empathy-ctrl button.grid[aria-disabled="true"] { background: #c9cedb !important; cursor: default; } #empathy-viewport.is-animating { scroll-snap-type: none !important; } #empathy-track > article { transform: none !important; translate: none !important; scale: none !important; transition: opacity 1.4s cubic-bezier(.22,.61,.36,1) !important; } #empathy-track > article > img, #empathy-track > article > video, #empathy-track > article > div:not(.flex) { flex: 1 1 0 !important; min-height: 0 !important; height: auto !important; object-fit: contain !important; object-position: center bottom; } #empathy-track > article > h3, #empathy-track > article > div.flex { flex: 0 0 auto !important; } #empathy-track > article p { word-break: auto-phrase; text-wrap: pretty; } #empathy-track > article { height: 580px !important; } #empathy-track > article > img, #empathy-track > article > video, #empathy-track > article > div:not(.flex) { flex: 0 0 auto !important; width: 100% !important; aspect-ratio: 328 / 300 !important; height: auto !important; translate: none !important; margin: 0 !important; } #empathy-track > article > div.flex { margin-top: auto !important; } @media (max-width: 767px) { #empathy-track > article { height: 480px !important; } } #empathy-track > article > h3 { height: calc(var(--fs-h4) * 1.6 * 2) !important; min-height: 0 !important; } :root { --ff-text: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif; --ink: #1f2940; --fs-body: 17px; --lh-body: 1.75; --lh-lead: 1.75; } @media (max-width: 767px) { :root { --fs-body: 15px; } } body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } p, li, td, th, dd, dt, small, .feature-section span, #experience span:not([class]), .px-4 div.break-words, .px-4 span.break-words, #faq .pt-1, #relief .relief-card-note, #relief .relief-card-note span { font-family: var(--ff-text) !important; letter-spacing: 0.02em; } #relief .relief-intro-bubble p, #relief .relief-card-lead, #relief .relief-lead, #relief .relief-intro-message p, #relief .relief-cta p:first-child, .brand-message-headline, .brand-message-body, #brand p.font-bold, main h1.pb-4 + p.font-semibold, #featured-in h2, #plans .font-semibold:not(li):not(span), #faq .font-semibold:not(li):not(span) { font-family: var(--ff-base) !important; } #relief .relief-card-body p:not(.relief-card-lead), #relief li { color: var(--ink) !important; opacity: 1 !important; font-weight: 400 !important; } #relief .relief-card-body p + p { margin-top: 0.9em !important; } p, li { word-break: auto-phrase; text-wrap: pretty; } :root { --bg: #ffffff; --bg-accent: #f5f6f8; } html, body { background: var(--bg) !important; } #prism { display: none !important; } #key-visual, #brand-message, #empathy, #relief, #featured-in, #compare, #plans, #\33 step, #brand, #news, #blog, #faq { background: var(--bg) !important; } #featured-in, #plans, #blog { background: var(--bg-accent) !important; } #relief .relief-feature-list { background: #ecf7f8 !important; border: 1.5px solid #a2d7dd !important; border-radius: 16px !important; } #relief .relief-feature-list li { padding-left: 36px !important; font-weight: 500 !important; } #relief .relief-feature-list li::before { content: "" !important; position: absolute; left: 0 !important; top: 0.2em !important; width: 22px !important; height: 22px !important; border-radius: 50%; background: #24707a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat !important; } :root { --cta-navy: #394868; --cta-navy-hover: #2b3754; --cta-pink: #E198A6; } a.relief-cta-primary, #compare a.group, #plans a.py-5.rounded-full, #brand a.block { background: var(--cta-navy) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font-weight: 700 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; min-height: 56px !important; padding: 0 12px 0 32px !important; box-shadow: none !important; transition: background-color .2s, transform .2s !important; } #plans a.py-5.rounded-full, #brand a.block { display: flex !important; } a.relief-cta-primary::after, #compare a.group::after, #plans a.py-5.rounded-full::after, #brand a.block::after { content: ""; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: var(--cta-pink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2940' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat; transition: transform .2s; } #compare a.group svg, #compare a.group > span.shrink-0 { display: none !important; } a.relief-cta-primary:hover, #compare a.group:hover, #plans a.py-5.rounded-full:hover, #brand a.block:hover { background: var(--cta-navy-hover) !important; } a.relief-cta-primary:hover::after, #compare a.group:hover::after, #plans a.py-5.rounded-full:hover::after, #brand a.block:hover::after { transform: translateX(4px); } a.relief-cta-secondary, #plans a.py-4.border-2[href] { background: #fff !important; color: var(--cta-navy) !important; border: 2px solid var(--cta-navy) !important; border-radius: 999px !important; font-weight: 700 !important; min-height: 56px !important; transition: background-color .2s !important; } a.relief-cta-secondary:hover, #plans a.py-4.border-2[href]:hover { background: #f5f6f8 !important; } #featured-in .media-row { display:grid !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 40px !important; align-items:center !important; max-width: 1120px; margin-left:auto !important; margin-right:auto !important; } #featured-in .media-row > a { width:auto !important; padding:0 !important; display:flex !important; align-items:center; justify-content:center; height: 96px !important; } #featured-in .media-row img { height: 84px !important; max-height: none !important; max-width: 100% !important; width:auto !important; object-fit: contain; transition:none !important; } #featured-in .media-row img[alt="NHK"] { height: 34px !important; } #featured-in .media-row img[alt="NewsPicks"] { height: 26px !important; } #featured-in .media-row img:hover { transform:none !important; scale:none !important; } @media (max-width: 767px) { #featured-in .media-row { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 24px 28px !important; } #featured-in .media-row > a:first-child { grid-column: 1 / -1; } #featured-in .media-row img { height: 64px !important; } #featured-in .media-row img[alt="NHK"] { height: 24px !important; } #featured-in .media-row img[alt="NewsPicks"] { height: 20px !important; } } :root{ --h2-color:#394868; } #empathy h2, #why-sasenai h2, #relief .relief-headline, #featured-in h2.font-semibold, #compare h2, #plans .font-semibold:not(li):not(span), #\33 step h2, #news h2, #blog h2, #faq .font-semibold:not(li):not(span), .dl-final h2, #with-community h2, .feature-section h2, #experience h2, #functions h2, .feature-cta h2, .plans-section h2, #plan-contact h2, .bg-gradient h2, main h1.pb-4 + p.font-semibold { font-family: var(--ff-base) !important; font-size: var(--fs-h2) !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: 0.01em !important; color: var(--h2-color) !important; } #compare h2 .text-main\/60, #\33 step h2 .font-light { font-weight: 400 !important; } #brand-message p, #brand-message p * { font-family: var(--ff-base) !important; } #relief .relief-intro-wish p, #relief .relief-intro-message p { color: #394868 !important; opacity: 1 !important; } .kv-award-dummy { display: none !important; } #key-visual .kv-badge .absolute{width:84%!important;left:8%!important} #key-visual .kv-badge .absolute > span{white-space:normal;line-height:1.25} #key-visual .kv-badge .absolute > span:nth-of-type(1),#key-visual .kv-badge .absolute > span:nth-of-type(3){font-size:.62rem!important;letter-spacing:.06em} #key-visual .kv-badge .absolute > span:nth-of-type(2){white-space:nowrap;font-size:.8rem!important} #key-visual .kv-badge .absolute > span:nth-of-type(4){font-size:.92rem!important;margin-top:4px} @media(min-width:768px){ #key-visual .hero-badges{gap:40px!important} #key-visual .kv-badge .absolute > span:nth-of-type(1),#key-visual .kv-badge .absolute > span:nth-of-type(3){font-size:.8rem!important} #key-visual .kv-badge .absolute > span:nth-of-type(2){font-size:1rem!important} #key-visual .kv-badge .absolute > span:nth-of-type(4){font-size:1.1rem!important} } #compare th, #compare th span, #compare td, #compare td span { font-family: var(--ff-text) !important; letter-spacing: .02em !important; } #compare th { font-size: 15px !important; } #compare th > span > span:first-child { font-size: 15px !important; font-weight: 700 !important; color: #1f2940 !important; } #compare th > span > span + span { font-size: 13px !important; font-weight: 500 !important; color: #4a5570 !important; } #compare td { font-size: 15px !important; font-weight: 500 !important; color: #1f2940 !important; line-height: 1.6 !important; } #compare td span, #compare td span.block { font-size: 13px !important; font-weight: 400 !important; color: #4a5570 !important; opacity: 1 !important; } #compare td span.font-bold { font-size: 14px !important; font-weight: 700 !important; color: #394868 !important; } #compare td.bg-main\/80, #compare td.bg-main\/80 * { color: #fff !important; font-weight: 700 !important; font-size: 16px !important; } #compare td.bg-accent\/80, #compare td.bg-accent\/80 * { color: #1f2940 !important; font-weight: 700 !important; font-size: 18px !important; } #compare p.mb-1, #compare p.mb-1:first-child, #compare p.mb-1:not(:first-child) { font-size: 13px !important; line-height: 1.7 !important; color: #4a5570 !important; margin-bottom: 2px !important; } @media (max-width: 767px) { #compare th, #compare th > span > span:first-child, #compare td { font-size: 13px !important; } #compare td span { font-size: 12px !important; } } #plans li { font-family: var(--ff-text) !important; font-size: 16px !important; font-weight: 500 !important; color: #1f2940 !important; line-height: 1.6 !important; } #plans h3 { font-size: 22px !important; color: #394868 !important; } #plans .mb-8 span { font-size: 16px !important; color: #4a5570 !important; } #plans div.mb-8:not(:has(span)) { font-size: 30px !important; line-height: 1.3 !important; color: #394868 !important; } #featured-in .am-media{margin:40px 0 0!important} #featured-in .media-row{margin-top:8px!important} #featured-in .am-note{rotate:0deg!important} #featured-in .am-main li{padding:48px 22px 30px!important} #featured-in .am-badge{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px} #featured-in .am-badge img{height:150px;width:auto;opacity:.95} #featured-in .am-in{display:flex;flex-direction:column;align-items:center;width:clamp(150px,60%,210px);gap:4px;margin:0 -6px} #featured-in .am-pre{font-size:12px;font-weight:700;letter-spacing:.14em;color:#5b6884} #featured-in .am-name{font-family:var(--ff-base);font-size:22px;line-height:1.3;color:#1f2940;font-weight:700;word-break:auto-phrase} #featured-in .am-dept{font-size:12px;font-weight:700;color:#5b6884;margin-top:2px} #featured-in .am-ribbon{display:inline-block;margin-top:14px;padding:10px 34px;background:linear-gradient(180deg,#f7e3a0 0%,#e9c860 55%,#d9b244 100%);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%);filter:drop-shadow(0 4px 8px rgba(185,145,40,.25))} #featured-in .am-ribbon span{font-family:var(--ff-base);font-weight:700;font-size:18px;letter-spacing:.18em;color:#5a3f08;text-shadow:0 1px 0 rgba(255,255,255,.6)} #featured-in .am-ribbon span::before,#featured-in .am-ribbon span::after{content:"★";font-size:11px;margin:0 8px;vertical-align:2px;color:#8a6a14} #featured-in .am-yr{margin:10px 0 0;font-family:var(--ff-mono);font-size:13px;letter-spacing:.1em;color:#5b6884} @media(max-width:767px){#featured-in .am-badge img{height:120px}#featured-in .am-name{font-size:19px}} #featured-in .am-in{position:relative} #featured-in .am-pre{position:absolute;bottom:calc(100% + 4px);left:0;right:0;text-align:center} @media(min-width:768px){ #plans .grid.md\:grid-cols-3{gap:24px!important;align-items:center!important} #plans .grid.md\:grid-cols-3 > .md\:scale-110{scale:1.04!important;z-index:2;position:relative;box-shadow:0 16px 40px rgba(57,72,104,.12);border-radius:24px} } #brand{padding:96px 24px 40px!important;min-height:0!important;height:auto!important;display:block!important;background:#fff!important} #brand a.block{display:none!important} #brand p.font-bold{font-family:var(--ff-base)!important;font-size:var(--fs-h2)!important;line-height:1.45!important;font-weight:700!important;color:#394868!important;text-shadow:none!important;margin:0!important} #brand .brand-sub{font-family:var(--ff-text);font-size:17px;line-height:1.75;color:#394868;text-align:center;max-width:620px;margin:16px auto 0} @media(max-width:767px){#brand{padding:64px 20px 28px!important}#brand .brand-sub{font-size:15px}} #faq{padding-top:96px!important} #faq{border-top:0!important} #with-community .wc-voice img{width:150px!important;height:150px!important;flex:0 0 150px;object-fit:contain;object-position:center bottom;display:block;mix-blend-mode:multiply} #with-community .wc-voice figcaption{flex:1;min-width:0;align-self:center;padding:28px 0} #with-community .wc-who{display:block;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;color:#c46f80;margin:0 0 8px} #with-community .wc-voice.kid .wc-who{color:#24707a} @media(max-width:600px){#with-community .wc-voice img{width:110px!important;height:110px!important;flex-basis:110px}#with-community .wc-who{font-size:14px}} #with-community .wc-voice{flex-wrap:wrap;align-items:flex-end;padding-top:30px!important;column-gap:20px} #with-community .wc-voice > .wc-who{flex:0 0 100%;display:block;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;font-size:22px;line-height:1.6;letter-spacing:.02em;color:#394868!important;margin:0 0 6px;text-align:left} #with-community .wc-voice img{width:150px!important;height:127px!important;flex:0 0 150px;object-fit:contain;object-position:center bottom;display:block;mix-blend-mode:multiply;margin:0!important} #with-community .wc-voice.kid img{width:104px!important;flex:0 0 104px;margin:0 23px!important;object-fit:cover;object-position:center top} #with-community .wc-voice figcaption{flex:1;min-width:0;align-self:center;padding:8px 0 24px} @media(max-width:600px){#with-community .wc-voice > .wc-who{font-size:18px} #with-community .wc-voice img{width:110px!important;height:93px!important;flex-basis:110px} #with-community .wc-voice.kid img{width:76px!important;flex-basis:76px;margin:0 17px!important}} #with-community .wc-voice figcaption p{margin-bottom:0} #with-community .wc-voice{padding-left:14px!important;column-gap:12px} #with-community .wc-voice > .wc-who{padding-left:10px} #with-community .wc-voice:not(.kid) img{margin:0 10px 0 -10px!important} #with-community .wc-voice figcaption p{font-size:17px!important;letter-spacing:.01em!important;line-height:1.75!important} @media(max-width:600px){#with-community .wc-voice figcaption p{font-size:15px!important}#with-community .wc-voice figcaption p br{display:none} #with-community .wc-voice:not(.kid) img{margin:0 6px 0 -6px!important}} #with-community .wc-voice > .wc-who{font-size:19px!important;line-height:1.5} #with-community .wc-who small{font-size:12px;font-weight:700;letter-spacing:.04em;margin-right:2px;color:#394868} @media(max-width:600px){#with-community .wc-voice > .wc-who{font-size:17px!important}#with-community .wc-who small{font-size:11px}} #with-community .wc-voice > .wc-who{color:#c46f80!important} #with-community .wc-voice.kid > .wc-who{color:#24707a!important} #with-community .wc-card{transition:border-color .2s,box-shadow .25s,transform .25s} #with-community .wc-card:hover,#with-community .wc-card:focus-visible{border-color:#394868;box-shadow:0 10px 28px rgba(57,72,104,.10);transform:translateY(-2px)} #with-community .wc-more::after{transition:transform .25s cubic-bezier(.3,1.4,.5,1)} #with-community .wc-card:hover .wc-more::after,#with-community .wc-card:focus-visible .wc-more::after{transform:translateX(5px)} #with-community .wc-card:hover .wc-more{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px} @media (hover:none){#with-community .wc-card:hover{transform:none;box-shadow:none}} .hc-meta{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px} .hc-meta li{font:500 13px/1.4 "Noto Sans JP",sans-serif;color:#394868;background:#f1f3f7;border-radius:999px;padding:5px 12px} #plans .pl-year{display:block;margin-top:8px;font:500 13px/1.5 'Noto Sans JP',sans-serif;color:#4a5570} #plans .pl-soon{background:#f5f6f8!important;border-color:#e3e6ec!important;box-shadow:none!important} #plans .pl-soon h3,#plans .pl-soon h3+div,#plans .pl-soon ul{opacity:.45;filter:grayscale(1)} #plans .pl-soon a{pointer-events:none;cursor:default;background:#e3e6ec!important;border-color:#e3e6ec!important;color:#8a93a6!important} #plans .pl-soon a::after{display:none!important} #plans .pl-badge{position:absolute;top:18px;right:18px;font:700 11px/1 'Noto Sans JP',sans-serif;letter-spacing:.12em;color:#fff;background:#8a93a6;border-radius:999px;padding:7px 12px} #trust{padding:40px 16px 64px;background:#fff}#trust .tr-in{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px} #trust .tr-bar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%} #trust .tr-bar li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 16px;border:1.5px solid #e6e9ef;border-radius:20px;background:#fff} #trust .tr-bar li b{font:700 17px/1.4 'Zen Maru Gothic',sans-serif;color:#394868} #trust .tr-bar li span{font:400 14px/1.6 'Noto Sans JP',sans-serif;color:#4a5570} #trust .tr-bar li:first-child b{color:#c46f80} #anshin-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 8px;max-width:980px} #anshin-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid #e6e9ef;font:700 14px/1 "Zen Maru Gothic",sans-serif;color:#394868;text-decoration:none;transition:border-color .2s,transform .2s} #anshin-nav a b{font:700 12px/1 "Noto Sans JP",sans-serif;color:#fff;background:#E198A6;border-radius:999px;padding:4px 7px} #anshin-nav a:hover{border-color:#A2D7DD;transform:translateY(-1px)} @media(min-width:768px){#anshin-nav{flex-wrap:nowrap}} @media(max-width:600px){#trust .tr-bar{grid-template-columns:1fr;gap:10px}#trust .tr-bar li{flex-direction:row;justify-content:flex-start;text-align:left;padding:14px 16px;gap:10px}#trust .tr-bar li b{font-size:15px;white-space:nowrap}#trust .tr-bar li span{font-size:13px}#anshin-nav a{font-size:13px;padding:9px 12px}} #anshin-nav{display:none!important} [id="3step"] .step-cta{border-top:0!important} [id="3step"] .step-cta p{font-family:"Zen Maru Gothic",sans-serif!important;font-size:24px!important;color:#394868!important} @media(max-width:600px){[id="3step"] .step-cta p{font-size:18px!important}} [id="3step"] .cta-sp{display:none} @media(max-width:767px){[id="3step"] .cta-sp{display:inline}[id="3step"] .cta-pc{display:none}} .hc-meta{display:none!important} #trust{display:none!important} /* ===== sasenai-media ===== */ #featured-in .media-row { display:grid !important; grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 40px !important; align-items:center !important; max-width: 1120px; margin-left:auto !important; margin-right:auto !important; } #featured-in .media-row > a { width:auto !important; padding:0 !important; display:flex !important; align-items:center; justify-content:center; height: 72px; } #featured-in .media-row img { max-height: 44px !important; max-width: 100% !important; width:auto !important; height:auto !important; object-fit: contain; transition:none !important; } #featured-in .media-row img:hover { transform:none !important; scale:none !important; } @media (max-width: 767px) { #featured-in .media-row { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 24px 28px !important; } #featured-in .media-row > a:first-child { grid-column: 1 / -1; } } #featured-in .media-row img[alt="NewsPicks"] { height: 26px !important; } @media (max-width: 767px) { #featured-in .media-row img[alt="NewsPicks"] { height: 20px !important; } } /* ===== sasenai-why ===== */ #why-sasenai{background:#fff;padding:120px 24px 128px;font-family:var(--ff-base)} #why-sasenai .why-in{max-width:1180px;margin:0 auto} #why-sasenai .why-kicker{font-family:var(--ff-mono);font-size:13px;letter-spacing:.14em;color:#5b6884;text-align:center;margin:0 0 10px} #why-sasenai h2{font-size:var(--fs-h2);line-height:1.45;font-weight:700;color:#1f2940;text-align:center;margin:0 0 56px;letter-spacing:.01em} #why-sasenai h2 .sp{display:none} #why-sasenai .why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} #why-sasenai .why-card{background:#fff;border:1.5px solid #e6e9ef;border-radius:24px;overflow:hidden;display:flex;flex-direction:column} #why-sasenai .why-art{position:relative;aspect-ratio:16/10;display:grid;place-items:center;color:#394868} #why-sasenai .why-art.pink{background:#fbf0f2}#why-sasenai .why-art.turq{background:#ecf7f8} #why-sasenai .why-art svg{width:72px;height:72px} #why-sasenai .why-art.pink svg{color:#9c4257}#why-sasenai .why-art.turq svg{color:#24707a} #why-sasenai .why-ph{position:absolute;right:14px;bottom:10px;font-size:11px;color:#8a93a8;letter-spacing:.06em} #why-sasenai .why-chip{position:absolute;left:16px;top:16px;background:#394868;color:#fff;font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px} #why-sasenai .why-body{padding:24px 28px 30px} #why-sasenai .why-no{font-family:var(--ff-mono);font-size:14px;color:#E198A6;letter-spacing:.08em} #why-sasenai h3{font-size:var(--fs-h4);line-height:1.5;font-weight:700;color:#1f2940;margin:6px 0 10px} #why-sasenai p{font-family:var(--ff-text);font-size:16px;line-height:1.75;color:#394868;margin:0} #why-sasenai .why-trust{list-style:none;margin:48px 0 0;padding:24px 28px;border-radius:20px;background:#f5f6f8;display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #why-sasenai .why-trust li{display:flex;flex-direction:column;gap:2px;padding-left:16px;border-left:3px solid #A2D7DD} #why-sasenai .why-trust b{font-size:16px;color:#1f2940} #why-sasenai .why-trust span{font-family:var(--ff-text);font-size:13px;color:#4a5570} @media (max-width:1023px){#why-sasenai .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){#why-sasenai{padding:80px 0 88px}#why-sasenai h2{margin-bottom:32px}#why-sasenai h2 .sp{display:inline} #why-sasenai .why-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 20px 8px;scrollbar-width:none} #why-sasenai .why-card{flex:0 0 78vw;max-width:320px;scroll-snap-align:center} #why-sasenai .why-trust{grid-template-columns:1fr;margin:32px 20px 0}} #why-sasenai .why-accent{background-image:linear-gradient(to right bottom in oklab, rgb(225, 152, 166) 0%, rgb(225, 152, 166) 80%, rgb(162, 215, 221) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} /* ===== sasenai-dl ===== */ .dl-header{display:none;align-items:center;height:40px;padding:0 20px;margin-left:auto;margin-right:16px;border-radius:999px;background:#394868;color:#fff!important;font-weight:700;font-size:14px;white-space:nowrap} @media(min-width:1024px){.dl-header{display:inline-flex}} .dl-header:hover{background:#2b3754} .dl-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .dl-store{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 16px;border-radius:12px;background:#111;color:#fff!important;text-decoration:none} .dl-store span{display:flex;flex-direction:column;line-height:1.1;font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:600} .dl-store small{font-size:10px;font-weight:500;letter-spacing:.02em} .dl-hero{margin-top:28px}.dl-note{margin:12px 0 0!important;font-size:14px!important;color:#4a5570;text-align:center} .dl-band{margin-top:40px;padding:32px;border-radius:24px;border:1.5px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap} .dl-band-t{margin:0!important;font-family:var(--ff-base)!important;font-size:24px!important;font-weight:700!important;color:#1f2940!important} .dl-final{background:#f5f6f8;padding:104px 24px;text-align:center} .dl-final-k{font-family:var(--ff-mono)!important;font-size:13px!important;letter-spacing:.14em;color:#5b6884;margin:0 0 10px!important} .dl-final h2{font-family:var(--ff-base);font-size:var(--fs-h2);line-height:1.45;font-weight:700;color:#1f2940;margin:0 0 16px} .dl-final h2 .sp{display:none} .dl-final-p{margin:0 0 32px!important;color:#394868} .dl-sticky{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;display:none;align-items:center;justify-content:center;gap:12px;height:56px;border-radius:999px;background:#394868;color:#fff!important;font-weight:700;font-size:16px;box-shadow:0 8px 24px rgba(31,41,64,.25);transform:translateY(120%);transition:transform .3s} .dl-sticky i{width:30px;height:30px;border-radius:50%;background:#E198A6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2940' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v13M6 12l6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat} .dl-sticky.show{transform:none} @media(max-width:767px){.dl-sticky{display:flex}.dl-final h2 .sp{display:inline}.dl-band{justify-content:center;text-align:center}} @media(min-width:1024px){.dl-hwrap{display:flex!important;align-items:center}} .dl-header{margin-left:0!important} /* ===== sasenai-wc ===== */ #with-community{background:#fff;padding:120px 24px;font-family:var(--ff-base)} #with-community .wc-in{max-width:1120px;margin:0 auto} #with-community .wc-k{font-family:var(--ff-mono);font-size:13px;letter-spacing:.14em;color:#5b6884;text-align:center;margin:0 0 10px} #with-community h2{font-size:var(--fs-h2);line-height:1.45;font-weight:700;color:#1f2940;text-align:center;margin:0 0 48px} #with-community .sp{display:none} #with-community .wc-case{border:1.5px solid #e6e9ef;border-radius:28px;padding:48px} #with-community .wc-tag{display:inline-block;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;background:#fbf0f2;color:#9c4257;margin-bottom:12px} #with-community .wc-tag.t2{background:#ecf7f8;color:#24707a}#with-community .wc-tag.t3{background:#f5f6f8;color:#394868} #with-community h3{font-size:var(--fs-h4);line-height:1.5;font-weight:700;color:#1f2940;margin:0 0 8px} #with-community p{font-family:var(--ff-text);font-size:16px;line-height:1.75;color:#394868;margin:0} #with-community .wc-stats{list-style:none;margin:32px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px} #with-community .wc-stats li{background:#f5f6f8;border-radius:20px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:4px} #with-community .wc-stats b{font-family:var(--ff-base);font-size:52px;line-height:1;font-weight:700;color:#9c4257;letter-spacing:-.01em} #with-community .wc-stats b small{font-size:22px;margin-left:2px} #with-community .wc-stats span{font-size:16px;font-weight:700;color:#1f2940;margin-top:8px} #with-community .wc-stats em{font-style:normal;font-family:var(--ff-text);font-size:13px;color:#4a5570} #with-community .wc-voices{display:grid;grid-template-columns:1fr 1fr;gap:20px} #with-community blockquote{margin:0;padding:22px 24px;border-left:4px solid #E198A6;background:#fff;border-radius:0} #with-community blockquote.kid{border-left-color:#A2D7DD} #with-community blockquote p{font-family:var(--ff-base);font-size:19px;font-weight:700;color:#1f2940;line-height:1.6} #with-community cite{display:block;margin-top:8px;font-style:normal;font-family:var(--ff-text);font-size:13px;color:#4a5570} #with-community .wc-note{margin-top:24px;font-size:12px;color:#5b6884} #with-community .wc-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px} #with-community .wc-card{display:flex;flex-direction:column;border:1.5px solid #e6e9ef;border-radius:24px;padding:32px;text-decoration:none;transition:border-color .2s} #with-community .wc-card:hover{border-color:#394868} #with-community .wc-card p{flex:1} #with-community .wc-more{margin-top:20px;font-weight:700;color:#394868;display:inline-flex;align-items:center;gap:10px} #with-community .wc-more::after{content:"";width:28px;height:28px;border-radius:50%;background:#E198A6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2940' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat} @media(max-width:767px){#with-community{padding:80px 20px}#with-community .sp{display:inline}#with-community .wc-case{padding:28px 22px} #with-community .wc-stats,#with-community .wc-voices,#with-community .wc-cards{grid-template-columns:1fr}#with-community .wc-stats b{font-size:44px}} #with-community .wc-card .wc-tag,#with-community .wc-more{align-self:flex-start} #with-community .wc-hero{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;margin:32px 0;padding:32px 40px;background:#f5f6f8;border-radius:24px} #with-community .wc-big{display:flex;flex-direction:column} #with-community .wc-big b{font-family:var(--ff-base);font-size:96px;line-height:1;font-weight:700;color:#9c4257;letter-spacing:-.02em} #with-community .wc-big b small{font-size:40px;margin-left:4px} #with-community .wc-big span{margin-top:10px;font-size:16px;font-weight:700;color:#1f2940} #with-community .wc-sub p{font-size:16px}#with-community .wc-sub strong{color:#1f2940} #with-community .wc-sub2{margin-top:8px!important;font-size:14px!important;color:#4a5570!important} #with-community .wc-voice{margin:0;display:flex;align-items:flex-end;gap:20px;padding:24px 24px 0;border-radius:20px;background:#fbf0f2;overflow:hidden} #with-community .wc-voice.kid{background:#ecf7f8} #with-community .wc-voice img{width:110px;height:auto;flex:0 0 auto;display:block} #with-community .wc-voice.kid img{width:96px} #with-community .wc-voice figcaption{padding-bottom:24px} #with-community .wc-voice p{font-family:var(--ff-base);font-size:18px;font-weight:700;color:#1f2940;line-height:1.6} #with-community .wc-voice cite{display:block;margin-top:8px;font-style:normal;font-family:var(--ff-text);font-size:13px;color:#4a5570} @media(max-width:767px){#with-community .wc-hero{grid-template-columns:1fr;gap:16px;padding:24px}#with-community .wc-big b{font-size:72px}#with-community .wc-voice img{width:84px}#with-community .wc-voice.kid img{width:74px}} #with-community .wc-big b{color:#24707a!important} #with-community .wc-voice img{width:150px!important}#with-community .wc-voice.kid img{width:100px!important} @media(max-width:767px){#with-community .wc-voice img{width:110px!important}#with-community .wc-voice.kid img{width:76px!important}} #with-community .wc-hero{grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:14px!important;padding:40px 32px!important} #with-community .wc-big{align-items:center} #with-community .wc-voices{margin-top:44px} #with-community .wc-voice{position:relative;overflow:visible!important} #with-community .wc-voice img{border-bottom-left-radius:20px} #with-community .wc-en{position:absolute;left:0;top:0;translate:0 -58%;rotate:-7deg;transform-origin:left center;white-space:nowrap;font-family:Caveat, cursive;font-weight:700;font-size:26px;line-height:1;color:rgb(225, 152, 166)} #with-community .wc-voice.kid .wc-en{color:#5fb3bd} @media(max-width:767px){#with-community .wc-en{font-size:22px}#with-community .wc-voices{gap:40px}} /* ===== sasenai-kvbadge ===== */ #key-visual .kv-badge .absolute{width:62%;left:19%} #key-visual .kv-badge .absolute > span{white-space:normal;line-height:1.25} #key-visual .kv-badge .absolute > span:nth-of-type(1),#key-visual .kv-badge .absolute > span:nth-of-type(3){font-size:.62rem!important;letter-spacing:.06em} #key-visual .kv-badge .absolute > span:nth-of-type(2){font-size:.86rem!important} #key-visual .kv-badge .absolute > span:nth-of-type(4){font-size:.92rem!important;margin-top:4px} @media(min-width:768px){#key-visual .kv-badge .absolute > span:nth-of-type(1),#key-visual .kv-badge .absolute > span:nth-of-type(3){font-size:.8rem!important}#key-visual .kv-badge .absolute > span:nth-of-type(2){font-size:1.05rem!important}#key-visual .kv-badge .absolute > span:nth-of-type(4){font-size:1.1rem!important}} @media(min-width:768px){#key-visual .hero-badges{gap:40px!important}} #key-visual .kv-badge .absolute{width:84%!important;left:8%!important} #key-visual .kv-badge .absolute > span:nth-of-type(2){white-space:nowrap;font-size:.8rem!important} @media(min-width:768px){#key-visual .kv-badge .absolute > span:nth-of-type(2){font-size:1rem!important}} /* ===== sasenai-awards ===== */ #featured-in .am-note{font-family:Caveat, cursive;font-size:26px;color:#E198A6;text-align:center;margin:-4px 0 0;rotate:-3deg} #featured-in .am-wrap{max-width:1120px;margin:56px auto 0;font-family:var(--ff-base)} #featured-in .am-main{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px} #featured-in .am-main li{position:relative;border-radius:32px;padding:44px 20px 28px;text-align:center;background:#fff;box-shadow:0 10px 30px rgba(57,72,104,.07)} #featured-in .am-main li.pink{background:linear-gradient(180deg,#fdf1f3 0%,#fff 70%)} #featured-in .am-main li.turq{background:linear-gradient(180deg,#eaf6f7 0%,#fff 70%)} #featured-in .am-main li.cream{background:linear-gradient(180deg,#fbf6e6 0%,#fff 70%)} #featured-in .am-hand{position:absolute;left:18px;top:0;translate:0 -50%;rotate:-6deg;font-family:Caveat, cursive;font-size:28px;line-height:1;white-space:nowrap} #featured-in li.pink .am-hand{color:#E198A6}#featured-in li.turq .am-hand{color:#5fb3bd}#featured-in li.cream .am-hand{color:#c9a227} #featured-in .am-badge{display:flex;align-items:center;justify-content:center;gap:4px} #featured-in .am-badge img{height:118px;width:auto;flex:0 0 auto} #featured-in .am-in{display:flex;flex-direction:column;align-items:center;min-width:0} #featured-in .am-y{font-family:Caveat, cursive;font-size:24px;color:#394868;line-height:1} #featured-in .am-top{font-size:12px;font-weight:700;letter-spacing:.12em;color:#5b6884;margin-top:6px} #featured-in .am-in b{font-size:17px;line-height:1.35;color:#1f2940;font-weight:700} #featured-in .am-res{display:inline-block;margin:14px 0 0!important;padding:6px 18px;border-radius:999px;background:#394868;color:#fff!important;font-family:var(--ff-base)!important;font-size:15px!important;font-weight:700!important} #featured-in .am-ex{margin:10px 0 0!important;font-family:var(--ff-text)!important;font-size:13px!important;color:#4a5570!important} #featured-in .am-ribbons{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px} #featured-in .am-rb{display:flex;align-items:center;gap:12px;padding:12px 22px 12px 12px;background:#fff;border-radius:999px;box-shadow:0 6px 18px rgba(57,72,104,.06)} #featured-in .am-ry{font-family:Caveat, cursive;font-size:20px;line-height:1;background:#A2D7DD;color:#1f2940;border-radius:999px;padding:6px 10px} #featured-in .am-rn{font-size:14px;font-weight:700;color:#1f2940} #featured-in .am-rr{font-family:var(--ff-text);font-size:13px;color:#9c4257;font-weight:700} #featured-in .am-sel{margin-top:24px;text-align:center} #featured-in .am-sel summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#394868;padding:10px 20px;border-radius:999px;background:#fff;border:1.5px dashed #A2D7DD} #featured-in .am-sel summary::-webkit-details-marker{display:none} #featured-in .am-sel summary::after{content:"+";font-size:18px;line-height:1;color:#24707a} #featured-in .am-sel[open] summary::after{content:"−"} #featured-in .am-sel ul{list-style:none;margin:18px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:960px} #featured-in .am-sel li{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 16px 8px 8px;font-family:var(--ff-text);font-size:13px;color:#394868} #featured-in .am-cy{font-family:Caveat, cursive;font-size:16px;background:#fbf0f2;color:#9c4257;border-radius:999px;padding:3px 9px;line-height:1} #featured-in .am-cr{font-weight:700;color:#1f2940} #featured-in .am-media{text-align:center;margin:64px 0 4px!important} #featured-in .am-media span{font-family:Caveat, cursive;font-size:30px;color:#394868;display:inline-block;rotate:-3deg} @media(max-width:1023px){#featured-in .am-main{grid-template-columns:1fr;max-width:420px;margin:0 auto;gap:36px}} @media(max-width:767px){#featured-in .am-wrap{padding:0 20px}#featured-in .am-badge img{height:96px}#featured-in .am-rb{border-radius:20px;flex-wrap:wrap}} #featured-in .am-media{margin:40px 0 0!important} #featured-in .media-row{margin-top:8px!important} #featured-in .am-note{rotate:0deg!important} #featured-in .am-main li{padding:48px 22px 30px!important} #featured-in .am-badge{position:relative;gap:0!important;min-height:150px} #featured-in .am-badge img{height:150px!important;opacity:.95} #featured-in .am-in{width:clamp(150px,60%,210px);gap:4px;margin:0 -6px} #featured-in .am-pre{font-size:12px;font-weight:700;letter-spacing:.14em;color:#5b6884} #featured-in .am-name{font-family:var(--ff-base);font-size:22px!important;line-height:1.3!important;color:#1f2940!important;font-weight:700;word-break:auto-phrase} #featured-in .am-dept{font-size:12px;font-weight:700;color:#5b6884;margin-top:2px} #featured-in .am-ribbon{position:relative;display:inline-block;margin-top:14px;padding:10px 34px;background:linear-gradient(180deg,#f7e3a0 0%,#e9c860 55%,#d9b244 100%);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 50%,100% 100%,0 100%,14px 50%);filter:drop-shadow(0 4px 8px rgba(185,145,40,.25))} #featured-in .am-ribbon span{font-family:var(--ff-base);font-weight:700;font-size:18px;letter-spacing:.18em;color:#5a3f08;text-shadow:0 1px 0 rgba(255,255,255,.6)} #featured-in .am-ribbon span::before,#featured-in .am-ribbon span::after{content:"★";font-size:11px;margin:0 8px;vertical-align:2px;color:#8a6a14} #featured-in .am-yr{margin:10px 0 0!important;font-family:var(--ff-mono)!important;font-size:13px!important;letter-spacing:.1em;color:#5b6884!important;display:flex;flex-direction:column;gap:4px;align-items:center} #featured-in .am-ex2{font-family:var(--ff-text);letter-spacing:.02em;font-size:12px;color:#4a5570} #featured-in .am-main li:not(.is-in) .am-ribbon{scale:.6;opacity:0} #featured-in .am-ribbon{transition:scale .5s cubic-bezier(.34,1.56,.64,1) .6s,opacity .3s .6s} @media(max-width:767px){#featured-in .am-badge img{height:120px!important}#featured-in .am-name{font-size:19px!important}} #featured-in .am-main li{padding:36px 20px 20px!important} #featured-in .am-badge{min-height:0!important} #featured-in .am-badge img{height:126px!important} #featured-in .am-ribbon{margin-top:8px!important} #featured-in .am-yr{margin-top:6px!important} #featured-in .am-ribbon-wrap{position:relative;display:inline-block} .cf{position:absolute;left:50%;top:50%;width:7px;height:11px;border-radius:2px;pointer-events:none;opacity:0;animation:cf .9s cubic-bezier(.15,.7,.3,1) forwards} @keyframes cf{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}80%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}} #featured-in .am-ribbon.long{padding:10px 26px}#featured-in .am-ribbon.long span{font-size:15px;letter-spacing:.08em} .cf{z-index:5;animation-duration:1.2s!important} #featured-in .am-in{position:relative} #featured-in .am-pre{position:absolute;bottom:calc(100% + 4px);left:0;right:0;text-align:center} #featured-in .am-badge .cf{top:6%} /* ===== sasenai-motion ===== */ :root{--ease-pop:cubic-bezier(.34,1.56,.64,1);--ease-soft:cubic-bezier(.22,.61,.36,1)} @media all{ .mx-reveal{opacity:0;translate:0 24px;transition:opacity .6s var(--ease-soft),translate .7s var(--ease-pop);transition-delay:var(--d,0s)} .mx-reveal.is-in{opacity:1;translate:0 0} .mx-pop svg,.mx-pop .why-art svg{transition:scale .5s var(--ease-pop) calc(var(--d,0s) + .25s)} .mx-pop:not(.is-in) .why-art svg{scale:.6} .why-card:hover .why-art svg{animation:mxBounce .5s var(--ease-pop)} @keyframes mxBounce{0%{scale:1}40%{scale:1.15}100%{scale:1}} .mx-write{clip-path:inset(-20% 100% -20% -5%);transition:clip-path 1.1s var(--ease-soft) .2s} .mx-write.is-in{clip-path:inset(-20% -5% -20% -5%)} .mx-line{position:absolute;left:-2%;bottom:-.18em;width:104%;height:.38em;overflow:visible;pointer-events:none} .mx-line path{fill:none;stroke:#E198A6;stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1s var(--ease-soft) .35s} .is-in .mx-line path,.mx-line.is-in path{stroke-dashoffset:0} .am-badge img{transition:rotate .8s var(--ease-pop) .2s,scale .8s var(--ease-pop) .2s} .am-main li:not(.is-in) .am-badge img:first-child{rotate:18deg;scale:.85} .am-main li:not(.is-in) .am-badge img:last-child{rotate:-18deg;scale:.85} .am-res{transition:scale .45s var(--ease-pop) .7s,opacity .3s .7s} .am-main li:not(.is-in) .am-res{scale:.4;opacity:0} #relief .relief-feature-list li::before{transition:scale .4s var(--ease-pop) calc(.4s + var(--i,0)*.15s)} #relief .relief-feature-list:not(.is-in) li::before{scale:0} } /* button feel */ a.relief-cta-primary,#compare a.group,#plans a.py-5.rounded-full,#brand a.block,.dl-header,.dl-store,.dl-sticky,a.relief-cta-secondary,#plans a.py-4.border-2[href]{transition:translate .2s var(--ease-pop),box-shadow .2s,background-color .2s!important} a.relief-cta-primary:hover,#compare a.group:hover,#plans a.py-5.rounded-full:hover,#brand a.block:hover,.dl-header:hover,.dl-store:hover,a.relief-cta-secondary:hover,#plans a.py-4.border-2[href]:hover{translate:0 -2px;box-shadow:0 8px 18px rgba(57,72,104,.18)!important} a.relief-cta-primary:active,#compare a.group:active,#plans a.py-5.rounded-full:active,#brand a.block:active,.dl-header:active,.dl-store:active,.dl-sticky:active,a.relief-cta-secondary:active{translate:0 1px;box-shadow:none!important} .dl-sticky.show{animation:mxBounceIn .6s var(--ease-pop)} @keyframes mxBounceIn{0%{transform:translateY(120%)}70%{transform:translateY(-6%)}100%{transform:none}} /* ===== sasenai-fl2 ===== */ .floating-cta a span{font-family:var(--ff-base)!important;letter-spacing:.18em!important;color:#394868}@media(max-width:767px){.floating-cta{display:none!important}} /* ===== sasenai-nb ===== */ #news-blog{background:#f5f6f8;padding:100px 0 40px} #news-blog .nb-in{text-align:center;padding:0 24px} #news-blog .nb-k{font-family:var(--ff-mono);font-size:13px;letter-spacing:.14em;color:#5b6884;margin:0 0 8px} #news-blog h2{font-family:var(--ff-base);font-size:var(--fs-h2);font-weight:700;line-height:1.45;color:#394868;margin:0 0 28px} #news-blog .nb-tabs{display:inline-flex;gap:6px;padding:6px;background:#fff;border-radius:999px;box-shadow:0 4px 14px rgba(57,72,104,.06)} #news-blog .nb-tabs button{border:0;background:transparent;font-family:var(--ff-base);font-weight:700;font-size:15px;color:#394868;padding:10px 28px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s} #news-blog .nb-tabs button[aria-selected="true"]{background:#394868;color:#fff} #news-blog #news,#news-blog #blog{background:transparent!important;padding-top:24px!important} #news-blog #news h2,#news-blog #blog h2{display:none!important} #brand a.block{display:none!important} #brand{padding-top:40px!important;padding-bottom:72px!important} #brand{padding:96px 24px 40px!important;min-height:0!important;height:auto!important;display:block!important;background:#fff!important} #brand > *{min-height:0!important} #brand p.font-bold{font-family:var(--ff-base)!important;font-size:var(--fs-h2)!important;line-height:1.45!important;font-weight:700!important;color:#394868!important;text-shadow:none!important;margin:0!important} #brand p.font-bold .sp{display:none} #brand .brand-sub{font-family:var(--ff-text);font-size:17px;line-height:1.75;color:#394868;text-align:center;max-width:620px;margin:16px auto 0} @media(max-width:767px){#brand{padding:64px 20px 28px!important}#brand p.font-bold .sp{display:inline}#brand .brand-sub{font-size:15px}} #faq{padding-top:96px!important;margin-top:0!important}#faq > *:first-child{margin-top:0!important;padding-top:0!important}#faq{border-top:0!important} /* ===== sasenai-px ===== */ .mx-px{transition:transform .15s linear} /* ===== sasenai-statD ===== */ .wc-big b{position:relative;display:inline-block;font-variant-numeric:tabular-nums;min-width:3.2ch;text-align:center}.wc-big b.st-pop{animation:stPop .55s cubic-bezier(.2,1.6,.4,1)}@keyframes stPop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}.st-star{position:absolute;width:18px;height:18px;pointer-events:none;transform:scale(0) rotate(0);animation:stStar .9s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes stStar{50%{transform:scale(1.2) rotate(45deg)}100%{transform:scale(0) rotate(90deg)}} /* ===== sasenai-wcwho ===== */ #with-community .wc-voice{flex-wrap:wrap;align-items:flex-end;padding-top:30px!important;column-gap:20px} #with-community .wc-voice > .wc-who{flex:0 0 100%;display:block;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;font-size:22px;line-height:1.6;letter-spacing:.02em;color:#394868!important;margin:0 0 6px;text-align:left} #with-community .wc-voice img{width:150px!important;height:127px!important;flex:0 0 150px;object-fit:contain;object-position:center bottom;display:block;mix-blend-mode:multiply;margin:0!important} #with-community .wc-voice.kid img{width:104px!important;flex:0 0 104px;margin:0 23px!important;object-fit:cover;object-position:center top} #with-community .wc-voice figcaption{flex:1;min-width:0;align-self:center;padding:8px 0 24px} @media(max-width:600px){#with-community .wc-voice > .wc-who{font-size:18px} #with-community .wc-voice img{width:110px!important;height:93px!important;flex-basis:110px} #with-community .wc-voice.kid img{width:76px!important;flex-basis:76px;margin:0 17px!important}} #with-community .wc-voice figcaption p{margin-bottom:0} #with-community .wc-voice{padding-left:14px!important;column-gap:12px} #with-community .wc-voice > .wc-who{padding-left:10px} #with-community .wc-voice figcaption p{font-size:17px!important;letter-spacing:.01em!important;line-height:1.75!important} @media(max-width:600px){#with-community .wc-voice figcaption p{font-size:15px!important}#with-community .wc-voice figcaption p br{display:none}} #with-community .wc-voice:not(.kid) img{margin:0 10px 0 -10px!important}@media(max-width:600px){#with-community .wc-voice:not(.kid) img{margin:0 6px 0 -6px!important}}#with-community .wc-voice > .wc-who{font-size:19px!important;line-height:1.5}#with-community .wc-who small{font-size:12px;font-weight:700;letter-spacing:.04em;margin-right:2px;color:#394868}@media(max-width:600px){#with-community .wc-voice > .wc-who{font-size:17px!important}#with-community .wc-who small{font-size:11px}}#with-community .wc-voice > .wc-who{color:#c46f80!important}#with-community .wc-voice.kid > .wc-who{color:#24707a!important} /* ===== sasenai-hc ===== */ .hc-meta{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}.hc-meta li{font:500 13px/1.4 "Noto Sans JP",sans-serif;color:#394868;background:#f1f3f7;border-radius:999px;padding:5px 12px} /* ===== sasenai-wccard ===== */ #with-community .wc-card{transition:border-color .2s,box-shadow .25s,transform .25s} #with-community .wc-card:hover,#with-community .wc-card:focus-visible{border-color:#394868;box-shadow:0 10px 28px rgba(57,72,104,.10);transform:translateY(-2px)} #with-community .wc-more::after{transition:transform .25s cubic-bezier(.3,1.4,.5,1)} #with-community .wc-card:hover .wc-more::after,#with-community .wc-card:focus-visible .wc-more::after{transform:translateX(5px)} #with-community .wc-card:hover .wc-more{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px} @media (hover:none){#with-community .wc-card:hover{transform:none;box-shadow:none}} /* ===== sasenai-cmp26 ===== */ #cp-gps{margin-top:16px;border:1.5px solid #e6e9ef;border-radius:16px;background:#fff}#cp-gps summary{cursor:pointer;list-style:none;padding:14px 18px;font:700 15px/1.4 'Zen Maru Gothic',sans-serif;color:#394868;display:flex;align-items:center;gap:8px}#cp-gps summary::-webkit-details-marker{display:none}#cp-gps summary::before{content:"i";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ecf7f8;color:#24707a;font:700 12px/1 serif}#cp-gps summary::after{content:"＋";margin-left:auto;color:#8a93a6}#cp-gps[open] summary::after{content:"－"}#cp-gps div{padding:0 18px 16px}#cp-gps p{margin:0 0 10px;font:400 14px/1.8 'Noto Sans JP',sans-serif;color:#394868}#cp-gps p b{color:#394868} /* ===== sasenai-town ===== */ #town{position:relative;overflow:hidden;background:#eaf6fb}#town .tw-stage{position:relative;width:100%;aspect-ratio:3/2;margin:0 auto}#town .tw-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .8s}#town .tw-layer{position:absolute;inset:0;pointer-events:none}#town .tw-b{position:absolute;--tx0:-50%;--ty0:calc(-100% - 14px);transform:translate(var(--tx0),var(--ty0)) scale(.85);opacity:0;transition:opacity .45s ease,transform .5s cubic-bezier(.3,1.5,.5,1);width:max-content;max-width:360px}#town .tw-b.l{--tx0:-24px}#town .tw-b.r{--tx0:calc(-100% + 24px)}#town .tw-b.dn{--ty0:14px}#town .tw-b.on{opacity:1;transform:translate(var(--tx0),var(--ty0)) scale(1)}#town .tw-card{position:relative;background:#fff;border-radius:18px;padding:12px 16px 13px;box-shadow:0 6px 20px rgba(57,72,104,.16)}#town .tw-card::after{content:"";position:absolute;bottom:-9px;left:50%;width:18px;height:18px;background:#fff;transform:translateX(-50%) rotate(45deg);border-radius:3px}#town .tw-card::after{margin-left:var(--tx,0px)}#town .tw-b.dn .tw-card::after{bottom:auto;top:-9px}#town .tw-b.l .tw-card::after{left:24px}#town .tw-b.r .tw-card::after{left:auto;right:6px}#town .tw-who{display:block;font:700 11px/1.3 "Noto Sans JP",sans-serif;color:#24707a;margin-bottom:3px;letter-spacing:.04em}#town .tw-t{display:block;font:700 15px/1.6 "Zen Maru Gothic",sans-serif;color:#394868;white-space:normal;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}#town .tw-note{position:absolute;right:12px;bottom:10px;font:500 11px/1 "Noto Sans JP",sans-serif;color:#394868;background:rgba(255,255,255,.8);padding:5px 8px;border-radius:6px}#town .tw-fx i{position:absolute;top:-6%;display:block;opacity:.9;animation:twFall linear infinite}@keyframes twFall{0%{transform:translate(0,0) rotate(0)}100%{transform:translate(var(--dx),115vh) rotate(var(--rot))}}#town .tw-fx.spring i{width:10px;height:8px;background:#f6c1cc;border-radius:80% 0 80% 0}#town .tw-fx.autumn i{width:12px;height:9px;border-radius:60% 0 60% 0}#town .tw-fx.winter i{width:7px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 4px rgba(255,255,255,.9)}#town .tw-fx.summer i{top:auto;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 8px 2px rgba(255,255,255,.9);animation:twTw ease-in-out infinite}@keyframes twTw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}@media(max-width:767px){#town .tw-stage{aspect-ratio:1/1}#town .tw-img{object-position:center}#town .tw-b{max-width:min(240px,62vw)}#town .tw-card{padding:10px 12px 11px;border-radius:14px}#town .tw-t{font-size:13px;line-height:1.55}#town .tw-who{font-size:10px}#town .tw-note{font-size:10px}}#town .tw-seasons{position:absolute;left:12px;top:12px;z-index:5;display:flex;gap:6px;background:rgba(255,255,255,.85);padding:6px;border-radius:999px;box-shadow:0 4px 14px rgba(57,72,104,.12)}#town .tw-seasons small{font:600 11px/26px "Noto Sans JP";color:#8a93a6;padding:0 6px}#town .tw-seasons button{font:700 12px/1 "Noto Sans JP";padding:7px 12px;border-radius:999px;border:0;background:transparent;color:#394868;cursor:pointer}#town .tw-seasons button.on{background:#394868;color:#fff}#town{min-height:0!important;height:auto!important} /* ===== sasenai-relief2 ===== */ #trust{padding:40px 16px 64px;background:#fff}#trust .tr-in{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}#anshin-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 8px;max-width:820px}#anshin-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid #e6e9ef;font:700 14px/1 "Zen Maru Gothic",sans-serif;color:#394868;text-decoration:none;transition:border-color .2s,transform .2s}#anshin-nav a b{font:700 12px/1 "Noto Sans JP",sans-serif;color:#fff;background:#E198A6;border-radius:999px;padding:4px 7px}#anshin-nav a:hover{border-color:#A2D7DD;transform:translateY(-1px)}@media(max-width:600px){#anshin-nav a{font-size:13px;padding:9px 12px}} /* ===== sasenai-relief-sp ===== */ @media(max-width:767px){#relief .relief-cards{flex-direction:row!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:4px 16px 8px;scroll-padding:0 16px}#relief .relief-cards::-webkit-scrollbar{display:none}#relief .relief-card{flex:0 0 86%;scroll-snap-align:center;background:#fff!important;border:1.5px solid #e6e9ef;border-radius:24px;padding:20px 18px 22px!important;box-shadow:0 6px 18px rgba(57,72,104,.08);opacity:1!important;transform:none!important}#relief .relief-card-inner{display:flex!important;flex-direction:column;gap:16px!important}#relief .relief-card-illustration{order:-1;aspect-ratio:4/3!important;max-height:210px;width:100%;border-radius:16px;overflow:hidden}#relief .relief-card-text h3{font-size:20px!important;line-height:1.5!important}#relief .relief-card-text p{font-size:14px!important;line-height:1.75!important}#relief .relief-card-text ul li{font-size:13px!important}#anshin-nav{flex-wrap:nowrap!important;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:16px -16px 12px;padding:0 16px;gap:8px}#anshin-nav::-webkit-scrollbar{display:none}#anshin-nav a{flex:0 0 auto;font-size:12px!important;padding:8px 12px!important}#anshin-nav a.on{background:#394868;border-color:#394868;color:#fff}#anshin-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}#anshin-dots i{width:8px;height:8px;border-radius:50%;background:#d5dae3;transition:all .25s}#anshin-dots i.on{width:22px;border-radius:99px;background:#E198A6}}@media(min-width:768px){#anshin-dots{display:none}}@media(max-width:767px){#relief .relief-card-text > *:first-child{font-size:28px!important;line-height:1!important;margin:0 0 6px!important}#relief .relief-card-text h3{margin:0 0 12px!important}#relief .relief-card-illustration{max-height:180px}#relief .relief-card-text p{margin:0 0 8px!important}} /* ===== sasenai-relief-road ===== */ #relief .relief-cards{position:relative}#relief .rr-road{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}#relief .relief-card{position:relative;z-index:1}#relief .rr-ill{opacity:0;transform:translateX(var(--rr-x,40px)) scale(.96);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}#relief .rr-ill.rr-in{opacity:1;transform:none}#relief .rr-goal-pop{animation:rrPop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes rrPop{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}#relief .rr-stars{position:absolute;pointer-events:none}#relief .rr-star{position:absolute;transform:translate(-50%,-50%) scale(0);animation:rrStar 1.6s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes rrStar{0%{transform:translate(-50%,-50%) scale(0) rotate(0)}30%{transform:translate(-50%,-50%) scale(1.25) rotate(40deg)}60%{transform:translate(-50%,-50%) scale(.9) rotate(70deg)}100%{transform:translate(-50%,-50%) scale(0) rotate(120deg)}}#relief .rr-ring{position:absolute;left:50%;top:-18px;width:14px;height:14px;border:3px solid #A2D7DD;border-radius:50%;transform:translate(-50%,-50%) scale(.3);opacity:.9;animation:rrRing 1s ease-out forwards}@keyframes rrRing{to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media(max-width:767px){#relief .rr-road{display:none}#relief .rr-ill{opacity:1!important;transform:none!important}} /* ===== sasenai-cmp3 ===== */ #cmp3{max-width:960px;margin:0 auto}#cmp3 .c3-legend{display:flex;justify-content:flex-end;gap:16px;margin:0 0 10px;font:500 12px/1 "Noto Sans JP",sans-serif;color:#4a5570}#cmp3 .c3-legend span{display:inline-flex;align-items:center;gap:6px}#cmp3 .c3-legend .c3-m{width:18px;height:18px}#cmp3 .c3-scroll{overflow-x:auto}#cmp3 table.c3{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1.5px solid #e6e9ef;border-radius:20px;overflow:hidden;font-family:"Noto Sans JP",sans-serif;color:#394868;table-layout:fixed}#cmp3 th,#cmp3 td{padding:14px 10px;border-bottom:1px solid #eef0f4;text-align:center;vertical-align:middle}#cmp3 thead th{padding:22px 10px 16px;background:#fff;font-weight:400}#cmp3 thead th b{display:block;font:700 17px/1.3 "Zen Maru Gothic",sans-serif;color:#394868}#cmp3 thead th small{display:block;margin-top:4px;font:500 12px/1.45 "Noto Sans JP",sans-serif;color:#4a5570}#cmp3 .c3-lab{width:30%;text-align:left;padding-left:22px;font:700 15px/1.5 "Noto Sans JP",sans-serif;color:#394868}#cmp3 thead .c3-lab{font:700 13px/1 "Noto Sans JP",sans-serif;color:#8a93a6}#cmp3 .c3-lab small{display:block;margin-top:2px;font:400 12px/1.5 "Noto Sans JP",sans-serif;color:#6b7590}#cmp3 .c3-only{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:#E198A6;color:#fff;font:700 10px/1.2 "Noto Sans JP",sans-serif;font-style:normal;vertical-align:2px}#cmp3 .c3-sa{background:#fdf2f4;border-left:2.5px solid #E198A6;border-right:2.5px solid #E198A6}#cmp3 thead .c3-sa{border-top:2.5px solid #E198A6;border-radius:0;background:#fdf2f4;position:relative}#cmp3 thead .c3-head b{font-size:22px;letter-spacing:.02em}#cmp3 .c3-rec{display:inline-block;margin-bottom:6px;padding:3px 10px;border-radius:999px;background:#E198A6;color:#fff;font:700 11px/1.3 "Noto Sans JP",sans-serif}#cmp3 tbody tr:last-child .c3-sa{border-bottom:2.5px solid #E198A6}#cmp3 .c3-g th{padding:10px 22px;text-align:left;background:#f5f6f8;font:700 13px/1 "Noto Sans JP",sans-serif;color:#394868;letter-spacing:.06em}#cmp3 .c3-g th{border-left:0;border-right:0}#cmp3 .c3-m{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;vertical-align:middle}#cmp3 .c3-m svg{width:72%;height:72%}#cmp3 .c3-win{background:#24a3ad}#cmp3 .c3-ok{background:#fff;border:1.5px solid #cfd5e0}#cmp3 .c3-none{color:#c2c8d3;font:700 16px/1 "Noto Sans JP",sans-serif}#cmp3 .c3-v{display:inline-flex;align-items:center;gap:6px;font:700 15px/1.4 "Noto Sans JP",sans-serif;color:#394868}#cmp3 .c3-v.win{color:#1b7f88}#cmp3 .c3-v.none{color:#8a93a6;font-weight:500}#cmp3 .c3-dot{width:8px;height:8px;border-radius:50%;background:#24a3ad;display:inline-block}#cmp3 .c3-s{display:block;margin-top:4px;font:400 12px/1.5 "Noto Sans JP",sans-serif;color:#6b7590}#cmp3 .c3-tbd{display:inline-block;margin-top:6px;padding:3px 6px;border-radius:6px;background:#fef3c7;color:#b45309;font:600 10px/1 "Noto Sans JP",sans-serif}#cmp3 .c3-total th,#cmp3 .c3-total td{background:#394868;border-bottom:0;padding:18px 10px}#cmp3 .c3-total .c3-lab{color:#fff;font-size:16px}#cmp3 .c3-total .c3-v,#cmp3 .c3-total .c3-v.none{color:#fff;font-size:17px;font-weight:700}#cmp3 .c3-total .c3-sa{background:#E198A6}#cmp3 .c3-total .c3-sa .c3-v{color:#fff;font-size:22px}@media(max-width:600px){#cmp3 table.c3{min-width:560px}#cmp3 .c3-lab{width:32%;padding-left:12px;font-size:13px}#cmp3 th,#cmp3 td{padding:12px 6px}#cmp3 .c3-v{font-size:13px}#cmp3 thead th b{font-size:14px}#cmp3 thead .c3-head b{font-size:17px}#cmp3 .c3-s{font-size:11px}#cmp3 .c3-m{width:24px;height:24px}#cmp3 .c3-legend{justify-content:center}}#cmp3 td .c3-m+.c3-v{display:block;margin-top:6px}#cmp3 .c3-tg th{cursor:pointer;user-select:none}#cmp3 .c3-tgl{float:right;font:500 12px/1 "Noto Sans JP",sans-serif!important;color:#8a93a6!important;letter-spacing:.02em}#cmp3 tr.c3-fold{display:none}#cmp3 tr.c3-fold.is-show{display:table-row}#cmp3 .c3-total .c3-m{display:none}#cmp3 .c3-v.c3-plain{font-weight:500!important;color:#4a5570!important}#cmp3 .c3-v.c3-bad{color:#c4536b!important;font-weight:800!important;font-size:16px!important}#cmp3 .c3-v{font-size:15px!important;font-weight:700!important;line-height:1.4!important}#cmp3 .c3-v.win{color:#1b7f88!important}#cmp3 .c3-v.none{color:#8a93a6!important;font-weight:500!important}#cmp3 .c3-v.ok{color:#394868!important}#cmp3 .c3-s{font-size:12px!important;line-height:1.5!important;color:#6b7590!important}#cmp3 .c3-lab{font-size:15px!important}#cmp3 .c3-lab small{font-size:12px!important}#cmp3 thead th b{font-size:17px!important}#cmp3 thead .c3-head b{font-size:24px!important}#cmp3 thead th small{font-size:12px!important}#cmp3 .c3-total .c3-lab{padding-left:22px!important}#cmp3 .c3-total .c3-v,#cmp3 .c3-total .c3-v.none{color:#fff!important;font-size:18px!important}#cmp3 .c3-total .c3-sa .c3-v{font-size:24px!important;color:#fff!important}#cmp3-notes{margin-top:14px;padding:0 6px}#cmp3-notes p{margin:0 0 4px;font:400 12px/1.7 "Noto Sans JP",sans-serif;color:#6b7590}@media(max-width:600px){#cmp3 .c3-v{font-size:13px!important}#cmp3 .c3-lab{font-size:13px!important}#cmp3 thead .c3-head b{font-size:18px!important}#cmp3 thead th b{font-size:14px!important}}#cmp3 .c3-kid th{background:#fdf2f4!important;color:#c46f80!important;font:700 15px/1.3 "Zen Maru Gothic",sans-serif!important;padding:14px 22px!important;border-top:2px solid #f3d3da}#cmp3 .c3-kidnote{display:inline-block;margin-left:12px;font:500 12px/1 "Noto Sans JP",sans-serif;color:#8a93a6;letter-spacing:0}@media(max-width:600px){#cmp3 .c3-kidnote{display:block;margin:6px 0 0}}#cmp3 .c3-kid .c3-kidnote{font:500 12px/1 "Noto Sans JP",sans-serif!important;color:#8a93a6!important}#cmp3 .c3-lab{width:26%!important}#cmp3 td .c3-s{word-break:keep-all}#cmp3 .c3-list{list-style:none;margin:0 auto;padding:0;display:inline-flex;flex-direction:column;gap:6px;text-align:left}#cmp3 .c3-list li{display:flex;align-items:center;gap:6px;font:600 13px/1.4 "Noto Sans JP",sans-serif!important;color:#394868!important;word-break:keep-all}#cmp3 .c3-list i{flex:0 0 18px;height:18px;display:grid;place-items:center}#cmp3 .c3-list i svg{width:18px;height:18px}#cmp3 .c3-list i svg path{stroke:#1b7f88;stroke-width:3.4}#cmp3 tr.c3-kidrow th.c3-lab{background:#fffaf0}#cmp3 tr.c3-kidrow td:not(.c3-sa){background:#fff}#cmp3 td.c3-listcell{vertical-align:top!important}#cmp3 .c3-sa .c3-list li{font-weight:700!important}#cmp3 .c3-kid.c3-safe th{background:#ecf7f8!important;color:#24707a!important;border-top:2px solid #cfe9ec!important}@media(max-width:600px){#cmp3 table.c3{min-width:520px!important}}#cmp3 .c3-list li{white-space:normal!important;word-break:keep-all} /* ===== sasenai-stepcta ===== */ [id="3step"] .step-cta{border-top:0!important}[id="3step"] .step-cta p{font-family:"Zen Maru Gothic",sans-serif!important;font-size:24px!important;color:#394868!important}@media(max-width:600px){[id="3step"] .step-cta p{font-size:18px!important}}[id="3step"] .cta-sp{display:none}@media(max-width:767px){[id="3step"] .cta-sp{display:inline}[id="3step"] .cta-pc{display:none}} /* ===== sasenai-plans-simple ===== */ #plans-simple{max-width:1040px;margin:48px auto 0;text-align:center}#plans-simple .ps-lead{font:700 32px/1.4 "Zen Maru Gothic",sans-serif;color:#394868;margin:0 0 10px}#plans-simple .ps-sub{font:400 16px/1.8 "Noto Sans JP",sans-serif;color:#5b6680;margin:0 0 48px}#plans-simple .ps-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center;text-align:left;padding:16px 0}#plans-simple .ps-card{position:relative;background:#fff;border:2px solid #e6e9ef;border-radius:28px;padding:32px 26px 28px;cursor:pointer;outline:none;transition:transform .35s cubic-bezier(.2,1.2,.4,1),box-shadow .3s,border-color .3s,opacity .3s}#plans-simple .ps-card:hover{border-color:#cfe9ec}#plans-simple .ps-card:focus-visible{box-shadow:0 0 0 4px rgba(162,215,221,.6)}#plans-simple.has-sel .ps-card:not(.is-sel){transform:scale(.95)}#plans-simple .ps-card.is-sel{transform:scale(1.06);z-index:2;border-color:#A2D7DD;box-shadow:0 16px 40px rgba(36,112,122,.18)}#plans-simple .ps-badge{position:absolute;top:-18px;left:50%;width:36px;height:36px;margin-left:-18px;border-radius:50%;background:#24a3ad url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%273.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 0 0 5px #fff;opacity:0;transform:scale(.4);transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1)}#plans-simple .is-sel .ps-badge{opacity:1;transform:none}#plans-simple .ps-tag{text-align:center;font:700 13px/1.4 "Zen Maru Gothic",sans-serif;color:#8a93a6;margin:0 0 6px}#plans-simple .is-sel .ps-tag{color:#c46f80}#plans-simple .ps-name{font:700 26px/1 "Zen Maru Gothic",sans-serif;color:#394868;text-align:center;margin:0 0 12px;letter-spacing:.04em;transition:color .3s}#plans-simple .is-sel .ps-name{color:#24707a}#plans-simple .ps-price{font:500 15px/1.4 "Noto Sans JP",sans-serif;color:#5b6680;text-align:center;margin:0 0 10px}#plans-simple .ps-price b{font-size:20px;color:#394868;margin:0 2px}#plans-simple .ps-per{display:table;margin:0 auto 6px;padding:6px 14px;border-radius:999px;background:#ecf7f8;font:500 13px/1.4 "Noto Sans JP",sans-serif;color:#24707a}#plans-simple .ps-per b{font-size:15px}#plans-simple .ps-per sup{font-size:9px;margin-left:2px}#plans-simple .ps-per-free{background:#fbeef1;color:#c46f80}#plans-simple .ps-who{text-align:center;font:400 12px/1.4 "Noto Sans JP",sans-serif;color:#8a93a6;margin:0 0 20px}#plans-simple ul{list-style:none;margin:0;padding:18px 0 0;border-top:1.5px dashed #e6e9ef;display:flex;flex-direction:column;gap:12px}#plans-simple li{display:flex;gap:10px;align-items:flex-start;font:500 14px/1.55 "Noto Sans JP",sans-serif}#plans-simple li span{color:#394868!important}#plans-simple li.off span{color:#b3bac7!important}#plans-simple li i{flex:0 0 20px;height:20px;border-radius:50%;margin-top:1px;background-position:center;background-repeat:no-repeat;background-size:11px}#plans-simple .ps-y{background-color:#A2D7DD;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27/%3E%3C/svg%3E")}#plans-simple .ps-n{background-color:#eef0f4;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b3bac7%27 stroke-width=%273.6%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M7 7l10 10M17 7L7 17%27/%3E%3C/svg%3E")}#plans-simple .ps-soon{background:#f7f8fa;cursor:default;align-self:stretch}#plans-simple .ps-soon:hover{border-color:#e6e9ef}#plans-simple .ps-soon .ps-name{color:#8a93a6}#plans-simple .ps-mask{filter:blur(3px);opacity:.55;pointer-events:none;user-select:none}#plans-simple .ps-mask i,#plans-simple .ps-mask b{display:inline-block;height:.9em;border-radius:99px;background:#cfd5df;vertical-align:middle}#plans-simple p.ps-mask{display:block;text-align:center;background:none;padding:0;margin:0 auto 12px}#plans-simple ul.ps-mask li{align-items:center}#plans-simple ul.ps-mask li i{background-color:#cfd5df;background-image:none}#plans-simple .ps-soon-msg{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);margin:0;padding:10px 22px;border-radius:999px;background:#fff;box-shadow:0 4px 16px rgba(57,72,104,.12);font:700 15px/1 "Zen Maru Gothic",sans-serif;color:#394868;white-space:nowrap}#plans-simple .ps-cs{position:absolute;top:-11px;right:22px;font:700 10px/1 "Noto Sans JP",sans-serif;letter-spacing:.08em;color:#fff;background:#8a93a6;border-radius:999px;padding:6px 10px;box-shadow:0 0 0 4px #fff}#plans-simple .ps-cta{margin:44px 0 0}#plans-simple .ps-btn{display:inline-block;min-width:320px;padding:20px 40px;border-radius:999px;background:#E198A6;color:#fff;font:700 18px/1 "Zen Maru Gothic",sans-serif;text-decoration:none;box-shadow:0 6px 0 #c46f80;transition:transform .15s,box-shadow .15s}#plans-simple .ps-btn:hover{transform:translateY(3px);box-shadow:0 3px 0 #c46f80}#plans-simple .ps-trial{margin:18px 0 0;min-height:1.8em;font:400 14px/1.8 "Noto Sans JP",sans-serif;color:#5b6680}#plans-simple .ps-notes{max-width:720px;margin:20px auto 0;font:400 12px/1.7 "Noto Sans JP",sans-serif;color:#8a93a6;text-align:left}#plans-simple .ps-links{display:flex;justify-content:center;gap:28px;margin:22px 0 0}#plans-simple .ps-links a{font:700 15px/1 "Noto Sans JP",sans-serif;color:#394868;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#A2D7DD;text-decoration-thickness:2px}#plans-simple .ps-sp{display:none}@media(max-width:767px){#plans-simple{margin-top:28px}#plans-simple .ps-lead{font-size:24px}#plans-simple .ps-sub{font-size:14px;margin-bottom:32px}#plans-simple .ps-cards{grid-template-columns:1fr;gap:28px}#plans-simple .ps-lite{order:-1}#plans-simple.has-sel .ps-card:not(.is-sel){transform:none}#plans-simple .ps-card.is-sel{transform:scale(1.03)}#plans-simple .ps-card{padding:28px 20px 22px}#plans-simple .ps-btn{min-width:0;width:100%;font-size:17px}#plans-simple .ps-sp{display:inline}#plans-simple .ps-trial{font-size:13px}#plans-simple .ps-links{flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){#plans-simple .ps-card,#plans-simple .ps-badge{transition:none}} /* ===== sasenai-anshin-ill ===== */ #relief .ly-host{position:relative;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;opacity:1!important;transform:none!important}#relief .ly-host > :not(.ly-stage){display:none!important}#relief .ly-stage{position:absolute;left:50%;top:50%;width:100%;max-height:100%;aspect-ratio:4/5;transform:translate(-50%,-50%)}#relief .ly-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;transform-origin:var(--ox) var(--oy)}#relief .ly-go .ly-stage img{animation:var(--in) var(--dur) var(--d) both, var(--idle-name, none) var(--idle, 1s) calc(var(--d) + var(--dur))}@keyframes ly-hop{0%{opacity:0;transform:translateY(10%) scale(.9,.9)}35%{opacity:1;transform:translateY(-4%) scale(.96,1.05)}62%{transform:translateY(0) scale(1.07,.92)}80%{transform:translateY(-1%) scale(.98,1.02)}100%{opacity:1;transform:none}}@keyframes ly-rise{0%{opacity:0;transform:translateY(5%) scale(.97)}60%{opacity:1;transform:translateY(-.8%) scale(1.01)}100%{opacity:1;transform:none}}@keyframes ly-pop{0%{opacity:0;transform:scale(.2)}45%{opacity:1;transform:scale(1.12)}65%{transform:scale(.94)}82%{transform:scale(1.03)}100%{opacity:1;transform:none}}@keyframes ly-banner{0%{opacity:0;transform:translateY(-14%) scale(.98)}55%{opacity:1;transform:translateY(1.2%)}75%{transform:translateY(-.4%)}100%{opacity:1;transform:none}}@keyframes ly-drive{0%{opacity:0;transform:translateX(-30%)}15%{opacity:1}30%{transform:translateX(-20%) translateY(-.6%)}45%{transform:translateX(-11%) translateY(0)}60%{transform:translateX(-4%) translateY(-.5%)}78%{transform:translateX(1%) rotate(-2deg)}90%{transform:rotate(1deg)}100%{opacity:1;transform:none}}@keyframes ly-draw{0%{opacity:1;clip-path:inset(-5% calc(105% - var(--l)) -5% -5%);transform:scale(.96)}100%{opacity:1;clip-path:inset(-5% -5% -5% -5%);transform:none}}@keyframes ly-bob{to{translate:0 -.8%}}@keyframes ly-breathe{to{scale:1 1.012}}@keyframes ly-float{to{translate:0 -1.4%}}@keyframes ly-spin{to{rotate:360deg}}@keyframes ly-sway{from{rotate:-4deg}to{rotate:4deg}}@keyframes ly-twinkle{from{scale:.9;opacity:.75}to{scale:1.12;opacity:1}}@keyframes ly-bounce{to{translate:0 -2.2%}}@keyframes ly-tick{0%{rotate:-3deg}100%{rotate:3deg}}@keyframes ly-wiggle{0%,70%,100%{rotate:0}78%{rotate:-5deg}86%{rotate:4deg}94%{rotate:-2deg}}@keyframes ly-rumble{to{translate:0 -.25%}}@keyframes ly-drip{0%{translate:0 0;opacity:1}80%{translate:0 1.6%;opacity:.2}100%{translate:0 0;opacity:1}}@keyframes ly-wave{from{rotate:-1.5deg}to{rotate:1.5deg}} /* ===== sasenai-hfaq ===== */ #hfaq{display:flex;flex-direction:column;gap:14px;margin-top:8px} #hfaq .hq{border:1.5px solid #e6e9ef;border-radius:20px;background:#fff;transition:border-color .2s} #hfaq .hq[open]{border-color:#A2D7DD} #hfaq summary{list-style:none;display:flex;align-items:center;gap:14px;padding:20px 22px;cursor:pointer} #hfaq summary::-webkit-details-marker{display:none} #hfaq .hq-q,#hfaq .hq-al{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 17px/1 'Zen Maru Gothic',sans-serif} #hfaq .hq-q{background:#394868;color:#fff} #hfaq .hq-al{background:#ecf7f8;color:#24707a} #hfaq .hq-t{flex:1;font:700 17px/1.6 'Zen Maru Gothic',sans-serif;color:#394868} #hfaq .hq-ic{flex:0 0 28px;height:28px;border-radius:50%;background:#f1f3f7;position:relative;transition:background .2s} #hfaq .hq-ic::before,#hfaq .hq-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#394868;border-radius:2px;transform:translate(-50%,-50%)} #hfaq .hq-ic::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s} #hfaq .hq[open] .hq-ic{background:#E198A6} #hfaq .hq[open] .hq-ic::before,#hfaq .hq[open] .hq-ic::after{background:#fff} #hfaq .hq[open] .hq-ic::after{transform:translate(-50%,-50%) rotate(0)} #hfaq summary:hover .hq-t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px} #hfaq .hq-a{display:flex;gap:14px;padding:0 22px 22px;align-items:flex-start} #hfaq .hq-a p{margin:4px 0 0;font:400 16px/1.8 'Noto Sans JP',sans-serif;color:#394868} #hfaq .hq-more{align-self:center;margin-top:18px;display:inline-flex;align-items:center;gap:10px;font:700 16px/1 'Noto Sans JP',sans-serif;color:#394868;text-decoration:none} #hfaq .hq-more::after{content:"";width:28px;height:28px;border-radius:50%;background:#E198A6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23394868' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .25s} #hfaq .hq-more:hover::after{transform:translateX(5px)} @media(max-width:600px){#hfaq summary{padding:16px;gap:10px}#hfaq .hq-t{font-size:15px}#hfaq .hq-q,#hfaq .hq-al{flex-basis:28px;height:28px;font-size:15px}#hfaq .hq-a{padding:0 16px 18px;gap:10px}#hfaq .hq-a p{font-size:15px}} #hfaq .hq-a{overflow:hidden;padding-bottom:0!important} #hfaq .hq-a > *{margin-bottom:22px;transition:opacity .3s ease,transform .35s ease} #hfaq .hq.closing .hq-a > *,#hfaq .hq.opening-start .hq-a > *{opacity:0;transform:translateY(-6px)} #hfaq .hq-ic{transition:transform .35s cubic-bezier(.3,1.4,.5,1),background .2s} #hfaq .hq[open]:not(.closing) .hq-ic{transform:rotate(180deg)} #hfaq .hq.closing .hq-ic{background:#f1f3f7} #hfaq .hq.closing .hq-ic::before,#hfaq .hq.closing .hq-ic::after{background:#394868} #hfaq .hq.closing .hq-ic::after{transform:translate(-50%,-50%) rotate(90deg)} @media(max-width:600px){#hfaq .hq-a > *{margin-bottom:18px}} @media (prefers-reduced-motion:reduce){#hfaq .hq-a > *,#hfaq .hq-ic{transition:none}} #hfaq .hq-a > p,#hfaq .hq-a > .hq-al{margin-bottom:24px!important} @media(max-width:600px){#hfaq .hq-a > p,#hfaq .hq-a > .hq-al{margin-bottom:18px!important}} #hfaq .hq-a > p,#hfaq .hq-a > .hq-al{margin-bottom:24px!important}@media(max-width:600px){#hfaq .hq-a > p,#hfaq .hq-a > .hq-al{margin-bottom:18px!important}} /* ===== sasenai-rfnote ===== */ #relief .rf-mark{font-size:.6em;vertical-align:super;line-height:0;margin-left:1px;font-weight:500}#relief .rf-note{margin:10px 0 0!important;font:400 12px/1.7 "Noto Sans JP",sans-serif!important;color:#6b7590!important} /* ===== sasenai-media2 ===== */ #featured-in .media-row{max-width:1200px!important;gap:24px!important}#featured-in .media-row > a{height:96px!important}#featured-in .media-row img{max-height:none!important;max-width:100%!important;height:72px!important;width:auto!important}#featured-in .media-row img[alt="NHK"]{height:48px!important}#featured-in .media-row img[alt="NewsPicks"]{height:38px!important}@media(max-width:767px){#featured-in .media-row{gap:20px 24px!important}#featured-in .media-row > a{height:72px!important}#featured-in .media-row img{height:60px!important}#featured-in .media-row img[alt="NHK"]{height:36px!important}#featured-in .media-row img[alt="NewsPicks"]{height:28px!important}} /* ===== sasenai-navpos ===== */ @media(min-width:1024px){.sasenai-site-header__inner > nav.sasenai-site-header__nav{margin-left:auto!important;margin-right:36px!important}} /* ===== sasenai-hfhead ===== */ #hfaq-head{text-align:center;margin:0 0 40px}#hfaq-head .hfk{font:500 13px/1.4 "DM Mono",monospace!important;letter-spacing:.14em!important;color:#5b6884!important;margin:0 0 8px!important}#hfaq-head .hfh{font-family:"Zen Maru Gothic",sans-serif!important;font-size:var(--fs-h2,44px)!important;line-height:1.45!important;font-weight:700!important;color:#394868!important;margin:0!important} /* ===== sasenai-wcimg ===== */ #with-community .wc-voice img{mix-blend-mode:normal!important} /* ===== sasenai-nbmore ===== */ #news-blog .nb-more{display:flex;justify-content:flex-end;margin-top:28px} /* ===== sasenai-hfaqlink ===== */ #hfaq .hq-a p a{color:#24707a;text-decoration:underline;text-underline-offset:3px} /* ===== sasenai-lypx ===== */ #relief .ly-px{position:absolute;inset:0;pointer-events:none;will-change:transform} /* ===== sasenai-mxreset ===== */ .mx-reset,.mx-reset *{transition:none!important;animation:none!important} /* ===== mxw-style ===== */ .mx-write{clip-path:none!important;transition:none!important}.mx-write .mxw-ch{display:inline-block;white-space:pre;opacity:0;transform:translateY(.35em) scale(.6) rotate(-8deg);transition:opacity .18s ease-out,transform .32s cubic-bezier(.34,1.7,.64,1);transition-delay:calc(var(--i)*38ms + .05s)}.mx-write.is-in .mxw-ch{opacity:1;transform:none}.mx-reset .mx-write .mxw-ch{transition:none!important} /* ===== emp-sub-style ===== */ #empathy-track article p.emp-sub{font-size:13px!important;line-height:1.7!important;color:#6b7590!important;margin-top:8px!important;text-align:left!important;font-weight:400!important} /* ===== emp-h3-style ===== */ #empathy-track article h3,#empathy-track article h3 span.inline-block{line-height:1.45!important}#empathy-track article h3 span.inline-block{display:block!important}#empathy-track article h3 br{display:none!important} /* ===== emp-w-style ===== */ #empathy-track article div:has(> p.emp-sub){flex:1 1 auto;min-width:0}#empathy-track article p.leading-\[1\.75\]{width:auto!important;flex:1 1 auto} /* ===== emp-note-style ===== */ #empathy-track .emp-mark{font-size:.6em;vertical-align:super;margin-left:1px}#empathy-track article p.emp-cnote{position:absolute!important;left:8px;right:0;top:calc(100% + 6px);margin:0!important;font-size:11px!important;line-height:1.5!important;color:#6b7590!important;text-align:left!important;white-space:nowrap;font-weight:400!important}#empathy-viewport{padding-bottom:36px!important} /* ===== emp-cardimg-style ===== */ #empathy-track .emp-card-img{display:block;width:100%;height:300px;object-fit:contain;object-position:center bottom;margin:0 auto}@media(max-width:767px){#empathy-track .emp-card-img{height:auto;aspect-ratio:984/900}} /* ===== fv-bg-style ===== */ #key-visual{position:relative;isolation:isolate}#key-visual>#fv-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}#fv-bg img{width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:767px){#key-visual{background:linear-gradient(rgb(224,236,248) 0,rgb(224,236,248) 60px,#fff 61px)}#key-visual>#fv-bg{top:56px;bottom:auto;height:auto}#fv-bg img{height:auto;aspect-ratio:1080/1920;display:block}#key-visual .hero-badges{transform:none!important;margin-top:var(--fv-badge-gap,0px)}} /* ===== fv-gap ===== */ @media(max-width:767px){#key-visual .hero-badges{row-gap:0!important}#key-visual .hero-badges+*,#key-visual .container.pt-20{padding-bottom:104px!important}#key-visual .hero-scroll{bottom:10px!important}#key-visual .hero-scroll>span{margin-bottom:6px!important}#key-visual .hero-scroll>div{height:40px!important}#brand-message{padding-top:56px!important}} /* ===== fv-copy-css ===== */ #key-visual .fv-copy{max-width:none;font-weight:700;line-height:1.4}#key-visual .fv-label{display:inline-block;margin-bottom:14px;padding:4px 14px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.12em;opacity:.85}#key-visual .fv-main{display:block;font-size:clamp(25px,6.6vw,42px);letter-spacing:.04em;line-height:1.45}#key-visual .fv-main em{font-style:normal;color:#D8899A;background:linear-gradient(transparent 62%,rgba(245,215,110,.75) 62%,rgba(245,215,110,.75) 92%,transparent 92%);padding:0 .08em}@media(min-width:768px){#key-visual .fv-br{display:none}#key-visual .fv-label{font-size:15px;margin-bottom:18px}}@media(max-width:767px){#key-visual .hero-content{margin-top:4px!important}#key-visual .fv-label{margin-bottom:10px}#key-visual .fv-copy{margin-top:-4px}}#key-visual .fv-copy,#key-visual .fv-label,#key-visual .fv-main{font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif}#key-visual .fv-main{font-weight:700;letter-spacing:.02em}#key-visual .fv-label{font-weight:500;letter-spacing:.1em} /* ===== fv-anshin ===== */ #key-visual .fv-main em{display:inline-block;animation:fvFade .6s ease-out .2s both}@keyframes fvFade{from{opacity:0}to{opacity:1}} /* ===== fv-sp2 ===== */ #key-visual .fv-label-sp{display:none}@media(max-width:767px){#key-visual .fv-label-sp{display:inline-block;font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif;margin:0 0 8px}#key-visual .fv-copy .fv-label{display:none}#key-visual .fv-copy{margin-top:2px!important}#key-visual .container.pt-20{padding-top:64px!important}#key-visual .fv-l2{font-size:1.3em;line-height:1.3}} /* ===== rt-css ===== */ #relief .relief-card-body p:not(.relief-card-lead):not(.rt-answer){display:none!important} #relief .relief-card .rf-note{display:none!important} #relief .rt-answer{font-size:15px!important;line-height:1.85!important;color:#394868;margin:0 0 4px!important} #relief .relief-card-body{margin-bottom:20px!important} #relief .rt-notes{max-width:1080px;margin:20px auto 0;padding:0 16px;font-size:11px;line-height:1.7;color:#6b7590;text-align:left} #relief .rt-notes p{margin:0} #relief .relief-intro{margin-bottom:48px!important} #relief .relief-intro .flex.justify-center{margin:16px 0 20px!important} #relief .relief-intro-divider{margin:20px auto!important} #relief .relief-header{margin-bottom:32px!important} #relief .rt-dots{display:none} @keyframes rtFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media(min-width:1024px){ #relief .rt-tabs{display:none!important} } @media(max-width:1023px){ #relief .relief-cards.rt-on svg.rr-road,#relief .relief-cards.rt-on > svg{display:none!important} #relief .rt-tabs{display:none} #relief .relief-cards.rt-on{display:flex!important;flex-direction:row!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 8px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch} #relief .relief-cards.rt-on::-webkit-scrollbar{display:none} #relief .relief-cards.rt-on > .relief-card{display:block!important;flex:0 0 86%!important;max-width:420px;scroll-snap-align:start;scroll-margin-left:16px;opacity:1!important;transform:none!important;background:#fff!important;border-radius:22px;padding:16px 18px 22px!important;box-shadow:0 6px 24px rgba(57,72,104,.08);margin:0!important} #relief .relief-cards.rt-on .relief-card-inner{display:flex!important;flex-direction:column!important;gap:14px!important;width:auto!important;max-width:none!important} #relief .relief-cards.rt-on .relief-card-illustration{order:-1;width:100%!important;max-width:none!important;aspect-ratio:4/3!important;height:auto!important;max-height:none!important;margin:0!important} #relief .relief-cards.rt-on .relief-card-text{opacity:1!important;transform:none!important} #relief .relief-cards.rt-on .relief-card-title{font-size:20px!important;margin-bottom:12px!important} #relief .rt-dots{display:flex;justify-content:center;gap:8px;margin-top:14px} #relief .rt-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(57,72,104,.2);transition:all .25s} #relief .rt-dots button.is-on{width:22px;background:#E198A6} } /* ===== rt-txt-css ===== */ #relief .relief-card-lead{display:none!important}#relief .rt-answer .rt-a1{display:block;font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:17px;line-height:1.7;color:#394868;margin-bottom:8px}#relief .rt-answer .rt-a2{display:block;font-size:15px;line-height:1.9;color:#4a5677}@media(max-width:1023px){#relief .rt-answer .rt-a1{font-size:16px}#relief .rt-answer .rt-a2{font-size:14px}} /* ===== rt-split-css ===== */ #relief .rt-piece{position:relative;overflow:hidden;flex:none} #relief .rt-pin{position:absolute} #relief .rt-ph{aspect-ratio:1/1;border:2px dashed rgba(57,72,104,.25);border-radius:24px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.7;color:#7a84a0;background:rgba(162,215,221,.12)}#relief .rt-pin img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain} #relief .rt-head{display:flex;align-items:center;gap:14px;margin-bottom:16px} #relief .rt-head .relief-card-title{margin:0!important;text-align:left!important} #relief .relief-card.rt-split{position:relative} #relief .relief-card.rt-meas{display:block!important;position:absolute!important;visibility:hidden!important;left:0;right:0} @media(min-width:1024px){ #relief .rt-split .rt-piece{display:none!important} #relief .rt-head{margin-bottom:24px} } @media(max-width:1023px){ #relief .relief-card.rt-split .relief-card-illustration{display:none!important} #relief .rt-pa{width:64px} #relief .rt-head{gap:10px;margin-bottom:12px} #relief .rt-split .relief-card-number{text-align:left!important;align-self:flex-start} #relief .rt-split .relief-card-title{font-size:19px!important} #relief .rt-pb{width:62%;display:block;margin:6px -6px -10px auto} } /* ===== rt-pcsp-css ===== */ #relief .rt-sp-t{display:none}@media(min-width:1024px){#relief .rt-answer,#relief .rt-notes{display:none!important}#relief .relief-cards .relief-card .relief-card-body p:not(.rt-answer){display:block!important}#relief .relief-cards .relief-card .rf-note{display:block!important}#relief .relief-card-body{margin-bottom:2rem!important}#relief .rt-head{display:contents!important}#relief .rt-head .relief-card-title{margin:0 0 1.5rem!important}#relief .relief-card-body,#relief .rt-head{min-height:0!important}}@media(max-width:1023px){#relief .rt-pc-t{display:none}#relief .rt-sp-t{display:inline}} /* ===== rt-spicon-css ===== */ #relief .rt-crop{position:relative;overflow:hidden}@media(max-width:1023px){#relief .rt-split .rt-pb{display:none!important}#relief .rt-pa{width:clamp(56px,18vw,78px)!important;height:clamp(56px,18vw,78px)!important;display:flex!important;align-items:center;justify-content:center;flex:none}#relief .rt-head{gap:10px!important;align-items:center!important;min-height:clamp(56px,18vw,78px);align-self:stretch!important;width:100%!important;justify-content:flex-start!important}#relief .relief-cards .rt-split .rt-head .relief-card-title{font-size:clamp(15.5px,4.8vw,19px)!important;line-height:1.42!important;font-feature-settings:"palt";letter-spacing:.01em!important}#relief .relief-card.rt-split{padding-bottom:20px!important}#relief .rt-notes{display:none!important}#relief .relief-cards .relief-card .rf-note{display:block!important;margin:8px 2px 0!important;font-size:11px!important;line-height:1.6!important;color:#6b7590!important;text-align:left!important}#relief .relief-cards.rt-on > .relief-card.rt-split{flex-basis:88%!important;padding-left:16px!important;padding-right:14px!important}#relief .rt-answer .rt-a1{font-size:15px!important}#relief .rt-head{gap:8px!important}}#relief .rt-dots{display:none!important} /* ===== rt-faq-css ===== */ #relief .rt-faq-link{color:inherit;text-decoration:underline;text-underline-offset:2px}#relief .rt-faq-link:hover{color:#E198A6} /* ===== mxw-word-css ===== */ .mxw-word{display:inline-block;white-space:nowrap} /* ===== cmp-note-css ===== */ html body #compare p.cmp-note.cmp-note.cmp-note{font-size:12px!important;line-height:1.7!important;font-weight:400!important;color:rgb(107,117,144)!important;margin:0 0 4px!important}html body #compare p.cmp-note.cmp-note.cmp-note:last-child{margin-bottom:0!important} /* ===== dl-sticky-fix ===== */ .dl-sticky i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='3' width='10' height='18' rx='2.5'/%3E%3Cpath d='M11 17.5h2'/%3E%3C/svg%3E")!important;background-size:16px 16px!important;background-repeat:no-repeat!important;background-position:center!important}@media(max-width:1023px){.dl-sticky{bottom:calc(16px + env(safe-area-inset-bottom))!important}.to-top{right:20px!important;bottom:calc(16px + 56px + 20px + env(safe-area-inset-bottom))!important}} /* ===== tt-show-css ===== */ .to-top{transition:opacity .3s,translate .3s!important}.to-top.tt-show{opacity:1!important;pointer-events:auto!important;visibility:visible!important}.to-top:not(.tt-show){pointer-events:none!important} /* ===== emp-fit-css ===== */ #empathy-track>article .more-link{display:none!important}@media(max-width:1023px){#empathy-track{align-items:stretch!important}#empathy-track>article{height:auto!important;min-height:480px}#empathy-track .emp-card-img{max-height:320px!important;width:100%!important;object-fit:contain!important}} /* ===== export: 書き出し時に追加 ===== */ [hidden]{display:none!important} .nb-list:empty{min-height:120px}