@keyframes qttfiu0{0%{--photo-rotate:0deg}to{--photo-rotate:360deg}}
@keyframes qttfiue{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}
@property --photo-rotate{syntax:"<angle>";inherits:false;initial-value:132deg}
.qttfiu1{z-index:50;position:relative;overflow-x:clip}
.qttfiu2{height:480px;margin:140px auto 96px;position:relative}
.qttfiu3{z-index:50;pointer-events:none;view-transition-name:about-name;flex-direction:column;align-items:center;display:flex;position:absolute;top:260px;left:0;right:0}
.qttfiu4{z-index:50;letter-spacing:-.16em;color:var(--_1icrjn20);font-family:var(--font-noto-serif-jp), "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "MS PMincho", "Noto Serif JP", serif;margin-bottom:-.6em;font-size:clamp(4rem,7.5vw + 2.5rem,15.4rem);font-weight:700;position:relative}
.qttfiu5{z-index:30;background:linear-gradient(180deg, #476bc7 0%, #7996b3 40%, var(--_1icrjn20) 50%);letter-spacing:-.09em;-webkit-text-fill-color:transparent;-webkit-background-clip:text;width:fit-content;height:1.2em;padding:0 16px;font-size:clamp(5.2rem,8.6vw + 2.6rem,17.6rem);font-weight:700;position:relative}
.qttfiu6{z-index:10;width:100%;height:100vh;margin:-120px auto;padding-top:108px;position:relative}
.qttfiu7{width:320px;height:480px;margin:0 auto;position:relative}
.qttfiu8{box-sizing:border-box;isolation:isolate;backface-visibility:hidden;border-radius:20px;width:100%;height:100%;padding:2px;position:relative;overflow:visible}
.qttfiu8:before{content:"";z-index:1;background:linear-gradient(var(--photo-rotate,132deg), #6dd5ed, #5b6cf0 36%, #1747d6 92%, #cb2ed6 100%);border-radius:24px;animation:12s linear infinite qttfiu0;position:absolute;inset:-4px;transform:translateZ(0)}
.qttfiu8:after{content:"";z-index:0;opacity:.82;filter:blur(60px);background:linear-gradient(var(--photo-rotate,132deg), #6dd5ed, #5b6cf0 36%, #1747d6 92%, #cb2ed6 100%);pointer-events:none;border-radius:24px;animation:12s linear infinite qttfiu0;position:absolute;inset:-20px;transform:translateZ(0)scale(.6)}
html:active-view-transition .qttfiu8:before{animation-play-state:paused}html:active-view-transition .qttfiu8:after{animation-play-state:paused}
.qttfiu9{z-index:2;backface-visibility:hidden;background-color:#93c5ff;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}
.qttfiua{z-index:0;filter:saturate(1.3)brightness(1.1);object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:20px;width:100%;height:100%;display:block;position:relative;box-shadow:8px 8px 16px 4px #35359342}
.qttfiub{z-index:20;justify-content:center;gap:16px;width:fit-content;margin:160px auto clamp(60px,5vw,80px);display:flex;position:relative}
.qttfiuc{cursor:pointer;background-color:#0000;border:none;transition:scale .8s cubic-bezier(.15,.95,.01,1);display:block}
.qttfiuc:focus-visible{scale:1.28}
.qttfiuc:hover{scale:1.28}
.qttfiud{width:28px;height:28px;color:var(--_1icrjn20)}
.qttfiuf{background-color:#1300594d;width:1px;height:60px;margin:0 auto clamp(60px,5vw,80px);position:relative;overflow:hidden}
.qttfiuf:before{content:"";background-color:var(--_1icrjn20);width:1px;height:60px;animation-name:qttfiue;animation-duration:1.6s;animation-timing-function:ease;animation-iteration-count:infinite;position:absolute}
.qttfiug{z-index:20;text-align:center;letter-spacing:-.08em;color:var(--_1icrjn20);margin-bottom:clamp(60px,5vw,80px);padding:0 4vw;font-size:clamp(3.2rem,3.6vw + 2.4rem,7.2rem);font-weight:600;line-height:1.2;position:relative}
.qttfiuh{z-index:20;text-align:center;letter-spacing:-.04em;color:var(--_1icrjn20);margin-bottom:clamp(60px,5vw,80px);padding:0 4vw;font-size:clamp(1.8rem,.72vw + 1.2rem,2.4rem);font-weight:300;line-height:1.7;position:relative}
.qttfiui{padding:0 4vw}
.qttfiuj{text-align:center;letter-spacing:-.02em;color:var(--_1icrjn20);margin-bottom:16px;font-size:1.6rem;font-weight:300}
.qttfiuk{margin-bottom:clamp(60px,5vw,80px)}
.qttfiul{z-index:20;text-align:center;color:var(--_1icrjn20);flex-direction:column;gap:16px;font-weight:300;display:flex;position:relative}
.qttfium{margin-bottom:clamp(60px,5vw,80px)}
.qttfiun{z-index:20;text-align:center;color:var(--_1icrjn20);flex-direction:column;gap:16px;font-weight:300;display:flex;position:relative}
.qttfiuo{margin-bottom:clamp(200px,15.6vw,260px)}
.qttfiup{z-index:20;text-align:center;color:var(--_1icrjn20);flex-direction:column;gap:16px;font-weight:300;display:flex;position:relative}
.qttfiuq{letter-spacing:-.02em;margin-bottom:4px;font-size:clamp(1.6rem,.72vw + 1rem,2rem);line-height:1.2}
.qttfiur{letter-spacing:-.04em;font-size:clamp(1.8rem,.72vw + 1.2rem,2.4rem);line-height:1.3}
@media screen and (max-width:1535px){.qttfiuf,.qttfiuf:before{height:56px}}
@media screen and (max-width:1279px){.qttfiu2{height:420px;margin:120px auto 60px}.qttfiu7{width:280px;height:420px}.qttfiuf,.qttfiuf:before{height:48px}.qttfiuj{margin-bottom:12px;font-size:1.4rem}}
@media screen and (max-width:1023px){.qttfiuf,.qttfiuf:before{height:40px}}
@media screen and (max-width:639px){.qttfiu2{margin:108px auto 40px}.qttfiu4{margin-bottom:-.5em}.qttfiu6{margin-top:-120px}.qttfiu7{width:240px;height:360px}.qttfiu8:before{border-radius:22px;inset:-2px}.qttfiub{gap:12px;margin-top:100px}.qttfiud{width:26px;height:26px}.qttfiuf{margin-left:8vw}.qttfiug{text-align:left;padding:0 8vw}.qttfiuh{text-align:left;padding:0 8vw;line-height:1.6}.qttfiui{padding:0 8vw}.qttfiuj{text-align:left}.qttfiul,.qttfiun,.qttfiup{text-align:left;gap:12px}}
@media (min-resolution:2x){.qttfiu8:after{filter:blur(24px);animation:none}}
@media (prefers-reduced-motion:reduce){.qttfiu8:before,.qttfiu8:after{animation:none}}