﻿.wow{visibility:hidden}main#top{overflow:hidden}#stage02 hgroup h2,#stage04 hgroup h2,#stage05 hgroup h2{font-family:"Josefin Sans", sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;line-height:1.4;font-size:clamp(1.7em, 4vw, 2.5em);letter-spacing:0.1em}#stage02 hgroup p,#stage04 hgroup p,#stage05 hgroup p{font-size:clamp(1em, 4vw, 1.1em);letter-spacing:0.1em}.eachTextAnime{display:flex;justify-content:flex-start}.eachTextAnime span{opacity:0}.eachTextAnime.appeartext span{animation:text_anime_on 1s ease-in-out forwards}@keyframes text_anime_on{0%{opacity:0;transform:translate3d(0, 0, 0)}50%{opacity:0;transform:translate3d(0, 0, 0)}70%{opacity:0.5;transform:translate3d(0, -10px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}#stage01{position:relative}#stage01 .sec01{position:absolute;top:11vw;left:10vw}@media only screen and (max-width: 768px){#stage01 .sec01{top:inherit;bottom:2vw;left:8vw}}#stage01 .sec01 p:first-child{font-size:3.5vw;font-weight:600;letter-spacing:0.15em}@media only screen and (max-width: 768px){#stage01 .sec01 p:first-child{font-size:6vw}}#stage01 .sec01 p:nth-child(2){font-family:"Josefin Sans", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.4;font-size:1.9vw;font-weight:500;letter-spacing:0.2em;margin-top:0.75em}@media only screen and (max-width: 768px){#stage01 .sec01 p:nth-child(2){font-size:3.3vw}}#stage01 picture img{width:100%;padding-left:7%}@media only screen and (max-width: 768px){#stage01 picture img{padding-left:0;padding-bottom:15vw}}#stage01 div{position:absolute;z-index:-1;top:6vw;left:0;width:80%;height:81%;background:#FFF2B0;border-radius:5vw 0 0 0;margin-left:20%}@media only screen and (max-width: 768px){#stage01 div{top:3vw;width:85%;height:100%;margin-left:15%}}#stage01 p#scrollDown{display:inline-block;position:absolute;height:15em;top:50%;left:1em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2;padding:0;overflow:hidden;font-size:0.8em;line-height:1;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;writing-mode:vertical-lr;font-weight:400}@media only screen and (max-width: 1024px){#stage01 p#scrollDown{display:none}}#stage01 p#scrollDown::after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:5em;background:#11243C;animation:sdl 3s cubic-bezier(0.5, 0, 0, 0.5) infinite}@keyframes sdl{0%{transform:scale(1, 0);transform-origin:0 0}35%{transform:scale(1, 1);transform-origin:0 0}35.1%{transform:scale(1, 1);transform-origin:0 100%}70%, 100%{transform:scale(1, 0);transform-origin:0 100%}}#stage02{margin-top:10em}#stage02 .sec01{display:flex;justify-content:space-between;align-items:flex-end;width:100%;max-width:calc(70em + (7em * 2));padding-left:clamp(1.5em, 6vw, 7em);padding-right:clamp(1.5em, 6vw, 7em);margin:0 auto}#stage02 .sec02 .loopSliderWrap{width:100%;overflow:hidden}#stage02 .sec02 .loopSliderWrap .loopSlider{display:flex;align-items:flex-start;margin:3em 0;width:max-content}#stage02 .sec02 .loopSliderWrap .loopSlider a{width:clamp(15em, 25vw, 22em);margin:0 clamp(0.75em, 3vw, 2em);color:#11243C;transition-property:margin-top;transition-duration:0.2s;display:block}#stage02 .sec02 .loopSliderWrap .loopSlider a:hover{text-decoration:none;margin-top:-0.5em}#stage02 .sec02 .loopSliderWrap .loopSlider a:hover figure img{opacity:1}#stage02 .sec02 .loopSliderWrap .loopSlider a figure{height:0;overflow:hidden;padding-bottom:66.6666666667%;position:relative;margin-bottom:1em;border-radius:0.5em}#stage02 .sec02 .loopSliderWrap .loopSlider a figure img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}#stage02 .sec02 .loopSliderWrap .loopSlider a p{font-size:0.9em}#stage02 .sec02 .loopSliderWrap .loopSlider a p:first-of-type{font-size:0.8em}#stage02 .sec02 .loopSliderWrap .loopSlider a p:nth-of-type(2){font-weight:500}#stage03{overflow:hidden;position:relative}#stage03__top{position:relative;padding-top:10em;padding-bottom:clamp(9em, 10vw, 10em)}#stage03__top hgroup{text-align:center}#stage03__top hgroup p{font-family:"Josefin Sans", sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;line-height:1.4;font-size:clamp(1.3em, 4vw, 2em);letter-spacing:0.1em;margin-right:-0.1em}#stage03__top hgroup figure{fill:#11243C;fill-rule:evenodd;width:clamp(9em, 30vw, 13em);margin:1em auto 0}#stage03__top hgroup h2{margin-top:3em;font-size:clamp(1.2em, 4vw, 2.3em);font-weight:600;letter-spacing:0.2em;margin-right:-0.2em}@media only screen and (max-width: 576px){#stage03__top hgroup h2{letter-spacing:0.15em;margin-right:-0.15em}}#stage03__top hgroup h2::before{font-family:keyword;content:"";color:#11243C;font-size:1em;font-weight:normal;display:inline-block;padding-right:0.6em}#stage03__top hgroup h2::after{font-family:keyword;content:"";color:#11243C;font-size:1em;font-weight:normal;display:inline-block}#stage03__top .sec01{width:100%;max-width:calc(70em + (7em * 2));padding-left:clamp(1.5em, 6vw, 7em);padding-right:clamp(1.5em, 6vw, 7em);margin:0 auto;margin-top:3em;text-align:center}#stage03__top .sec01 p{font-size:clamp(1em, 4vw, 1.1em);font-weight:500;letter-spacing:0.1em;margin-right:-0.1em}#stage03__top .sec01 p+p{margin-top:1em}#stage03__top .sec02{background:url("../img/bg_frontpage01.webp") no-repeat center;background-size:contain;padding:0.6em 0 0.9em;margin-top:clamp(3em, 5vw, 5em)}#stage03__top .sec02 p{font-size:clamp(1em, 4vw, 1.1em);font-weight:500;position:relative;width:8.5em;margin:0 auto}#stage03__top .sec02 p a{color:#11243C;display:block;text-decoration:none}#stage03__top .sec02 p a::after{font-family:keyword;content:"";color:#333;font-size:1em;font-weight:normal;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0.25em;transition:0.2s}#stage03__top .sec02 p a:hover::after{right:0}#stage03__top #person01{transform:rotate(-10deg);width:clamp(5.5em, 13vw, 15em);position:absolute;top:clamp(1em, 10vw, 5em);left:3%;z-index:2;animation:rotate01 2s 1s infinite}#stage03__top #person02{transform:rotate(10deg);width:clamp(5.5em, 13vw, 10em);position:absolute;bottom:-3em;right:1%;z-index:2;animation:rotate01 2s 1s infinite}#stage03__top #kazari01{position:absolute;top:clamp(8em, 20vw, 17em);left:calc(clamp(5em, 13vw, 13em) / -2);width:clamp(5em, 13vw, 13em)}#stage03__top #kazari01 g .cls-2{fill:#4973bd;fill-rule:evenodd}#stage03__top #kazari01 g .view{fill-rule:evenodd;fill:none;stroke:#fff;stroke-miterlimit:1;stroke-width:60px}#stage03__top #kazari01 g .view.is-in{stroke-dasharray:800px;animation:mask 1.5s ease-in forwards}#stage03__top #kazari02{transform:rotate(-35deg);position:absolute;top:clamp(15em, 35vw, 35em);left:calc(clamp(15em, 40vw, 34em) / -2);width:clamp(15em, 40vw, 34em)}#stage03__top #kazari02 g .cls-2{fill:#e5d6ce;fill-rule:evenodd}#stage03__top #kazari02 g .view{fill-rule:evenodd;fill:none;stroke:#fff;stroke-miterlimit:1;stroke-width:78px}#stage03__top #kazari02 g .view.is-in{stroke-dasharray:800px;animation:mask 1.2s ease-in forwards;animation-delay:0.5s}#stage03__top #kazari03{transform:rotate(35deg);position:absolute;top:clamp(8em, 10vw, 15em);right:calc(clamp(10em, 20vw, 15em) / -2);width:clamp(10em, 20vw, 15em)}#stage03__top #kazari03 g .cls-1{fill:#f6bec8}#stage03__top #kazari03 g .cls-1,#stage03__top #kazari03 g .cls-2{fill-rule:evenodd}#stage03__top #kazari03 g .cls-2{fill:none;stroke:#fff;stroke-miterlimit:1;stroke-width:100px}#stage03__top #kazari03 g .cls-2.is-in{stroke-dasharray:800px;animation:mask 1.2s ease-in forwards;animation-delay:0.5s}#stage03__top #kazari04{transform:rotate(-30deg);position:absolute;bottom:clamp(1em, 20vw, 5em);left:calc(clamp(4em, 20vw, 10em) / -2);width:clamp(7em, 20vw, 15em)}#stage03__top #kazari04 g .cls-1{fill:none;stroke:#fff;stroke-miterlimit:1;stroke-width:24px}#stage03__top #kazari04 g .cls-1.is-in{stroke-dasharray:800px;animation:mask 1.5s ease-in forwards;animation-delay:0.5s}#stage03__top #kazari04 g .cls-1,#stage03__top #kazari04 g .cls-2{fill-rule:evenodd}#stage03__top #kazari04 g .cls-2{fill:#79b8e5}#stage03__top #kazari05{transform:scaleY(-1) rotate(-30deg);position:absolute;bottom:clamp(1em, 20vw, 15em);right:calc(clamp(4em, 20vw, 8em) / -2);width:clamp(7em, 20vw, 14em)}#stage03__top #kazari05 g .cls-1{fill:#fdd668}#stage03__top #kazari05 g .cls-1,#stage03__top #kazari05 g .cls-2{fill-rule:evenodd}#stage03__top #kazari05 g .cls-2{fill:none;stroke:#fff;stroke-miterlimit:1;stroke-width:31px}#stage03__top #kazari05 g .cls-2.is-in{stroke-dasharray:800px;animation:mask 1.5s ease-in forwards;animation-delay:0.5s}#stage03__bottom figure img{width:100%}@keyframes mask{0%{stroke-dashoffset:0}100%{stroke-dashoffset:800px}}#stage04{position:relative;margin-top:5em;padding-bottom:5em}#stage04 #kazari06{transform:rotate(15deg);position:absolute;right:calc(clamp(8em, 30vw, 15em) / -2);width:clamp(10em, 30vw, 20em);top:-10em}#stage04 #kazari06 .cls-1{fill:#39c070;fill-rule:evenodd}#stage04__inner{width:100%;max-width:calc(70em + (7em * 2));padding-left:clamp(1.5em, 6vw, 7em);padding-right:clamp(1.5em, 6vw, 7em);margin:0 auto}#stage04__inner .sec01{margin-top:2em;padding:0 3%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:max(5%, 1.5em)}@media only screen and (max-width: 1024px){#stage04__inner .sec01{padding:0}}@media only screen and (max-width: 576px){#stage04__inner .sec01{grid-template-columns:1fr;grid-row-gap:4em}}#stage04__inner .sec01__01{text-decoration:none;color:#11243C;display:block}#stage04__inner .sec01__01:hover figure{margin-top:-0.5em;padding-bottom:0.5em}#stage04__inner .sec01__01:hover .sec01__01__01>p:last-child::after{right:0}#stage04__inner .sec01__01 figure{transition-property:margin-top, padding-bottom;transition-duration:0.3s}@media only screen and (max-width: 576px){#stage04__inner .sec01__01 figure{width:70%;margin:0 auto}}#stage04__inner .sec01__01 figure img{width:100%;opacity:1}#stage04__inner .sec01__01__01{max-width:13em;margin:2em auto 0}@media only screen and (max-width: 576px){#stage04__inner .sec01__01__01{margin-top:1em}}#stage04__inner .sec01__01__01 hgroup{text-align:center;border-bottom:1px solid #11243C;margin-bottom:1em;padding-bottom:1em}#stage04__inner .sec01__01__01 hgroup h3{font-family:"Josefin Sans", sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;line-height:1.4;font-size:1.6em;letter-spacing:0.1em;margin-right:-0.1em}#stage04__inner .sec01__01__01 hgroup p{font-size:0.9em}#stage04__inner .sec01__01__01>p{text-align:justify}#stage04__inner .sec01__01__01>p:last-child{margin:1em auto 0;text-align:center;width:8em;position:relative}#stage04__inner .sec01__01__01>p:last-child::after{font-family:keyword;content:"";color:#333;font-size:1em;font-weight:normal;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0.25em;transition:0.2s}#stage04__inner .sec02{margin-top:8em}#stage04__inner .sec02__01 figure{width:clamp(7em, 50vw, 13em);margin:0 auto 2em}#stage04__inner .sec02__01 h4{text-align:center;font-size:clamp(1.3em, 4vw, 1.6em);font-weight:600;letter-spacing:0.1em;margin-right:-0.1em}#stage04__inner .sec02__02{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:min(8vw, 3em);max-width:56em;margin:4em auto}@media only screen and (max-width: 576px){#stage04__inner .sec02__02{grid-template-columns:1fr;grid-row-gap:3em}}#stage04__inner .sec02__02__01 p{margin-left:2.5em;text-indent:calc(-2.5em - 2px);line-height:inherit}#stage04__inner .sec02__02__01 p::before{display:grid;justify-items:center;align-items:center;height:2em;width:2em;line-height:2;border-radius:50%;border:1px solid #11243C;margin-left:0;text-indent:0;text-align:center;margin-right:0.5em}#stage04__inner .sec02__02__01 p:first-child{font-weight:600}#stage04__inner .sec02__02__01 p:first-child::before{font-family:keyword;content:"";color:#333;font-size:1em;font-weight:normal;display:inline-block;background:#11243C;color:#fff}#stage04__inner .sec02__02__01 p:nth-child(2){margin-top:2em}@media only screen and (max-width: 576px){#stage04__inner .sec02__02__01 p:nth-child(2){margin-top:1em}}#stage04__inner .sec02__02__01 p:nth-child(2)::before{font-family:keyword;content:"";color:#333;font-size:1em;font-weight:normal;display:inline-block;background:#fff;color:#11243C}#stage04__inner .sec02>p{margin:0 auto 0;text-align:center;font-weight:500;max-width:12em}#stage04__inner .sec02>p a{text-decoration:none;background:#11243C;color:#fff;display:block;padding:0.5em 0;border-radius:3em;position:relative}#stage04__inner .sec02>p a::after{font-family:keyword;content:"";color:#fff;font-size:1em;font-weight:normal;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:2.5em;transition:0.2s}#stage04__inner .sec02>p a:hover::after{right:2.25em}#stage05{margin-top:5em;padding-bottom:5em}#stage05__inner{width:100%;max-width:calc(70em + (7em * 2));padding-left:clamp(1.5em, 6vw, 7em);padding-right:clamp(1.5em, 6vw, 7em);margin:0 auto;background:#fff;max-width:60em;border-radius:1em}@media only screen and (max-width: 576px){#stage05__inner{padding:1em 1em 2em}}#stage05__inner .sec01{display:flex;justify-content:space-between;align-items:flex-end}#stage05__inner #newsList{margin-top:3em}
