/* Local native article shell. No STUDIO runtime or generated selectors. */
.onhen-souken-article{box-sizing:border-box}
.onhen-souken-article { --main:#C2410C; --deep:#7C2D12; --orange:#EA580C; --pale:#FFF7ED; --pale2:#FFF1E6; --ink:#1f2937; --sub:#6b7280; --line:#e5e7eb;
  font-family:"Hiragino Sans","Noto Sans JP",sans-serif; color:var(--ink); line-height:1.9; font-size:16px; max-width:760px; margin:0 auto; padding:16px; }
.onhen-souken-article * { box-sizing:border-box; }
.onhen-souken-article .onhen-breadcrumb { font-size:12px; color:var(--sub); margin-bottom:12px; }
.onhen-souken-article .onhen-breadcrumb a { color:var(--sub); text-decoration:none; }
.onhen-souken-article h1, .onhen-souken-article h2, .onhen-souken-article h3, .onhen-souken-article .onhen-tl-when, .onhen-souken-article summary, .onhen-souken-article .onhen-video-title, .onhen-souken-article .onhen-book-title, .onhen-souken-article .onhen-video-card span, .onhen-souken-article .onhen-bar-label, .onhen-souken-article th { word-break:auto-phrase; }
.onhen-souken-article h1 > span, .onhen-souken-article h2 > span, .onhen-souken-article h3 > span, .onhen-souken-article .onhen-tl-when > span { display:inline-block; }
.onhen-souken-article h1 { font-size:26px; line-height:1.5; margin:8px 0 12px; color:var(--deep); }
.onhen-souken-article .onhen-meta { font-size:13px; color:var(--sub); margin-bottom:20px; }
.onhen-souken-article h2 { font-size:21px; line-height:1.5; margin:44px 0 16px; padding:10px 14px; background:var(--pale); border-radius:6px; }
.onhen-souken-article h3 { font-size:17px; margin:28px 0 10px; padding-bottom:6px; border-bottom:2px solid var(--line); color:var(--deep); }
.onhen-souken-article p { margin:0 0 16px; }
.onhen-souken-article ul, .onhen-souken-article ol { margin:0 0 16px; padding-left:22px; }
.onhen-souken-article li { margin-bottom:6px; }
.onhen-souken-article .onhen-lead { margin:0 0 20px; }
.onhen-souken-article .onhen-lead p:last-child { margin-bottom:0; }
.onhen-souken-article .onhen-note { font-size:13px; color:var(--sub); background:#faf9f8; border:1px solid var(--line); border-radius:8px; padding:10px 14px; margin:0 0 16px; }
.onhen-souken-article .onhen-kpi-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 16px; }
@media (min-width:560px){ .onhen-souken-article .onhen-kpi-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.onhen-souken-article .onhen-kpi { background:var(--pale); border-radius:10px; padding:12px 10px; text-align:center; }
.onhen-souken-article .onhen-kpi b { display:block; font-size:18px; color:var(--deep); line-height:1.4; }
.onhen-souken-article .onhen-kpi b .onhen-seg { display:inline-block; white-space:nowrap; }
.onhen-souken-article .onhen-kpi span { display:block; font-size:12px; color:var(--sub); margin-top:2px; }
.onhen-souken-article .onhen-scroll { overflow-x:auto; }
.onhen-souken-article table.onhen-spec { width:100%; border-collapse:collapse; font-size:14px; margin:0 0 12px; }
.onhen-souken-article table.onhen-spec th { text-align:left; background:var(--pale); color:var(--deep); padding:9px 10px; border:1px solid #f0dccb; vertical-align:top; font-weight:600; }
.onhen-souken-article table.onhen-spec td { padding:9px 10px; border:1px solid var(--line); vertical-align:top; }
.onhen-souken-article table.onhen-data { width:100%; border-collapse:collapse; font-size:14px; margin:0 0 12px; min-width:520px; }
.onhen-souken-article table.onhen-data th { background:var(--pale); color:var(--deep); padding:8px 9px; border:1px solid #f0dccb; text-align:left; font-weight:600; white-space:nowrap; }
.onhen-souken-article table.onhen-data td { padding:8px 9px; border:1px solid var(--line); white-space:nowrap; }
.onhen-souken-article .onhen-timeline { list-style:none; padding:0; margin:0 0 20px; border-left:3px solid #e2e8f0; }
.onhen-souken-article .onhen-timeline li { position:relative; margin:0 0 20px 0; padding:0 0 0 20px; }
.onhen-souken-article .onhen-timeline li::before { content:""; position:absolute; left:-8px; top:8px; width:13px; height:13px; border-radius:50%; background:var(--main); }
.onhen-souken-article .onhen-timeline b.onhen-tl-when { display:inline-block; font-size:13px; color:#fff; background:var(--main); border-radius:8px; padding:3px 12px; margin-bottom:6px; }
.onhen-souken-article .onhen-nowrap { white-space:nowrap; }
.onhen-souken-article blockquote.onhen-voice { margin:0 0 8px; padding:14px 16px; background:#faf7f5; border-radius:8px; font-size:15px; }
.onhen-souken-article blockquote.onhen-voice p:last-child { margin-bottom:0; }
.onhen-souken-article .onhen-voice-who { font-size:13px; color:var(--sub); margin:0 0 20px; }
.onhen-souken-article .onhen-faq { border:1px solid var(--line); border-radius:10px; margin-bottom:10px; background:#fff; }
.onhen-souken-article .onhen-faq summary { cursor:pointer; padding:12px 14px; font-weight:600; color:var(--deep); list-style-position:inside; }
.onhen-souken-article .onhen-faq div { padding:0 14px 12px; font-size:15px; }
.onhen-souken-article .onhen-related a { color:var(--main); }
.onhen-souken-article .onhen-about { background:#faf7f5; border:1px solid var(--line); border-radius:10px; padding:16px 18px; margin:28px 0; font-size:14px; }
.onhen-souken-article .onhen-about p { margin:0 0 8px; }
.onhen-souken-article .onhen-about .onhen-about-note { font-size:12px; color:var(--sub); }
.onhen-souken-article a { color:var(--main); }
.onhen-souken-article .onhen-video-wrap { margin:0 0 20px; }
.onhen-souken-article .onhen-video-wrap iframe { width:100%; aspect-ratio:16/9; border:0; border-radius:8px; display:block; }
.onhen-souken-article .onhen-video-title { font-size:14px; font-weight:600; margin:0 0 6px; }
.onhen-souken-article .onhen-books { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 16px; padding:0; list-style:none; }
@media (min-width:640px){ .onhen-souken-article .onhen-books { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.onhen-souken-article .onhen-book-card { display:block; background:#faf7f5; border:1px solid var(--line); border-radius:10px; padding:12px; text-decoration:none; color:var(--ink); }
.onhen-souken-article .onhen-book-card img { width:100%; height:150px; object-fit:contain; background:#fff; border-radius:6px; display:block; margin-bottom:8px; }
.onhen-souken-article .onhen-book-title { font-size:13px; font-weight:600; line-height:1.5; display:block; margin-bottom:6px; }
.onhen-souken-article .onhen-book-subject { display:inline-block; font-size:11px; font-weight:700; color:var(--deep); background:var(--pale); border-radius:4px; padding:1px 8px; }
.onhen-souken-article .onhen-badge { display:inline-block; font-size:11px; font-weight:700; color:var(--deep); background:var(--pale); border-radius:4px; padding:1px 7px; margin-right:6px; vertical-align:middle; }


.ov-lock { background:#FFF1E6; border:1px solid #f4d9c4; border-radius:10px; padding:16px 18px; margin:20px 0 28px; line-height:1.9; }
.ov-lock__lead { font-size:15px; margin:0 0 14px; line-height:1.9; }
.ov-lock__ctawrap { text-align:center; margin:0 0 8px; }
.ov-lock__cta { display:inline-block !important; background:#06c755; color:#fff !important; font-weight:700; text-decoration:none !important; padding:13px 22px; border-radius:8px; line-height:1.6; word-break:auto-phrase; }
.ov-lock__note { font-size:12px; color:#6b7280; margin:0; line-height:1.7; }



.ov-gift { background:#fff; border-radius:14px; box-shadow:0 2px 10px rgba(0,0,0,.08);
  padding:18px 18px 16px; margin:20px 0 28px; line-height:1.8;
  container-type:inline-size; container-name:onhen-gift;
  display:grid; grid-template-columns:auto 1fr;
  grid-template-areas:"cover head" "cover lead" "cover act" "samples samples";
  gap:0 16px; align-items:start; }

.ov-gift__coverwrap { grid-area:cover; align-self:stretch; width:120px; min-width:0;
  display:flex; align-items:flex-end; }
.ov-gift__cover { width:100%; height:auto; display:block;
  border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.18); }
.ov-gift__head { grid-area:head; min-width:0; }
.ov-gift__lead { grid-area:lead; min-width:0; }
.ov-gift__act { grid-area:act; min-width:0; margin-top:10px; }

.ov-gift__samplewrap { grid-area:samples; min-width:0; margin-top:14px;
  border-top:1px solid #F0E6E0; padding-top:12px; }
.ov-gift__samplelabel { font-size:12px; font-weight:700; color:#8a5a4a; margin:0 0 8px;
  text-align:left; line-height:1.5; }
.ov-gift__samples { display:grid; grid-template-columns:repeat(2,minmax(0,220px)); gap:12px; }
.ov-gift__samples img { width:100%; height:auto; display:block; border:1px solid #eee; box-sizing:border-box;
  border-radius:6px; box-shadow:0 1px 6px rgba(0,0,0,.18); }

.ov-gift__tag { margin:0 0 6px !important; line-height:1.6; }
.ov-gift__tag > span { display:inline-block; font-size:12px; font-weight:700; color:#fff; background:#E60012;
  border-radius:6px; padding:2px 8px; }

.ov-gift__tag > span > span { display:inline-block; word-break:auto-phrase; line-break:strict; }

.ov-gift__title { font-size:17px; font-weight:700; color:#1f1f1f; margin:0 0 8px; line-height:1.5;
  word-break:auto-phrase; line-break:strict; }

.ov-gift__lead { font-size:14px; color:#333; margin:0 !important; line-height:1.8; word-break:auto-phrase; }
.ov-gift__facts { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; padding:0; list-style:none; }
.ov-gift__facts li { font-size:12px; font-weight:700; background:#FFF1E6; color:#7a2a1a; border-radius:8px;
  padding:3px 9px; line-height:1.6; word-break:auto-phrase; }
.ov-gift__ctawrap { margin:0 !important; }
.ov-gift__cta { display:inline-flex !important; flex-direction:column; align-items:center; justify-content:center;
  background:#06c755; color:#fff !important; font-weight:800; font-size:16px; line-height:1.3;
  padding:11px 22px; border-radius:10px; text-decoration:none !important; box-sizing:border-box;
  box-shadow:0 2px 6px rgba(6,199,85,.35); min-width:200px; }
.ov-gift__cta b { display:block; font-weight:800; white-space:nowrap; }
.ov-gift__cta small { display:block; font-weight:600; font-size:11px; opacity:.95; margin-top:2px; white-space:nowrap; }
.ov-gift__note { font-size:12px; color:#666; margin:8px 0 0 !important; line-height:1.7; word-break:auto-phrase; }
@media (max-width:480px) {

  .ov-gift { grid-template-columns:auto 1fr; padding:14px;
    grid-template-areas:"cover head" "lead lead" "act act" "samples samples"; gap:0 12px; }

  .ov-gift__coverwrap { width:104px; align-items:flex-start; }
  .ov-gift__title { font-size:15px; }
  .ov-gift__cta { width:100%; min-width:0; }

  .ov-gift__samples { grid-template-columns:repeat(2,1fr); gap:8px; }
}

@container onhen-gift (max-width:600px) {
  .ov-gift__coverwrap { grid-area:1 / 1 / 2 / 2; width:104px !important; align-items:flex-start; }
  .ov-gift__head { grid-area:1 / 2 / 2 / 3; }
  .ov-gift__title { font-size:15px; }
  .ov-gift__lead { grid-area:2 / 1 / 3 / 3; margin-top:12px !important; }
  .ov-gift__act { grid-area:3 / 1 / 4 / 3; }
  .ov-gift__samplewrap { grid-area:4 / 1 / 5 / 3; }
  .ov-gift__cta { width:100%; min-width:0; }
  .ov-gift__samples { grid-template-columns:repeat(2,1fr); gap:8px; }
}


.onhen-univ-hub { margin:0 0 20px; padding:10px 14px; background:#FBF5EE;
  border:1px solid #EDE0D2; border-radius:8px; font-size:14px; line-height:1.8 }
.onhen-univ-hub a { color:#8c2b1e; font-weight:700; text-decoration:underline; word-break:auto-phrase }
.onhen-univ-hub a::after { content:" →"; font-weight:400 }

.onhen-native-page { margin:0; padding-top:80px; background:#f3f4f6; color:#252525; font-family:'Noto Sans JP',sans-serif; }
@media (min-width:768px) {
 .onhen-native-page { background:#fff; }
}
.onhen-native-page *, .onhen-native-page *::before, .onhen-native-page *::after { box-sizing:border-box; }
.onhen-native-page img { max-width:100%; height:auto; }
.onhen-native-header { position:fixed; inset:0 0 auto; z-index:100; display:flex; align-items:center; gap:20px; height:80px; padding:12px 20px; background:#fff; border-bottom:1px solid #e5e7eb; }
.onhen-native-home { display:block; flex-shrink:0; width:160px; }
.onhen-native-logo { display:block; width:160px; height:auto; }
.onhen-native-header .onhen-pc-nav, .onhen-native-header .onhen-pc-actions { display:none; }
.onhen-native-menu { margin-left:auto; }
.onhen-native-menu > summary { cursor:pointer; font-size:13px; font-weight:700; padding:12px 4px; color:#252525; }
.onhen-native-menu > nav { position:absolute; top:100%; right:0; width:min(390px,100vw); max-height:calc(100dvh - 80px); overflow:auto; padding:16px 20px 30px; background:#fff; border:1px solid #e5e7eb; }
.onhen-native-menu nav a { display:block; color:#252525; font-size:14px; padding:12px 0; text-decoration:none; }
.onhen-native-menu .onhen-pc-nav-course-menu { padding-left:16px; }
.onhen-native-crumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; max-width:920px; min-height:52px; padding:12px 15px; margin:auto; font-size:13px; line-height:1.5; }
.onhen-native-crumb a { color:#252525; text-decoration:none; }
.onhen-native-crumb p { margin:0; }
.onhen-native-main { width:100%; max-width:920px; margin:0 auto; background:#fff; }
#onhen-article-design { max-width:920px; width:100%; margin:auto; min-width:0; overflow-wrap:anywhere; }
#onhen-article-design h1 { margin:8px 0 12px; font-weight:700; }
#onhen-article-design :is(h2,h3,h4) { scroll-margin-top:140px; }
#onhen-article-design .s070-dl { margin:16px 0; padding:0; }
#onhen-article-design .s070-dl dt { margin:18px 0 5px; }
#onhen-article-design .s070-dl dd { margin:0 0 16px; }
#onhen-article-design .s070-steps li { margin-bottom:16px; }
#onhen-article-design .onhen-timeline { border:0; }
#onhen-article-design .onhen-timeline li { border:1px solid #ddd; border-radius:8px; padding:16px; }
#onhen-article-design .onhen-timeline li::before { display:none; }
#onhen-article-design .onhen-timeline .onhen-tl-when { border-radius:4px; white-space:normal; }
#onhen-article-design .s070-mobile-graph { display:none; }
#onhen-article-design .s070-matrix-title { font-weight:700; margin:20px 0 8px; }
#onhen-article-design table caption { text-align:left; font-weight:700; padding:10px 0; }
#onhen-article-design [data-s070-region]:focus-visible { outline:2px solid #fa2d25; outline-offset:3px; }
.onhen-native-back { display:block; max-width:920px; padding:24px 15px; margin:auto; color:#252525; }
.onhen-native-footer { padding:32px 15px 190px; background:#fff; text-align:center; font-size:13px; }
.onhen-native-footer p { margin:4px 0; }
.onhen-native-sticky { position:fixed; z-index:90; inset:auto 0 0; padding:12px 0 calc(12px + env(safe-area-inset-bottom)); background:rgb(255 255 255 / 80%); }
.onhen-native-sticky-link { display:block; width:90%; margin:auto; }
.onhen-native-sticky img { display:block; width:100%; height:auto; }
@media(max-width:600px) {
 #onhen-article-design > svg { display:none; }
 #onhen-article-design .s070-mobile-graph { display:block; border:1px solid #ddd; border-radius:8px; padding:14px; margin:16px 0; }
 #onhen-article-design .s070-graph-year { margin:0 0 20px; }
 #onhen-article-design .s070-graph-year:last-child { margin-bottom:0; }
 #onhen-article-design .s070-graph-year > div { margin:8px 0; }
 #onhen-article-design .s070-graph-year span { font-size:15px; display:block; }
 #onhen-article-design .s070-graph-year i { display:block; height:12px; background:#e60012; }
 #onhen-article-design .s070-graph-year i.s070-accepted { background:#777; }
}
@media(min-width:600px) and (max-width:840px) {
 .onhen-native-sticky-link { max-width:760px; }
}
@media(min-width:841px) { .onhen-native-sticky { display:none; } .onhen-native-footer { padding-bottom:32px; } }
@media(min-width:992px) {
 .onhen-native-page { padding-top:120px; }
 .onhen-native-header { height:120px; padding:0 40px; flex-wrap:wrap; align-content:center; row-gap:2px; }
 .onhen-native-menu { display:none; }
 .onhen-native-header .onhen-pc-nav { order:3; display:flex; justify-content:center; align-items:center; gap:24px; width:100%; border-top:1px solid rgb(8 15 51 / 8%); font-size:13px; font-weight:700; line-height:1.4; white-space:nowrap; }
 .onhen-pc-nav a { display:block; padding:8px 0; color:#080f33; text-decoration:none; }
 .onhen-pc-nav-courses { position:relative; }
 .onhen-pc-nav-courses > a::after { content:''; display:inline-block; width:6px; height:6px; margin:0 2px 3px 6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
 .onhen-pc-nav-course-menu { display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:220px; padding:8px 20px; border:1px solid #ddd; border-radius:4px; background:#fff; }
 .onhen-pc-nav-courses:is(:hover,:focus-within) .onhen-pc-nav-course-menu { display:block; }
 .onhen-native-header .onhen-pc-actions { display:flex; order:2; align-items:center; gap:24px; margin-left:auto; }
 .onhen-pc-actions a { display:flex; justify-content:center; align-items:center; min-width:200px; min-height:44px; padding:8px 20px; border:1px solid #d91c16; color:#d91c16; font-size:16px; font-weight:700; text-decoration:none; }
 .onhen-pc-actions .onhen-pc-consult { background:#d91c16; color:#fff; }
}
@media(min-width:1280px) {
 .onhen-native-page { padding-top:84px; }
 .onhen-native-header { flex-wrap:nowrap; height:84px; }
 .onhen-native-header .onhen-pc-nav { order:1; gap:16px; width:auto; margin-left:auto; border:0; }
 .onhen-native-header .onhen-pc-actions { gap:12px; margin-left:0; }
 .onhen-pc-actions a { min-width:0; font-size:14px; }
}