#background {position:absolute;top:0;left:0;right:0;z-index:-1;width:100%;height:10300px;margin:0 auto;overflow:hidden;background-color:#f6f6f6;}
#background .background-operation{position:absolute;top:220px;left:0;width:100%;height:10300px;transform-origin:top center;}
#background .background-operation .background-inner {position:absolute;left:0;right:0;top:0;width:1400px;height:10300px;margin:0 auto;}
#background .background-operation .background-inner .circle-bg {position:absolute;width:620px;height:620px;border-radius:310px 280px;font-size:0;opacity:0.3;
    animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:circle-type;}
#background .background-operation .background-inner .circle-bg.type011{top:    0;left:-20px;}
#background .background-operation .background-inner .circle-bg.type012{top: 80px;left:40px;}
#background .background-operation .background-inner .circle-bg.type013{top: 20px;left:-80px;}
#background .background-operation .background-inner .circle-bg.type021{top: 800px;right:-20px;}
#background .background-operation .background-inner .circle-bg.type022{top: 880px;right:40px;}
#background .background-operation .background-inner .circle-bg.type023{top: 820px;right:-80px;}
#background .background-operation .background-inner .circle-bg.type031{top:1500px;left:-120px;}
#background .background-operation .background-inner .circle-bg.type032{top:1580px;left:-60px;}
#background .background-operation .background-inner .circle-bg.type033{top:1520px;left:-180px;}
#background .background-operation .background-inner .circle-bg.type041{top:2300px;right:-220px;}
#background .background-operation .background-inner .circle-bg.type042{top:2380px;right:-160px;}
#background .background-operation .background-inner .circle-bg.type043{top:2320px;right:-280px;}
#background .background-operation .background-inner .circle-bg.type051{top:3000px;left:-120px;}
#background .background-operation .background-inner .circle-bg.type052{top:3080px;left:-60px;}
#background .background-operation .background-inner .circle-bg.type053{top:3020px;left:-180px;}
#background .background-operation .background-inner .circle-bg.type061{top:3600px;right:-120px;}
#background .background-operation .background-inner .circle-bg.type062{top:3680px;right:-60px;}
#background .background-operation .background-inner .circle-bg.type063{top:3620px;right:-180px;}
#background .background-operation .background-inner .circle-bg.type071{top:4600px;left:-20px;}
#background .background-operation .background-inner .circle-bg.type072{top:4680px;left:40px;}
#background .background-operation .background-inner .circle-bg.type073{top:4620px;left:-80px;}
#background .background-operation .background-inner .circle-bg.type081{top:5300px;right:-20px;}
#background .background-operation .background-inner .circle-bg.type082{top:5380px;right:40px;}
#background .background-operation .background-inner .circle-bg.type083{top:5320px;right:-80px;}
#background .background-operation .background-inner .circle-bg.type091{top:6000px;left:-120px;}
#background .background-operation .background-inner .circle-bg.type092{top:6080px;left:-60px;}
#background .background-operation .background-inner .circle-bg.type093{top:6020px;left:-180px;}
#background .background-operation .background-inner .circle-bg.type101{top:6800px;right:-220px;}
#background .background-operation .background-inner .circle-bg.type102{top:6880px;right:-160px;}
#background .background-operation .background-inner .circle-bg.type103{top:6820px;right:-280px;}
#background .background-operation .background-inner .circle-bg.type111{top:7500px;left:-120px;}
#background .background-operation .background-inner .circle-bg.type112{top:7580px;left:-60px;}
#background .background-operation .background-inner .circle-bg.type113{top:7520px;left:-180px;}
#background .background-operation .background-inner .circle-bg.type121{top:8100px;right:-120px;}
#background .background-operation .background-inner .circle-bg.type122{top:8180px;right:-60px;}
#background .background-operation .background-inner .circle-bg.type123{top:8120px;right:-180px;}
#background .background-operation .background-inner .circle-bg.type131{top:9100px;left:-20px;}
#background .background-operation .background-inner .circle-bg.type132{top:9180px;left:40px;}
#background .background-operation .background-inner .circle-bg.type133{top:9120px;left:-80px;}
#background .background-operation .background-inner .circle-bg.type141{top:9400px;right:-20px;}
#background .background-operation .background-inner .circle-bg.type142{top:9480px;right:40px;}
#background .background-operation .background-inner .circle-bg.type143{top:9420px;right:-80px;}

#background .background-operation .background-inner .circle-bg.origin1{transform-origin:50% 50% 0;}
#background .background-operation .background-inner .circle-bg.origin2{transform-origin:48% 48% 0;}
#background .background-operation .background-inner .circle-bg.origin3{transform-origin:52% 52% 0;}

#background .background-operation .background-inner .circle-bg.color1{background:linear-gradient(45deg, #8fd3f4, #84fab0);}
#background .background-operation .background-inner .circle-bg.color2{background:linear-gradient(45deg, #d299c2, #fef9d7);}
#background .background-operation .background-inner .circle-bg.color3{background:linear-gradient(45deg, #abecd6, #fbed96);}
#background .background-operation .background-inner .circle-bg.color4{background:linear-gradient(45deg, #a8edea, #fed6e3);}
#background .background-operation .background-inner .circle-bg.color5{background:linear-gradient(45deg, #e6b980, #d1fdff);}

@media screen and (min-width:1100px) and (max-width:1399px) {
    #background .background-operation .background-inner .background-operation .background-inner{left:calc(50% - 700px);}
}
@media screen and (min-width:751px) and (max-width:1099px) {
    #background .background-operation .background-inner .background-operation .background-inner{left:-150px;}
}
@media screen and (max-width:750px) {
    #background .background-operation{top:30vw;}
    #background .background-operation .background-inner {width:150vw;height:1374vw;left:-25vw}
    #background .background-operation .background-inner .circle-bg {position:absolute;width:94vw;height:94vw;border-radius:47vw 42.3vw;}
    #background .background-operation .background-inner .circle-bg.type011{top:0;left:-2.6666vw;}
    #background .background-operation .background-inner .circle-bg.type012{top:10.6666vw;left:5.3333vw;}
    #background .background-operation .background-inner .circle-bg.type013{top:2.6666vw;left:-10.6666vw;}
    #background .background-operation .background-inner .circle-bg.type021{top:106.6666vw;right:-2.6666vw;}
    #background .background-operation .background-inner .circle-bg.type022{top:117.3333vw;right:5.3333vw;}
    #background .background-operation .background-inner .circle-bg.type023{top:109.3333vw;right:-10.6666vw;}
    #background .background-operation .background-inner .circle-bg.type031{top:200vw;left:-16vw;}
    #background .background-operation .background-inner .circle-bg.type032{top:210.6666vw;left:-8vw;}
    #background .background-operation .background-inner .circle-bg.type033{top:202.6666vw;left:-24vw;}
    #background .background-operation .background-inner .circle-bg.type041{top:306.6666vw;right:-29.3333vw;}
    #background .background-operation .background-inner .circle-bg.type042{top:317.3333vw;right:-21.3333vw;}
    #background .background-operation .background-inner .circle-bg.type043{top:309.3333vw;right:-37.3333vw;}
    #background .background-operation .background-inner .circle-bg.type051{top:400vw;left:-16vw;}
    #background .background-operation .background-inner .circle-bg.type052{top:410.6666vw;left:-8vw;}
    #background .background-operation .background-inner .circle-bg.type053{top:402.6666vw;left:-24vw;}
    #background .background-operation .background-inner .circle-bg.type061{top:480vw;right:-16vw;}
    #background .background-operation .background-inner .circle-bg.type062{top:490.6666vw;right:-8vw;}
    #background .background-operation .background-inner .circle-bg.type063{top:482.6666vw;right:-24vw;}
    #background .background-operation .background-inner .circle-bg.type071{top:613.3333vw;left:-2.6666vw;}
    #background .background-operation .background-inner .circle-bg.type072{top:624vw;left:5.3333vw;}
    #background .background-operation .background-inner .circle-bg.type073{top:616vw;left:-10.6666vw;}
    #background .background-operation .background-inner .circle-bg.type081{top:706.6666vw;right:-2.6666vw;}
    #background .background-operation .background-inner .circle-bg.type082{top:717.3333vw;right:5.3333vw;}
    #background .background-operation .background-inner .circle-bg.type083{top:709.3333vw;right:-10.6666vw;}
    #background .background-operation .background-inner .circle-bg.type091{top:800vw;left:-16vw;}
    #background .background-operation .background-inner .circle-bg.type092{top:810.6666vw;left:-8vw;}
    #background .background-operation .background-inner .circle-bg.type093{top:802.6666vw;left:-24vw;}
    #background .background-operation .background-inner .circle-bg.type101{top:906.6666vw;right:-29.3333vw;}
    #background .background-operation .background-inner .circle-bg.type102{top:917.3333vw;right:-21.3333vw;}
    #background .background-operation .background-inner .circle-bg.type103{top:909.3333vw;right:-37.3333vw;}
    #background .background-operation .background-inner .circle-bg.type111{top:1000vw;left:-16vw;}
    #background .background-operation .background-inner .circle-bg.type112{top:1010.6666vw;left:-8vw;}
    #background .background-operation .background-inner .circle-bg.type113{top:1002.6666vw;left:-24vw;}
    #background .background-operation .background-inner .circle-bg.type121{top:1080vw;right:-16vw;}
    #background .background-operation .background-inner .circle-bg.type122{top:1090.6666vw;right:-8vw;}
    #background .background-operation .background-inner .circle-bg.type123{top:1082.6666vw;right:-24vw;}
    #background .background-operation .background-inner .circle-bg.type131{top:1213.3333vw;left:-2.6666vw;}
    #background .background-operation .background-inner .circle-bg.type132{top:1224vw;left:5.3333vw;}
    #background .background-operation .background-inner .circle-bg.type133{top:1216vw;left:-10.6666vw;}
    #background .background-operation .background-inner .circle-bg.type141{top:1253.3333vw;right:-2.6666vw;}
    #background .background-operation .background-inner .circle-bg.type142{top:1264vw;right:5.3333vw;}
    #background .background-operation .background-inner .circle-bg.type143{top:1256vw;right:-10.6666vw;}
}

@keyframes circle-type {0% {transform:rotate(0deg); }50% {transform:rotate(180deg);}100% {transform:rotate(360deg);}}