@charset "utf-8";
@import url("/_res/kibo/main/css/pretendard.css");
@import url("/_res/kibo/main/css/gmarket-sans.css");
@import url("/_res/kibo/main/css/s-core-dream.css");
:root{
	--font-type01:'Pretendard';
	--font-type02:'S-CoreDream';
	--font-type03:'GmarketSans';
	--main-color01:#2B3370;
	--point-color01:#20CA6E;

	/* circle-animation */
	--c-b:380px;
	--up:60px;
	--time:1s;
	--delay:.08s
}
::selection{background-color:var(--point-color01);color:#fff}
::-webkit-scrollbar {width:12px; height:12px;}
::-webkit-scrollbar-thumb {background-color:var(--main-color01); border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}
@keyframes overCircle{
	0%{
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:.5
	}
	50%{
		opacity:1
	}
	100%{
		-webkit-transform:scale(1.5);
		transform:scale(1.5);
		opacity:0
	}
}
@keyframes txt-ani1{ 
	0%{
		-webkit-transform:translateX(0);
		transform:translateX(0)}
	50%{
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%)}
	50.01%{
		-webkit-transform:translateX(100%);
		transform:translateX(100%)}
	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0)}
}
@keyframes txt-ani2{
	0%{
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
	100%{
		-webkit-transform:translateX(-200%);
		transform:translateX(-200%)
	}
}
@keyframes move-forever{
	0%{
		transform:translate3d(-90px,0,0)
	}
	100%{
		transform:translate3d(85px,0,0)
	}
}
@-webkit-keyframes pull{ /* circle animation */
	from{
		transform:translateY(calc(var(--up) * -1))
	}
	to{
		transform:translateY(var(--up))
	}
}
@keyframes pull{
	from{
		transform:translateY(calc(var(--up) * -1))
	}
	to{
		transform:translateY(var(--up))
	}
}
.intro-wrap {padding:25px 0;font-family:var(--font-type01);overflow: hidden;}
.intro-wrap .container {width: 100%;}
.intro-cont {display:flex;flex-wrap: wrap;}
.intro-cont .intro-visual {position:relative;width: 100%;overflow:hidden;margin-bottom: 15px;}
.intro-cont .intro-visual .visual-inner{padding-top:56.25%;border-radius: 20px;mask-image:url(/_res/kibo/main/img/intro-visual-mask.png);-webkit-mask-image:url(/_res/kibo/main/img/intro-visual-mask.png);mask-size:cover;-webkit-mask-size:cover;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.intro-cont .intro-visual .visual-inner:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 30%)}
.intro-cont .intro-visual .visual-con {position:absolute;top:0;left:0;width:100%;height: 100%;}
.intro-cont .intro-visual .visual-con video {width:100%;height:100%;}
.intro-cont .intro-visual iframe{position:absolute;top:0;left:0}
.intro-cont .intro-visual .txt-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;padding:0 60px 20px 60px}
.intro-cont .intro-visual .txt-wrap .intro-tit{position:relative;font-family:var(--font-type02);font-size:20px;font-weight:400;line-height:1.4;color:#fff}
.intro-cont .intro-visual .txt-wrap .intro-tit strong{font-weight:600}
.intro-cont .intro-visual .txt-wrap .intro-tit .intro-tit-point{position:relative;display:inline-block;padding-left:22px;margin-left:6px}
.intro-cont .intro-visual .txt-wrap .intro-tit .intro-tit-point:before{content:'';position:absolute;left:0;bottom:3px;width:18px;height:1px;background:rgba(255,255,255,.7)}
.intro-cont .intro-visual .txt-wrap .intro-tit .intro-tit-point:after{content:'';position:absolute;bottom:2px;width:6px;height:6px;border-radius:50%;background:#20CA6E}
.intro-cont .intro-visual .txt-wrap .more-btn{position:absolute;top:50%;right:50px;transform:translate(0,-50%);width:120px;height:120px;border-radius:60px;font-size:18px;font-weight:500;background:#2e6df4;color:#fff;opacity:0;transition:ease-in-out .3s all;transition-delay:.3s;visibility:hidden;display:flex;align-items:center;justify-content:center;padding-top:35px}
.intro-cont .intro-visual .txt-wrap .more-btn:before{content:'';position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);display:block;width:20px;height:20px;background:url(/_res/kibo/main/etc/intro-arr-white.svg) center no-repeat;background-size:20px}
.intro-cont .intro-visual .txt-wrap .intro-tit:hover .more-btn, .intro-cont .intro-visual .txt-wrap .intro-tit:focus .more-btn{width:120px;height:120px;right:-150px;transform:translate(0,-50%);opacity:1;visibility:visible}
.intro-cont .intro-visual .visual-logo{width:56px;position:absolute;left:0px;bottom:-5px;z-index:1}
.intro-cont .intro-visual .visual-logo .logo-img{width:100%}
.intro-cont .intro-visual .visual-logo .logo-img img{width:100%}

.intro-cont .intro-quick {display:flex;flex-wrap: wrap;justify-content:space-between;gap:15px 0;width: 100%;}
.intro-cont .intro-quick .item {position:relative;flex: 0 0 100%;max-width: 100%;}
.intro-cont .intro-quick .item .item-inner {position:relative;width:100%;height:0;display:flex;padding-top:50%;border-radius:20px;overflow:hidden;mask-image:url(/_res/kibo/main/img/intro-link-mask-m.png);-webkit-mask-image:url(/_res/kibo/main/img/intro-link-mask-m.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:cover;-webkit-mask-size:cover;;transition:.8s}
.intro-cont .intro-quick .item:hover .item-inner, .intro-cont .intro-quick .item:focus .item-inner{border-radius:80px;}
.intro-cont .intro-quick .item .item-inner:before{content:"";position:absolute;top:0;left:50%;width:calc(100% + 60px);height:100%;transform:translateX(-50%);background:#2b3370;z-index:-1}
.intro-cont .intro-quick .item:nth-child(2) .item-inner:before{background:#dbdfe9}
.intro-cont .intro-quick .item:first-child:hover .item-inner:before,
.intro-cont .intro-quick .item:first-child:focus .item-inner:before{background:linear-gradient(40deg,#6e79f7,#465af1)}
.intro-cont .intro-quick .item a{display:flex;width:100%;height:100%;justify-content:flex-start;align-items:center}
.intro-cont .intro-quick .item .more-btn{position:absolute;top:0;right:0;z-index:2;display:flex;width:17%;height: max-content;background:#fff;border-radius:70px 35px 70px 70px;align-items:center;justify-content:center}
.intro-cont .intro-quick .item .more-btn .inner{display:flex;position:relative;top: 0;width:100%;padding-top:100%;z-index:2;border-radius:50%;line-height:1;color:#000;background:#2b3370;overflow:hidden;justify-content:center;align-items:center}
.intro-cont .intro-quick .item:nth-child(2) .more-btn .inner{background:#dbdfe9;border-color:#dbdfe9}
.intro-cont .intro-quick .item:first-child:hover .more-btn .inner,
.intro-cont .intro-quick .item:first-child:focus .more-btn .inner{background:linear-gradient(40deg,#6e79f7,#465af1)}
.intro-cont .intro-quick .item .more-btn .ico{position:absolute;top: 0;width:100%;padding-top:100%}
.intro-cont .intro-quick .item .more-btn .ico:after,.intro-cont .intro-quick .item .more-btn .ico:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:20px;height:20px;transition:all .3s ease}
.intro-cont .intro-quick .item .more-btn .ico:before{background:url(/_res/kibo/main/etc/intro-arr-white.svg) center no-repeat;background-size: 14px;}
.intro-cont .intro-quick .item:nth-child(2) .more-btn .ico:before{background:url(/_res/kibo/main/etc/intro-arr.svg) center no-repeat;background-size: 14px;}
.intro-cont .intro-quick .item .more-btn .ico:after{top:150%;left:-50%;background:url(/_res/kibo/main/etc/intro-arr-white.svg) center no-repeat;background-size: 14px;}
.intro-cont .intro-quick .item:nth-child(2) .more-btn .ico:after{top:150%;left:-50%;background:url(/_res/kibo/main/etc/intro-arr-white.svg) center no-repeat;background-size: 14px;}
.intro-cont .intro-quick .item:hover .more-btn .ico:before, .intro-cont .intro-quick .item:focus .more-btn .ico:before{left:-50%;top:150%}
.intro-cont .intro-quick .item:hover .more-btn .ico:after, .intro-cont .intro-quick .item:focus .more-btn .ico:after{top:50%;left:50%}
.intro-cont .intro-quick .item .more-btn .inner:after{content:'';border-radius:100px;transition:transform .35s;left:0;top:0;z-index:-1;position:absolute;width:100%;height:100%;background:linear-gradient(40deg,#6e79f7,#465af1);transform:translate(-100%,100%)}
.intro-cont .intro-quick .item:hover .more-btn .inner .img, .intro-cont .intro-quick .item:focus .more-btn .inner .img{background:#fff}
.intro-cont .intro-quick .item:hover .more-btn .inner:after, .intro-cont .intro-quick .item:focus .more-btn .inner:after{transform:translate(0)}
.intro-cont .intro-quick .item:hover .more-btn:after,.intro-cont .intro-quick .item:hover .more-btn:before,
.intro-cont .intro-quick .item:focus .more-btn:after,.intro-cont .intro-quick .item:focus .more-btn:before{content:'';position:absolute;left:0;top:0;z-index:1;opacity:0;margin:0;width:100%;height:100%;background:rgba(110,144,236,.3);border-radius:50%;animation:overCircle 1.5s cubic-bezier(1,2,.66,3) infinite}
.intro-cont .intro-quick .item:hover .more-btn:before, .intro-cont .intro-quick .item:focus .more-btn:before{animation-delay:.5s}
.intro-cont .intro-quick .item .item-inner .quick-con {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding: 18px;transition:.8s}
.intro-cont .intro-quick .item h3 {font-family:var(--font-type03);font-size:20px;letter-spacing:-.9px;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);width:100%;padding-bottom:15px;margin-bottom:5px;transition:.8s}
.intro-cont .intro-quick .item:hover h3, .intro-cont .intro-quick .item:focus h3{padding-bottom:20px}
.intro-cont .intro-quick .item:nth-child(2) h3{color:#2b3370;border-bottom:1px solid rgba(0,0,0,.1)}
.intro-cont .intro-quick .item:nth-child(2):hover h3, .intro-cont .intro-quick .item:nth-child(2):focus h3{color:#465af1;border-bottom:1px solid rgba(0,0,0,.1)}
.intro-cont .intro-quick .item .sub-txt{display:inline-block;font-size:15px;font-family:var(--font-type03);font-weight:400;line-height:1;color:#fff;border-radius:9px;background:rgba(255,255,255,.15);padding:8px 8px 4px;margin-bottom:2px}
.intro-cont .intro-quick .item:nth-child(2) .sub-txt{background:rgba(43,51,112,.9)}
.intro-cont .intro-quick .item:nth-child(2):hover .sub-txt, .intro-cont .intro-quick .item:nth-child(2):focus .sub-txt{background:#465af1}
.intro-cont .intro-quick .item .scroll-txtwrap{width:100%;display:flex;overflow:hidden}
.intro-cont .intro-quick .item .scroll-txt{font-size:14px;font-weight:500;font-family:var(--font-type02);bottom:40px;left:0;display:inline-flex;white-space:nowrap;-webkit-animation:txt-ani1 30s linear infinite;animation:txt-ani1 30s linear infinite}
.intro-cont .intro-quick .item .scroll-txt.clone{animation:30s linear infinite txt-ani2}
.intro-cont .intro-quick .item .scroll-txt>span{color:rgb(255 255 255 / 65%);padding:0 3px;transition:color .3s ease}
.intro-cont .intro-quick .item:nth-child(2) .scroll-txt span{color:rgb(43 51 112 / 100%)}
.intro-cont .intro-quick .item:hover .scroll-txt span, .intro-cont .intro-quick .item:focus .scroll-txt span{color:rgb(255 255 255 / 100%)}
.intro-cont .intro-quick .item:nth-child(2):hover .scroll-txt span, .intro-cont .intro-quick .item:nth-child(2):focus .scroll-txt span{color:#2b3370}
.intro-cont .intro-quick .item:nth-child(2):hover .scroll-txt span .t-point, .intro-cont .intro-quick .item:nth-child(2):focus .scroll-txt span .t-point{color:#465af1}
.intro-cont .intro-quick .item .scroll-txt span .t-point{color:#20ca6e}
.intro-cont .intro-quick .call{display:flex;flex: 0 0 100%;justify-content:center;align-items:center;text-align:center;height:120px;background:#f7f7f7;border-radius:20px;padding:20px 35px 18px}
.intro-cont .intro-quick .call{font-family:var(--font-type03);line-height:1.3}
.intro-cont .intro-quick .call p{margin:0}
.intro-cont .intro-quick .call .tit{font-size:16px;font-weight:500;color:#333;margin-bottom:3px}
.intro-cont .intro-quick .call h3{font-size:20px;color:#333}
.intro-cont .intro-quick .call .txt{font-size:15px;color:#888;margin-top:3px}
/* family-site */
.intro-family{position:relative;display:flex;width:100%;align-items:center;min-height:96px;border:1px solid #ddd;border-radius:20px;padding: 20px;margin-top:12px;margin-right:50px}
.intro-family.on{border-radius:48px}
.intro-family .more {display: none;transition: all ease .3s;}
.intro-family .more:hover, .intro-family .more:focus {background: #2b3370;}
.intro-family .more:hover:after, .intro-family .more:focus:after {content:'';position:absolute;left:0;top:0;z-index:1;opacity:0;margin:0;width:100%;height:100%;background:rgba(60, 76, 201, 0.2);border-radius:50%;animation:overCircle 1.5s cubic-bezier(1,2,.66,3) infinite;z-index: -1;}
.intro-family .family-list {display:flex;flex-wrap:wrap;gap:5px 16px;justify-content:flex-start;width:100%;}
.intro-family .family-list>li {flex: 0 0 calc(50% - 8px);text-align: center;}
.intro-family .family-list>li.dis-n{display:block}
.intro-family .family-list .item {position:relative;display:flex;flex-direction: column;align-items:center;font-size:14px;font-weight:600;color:#333;padding:10px 5px 7px 5px;transition:border-radius .3s ease-out}
.intro-family .family-list .item .ico{position:relative;display:inline-block;width:22px;padding-top:22px;overflow: hidden;margin-bottom: 2px;transition:.3s all ease}
.intro-family .family-list .item .ico img {position: absolute;top: 0;left: 0;width: 100%;transition: transform .3s;}
.intro-family .family-list .item:hover, .intro-family .family-list .item:focus{color:#fff;background:#323f8e;border-radius:30px}
.intro-family .family-list .item:hover .ico img, .intro-family .family-list .item:focus .ico img{transform: translateY(-29px);}
@media (min-width:400px){
	.intro-cont .intro-visual .txt-wrap .intro-tit {font-size: 24px;}
	.intro-cont .intro-visual .visual-logo {width: 64px;}
	.intro-cont .intro-quick .item .item-inner .quick-con {padding: 20px 24px;}
	.intro-cont .intro-quick .item .more-btn .ico:before {background-size: 16px;}
	.intro-cont .intro-quick .item:nth-child(2) .more-btn .ico:before {background-size: 16px;}
	.intro-cont .intro-quick .item .more-btn .ico:after {background-size: 16px;}
	.intro-cont .intro-quick .item:nth-child(2) .more-btn .ico:after {background-size: 16px;}
	.intro-cont .intro-quick .item h3 {font-size: 22px;padding-bottom: 25px;margin-bottom: 8px;}
	.intro-cont .intro-quick .item .scroll-txt {font-size: 15px;}
	.intro-cont .intro-quick .call h3 {font-size: 22px;}
}
@media (min-width:768px){
	.intro-cont .intro-visual .txt-wrap .intro-tit {font-size: 36px;}
	.intro-cont .intro-visual .visual-logo {width: 110px;}
	.intro-cont .intro-quick {gap: 12px;}
	.intro-cont .intro-quick .item {flex: 0 0 calc(50% - 6px);max-width: calc(50% - 6px);}
	.intro-cont .intro-quick .item:hover .item-inner .quick-con, .intro-cont .intro-quick .item:focus .item-inner .quick-con {padding: 20px 30px 30px;}
	.intro-cont .intro-quick .item:hover h3, .intro-cont .intro-quick .item:focus h3 {padding-bottom: 10px;}
	.intro-family .family-list>li {flex: 0 0 calc(33.3% - 16px);}
}
@media (min-width:992px){
	.intro-cont .intro-visual .visual-logo {width: 130px;left: 15px;bottom: 0px;}
}
@media (min-width:1200px){
	.intro-cont {display:flex;justify-content:space-between;}
	.intro-cont .intro-visual {width:100%;margin-bottom: 20px;}
	.intro-cont .intro-visual .visual-inner {border-radius: 40px;}
	.intro-cont .intro-visual .txt-wrap .intro-tit {font-size: 40px;}
	.intro-cont .intro-visual .txt-wrap .intro-tit .intro-tit-point{position:relative;display:inline-block;padding-left:70px;margin-left:8px}
	.intro-cont .intro-visual .txt-wrap .intro-tit .intro-tit-point:before{content:'';position:absolute;left:0;bottom:3px;width:60px;height:2px;background:rgba(255,255,255,.7)}
	.intro-cont .intro-visual .txt-wrap .intro-tit .intro-tit-point:after{bottom:0;width:12px;height:12px;}
	.intro-cont .intro-visual .visual-logo {width: 160px;}
	.intro-cont .intro-quick {gap: 0 15px;}
	.intro-cont .intro-quick .item {flex: 0 0 35%;max-width: 35%;height:calc(calc(100% - 120px)/ 2)}
	.intro-cont .intro-quick .item a {align-items:normal}
	.intro-cont .intro-quick .item .item-inner .quick-con {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding: 25px 30px;}
	.intro-cont .intro-quick .item .scroll-txt {font-size: 16px;}
	.intro-cont .intro-quick .item:hover .item-inner, .intro-cont .intro-quick .item:focus .item-inner {border-radius: 60px;}
	.intro-cont .intro-quick .item:hover .item-inner .quick-con, .intro-cont .intro-quick .item:focus .item-inner .quick-con {padding: 25px 35px 30px;}
	.intro-cont .intro-quick .item:hover h3, .intro-cont .intro-quick .item:focus h3 {padding-bottom: 10px;}
	.intro-cont .intro-quick .call {flex: auto;height: 120px;border-radius: 30px;padding:25px 35px 20px;}
	.intro-cont .intro-quick .call .tit {font-size: 16px;margin-bottom: 2px;}
	.intro-cont .intro-quick .call .txt {font-size: 15px;margin-top: 0;}
	.intro-family {margin-top: 22px;padding: 18px 70px 18px 25px;}
	.intro-family.on {border-radius: 40px;}
	.intro-family .more{position:absolute;right:8px;top:8px;display:flex;background:#404040;align-items:center;justify-content:center;width: 60px;height: 60px;border-radius:80px}
	.intro-family .more span{word-wrap: normal;color:#fff;background:url(/_res/kibo/main/img/service-plus.png) center 0 no-repeat;background-size: 10px;padding-top:14px;font-size:13px}
	.intro-family .more.on span{background:url(/_res/kibo/main/img/service-minus.png) center 7px no-repeat}
	.intro-family .family-list {gap: 5px 16px;}
	.intro-family .family-list>li.dis-n{display:none}
	.intro-family .family-list .item {flex-direction: row;padding: 8px 18px 8px 20px;}
	.intro-family .family-list .item .ico {margin-right:9px;}
		
	.intro-cont .intro-visual {width:calc(100% - 250px - 24px);margin-bottom: 0px;}
	.intro-cont .intro-visual .txt-wrap {padding: 0 80px;}
	.intro-cont .intro-visual .txt-wrap .intro-tit {font-size: 52px;}
	.intro-cont .intro-visual .visual-logo {width: 120px;}
	.intro-cont .intro-quick {flex-wrap: nowrap;flex-direction: column;width:250px;}
	.intro-cont .intro-quick .item {flex: 0 0 auto;max-width: 100%;}
	.intro-cont .intro-quick .item .item-inner {border-radius: 30px;padding-top: 65%;mask-image:url(/_res/kibo/main/img/intro-link-mask.png);-webkit-mask-image:url(/_res/kibo/main/img/intro-link-mask.png);}
	.intro-cont .intro-quick .item .more-btn {width: 70px;}
	.intro-cont .intro-quick .item .sub-txt {font-size: 15px;margin-bottom: 2px;}
	.intro-cont .intro-quick .item h3 {font-size: 20px;padding-bottom: 10px;margin-bottom: 6px;}
	.intro-cont .intro-quick .item .scroll-txt {font-size: 15px;}
	.intro-cont .intro-quick .item:hover .item-inner, .intro-cont .intro-quick .item:focus .item-inner {border-radius: 100px;}
	.intro-cont .intro-quick .item:hover h3, .intro-cont .intro-quick .item:focus h3 {padding-bottom: 20px;}
}
@media (min-width:1300px){
	.intro-cont .intro-quick .item .item-inner {padding-top: 75%;}
	.intro-cont .intro-quick .call {height: 130px;}
}
@media (min-width:1400px){
	.intro-cont .intro-quick .item {height:calc(calc(100% - 135px)/ 2)}
	.intro-cont .intro-quick .item .item-inner {padding-top: 72%}
	.intro-cont .intro-quick .item h3 {font-size: 24px;}
}
@media (min-width:1600px){
	.intro-wrap .container{max-width:1680px}
	.intro-cont {align-items: normal;}
	.intro-cont .intro-visual {width:calc(100% - 300px - 24px);margin-bottom: 0px;}
	.intro-cont .intro-visual .visual-inner {border-radius: 50px;}
	.intro-cont .intro-visual .txt-wrap {padding: 0 80px;}
	.intro-cont .intro-visual .txt-wrap .intro-tit {font-size: 52px;}
	.intro-cont .intro-visual .visual-logo {width: 190px;}
	.intro-cont .intro-quick {flex-wrap: nowrap;flex-direction: column;width:300px;}
	.intro-cont .intro-quick .item {height: calc(calc(100% - 144px) / 2);flex: 0 0 auto;max-width: 100%;}
	.intro-cont .intro-quick .item .item-inner {border-radius: 40px;padding-top: 93.3%;mask-image:url(/_res/kibo/main/img/intro-link-mask.png);-webkit-mask-image:url(/_res/kibo/main/img/intro-link-mask.png);}
	.intro-cont .intro-quick .item .item-inner .quick-con {padding: 30px 35px;}
	.intro-cont .intro-quick .item .more-btn {width: 80px;}
	.intro-cont .intro-quick .item .sub-txt {font-size: 18px;margin-bottom: 2px;}
	.intro-cont .intro-quick .item h3 {font-size: 28px;padding-bottom: 36px;margin-bottom: 12px;}
	.intro-cont .intro-quick .item .scroll-txt {font-size: 18px;}
	.intro-cont .intro-quick .item:hover .item-inner, .intro-cont .intro-quick .item:focus .item-inner {border-radius: 100px;}
	.intro-cont .intro-quick .item:hover .item-inner .quick-con, .intro-cont .intro-quick .item:focus .item-inner .quick-con {padding: 35px 35px 45px;}
	.intro-cont .intro-quick .item:hover h3, .intro-cont .intro-quick .item:focus h3 {padding-bottom: 36px;}
	.intro-cont .intro-quick .call {height: 156px;border-radius: 40px}
	.intro-cont .intro-quick .call h3 {font-size: 28px;}
	.intro-cont .intro-quick .call .tit {font-size: 18px;margin-bottom: 5px;}
	.intro-family {min-height: 96px;border-radius: 60px;padding: 22px 90px 22px 20px;}
	.intro-family.on{border-radius:48px}
	.intro-family .more {top: 10px;right: 10px;width: 76px;height: 76px;}
	.intro-family .more span {font-size: 15px;background-size: auto;padding-top: 24px;}
	.intro-family .family-list {gap: 5px 0;}
	.intro-family .family-list>li {flex: 0 0 calc(100% / 6);text-align: center;}
	.intro-family .family-list .item {display: inline-flex;font-size: 18px;padding: 10px 12px 10px 15px;}
	.intro-family .family-list .item .ico {width: 30px;padding-top: 30px;}
	.intro-family .family-list .item:hover .ico img, .intro-family .family-list .item:focus .ico img{transform: translateY(-40px);}
}
@media (min-width:1800px){
	.intro-family {padding: 22px 90px 22px 10px;}
	.intro-family .family-list .item {font-size: 19px;padding: 10px 20px 10px 22px;}
}

/* circle bg */
.circles{display:flex;position:relative;transform:rotate3d(0,0,1,-61deg) translate3d(510px,0px,10px);justify-content:center;align-items:center;z-index:-1}
.circle{display: none;position:absolute;top:50%;width:var(--c-b);height:var(--c-b);border:solid 1px rgba(255,255,255,.3);border-radius:50%;transform:translateY(calc(var(--up) * -1));-webkit-animation:pull var(--time) ease-in-out infinite alternate;animation:pull var(--time) ease-in-out infinite alternate}


@media (min-width:1200px){
	.circles {transform: rotate3d(0,0,1,-65deg) translate3d(480px,-110px,0px);}
	.circles.circles02 {transform: rotate3d(0,0,1,-62deg) translate3d(460px,-80px,0px);}
}
@media (min-width:1300px){
	.circle {display: block;}
	.circles01 .circle{border:1px solid rgba(255,255,255,.04)}
	.circles02 .circle{border:1px solid rgba(207,182,224,.4)}
	.circles01 .circle:nth-child(1){-webkit-animation-delay:calc(var(--delay) * 1);animation-delay:calc(var(--delay) * 80);width:calc(var(--c-b) * 1 * .02);height:calc(var(--c-b) * 1 * .02);margin-left:calc(-2 * 1);filter:hue-rotate(calc(1deg * -1));z-index:calc(-1 * 1)}
	.circles01 .circle:nth-child(2){-webkit-animation-delay:calc(var(--delay) * 2);animation-delay:calc(var(--delay) * 79);width:calc(var(--c-b) * 2 * .02);height:calc(var(--c-b) * 2 * .02);margin-left:calc(-2 * 2);filter:hue-rotate(calc(2deg * -1));z-index:calc(-1 * 2)}
	.circles01 .circle:nth-child(3){-webkit-animation-delay:calc(var(--delay) * 3);animation-delay:calc(var(--delay) * 78);width:calc(var(--c-b) * 3 * .02);height:calc(var(--c-b) * 3 * .02);margin-left:calc(-2 * 3);filter:hue-rotate(calc(3deg * -1));z-index:calc(-1 * 3)}
	.circles01 .circle:nth-child(4){-webkit-animation-delay:calc(var(--delay) * 4);animation-delay:calc(var(--delay) * 77);width:calc(var(--c-b) * 4 * .02);height:calc(var(--c-b) * 4 * .02);margin-left:calc(-2 * 4);filter:hue-rotate(calc(4deg * -1));z-index:calc(-1 * 4)}
	.circles01 .circle:nth-child(5){-webkit-animation-delay:calc(var(--delay) * 5);animation-delay:calc(var(--delay) * 76);width:calc(var(--c-b) * 5 * .02);height:calc(var(--c-b) * 5 * .02);margin-left:calc(-2 * 5);filter:hue-rotate(calc(5deg * -1));z-index:calc(-1 * 5)}
	.circles01 .circle:nth-child(6){-webkit-animation-delay:calc(var(--delay) * 6);animation-delay:calc(var(--delay) * 75);width:calc(var(--c-b) * 6 * .02);height:calc(var(--c-b) * 6 * .02);margin-left:calc(-2 * 6);filter:hue-rotate(calc(6deg * -1));z-index:calc(-1 * 6)}
	.circles01 .circle:nth-child(7){-webkit-animation-delay:calc(var(--delay) * 7);animation-delay:calc(var(--delay) * 74);width:calc(var(--c-b) * 7 * .02);height:calc(var(--c-b) * 7 * .02);margin-left:calc(-2 * 7);filter:hue-rotate(calc(7deg * -1));z-index:calc(-1 * 7)}
	.circles01 .circle:nth-child(8){-webkit-animation-delay:calc(var(--delay) * 8);animation-delay:calc(var(--delay) * 73);width:calc(var(--c-b) * 8 * .02);height:calc(var(--c-b) * 8 * .02);margin-left:calc(-2 * 8);filter:hue-rotate(calc(8deg * -1));z-index:calc(-1 * 8)}
	.circles01 .circle:nth-child(9){-webkit-animation-delay:calc(var(--delay) * 9);animation-delay:calc(var(--delay) * 72);width:calc(var(--c-b) * 9 * .02);height:calc(var(--c-b) * 9 * .02);margin-left:calc(-2 * 9);filter:hue-rotate(calc(9deg * -1));z-index:calc(-1 * 9)}
	.circles01 .circle:nth-child(10){-webkit-animation-delay:calc(var(--delay) * 10);animation-delay:calc(var(--delay) * 71);width:calc(var(--c-b) * 10 * .02);height:calc(var(--c-b) * 10 * .02);margin-left:calc(-2 * 10);filter:hue-rotate(calc(10deg * -1));z-index:calc(-1 * 10)}
	.circles01 .circle:nth-child(11){-webkit-animation-delay:calc(var(--delay) * 11);animation-delay:calc(var(--delay) * 70);width:calc(var(--c-b) * 11 * .02);height:calc(var(--c-b) * 11 * .02);margin-left:calc(-2 * 11);filter:hue-rotate(calc(11deg * -1));z-index:calc(-1 * 11)}
	.circles01 .circle:nth-child(12){-webkit-animation-delay:calc(var(--delay) * 12);animation-delay:calc(var(--delay) * 69);width:calc(var(--c-b) * 12 * .02);height:calc(var(--c-b) * 12 * .02);margin-left:calc(-2 * 12);filter:hue-rotate(calc(12deg * -1));z-index:calc(-1 * 12)}
	.circles01 .circle:nth-child(13){-webkit-animation-delay:calc(var(--delay) * 13);animation-delay:calc(var(--delay) * 68);width:calc(var(--c-b) * 13 * .02);height:calc(var(--c-b) * 13 * .02);margin-left:calc(-2 * 13);filter:hue-rotate(calc(13deg * -1));z-index:calc(-1 * 13)}
	.circles01 .circle:nth-child(14){-webkit-animation-delay:calc(var(--delay) * 14);animation-delay:calc(var(--delay) * 67);width:calc(var(--c-b) * 14 * .02);height:calc(var(--c-b) * 14 * .02);margin-left:calc(-2 * 14);filter:hue-rotate(calc(14deg * -1));z-index:calc(-1 * 14)}
	.circles01 .circle:nth-child(15){-webkit-animation-delay:calc(var(--delay) * 15);animation-delay:calc(var(--delay) * 66);width:calc(var(--c-b) * 15 * .02);height:calc(var(--c-b) * 15 * .02);margin-left:calc(-2 * 15);filter:hue-rotate(calc(15deg * -1));z-index:calc(-1 * 15)}
	.circles01 .circle:nth-child(16){-webkit-animation-delay:calc(var(--delay) * 16);animation-delay:calc(var(--delay) * 65);width:calc(var(--c-b) * 16 * .02);height:calc(var(--c-b) * 16 * .02);margin-left:calc(-2 * 16);filter:hue-rotate(calc(16deg * -1));z-index:calc(-1 * 16)}
	.circles01 .circle:nth-child(17){-webkit-animation-delay:calc(var(--delay) * 17);animation-delay:calc(var(--delay) * 64);width:calc(var(--c-b) * 17 * .02);height:calc(var(--c-b) * 17 * .02);margin-left:calc(-2 * 17);filter:hue-rotate(calc(17deg * -1));z-index:calc(-1 * 17)}
	.circles01 .circle:nth-child(18){-webkit-animation-delay:calc(var(--delay) * 18);animation-delay:calc(var(--delay) * 63);width:calc(var(--c-b) * 18 * .02);height:calc(var(--c-b) * 18 * .02);margin-left:calc(-2 * 18);filter:hue-rotate(calc(18deg * -1));z-index:calc(-1 * 18)}
	.circles01 .circle:nth-child(19){-webkit-animation-delay:calc(var(--delay) * 19);animation-delay:calc(var(--delay) * 62);width:calc(var(--c-b) * 19 * .02);height:calc(var(--c-b) * 19 * .02);margin-left:calc(-2 * 19);filter:hue-rotate(calc(19deg * -1));z-index:calc(-1 * 19)}
	.circles01 .circle:nth-child(20){-webkit-animation-delay:calc(var(--delay) * 20);animation-delay:calc(var(--delay) * 61);width:calc(var(--c-b) * 20 * .02);height:calc(var(--c-b) * 20 * .02);margin-left:calc(-2 * 20);filter:hue-rotate(calc(20deg * -1));z-index:calc(-1 * 20)}
	.circles01 .circle:nth-child(21){-webkit-animation-delay:calc(var(--delay) * 21);animation-delay:calc(var(--delay) * 60);width:calc(var(--c-b) * 21 * .02);height:calc(var(--c-b) * 21 * .02);margin-left:calc(-2 * 21);filter:hue-rotate(calc(21deg * -1));z-index:calc(-1 * 21)}
	.circles01 .circle:nth-child(22){-webkit-animation-delay:calc(var(--delay) * 22);animation-delay:calc(var(--delay) * 59);width:calc(var(--c-b) * 22 * .02);height:calc(var(--c-b) * 22 * .02);margin-left:calc(-2 * 22);filter:hue-rotate(calc(22deg * -1));z-index:calc(-1 * 22)}
	.circles01 .circle:nth-child(23){-webkit-animation-delay:calc(var(--delay) * 23);animation-delay:calc(var(--delay) * 58);width:calc(var(--c-b) * 23 * .02);height:calc(var(--c-b) * 23 * .02);margin-left:calc(-2 * 23);filter:hue-rotate(calc(23deg * -1));z-index:calc(-1 * 23)}
	.circles01 .circle:nth-child(24){-webkit-animation-delay:calc(var(--delay) * 24);animation-delay:calc(var(--delay) * 57);width:calc(var(--c-b) * 24 * .02);height:calc(var(--c-b) * 24 * .02);margin-left:calc(-2 * 24);filter:hue-rotate(calc(24deg * -1));z-index:calc(-1 * 24)}
	.circles01 .circle:nth-child(25){-webkit-animation-delay:calc(var(--delay) * 25);animation-delay:calc(var(--delay) * 56);width:calc(var(--c-b) * 25 * .02);height:calc(var(--c-b) * 25 * .02);margin-left:calc(-2 * 25);filter:hue-rotate(calc(25deg * -1));z-index:calc(-1 * 25)}
	.circles01 .circle:nth-child(26){-webkit-animation-delay:calc(var(--delay) * 26);animation-delay:calc(var(--delay) * 55);width:calc(var(--c-b) * 26 * .02);height:calc(var(--c-b) * 26 * .02);margin-left:calc(-2 * 26);filter:hue-rotate(calc(26deg * -1));z-index:calc(-1 * 26)}
	.circles01 .circle:nth-child(27){-webkit-animation-delay:calc(var(--delay) * 27);animation-delay:calc(var(--delay) * 54);width:calc(var(--c-b) * 27 * .02);height:calc(var(--c-b) * 27 * .02);margin-left:calc(-2 * 27);filter:hue-rotate(calc(27deg * -1));z-index:calc(-1 * 27)}
	.circles01 .circle:nth-child(28){-webkit-animation-delay:calc(var(--delay) * 28);animation-delay:calc(var(--delay) * 53);width:calc(var(--c-b) * 28 * .02);height:calc(var(--c-b) * 28 * .02);margin-left:calc(-2 * 28);filter:hue-rotate(calc(28deg * -1));z-index:calc(-1 * 28)}
	.circles01 .circle:nth-child(29){-webkit-animation-delay:calc(var(--delay) * 29);animation-delay:calc(var(--delay) * 52);width:calc(var(--c-b) * 29 * .02);height:calc(var(--c-b) * 29 * .02);margin-left:calc(-2 * 29);filter:hue-rotate(calc(29deg * -1));z-index:calc(-1 * 29)}
	.circles01 .circle:nth-child(30){-webkit-animation-delay:calc(var(--delay) * 30);animation-delay:calc(var(--delay) * 51);width:calc(var(--c-b) * 30 * .02);height:calc(var(--c-b) * 30 * .02);margin-left:calc(-2 * 30);filter:hue-rotate(calc(30deg * -1));z-index:calc(-1 * 30)}
	.circles01 .circle:nth-child(31){-webkit-animation-delay:calc(var(--delay) * 31);animation-delay:calc(var(--delay) * 50);width:calc(var(--c-b) * 31 * .02);height:calc(var(--c-b) * 31 * .02);margin-left:calc(-2 * 31);filter:hue-rotate(calc(31deg * -1));z-index:calc(-1 * 31)}
	.circles01 .circle:nth-child(32){-webkit-animation-delay:calc(var(--delay) * 32);animation-delay:calc(var(--delay) * 49);width:calc(var(--c-b) * 32 * .02);height:calc(var(--c-b) * 32 * .02);margin-left:calc(-2 * 32);filter:hue-rotate(calc(32deg * -1));z-index:calc(-1 * 32)}
	.circles01 .circle:nth-child(33){-webkit-animation-delay:calc(var(--delay) * 33);animation-delay:calc(var(--delay) * 48);width:calc(var(--c-b) * 33 * .02);height:calc(var(--c-b) * 33 * .02);margin-left:calc(-2 * 33);filter:hue-rotate(calc(33deg * -1));z-index:calc(-1 * 33)}
	.circles01 .circle:nth-child(34){-webkit-animation-delay:calc(var(--delay) * 34);animation-delay:calc(var(--delay) * 47);width:calc(var(--c-b) * 34 * .02);height:calc(var(--c-b) * 34 * .02);margin-left:calc(-2 * 34);filter:hue-rotate(calc(34deg * -1));z-index:calc(-1 * 34)}
	.circles01 .circle:nth-child(35){-webkit-animation-delay:calc(var(--delay) * 35);animation-delay:calc(var(--delay) * 46);width:calc(var(--c-b) * 35 * .02);height:calc(var(--c-b) * 35 * .02);margin-left:calc(-2 * 35);filter:hue-rotate(calc(35deg * -1));z-index:calc(-1 * 35)}
	.circles01 .circle:nth-child(36){-webkit-animation-delay:calc(var(--delay) * 36);animation-delay:calc(var(--delay) * 45);width:calc(var(--c-b) * 36 * .02);height:calc(var(--c-b) * 36 * .02);margin-left:calc(-2 * 36);filter:hue-rotate(calc(36deg * -1));z-index:calc(-1 * 36)}
	.circles01 .circle:nth-child(37){-webkit-animation-delay:calc(var(--delay) * 37);animation-delay:calc(var(--delay) * 44);width:calc(var(--c-b) * 37 * .02);height:calc(var(--c-b) * 37 * .02);margin-left:calc(-2 * 37);filter:hue-rotate(calc(37deg * -1));z-index:calc(-1 * 37)}
	.circles01 .circle:nth-child(38){-webkit-animation-delay:calc(var(--delay) * 38);animation-delay:calc(var(--delay) * 43);width:calc(var(--c-b) * 38 * .02);height:calc(var(--c-b) * 38 * .02);margin-left:calc(-2 * 38);filter:hue-rotate(calc(38deg * -1));z-index:calc(-1 * 38)}
	.circles01 .circle:nth-child(39){-webkit-animation-delay:calc(var(--delay) * 39);animation-delay:calc(var(--delay) * 42);width:calc(var(--c-b) * 39 * .02);height:calc(var(--c-b) * 39 * .02);margin-left:calc(-2 * 39);filter:hue-rotate(calc(39deg * -1));z-index:calc(-1 * 39)}
	.circles01 .circle:nth-child(40){-webkit-animation-delay:calc(var(--delay) * 40);animation-delay:calc(var(--delay) * 41);width:calc(var(--c-b) * 40 * .02);height:calc(var(--c-b) * 40 * .02);margin-left:calc(-2 * 40);filter:hue-rotate(calc(40deg * -1));z-index:calc(-1 * 40)}
	.circles01 .circle:nth-child(41){-webkit-animation-delay:calc(var(--delay) * 41);animation-delay:calc(var(--delay) * 40);width:calc(var(--c-b) * 41 * .02);height:calc(var(--c-b) * 41 * .02);margin-left:calc(-2 * 41);filter:hue-rotate(calc(41deg * -1));z-index:calc(-1 * 41)}
	.circles01 .circle:nth-child(42){-webkit-animation-delay:calc(var(--delay) * 42);animation-delay:calc(var(--delay) * 39);width:calc(var(--c-b) * 42 * .02);height:calc(var(--c-b) * 42 * .02);margin-left:calc(-2 * 42);filter:hue-rotate(calc(42deg * -1));z-index:calc(-1 * 42)}
	.circles01 .circle:nth-child(43){-webkit-animation-delay:calc(var(--delay) * 43);animation-delay:calc(var(--delay) * 38);width:calc(var(--c-b) * 43 * .02);height:calc(var(--c-b) * 43 * .02);margin-left:calc(-2 * 43);filter:hue-rotate(calc(43deg * -1));z-index:calc(-1 * 43)}
	.circles01 .circle:nth-child(44){-webkit-animation-delay:calc(var(--delay) * 44);animation-delay:calc(var(--delay) * 37);width:calc(var(--c-b) * 44 * .02);height:calc(var(--c-b) * 44 * .02);margin-left:calc(-2 * 44);filter:hue-rotate(calc(44deg * -1));z-index:calc(-1 * 44)}
	.circles01 .circle:nth-child(45){-webkit-animation-delay:calc(var(--delay) * 45);animation-delay:calc(var(--delay) * 36);width:calc(var(--c-b) * 45 * .02);height:calc(var(--c-b) * 45 * .02);margin-left:calc(-2 * 45);filter:hue-rotate(calc(45deg * -1));z-index:calc(-1 * 45)}
	.circles01 .circle:nth-child(46){-webkit-animation-delay:calc(var(--delay) * 46);animation-delay:calc(var(--delay) * 35);width:calc(var(--c-b) * 46 * .02);height:calc(var(--c-b) * 46 * .02);margin-left:calc(-2 * 46);filter:hue-rotate(calc(46deg * -1));z-index:calc(-1 * 46)}
	.circles01 .circle:nth-child(47){-webkit-animation-delay:calc(var(--delay) * 47);animation-delay:calc(var(--delay) * 34);width:calc(var(--c-b) * 47 * .02);height:calc(var(--c-b) * 47 * .02);margin-left:calc(-2 * 47);filter:hue-rotate(calc(47deg * -1));z-index:calc(-1 * 47)}
	.circles01 .circle:nth-child(48){-webkit-animation-delay:calc(var(--delay) * 48);animation-delay:calc(var(--delay) * 33);width:calc(var(--c-b) * 48 * .02);height:calc(var(--c-b) * 48 * .02);margin-left:calc(-2 * 48);filter:hue-rotate(calc(48deg * -1));z-index:calc(-1 * 48)}
	.circles01 .circle:nth-child(49){-webkit-animation-delay:calc(var(--delay) * 49);animation-delay:calc(var(--delay) * 32);width:calc(var(--c-b) * 49 * .02);height:calc(var(--c-b) * 49 * .02);margin-left:calc(-2 * 49);filter:hue-rotate(calc(49deg * -1));z-index:calc(-1 * 49)}
	.circles01 .circle:nth-child(50){-webkit-animation-delay:calc(var(--delay) * 50);animation-delay:calc(var(--delay) * 31);width:calc(var(--c-b) * 50 * .02);height:calc(var(--c-b) * 50 * .02);margin-left:calc(-2 * 50);filter:hue-rotate(calc(50deg * -1));z-index:calc(-1 * 50)}
	.circles01 .circle:nth-child(51){-webkit-animation-delay:calc(var(--delay) * 51);animation-delay:calc(var(--delay) * 30);width:calc(var(--c-b) * 51 * .02);height:calc(var(--c-b) * 51 * .02);margin-left:calc(-2 * 51);filter:hue-rotate(calc(51deg * -1));z-index:calc(-1 * 51)}
	.circles01 .circle:nth-child(52){-webkit-animation-delay:calc(var(--delay) * 52);animation-delay:calc(var(--delay) * 29);width:calc(var(--c-b) * 52 * .02);height:calc(var(--c-b) * 52 * .02);margin-left:calc(-2 * 52);filter:hue-rotate(calc(52deg * -1));z-index:calc(-1 * 52)}
	.circles01 .circle:nth-child(53){-webkit-animation-delay:calc(var(--delay) * 53);animation-delay:calc(var(--delay) * 28);width:calc(var(--c-b) * 53 * .02);height:calc(var(--c-b) * 53 * .02);margin-left:calc(-2 * 53);filter:hue-rotate(calc(53deg * -1));z-index:calc(-1 * 53)}
	.circles01 .circle:nth-child(54){-webkit-animation-delay:calc(var(--delay) * 54);animation-delay:calc(var(--delay) * 27);width:calc(var(--c-b) * 54 * .02);height:calc(var(--c-b) * 54 * .02);margin-left:calc(-2 * 54);filter:hue-rotate(calc(54deg * -1));z-index:calc(-1 * 54)}
	.circles01 .circle:nth-child(55){-webkit-animation-delay:calc(var(--delay) * 55);animation-delay:calc(var(--delay) * 26);width:calc(var(--c-b) * 55 * .02);height:calc(var(--c-b) * 55 * .02);margin-left:calc(-2 * 55);filter:hue-rotate(calc(55deg * -1));z-index:calc(-1 * 55)}
	.circles01 .circle:nth-child(56){-webkit-animation-delay:calc(var(--delay) * 56);animation-delay:calc(var(--delay) * 25);width:calc(var(--c-b) * 56 * .02);height:calc(var(--c-b) * 56 * .02);margin-left:calc(-2 * 56);filter:hue-rotate(calc(56deg * -1));z-index:calc(-1 * 56)}
	.circles01 .circle:nth-child(57){-webkit-animation-delay:calc(var(--delay) * 57);animation-delay:calc(var(--delay) * 24);width:calc(var(--c-b) * 57 * .02);height:calc(var(--c-b) * 57 * .02);margin-left:calc(-2 * 57);filter:hue-rotate(calc(57deg * -1));z-index:calc(-1 * 57)}
	.circles01 .circle:nth-child(58){-webkit-animation-delay:calc(var(--delay) * 58);animation-delay:calc(var(--delay) * 23);width:calc(var(--c-b) * 58 * .02);height:calc(var(--c-b) * 58 * .02);margin-left:calc(-2 * 58);filter:hue-rotate(calc(58deg * -1));z-index:calc(-1 * 58)}
	.circles01 .circle:nth-child(59){-webkit-animation-delay:calc(var(--delay) * 59);animation-delay:calc(var(--delay) * 22);width:calc(var(--c-b) * 59 * .02);height:calc(var(--c-b) * 59 * .02);margin-left:calc(-2 * 59);filter:hue-rotate(calc(59deg * -1));z-index:calc(-1 * 59)}
	.circles01 .circle:nth-child(60){-webkit-animation-delay:calc(var(--delay) * 60);animation-delay:calc(var(--delay) * 21);width:calc(var(--c-b) * 60 * .02);height:calc(var(--c-b) * 60 * .02);margin-left:calc(-2 * 60);filter:hue-rotate(calc(60deg * -1));z-index:calc(-1 * 60)}
	.circles01 .circle:nth-child(61){-webkit-animation-delay:calc(var(--delay) * 61);animation-delay:calc(var(--delay) * 20);width:calc(var(--c-b) * 61 * .02);height:calc(var(--c-b) * 61 * .02);margin-left:calc(-2 * 61);filter:hue-rotate(calc(61deg * -1));z-index:calc(-1 * 61)}
	.circles01 .circle:nth-child(62){-webkit-animation-delay:calc(var(--delay) * 62);animation-delay:calc(var(--delay) * 19);width:calc(var(--c-b) * 62 * .02);height:calc(var(--c-b) * 62 * .02);margin-left:calc(-2 * 62);filter:hue-rotate(calc(62deg * -1));z-index:calc(-1 * 62)}
	.circles01 .circle:nth-child(63){-webkit-animation-delay:calc(var(--delay) * 63);animation-delay:calc(var(--delay) * 18);width:calc(var(--c-b) * 63 * .02);height:calc(var(--c-b) * 63 * .02);margin-left:calc(-2 * 63);filter:hue-rotate(calc(63deg * -1));z-index:calc(-1 * 63)}
	.circles01 .circle:nth-child(64){-webkit-animation-delay:calc(var(--delay) * 64);animation-delay:calc(var(--delay) * 17);width:calc(var(--c-b) * 64 * .02);height:calc(var(--c-b) * 64 * .02);margin-left:calc(-2 * 64);filter:hue-rotate(calc(64deg * -1));z-index:calc(-1 * 64)}
	.circles01 .circle:nth-child(65){-webkit-animation-delay:calc(var(--delay) * 65);animation-delay:calc(var(--delay) * 16);width:calc(var(--c-b) * 65 * .02);height:calc(var(--c-b) * 65 * .02);margin-left:calc(-2 * 65);filter:hue-rotate(calc(65deg * -1));z-index:calc(-1 * 65)}
	.circles01 .circle:nth-child(66){-webkit-animation-delay:calc(var(--delay) * 66);animation-delay:calc(var(--delay) * 15);width:calc(var(--c-b) * 66 * .02);height:calc(var(--c-b) * 66 * .02);margin-left:calc(-2 * 66);filter:hue-rotate(calc(66deg * -1));z-index:calc(-1 * 66)}
	.circles01 .circle:nth-child(67){-webkit-animation-delay:calc(var(--delay) * 67);animation-delay:calc(var(--delay) * 14);width:calc(var(--c-b) * 67 * .02);height:calc(var(--c-b) * 67 * .02);margin-left:calc(-2 * 67);filter:hue-rotate(calc(67deg * -1));z-index:calc(-1 * 67)}
	.circles01 .circle:nth-child(68){-webkit-animation-delay:calc(var(--delay) * 68);animation-delay:calc(var(--delay) * 13);width:calc(var(--c-b) * 68 * .02);height:calc(var(--c-b) * 68 * .02);margin-left:calc(-2 * 68);filter:hue-rotate(calc(68deg * -1));z-index:calc(-1 * 68)}
	.circles01 .circle:nth-child(69){-webkit-animation-delay:calc(var(--delay) * 69);animation-delay:calc(var(--delay) * 12);width:calc(var(--c-b) * 69 * .02);height:calc(var(--c-b) * 69 * .02);margin-left:calc(-2 * 69);filter:hue-rotate(calc(69deg * -1));z-index:calc(-1 * 69)}
	.circles01 .circle:nth-child(70){-webkit-animation-delay:calc(var(--delay) * 70);animation-delay:calc(var(--delay) * 11);width:calc(var(--c-b) * 70 * .02);height:calc(var(--c-b) * 70 * .02);margin-left:calc(-2 * 70);filter:hue-rotate(calc(70deg * -1));z-index:calc(-1 * 70)}
	.circles01 .circle:nth-child(71){-webkit-animation-delay:calc(var(--delay) * 71);animation-delay:calc(var(--delay) * 10);width:calc(var(--c-b) * 71 * .02);height:calc(var(--c-b) * 71 * .02);margin-left:calc(-2 * 71);filter:hue-rotate(calc(71deg * -1));z-index:calc(-1 * 71)}
	.circles01 .circle:nth-child(72){-webkit-animation-delay:calc(var(--delay) * 72);animation-delay:calc(var(--delay) * 9);width:calc(var(--c-b) * 72 * .02);height:calc(var(--c-b) * 72 * .02);margin-left:calc(-2 * 72);filter:hue-rotate(calc(72deg * -1));z-index:calc(-1 * 72)}
	.circles01 .circle:nth-child(73){-webkit-animation-delay:calc(var(--delay) * 73);animation-delay:calc(var(--delay) * 8);width:calc(var(--c-b) * 73 * .02);height:calc(var(--c-b) * 73 * .02);margin-left:calc(-2 * 73);filter:hue-rotate(calc(73deg * -1));z-index:calc(-1 * 73)}
	.circles01 .circle:nth-child(74){-webkit-animation-delay:calc(var(--delay) * 74);animation-delay:calc(var(--delay) * 7);width:calc(var(--c-b) * 74 * .02);height:calc(var(--c-b) * 74 * .02);margin-left:calc(-2 * 74);filter:hue-rotate(calc(74deg * -1));z-index:calc(-1 * 74)}
	.circles01 .circle:nth-child(75){-webkit-animation-delay:calc(var(--delay) * 75);animation-delay:calc(var(--delay) * 6);width:calc(var(--c-b) * 75 * .02);height:calc(var(--c-b) * 75 * .02);margin-left:calc(-2 * 75);filter:hue-rotate(calc(75deg * -1));z-index:calc(-1 * 75)}
	.circles01 .circle:nth-child(76){-webkit-animation-delay:calc(var(--delay) * 76);animation-delay:calc(var(--delay) * 5);width:calc(var(--c-b) * 76 * .02);height:calc(var(--c-b) * 76 * .02);margin-left:calc(-2 * 76);filter:hue-rotate(calc(76deg * -1));z-index:calc(-1 * 76)}
	.circles01 .circle:nth-child(77){-webkit-animation-delay:calc(var(--delay) * 77);animation-delay:calc(var(--delay) * 4);width:calc(var(--c-b) * 77 * .02);height:calc(var(--c-b) * 77 * .02);margin-left:calc(-2 * 77);filter:hue-rotate(calc(77deg * -1));z-index:calc(-1 * 77)}
	.circles01 .circle:nth-child(78){-webkit-animation-delay:calc(var(--delay) * 78);animation-delay:calc(var(--delay) * 3);width:calc(var(--c-b) * 78 * .02);height:calc(var(--c-b) * 78 * .02);margin-left:calc(-2 * 78);filter:hue-rotate(calc(78deg * -1));z-index:calc(-1 * 78)}
	.circles01 .circle:nth-child(79){-webkit-animation-delay:calc(var(--delay) * 79);animation-delay:calc(var(--delay) * 2);width:calc(var(--c-b) * 79 * .02);height:calc(var(--c-b) * 79 * .02);margin-left:calc(-2 * 79);filter:hue-rotate(calc(79deg * -1));z-index:calc(-1 * 79)}
	.circles01 .circle:nth-child(80){-webkit-animation-delay:calc(var(--delay) * 80);animation-delay:calc(var(--delay) * 1);width:calc(var(--c-b) * 80 * .02);height:calc(var(--c-b) * 80 * .02);margin-left:calc(-2 * 80);filter:hue-rotate(calc(80deg * -1));z-index:calc(-1 * 80)}


	.circles02 .circle:nth-child(1){-webkit-animation-delay:calc(var(--delay) * 1);animation-delay:calc(var(--delay) * 80);width:calc(var(--c-b) * 1 * .02);height:calc(var(--c-b) * 1 * .02);margin-left:calc(-2 * 1);filter:hue-rotate(calc(1deg * -1));z-index:calc(-1 * 1)}
	.circles02 .circle:nth-child(2){-webkit-animation-delay:calc(var(--delay) * 2);animation-delay:calc(var(--delay) * 79);width:calc(var(--c-b) * 2 * .02);height:calc(var(--c-b) * 2 * .02);margin-left:calc(-2 * 2);filter:hue-rotate(calc(2deg * -1));z-index:calc(-1 * 2)}
	.circles02 .circle:nth-child(3){-webkit-animation-delay:calc(var(--delay) * 3);animation-delay:calc(var(--delay) * 78);width:calc(var(--c-b) * 3 * .02);height:calc(var(--c-b) * 3 * .02);margin-left:calc(-2 * 3);filter:hue-rotate(calc(3deg * -1));z-index:calc(-1 * 3)}
	.circles02 .circle:nth-child(4){-webkit-animation-delay:calc(var(--delay) * 4);animation-delay:calc(var(--delay) * 77);width:calc(var(--c-b) * 4 * .02);height:calc(var(--c-b) * 4 * .02);margin-left:calc(-2 * 4);filter:hue-rotate(calc(4deg * -1));z-index:calc(-1 * 4)}
	.circles02 .circle:nth-child(5){-webkit-animation-delay:calc(var(--delay) * 5);animation-delay:calc(var(--delay) * 76);width:calc(var(--c-b) * 5 * .02);height:calc(var(--c-b) * 5 * .02);margin-left:calc(-2 * 5);filter:hue-rotate(calc(5deg * -1));z-index:calc(-1 * 5)}
	.circles02 .circle:nth-child(6){-webkit-animation-delay:calc(var(--delay) * 6);animation-delay:calc(var(--delay) * 75);width:calc(var(--c-b) * 6 * .02);height:calc(var(--c-b) * 6 * .02);margin-left:calc(-2 * 6);filter:hue-rotate(calc(6deg * -1));z-index:calc(-1 * 6)}
	.circles02 .circle:nth-child(7){-webkit-animation-delay:calc(var(--delay) * 7);animation-delay:calc(var(--delay) * 74);width:calc(var(--c-b) * 7 * .02);height:calc(var(--c-b) * 7 * .02);margin-left:calc(-2 * 7);filter:hue-rotate(calc(7deg * -1));z-index:calc(-1 * 7)}
	.circles02 .circle:nth-child(8){-webkit-animation-delay:calc(var(--delay) * 8);animation-delay:calc(var(--delay) * 73);width:calc(var(--c-b) * 8 * .02);height:calc(var(--c-b) * 8 * .02);margin-left:calc(-2 * 8);filter:hue-rotate(calc(8deg * -1));z-index:calc(-1 * 8)}
	.circles02 .circle:nth-child(9){-webkit-animation-delay:calc(var(--delay) * 9);animation-delay:calc(var(--delay) * 72);width:calc(var(--c-b) * 9 * .02);height:calc(var(--c-b) * 9 * .02);margin-left:calc(-2 * 9);filter:hue-rotate(calc(9deg * -1));z-index:calc(-1 * 9)}
	.circles02 .circle:nth-child(10){-webkit-animation-delay:calc(var(--delay) * 10);animation-delay:calc(var(--delay) * 71);width:calc(var(--c-b) * 10 * .02);height:calc(var(--c-b) * 10 * .02);margin-left:calc(-2 * 10);filter:hue-rotate(calc(10deg * -1));z-index:calc(-1 * 10)}
	.circles02 .circle:nth-child(11){-webkit-animation-delay:calc(var(--delay) * 11);animation-delay:calc(var(--delay) * 70);width:calc(var(--c-b) * 11 * .02);height:calc(var(--c-b) * 11 * .02);margin-left:calc(-2 * 11);filter:hue-rotate(calc(11deg * -1));z-index:calc(-1 * 11)}
	.circles02 .circle:nth-child(12){-webkit-animation-delay:calc(var(--delay) * 12);animation-delay:calc(var(--delay) * 69);width:calc(var(--c-b) * 12 * .02);height:calc(var(--c-b) * 12 * .02);margin-left:calc(-2 * 12);filter:hue-rotate(calc(12deg * -1));z-index:calc(-1 * 12)}
	.circles02 .circle:nth-child(13){-webkit-animation-delay:calc(var(--delay) * 13);animation-delay:calc(var(--delay) * 68);width:calc(var(--c-b) * 13 * .02);height:calc(var(--c-b) * 13 * .02);margin-left:calc(-2 * 13);filter:hue-rotate(calc(13deg * -1));z-index:calc(-1 * 13)}
	.circles02 .circle:nth-child(14){-webkit-animation-delay:calc(var(--delay) * 14);animation-delay:calc(var(--delay) * 67);width:calc(var(--c-b) * 14 * .02);height:calc(var(--c-b) * 14 * .02);margin-left:calc(-2 * 14);filter:hue-rotate(calc(14deg * -1));z-index:calc(-1 * 14)}
	.circles02 .circle:nth-child(15){-webkit-animation-delay:calc(var(--delay) * 15);animation-delay:calc(var(--delay) * 66);width:calc(var(--c-b) * 15 * .02);height:calc(var(--c-b) * 15 * .02);margin-left:calc(-2 * 15);filter:hue-rotate(calc(15deg * -1));z-index:calc(-1 * 15)}
	.circles02 .circle:nth-child(16){-webkit-animation-delay:calc(var(--delay) * 16);animation-delay:calc(var(--delay) * 65);width:calc(var(--c-b) * 16 * .02);height:calc(var(--c-b) * 16 * .02);margin-left:calc(-2 * 16);filter:hue-rotate(calc(16deg * -1));z-index:calc(-1 * 16)}
	.circles02 .circle:nth-child(17){-webkit-animation-delay:calc(var(--delay) * 17);animation-delay:calc(var(--delay) * 64);width:calc(var(--c-b) * 17 * .02);height:calc(var(--c-b) * 17 * .02);margin-left:calc(-2 * 17);filter:hue-rotate(calc(17deg * -1));z-index:calc(-1 * 17)}
	.circles02 .circle:nth-child(18){-webkit-animation-delay:calc(var(--delay) * 18);animation-delay:calc(var(--delay) * 63);width:calc(var(--c-b) * 18 * .02);height:calc(var(--c-b) * 18 * .02);margin-left:calc(-2 * 18);filter:hue-rotate(calc(18deg * -1));z-index:calc(-1 * 18)}
	.circles02 .circle:nth-child(19){-webkit-animation-delay:calc(var(--delay) * 19);animation-delay:calc(var(--delay) * 62);width:calc(var(--c-b) * 19 * .02);height:calc(var(--c-b) * 19 * .02);margin-left:calc(-2 * 19);filter:hue-rotate(calc(19deg * -1));z-index:calc(-1 * 19)}
	.circles02 .circle:nth-child(20){-webkit-animation-delay:calc(var(--delay) * 20);animation-delay:calc(var(--delay) * 61);width:calc(var(--c-b) * 20 * .02);height:calc(var(--c-b) * 20 * .02);margin-left:calc(-2 * 20);filter:hue-rotate(calc(20deg * -1));z-index:calc(-1 * 20)}
	.circles02 .circle:nth-child(21){-webkit-animation-delay:calc(var(--delay) * 21);animation-delay:calc(var(--delay) * 60);width:calc(var(--c-b) * 21 * .02);height:calc(var(--c-b) * 21 * .02);margin-left:calc(-2 * 21);filter:hue-rotate(calc(21deg * -1));z-index:calc(-1 * 21)}
	.circles02 .circle:nth-child(22){-webkit-animation-delay:calc(var(--delay) * 22);animation-delay:calc(var(--delay) * 59);width:calc(var(--c-b) * 22 * .02);height:calc(var(--c-b) * 22 * .02);margin-left:calc(-2 * 22);filter:hue-rotate(calc(22deg * -1));z-index:calc(-1 * 22)}
	.circles02 .circle:nth-child(23){-webkit-animation-delay:calc(var(--delay) * 23);animation-delay:calc(var(--delay) * 58);width:calc(var(--c-b) * 23 * .02);height:calc(var(--c-b) * 23 * .02);margin-left:calc(-2 * 23);filter:hue-rotate(calc(23deg * -1));z-index:calc(-1 * 23)}
	.circles02 .circle:nth-child(24){-webkit-animation-delay:calc(var(--delay) * 24);animation-delay:calc(var(--delay) * 57);width:calc(var(--c-b) * 24 * .02);height:calc(var(--c-b) * 24 * .02);margin-left:calc(-2 * 24);filter:hue-rotate(calc(24deg * -1));z-index:calc(-1 * 24)}
	.circles02 .circle:nth-child(25){-webkit-animation-delay:calc(var(--delay) * 25);animation-delay:calc(var(--delay) * 56);width:calc(var(--c-b) * 25 * .02);height:calc(var(--c-b) * 25 * .02);margin-left:calc(-2 * 25);filter:hue-rotate(calc(25deg * -1));z-index:calc(-1 * 25)}
	.circles02 .circle:nth-child(26){-webkit-animation-delay:calc(var(--delay) * 26);animation-delay:calc(var(--delay) * 55);width:calc(var(--c-b) * 26 * .02);height:calc(var(--c-b) * 26 * .02);margin-left:calc(-2 * 26);filter:hue-rotate(calc(26deg * -1));z-index:calc(-1 * 26)}
	.circles02 .circle:nth-child(27){-webkit-animation-delay:calc(var(--delay) * 27);animation-delay:calc(var(--delay) * 54);width:calc(var(--c-b) * 27 * .02);height:calc(var(--c-b) * 27 * .02);margin-left:calc(-2 * 27);filter:hue-rotate(calc(27deg * -1));z-index:calc(-1 * 27)}
	.circles02 .circle:nth-child(28){-webkit-animation-delay:calc(var(--delay) * 28);animation-delay:calc(var(--delay) * 53);width:calc(var(--c-b) * 28 * .02);height:calc(var(--c-b) * 28 * .02);margin-left:calc(-2 * 28);filter:hue-rotate(calc(28deg * -1));z-index:calc(-1 * 28)}
	.circles02 .circle:nth-child(29){-webkit-animation-delay:calc(var(--delay) * 29);animation-delay:calc(var(--delay) * 52);width:calc(var(--c-b) * 29 * .02);height:calc(var(--c-b) * 29 * .02);margin-left:calc(-2 * 29);filter:hue-rotate(calc(29deg * -1));z-index:calc(-1 * 29)}
	.circles02 .circle:nth-child(30){-webkit-animation-delay:calc(var(--delay) * 30);animation-delay:calc(var(--delay) * 51);width:calc(var(--c-b) * 30 * .02);height:calc(var(--c-b) * 30 * .02);margin-left:calc(-2 * 30);filter:hue-rotate(calc(30deg * -1));z-index:calc(-1 * 30)}
	.circles02 .circle:nth-child(31){-webkit-animation-delay:calc(var(--delay) * 31);animation-delay:calc(var(--delay) * 50);width:calc(var(--c-b) * 31 * .02);height:calc(var(--c-b) * 31 * .02);margin-left:calc(-2 * 31);filter:hue-rotate(calc(31deg * -1));z-index:calc(-1 * 31)}
	.circles02 .circle:nth-child(32){-webkit-animation-delay:calc(var(--delay) * 32);animation-delay:calc(var(--delay) * 49);width:calc(var(--c-b) * 32 * .02);height:calc(var(--c-b) * 32 * .02);margin-left:calc(-2 * 32);filter:hue-rotate(calc(32deg * -1));z-index:calc(-1 * 32)}
	.circles02 .circle:nth-child(33){-webkit-animation-delay:calc(var(--delay) * 33);animation-delay:calc(var(--delay) * 48);width:calc(var(--c-b) * 33 * .02);height:calc(var(--c-b) * 33 * .02);margin-left:calc(-2 * 33);filter:hue-rotate(calc(33deg * -1));z-index:calc(-1 * 33)}
	.circles02 .circle:nth-child(34){-webkit-animation-delay:calc(var(--delay) * 34);animation-delay:calc(var(--delay) * 47);width:calc(var(--c-b) * 34 * .02);height:calc(var(--c-b) * 34 * .02);margin-left:calc(-2 * 34);filter:hue-rotate(calc(34deg * -1));z-index:calc(-1 * 34)}
	.circles02 .circle:nth-child(35){-webkit-animation-delay:calc(var(--delay) * 35);animation-delay:calc(var(--delay) * 46);width:calc(var(--c-b) * 35 * .02);height:calc(var(--c-b) * 35 * .02);margin-left:calc(-2 * 35);filter:hue-rotate(calc(35deg * -1));z-index:calc(-1 * 35)}
	.circles02 .circle:nth-child(36){-webkit-animation-delay:calc(var(--delay) * 36);animation-delay:calc(var(--delay) * 45);width:calc(var(--c-b) * 36 * .02);height:calc(var(--c-b) * 36 * .02);margin-left:calc(-2 * 36);filter:hue-rotate(calc(36deg * -1));z-index:calc(-1 * 36)}
	.circles02 .circle:nth-child(37){-webkit-animation-delay:calc(var(--delay) * 37);animation-delay:calc(var(--delay) * 44);width:calc(var(--c-b) * 37 * .02);height:calc(var(--c-b) * 37 * .02);margin-left:calc(-2 * 37);filter:hue-rotate(calc(37deg * -1));z-index:calc(-1 * 37)}
	.circles02 .circle:nth-child(38){-webkit-animation-delay:calc(var(--delay) * 38);animation-delay:calc(var(--delay) * 43);width:calc(var(--c-b) * 38 * .02);height:calc(var(--c-b) * 38 * .02);margin-left:calc(-2 * 38);filter:hue-rotate(calc(38deg * -1));z-index:calc(-1 * 38)}
	.circles02 .circle:nth-child(39){-webkit-animation-delay:calc(var(--delay) * 39);animation-delay:calc(var(--delay) * 42);width:calc(var(--c-b) * 39 * .02);height:calc(var(--c-b) * 39 * .02);margin-left:calc(-2 * 39);filter:hue-rotate(calc(39deg * -1));z-index:calc(-1 * 39)}
	.circles02 .circle:nth-child(40){-webkit-animation-delay:calc(var(--delay) * 40);animation-delay:calc(var(--delay) * 41);width:calc(var(--c-b) * 40 * .02);height:calc(var(--c-b) * 40 * .02);margin-left:calc(-2 * 40);filter:hue-rotate(calc(40deg * -1));z-index:calc(-1 * 40)}
	.circles02 .circle:nth-child(41){-webkit-animation-delay:calc(var(--delay) * 41);animation-delay:calc(var(--delay) * 40);width:calc(var(--c-b) * 41 * .02);height:calc(var(--c-b) * 41 * .02);margin-left:calc(-2 * 41);filter:hue-rotate(calc(41deg * -1));z-index:calc(-1 * 41)}
	.circles02 .circle:nth-child(42){-webkit-animation-delay:calc(var(--delay) * 42);animation-delay:calc(var(--delay) * 39);width:calc(var(--c-b) * 42 * .02);height:calc(var(--c-b) * 42 * .02);margin-left:calc(-2 * 42);filter:hue-rotate(calc(42deg * -1));z-index:calc(-1 * 42)}
	.circles02 .circle:nth-child(43){-webkit-animation-delay:calc(var(--delay) * 43);animation-delay:calc(var(--delay) * 38);width:calc(var(--c-b) * 43 * .02);height:calc(var(--c-b) * 43 * .02);margin-left:calc(-2 * 43);filter:hue-rotate(calc(43deg * -1));z-index:calc(-1 * 43)}
	.circles02 .circle:nth-child(44){-webkit-animation-delay:calc(var(--delay) * 44);animation-delay:calc(var(--delay) * 37);width:calc(var(--c-b) * 44 * .02);height:calc(var(--c-b) * 44 * .02);margin-left:calc(-2 * 44);filter:hue-rotate(calc(44deg * -1));z-index:calc(-1 * 44)}
	.circles02 .circle:nth-child(45){-webkit-animation-delay:calc(var(--delay) * 45);animation-delay:calc(var(--delay) * 36);width:calc(var(--c-b) * 45 * .02);height:calc(var(--c-b) * 45 * .02);margin-left:calc(-2 * 45);filter:hue-rotate(calc(45deg * -1));z-index:calc(-1 * 45)}
	.circles02 .circle:nth-child(46){-webkit-animation-delay:calc(var(--delay) * 46);animation-delay:calc(var(--delay) * 35);width:calc(var(--c-b) * 46 * .02);height:calc(var(--c-b) * 46 * .02);margin-left:calc(-2 * 46);filter:hue-rotate(calc(46deg * -1));z-index:calc(-1 * 46)}
	.circles02 .circle:nth-child(47){-webkit-animation-delay:calc(var(--delay) * 47);animation-delay:calc(var(--delay) * 34);width:calc(var(--c-b) * 47 * .02);height:calc(var(--c-b) * 47 * .02);margin-left:calc(-2 * 47);filter:hue-rotate(calc(47deg * -1));z-index:calc(-1 * 47)}
	.circles02 .circle:nth-child(48){-webkit-animation-delay:calc(var(--delay) * 48);animation-delay:calc(var(--delay) * 33);width:calc(var(--c-b) * 48 * .02);height:calc(var(--c-b) * 48 * .02);margin-left:calc(-2 * 48);filter:hue-rotate(calc(48deg * -1));z-index:calc(-1 * 48)}
	.circles02 .circle:nth-child(49){-webkit-animation-delay:calc(var(--delay) * 49);animation-delay:calc(var(--delay) * 32);width:calc(var(--c-b) * 49 * .02);height:calc(var(--c-b) * 49 * .02);margin-left:calc(-2 * 49);filter:hue-rotate(calc(49deg * -1));z-index:calc(-1 * 49)}
	.circles02 .circle:nth-child(50){-webkit-animation-delay:calc(var(--delay) * 50);animation-delay:calc(var(--delay) * 31);width:calc(var(--c-b) * 50 * .02);height:calc(var(--c-b) * 50 * .02);margin-left:calc(-2 * 50);filter:hue-rotate(calc(50deg * -1));z-index:calc(-1 * 50)}
	.circles02 .circle:nth-child(51){-webkit-animation-delay:calc(var(--delay) * 51);animation-delay:calc(var(--delay) * 30);width:calc(var(--c-b) * 51 * .02);height:calc(var(--c-b) * 51 * .02);margin-left:calc(-2 * 51);filter:hue-rotate(calc(51deg * -1));z-index:calc(-1 * 51)}
	.circles02 .circle:nth-child(52){-webkit-animation-delay:calc(var(--delay) * 52);animation-delay:calc(var(--delay) * 29);width:calc(var(--c-b) * 52 * .02);height:calc(var(--c-b) * 52 * .02);margin-left:calc(-2 * 52);filter:hue-rotate(calc(52deg * -1));z-index:calc(-1 * 52)}
	.circles02 .circle:nth-child(53){-webkit-animation-delay:calc(var(--delay) * 53);animation-delay:calc(var(--delay) * 28);width:calc(var(--c-b) * 53 * .02);height:calc(var(--c-b) * 53 * .02);margin-left:calc(-2 * 53);filter:hue-rotate(calc(53deg * -1));z-index:calc(-1 * 53)}
	.circles02 .circle:nth-child(54){-webkit-animation-delay:calc(var(--delay) * 54);animation-delay:calc(var(--delay) * 27);width:calc(var(--c-b) * 54 * .02);height:calc(var(--c-b) * 54 * .02);margin-left:calc(-2 * 54);filter:hue-rotate(calc(54deg * -1));z-index:calc(-1 * 54)}
	.circles02 .circle:nth-child(55){-webkit-animation-delay:calc(var(--delay) * 55);animation-delay:calc(var(--delay) * 26);width:calc(var(--c-b) * 55 * .02);height:calc(var(--c-b) * 55 * .02);margin-left:calc(-2 * 55);filter:hue-rotate(calc(55deg * -1));z-index:calc(-1 * 55)}
	.circles02 .circle:nth-child(56){-webkit-animation-delay:calc(var(--delay) * 56);animation-delay:calc(var(--delay) * 25);width:calc(var(--c-b) * 56 * .02);height:calc(var(--c-b) * 56 * .02);margin-left:calc(-2 * 56);filter:hue-rotate(calc(56deg * -1));z-index:calc(-1 * 56)}
	.circles02 .circle:nth-child(57){-webkit-animation-delay:calc(var(--delay) * 57);animation-delay:calc(var(--delay) * 24);width:calc(var(--c-b) * 57 * .02);height:calc(var(--c-b) * 57 * .02);margin-left:calc(-2 * 57);filter:hue-rotate(calc(57deg * -1));z-index:calc(-1 * 57)}
	.circles02 .circle:nth-child(58){-webkit-animation-delay:calc(var(--delay) * 58);animation-delay:calc(var(--delay) * 23);width:calc(var(--c-b) * 58 * .02);height:calc(var(--c-b) * 58 * .02);margin-left:calc(-2 * 58);filter:hue-rotate(calc(58deg * -1));z-index:calc(-1 * 58)}
	.circles02 .circle:nth-child(59){-webkit-animation-delay:calc(var(--delay) * 59);animation-delay:calc(var(--delay) * 22);width:calc(var(--c-b) * 59 * .02);height:calc(var(--c-b) * 59 * .02);margin-left:calc(-2 * 59);filter:hue-rotate(calc(59deg * -1));z-index:calc(-1 * 59)}
	.circles02 .circle:nth-child(60){-webkit-animation-delay:calc(var(--delay) * 60);animation-delay:calc(var(--delay) * 21);width:calc(var(--c-b) * 60 * .02);height:calc(var(--c-b) * 60 * .02);margin-left:calc(-2 * 60);filter:hue-rotate(calc(60deg * -1));z-index:calc(-1 * 60)}
	.circles02 .circle:nth-child(61){-webkit-animation-delay:calc(var(--delay) * 61);animation-delay:calc(var(--delay) * 20);width:calc(var(--c-b) * 61 * .02);height:calc(var(--c-b) * 61 * .02);margin-left:calc(-2 * 61);filter:hue-rotate(calc(61deg * -1));z-index:calc(-1 * 61)}
	.circles02 .circle:nth-child(62){-webkit-animation-delay:calc(var(--delay) * 62);animation-delay:calc(var(--delay) * 19);width:calc(var(--c-b) * 62 * .02);height:calc(var(--c-b) * 62 * .02);margin-left:calc(-2 * 62);filter:hue-rotate(calc(62deg * -1));z-index:calc(-1 * 62)}
	.circles02 .circle:nth-child(63){-webkit-animation-delay:calc(var(--delay) * 63);animation-delay:calc(var(--delay) * 18);width:calc(var(--c-b) * 63 * .02);height:calc(var(--c-b) * 63 * .02);margin-left:calc(-2 * 63);filter:hue-rotate(calc(63deg * -1));z-index:calc(-1 * 63)}
	.circles02 .circle:nth-child(64){-webkit-animation-delay:calc(var(--delay) * 64);animation-delay:calc(var(--delay) * 17);width:calc(var(--c-b) * 64 * .02);height:calc(var(--c-b) * 64 * .02);margin-left:calc(-2 * 64);filter:hue-rotate(calc(64deg * -1));z-index:calc(-1 * 64)}
	.circles02 .circle:nth-child(65){-webkit-animation-delay:calc(var(--delay) * 65);animation-delay:calc(var(--delay) * 16);width:calc(var(--c-b) * 65 * .02);height:calc(var(--c-b) * 65 * .02);margin-left:calc(-2 * 65);filter:hue-rotate(calc(65deg * -1));z-index:calc(-1 * 65)}
	.circles02 .circle:nth-child(66){-webkit-animation-delay:calc(var(--delay) * 66);animation-delay:calc(var(--delay) * 15);width:calc(var(--c-b) * 66 * .02);height:calc(var(--c-b) * 66 * .02);margin-left:calc(-2 * 66);filter:hue-rotate(calc(66deg * -1));z-index:calc(-1 * 66)}
	.circles02 .circle:nth-child(67){-webkit-animation-delay:calc(var(--delay) * 67);animation-delay:calc(var(--delay) * 14);width:calc(var(--c-b) * 67 * .02);height:calc(var(--c-b) * 67 * .02);margin-left:calc(-2 * 67);filter:hue-rotate(calc(67deg * -1));z-index:calc(-1 * 67)}
	.circles02 .circle:nth-child(68){-webkit-animation-delay:calc(var(--delay) * 68);animation-delay:calc(var(--delay) * 13);width:calc(var(--c-b) * 68 * .02);height:calc(var(--c-b) * 68 * .02);margin-left:calc(-2 * 68);filter:hue-rotate(calc(68deg * -1));z-index:calc(-1 * 68)}
	.circles02 .circle:nth-child(69){-webkit-animation-delay:calc(var(--delay) * 69);animation-delay:calc(var(--delay) * 12);width:calc(var(--c-b) * 69 * .02);height:calc(var(--c-b) * 69 * .02);margin-left:calc(-2 * 69);filter:hue-rotate(calc(69deg * -1));z-index:calc(-1 * 69)}
	.circles02 .circle:nth-child(70){-webkit-animation-delay:calc(var(--delay) * 70);animation-delay:calc(var(--delay) * 11);width:calc(var(--c-b) * 70 * .02);height:calc(var(--c-b) * 70 * .02);margin-left:calc(-2 * 70);filter:hue-rotate(calc(70deg * -1));z-index:calc(-1 * 70)}
	.circles02 .circle:nth-child(71){-webkit-animation-delay:calc(var(--delay) * 71);animation-delay:calc(var(--delay) * 10);width:calc(var(--c-b) * 71 * .02);height:calc(var(--c-b) * 71 * .02);margin-left:calc(-2 * 71);filter:hue-rotate(calc(71deg * -1));z-index:calc(-1 * 71)}
	.circles02 .circle:nth-child(72){-webkit-animation-delay:calc(var(--delay) * 72);animation-delay:calc(var(--delay) * 9);width:calc(var(--c-b) * 72 * .02);height:calc(var(--c-b) * 72 * .02);margin-left:calc(-2 * 72);filter:hue-rotate(calc(72deg * -1));z-index:calc(-1 * 72)}
	.circles02 .circle:nth-child(73){-webkit-animation-delay:calc(var(--delay) * 73);animation-delay:calc(var(--delay) * 8);width:calc(var(--c-b) * 73 * .02);height:calc(var(--c-b) * 73 * .02);margin-left:calc(-2 * 73);filter:hue-rotate(calc(73deg * -1));z-index:calc(-1 * 73)}
	.circles02 .circle:nth-child(74){-webkit-animation-delay:calc(var(--delay) * 74);animation-delay:calc(var(--delay) * 7);width:calc(var(--c-b) * 74 * .02);height:calc(var(--c-b) * 74 * .02);margin-left:calc(-2 * 74);filter:hue-rotate(calc(74deg * -1));z-index:calc(-1 * 74)}
	.circles02 .circle:nth-child(75){-webkit-animation-delay:calc(var(--delay) * 75);animation-delay:calc(var(--delay) * 6);width:calc(var(--c-b) * 75 * .02);height:calc(var(--c-b) * 75 * .02);margin-left:calc(-2 * 75);filter:hue-rotate(calc(75deg * -1));z-index:calc(-1 * 75)}
	.circles02 .circle:nth-child(76){-webkit-animation-delay:calc(var(--delay) * 76);animation-delay:calc(var(--delay) * 5);width:calc(var(--c-b) * 76 * .02);height:calc(var(--c-b) * 76 * .02);margin-left:calc(-2 * 76);filter:hue-rotate(calc(76deg * -1));z-index:calc(-1 * 76)}
	.circles02 .circle:nth-child(77){-webkit-animation-delay:calc(var(--delay) * 77);animation-delay:calc(var(--delay) * 4);width:calc(var(--c-b) * 77 * .02);height:calc(var(--c-b) * 77 * .02);margin-left:calc(-2 * 77);filter:hue-rotate(calc(77deg * -1));z-index:calc(-1 * 77)}
	.circles02 .circle:nth-child(78){-webkit-animation-delay:calc(var(--delay) * 78);animation-delay:calc(var(--delay) * 3);width:calc(var(--c-b) * 78 * .02);height:calc(var(--c-b) * 78 * .02);margin-left:calc(-2 * 78);filter:hue-rotate(calc(78deg * -1));z-index:calc(-1 * 78)}
	.circles02 .circle:nth-child(79){-webkit-animation-delay:calc(var(--delay) * 79);animation-delay:calc(var(--delay) * 2);width:calc(var(--c-b) * 79 * .02);height:calc(var(--c-b) * 79 * .02);margin-left:calc(-2 * 79);filter:hue-rotate(calc(79deg * -1));z-index:calc(-1 * 79)}
	.circles02 .circle:nth-child(80){-webkit-animation-delay:calc(var(--delay) * 80);animation-delay:calc(var(--delay) * 1);width:calc(var(--c-b) * 80 * .02);height:calc(var(--c-b) * 80 * .02);margin-left:calc(-2 * 80);filter:hue-rotate(calc(80deg * -1));z-index:calc(-1 * 80)}
}