/* One header for the native pages and the preserved page canvases. */
.oegg-header,
#SITE_HEADER.oegg-header {
  --header-scale: var(--oegg-canvas-scale, 1);
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff;
  background: linear-gradient(50.5deg, rgba(12, 131, 230, 0.86) 17%, rgba(46, 168, 67, 0.8) 61.4%, rgba(252, 212, 109, 0.8) 93%);
  font-family: Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  line-height: 1.5;
  text-align: left;
  letter-spacing: normal;
}
.oegg-header *, .oegg-header *::before, .oegg-header *::after { box-sizing: border-box; }
.oegg-header .oegg-header-inner {
  max-width: calc(1280px / var(--header-scale));
  margin: 0 auto;
  padding: calc(20px / var(--header-scale)) calc(28px / var(--header-scale)) calc(12px / var(--header-scale));
}
.oegg-header .oegg-brand {
  display: flex;
  align-items: center;
  gap: calc(14px / var(--header-scale));
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
}
.oegg-header .oegg-brand img {
  display: block;
  flex: none;
  width: calc(61px / var(--header-scale));
  height: calc(43px / var(--header-scale));
  margin: 0;
  object-fit: contain;
}
.oegg-header .oegg-brand-title {
  display: block;
  font-family: inherit;
  font-size: calc(28px / var(--header-scale));
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0;
  white-space: nowrap;
}
.oegg-header .oegg-brand-english {
  display: block;
  margin-top: calc(2px / var(--header-scale));
  font-family: inherit;
  font-size: calc(13px / var(--header-scale));
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  white-space: nowrap;
}
.oegg-header .oegg-desktop-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: calc(4px / var(--header-scale)) calc(20px / var(--header-scale));
  margin: calc(14px / var(--header-scale)) 0 0;
  padding: 0;
}
.oegg-header .oegg-desktop-nav a {
  display: block;
  padding: calc(6px / var(--header-scale)) 0;
  color: inherit;
  font-family: inherit;
  font-size: calc(16px / var(--header-scale));
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  text-decoration: none;
  text-shadow: 0 1px 3px #365d6d;
  white-space: nowrap;
}
.oegg-header nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
.oegg-header a:focus-visible, .oegg-header summary:focus-visible { outline: 3px solid #162c49; outline-offset: 4px; }
.oegg-header .oegg-mobile-menu { display: none; }
@media (min-width: 601px) and (max-width: 1000px) {
  .oegg-header .oegg-desktop-nav { justify-content: center; }
  .oegg-header .oegg-desktop-nav a { font-size: calc(14px / var(--header-scale)); }
}
@media (max-width: 600px) {
  .oegg-header .oegg-header-inner { padding: calc(16px / var(--header-scale)); }
  .oegg-header .oegg-brand { display: block; }
  .oegg-header .oegg-brand img { width: calc(44px / var(--header-scale)); height: calc(31px / var(--header-scale)); margin-bottom: calc(6px / var(--header-scale)); }
  .oegg-header .oegg-brand-title { font-size: calc(clamp(14px, 4.4vw, 20px) / var(--header-scale)); }
  .oegg-header .oegg-brand-english { font-size: calc(10px / var(--header-scale)); }
  .oegg-header .oegg-desktop-nav { display: none; }
  .oegg-header .oegg-mobile-menu { display: block; position: absolute; top: calc(12px / var(--header-scale)); right: calc(12px / var(--header-scale)); }
  .oegg-header .oegg-mobile-menu summary { display: grid; place-items: center; width: calc(44px / var(--header-scale)); height: calc(44px / var(--header-scale)); cursor: pointer; list-style: none; }
  .oegg-header .oegg-mobile-menu summary::-webkit-details-marker { display: none; }
  .oegg-header .oegg-mobile-menu summary::before { content: '☰'; font: calc(28px / var(--header-scale))/1 Arial, sans-serif; }
  .oegg-header .oegg-mobile-menu summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .oegg-header .oegg-mobile-menu[open] { position: fixed; inset: 0; width: 100%; height: calc(100dvh / var(--header-scale)); overflow-y: auto; background: #d9f2fa; color: #252c37; z-index: 10001; }
  .oegg-header .oegg-mobile-menu[open] summary { position: absolute; top: calc(12px / var(--header-scale)); right: calc(12px / var(--header-scale)); }
  .oegg-header .oegg-mobile-menu[open] summary::before { content: '×'; font-size: calc(36px / var(--header-scale)); }
  .oegg-header .oegg-mobile-menu nav { display: flex; flex-direction: column; align-items: stretch; max-width: calc(360px / var(--header-scale)); margin: 0 auto; padding: calc(80px / var(--header-scale)) calc(24px / var(--header-scale)) calc(32px / var(--header-scale)); }
  .oegg-header .oegg-mobile-menu nav a { display: block; padding: calc(15px / var(--header-scale)) 0; color: inherit; font: 500 calc(16px / var(--header-scale))/1.5 Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; text-align: center; text-decoration: none; border-bottom: 1px solid #b3cfda; }
  body:has(.oegg-mobile-menu[open]) { overflow: hidden !important; }
}