@charset "UTF-8";
:root{--green:#005c30;--dark-green:#003e20;--red:#df0000;--yellow:#ffe900}
.gora-campaign,.gora-campaign *{box-sizing:border-box}.gora-campaign{color:#111;line-height:normal;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}.gora-campaign img{display:block;max-width:100%;height:auto}:where(.gora-campaign) :is(h1,h2,h3,p,ol){margin:0}.gora-campaign :is(strong,em){color:var(--red);font-style:normal}.gora-campaign{max-width:1280px;margin:auto;background:#f0f8ed}.gora-hero{position:static;height:auto;top:auto;z-index:auto;aspect-ratio:1280/628;padding:52px 4% 0;background:#0382df url('../img/hero.jpg') center/cover no-repeat}.gora-hero h1{width:86%;max-width:1010px;margin:0}.gora-hero h1 img{width:100%}.gora-intro{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:30px 6%;background:#fff}.gora-intro-copy{flex:1}.gora-intro h2{margin-bottom:10px;color:var(--green);font-size:clamp(24px,3.5vw,38px);font-weight:900}.gora-intro p{font-size:clamp(14px,1.6vw,18px);line-height:1.5;letter-spacing:-.04em}.gora-intro strong{font-weight:900}.gora-eligible{flex:0 0 29%;padding:24px 18px;text-align:center;border-radius:12px;background:linear-gradient(120deg,#fffbe1,#fff8cc)}.gora-eligible h3{color:var(--green);font-size:26px;letter-spacing:.1em}.gora-eligible p{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0;font-size:20px;font-weight:700;white-space:nowrap}.gora-eligible img{width:36px}.gora-eligible small{display:block;font-size:13px;line-height:1.4}.gora-campaign-body{padding:0 3.6% 34px;background:radial-gradient(ellipse at top,#edf6e7,transparent 65%),#f1f8ee}.gora-participation>h2{display:flex;align-items:center;justify-content:center;padding:8px 0;color:var(--green);font-size:clamp(22px,3.6vw,40px);font-weight:900;line-height:1.4;white-space:nowrap}.gora-participation h2>span{margin:0 6px;color:#ff8500;font-size:2em;line-height:1}.gora-participation h2 i{margin-left:10px;color:#ffc900;font-style:normal}.gora-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2%;padding:0;list-style:none}.gora-steps li{overflow:hidden;border-radius:13px;background:#fff}.gora-steps img{width:100%}.gora-notice{display:flex;align-items:center;gap:16px;margin-top:10px;padding:13px 3.5%;border-radius:12px;background:linear-gradient(110deg,#fff6ba,#fff8cf)}.gora-notice-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:#ff8700;color:#fff;font-size:36px;font-weight:900}.gora-notice p{margin-bottom:5px;color:var(--red);font-size:clamp(15px,2vw,23px);font-weight:900;line-height:1.4}.gora-notice small{font-size:14px;line-height:1.5}.gora-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.gora-detail{display:grid;grid-template-columns:56px 1fr;align-content:start;gap:8px 12px;padding:20px 24px 16px;background:linear-gradient(145deg,#fff 60%,#f5fafb);border-radius:3px}.gora-detail>img{width:56px}.gora-detail h3{margin:0 0 8px;color:var(--red);font-size:clamp(17px,2.1vw,24px);line-height:1.4;white-space:nowrap}.gora-detail p{font-size:20px;line-height:1.3}.gora-detail .gora-period{font-weight:700}.gora-detail small{grid-column:1/-1;font-size:14px;line-height:1.5}.gora-expiry{margin-top:20px;padding-top:16px;border-top:1px solid #eee}.gora-weeks{margin:46px -12px 0;overflow:hidden;border:1px solid #a9c6b5;border-radius:20px;background:#fffefb}.gora-weeks>h2{display:flex;align-items:center;justify-content:center;gap:24px;padding:6px 16px;background:linear-gradient(115deg,#004526,#003b1e);color:#fff;font-size:clamp(22px,3.8vw,43px);line-height:1.2;font-weight:900;white-space:nowrap}.gora-weeks h2 img{width:76px}.gora-weeks h2>span{letter-spacing:.035em}.gora-weeks h2 b{color:var(--yellow);font-size:1.7em;letter-spacing:.015em}.gora-weeks h2 b small{font-size:.6em}.gora-week-columns{display:grid;grid-template-columns:1fr 1fr;padding:14px 3%}.gora-week-list{padding:0;list-style:none}.gora-week-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:clamp(15px,2vw,23px);font-weight:700;white-space:nowrap}.gora-week-list li>span{padding:4px 16px;border-radius:40px;background:linear-gradient(120deg,#007a3e,#005426);color:#fff}.gora-week-list time{letter-spacing:-.05em}.gora-week-list strong{font-size:1.25em}.gora-week-list strong small{font-size:.8em}.gora-week-columns>.gora-week-list{padding-right:7%;border-right:1px dashed #78a88b}.gora-week-right{padding-left:7%}.gora-four-days{text-align:right;font-size:14px;padding-right:16px}.gora-week-note{margin-top:16px;padding:9px 5px;border-radius:12px;background:#ecf6df;text-align:center;font-weight:700;font-size:16px}.gora-closing{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px -10px 0;padding:18px 24px;border-radius:70px;background:var(--dark-green);color:#fff}.gora-closing p{font-size:clamp(15px,2.2vw,24px);font-weight:700;line-height:1.65}.gora-closing p span{color:#ffed38}
@media(min-width:1280px){.gora-intro-copy p{font-size:20px}.gora-notice p{font-size:25px}.gora-detail p{font-size:23px}}
@media(max-width:760px){.gora-intro{padding:24px 5%;gap:18px;flex-direction:column;align-items:stretch}.gora-intro h2{font-size:27px}.gora-intro-copy p{font-size:15px;line-height:1.75}.gora-desktop-break{display:none}.gora-eligible{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;padding:12px 18px}.gora-eligible h3{font-size:21px;grid-row:1/3}.gora-eligible p{margin:0;font-size:18px}.gora-eligible small{font-size:12px;margin-top:5px}.gora-eligible small br{display:none}.gora-eligible img{width:28px}.gora-participation>h2{font-size:clamp(16px,4.6vw,30px);padding:17px 0}.gora-participation h2 i{margin-left:0}.gora-steps{gap:12px;grid-template-columns:1fr}.gora-steps li{width:min(100%,380px);margin:auto}.gora-notice{align-items:flex-start;padding:16px;gap:10px;margin-top:18px}.gora-notice-icon{flex-basis:30px;height:30px;font-size:25px}.gora-notice p{font-size:17px}.gora-notice small{font-size:12px}.gora-details{grid-template-columns:1fr;gap:12px;margin-top:20px}.gora-detail{grid-template-columns:48px 1fr;padding:20px;gap:10px 16px}.gora-detail>img{width:48px}.gora-detail h3{font-size:21px}.gora-detail p{font-size:19px}.gora-detail small{grid-column:2}.gora-expiry{margin-top:14px;padding-top:14px}.gora-weeks{margin:28px 0 0;border-radius:14px}.gora-weeks>h2{gap:8px;padding:12px 8px;font-size:clamp(14px,3.4vw,25px)}.gora-weeks h2 img{width:38px}.gora-week-columns{grid-template-columns:1fr;padding:16px}.gora-week-columns>.gora-week-list{padding:0;border:0}.gora-week-right{padding:0}.gora-week-list li{font-size:clamp(13px,3.7vw,22px);gap:7px;margin-bottom:10px}.gora-week-list li>span{padding:5px 12px}.gora-week-note{font-size:12px;margin-top:12px}.gora-closing{margin:22px 0 0;padding:20px 18px;gap:14px;border-radius:18px}.gora-closing p{font-size:14px}.gora-closing p br{display:none}}
@media(prefers-reduced-motion:no-preference){.gora-steps li{transition:transform .2s}.gora-steps li:hover{transform:translateY(-3px)}}

/* A soft entrance and a subtle shadow emphasize the campaign artwork. */
.gora-hero h1 img{filter:drop-shadow(0 5px 7px rgba(0,50,90,.16))}
@media(prefers-reduced-motion:no-preference){
  .gora-hero h1 img{animation:hero-reveal 1.1s cubic-bezier(.2,.7,.3,1) both}
  @keyframes hero-reveal{
    from{opacity:0;transform:translateY(16px) scale(.96)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}
@media(max-width:760px){.gora-hero{padding-top:22px}.gora-hero h1{width:86%}}

/* Text stays crisp and editable above each step illustration. */
.gora-steps li{container-type:inline-size}
.gora-step-heading{display:flex;align-items:center;gap:12px;min-height:82px;padding:10px 16px}
.gora-step-number{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#008844,#004b29);color:#fff;font-size:38px;font-weight:900;line-height:1;box-shadow:inset 0 0 10px rgba(255,255,255,.12)}
.gora-step-heading h3{font-size:clamp(15px,5.8cqi,23px);font-weight:800;line-height:1.4;letter-spacing:-.045em}
.gora-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:761px) and (max-width:950px){.gora-step-heading{gap:8px;padding:10px;min-height:72px}.gora-step-number{flex-basis:40px;height:40px;font-size:30px}}
@media(max-width:760px){.gora-eligible{padding:20px 22px}.gora-step-heading{min-height:82px}}

/* Raise the exclamation glyph without moving its circle. */
.gora-notice-icon{padding-bottom:4px;line-height:1}

.gora-campaign h1,.gora-campaign h3{line-height:1.4}

/* Keep animated artwork below the shared navigation and inherit campaign colors. */
.gora-campaign{position:relative;isolation:isolate;z-index:0}
.gora-campaign small{color:inherit}

.gora-point-label{white-space:nowrap;letter-spacing:-.04em}
.gora-detail .gora-point-label small{font-size:.65em;line-height:inherit}

/* Match the detail cards to the participation cards. */
.gora-detail{border-radius:13px}
@media(prefers-reduced-motion:no-preference){
  .gora-detail{transition:transform .2s}
  .gora-detail:hover{transform:translateY(-3px)}
}