:root{--hd:60px;--navy:#0b1b36;--cream:#fdecad}*,::before,::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--hd)}body{margin:0;background:#000}h1{margin:0}img{vertical-align:middle;border:0}a{color:inherit;text-decoration:none}.wrap{width:100%;margin:0 auto;padding:0 15px}.pc{display:none}.hd{position:sticky;top:0;z-index:1020;height:var(--hd);background:#fff;border-bottom:4px solid #e5e5e5}.hd .wrap{display:flex;align-items:center;justify-content:space-between;height:100%;padding-right:0}.hd .home{display:flex}.hd .logo{height:30px}.menu{width:60px;height:100%;border-left:1px solid #e5e5e5;background:linear-gradient(#222,#222) center 20px/24px 2px,linear-gradient(#222,#222) center/24px 2px,linear-gradient(#222,#222) center 34px/24px 2px;background-repeat:no-repeat}.menu.open{background:linear-gradient(45deg,transparent calc(50% - 1px),#222 0 calc(50% + 1px),transparent 0) center/18px 18px,linear-gradient(-45deg,transparent calc(50% - 1px),#222 0 calc(50% + 1px),transparent 0) center/18px 18px;background-repeat:no-repeat}.hero{background:linear-gradient(#000 21vw,transparent 40vw),#000 url(../img/bg1.jpg) center bottom 4vw/180% auto no-repeat}.hero .wrap{display:flex;flex-direction:column;aspect-ratio:1/1.48;padding-top:9vw;text-align:center}.hero .title{position:relative;align-self:center}.hero .title img{display:block;width:72vw}.hero .title .star{position:absolute;width:13%;left:49%;top:22%;mix-blend-mode:screen;animation:twinkle 2.6s ease-in-out infinite;transform:scale(3)}.hero .note{display:block;margin-top:auto;padding-bottom:4vw}.hero .note img{display:block;width:100%}.funds{background:var(--navy)}.funds .list{display:flex;flex-direction:column;min-height:calc(100vh - var(--hd));margin:0 -15px}.funds .item{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;border-bottom:1px solid;border-image:linear-gradient(90deg,transparent,#c9a45c,transparent) 1}.funds .item:last-child{border:0}.funds .box{transition:transform .25s}.funds .item:hover .box{transform:translateY(-6px)}.funds .num{display:block;width:87vw;margin:0 auto}@keyframes twinkle{0%,100%{opacity:1;transform:scale(3) rotate(0)}50%{opacity:.35;transform:scale(2.1) rotate(15deg)}}@keyframes twinkle-fade{0%,100%{opacity:1}50%{opacity:.35}}@keyframes float{0%,100%{transform:translateY(-30%)}50%{transform:translateY(-65%)}}@media (min-width:768px){:root{--hd:auto;--u:7.2px}.wrap{max-width:720px}.pc{display:block}.mb{display:none}.hd{padding:12px 0;border:0}.hd .wrap{padding-right:15px}.hd .logo{height:calc(var(--u)*3.6)}.rby{height:calc(var(--u)*3.5)}.hero{background:#000}.hero .wrap{aspect-ratio:auto;height:calc(var(--u)*66);padding-top:calc(var(--u)*10);text-align:left;background:linear-gradient(90deg,#000 30%,transparent 48%,transparent 90%,#000),url(../img/bg1.jpg) right calc(var(--u)*-20) top -20px/auto 100% no-repeat}.hero .title{align-self:flex-start}.hero .title img{width:calc(var(--u)*50)}.hero .title .star{width:9.5%;left:42%;top:31%}.hero .note{padding-bottom:calc(var(--u)*10)}.hero .note img{width:calc(var(--u)*62)}.funds{margin-top:calc(var(--u)*-7.5);padding-bottom:calc(var(--u)*7);background:linear-gradient(#000 calc(var(--u)*7.5),var(--cream) calc(var(--u)*7.5))}.funds .list{flex-direction:row;min-height:0}.funds .item{width:100%;max-width:33.333%;justify-content:flex-start;border:0;padding:0 calc(var(--u)*2)}.funds .num{display:none}.funds .box{position:relative;box-shadow:10px 10px 25px 0px #180c20;border-radius:16px}.funds .box img{display:block;width:100%}.funds .desc{width:100%;margin-top:calc(var(--u)*2.5)}.funds .box::before{content:"";position:absolute;left:-10%;top:50%;width:20%;aspect-ratio:60/57;background:url(../img/gold_arraw.png) center/contain no-repeat;animation:float 3s ease-in-out infinite}.funds .item:nth-child(2) .box::before{animation-duration:3.8s;animation-delay:-1.2s}.funds .item:nth-child(3) .box::before{animation-duration:4.6s;animation-delay:-2.5s}}@media (min-width:992px){:root{--u:9.6px}.wrap{max-width:960px}}@media (min-width:1200px){:root{--hd:84px;--u:11.4px}.wrap{max-width:1140px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}.hero .title .star{animation:twinkle-fade 2.6s ease-in-out infinite!important}}
