.air-text-with-animation{display:flex;justify-content:center;gap:4vw}.air-text-with-animation .animation-area{flex:0 1 50%;width:50%}@media only screen and (max-width:989px){.air-text-with-animation .animation-area{flex:0 1 100%;width:100%;order:1}}.air-text-with-animation .text-container{padding:2vw 0;flex:0 1 50%;width:50%;display:flex;flex-direction:column;gap:24px}.air-text-with-animation .text-container .title{margin-bottom:0;font-size:var(--title_size_pc)}@media only screen and (max-width:989px){.air-text-with-animation .text-container{flex:0 1 100%;width:100%;max-width:100%}}@media only screen and (max-width:989px){.air-text-with-animation .text-container{text-align:left;order:2}}.air-text-with-animation .text-container .subtitle{margin:15px 0}.air-text-with-animation .text-container .description p{font-size:18px}@media only screen and (max-width:790px){.air-text-with-animation .animation-area{padding:2vw 5vw}}.air-text-with-animation .animation-area .animation-container-box,.air-text-with-animation .animation-area .animation-desc-box{text-align:center;max-width:75%;margin:0 auto}@media only screen and (max-width:1300px){.air-text-with-animation .animation-area .animation-container-box,.air-text-with-animation .animation-area .animation-desc-box{max-width:85%}}@media only screen and (max-width:1100px){.air-text-with-animation .animation-area .animation-container-box,.air-text-with-animation .animation-area .animation-desc-box{max-width:100%}}.air-text-with-animation .animation-area .animation-wrapper{margin:30px 0;display:flex;justify-content:center}@media only screen and (max-width:1100px){.air-text-with-animation .animation-area .animation-wrapper{margin-bottom:40px}}.air-text-with-animation .animation-area .animation-wrapper .circle-box{width:max-content;height:max-content;position:relative}.air-text-with-animation .animation-area .animation-wrapper .circle-box .otherhide{display:none}@media only screen and (min-width:791px)and (max-width:1100px){.air-text-with-animation .animation-area .animation-wrapper .circle-box{width:150px;height:150px}.air-text-with-animation .animation-area .animation-wrapper .circle-box svg{max-width:150px;max-height:150px}.air-text-with-animation .animation-area .animation-wrapper .circle-box .ipadhide{display:none}.air-text-with-animation .animation-area .animation-wrapper .circle-box .otherhide{display:block}}.air-text-with-animation .animation-area .animation-wrapper .circle-box:before{content:attr(data-percentText);display:block;position:absolute;width:100%;top:25%;font-size:3vw;font-weight:700;text-align:center}@media only screen and (max-width:1500px){.air-text-with-animation .animation-area .animation-wrapper .circle-box:before{top:30%}}@media only screen and (min-width:2048px){.air-text-with-animation .animation-area .animation-wrapper .circle-box:before{top:22%;font-size:2vw}}@media only screen and (max-width:790px){.air-text-with-animation .animation-area .animation-wrapper .circle-box:before{font-size:6vw}}@media only screen and (max-width:992px){.air-text-with-animation .text-container .title{font-size:var(--title_size_mb)}}@media only screen and (max-width:750px){.air-text-with-animation .animation-area .animation-wrapper{margin-bottom:50px}.air-text-with-animation .animation-area .animation-wrapper{flex-direction:column}.air-text-with-animation .text-container .description p{font-size:16px}.air-text-with-animation .animation-area .animation-wrapper .circle-box{margin:auto}.air-text-with-animation .animation-area .animation-wrapper .circle-box:before{font-size:12vw}}.air-text-with-animation .animation-area .animation-wrapper .circle-box:after{content:attr(data-text);display:block;position:absolute;width:75%;left:0;right:0;bottom:30%;margin:auto;text-align:center;font-size:14px}@media only screen and (min-width:791px)and (max-width:1100px){.air-text-with-animation .animation-area .animation-wrapper .circle-box:after{width:100%;font-size:12px}}.air-text-with-animation .animation-area .animation-wrapper .bar-area{display:flex;justify-content:center;align-items:flex-end;height:200px;max-height:200px;flex:0 1 65%;width:65%}@media only screen and (min-width:791px)and (max-width:1100px){.air-text-with-animation .animation-area .animation-wrapper .bar-area{height:150px;max-height:150px}}@media only screen and (max-width:590px){.air-text-with-animation .animation-area .animation-wrapper .bar-area{flex:0 1 100%;width:100%;height:200px;flex-basis:auto;-moz-flex-basis:auto;-ms-flex-basis:auto;-o-flex-basis:auto;-webkit-flex-basis:auto;min-height:200px;max-height:200px;margin-top:45px}}.air-text-with-animation .animation-area .animation-wrapper .bar-area .bar-item{display:block;width:80px;max-width:80px;margin:0 25px;background:linear-gradient(180deg,var(--theme_color) 0%,rgba(193,240,255,.1) 100%);position:relative}@media only screen and (min-width:791px)and (max-width:1100px){.air-text-with-animation .animation-area .animation-wrapper .bar-area .bar-item{width:65px;max-width:65px;margin:0 20px}}.air-text-with-animation .animation-area .animation-wrapper .bar-area .bar-item:before{content:attr(data-moneyText);display:block;position:absolute;width:100%;left:0;right:0;top:-25px;margin:auto;text-align:center;font-size:16px;font-weight:700}.air-text-with-animation .animation-area .animation-wrapper .bar-area .bar-item:after{content:attr(data-years);display:block;position:absolute;width:100%;left:0;right:0;bottom:-30px;margin:auto;text-align:center;font-size:14px}.air-text-with-animation .animation-area .animation-desc-box .animation-title-content{margin-bottom:10px;color:#fff}.air-text-with-animation .animation-area .animation-desc-box .animation-title-content .content-count{color:var(--theme_color)}.air-text-with-animation .animation-area .animation-desc-box .animation-desc-content{font-size:13px;color:#333}.air-text-with-animation .animation-area .animation-desc-box .animation-desc-content p{color:#333}.air-text-with-animation circle{transition:stroke-dasharray 2s linear .5s;-o-transition:stroke-dasharray 2s linear .5s;-moz-transition:stroke-dasharray 2s linear .5s;-webkit-transition:stroke-dasharray 2s linear .5s}@-webkit-keyframes load{0%{stroke-dashoffset:0}}@keyframes load{0%{stroke-dashoffset:0}}.air-text-with-animation svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.air-text-with-animation svg:nth-child(2) path{fill:none;stroke-width:10;stroke-dasharray:628;stroke:#dedede;opacity:1;-webkit-animation:load 5s;animation:load 5s}@media only screen and (max-width:989px){.air-text-with-animation{flex-direction:column}}.bar-item{height:0}.bar-running.bar-item{height:var(--max-percent)}
/*# sourceMappingURL=/cdn/shop/t/172/assets/section-air-text-with-animation.css.map */