@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Zen+Maru+Gothic:wght@700;900&display=swap);
*,:after,:before{background:#0000 no-repeat;border:0;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:initial}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-weight:400;line-height:1}main{display:block}a{-webkit-text-decoration-skip:objects}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:0}input,select{vertical-align:middle}img,picture,video{vertical-align:top}html{-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;overflow:scroll}@media only screen and (max-width:767px){html{font-size:.26667vw}}body{background-color:#fff;color:#333;font-family:Zen Maru Gothic,sans-serif;font-style:normal;font-weight:700;overflow:hidden;position:relative}@media only screen and (max-width:767px){body{font-size:16rem;min-width:100%}}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}@media only screen and (min-width:768px){.sp{display:none!important}}@media only screen and (max-width:767px){.pc{display:none!important}}.hero{height:calc(var(--vhi)*100);position:relative}.hero__heading{align-items:flex-start;display:flex;flex-direction:column;opacity:1;position:fixed;transition:opacity .5s;z-index:1}html.hide-logo .hero__heading{opacity:0}.hero__logo{color:#53b7eb}.hero__copy svg{height:100%;inset:0;position:absolute;width:100%}.hero__corporate-site{align-items:center;background-color:#fff100;border-radius:50vw;color:#000;display:flex;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;justify-content:center;position:fixed;text-decoration:none!important;z-index:1}.hero__main-visual{left:50%;position:absolute;top:50%;translate:-50% -50%}.hero__itsumaru{left:0;top:0}.hero__hello,.hero__hello svg,.hero__itsumaru{position:absolute}.hero__hello svg{height:100%;inset:0;width:100%}.hero__flag,.hero__townsize{position:absolute}.hero__flag{bottom:0;right:0}.hero__scroll-down{align-items:center;display:flex;flex-direction:column;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;left:50%;position:absolute;translate:-50% 0}.hero__scroll-down a{text-decoration:none}.hero__scroll-down span{background:linear-gradient(to top,#fff100 0 var(--height),#0000 var(--height));line-height:var(--height)}.hero__scroll-down:after{background:url(../img/arrow-down-light-full.svg?1994174d84d) 50%/contain no-repeat;content:"";display:block}@media only screen and (min-width:768px){.hero__heading{gap:13.5px;left:30px;top:30px}.hero__logo{height:69.3px;width:120px}.hero__copy{height:104.8px;position:relative;width:127px}.hero__corporate-site{font-size:12px;height:50px;letter-spacing:.07em;overflow:hidden;right:30px;top:30px;width:170px}.hero__corporate-site span,.hero__corporate-site:after{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;transition:transform .25s,opacity .25s}.hero__corporate-site:after{content:"CORPORATE SITE";opacity:0;transform:translateY(100%)}.hero__corporate-site:hover span{opacity:0;transform:translateY(-100%)}.hero__corporate-site:hover:after{opacity:1;transform:translateY(0)}.hero__main-visual{height:450px;transform:translateY(calc(var(--vhi)*-3.33767));width:660px}.hero__itsumaru{height:112.9px;width:135.3px}.hero__hello{height:33.2px;left:115px;top:58.8px;width:139.7px}.hero__townsize{bottom:6.9px;height:293.6px;left:9.1px;width:386.7px}.hero__flag{height:412.9px;width:199.8px}.hero__scroll-down{bottom:50px;font-size:12px;gap:5px;letter-spacing:.13em}.hero__scroll-down span{--height:16px}.hero__scroll-down:after{height:36px;transition:transform .25s;width:36px}.hero__scroll-down:has(a:hover):after{transform:translateY(10px)}}@media only screen and (max-width:767px){.hero__heading{left:20rem;top:25rem}.hero__logo{height:31.9rem;width:55.3rem}.hero__copy{display:none}.hero__corporate-site{font-size:12rem;height:40rem;letter-spacing:.07em;right:20rem;top:20rem;width:140rem}.hero__main-visual{height:190rem;transform:translateY(calc(var(--vhi)*-3.29085));width:280rem}.hero__itsumaru{height:48rem;width:57.5rem}.hero__hello{height:14.1rem;left:48.9rem;top:25rem;width:59.4rem}.hero__townsize{bottom:3.1rem;height:124.8rem;left:3.9rem;width:164.4rem}.hero__flag{height:175.5rem;width:84.9rem}.hero__scroll-down{bottom:35rem;font-size:12rem;gap:5rem;letter-spacing:.13em}.hero__scroll-down span{--height:16rem}.hero__scroll-down:after{height:36rem;width:36rem}}@property --progress{syntax:"<number>";inherits:true;initial-value:0}.concept{background:bottom/cover no-repeat}.concept__container{background-color:#fff;display:flex;position:relative}.concept__copy{--delay:1s}.concept__statement b{font-weight:900}.concept__statement b mark{overflow:hidden;white-space:nowrap}.concept__statement p{margin-block:calc(.5em - 1lh/2)}.concept__statement p:first-child{display:flex;flex-direction:column}.concept__illust{bottom:0;left:50%;position:absolute;translate:-50% 0}.concept__marquee{animation:marquee 0s linear infinite normal none running;background:url(../img/marquee.svg?19941c21d3a) 0 0 repeat-x}@keyframes marquee{0%{background-position:0 0}to{background-position:var(--distance) 0}}@media only screen and (min-width:768px){.concept{background-image:url(../img/concept-bg.jpg?1995b8990d2);padding-block:80px 380px}.concept__container{border-radius:50px;gap:125px;justify-content:center;margin-inline:auto;padding-block:135px 220px;width:1170px}.concept__copy{height:229px;padding-top:155px;width:277.5px}.concept__statement{font-size:18px;letter-spacing:.13em;line-height:2.72}.concept__statement b{font-size:25px;line-height:2}.concept__statement b :nth-child(1 of span){--delay:2.8s}.concept__statement b :nth-child(2 of span){--delay:3.2s}.concept__statement b mark{background:linear-gradient(0deg,#fff100 0 26px,#0000 26px)}.concept__statement p+p{margin-top:2em}.concept__illust{--delay:5.2s;height:97.9px;width:117.3px}.concept__marquee{--distance:-1228.20993692px;animation-duration:60s;background-size:auto 90px;height:90px;margin-top:105px}}@media only screen and (min-width:768px) and (max-width:1250px){.concept{padding-inline:40px}.concept__container{width:auto}.concept__marquee{margin-inline:-40px}}@media only screen and (min-width:768px) and (max-width:1180px){.concept__container{gap:0;justify-content:space-evenly}}@media only screen and (min-width:768px) and (max-width:925px){.concept__container{align-items:center;flex-direction:column;gap:125px}.concept__copy{padding-top:0}}@media only screen and (max-width:767px){.concept{background-image:url(../img/concept-bg-sp.jpg?1995b8990f4);padding:40rem 35rem 135rem}.concept__container{border-radius:10rem;flex-direction:column;gap:65rem;padding:70rem 20rem 125rem}.concept__copy{align-self:center;height:134rem;width:162.3rem}.concept__statement{font-size:14rem;letter-spacing:.03em;line-height:2.28;white-space:nowrap}.concept__statement b{font-size:16rem;letter-spacing:.13em;line-height:2}.concept__statement b :nth-child(1 of span){--delay:3.2s}.concept__statement b :nth-child(2 of span){--delay:3.7s}.concept__statement b mark{background:linear-gradient(0deg,#fff100 0 17rem,#0000 17rem)}.concept__statement p+p{margin-top:1.5em}.concept__illust{--delay:5.7s;height:61.7rem;width:73.9rem}.concept__marquee{--distance:-518.57752892rem;animation-duration:50s;background-size:auto 38rem;height:38rem;margin-top:80rem;margin-inline:-40rem}}.page-top{background-color:#6ec3ee;position:relative}.page-top__link{align-items:center;display:flex;flex-direction:column;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;margin-inline:auto;width:max-content}.page-top__link a{text-decoration:none}.page-top__link span{background:linear-gradient(to top,#fff100 0 var(--height),#0000 var(--height));line-height:var(--height)}.page-top__link:before{background:url(../img/arrow-up-light-full.svg?199417513cf) 50%/contain no-repeat;content:"";display:block}.page-top__logo{align-items:flex-start;display:flex;flex-direction:column;margin-inline:auto;width:max-content}@media only screen and (min-width:768px){.page-top{padding-block:35px 135px}.page-top__link{font-size:12px;gap:5px;letter-spacing:.13em}.page-top__link span{--height:16px}.page-top__link:before{height:36px;transition:transform .25s;width:36px}.page-top__link:has(a:hover):before{transform:translateY(-10px)}.page-top__logo{gap:13.5px;margin-top:75px}.page-top__logo figure:first-child{height:83.1px;width:144px}.page-top__logo figure:nth-child(2){height:125.8px;margin-right:-8.4px;width:152.4px}}@media only screen and (max-width:767px){.page-top{padding-block:35rem 145rem}.page-top__link{font-size:12rem;gap:5rem;letter-spacing:.13em}.page-top__link span{--height:16rem}.page-top__link:before{height:36rem;width:36rem}.page-top__logo{gap:14.4rem;margin-top:45rem}.page-top__logo figure:first-child{height:74.3rem;width:128.7rem}.page-top__logo figure:nth-child(2){height:112.4rem;margin-right:-7.5rem;width:136.2rem}}.footer{align-items:center}.footer,.footer__nav ul{display:flex}.footer__nav ul li:nth-child(n+2){position:relative}.footer__nav ul li:nth-child(n+2):before{background-color:#333;content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);width:1px}.footer__copyright{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}@media only screen and (min-width:768px){.footer{padding:35px 40px}.footer__logo figure{height:49.9px;width:197.8px}.footer__nav{font-size:12px;letter-spacing:.13em;margin-left:45px}.footer__nav ul{gap:45px}.footer__nav ul li:nth-child(n+2):before{height:11px;left:-23px}.footer__copyright{font-size:11px;letter-spacing:.07em;margin-left:auto}}@media only screen and (min-width:768px) and (max-width:1100px){.footer{align-items:center;flex-direction:column;gap:40px}.footer__copyright,.footer__nav{margin-left:0}}@media only screen and (max-width:767px){.footer{align-items:center;flex-direction:column;padding-block:40rem}.footer__logo figure{height:45.4rem;width:180rem}.footer__nav{font-size:12rem;margin-top:30rem}.footer__nav ul{gap:39rem}.footer__nav ul li:nth-child(n+2):before{height:11rem;left:-20rem}.footer__copyright{font-size:10rem;letter-spacing:.07em;margin-top:30rem}}@property --d{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes hero{0%{background-color:#6ec3ee}54%{background-color:#6ec3ee}55%{background-color:#fff}}html.opening .hero{animation:hero 10s linear}@keyframes hero-1{0%{opacity:0;translate:-50% calc(var(--heading-height)/-2 + var(--slide-distance))}to{opacity:1;translate:-50% calc(var(--heading-height)/-2)}}@keyframes hero-2{0%{translate:-50% calc(var(--heading-height)/-2)}to{translate:-50% -50%}}@keyframes hero-3{0%{height:calc(var(--logo-width)/sqrt(3));width:var(--logo-width)}to{height:calc(var(--vhi)*100);width:calc(var(--vwi)*100)}}@keyframes hero-4{0%{--d:60deg}to{--d:0deg}}html.scene-1 .hero:before{--d:60deg;animation:hero-1 .8s cubic-bezier(.215,.61,.355,1) 1s forwards,hero-2 .5s cubic-bezier(.215,.61,.355,1) 4s forwards,hero-3 .5s cubic-bezier(.55,.055,.675,.19) 4.5s forwards,hero-4 .5s cubic-bezier(.215,.61,.355,1) 5s forwards;background:conic-gradient(#0000 var(--d),#fff var(--d) calc(180deg - var(--d)),#0000 calc(180deg - var(--d)) calc(180deg + var(--d)),#fff calc(180deg + var(--d)) calc(1turn - var(--d)),#0000 calc(1turn - var(--d)));content:"";display:block;height:calc(var(--logo-width)/sqrt(3));left:50%;opacity:0;position:absolute;top:50%;translate:-50% calc(var(--heading-height)/-2);width:var(--logo-width);z-index:2}@media only screen and (min-width:768px){html.scene-1 .hero{--w:200;--logo-width:200px;--heading-height:332px;--slide-distance:20px}}@media only screen and (max-width:767px){html.scene-1 .hero{--w:200;--logo-width:200rem;--heading-height:332rem;--slide-distance:20rem}}html.scene-1 .hero__heading{position:static}html.scene-1 .hero__logo{opacity:0}@keyframes copy-1{0%{translate:calc(var(--logo-width)/-2) calc(var(--heading-height)/2)}to{translate:calc(var(--logo-width)/-2) calc(var(--heading-height) - var(--logo-width)/sqrt(3)/2)}}@keyframes copy-2{0%{animation-timing-function:ease-out;transform:translateY(1em)}70%{animation-timing-function:ease-in;transform:translateY(-.15em)}to{transform:translateY(0)}}html.scene-1 .hero__copy{animation:copy-1 .5s cubic-bezier(.215,.61,.355,1) 4s forwards;bottom:50%;display:block;left:50%;position:absolute;translate:calc(var(--logo-width)/-2) calc(var(--heading-height)/2);z-index:1}html.scene-1 .hero__copy svg{animation:fade-in .5s linear forwards,copy-2 .5s forwards;opacity:0;transform:translateY(1em)}html.scene-1 .hero__copy svg:first-child{animation-delay:1.75s}html.scene-1 .hero__copy svg:nth-child(2){animation-delay:1.85s}html.scene-1 .hero__copy svg:nth-child(3){animation-delay:1.95s}html.scene-1 .hero__copy svg:nth-child(4){animation-delay:2.05s}html.scene-1 .hero__copy svg:nth-child(5){animation-delay:2.15s}html.scene-1 .hero__copy svg:nth-child(6){animation-delay:2.25s}html.scene-1 .hero__copy svg:nth-child(7){animation-delay:2.35s}html.scene-1 .hero__copy svg:nth-child(8){animation-delay:2.45s}html.scene-1 .hero__copy svg:nth-child(9){animation-delay:2.55s}html.scene-1 .hero__copy svg:nth-child(10){animation-delay:2.65s}html.scene-1 .hero__copy svg:nth-child(11){animation-delay:2.75s}html.scene-1 .hero__copy svg:nth-child(12){animation-delay:2.85s}html.scene-1 .hero__copy svg:nth-child(13){animation-delay:2.95s}@media only screen and (min-width:768px){html.scene-1 .hero__copy{--logo-width:200px;--heading-height:332px;height:182.4px;width:221px}}@media only screen and (max-width:767px){html.scene-1 .hero__copy{--logo-width:200rem;--heading-height:332rem;height:182.4rem;width:221rem}}html.scene-1 .hero__corporate-site,html.scene-1 .hero__flag,html.scene-1 .hero__greeting,html.scene-1 .hero__scroll-down,html.scene-1 .hero__townsize{opacity:0}html.scene-2 .hero__heading{animation:fade-in .5s linear 5s forwards;opacity:0;transition:none}html.scene-2 .hero__corporate-site{animation:fade-in .5s linear 5.1s forwards;opacity:0}@keyframes greeting{to{scale:1;translate:0 0}}html.scene-2 .hero__greeting{animation:greeting 1s cubic-bezier(.215,.61,.355,1) 3.5s forwards}@media only screen and (min-width:768px){html.scene-2 .hero__greeting{translate:202.7px 168.6px}}@media only screen and (max-width:767px){html.scene-2 .hero__greeting{height:48rem;scale:2;translate:85.9rem 71rem;width:108.3rem}}@keyframes itsumaru{0%{scale:.97;translate:0 var(--slide-distance)}to{scale:1;translate:0 0}}html.scene-2 .hero__itsumaru{animation:fade-in 1s linear .5s forwards,itsumaru 1s cubic-bezier(.215,.61,.355,1) .5s forwards;opacity:0}@media only screen and (min-width:768px){html.scene-2 .hero__itsumaru{--slide-distance:20px}}@media only screen and (max-width:767px){html.scene-2 .hero__itsumaru{--slide-distance:20rem}}@keyframes hello{0%{translate:0 -10px}to{translate:0 0}}html.scene-2 .hero__hello svg{animation:fade-in .2s linear forwards;opacity:0}html.scene-2 .hero__hello svg:first-child{animation-delay:1.5s}html.scene-2 .hero__hello svg:nth-child(2){animation-delay:1.6s}html.scene-2 .hero__hello svg:nth-child(3){animation-delay:1.7s}html.scene-2 .hero__hello svg:nth-child(4){animation-delay:1.8s}html.scene-2 .hero__hello svg:nth-child(5){animation-delay:1.9s}html.scene-2 .hero__hello svg:last-child{animation:fade-in .2s linear 2s forwards,hello .2s cubic-bezier(.95,.05,.795,.035) 2s forwards}@keyframes townsize{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}html.scene-2 .hero__townsize{animation:townsize .5s ease-out 4.2s forwards;opacity:0}@keyframes flag{0%{opacity:0;translate:20px 0}to{opacity:1;translate:0 0}}html.scene-2 .hero__flag{animation:flag .5s ease-out 4.3s forwards;opacity:0}html.scene-2 .hero__scroll-down{animation:fade-in .5s linear 5.2s forwards;opacity:0}.skew-up-in{display:inline-block;overflow:clip}.skew-up-in__content{display:inline-block;transform:translateY(100%) skewY(10deg);transform-origin:left top}.skew-up-in--enter>.skew-up-in__content{animation:1s cubic-bezier(.215,.61,.355,1) var(--delay,0s) forwards skew-up-in}@keyframes skew-up-in{0%{transform:translateY(100%) skewY(15deg)}to{transform:translateY(0) skewY(0deg)}}.fade-in{opacity:0;transition:opacity var(--duration,1s) var(--delay,0s)}.fade-in--enter{opacity:1}.slide-up-in{opacity:0;transition-delay:var(--delay,0s);transition-duration:1s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.215,.61,.355,1)}@media only screen and (min-width:768px){.slide-up-in{transform:translateY(20px)}}@media only screen and (max-width:767px){.slide-up-in{transform:translateY(20rem)}}.slide-up-in--enter{opacity:1;transform:none}.unblur-in{opacity:0;transition-delay:var(--delay,0s);transition-duration:var(--duration,1s);transition-property:filter,opacity;transition-timing-function:cubic-bezier(.215,.61,.355,1)}@media only screen and (min-width:768px){.unblur-in{filter:blur(1000px)}}@media only screen and (max-width:767px){.unblur-in{filter:blur(100rem)}}.unblur-in--enter{filter:blur(0);opacity:1}.expand-in{display:inline-grid;grid-template-columns:0fr;transition:grid-template-columns var(--duration,1s) ease var(--delay,0s)}.expand-in--enter{grid-template-columns:1fr}.pop-up{perspective:800px}.pop-up__content{--amplitude:1;--frequency:20;--attenuationRate:11;opacity:0;transform:rotateX(calc((1 + var(--amplitude)*(exp(var(--progress) * -1 * var(--attenuationRate)))*cos(var(--progress) * 3.1415 * var(--frequency)))*90deg - 90deg));transform-origin:bottom center}.pop-up--enter .pop-up__content{animation:.2s linear var(--delay,0s) forwards pop-up-fade-in,4s linear var(--delay,0s) forwards pop-up-shake}@keyframes pop-up-shake{0%{--progress:0}to{--progress:1}}@keyframes pop-up-fade-in{0%{opacity:0}to{opacity:1}}