.anniversary-banner{position:relative;display:grid;grid-template-columns:150px 1fr 280px;gap:30px;align-items:center;max-width:1320px;margin:38px auto 48px;padding:40px 45px;box-sizing:border-box;background:linear-gradient(115deg,#fff 35%,#edf7fd);color:#173e66;text-decoration:none;border:1px solid #d5e4ef;overflow:hidden;isolation:isolate}.anniversary-banner:before{content:"";position:absolute;width:550px;height:550px;right:-100px;top:-210px;border:1px solid #b6cedf;border-radius:50%;z-index:-1}.anniv-banner-mark{font:italic 140px/.85 Georgia,serif;letter-spacing:-12px;color:#145c9b;text-align:center}.anniv-banner-mark small{display:block;font:600 13px/2 Arial,sans-serif;letter-spacing:.3em;margin-top:16px}.anniv-banner-mark em{display:block;font:11px/2 Arial,sans-serif;letter-spacing:.12em;color:#678aa6}.anniv-banner-text{display:block;min-width:0}.anniv-banner-text strong{display:block;font-size:17px;font-weight:800;letter-spacing:.06em}.anniv-banner-catch{display:block;font-family:"Yu Mincho",serif;font-size:clamp(21px,2.1vw,30px);font-weight:600;letter-spacing:.03em;line-height:1.7;margin:8px 0 14px}.anniv-banner-description{display:block;font-size:12px;color:#49667f;line-height:2}.anniv-banner-cta{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:700;margin-top:22px;padding-bottom:7px;border-bottom:1px solid #79a6c7}.anniv-banner-cta>span{font-size:23px;transition:transform .3s}.anniversary-banner:hover .anniv-banner-cta>span{transform:translateX(6px)}.anniv-banner-art{position:relative;height:220px;display:block}.banner-scene{position:absolute;display:block;width:150px;height:116px;background-image:url('./anniversary-20/storyboard-main.png');background-size:200% 200%;border:6px solid #fff;box-shadow:0 5px 18px #31577724;transition:transform .5s}.banner-scene-phone{top:0;left:0;background-position:left top;transform:rotate(-9deg)}.banner-scene-code{bottom:0;left:25px;background-position:left bottom;transform:rotate(5deg)}.banner-scene-sky{right:-10px;top:55px;background-position:right bottom;transform:rotate(10deg)}.anniversary-banner:hover .banner-scene-sky{transform:translateY(-5px) rotate(7deg)}.anniversary-banner:focus-visible{outline:3px solid #0758b8;outline-offset:4px}.anniversary-banner.is-entering .anniv-banner-text,.anniversary-banner.is-entering .anniv-banner-art{animation:anniv-banner-enter .85s both}.anniversary-banner.is-entering .anniv-banner-art{animation-delay:.15s}@keyframes anniv-banner-enter{from{opacity:.15;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1380px){.anniversary-banner{margin-left:4%;margin-right:4%;grid-template-columns:120px 1fr 220px;gap:25px;padding:35px 30px}.anniv-banner-mark{font-size:120px}.banner-scene{width:130px;height:102px}.banner-scene-sky{right:-5px}}@media(max-width:900px){.anniversary-banner{grid-template-columns:95px 1fr;gap:24px}.anniv-banner-mark{font-size:100px}.anniv-banner-art{grid-column:1/-1;height:150px;max-width:380px;width:100%;margin:5px auto 0}.banner-scene-code{left:110px;bottom:0}.banner-scene-sky{right:0;top:15px}.anniv-banner-description br{display:none}}@media(max-width:520px){.anniversary-banner{padding:26px 20px;gap:18px;margin:25px 5% 35px}.anniv-banner-mark{font-size:85px;letter-spacing:-8px}.anniv-banner-mark small{font-size:10px;letter-spacing:.2em}.anniv-banner-mark em{font-size:8px}.anniv-banner-text strong{font-size:12px}.anniv-banner-catch{font-size:21px;line-height:1.7;margin:9px 0}.anniv-banner-description{font-size:11px;grid-column:1/-1}.anniv-banner-cta{font-size:11px;gap:10px;margin-top:13px}.anniv-banner-art{height:145px}.banner-scene{width:115px;height:90px}.banner-scene-code{left:80px}.banner-scene-sky{right:0;top:20px}}@media(prefers-reduced-motion:reduce){.anniversary-banner *{animation:none!important;transition:none!important}}