.mx-notice{display:flex;width:100%;margin:0;padding:0;overflow:hidden;color:#040813;text-align:center;font:400 14px/1.4 "Maximize JP","Maximize JP Web",-apple-system,BlinkMacSystemFont,"Maximize Latin Web","Maximize Icons","Hiragino Kaku Gothic Pro",Meiryo,"Helvetica Neue",Helvetica,Arial,sans-serif;font-feature-settings:"palt";letter-spacing:0}
.mx-notice-box{box-sizing:border-box;width:100%;padding:16px 0;background:#e8eeff;overflow:hidden}
.mx-notice-text{box-sizing:border-box;width:83.3333333333%;margin:0 auto;padding:0;font:inherit;font-feature-settings:"palt";letter-spacing:0;color:inherit}
.mx-notice .mx-nw{white-space:nowrap}
.mx-notice-link{display:inline-block;margin-left:3px;white-space:nowrap;color:#0131ff;text-decoration:none}
.mx-notice-link:hover{color:#0022b8;text-decoration:none}
.mx-notice-link:hover .mx-notice-linktext{text-decoration:underline}
.mx-notice-link:focus-visible{outline:2px solid #0131ff;outline-offset:2px}
.mx-notice-arrow::after{content:"\f301";display:inline;position:relative;top:-.1em;padding-inline-start:.24em;font-family:"Maximize Icons";font-style:normal;font-weight:inherit;line-height:1;text-decoration:none}
.mx-notice-br{display:none}
@media (max-width:734px){.mx-notice-br{display:block}}
.mx-notice-box{animation:mx-notice-drop .8s ease-in-out both}
@keyframes mx-notice-drop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.mx-notice-box{animation:none}}
.mx-notice-on-black{background:#000}
.mx-notice-light{background:#e8eeff}
.mx-notice-light .mx-notice-box{background:#fff}
.mx-notice-over{position:relative;z-index:2}
.mx-notice-over+.hero-media{--mx-notice-d:51.6px;--mx-nh:var(--mx-notice-h,var(--mx-notice-d));--notice-height:0px;margin-top:calc(-1 * var(--mx-nh))}
.mx-notice-over+.hero-media section.sec-hero{top:0;height:calc(max(var(--stage-height-min),var(--stage-height) - var(--r-header-height,0px) - var(--mx-nh)) + var(--mx-nh))}
.mx-notice-over+.hero-media section.sec-hero .herobox.herobox-bg{padding-top:calc(var(--herobox-pad) + var(--mx-nh))}
@media (max-width:734px){.mx-notice-over+.hero-media{--mx-notice-d:71.2px}}
html.no-js .mx-notice-over .mx-notice-box{animation:none}