@keyframes torotate2{0%{transform:rotate(0deg)}5%{transform:rotate(3deg)}15%{transform:rotate(6deg)}25%{transform:rotate(3deg)}35%{transform:rotate(0deg)}45%{transform:rotate(3deg)}55%{transform:rotate(6deg)}65%{transform:rotate(12deg)}67%{transform:rotate(-6deg)}69%{transform:rotate(12deg)}71%{transform:rotate(-6deg)}73%{transform:rotate(12deg)}75%{transform:rotate(-6deg)}85%{transform:rotate(-3deg)}95%{transform:rotate(-1deg)}100%{transform:rotate(0deg)}}@keyframes spark{0%,65%{opacity:0;transform:translate(0, 0) scale(0.5)}70%{opacity:1;transform:translate(0, 0) scale(1)}75%{opacity:0;transform:translate(-1vw, -1vw) scale(1.2) rotate(-20deg)}100%{opacity:0}}@keyframes spark2{0%,65%{opacity:0;transform:translate(0, 0) scale(0.5)}70%{opacity:1;transform:translate(0, 0) scale(1)}75%{opacity:0;transform:translate(1vw, 1vw) scale(1.2) rotate(20deg)}100%{opacity:0}}@keyframes torotate{0%{transform:rotate(0deg)}65%{transform:rotate(0deg)}75%{transform:rotate(90deg)}100%{transform:rotate(90deg)}}@keyframes towidth{from{opacity:0;transform:translateX(-100vw)}to{opacity:1;transform:translateX(0)}}@keyframes towidth2{from{opacity:0;transform:translateX(100vw)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(30vw)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn2{0%{opacity:0;transform:scale(0.3) rotate(-30deg)}40%{opacity:1;transform:scale(1) rotate(0deg)}100%{opacity:1;transform:scale(1) rotate(60deg)}}@keyframes fadeIn3{from{opacity:0;transform:scale(0) translateY(5vw)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes flower{0%,50%{opacity:0;transform:scale(0.3) rotate(-30deg)}70%{opacity:1;transform:scale(1) rotate(0deg)}95%{opacity:.2;transform:scale(1.5) rotate(30deg)}100%{opacity:0}}@keyframes tofade{from{opacity:0}to{opacity:1}}@keyframes scallin{from{opacity:0;transform:scale(2.5)}to{opacity:1;transform:scale(1)}}@keyframes parallax-drop{from{background-position:center 0}to{background-position:center -25vw}}@media(max-width: 600px){@keyframes parallax-drop{from{background-position:left center}to{background-position:-20vw center}}}@keyframes scallauto{0%,20%{opacity:1;transform:rotateY(0deg)}22%,60%{opacity:0;transform:rotateY(-180deg)}62%,80%{opacity:1;transform:rotateY(0deg)}82%,98%{opacity:0;transform:rotateY(-180deg)}100%{opacity:1;transform:rotateY(0deg)}}@keyframes scallauto2{0%,20%{opacity:0;transform:rotateY(-180deg)}22%,60%{opacity:1;transform:rotateY(0deg)}62%,80%{opacity:0;transform:rotateY(-180deg)}82%,98%{opacity:1;transform:rotateY(0deg)}100%{opacity:0;transform:rotateY(-180deg)}}@keyframes tobg1{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.slide_wrap2{width:100vw;height:auto;margin-top:5vw;margin-bottom:20vw;position:relative}.slide_wrap2>article{width:100%;height:100%;color:#000;padding-left:5vw;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;z-index:3800}.slide_wrap2>article>i{font-size:13.5vw;line-height:1em;font-style:normal;font-family:"outfit-thin"}.slide_wrap2>article>h2{font-size:2.2vw;line-height:1.5em;margin-top:.3em}.slide_wrap2>article:before{content:"✨";font-size:3.5vw;line-height:1em;position:absolute;top:30%;left:60vw;z-index:3801;animation:spark 3.5s linear infinite}.slide_wrap2>article:after{content:"✨";font-size:3.5vw;line-height:1em;position:absolute;bottom:40%;left:75vw;animation:spark2 3.5s linear infinite}@media(max-width: 600px){.slide_wrap2{margin-bottom:30vw}.slide_wrap2>article{text-align:center;padding-left:0;align-items:center;position:relative;top:-5vw;left:auto}.slide_wrap2>article>i{font-size:22vw;line-height:1em}.slide_wrap2>article>h2{font-size:5vw;line-height:1.4em;margin-top:0}.slide_wrap2>article:before{font-size:6vw;line-height:1em;top:-55vw;left:35%}.slide_wrap2>article:after{font-size:6vw;line-height:1em;bottom:auto;left:auto;top:-35vw;right:40%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.slickbox2{width:50vw;height:50vw;margin-left:auto;margin-right:5vw;box-sizing:border-box;position:relative;clip-path:circle(50% at 50% 50%);animation:fadeIn 3s ease-in-out forwards}.slickbox2 img{width:100%;height:auto;margin:0;padding:0;line-height:0;display:block;opacity:.7;position:relative}.slickbox2:after{content:"";width:16vw;height:16vw;background:url(../img/new/kozuchi.png) no-repeat center center;background-size:contain;position:absolute;top:calc(50% - 8vw);left:calc(50% - 8vw);animation:torotate2 3.5s linear infinite}@media(max-width: 600px){.slickbox2{width:90vw;height:90vw;margin-right:auto}.slickbox2:after{width:30vw;height:30vw;background:url(../img/new/kozuchi.png) no-repeat center center;background-size:contain;top:calc(50% - 15vw);left:calc(50% - 15vw)}}.slick-list{background-color:#fff}#top>h1{display:none}main{width:100%}main>div{margin-bottom:10vw}main>div>section{width:75%;margin-left:auto;margin-right:auto}@media(max-width: 768px){main>div>section{width:85%}}.sec1{margin-bottom:20vw;overflow:clip}.sec1>ul{width:100%;margin-left:-5vw;margin-bottom:8vw}.sec1>ul>li{width:60%}.sec1>ul>li>img{width:100%;height:auto}.sec1>ol{margin-right:-5vw;margin-top:3vw}.sec1>ol>li{width:60%;margin-left:auto}.sec1>ol>li>img{width:100%;height:auto}.sec1>ul>li{animation:towidth linear;animation-timeline:view();animation-range:entry 0 cover 50%}.sec1>ol>li{animation:towidth2 linear;animation-timeline:view();animation-range:entry 0 cover 40%}.sec1>section{animation:fadeIn linear;animation-timeline:view();animation-range:entry 0 cover 40%}@media(max-width: 600px){.sec1{margin-bottom:30vw}.sec1>ul>li,.sec1>ol>li{height:10vw}.sec1>ol{margin-top:0}}.sec2{margin-bottom:20vw;position:relative}.sec2:before{content:"";width:100%;height:100%;background:url(../img/new/bg1.png) no-repeat center center;background-size:50vw 50vw;display:block;position:absolute;top:0;left:0;z-index:-1;animation:fadeIn2 linear;animation-timeline:view();animation-range:entry 15% cover 100%}.sec2>ul{padding:5vw 0;overflow:clip;justify-content:space-between;position:relative;z-index:0}.sec2>ul>li{width:28vw;margin-bottom:0}.sec2>ul>li:nth-of-type(1),.sec2>ul>li:nth-of-type(3),.sec2>ul>li:nth-of-type(5){margin-left:-1vw;margin-right:22vw}.sec2>ul>li:nth-of-type(2),.sec2>ul>li:nth-of-type(4),.sec2>ul>li:nth-of-type(6){margin-left:22vw;margin-right:-1vw}.sec2>ul>li:nth-of-type(1),.sec2>ul>li:nth-of-type(6){transform:rotate(5deg)}.sec2>ul>li:nth-of-type(2),.sec2>ul>li:nth-of-type(5){transform:rotate(-5deg)}.sec2>ul>li>a>img{box-shadow:0 0 6px rgba(0,0,0,.2)}.sec2>ul>li:nth-of-type(1),.sec2>ul>li:nth-of-type(3),.sec2>ul>li:nth-of-type(5){animation:towidth linear;animation-timeline:view();animation-range:entry 0 cover 30%}.sec2>ul>li:nth-of-type(2),.sec2>ul>li:nth-of-type(4),.sec2>ul>li:nth-of-type(6){animation:towidth2 linear;animation-timeline:view();animation-range:entry 0 cover 30%}.sec2>article{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:35vw;left:40vw;z-index:1}.sec2>article .t-l,.sec2>article>p{text-align:center}@media(max-width: 600px){.sec2{margin-bottom:30vw}.sec2:before{display:none}.sec2>ul>li{width:46vw}.sec2>ul>li:nth-of-type(1),.sec2>ul>li:nth-of-type(3),.sec2>ul>li:nth-of-type(5){margin-left:-1vw;margin-right:4vw}.sec2>ul>li:nth-of-type(2),.sec2>ul>li:nth-of-type(4),.sec2>ul>li:nth-of-type(6){margin-left:4vw;margin-right:-1vw}.sec2>article{width:100%;height:auto;margin:10vw auto;position:relative;top:auto;left:auto}.sec2>article:before{content:"";width:100%;height:100%;background:url(../img/new/bg1.png) no-repeat center center;background-size:contain;display:block;position:absolute;top:0;left:0;z-index:-1;animation:fadeIn2 linear;animation-timeline:view();animation-range:entry 15% cover 100%}}.newcol>li{position:relative}.newcol>li>a{width:100%;height:100%;position:relative}.newcol>li>a>img{margin:0}.newcol>li>a>p{width:100%;height:100%;font-size:calc(.98rem + .4666666667vw);line-height:1.4em;color:#000;padding:0 3em;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.8);transform:rotateY(180deg);transition:.5s;opacity:0;position:absolute;top:0;left:0;z-index:2}.newcol>li>a:hover>p{transform:rotateY(0);opacity:1}.newcol>li:nth-of-type(1)>a>p,.newcol>li:nth-of-type(3)>a>p,.newcol>li:nth-of-type(5)>a>p{left:auto;right:0}.sec3{margin-bottom:20vw;position:relative}.sec3:before{content:"";width:100%;height:100%;display:block;background:url(../img/new/wave.svg) no-repeat center center;background-size:contain;position:absolute;top:0;left:0;z-index:-1;animation:tobg1 linear;animation-timeline:view();animation-range:entry 15% cover 80%;animation-fill-mode:both}.sec3>section>h2{text-align:right}.sec3>section>ul{display:block;overflow:clip}.sec3>section>ul>li{position:relative;animation:fadeIn3 linear;animation-timeline:view();animation-range:entry 10% cover 30%;animation-fill-mode:both}.sec3>section>ul>li:nth-of-type(1){margin:0 auto 0 0}.sec3>section>ul>li:nth-of-type(2){margin:-10vw auto 0 auto}.sec3>section>ul>li:nth-of-type(3){margin:-10vw 0 0 auto}.sec3>section>ul>li:nth-of-type(4){margin:-5vw auto 0 auto}.sec3>section>ul>li:nth-of-type(5){margin:-5vw auto 0 0}.sec3>section>ul>li:nth-of-type(6){margin:-10vw auto 0 auto}.sec3>section>ul>li:nth-of-type(7){margin:-10vw 0 0 auto}.sec3>section>ul>li:before{content:"";width:100%;height:100%;background:url(../img/new/bg2.svg) no-repeat center center;background-size:contain;position:absolute;top:0;left:0;z-index:-1;animation:flower linear;animation-timeline:view();animation-range:entry 15% cover 45%;animation-fill-mode:both}@media(max-width: 600px){.sec3{margin-bottom:30vw}.sec3:before{background:url(../img/new/wave2.svg) no-repeat center center;background-size:contain}.sec3>section>h2{text-align:center}.sec3>section>ul{display:flex;flex-wrap:wrap}.sec3>section>ul>li:nth-of-type(1),.sec3>section>ul>li:nth-of-type(3),.sec3>section>ul>li:nth-of-type(5),.sec3>section>ul>li:nth-of-type(7){margin:0 auto 0 0}.sec3>section>ul>li:nth-of-type(2),.sec3>section>ul>li:nth-of-type(4),.sec3>section>ul>li:nth-of-type(6){margin:30vw 0 0 auto}.sec3>section>ul>li:before{content:"";width:100%;height:100%;background:url(../img/new/bg2.svg) no-repeat center center;background-size:contain;position:absolute;top:0;left:0;z-index:-1;animation:flower linear;animation-timeline:view();animation-range:entry 15% cover 45%;animation-fill-mode:both}}.sec4{margin-bottom:10vw;overflow:clip}.sec4>section>ul{padding-bottom:30vw;display:flex;position:relative;animation:scallin linear;animation-timeline:view();animation-range:entry 10% cover 30%;animation-fill-mode:both}.sec4>section>ul>li{width:20%;position:relative}.sec4>section>ul>li:nth-of-type(1){transform:rotate(-8deg);position:absolute;top:4vw;left:0}.sec4>section>ul>li:nth-of-type(2){transform:rotate(-4deg);position:absolute;top:1.5vw;left:20%}.sec4>section>ul>li:nth-of-type(3){position:absolute;top:0;left:40%}.sec4>section>ul>li:nth-of-type(4){transform:rotate(4deg);position:absolute;top:1.5vw;left:60%}.sec4>section>ul>li:nth-of-type(5){transform:rotate(8deg);position:absolute;top:4vw;left:80%}.sec4>section>ul>li>a{width:100%;height:auto;display:block;position:relative}.sec4>section>ul>li>a .card1,.sec4>section>ul>li>a .card2{width:100%;height:auto;display:block;position:absolute;top:0;left:0;backface-visibility:hidden}.sec4>section>ul>li>a .card1>img,.sec4>section>ul>li>a .card2>img{width:100%;height:auto;display:block;transition:transform 1s ease-in-out}.sec4>section>ul>li>a .card1>img{opacity:1;transform:rotateY(0deg);animation:15s scallauto linear infinite}.sec4>section>ul>li>a .card2>img{opacity:0;transform:rotateY(180deg);animation:15s scallauto2 linear infinite}@media(max-width: 768px){.sec4>section>ul{padding-bottom:80vw;flex-wrap:wrap}.sec4>section>ul>li{width:33%}.sec4>section>ul>li:nth-of-type(1){transform:rotate(-8deg);top:4vw;left:0}.sec4>section>ul>li:nth-of-type(2){transform:rotate(0deg);top:0;left:33%}.sec4>section>ul>li:nth-of-type(3){transform:rotate(8deg);top:4vw;left:66%}.sec4>section>ul>li:nth-of-type(4){transform:rotate(-4deg);top:40vw;left:16%}.sec4>section>ul>li:nth-of-type(5){transform:rotate(4deg);top:40vw;left:50%}}#contact-banner{width:100vw;height:50vw;display:flex;justify-content:center;align-items:center;position:relative;overflow:clip;background:none}#contact-banner>div{width:100%;height:100%;background:url(../img/echi-exterior.jpg) no-repeat center top;background-size:cover;animation:parallax-drop linear both;animation-timeline:view()}@media(max-width: 768px){#contact-banner{height:100vw}#contact-banner>div{width:100%;height:100%;background:url(../img/echi-exterior.jpg) no-repeat left center;background-size:cover;animation:parallax-drop linear both;animation-timeline:view()}}