:root {
      color-scheme: light;
      --brand-yellow: #f2d719;
      --ink: #27292c;
      --site-width: 1100px;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { -webkit-text-size-adjust: 100%; }
    body {
      margin: 0;
      min-height: 100vh;
      min-height: 100svh;
      display: flex;
      flex-direction: column;
      background: #faf9f5;
      color: var(--ink);
      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
      font-feature-settings: "palt" 1;
      line-height: 1.8;
      -webkit-font-smoothing: antialiased;
    }
    .site-header {
      background: #fff;
      border-top: 5px solid var(--brand-yellow);
      box-shadow: 0 2px 10px rgba(40, 40, 40, .035);
      position: relative;
      z-index: 1;
    }
    .header-inner, .footer-inner {
      width: min(calc(100% - 48px), var(--site-width));
      margin: 0 auto;
    }
    .header-inner {
      min-height: 145px;
      padding: 17px 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .site-logo {
      display: block;
      width: min(370px, 100%);
      height: auto;
      object-fit: contain;
    }
    main {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 34px 24px 16px;
    }
    .notice {
      width: min(100%, 740px);
      background: #fff;
      border: 1px solid #ece9dc;
      border-radius: 12px;
      box-shadow: 0 18px 50px rgba(37, 38, 29, .05);
      text-align: center;
      overflow: hidden;
    }
    .notice-body { padding: 53px 36px 55px; }
    .eyebrow {
      margin: 0 0 10px;
      color: #8b821e;
      font-size: 12px;
      font-weight: 900;
      line-height: 1.3;
      letter-spacing: .22em;
    }
    h1 {
      margin: 0;
      font-size: clamp(23px, 3.6vw, 32px);
      font-weight: 800;
      line-height: 1.6;
      letter-spacing: .02em;
    }
    .short-rule { width: 48px; height: 5px; margin: 16px auto 18px; border-radius: 999px; background: var(--brand-yellow); }
    .notice-description { margin: 0; font-size: 15px; line-height: 2.15; font-weight: 500; }
    .notice-bottom {
      height: 9px;
      background: repeating-linear-gradient(90deg,
        #f2d719 0 44px, #00a8ca 44px 61px,
        #ee5d38 61px 78px, #00a35a 78px 95px);
    }
    .site-footer { background: #f1f0ec; border-top: 1px solid #e6e4df; }
    .footer-inner {
      padding: 18px 0 17px;
      text-align: center;
      font-size: 12px;
      color: #767676;
    }
    .footer-inner small { font-size: inherit; }
    @media (max-width: 740px) {
      .header-inner, .footer-inner { width: min(calc(100% - 30px), var(--site-width)); }
      .header-inner { min-height: 100px; padding: 13px 0; justify-content: center; }
      .site-logo { width: min(265px, 100%); }
      main { padding: 24px 16px 16px; }
      .notice-body { padding: 40px 21px 43px; }
      .notice-description { font-size: 13px; line-height: 2; }