.top-sec{background-color:#f7f7f7;padding:5rem 0 16.5rem;position:relative}.top-sec::before,.top-sec::after{content:"";position:absolute;left:50%;transform:translateX(-50%);background-size:cover}.top-sec::before{top:.2rem;background-image:url(../img/top/about_bg_top.webp);width:calc(88% - 2rem);height:32vw}.top-sec::after{bottom:2.4rem;background-image:url(../img/top/about_bg_bottom.webp);width:96%;height:23vw}.top-sec h2{text-align:center;margin-bottom:18vw}.top-sec .flex{display:grid;grid-template-columns:1fr 1fr;gap:3rem 1.7rem}.top-sec .flex a{color:#000;text-decoration:none;font-size:1.4rem}.top-sec .flex a img{width:100%}@media screen and (min-width: 960px){.top-sec{padding:5rem 0 18.7rem}.top-sec::before{background-image:url(../img/top/about_bg_top_pc.webp);width:94%;height:12.2vw;top:4.2rem}.top-sec::after{background-image:url(../img/top/about_bg_bottom_pc.webp);height:12vw}.top-sec h2{width:19.6rem;margin:0 auto 6vw}.top-sec h2 img{width:100%}.top-sec .flex{grid-template-columns:1fr 1fr 1fr 1fr;gap:3rem 2.1rem}}@media screen and (min-width: 1280px){.top-sec{padding:10rem 0 22.5rem}.top-sec::before{top:4.2rem;width:min(94%,120rem);height:min(12.2vw,15.6rem)}.top-sec::after{width:min(96%,120rem);height:min(12.2vw,15.1rem)}}@keyframes fvFadeIn{from{opacity:0}to{opacity:1}}.fv{position:relative;height:calc(100svh - 3.6rem)}.fv .swiper-slide img{width:100%;height:calc(100svh - 3.6rem);object-fit:cover;object-position:top}.fv .swiper-slide.fv-first img{animation:fvFadeIn 1.2s ease-in-out both}.fv .container{position:relative}.fv .logo{position:absolute;bottom:10.5rem;right:5%;z-index:10;width:11.3rem}@media screen and (min-width: 960px){.fv .logo{width:15rem}}.fv .scroll{text-decoration:none;bottom:3.2rem;position:absolute;left:50%;transform:translateX(-50%);height:28px;width:8rem;z-index:10}.fv .scroll .text{color:#fff;font-size:1rem;line-height:1.2em;font-family:"Noto Serif",serif;font-weight:bold;letter-spacing:.12em;white-space:nowrap}.fv .scroll img{transform:scale(1, -1);filter:brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7442%) hue-rotate(164deg) brightness(116%) contrast(91%)}@media screen and (min-width: 960px){.fv .logo{right:5%}}@media screen and (min-width: 1280px){.fv{height:calc(100svh - 8.8rem)}.fv .logo{width:20.8rem;right:7%}.fv .swiper-slide img{height:calc(100svh - 8.8rem)}}.home-news a{text-decoration:none}.top-sec h2 img{width:30%}@media screen and (min-width: 960px){.top-sec h2 img{width:70%}}/*# sourceMappingURL=top.css.map */