/* Article detail only. The HTML scope marker is emitted before first paint. */
html[data-px-reading="20261008"] {
  --px-reading-brand: #5647e8;
  --px-reading-hover: #4434c7;
  --px-reading-ink: #202432;
  --px-reading-muted: #697180;
  --px-reading-font: 'Figtree', 'Segoe UI', Arial, sans-serif;
  --px-reading-max: 1376px;
  --px-reading-left: 192px;
  --px-reading-right: 256px;
  --px-reading-gap: 32px;
  scroll-padding-top: 96px;
}
html[data-px-reading="20261008"][lang^="ja"] { --px-reading-font: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Yu Gothic', Meiryo, 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif; }
html[data-px-reading="20261008"][lang^="ko"] { --px-reading-font: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans CJK KR', 'Noto Sans KR', sans-serif; }
html[data-px-reading="20261008"][lang^="ru"] { --px-reading-font: 'Segoe UI', Arial, sans-serif; }
html[data-px-reading="20261008"] body { color: var(--px-reading-ink); }
html[data-px-reading="20261008"] body .wsc-main { overflow: visible !important; padding-top: 64px !important; }
html[data-px-reading="20261008"] body #nav-howto,
html[data-px-reading="20261008"] body .banner .banner-btn,
html[data-px-reading="20261008"] body .left-nav-btn,
html[data-px-reading="20261008"] body .left-nav > a.px-btn,
html[data-px-reading="20261008"] body .left-nav > p:has(>a.px-btn),
html[data-px-reading="20261008"] body .content-main > .article-nav:not(.left-nav),
html[data-px-reading="20261008"] body .common-footer .common-footer__title,
html[data-px-reading="20261008"] body .common-footer .common-footer__title + a,
html[data-px-reading="20261008"] body .common-footer .common-footer__opera,
html[data-px-reading="20261008"] body .common-footer .home-module__top,
html[data-px-reading="20261008"] body #common-footer .common-footer__title,
html[data-px-reading="20261008"] body #common-footer .common-footer__title + a,
html[data-px-reading="20261008"] body #common-footer .common-footer__opera,
html[data-px-reading="20261008"] body #common-footer .home-module__top,
html[data-px-reading="20261008"] body .article-bottom,
html[data-px-reading="20261008"] body .exhibition-right { display: none !important; }
html[data-px-reading="20261008"] body main > .banner {
  height: auto !important; min-height: 0 !important; padding: 54px 24px 26px !important;
  background: #fff !important; border: 0 !important;
}
html[data-px-reading="20261008"] body main > .banner::before,
html[data-px-reading="20261008"] body main > .banner::after { display: none !important; }
html[data-px-reading="20261008"] body .banner > .px-container {
  width: 100% !important; max-width: var(--px-reading-max) !important; margin: 0 auto !important;
  padding: 0 calc(var(--px-reading-right) + var(--px-reading-gap)) 0 calc(var(--px-reading-left) + var(--px-reading-gap)) !important;
  box-sizing: border-box; text-align: left !important;
}
html[data-px-reading="20261008"] body .banner h1.content-title {
  width: auto !important; max-width: 800px !important; margin: 0 !important; padding: 0 !important;
  color: var(--px-reading-ink) !important; font-family: var(--px-reading-font) !important;
  font-size: clamp(32px, 3.15vw, 46px) !important; font-weight: 650 !important; line-height: 1.18 !important;
  letter-spacing: -.025em !important; text-align: left !important; text-wrap: pretty;
  display: block !important; height: auto !important; overflow: visible !important; -webkit-line-clamp: unset !important;
}
html[data-px-reading="20261008"] body section.article { margin: 0 !important; padding: 0 24px !important; overflow: visible !important; }
html[data-px-reading="20261008"] body section.article > .content-main {
  display: grid !important; grid-template-columns: var(--px-reading-left) minmax(0, 1fr) var(--px-reading-right) !important;
  gap: var(--px-reading-gap) !important; align-items: start !important;
  max-width: var(--px-reading-max) !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important;
  position: relative !important; overflow: visible !important; box-sizing: border-box;
}
html[data-px-reading="20261008"] body .content-main > .content-right {
  grid-column: 2; grid-row: 1; width: 100% !important; max-width: 800px !important; min-width: 0;
  margin: 0 !important; padding: 0 !important; float: none !important;
}
html[data-px-reading="20261008"] body .content-right > .position-relative { margin: 0 0 24px !important; padding: 0 !important; }
html[data-px-reading="20261008"] body .content-right > .position-relative nav {
  font: 400 13px/1.65 var(--px-reading-font) !important; color: var(--px-reading-muted) !important;
  overflow-wrap: anywhere;
}
html[data-px-reading="20261008"] body .content-right > .position-relative nav > span:last-child { display: none; }
html[data-px-reading="20261008"] body .content-right > .position-relative nav > span:nth-last-child(2) { display: none; }
html[data-px-reading="20261008"] body .author-box { margin: 0 0 30px !important; padding: 0 !important; font-family: var(--px-reading-font) !important; }
html[data-px-reading="20261008"] body .author-img { width: 40px !important; height: 40px !important; object-fit: cover; }
html[data-px-reading="20261008"] body .author-title { font-size: 14px !important; line-height: 1.5 !important; margin: 0 0 3px !important; font-weight: 600 !important; }
html[data-px-reading="20261008"] body .author-desc { font-size: 12px !important; line-height: 1.6 !important; color: var(--px-reading-muted) !important; margin: 0 !important; }
html[data-px-reading="20261008"] body .content-right > .content {
  width: 100% !important; max-width: 800px !important; min-width: 0; margin: 0 !important; padding: 0 !important;
  font-family: var(--px-reading-font) !important; font-size: 17px !important; line-height: 1.8 !important;
}
html[data-px-reading="20261008"] body .content :is(p,li,table,blockquote,figcaption,h2,h3,h4) { font-family: var(--px-reading-font) !important; }
html[data-px-reading="20261008"] body .content p { font-size: 17px !important; line-height: 1.8 !important; margin-bottom: 1.3em !important; }
html[data-px-reading="20261008"] body .content :is(h2,h3,h4,[id]) { scroll-margin-top: 96px !important; }
html[data-px-reading="20261008"] body .content h2 { font-size: 28px !important; line-height: 1.35 !important; margin: 2.5em 0 .75em !important; }
html[data-px-reading="20261008"] body .content h3 { font-size: 22px !important; line-height: 1.45 !important; margin: 1.8em 0 .65em !important; }
html[data-px-reading="20261008"] body .content a:not(.px-reading-button):not(.px-btn):not(.px-common-btn) { color: #5041c6; text-underline-offset: .18em; text-decoration-thickness: 1px; }
html[data-px-reading="20261008"] body .content img:not(.icon-img) { max-width: 100% !important; height: auto !important; }
html[data-px-reading="20261008"] body .content figure.article-figure { margin: 2em 0 !important; }
html[data-px-reading="20261008"] body .content figure.article-figure img { border-radius: 12px !important; box-shadow: none !important; }
html[data-px-reading="20261008"] body .content figcaption { font-size: 13px !important; line-height: 1.65 !important; color: var(--px-reading-muted) !important; }
html[data-px-reading="20261008"] body .pixso-table-scroll { overflow-x: auto !important; max-width: 100%; overscroll-behavior-inline: contain; }
html[data-px-reading="20261008"] body .pixso-table-scroll table { display: table !important; margin: 0 !important; font-size: 15px !important; }
html[data-px-reading="20261008"] body .pixso-table-scroll :is(th,td) { color: var(--px-reading-ink) !important; border-color: #e5e8ef !important; line-height: 1.7 !important; }
html[data-px-reading="20261008"] body .pixso-table-scroll th { background: #f3f4f9 !important; font-weight: 600 !important; }
html[data-px-reading="20261008"] body .pixso-table-scroll td { background: #fff !important; }
html[data-px-reading="20261008"] body .pixso-table-scroll { margin: 2em 0; }
html[data-px-reading="20261008"] body .article-nav.left-nav {
  display: block !important; flex: 0 0 auto !important;
  grid-column: 1; grid-row: 1; position: sticky !important; top: 96px !important; left: auto !important;
  width: 100% !important; max-width: 100% !important; height: auto !important; max-height: calc(100vh - 120px) !important;
  overflow: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important;
  align-self: start !important; font-family: var(--px-reading-font) !important;
}
html[data-px-reading="20261008"] body .article-nav.left-nav[hidden] { display: none !important; }
html[data-px-reading="20261008"] body .pixso-toc-disclosure { margin: 0 !important; border: 0 !important; background: transparent !important; }
html[data-px-reading="20261008"] body .pixso-toc-disclosure > summary { display: none; }
html[data-px-reading="20261008"] body .article-nav #list-howto {
  background: #f8f9fc !important; border: 1px solid #eef0f5 !important; border-radius: 12px !important;
  padding: 14px 10px !important; margin: 0 !important; max-height: none !important; overflow: visible !important;
}
html[data-px-reading="20261008"] body #list-howto > :not(a) { font-size: 12px !important; line-height: 1.5 !important; color: #646c7a !important; padding: 0 10px 10px !important; margin: 0 !important; border: 0 !important; font-weight: 600; }
html[data-px-reading="20261008"] body #list-howto a {
  display: block !important; height: auto !important; padding: 10px !important; margin: 2px 0 !important;
  font-size: 13px !important; line-height: 1.6 !important; color: #606878 !important; background: transparent !important;
  white-space: normal !important; border: 0 !important; border-radius: 7px !important; box-shadow: none !important;
  overflow-wrap: anywhere; text-decoration: none !important;
}
html[data-px-reading="20261008"] body #list-howto a.active,
html[data-px-reading="20261008"] body #list-howto a:hover { background: #efedff !important; color: #4936be !important; }
html[data-px-reading="20261008"] body .pixso-article-conversion {
  grid-column: 3; grid-row: 1; display: flex !important; flex-direction: column; align-self: start;
  position: sticky !important; top: 96px !important; right: auto !important; left: auto !important;
  max-height: calc(100vh - 120px); overflow-y: auto;
  width: 100% !important; max-width: none !important; margin: 0 !important; padding: 24px 20px !important;
  border: 1px solid #e9e6fb !important; border-radius: 14px !important; background: #f7f5ff !important;
  color: var(--px-reading-ink) !important; font-family: var(--px-reading-font) !important; box-shadow: none !important;
}
html[data-px-reading="20261008"] body .pixso-article-conversion__eyebrow { font-size: 13px !important; color: #6654bb !important; font-weight: 600; line-height: 1.6 !important; }
html[data-px-reading="20261008"] body .pixso-article-conversion__title { font-size: 22px !important; font-weight: 650 !important; line-height: 1.4 !important; margin: 12px 0 20px !important; letter-spacing: -.015em; }
html[data-px-reading="20261008"] body .pixso-article-conversion ul { list-style: none !important; margin: 0 0 24px !important; padding: 0 !important; }
html[data-px-reading="20261008"] body .pixso-article-conversion li { position: relative; font-size: 13px !important; line-height: 1.7 !important; margin: 0 0 10px !important; padding-left: 19px !important; color: #596176 !important; }
html[data-px-reading="20261008"] body .pixso-article-conversion li::before { content: '✓' !important; position: absolute; left: 0; color: #7160cc; }
html[data-px-reading="20261008"] body .pixso-article-conversion__note { font-size: 12px !important; line-height: 1.6 !important; text-align: center; margin: 12px 0 0 !important; color: #686477 !important; }
html[data-px-reading="20261008"] body :is(.pixso-article-conversion__cta,.content .px-btn,.content .px-common-btn,.px-reading-button) {
  box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 8px; min-height: 44px !important; height: auto !important; max-width: 100% !important; padding: 12px 20px !important;
  border: 1px solid transparent !important; border-radius: 10px !important; background: var(--px-reading-brand) !important;
  color: #fff !important; font: 600 14px/1.45 var(--px-reading-font) !important; text-align: center !important;
  text-decoration: none !important; box-shadow: none !important; white-space: normal !important; letter-spacing: 0 !important;
  transition: background-color .15s ease; cursor: pointer;
}
html[data-px-reading="20261008"] body :is(.pixso-article-conversion__cta,.content .px-btn,.content .px-common-btn,.px-reading-button):hover { background: var(--px-reading-hover) !important; color: #fff !important; }
html[data-px-reading="20261008"] body :is(a,button,summary,[tabindex]):focus-visible { outline: 3px solid #8c7af5 !important; outline-offset: 3px !important; }
html[data-px-reading="20261008"] body .px-reading-skip { position: fixed; top: 8px; left: 16px; transform: translateY(-160%); z-index: 100000; background: #fff; color: #34247c; border: 2px solid #6756d8; border-radius: 8px; padding: 10px 16px; }
html[data-px-reading="20261008"] body .px-reading-skip:focus { transform: none; }
html[data-px-reading="20261008"] body .related-container { max-width: var(--px-reading-max) !important; width: calc(100% - 48px) !important; margin: 64px auto !important; padding: 36px 0 0 !important; border-top: 1px solid #eceef3; }
html[data-px-reading="20261008"] body .related-title { font: 600 22px/1.5 var(--px-reading-font) !important; margin: 0 0 24px !important; }
html[data-px-reading="20261008"] body .content :is(span,font,b,strong,em,i,u,a):not(pre *):not(code *) { font-family: inherit !important; }
html[data-px-reading="20261008"] body .common-footer { margin-top: 48px !important; }
html[data-px-reading="20261008"] body #common-footer { margin-top: 48px !important; height: auto !important; min-height: 0 !important; padding: 32px 24px !important; background: #f7f8fb !important; }
html[data-px-reading="20261008"] body #common-footer .home-module__mid { height: auto !important; min-height: 0 !important; padding: 0 !important; width: 100% !important; }
html[data-px-reading="20261008"] body #common-footer .module-12__content { max-width: var(--px-reading-max) !important; width: 100% !important; padding: 0 !important; margin: 0 auto !important; }
html[data-px-reading="20261008"] body #common-footer .common-footer__bd { width: 100% !important; padding: 32px 0 !important; background: transparent !important; }
html[data-px-reading="20261008"] body #common-footer :is(.left-slash-bg,.right-slash-bg) { display: none !important; }
html[data-px-reading="20261008"] body #common-footer :is(.common-footer__bg,.common-footer__logo) { display: none !important; }
html[data-px-reading="20261008"][lang^="ja"] body :is(.content-title,.content h2,.content h3) { letter-spacing: 0 !important; line-height: 1.5 !important; }
html[data-px-reading="20261008"][lang^="ko"] body :is(.content-title,.content p,.content li,.pixso-article-conversion) { word-break: keep-all; overflow-wrap: break-word; }
@media (max-width: 1399px) {
  html[data-px-reading="20261008"] { --px-reading-left: 176px; --px-reading-right: 232px; --px-reading-gap: 24px; }
}
@media (max-width: 1199px) {
  html[data-px-reading="20261008"] body .banner > .px-container { max-width: 800px !important; padding: 0 !important; }
  html[data-px-reading="20261008"] body section.article > .content-main { display: flex !important; flex-direction: column !important; max-width: 800px !important; gap: 0 !important; }
  html[data-px-reading="20261008"] body .article-nav.left-nav { position: static !important; order: 1; width: 100% !important; max-height: none !important; margin: 0 0 24px !important; }
  html[data-px-reading="20261008"] body .content-main > .content-right { order: 2; }
  html[data-px-reading="20261008"] body .pixso-toc-disclosure { border: 1px solid #e9ebf2 !important; border-radius: 10px !important; background: #f8f9fc !important; }
  html[data-px-reading="20261008"] body .pixso-toc-disclosure > summary { display: list-item; padding: 14px 18px; font: 600 14px/1.5 var(--px-reading-font); cursor: pointer; }
  html[data-px-reading="20261008"] body .pixso-toc-disclosure #list-howto { border: 0 !important; max-height: 45vh !important; overflow: auto !important; }
  html[data-px-reading="20261008"] body .pixso-toc-disclosure #list-howto > :not(a) { display: none !important; }
  html[data-px-reading="20261008"] body .pixso-article-conversion { order: 3; position: static !important; max-width: 800px !important; width: 100% !important; margin: 40px 0 0 !important; padding: 28px !important; }
  html[data-px-reading="20261008"] body .pixso-article-conversion { max-height: none; overflow: visible; }
  html[data-px-reading="20261008"] body .pixso-article-conversion__cta { width: fit-content !important; min-width: 180px; }
  html[data-px-reading="20261008"] body .pixso-article-conversion__note { text-align: left; }
}
@media (max-width: 767px) {
  html[data-px-reading="20261008"] body main > .banner { padding: 32px 20px 22px !important; }
  html[data-px-reading="20261008"] body .banner h1.content-title { font-size: 32px !important; line-height: 1.25 !important; letter-spacing: -.02em !important; }
  html[data-px-reading="20261008"][lang^="ja"] body .banner h1.content-title { font-size: 30px !important; line-height: 1.5 !important; letter-spacing: 0 !important; }
  html[data-px-reading="20261008"][lang^="ko"] body .banner h1.content-title { font-size: 30px !important; line-height: 1.4 !important; letter-spacing: 0 !important; }
  html[data-px-reading="20261008"] body section.article { padding: 0 20px !important; }
  html[data-px-reading="20261008"] body .content p { font-size: 16px !important; line-height: 1.8 !important; }
  html[data-px-reading="20261008"] body .content h2 { font-size: 25px !important; }
  html[data-px-reading="20261008"] body .content h3 { font-size: 20px !important; }
  html[data-px-reading="20261008"] body .author-box { margin-bottom: 24px !important; }
  html[data-px-reading="20261008"] body .related-container { width: calc(100% - 40px) !important; margin: 44px auto !important; }
  html[data-px-reading="20261008"] body .pixso-article-conversion__cta { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) { html[data-px-reading="20261008"] body * { scroll-behavior: auto !important; transition-duration: 0s !important; } }