@layer base{*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}body{font-family:Noto Sans JP,Open Sans,apple-system,BlinkMacSystemFont,Roboto,Lucida Grande,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.u-pc-only{display:block}}@layer base{@media screen and (max-width:767px){.u-pc-only{display:none}}.u-sp-only{display:none}@media screen and (max-width:767px){.u-sp-only{display:block}}.u-pc-br{display:block}@media screen and (max-width:767px){.u-pc-br{display:unset}}.u-overflow-hidden{overflow:hidden}.section{position:relative;padding:80px 140px}@media screen and (max-width:1023px){.section{padding:60px 24px}}.section:before{background-color:#f2f2f2}.section:after,.section:before{z-index:-1;display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.section:after{border-radius:0 0 120px 0;background-color:#fff}@media screen and (max-width:1023px){.section:after{border-radius:0 0 64px 0}}.section.is-gray:before{background-color:#fff}.section.is-gray:after{border-radius:120px 0 0 16px;background-color:#f2f2f2}@media screen and (max-width:1023px){.section.is-gray:after{border-radius:64px 0 0 16px}}.section.is-gray.is-middle:after{border-radius:0 0 120px 0}@media screen and (max-width:1023px){.section.is-gray.is-middle:after{border-radius:0 0 64px 0}}.section.is-white:before{background-color:#f2f2f2}.section.is-white:after{border-radius:120px 0 0 16px;background-color:#fff}@media screen and (max-width:1023px){.section.is-white:after{border-radius:64px 0 0 16px}}.section.is-white.is-middle:after{border-radius:0 0 120px 0}@media screen and (max-width:1023px){.section.is-white.is-middle:after{border-radius:0 0 64px 0}}.section.is-blue{color:#fff}.section.is-blue:before{background-color:#fff}.section.is-blue:after{border-radius:16px;background-color:unset;background-image:linear-gradient(270deg,#67ADC2 0,#41A1BE)}.u-tablet-br{display:unset}@media screen and (max-width:1023px){.u-tablet-br{display:block}}.u-sp-br{display:unset}@media screen and (max-width:767px){.u-sp-br{display:block}}.u-hidden{display:none}}@layer components{.arrow-button{width:72px;height:32px;background-image:url(/recruit/images/arrow-right-blue.svg);background-position:50%;background-repeat:no-repeat;border:1px solid #327e99;border-radius:16px;transition:opacity .2s cubic-bezier(.16,1,.3,1)}.arrow-button--white{background-color:#fff;border-color:#fff}.arrow-button--left{background-image:url(/recruit/images/arrow-left-blue.svg)}.arrow-button:hover{opacity:.5}.arrow-button--disabled-hover:hover{opacity:1}}@layer base{*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}body{font-family:Noto Sans JP,Open Sans,apple-system,BlinkMacSystemFont,Roboto,Lucida Grande,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.u-pc-only{display:block}}@layer base{@media screen and (max-width:767px){.u-pc-only{display:none}}.u-sp-only{display:none}@media screen and (max-width:767px){.u-sp-only{display:block}}.u-pc-br{display:block}@media screen and (max-width:767px){.u-pc-br{display:unset}}.u-overflow-hidden{overflow:hidden}.section{position:relative;padding:80px 140px}@media screen and (max-width:1023px){.section{padding:60px 24px}}.section:before{background-color:#f2f2f2}.section:after,.section:before{z-index:-1;display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.section:after{border-radius:0 0 120px 0;background-color:#fff}@media screen and (max-width:1023px){.section:after{border-radius:0 0 64px 0}}.section.is-gray:before{background-color:#fff}.section.is-gray:after{border-radius:120px 0 0 16px;background-color:#f2f2f2}@media screen and (max-width:1023px){.section.is-gray:after{border-radius:64px 0 0 16px}}.section.is-gray.is-middle:after{border-radius:0 0 120px 0}@media screen and (max-width:1023px){.section.is-gray.is-middle:after{border-radius:0 0 64px 0}}.section.is-white:before{background-color:#f2f2f2}.section.is-white:after{border-radius:120px 0 0 16px;background-color:#fff}@media screen and (max-width:1023px){.section.is-white:after{border-radius:64px 0 0 16px}}.section.is-white.is-middle:after{border-radius:0 0 120px 0}@media screen and (max-width:1023px){.section.is-white.is-middle:after{border-radius:0 0 64px 0}}.section.is-blue{color:#fff}.section.is-blue:before{background-color:#fff}.section.is-blue:after{border-radius:16px;background-color:unset;background-image:linear-gradient(270deg,#67ADC2 0,#41A1BE)}.u-tablet-br{display:unset}@media screen and (max-width:1023px){.u-tablet-br{display:block}}.u-sp-br{display:unset}@media screen and (max-width:767px){.u-sp-br{display:block}}.u-hidden{display:none}}@layer components{.heading{font-family:Poppins,sans-serif;font-weight:700;font-style:normal;color:#327e99}.heading--lv1{font-size:64px;line-height:1em}@media screen and (max-width:1023px){.heading--lv1{font-size:40px;line-height:1.2em}}.heading--lv2{font-size:72px;line-height:1em}@media screen and (max-width:1023px){.heading--lv2{font-size:48px;line-height:1.2em}}}@layer base{*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}body{font-family:Noto Sans JP,Open Sans,apple-system,BlinkMacSystemFont,Roboto,Lucida Grande,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.u-pc-only{display:block}}@layer base{@media screen and (max-width:767px){.u-pc-only{display:none}}.u-sp-only{display:none}@media screen and (max-width:767px){.u-sp-only{display:block}}.u-pc-br{display:block}@media screen and (max-width:767px){.u-pc-br{display:unset}}.u-overflow-hidden{overflow:hidden}.section{position:relative;padding:80px 140px}@media screen and (max-width:1023px){.section{padding:60px 24px}}.section:before{background-color:#f2f2f2}.section:after,.section:before{z-index:-1;display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.section:after{border-radius:0 0 120px 0;background-color:#fff}@media screen and (max-width:1023px){.section:after{border-radius:0 0 64px 0}}.section.is-gray:before{background-color:#fff}.section.is-gray:after{border-radius:120px 0 0 16px;background-color:#f2f2f2}@media screen and (max-width:1023px){.section.is-gray:after{border-radius:64px 0 0 16px}}.section.is-gray.is-middle:after{border-radius:0 0 120px 0}@media screen and (max-width:1023px){.section.is-gray.is-middle:after{border-radius:0 0 64px 0}}.section.is-white:before{background-color:#f2f2f2}.section.is-white:after{border-radius:120px 0 0 16px;background-color:#fff}@media screen and (max-width:1023px){.section.is-white:after{border-radius:64px 0 0 16px}}.section.is-white.is-middle:after{border-radius:0 0 120px 0}@media screen and (max-width:1023px){.section.is-white.is-middle:after{border-radius:0 0 64px 0}}.section.is-blue{color:#fff}.section.is-blue:before{background-color:#fff}.section.is-blue:after{border-radius:16px;background-color:unset;background-image:linear-gradient(270deg,#67ADC2 0,#41A1BE)}.u-tablet-br{display:unset}@media screen and (max-width:1023px){.u-tablet-br{display:block}}.u-sp-br{display:unset}@media screen and (max-width:767px){.u-sp-br{display:block}}.u-hidden{display:none}}@layer components{.page-header{position:relative;margin-top:80px}@media screen and (max-width:1488px){.page-header{padding-left:24px;padding-right:24px}}@media screen and (max-width:1023px){.page-header{padding-left:0;padding-right:0}}.page-header__inner{position:relative;display:flex;align-items:center;max-width:1440px;height:440px;margin-inline:auto}@media screen and (max-width:1023px){.page-header__inner{width:100%;height:240px;margin-top:-24px;padding-left:24px;padding-right:24px}}.page-header__description{font-size:20px;font-weight:400;line-height:2.5;letter-spacing:0;max-width:1440px;margin-inline:auto;padding-bottom:80px;font-weight:700}@media screen and (max-width:1023px){.page-header__description{font-size:16px;font-weight:400;line-height:2.2;letter-spacing:0;font-weight:700;padding-left:24px;padding-right:24px}}.page-header__ruby{font-size:24px;font-weight:700;line-height:1.4;letter-spacing:0;display:block;margin-top:16px;color:#4e4e4e}@media screen and (max-width:1023px){.page-header__ruby{font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0}}.particles{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.circle{z-index:-1;position:absolute;border-radius:50%;opacity:.1;-ms-filter:blur(16px);filter:blur(16px)}@keyframes particle-animation-1{0%{transform:translate3d(14vw,313px,70px) rotate(7deg)}33%{transform:translate3d(6vw,392px,23px) rotate(38deg)}66%{transform:translate3d(98vw,149px,98px) rotate(2deg)}to{transform:translate3d(34vw,428px,22px) rotate(49deg)}}.particles .circle:first-child{animation:particle-animation-1 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:56px;width:56px;background-color:#cafff1;animation-delay:-1s}@keyframes particle-animation-2{0%{transform:translate3d(44vw,119px,32px) rotate(14deg)}33%{transform:translate3d(19vw,150px,54px) rotate(101deg)}66%{transform:translate3d(61vw,171px,83px) rotate(149deg)}to{transform:translate3d(14vw,48px,14px) rotate(126deg)}}.particles .circle:nth-child(2){animation:particle-animation-2 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:183px;width:183px;background-color:#9dd1ff;animation-delay:-2s}@keyframes particle-animation-3{0%{transform:translate3d(36vw,358px,12px) rotate(38deg)}33%{transform:translate3d(52vw,304px,54px) rotate(93deg)}66%{transform:translate3d(56vw,342px,68px) rotate(23deg)}to{transform:translate3d(72vw,127px,92px) rotate(128deg)}}.particles .circle:nth-child(3){animation:particle-animation-3 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:97px;width:97px;background-color:#cafff1;animation-delay:-3s}@keyframes particle-animation-4{0%{transform:translate3d(72vw,377px,76px) rotate(14deg)}33%{transform:translate3d(76vw,324px,6px) rotate(86deg)}66%{transform:translate3d(28vw,231px,42px) rotate(21deg)}to{transform:translate3d(37vw,94px,38px) rotate(41deg)}}.particles .circle:nth-child(4){animation:particle-animation-4 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:72px;width:72px;background-color:#9dd1ff;animation-delay:-4s}@keyframes particle-animation-5{0%{transform:translate3d(89vw,156px,57px) rotate(82deg)}33%{transform:translate3d(63vw,106px,50px) rotate(47deg)}66%{transform:translate3d(21vw,1px,79px) rotate(115deg)}to{transform:translate3d(90vw,88px,90px) rotate(112deg)}}.particles .circle:nth-child(5){animation:particle-animation-5 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:81px;width:81px;background-color:#cafff1;animation-delay:-5s}@keyframes particle-animation-6{0%{transform:translate3d(93vw,364px,23px) rotate(28deg)}33%{transform:translate3d(9vw,231px,91px) rotate(41deg)}66%{transform:translate3d(41vw,22px,34px) rotate(77deg)}to{transform:translate3d(1vw,18px,69px) rotate(83deg)}}.particles .circle:nth-child(6){animation:particle-animation-6 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:198px;width:198px;background-color:#9dd1ff;animation-delay:-6s}@keyframes particle-animation-7{0%{transform:translate3d(77vw,324px,56px) rotate(51deg)}33%{transform:translate3d(45vw,97px,95px) rotate(42deg)}66%{transform:translate3d(26vw,375px,61px) rotate(40deg)}to{transform:translate3d(27vw,346px,13px) rotate(50deg)}}.particles .circle:nth-child(7){animation:particle-animation-7 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:87px;width:87px;background-color:#cafff1;animation-delay:-7s}@keyframes particle-animation-8{0%{transform:translate3d(18vw,372px,63px) rotate(46deg)}33%{transform:translate3d(82vw,47px,84px) rotate(78deg)}66%{transform:translate3d(41vw,362px,2px) rotate(102deg)}to{transform:translate3d(37vw,41px,77px) rotate(106deg)}}.particles .circle:nth-child(8){animation:particle-animation-8 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:75px;width:75px;background-color:#9dd1ff;animation-delay:-8s}@keyframes particle-animation-9{0%{transform:translate3d(62vw,352px,80px) rotate(84deg)}33%{transform:translate3d(39vw,51px,90px) rotate(95deg)}66%{transform:translate3d(19vw,321px,46px) rotate(62deg)}to{transform:translate3d(71vw,67px,6px) rotate(20deg)}}.particles .circle:nth-child(9){animation:particle-animation-9 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:158px;width:158px;background-color:#cafff1;animation-delay:-9s}@keyframes particle-animation-10{0%{transform:translate3d(43vw,84px,76px) rotate(66deg)}33%{transform:translate3d(19vw,372px,57px) rotate(13deg)}66%{transform:translate3d(97vw,165px,28px) rotate(136deg)}to{transform:translate3d(50vw,153px,36px) rotate(114deg)}}.particles .circle:nth-child(10){animation:particle-animation-10 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:148px;width:148px;background-color:#9dd1ff;animation-delay:-10s}@keyframes particle-animation-11{0%{transform:translate3d(70vw,431px,9px) rotate(17deg)}33%{transform:translate3d(16vw,366px,40px) rotate(49deg)}66%{transform:translate3d(15vw,336px,1px) rotate(109deg)}to{transform:translate3d(55vw,188px,21px) rotate(7deg)}}.particles .circle:nth-child(11){animation:particle-animation-11 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:172px;width:172px;background-color:#cafff1;animation-delay:-11s}@keyframes particle-animation-12{0%{transform:translate3d(59vw,54px,91px) rotate(5deg)}33%{transform:translate3d(80vw,1px,13px) rotate(63deg)}66%{transform:translate3d(15vw,126px,78px) rotate(42deg)}to{transform:translate3d(62vw,3px,5px) rotate(165deg)}}.particles .circle:nth-child(12){animation:particle-animation-12 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:173px;width:173px;background-color:#9dd1ff;animation-delay:-12s}@keyframes particle-animation-13{0%{transform:translate3d(27vw,86px,88px) rotate(85deg)}33%{transform:translate3d(16vw,63px,29px) rotate(14deg)}66%{transform:translate3d(26vw,361px,15px) rotate(47deg)}to{transform:translate3d(65vw,41px,42px) rotate(137deg)}}.particles .circle:nth-child(13){animation:particle-animation-13 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:56px;width:56px;background-color:#cafff1;animation-delay:-13s}@keyframes particle-animation-14{0%{transform:translate3d(67vw,144px,23px) rotate(46deg)}33%{transform:translate3d(94vw,160px,87px) rotate(54deg)}66%{transform:translate3d(40vw,169px,11px) rotate(62deg)}to{transform:translate3d(96vw,133px,55px) rotate(22deg)}}.particles .circle:nth-child(14){animation:particle-animation-14 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:99px;width:99px;background-color:#9dd1ff;animation-delay:-14s}@keyframes particle-animation-15{0%{transform:translate3d(21vw,428px,51px) rotate(89deg)}33%{transform:translate3d(68vw,82px,71px) rotate(23deg)}66%{transform:translate3d(25vw,238px,12px) rotate(82deg)}to{transform:translate3d(16vw,273px,68px) rotate(168deg)}}.particles .circle:nth-child(15){animation:particle-animation-15 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:100px;width:100px;background-color:#cafff1;animation-delay:-15s}@keyframes particle-animation-16{0%{transform:translate3d(74vw,161px,13px) rotate(59deg)}33%{transform:translate3d(46vw,414px,90px) rotate(1deg)}66%{transform:translate3d(60vw,199px,5px) rotate(38deg)}to{transform:translate3d(58vw,250px,71px) rotate(96deg)}}.particles .circle:nth-child(16){animation:particle-animation-16 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:112px;width:112px;background-color:#9dd1ff;animation-delay:-16s}@keyframes particle-animation-17{0%{transform:translate3d(75vw,45px,68px) rotate(72deg)}33%{transform:translate3d(66vw,347px,71px) rotate(68deg)}66%{transform:translate3d(50vw,145px,39px) rotate(79deg)}to{transform:translate3d(43vw,45px,31px) rotate(163deg)}}.particles .circle:nth-child(17){animation:particle-animation-17 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:98px;width:98px;background-color:#cafff1;animation-delay:-17s}@keyframes particle-animation-18{0%{transform:translate3d(52vw,352px,29px) rotate(30deg)}33%{transform:translate3d(51vw,161px,96px) rotate(48deg)}66%{transform:translate3d(100vw,265px,90px) rotate(135deg)}to{transform:translate3d(13vw,238px,100px) rotate(159deg)}}.particles .circle:nth-child(18){animation:particle-animation-18 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:171px;width:171px;background-color:#9dd1ff;animation-delay:-18s}@keyframes particle-animation-19{0%{transform:translate3d(87vw,152px,98px) rotate(36deg)}33%{transform:translate3d(73vw,392px,36px) rotate(9deg)}66%{transform:translate3d(6vw,175px,14px) rotate(33deg)}to{transform:translate3d(16vw,255px,64px) rotate(172deg)}}.particles .circle:nth-child(19){animation:particle-animation-19 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:109px;width:109px;background-color:#cafff1;animation-delay:-19s}@keyframes particle-animation-20{0%{transform:translate3d(9vw,139px,76px) rotate(5deg)}33%{transform:translate3d(3vw,179px,91px) rotate(103deg)}66%{transform:translate3d(48vw,393px,19px) rotate(105deg)}to{transform:translate3d(81vw,160px,98px) rotate(52deg)}}.particles .circle:nth-child(20){animation:particle-animation-20 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:103px;width:103px;background-color:#9dd1ff;animation-delay:-20s}@keyframes particle-animation-21{0%{transform:translate3d(78vw,328px,25px) rotate(35deg)}33%{transform:translate3d(12vw,205px,91px) rotate(34deg)}66%{transform:translate3d(19vw,222px,86px) rotate(27deg)}to{transform:translate3d(2vw,440px,36px) rotate(123deg)}}.particles .circle:nth-child(21){animation:particle-animation-21 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:151px;width:151px;background-color:#cafff1;animation-delay:-21s}@keyframes particle-animation-22{0%{transform:translate3d(45vw,261px,97px) rotate(7deg)}33%{transform:translate3d(39vw,358px,54px) rotate(35deg)}66%{transform:translate3d(96vw,28px,2px) rotate(54deg)}to{transform:translate3d(7vw,85px,24px) rotate(127deg)}}.particles .circle:nth-child(22){animation:particle-animation-22 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:150px;width:150px;background-color:#9dd1ff;animation-delay:-22s}@keyframes particle-animation-23{0%{transform:translate3d(97vw,299px,35px) rotate(35deg)}33%{transform:translate3d(72vw,161px,38px) rotate(1deg)}66%{transform:translate3d(91vw,158px,72px) rotate(103deg)}to{transform:translate3d(1vw,58px,2px) rotate(129deg)}}.particles .circle:nth-child(23){animation:particle-animation-23 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:53px;width:53px;background-color:#cafff1;animation-delay:-23s}@keyframes particle-animation-24{0%{transform:translate3d(52vw,136px,65px) rotate(29deg)}33%{transform:translate3d(11vw,13px,95px) rotate(87deg)}66%{transform:translate3d(44vw,229px,96px) rotate(27deg)}to{transform:translate3d(84vw,313px,60px) rotate(109deg)}}.particles .circle:nth-child(24){animation:particle-animation-24 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:119px;width:119px;background-color:#9dd1ff;animation-delay:-24s}@keyframes particle-animation-25{0%{transform:translate3d(89vw,379px,3px) rotate(55deg)}33%{transform:translate3d(55vw,430px,34px) rotate(60deg)}66%{transform:translate3d(16vw,50px,58px) rotate(50deg)}to{transform:translate3d(22vw,286px,9px) rotate(142deg)}}.particles .circle:nth-child(25){animation:particle-animation-25 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:193px;width:193px;background-color:#cafff1;animation-delay:-25s}@keyframes particle-animation-26{0%{transform:translate3d(2vw,72px,27px) rotate(80deg)}33%{transform:translate3d(34vw,7px,18px) rotate(50deg)}66%{transform:translate3d(32vw,299px,90px) rotate(51deg)}to{transform:translate3d(20vw,306px,22px) rotate(152deg)}}.particles .circle:nth-child(26){animation:particle-animation-26 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:66px;width:66px;background-color:#9dd1ff;animation-delay:-26s}@keyframes particle-animation-27{0%{transform:translate3d(64vw,142px,29px) rotate(14deg)}33%{transform:translate3d(67vw,180px,10px) rotate(67deg)}66%{transform:translate3d(33vw,51px,35px) rotate(70deg)}to{transform:translate3d(82vw,145px,90px) rotate(50deg)}}.particles .circle:nth-child(27){animation:particle-animation-27 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:61px;width:61px;background-color:#cafff1;animation-delay:-27s}@keyframes particle-animation-28{0%{transform:translate3d(9vw,178px,2px) rotate(19deg)}33%{transform:translate3d(68vw,375px,84px) rotate(105deg)}66%{transform:translate3d(77vw,249px,94px) rotate(147deg)}to{transform:translate3d(34vw,12px,58px) rotate(69deg)}}.particles .circle:nth-child(28){animation:particle-animation-28 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:133px;width:133px;background-color:#9dd1ff;animation-delay:-28s}@keyframes particle-animation-29{0%{transform:translate3d(28vw,379px,40px) rotate(13deg)}33%{transform:translate3d(35vw,433px,2px) rotate(103deg)}66%{transform:translate3d(19vw,101px,13px) rotate(129deg)}to{transform:translate3d(56vw,56px,90px) rotate(6deg)}}.particles .circle:nth-child(29){animation:particle-animation-29 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:133px;width:133px;background-color:#cafff1;animation-delay:-29s}@keyframes particle-animation-30{0%{transform:translate3d(70vw,21px,2px) rotate(70deg)}33%{transform:translate3d(35vw,330px,16px) rotate(49deg)}66%{transform:translate3d(63vw,352px,99px) rotate(56deg)}to{transform:translate3d(54vw,350px,50px) rotate(160deg)}}.particles .circle:nth-child(30){animation:particle-animation-30 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:101px;width:101px;background-color:#9dd1ff;animation-delay:-30s}@keyframes particle-animation-31{0%{transform:translate3d(17vw,321px,75px) rotate(68deg)}33%{transform:translate3d(72vw,37px,56px) rotate(6deg)}66%{transform:translate3d(98vw,63px,16px) rotate(54deg)}to{transform:translate3d(3vw,344px,71px) rotate(56deg)}}@keyframes fade-frames{0%{opacity:0}25%{opacity:.5}to{opacity:1}75%{opacity:.5}to{opacity:0}}.particles .circle:nth-child(31){animation:particle-animation-31 20s ease-in infinite,fade-frames 20s ease-in-out infinite;height:168px;width:168px;background-color:#cafff1;animation-delay:-31s}}