.mod-line{width:100%;margin:auto;position:absolute;left:-100%;right:-100%;bottom:0;z-index:10;overflow:hidden;pointer-events:none;opacity:0;animation:fadeIn 1s ease forwards}.mod-line .line-svg{width:100%;height:auto}.mod-line .line-path{animation:drawLine 3s ease forwards;animation-delay:.5s}@media screen and (max-width: 768px){.mod-line{width:100%;height:34.8rem}.mod-line .line-path{stroke-dasharray:3100;stroke-dashoffset:3100}}@media screen and (min-width: 769px){.mod-line{width:1920px;height:900px}.mod-line .line-svg{transform:translate(20px, 2px)}.mod-line .line-path{stroke-dasharray:3700;stroke-dashoffset:3700}}@keyframes drawLine{100%{stroke-dashoffset:0}}@keyframes fadeIn{100%{opacity:1}}.mod-scroll{display:flex;flex-direction:column;justify-content:center;align-items:baseline;width:-moz-fit-content;width:fit-content;position:absolute;z-index:20}.mod-scroll .scroll-line{background-color:#333;position:relative}.mod-scroll .scroll-line::after{content:"";display:inline-block;vertical-align:middle;background-color:#333;border-radius:50%;position:absolute;left:50%;animation:scrollDown 2s cubic-bezier(0.25, 0.1, 0.25, 1) infinite}@media screen and (max-width: 768px){.mod-scroll{gap:1.76rem;left:2.8rem;bottom:3rem}.mod-scroll .scroll-txt{width:1rem;height:3.6rem}.mod-scroll .scroll-line{width:.1rem;height:9.22rem;left:.1rem}.mod-scroll .scroll-line::after{width:.5rem;height:.5rem;margin-left:-0.25rem}}@media screen and (min-width: 769px){.mod-scroll{gap:16px;left:20px;bottom:78px}.mod-scroll .scroll-txt{width:11px;height:41px}.mod-scroll .scroll-line{width:1px;height:98px;left:2px}.mod-scroll .scroll-line::after{width:5px;height:5px;margin-left:-2.5px}}@keyframes scrollDown{0%{top:0;opacity:0}70%{opacity:1}90%{top:100%;transform:translateY(-100%);opacity:1}100%{top:100%;transform:translateY(-100%);opacity:0}}.mod-title{width:-moz-fit-content;width:fit-content}.mod-title.is-active .title-let{transform:none}.mod-title .title-txt{display:flex;align-items:baseline;width:-moz-fit-content;width:fit-content;overflow:hidden}.mod-title .title-let{display:inline-block;width:-moz-fit-content;width:fit-content;will-change:transform;transition:1s cubic-bezier(0.14, 0.44, 0, 0.99);transform:translateY(calc(100% + 1px)) rotateX(100deg) scaleX(0.8);position:relative}.mod-title .title-let:nth-of-type(1){transition-delay:.3s}.mod-title .title-let:nth-of-type(2){transition-delay:.35s}.mod-title .title-let:nth-of-type(3){transition-delay:.4s}.mod-title .title-let:nth-of-type(4){transition-delay:.45s}.mod-title .title-let:nth-of-type(5){transition-delay:.5s}.mod-title .title-let:nth-of-type(6){transition-delay:.55s}.mod-title .title-let:nth-of-type(7){transition-delay:.6s}.mod-title .title-let:nth-of-type(8){transition-delay:.65s}.mod-title .title-let:nth-of-type(9){transition-delay:.7s}@media screen and (max-width: 768px){.mod-title .title-txt{perspective:37.5rem}}@media screen and (min-width: 769px){.mod-title .title-txt{perspective:500px}}.mod-circle{margin:auto;position:relative;top:0}.mod-circle.is-active .circle-bg::before{opacity:0}.mod-circle.is-active .circle-bg .circle-svg{opacity:1}.mod-circle.is-active .circle-bg .circle-svg circle{stroke-dashoffset:0}.mod-circle .circle-txt{display:grid;place-items:center;text-align:center;font-weight:700;position:absolute;inset:0}.mod-circle .circle-bg{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;pointer-events:none}.mod-circle .circle-bg::before{content:"";display:inline-block;vertical-align:middle;border-radius:50%;position:absolute}.mod-circle .circle-svg{width:100%;height:100%;position:absolute;inset:0;opacity:0;transform:rotate(-90deg)}.mod-circle .circle-svg circle{fill:none;stroke-width:2;stroke-dasharray:1572;stroke-dashoffset:1572;transition:stroke-dashoffset 1s ease}@media screen and (max-width: 768px){.mod-circle{width:33rem;height:33rem}.mod-circle .circle-txt{font-size:2rem;line-height:2.9rem}.mod-circle .circle-bg::before{border:.1rem solid;inset:.1rem}}@media screen and (min-width: 769px){.mod-circle{width:504px;height:504px;top:-86px}.mod-circle .circle-txt{font-size:32px;line-height:54px}.mod-circle .circle-bg::before{border:1px solid;inset:1px}}.f-mv{overflow-x:hidden;position:sticky;top:0;z-index:1}.f-mv .mv-inner{height:100%;position:relative}.f-mv .mv-ttl{display:flex;justify-content:center;align-items:center}.f-mv .mv-main{display:flex}.f-mv .mv-txt{color:#333;font-weight:700}.f-mv .mv-slider{position:relative}.f-mv .mv-pic{opacity:0;transition:opacity 3s ease-in-out;position:absolute;top:0;left:0}.f-mv .mv-pic.is-active{opacity:1}@media screen and (max-width: 768px){.f-mv{background:url(../img/sp/front-page/bg_mv.svg) center -0.8rem/auto 40.6rem no-repeat,url(../img/sp/front-page/bg_mv_noise.webp) center bottom/cover no-repeat;height:100svh;min-height:66.7rem}.f-mv .mv-inner{display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;padding:7.4rem 2rem 5.5rem}.f-mv .mv-head{padding-left:1.5rem;margin-top:auto}.f-mv .mv-ttl{width:25.7rem;height:18.177rem}.f-mv .mv-main{flex-direction:column;gap:2.2rem}.f-mv .mv-txt{padding-left:1.8rem;font-size:1.4rem;font-weight:700;line-height:1.6rem}.f-mv .mv-slider{width:26.3rem;height:31.6rem;margin:0 2.2rem 0 auto}.f-mv .mv-pic{width:100%;height:100%}}@media screen and (min-width: 769px){.f-mv{background:url(../img/pc/front-page/bg_mv.svg) center top/auto 681px no-repeat,url(../img/pc/front-page/bg_mv_noise.webp) center/cover no-repeat;height:901px}.f-mv .mv-inner{padding:126px 50px 104px 0}.f-mv .mv-head{margin-bottom:22px;transform:translateX(12px)}.f-mv .mv-ttl{width:1076px;height:222px}.f-mv .mv-main{justify-content:space-between;gap:64px;padding-left:50px}.f-mv .mv-txt{font-size:24px;line-height:40px;padding-top:94px}.f-mv .mv-slider{width:865px;height:426px}.f-mv .mv-pic{width:865px;height:426px}}.f-vision{display:flex;flex-direction:column;background-color:#3ae6d4;overflow:hidden;position:sticky;top:0;z-index:2}.f-vision::after{content:"";display:inline-block;vertical-align:middle;margin:auto;position:absolute;top:0;left:0;right:0;pointer-events:none}.f-vision .vision-inner{margin:0 auto}.f-vision .mod-title{position:relative;z-index:1}.f-vision .mod-circle{position:relative;z-index:1}.f-vision .mod-circle .circle-txt{color:#fff}.f-vision .mod-circle .circle-bg::before{border-color:#fff}.f-vision .mod-circle .circle-svg circle{stroke:#fff}.f-vision .mod-autoscroll{position:relative;z-index:1}.f-vision .mod-autoscroll .autoscroll-svg path{fill:#88fff2}@media screen and (max-width: 768px){.f-vision{height:100svh;min-height:53rem;padding:8.9901477833svh 0 6.8965517241svh}.f-vision::after{background:url(../img/sp/front-page/bg_vision.svg) center top/contain no-repeat;width:100%;height:81.2rem}.f-vision .mod-title{margin-left:1.05rem}.f-vision .mod-title .title-txt{gap:.885rem}.f-vision .mod-title .title-let[alt=V]{width:6.167rem;height:5.7239rem}.f-vision .mod-title .title-let[alt=i]{width:1.4099rem;height:6.0608rem}.f-vision .mod-title .title-let[alt=s]{width:4.9512rem;height:4.4751rem}.f-vision .mod-title .title-let[alt=o]{width:5.376rem;height:4.4751rem}.f-vision .mod-title .title-let[alt=n]{width:4.9805rem;height:4.3982rem}.f-vision .mod-circle{margin:auto;top:-4.0640394089svh}}@media screen and (min-width: 769px){.f-vision{height:900px;padding:36px 0 88px}.f-vision::after{background:url(../img/pc/front-page/bg_vision.svg) center top/contain no-repeat;width:956px;height:746px;transform:translateX(242px)}.f-vision .mod-title .title-txt{height:162px;gap:23px}}@media screen and (min-width: 1240px){.f-vision .vision-inner{width:1440px}}.f-mission{display:flex;flex-direction:column;background-color:#fff;overflow:hidden;position:sticky;top:0;z-index:3}.f-mission::after{content:"";display:inline-block;vertical-align:middle;margin:auto;position:absolute;top:0;left:0;right:0;pointer-events:none}.f-mission .mission-inner{margin:0 auto}.f-mission .mod-title{position:relative;z-index:1}.f-mission .mod-circle{position:relative;z-index:1}.f-mission .mod-circle .circle-txt{color:#000}.f-mission .mod-circle .circle-bg::before{border-color:#000}.f-mission .mod-circle .circle-svg circle{stroke:#000}.f-mission .mod-autoscroll{position:relative;z-index:1}.f-mission .mod-autoscroll .autoscroll-svg path{fill:#e0fffc}@media screen and (max-width: 768px){.f-mission{height:100svh;min-height:50rem;padding:9.4193548387svh 0 .7741935484svh}.f-mission::after{background:url(../img/sp/front-page/bg_mission.svg) center top/contain no-repeat;width:100%;height:89.6rem}.f-mission .mod-title{margin-left:1.05rem}.f-mission .mod-title .title-txt{gap:.975rem}.f-mission .mod-title .title-let[alt=M]{width:6.4819rem;height:5.7239rem}.f-mission .mod-title .title-let[alt=i]{width:1.4099rem;height:6.0608rem}.f-mission .mod-title .title-let[alt=s]{width:4.9512rem;height:4.4751rem}.f-mission .mod-title .title-let[alt=o]{width:5.376rem;height:4.4751rem}.f-mission .mod-title .title-let[alt=n]{width:4.9805rem;height:4.3982rem}.f-mission .mod-circle{margin:auto;top:-4.2580645161svh}}@media screen and (min-width: 769px){.f-mission{height:900px;padding:36px 0 88px}.f-mission::after{background:url(../img/pc/front-page/bg_mission.svg) center top/contain no-repeat;width:956px;height:746px;transform:translateX(242px)}.f-mission .mod-title{margin-left:24px}.f-mission .mod-title .title-txt{height:162px;gap:25.5px}}@media screen and (min-width: 1240px){.f-mission .mission-inner{width:1440px}}@media screen and (min-width: 769px)and (max-height: 824px){.f-mv,.f-vision,.f-mission{position:relative}}.f-service{flex-shrink:0;width:100%;margin:auto;position:relative;z-index:1}.f-service .service-inner{position:relative}.f-service .service-inner::before{content:"";display:inline-block;vertical-align:middle;background:url(../img/common/front-page/img_service_site.webp) center/contain no-repeat;position:absolute}.f-service .service-lead{color:#fff}.f-service .service-link{display:flex;justify-content:space-between;align-items:center}.f-service .link-txt{color:#fff;font-weight:500;position:relative}.f-service .link-txt::after{content:"";display:inline-block;vertical-align:middle;background-color:#fff;width:100%;position:absolute;left:0;bottom:0;transform:scaleX(1);transform-origin:right;transition:transform .3s ease}.f-service .link-svg{transition:all .3s ease}.f-service .link-svg path{stroke:#304166}@media screen and (max-width: 768px){.f-service{background:linear-gradient(160deg, #BCF7E2 0%, #00C6C3 70%, #00C6C3 100%);border-radius:2rem;height:100.1rem;margin:0 auto -2rem;top:-0.1rem;transform:translateY(6.1rem)}.f-service .service-inner::before{width:35.5rem;height:39.2rem;margin:auto;left:0;right:0;top:-6.1rem}.f-service .service-site{width:100%;padding:31.8rem 2rem 10rem;margin:auto}.f-service .mod-title{margin-bottom:2.7rem}.f-service .mod-title .title-txt{gap:.3rem}.f-service .mod-title .title-let[alt=S]{width:2.6294rem;height:2.3511rem}.f-service .mod-title .title-let[alt=e]{width:2.1226rem;height:1.79rem}.f-service .mod-title .title-let[alt=r]{width:1.1821rem;height:1.7827rem}.f-service .mod-title .title-let[alt=v]{width:2.1387rem;height:1.73rem}.f-service .mod-title .title-let[alt=i]{width:.564rem;height:2.4243rem}.f-service .mod-title .title-let[alt=c]{width:1.8721rem;height:1.79rem}.f-service .mod-title .title-let[alt=e]{width:2.1226rem;height:1.79rem}.f-service .service-logo{width:19.4rem;height:4rem;margin-bottom:1.8rem}.f-service .service-lead{font-size:1.4rem;font-weight:500;line-height:2.8rem;letter-spacing:.028rem;margin-bottom:2.6rem}.f-service .service-link{width:18.8rem;height:5.6rem}.f-service .link-txt{font-size:1.4rem;line-height:3.4rem}.f-service .link-txt::after{height:.1rem}.f-service .link-svg{width:5.6rem;height:5.6rem}}@media screen and (min-width: 769px){.f-service{border-radius:40px;width:100%;max-width:1440px;height:815px;padding:90px 0 79px;margin-bottom:-106px}.f-service::before{content:"";display:inline-block;vertical-align:middle;background:linear-gradient(70deg, #9EF0DD 0%, #00C6C3 70%, #00C6C3 100%);border-radius:40px;width:1240px;height:702px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;transition:width .5s cubic-bezier(0.34, 1.3, 0.64, 1),height .5s cubic-bezier(0.34, 1.3, 0.64, 1)}.f-service.is-active::before{width:100%;height:100%}.f-service.is-active .service-site{transform:translateY(0);filter:blur(0)}.f-service.is-active .mod-title .title-let{transform:none}.f-service .service-inner::before{width:594px;height:655px;left:-40px;top:-10px}.f-service .service-site{width:586px;margin:0 68px 0 auto;transform:translateY(106px);filter:blur(2px);transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s,filter .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .3s}.f-service .mod-title{margin-bottom:40px}.f-service .mod-title .title-txt{height:42px;gap:5px}.f-service .mod-title.is-active :where(.title-let){transform:translateY(calc(100% + 1px)) rotateX(100deg) scaleX(0.8)}.f-service .service-logo{width:280px;height:64px;margin-bottom:30px}.f-service .service-lead{font-size:17px;font-weight:400;line-height:36px;margin-bottom:30px}.f-service .service-link{width:265px;height:80px}.f-service .service-link:hover .link-txt::after{transform:scaleX(0)}.f-service .service-link:hover .link-svg{transform:scale(0.95)}.f-service .service-link:hover .link-svg path{stroke:#16d1be}.f-service .link-txt{font-size:18px;line-height:34px}.f-service .link-txt::after{height:1px}.f-service .link-svg{width:80px;height:80px}}.f-company{width:100%;overflow:hidden;position:relative}.f-company::after{content:"";display:inline-block;vertical-align:middle;margin:auto;position:absolute;top:0;left:0;right:0;pointer-events:none}.f-company .company-inner{display:flex;position:relative;z-index:1}.f-company .company-item{display:flex;justify-content:space-between;color:#333}.f-company .company-item:first-of-type{padding-top:0}.f-company .company-dd{flex:1}@media screen and (max-width: 768px){.f-company{background-color:#effffd;height:59rem;padding:11rem 0 10rem}.f-company::after{background:url(../img/sp/front-page/bg_company.svg) center top/contain no-repeat;width:37.5rem;height:59rem}.f-company .company-inner{flex-direction:column;gap:4.4rem;padding:0 2rem}.f-company .mod-title{margin:auto}.f-company .mod-title .title-txt{gap:.4rem;padding-bottom:1.2rem}.f-company .mod-title .title-let[alt=p],.f-company .mod-title .title-let[alt=y]{top:.8rem}.f-company .mod-title .title-let[alt=C]{width:2.6978rem;height:2.6612rem;left:.2rem}.f-company .mod-title .title-let[alt=o]{width:2.4371rem;height:2.0287rem}.f-company .mod-title .title-let[alt=m]{width:3.8765rem;height:1.9938rem}.f-company .mod-title .title-let[alt=p]{width:2.3906rem;height:2.794rem}.f-company .mod-title .title-let[alt=a]{width:2.2678rem;height:2.0287rem}.f-company .mod-title .title-let[alt=n]{width:2.2578rem;height:1.9938rem}.f-company .mod-title .title-let[alt=y]{width:2.1615rem;height:2.8355rem}.f-company .company-dl{width:100%}.f-company .company-item{border-bottom:.1rem solid #a4e8df;font-size:1.4rem;line-height:2rem;padding:1.9rem 0}.f-company .company-dt{width:11.4rem;padding-left:.8rem}}@media screen and (min-width: 769px){.f-company{background-color:#dffdfa;border:1px solid #a4e8df;height:844px;padding:270px 0 262px}.f-company::after{background:url(../img/pc/front-page/bg_company.svg) center top/contain no-repeat;width:1068px;height:742px;transform:translateX(-186px)}.f-company .company-inner{justify-content:space-between;padding:0 20px 0 70px}.f-company .mod-title .title-txt{height:56px;gap:4.5px;padding-bottom:12px}.f-company .mod-title .title-let[alt=p],.f-company .mod-title .title-let[alt=y]{top:12px}.f-company .company-dl{width:580px}.f-company .company-item{border-bottom:1px solid #a4e8df;font-size:18px;line-height:26px;padding:19.5px 0}.f-company .company-dt{width:150px}}.f-contact{overflow:hidden;position:relative}.f-contact::after{content:"";display:inline-block;vertical-align:middle;margin:auto;position:absolute;left:0;right:0;pointer-events:none}.f-contact .mod-title{display:flex;justify-content:center}@media screen and (max-width: 768px){.f-contact{padding:8.8rem 0 12rem}.f-contact::after{background:url(../img/sp/front-page/bg_contact.svg) right center/contain no-repeat;height:15.2rem;bottom:-2.8rem}.f-contact .mod-title{margin:0 auto 3.8rem}.f-contact .mod-title .title-txt{gap:.4rem}.f-contact .mod-title .title-let[alt=C]{width:2.6978rem;height:2.6612rem}.f-contact .mod-title .title-let[alt=o]{width:2.4371rem;height:2.0287rem}.f-contact .mod-title .title-let[alt=n]{width:2.2578rem;height:1.9938rem}.f-contact .mod-title .title-let[alt=t]{width:1.4377rem;height:2.5683rem}.f-contact .mod-title .title-let[alt=a]{width:2.2678rem;height:2.0287rem}.f-contact .mod-title .title-let[alt=c]{width:2.1217rem;height:2.0287rem}}@media screen and (min-width: 769px){.f-contact{padding:112px 0 140px}.f-contact::after{background:url(../img/pc/front-page/bg_contact.svg) center/contain no-repeat;width:637px;height:353px;bottom:-70px;transform:translateX(401.5px)}.f-contact .mod-title{margin:0 auto 72px}.f-contact .mod-title .title-txt{height:40px;gap:5.5px}}/*# sourceMappingURL=front-page.css.map */