#main-banner{background-color:#69d8d9;background-image:url(/images/index/main_bn_m@2x.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;margin-top:-80px;padding:0;position:relative}#main-banner a{display:block;position:absolute;z-index:1}#main-banner a .marker{font-size:.75em;font-weight:700;opacity:1;position:absolute;text-align:center;transition:all .5s ease 0s}#main-banner a .marker .marker-text{animation:gradientAnimation 10s linear infinite;background:linear-gradient(-30deg,#343d46,#343d46 30%,#00937e 50%,#343d46 70%,#343d46);background-size:1000%;border-radius:10px;color:#56d39b;padding:.25em 1em}#main-banner a:hover{transform:translateY(-.5dvh)}#main-banner a:hover .marker{opacity:1;transition:all .5s ease 0s}#main-banner a:hover .marker .marker-text{background:#343d46}#main-banner img.img-fluid{max-width:150%}#main-banner .main-img{animation:show 1s linear .75s 1 normal both,slideInDown 1s ease-in-out 1.5s infinite alternate both;opacity:0;overflow:hidden;padding:30% 0;pointer-events:none;position:relative;z-index:3}#main-banner .main-img svg{filter:drop-shadow(0 0 10px rgba(109,229,173,.8));position:absolute;transform-origin:0 0;z-index:10}#main-banner .main-img img,#main-banner .main-img svg{transform:translate(-19%);width:150%}#main-banner .maintitle{bottom:5em;left:0;margin-bottom:1.5em;pointer-events:none;position:absolute;width:100%;z-index:4}#main-banner .maintitle h1,#main-banner .maintitle h2{color:#fff;font-style:italic;margin-bottom:0;text-shadow:5px 5px 20px #1e724c}#main-banner .maintitle h1{font-family:Fredoka,sans-serif;font-size:12vw;font-weight:500;letter-spacing:5px;text-transform:uppercase}#main-banner .maintitle h2{font-size:.75em;letter-spacing:1px}#main-banner+*{background-color:#fcfbfa;border-radius:5em 5em 0 0;margin-top:-5em;position:relative;z-index:10}#main-banner .img-stores{animation:show 1s linear 1.5s 1 normal both;left:-20.5vw;top:80.7vw;width:27vw}#main-banner .img-stores .marker{left:39vw;top:2vw;width:13em}#main-banner .img-school{animation:show 1s linear 2s 1 normal both;right:23vw;top:27vw;width:22vw}#main-banner .img-school .marker{left:0;top:0;width:8em}#main-banner .img-creative{animation:show 1s linear 2.5s 1 normal both;right:44vw;top:72vw;width:13.2vw}#main-banner .img-creative .marker{right:-96px;top:30px;width:6em}#main-banner .img-airplane{animation:show 1s linear 3s 1 normal both,slideInDown .8s ease 4s infinite alternate both;left:25vw;top:23vw;width:11vw}#main-banner .img-cloud{animation:show 1s linear 3.5s 1 normal both,slideInLeft 2s ease-in-out 4.5s infinite alternate both;left:40vw;top:27.5vw;width:7.5vw}.circle-content{height:950px;position:absolute;transform-origin:-28% 0;width:1920px;z-index:11}.circle-content .circle{animation-direction:normal,alternate;animation-duration:10s,2s;animation-fill-mode:both,both;animation-iteration-count:infinite,infinite;animation-name:moveOffset,colorChange;animation-timing-function:ease-in-out,linear;border-radius:50%;height:.5em;width:.5em}.circle-content .circle:nth-child(2){animation-delay:4s,4s}@supports (motion-offset:0){.circle-content .circle{motion-path:path("M-3.14,788.54,537,440.06c108.29-70,226.48-84.38,312.29-46.64,0,0,63.4,28.85,84.42,38.7,43.39,20.35,129.65,62.14,173.23,82.09,26.49,12.13,79.67,35,106.62,46.12,146.16,60.11,286,4.54,328.13-62.59,38.44-61.26-8.51-134.77-69.86-165.22-70.54-35-178.77-30.63-266.34,24.58L1001,486.45,844.16,585.7c-97.65,60.37-247.75,78.9-333.56,41.16S442.53,507.39,539,445.06h0c108.29-70,226.48-84.37,312.29-46.64,0,0,63.4,28.85,84.42,38.71,43.49,20.39,129.47,62.27,173.23,82.08,26.36,11.94,79.76,34.09,106.62,45.12,106.48,43.75,203.54,26.41,266.59-8.52,37.57-20.81,442.49-285.43,442.49-285.43")}}@supports (offset-distance:0){.circle-content .circle{animation-name:moveOffset,colorChange;offset-path:path("M-3.14,788.54,537,440.06c108.29-70,226.48-84.38,312.29-46.64,0,0,63.4,28.85,84.42,38.7,43.39,20.35,129.65,62.14,173.23,82.09,26.49,12.13,79.67,35,106.62,46.12,146.16,60.11,286,4.54,328.13-62.59,38.44-61.26-8.51-134.77-69.86-165.22-70.54-35-178.77-30.63-266.34,24.58L1001,486.45,844.16,585.7c-97.65,60.37-247.75,78.9-333.56,41.16S442.53,507.39,539,445.06h0c108.29-70,226.48-84.37,312.29-46.64,0,0,63.4,28.85,84.42,38.71,43.49,20.39,129.47,62.27,173.23,82.08,26.36,11.94,79.76,34.09,106.62,45.12,106.48,43.75,203.54,26.41,266.59-8.52,37.57-20.81,442.49-285.43,442.49-285.43")}}@keyframes moveMotion{to{motion-offset:100%}}@keyframes moveOffset{to{offset-distance:100%}}@keyframes colorChange{0%{background-color:#6de5ad;box-shadow:0 0 1em 1em #6de5ad;opacity:1}80%{opacity:0}to{background-color:#fff;box-shadow:0 0 .5em .5em #fff;opacity:0;transform:scale(.5)}}@media screen and (min-width:576px){#main-banner a .marker{font-size:1em}#main-banner .img-stores{left:-20.5vw;top:80.7vw;width:27vw}#main-banner .img-stores .marker{left:40vw;top:3vw}#main-banner .img-school{right:24vw;top:27vw;width:19.25vw}#main-banner .img-school .marker{left:0;top:0}#main-banner .img-creative{right:43vw;top:73vw;width:13.2vw}#main-banner .img-creative .marker{right:-136px;top:51px}#main-banner .img-airplane{left:25vw;top:14vw;width:11vw}#main-banner .img-cloud{left:35vw;top:27.5vw;width:7.5vw}#main-banner .maintitle h1{font-size:9vw}#main-banner .maintitle h2{font-size:1.25em}}@media screen and (min-width:768px){#main-banner{background-image:url(/images/index/main_bg.png)}#main-banner img.img-fluid{max-width:100%}#main-banner .main-img{padding:0}#main-banner .main-img img,#main-banner .main-img svg{transform:translate(0);width:100%}#main-banner .img-stores{left:3.5vw;top:9.7vw;width:27vw}#main-banner .img-stores .marker{left:0;top:6vw}#main-banner .img-school{right:34vw;top:9vw;width:17.25vw}#main-banner .img-school .marker{left:0;top:0}#main-banner .img-creative{right:41vw;top:29vw;width:13.2vw}#main-banner .img-creative .marker{right:-136px;top:51px}#main-banner .img-airplane{left:8vw;top:7vw;width:9vw}#main-banner .img-cloud{left:39vw;top:6.5vw;width:5.5vw}#main-banner .maintitle h1{font-size:6vw}.circle-content{transform-origin:0 0}}@media screen and (min-width:1366px){#main-banner a .marker{font-size:1.25em}}@media screen and (min-width:1440px){#main-banner a.img-creative .marker{right:-73px;top:36px}}@keyframes slideInDown{0%{transform:translate3d(0,-15px,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-15px,0,-150px);visibility:visible}to{transform:translateZ(0)}}@keyframes gradientAnimation{0%{background-position:0 50%}to{background-position:100% 50%}}.title-topcase{left:-1em;margin:0!important;position:absolute;top:22vw;width:100%;z-index:-1}.title-topcase .topcase-line{border-top:1px solid #dee2e6;height:1em;position:relative;width:100%}.title-topcase .topcase-line:after{animation:dotMoveX 15s ease 0s infinite normal both;background:radial-gradient(circle farthest-corner at right,#00b699,#6de5ad);border-radius:50%;content:"";display:block;height:1em;position:absolute;top:-50%;width:1em}.title-topcase .topcase-line.dot-r:after{animation-delay:3s}.title-topcase .u-scroll{color:#edf0f2;display:flex;font-family:Fredoka,sans-serif;font-size:8vw;line-height:1.15;overflow:hidden;position:relative;white-space:nowrap}.title-topcase .u-scroll span{animation-duration:40s;animation-fill-mode:backwards;animation-iteration-count:infinite;animation-name:uScroll;animation-play-state:running;animation-timing-function:linear;display:block;font-weight:100;position:relative;text-transform:uppercase;top:.2em}@keyframes uScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes dotMoveX{0%,50%,to{opacity:0}10%,40%{opacity:1}0%{left:0}40%,50%,to{left:100%}}@media screen and (min-width:576px){.title-topcase{top:-2.5vw}.title-topcase .u-scroll{font-size:10vw}}@media screen and (min-width:1024px){.title-topcase .u-scroll{font-size:8vw}}.logos-marquee .cooperation-logo{font-size:.8em;padding-right:0}.logos-marquee .cooperation-logo img{height:40px;-o-object-fit:contain;object-fit:contain}@media screen and (min-width:768px){.logos-marquee .cooperation-logo{color:initial;font-size:1em;margin:auto}.logos-marquee .cooperation-logo:hover img{transform:scale(1.05);transition:all .5s ease}.logos-marquee .cooperation-logo img{height:60px;margin-bottom:.5rem;-o-object-fit:contain;object-fit:contain}}