html { scroll-behavior: smooth; }
.gn-export-menu { position:fixed; top:72px; left:16px; right:16px; z-index:10000; padding:16px; background:white; border:1px solid #d3cfe6; border-radius:8px; box-shadow:0 8px 24px #332a6020; }
.gn-export-menu[hidden] { display:none; }
.gn-export-menu a { display:block; padding:14px 12px; color:#332a60; font:600 16px/1.6 "Noto Sans JP",sans-serif; text-decoration:none; }
.gn-export-menu a:last-child { background:#8cc4d5; border-radius:6px; }
:focus-visible { outline:2px solid #332a60; outline-offset:3px; }
@media(min-width:810px) { .gn-export-menu { display:none; } }
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} }
.gn-mobile-overview,.gn-benefit-label {display:none;}
@media(max-width:809.98px) {
  [data-framer-name="gnProblemsin"] > .framer-xwsc7q {display:none!important;}
  [data-framer-name="pyramid"] {height:auto!important;padding:24px 20px!important;background:#f2f9fb!important;}
  [data-framer-name="pyramid"] > :not(.gn-mobile-overview) {display:none!important;}
  .gn-mobile-overview {display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:420px;margin:auto;color:#332a60;font-family:"Noto Sans JP",sans-serif;}
  .gn-flow-step {background:white;text-align:center;padding:16px 12px;border-radius:8px;}
  .gn-flow-step strong {font-size:18px;line-height:1.5;font-weight:700;}
  .gn-flow-step p {font-size:14px;line-height:1.7;margin:6px 0 0;color:#4c5363;}
  .gn-flow-strategy {border:1px solid #8cc4d5;}
  .gn-flow-arrow {display:block;align-self:center;font-size:22px;line-height:32px;color:#548ea0;}
  .gn-flow-goal {padding:18px 10px;background:#332a60;border-radius:8px;color:white;text-align:center;font-size:18px;font-weight:700;line-height:1.5;}
  .gn-use-art {align-self:center!important;margin-left:auto!important;margin-right:auto!important;}
  [data-framer-name^="gnProblem"]:not([data-framer-name="gnProblemGrid"]):not([data-framer-name="gnProblemsin"]):not([data-framer-name="gnProblemshead"]) {border-radius:12px!important;overflow:hidden!important;}
  [data-framer-name^="problemTopOct"], [data-framer-name^="problemBottomOct"] {height:auto!important;min-height:0!important;padding:24px!important;gap:12px!important;align-items:stretch!important;}
  [data-framer-name^="problemTopOct"] {background:#f1f2f4!important;}
  [data-framer-name^="problemBottomOct"] {background:#ecf7fa!important;border-top:3px solid #8cc4d5!important;}
  .gn-benefit-label {display:block;position:relative;font:700 13px/1.6 "Noto Sans JP",sans-serif;color:#667080;}
  [data-framer-name^="problemBottomOct"] > .gn-benefit-label {color:#332a60;}
  [data-framer-name^="problemTopOct"] h3,[data-framer-name^="problemBottomOct"] h3 {font-size:20px!important;line-height:1.6!important;}
  [data-framer-name^="benefitArtWrap"] {align-self:center!important;margin:8px auto 0!important;}
}

/* Mobile: the desktop problem-to-benefit chevron turns downward. */
@media(max-width:809.98px) {
 [data-framer-name^="problemTopOct"] {position:relative!important;overflow:visible!important;z-index:2!important;padding-bottom:24px!important;}
 [data-framer-name^="problemTopOct"]::before,
 [data-framer-name^="problemTopOct"]::after {content:"";position:absolute;left:0;width:100%;pointer-events:none;clip-path:polygon(0 0,100% 0,50% 100%);}
 [data-framer-name^="problemTopOct"]::before {top:100%;height:30px;background:white;}
 [data-framer-name^="problemTopOct"]::after {top:calc(100% - 1px);height:24px;background:#f1f2f4;}
 [data-framer-name^="problemBottomOct"] {border-top:0!important;padding-top:48px!important;}
}

/* Match the HR staff heading to the other role cards. */
[data-framer-name="日常業務と情報の確認"] p {font-family:"Noto Sans JP",sans-serif!important;font-weight:700!important;color:#332a60!important;}