.animate-scrolldown{position:relative}.animate-scrolldown::after{content:"";position:absolute;top:0;animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:60%;opacity:1}100%{height:0;top:100%;opacity:0}}.animate-fadein-up{animation-name:fadein-up;animation-duration:1s;animation-fill-mode:forwards}.animate-trigger-fadein-up{opacity:0}@keyframes fadein-up{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadein-blur{animation-name:fadein-blur;animation-duration:1s;animation-fill-mode:forwards}.animate-trigger-fadein-blur{opacity:0}@keyframes fadein-blur{from{filter:blur(10px);transform:scale(1.02);opacity:0}to{filter:blur(0);transform:scale(1);opacity:1}}.animate-loading{position:relative}.animate-loading>p{position:absolute;top:50%;left:50%;color:#ff860d;width:1em;height:1em;border-radius:50%;text-indent:-9999em;animation:loading 1s infinite linear;transform:translate(-50%, -50%) translateZ(0)}@keyframes loading{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeInScaleDown-seal{0%{opacity:0;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}@keyframes fadeInScaleDown{0%{opacity:0;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}@keyframes slide-right{0%{-webkit-transform:translateX(100px);transform:translateX(100px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-br{0%{-webkit-transform:translateY(100px) translateX(100px);transform:translateY(100px) translateX(100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-tl{0%{-webkit-transform:translateY(-100px) translateX(-100px);transform:translateY(-100px) translateX(-100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-tr{0%{-webkit-transform:translateY(-100px) translateX(100px);transform:translateY(-100px) translateX(100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-top{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bl{0%{-webkit-transform:translateY(100px) translateX(-100px);transform:translateY(100px) translateX(-100px)}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}}@keyframes slide-left{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}body{background-image:url("../img/bag/wrapper-bg.png");background-attachment:fixed}.width-196{width:196px}.width-256{width:256px}.color-poly-point{color:#215ad3}.color-poly-accent{color:#ffe628}.color-poly-main{color:#4ec0ff}.bg-poly-base{background:#d8f1ff}.bg-poly-point{background:#215ad3}.bg-white{background:#fff}.text-underline-white{text-decoration-color:#fff;text-decoration-thickness:20%;text-underline-offset:10%}.text-underline-poly-accent{text-decoration-color:#ffe628;text-decoration-thickness:20%}.width-320{width:320px}.layout-wrapper{display:grid;grid-template-columns:1fr 400px 1fr;grid-template-rows:64px 1fr;min-height:100svh;overflow-x:clip}@media screen and (max-width: 401px){.layout-wrapper{grid-template-columns:100%;grid-gap:0}}.layout-wrapper-left-column{grid-column:1/2;grid-row:1/3;display:grid;grid-template-columns:16px max-content minmax(0, 100px);justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:1;height:100svh}@media screen and (max-width: 401px){.layout-wrapper-left-column{display:none}}.layout-wrapper-left-column::before,.layout-wrapper-left-column::after{content:"";display:block}.layout-wrapper-contents{grid-column:2/3;grid-row:2/3;background-color:#fff;border-left:solid 3px #215ad3;border-right:solid 3px #215ad3;position:relative;z-index:1}@media screen and (max-width: 401px){.layout-wrapper-contents{grid-column:1/2;grid-row:1/2}}.layout-wrapper-right-column{grid-column:3/4;grid-row:1/3;display:grid;grid-template-columns:minmax(0, 100px) max-content 16px;justify-content:flex-start;align-items:center;position:sticky;top:0;z-index:1;height:100svh}@media screen and (max-width: 401px){.layout-wrapper-right-column{display:none}}.layout-wrapper-right-column::before,.layout-wrapper-right-column::after{content:"";display:block}.layout-wrapper #header{position:sticky;top:0;grid-column:2/3;grid-row:1/2;padding:0 16px;border-left:solid 3px #215ad3;border-right:solid 3px #215ad3;border-bottom:solid 3px #215ad3}@media screen and (max-width: 401px){.layout-wrapper #header{grid-column:1/2;grid-row:1/2;border-left:none;border-right:none;border-bottom:none}}.layout-wrapper .header-menu{position:relative;grid-column:2/3;grid-row:1/3;width:0;margin:0 0 0 auto;background:#f5f5f5;transform:none;left:0;height:100svh;white-space:nowrap;transition:width .3s ease,opacity .3s ease}@media screen and (max-width: 401px){.layout-wrapper .header-menu{grid-column:1/2;grid-row:1/2}}.layout-wrapper #header-menu-chk:checked~.header-menu{width:100%;transform:none;left:0}.content-wrapper{padding-bottom:0;overflow:hidden}.menu-left{width:288px}@media screen and (max-width: 1080px){.menu-left{display:none}}.menu-left-sample{display:block;border:3px solid #215ad3;border-radius:20px 0 20px 0;overflow:hidden;background:hsla(0,0%,100%,.8)}.menu-left-sample a:hover{opacity:.7}.menu-right{background:hsla(0,0%,100%,.8);width:288px;padding:32px 20px;border:2px solid #215ad3;border-radius:20px 0px}@media screen and (max-width: 1080px){.menu-right{display:none}}.menu-right-link-main{border-bottom:1px solid #215ad3;font-size:16px;font-weight:bold}.menu-right-link-main a{display:block;color:#215ad3;overflow:hidden;position:relative;z-index:1}.menu-right-link-main a::after{background:#ffe628;position:absolute;top:0;left:0;content:"";width:100%;height:100%;transform:scale(0, 1);transform-origin:left top;transition:.2s cubic-bezier(0.45, 0, 0.55, 1);z-index:-1}.menu-right-link-main a:hover{opacity:1}.menu-right-link-main a:hover::after{transform:scale(1, 1)}.menu-right-link-other .scale-up{cursor:pointer;overflow:hidden;width:100%}.menu-right-link-other .scale-up img{height:auto;transition:transform .2s ease}.menu-right-link-other .scale-up:hover img{transform:scale(1.2)}.menu-right-link-other .scale-up:hover p,.menu-right-link-other .scale-up:hover i{opacity:.7}.first-view{background:#d8f1ff}.first-view-wrap{position:relative;height:520px}.first-view-wrap-text{position:absolute;z-index:3;bottom:-20px;width:100%;margin:0 auto;text-align:center;opacity:0;transition:opacity .3s ease}.first-view-wrap-text.trigger{opacity:1;animation:slide-bottom .3s both}.first-view-wrap-img{position:absolute;z-index:2;left:50px;width:320px}.first-view-wrap-bg{position:absolute;z-index:1;left:50%;transform:translateX(-50%);width:max-content}.point{background:#d8f1ff}.point-title{display:flex;padding:16px;flex-direction:column;align-items:center;width:280px;color:#215ad3;margin:0 auto 40px auto;font-size:24px;font-weight:700;text-align:center;line-height:1.5;border-radius:20px 20px 0 20px;border:3px solid #215ad3;background:hsla(0,0%,100%,.8);position:relative}.point-title:after{position:absolute;display:block;content:"";width:0;height:0;bottom:0;right:0;border-left:20px solid rgba(0,0,0,0);border-bottom:20px solid #ffe628}.point-wrap{padding:0 24px;border-radius:20px;border:3px solid #215ad3;background:hsla(0,0%,100%,.8) url("../img/bag/section-bg.png") no-repeat}.point-wrap-content-head{display:flex;align-items:center;align-self:stretch}.point-wrap-content-img{border-right:1px solid #215ad3}.point-wrap-content-explain{display:grid;border-bottom:1px dashed #215ad3}.point-wrap-content-explain.border-bottom-none{border-bottom:none}.point-wrap-content-bubble{padding:8px 12px;border-radius:35px;color:#215ad3;border:2px solid #215ad3;background:#fff;box-shadow:2px 2px 0 0 #215ad3}.line-up{background:#d8f1ff}.line-up-wrap{background:#d8f1ff;padding:0 20px}.line-up-img{position:relative}.line-up-img .point-1{background:#215ad3;color:#fff;writing-mode:vertical-rl;-ms-writing-mode:tb-rl;padding:8px;border-radius:15px;position:absolute;letter-spacing:.2rem}.line-up-img .point-1.left{top:-30px;left:45px;z-index:5}.line-up-img .point-1.right{top:-35px;right:50px;z-index:5}.line-up-img .point-2{background:#215ad3;color:#fff;writing-mode:vertical-rl;-ms-writing-mode:tb-rl;padding:8px;border-radius:15px;position:absolute;letter-spacing:.2rem}.line-up-img .point-2.left{top:-30px;left:0;z-index:5}.line-up-img .point-2.right{top:-30px;right:0;z-index:5}.line-up-img #translucent-main,.line-up-img #mat-main,.line-up-img #luster-main{position:relative;height:360px}.line-up-img #translucent-main div,.line-up-img #mat-main div,.line-up-img #luster-main div{position:absolute;top:0}.line-up-img #translucent-main div.fade-in,.line-up-img #mat-main div.fade-in,.line-up-img #luster-main div.fade-in{animation:fadeIn .3s both}.line-up-img #translucent-main div.fade-out,.line-up-img #mat-main div.fade-out,.line-up-img #luster-main div.fade-out{animation:fadeOut .3s both}.line-up-img #translucent-main #translucent-material,.line-up-img #translucent-main #mat-material,.line-up-img #translucent-main #luster-material,.line-up-img #mat-main #translucent-material,.line-up-img #mat-main #mat-material,.line-up-img #mat-main #luster-material,.line-up-img #luster-main #translucent-material,.line-up-img #luster-main #mat-material,.line-up-img #luster-main #luster-material{z-index:1;opacity:0;border-radius:50px;border:solid 3px #215ad3;overflow:hidden}.line-up-img #translucent-main #mat-glossy,.line-up-img #translucent-main #translucent-glossy,.line-up-img #translucent-main #luster-glossy,.line-up-img #mat-main #mat-glossy,.line-up-img #mat-main #translucent-glossy,.line-up-img #mat-main #luster-glossy,.line-up-img #luster-main #mat-glossy,.line-up-img #luster-main #translucent-glossy,.line-up-img #luster-main #luster-glossy{z-index:2;border-radius:50px;border:solid 3px #215ad3;overflow:hidden}.line-up-img #translucent-sub,.line-up-img #mat-sub,.line-up-img #luster-sub{position:relative;width:120px;height:120px}.line-up-img #translucent-sub div,.line-up-img #mat-sub div,.line-up-img #luster-sub div{position:absolute;top:0}.line-up-img #translucent-sub div.fade-in,.line-up-img #mat-sub div.fade-in,.line-up-img #luster-sub div.fade-in{animation:fadeIn .3s both}.line-up-img #translucent-sub div.fade-out,.line-up-img #mat-sub div.fade-out,.line-up-img #luster-sub div.fade-out{animation:fadeOut .3s both}.line-up-img #translucent-sub #translucent-sub-material,.line-up-img #translucent-sub #mat-sub-material,.line-up-img #translucent-sub #luster-sub-material,.line-up-img #mat-sub #translucent-sub-material,.line-up-img #mat-sub #mat-sub-material,.line-up-img #mat-sub #luster-sub-material,.line-up-img #luster-sub #translucent-sub-material,.line-up-img #luster-sub #mat-sub-material,.line-up-img #luster-sub #luster-sub-material{z-index:2;border-radius:20px;border:solid 3px #215ad3;overflow:hidden}.line-up-img #translucent-sub #translucent-sub-glossy,.line-up-img #translucent-sub #mat-sub-glossy,.line-up-img #translucent-sub #luster-sub-glossy,.line-up-img #mat-sub #translucent-sub-glossy,.line-up-img #mat-sub #mat-sub-glossy,.line-up-img #mat-sub #luster-sub-glossy,.line-up-img #luster-sub #translucent-sub-glossy,.line-up-img #luster-sub #mat-sub-glossy,.line-up-img #luster-sub #luster-sub-glossy{z-index:1;opacity:0;border-radius:20px;border:solid 3px #215ad3;overflow:hidden}.line-up-img .small-img{position:absolute;bottom:-100px}@media screen and (max-width: 401px){.line-up-img .small-img{bottom:-50px}}@media screen and (max-width: 321px){.line-up-img .small-img{bottom:0}}.line-up-img .small-img.right{right:0}.line-up-img .small-img.left{left:0}.line-up-img .small-img>div{position:relative;z-index:3}.line-up-img .small-img>div p{position:absolute;bottom:8px;right:8px;border-radius:20px;background:hsla(0,0%,100%,.5);padding:8px;z-index:6}.line-up-price{margin-top:100px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;text-align:center}@media screen and (max-width: 401px){.line-up-price{margin-top:50px}}@media screen and (max-width: 321px){.line-up-price{grid-template-columns:1fr;margin-top:0}}.line-up-price-wrap{background:#fff;padding:32px 16px 16px 16px;border-radius:20px;position:relative}.line-up-price-wrap a:hover{opacity:.7}.line-up-price-wrap-border{border-bottom:1px solid #d8f1ff;margin-bottom:16px;padding-bottom:8px}.line-up-price-wrap-category{position:absolute;background:#edf2fc;top:0;left:0;padding:4px 16px;border-radius:20px 0;color:#215ad3;font-weight:bold}.order-simulator{background:linear-gradient(180deg, #d8f1ff 0%, #ececec 100%);padding:0 17px 40px 17px}.order-simulator-wrap{padding:20px;border-radius:20px;border:1px solid #215ad3;background:hsla(0,0%,100%,.6) url("../img/bag/section-sim-bg.png")}.example{padding:0 17px 40px 17px;background:#ececec url("../img/bag/poly-Section-Promotion.png")}.example-link{background:#fff;border-radius:23px;padding:8px 16px;text-align:center;color:#215ad3;margin:0 auto 40px auto}.example-link p:hover,.example-link i:hover{opacity:.7}.example-wrap{position:relative}@keyframes example-slide-in-left{0%{transform:translateX(-50%)}100%{transform:translateX(-20px)}}@keyframes example-slide-in-right{0%{transform:translateX(50%)}100%{transform:translateX(20px)}}.example-wrap-new{transform:translateX(-50%);background:#d8f1ff;border-radius:0 50px 0 0;padding:20px}.example-wrap-new.trigger{animation:example-slide-in-left .3s both}.example-wrap-novelty{transform:translateX(50%);background:#4ebfff;border-radius:50px 0 0 0;padding:20px;margin-top:-40px}.example-wrap-novelty.trigger{animation:example-slide-in-right .3s both}.example-wrap-shopper{transform:translateX(-50%);background:#215ad3;border-radius:0 50px 0 0;padding:20px;margin-top:-20px}.example-wrap-shopper.trigger{animation:example-slide-in-left .3s both}.feature{border:solid 3px #215ad3;background:#d8f1ff url("../img/bag/section-detail-pattern.png")}.feature-title{position:relative;height:60px;background:#215ad3}.feature-title-text{position:absolute;z-index:2;top:50%;left:20px;transform:translateY(-50%)}.feature-title-img{position:absolute}.feature-material{padding:0 14px;display:flex;flex-direction:row-reverse}.feature-material-img{border-radius:146px;overflow:hidden;border:solid 1px #215ad3}.feature-material-wrap{position:relative}.feature-material-text{writing-mode:vertical-rl;-ms-writing-mode:tb-rl;justify-content:center;align-items:flex-start;border-right:3px solid #215ad3;border-bottom:3px solid #215ad3;background:#fff;height:max-content;color:#215ad3;padding:8px;font-size:22px;font-style:normal;font-weight:700}.feature-explain{padding:0 16px}.feature-explain-wrap{background:#b3f8f9;border-radius:20px 0;border:1px solid #215ad3;padding:16px}.feature-size{padding:0 8px}.feature-size-title{border-right:3px solid #215ad3;border-bottom:3px solid #215ad3;padding:8px;background:#fff;color:#215ad3;text-align:center;font-size:22px;font-style:normal;font-weight:700}.feature-size-img{position:relative}.feature-size-img-a4{position:absolute}.feature-size-img-a3{position:absolute;right:0;bottom:0;z-index:3}.feature-size-price{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;height:140px}@media screen and (max-width: 401px){.feature-size-price{height:180px}}@media screen and (max-width: 321px){.feature-size-price{grid-template-columns:1fr;height:290px}}.feature-size-price-wrap{position:relative}@media screen and (max-width: 321px){.feature-size-price-wrap{height:150px;text-align:center}}.feature-size-price-head{border-radius:50px;border:1px solid #215ad3;background:#b3f8f9;padding:4px 16px;text-align:center;grid-gap:4px;font-size:12px;color:#215ad3;position:absolute;top:-12px;z-index:2;left:50%;transform:translateX(-50%);width:100%}.feature-size-price-explain{border-radius:20px 0;border:1px solid #215ad3;background:#fff;padding:8px 20px;position:absolute;top:8px;z-index:1}@media screen and (max-width: 321px){.feature-size-price-explain{left:50%;transform:translateX(-50%);width:100%}}.feature-transparent{padding:0 14px}.feature-transparent-wrap{display:flex}.feature-transparent #transparent-unique{opacity:0;position:relative;z-index:0}.feature-transparent #transparent-unique.trigger{animation:fadein-up .3s both}.feature-transparent #transparent-fashionable-text{position:relative;z-index:1}.feature-transparent #transparent-fashionable-image{opacity:0}.feature-transparent #transparent-fashionable-image.trigger{animation:fadein-up .3s both}.feature-transparent-head{padding:8px;background:#fff;border:1px solid #215ad3;box-shadow:2px 2px 0 0 #215ad3;color:#215ad3;font-size:22px;font-weight:bold;height:fit-content;width:fit-content;display:flex}.feature-transparent-head span{white-space:pre;writing-mode:vertical-rl;display:inline-block}.feature-transparent-head.minus-marign{margin-top:-32px}.feature-transparent-explain{border-radius:20px 0;border:1px solid #215ad3;background:#b3f8f9;padding:16px}.sample{background:#215ad3;padding:20px 17px}.sample-wrap{background:#fff;border-radius:20px;padding:32px 20px}.create{background:#fffcb3;padding:40px 20px}.create-template{background:#fff;padding:8px 16px;border-radius:22px}.create-template p:hover,.create-template i:hover{opacity:.7}.faq{background:#d8f1ff;padding:40px 20px}.contact{background:#d8f1ff;padding:40px 20px}.other-recommend{background:#d8f1ff;padding:40px 20px}.other-recommend-items{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;justify-content:center}.other-recommend-items a:hover p,.other-recommend-items a:hover i{opacity:.7}footer .print-item{border-radius:8px}footer .print-item-list li a{color:rgba(0,0,0,.6);font-weight:bold}footer .print-item-list li a:hover{opacity:.7}.sns{background:linear-gradient(180deg, #d8f1ff 0%, #fffee2 63%, #fff 100%);padding:0 20px 40px 20px}.speech-bubble{padding:16px 8px;border-radius:328px;position:relative}.speech-bubble.down::before{position:relative}.speech-bubble.down::after{position:absolute;top:100%;left:50%;transform:translateX(-50%);content:"";display:block;width:20px;height:20px;aspect-ratio:2;clip-path:polygon(50% 100%, 100% 0, 0 0);background:inherit}.speech-bubble.left::before{position:relative}.speech-bubble.left::after{position:absolute;top:50%;left:-20px;transform:translateY(-50%);content:"";display:block;width:40px;height:40px;aspect-ratio:2;clip-path:polygon(0 50%, 100% 0, 100% 100%);background:inherit}.speech-bubble.right::before{position:relative}.speech-bubble.right::after{position:absolute;top:50%;right:-20px;transform:translateY(-50%);content:"";display:block;width:40px;height:40px;aspect-ratio:2;clip-path:polygon(0 0, 100% 50%, 0 100%);background:inherit}.button-press{box-shadow:0 2px 0 #000;background:#26bbfd;color:#fff;padding:16px 24px;border-radius:48px}.button-press:hover{transform:translateY(4px);box-shadow:none;color:#26bbfd;background:#fff;border:1px solid #000}.button-slide{background:#ffe628;color:#215ad3;overflow:hidden;position:relative;z-index:1;box-shadow:0px 2px 0px 0px #000;border-radius:48px;border:1px solid #000;padding:12px 20px}.button-slide::after{color:#fff;background:#215ad3;position:absolute;top:0;left:0;content:"";width:100%;height:100%;transform:scale(0, 1);transform-origin:left top;transition:.2s cubic-bezier(0.45, 0, 0.55, 1);z-index:-1}.button-slide:hover{color:#fff}.button-slide:hover::after{transform:scale(1, 1)}.button-outline-flat{display:flex;align-items:center;justify-content:center;margin:0 auto 8px auto;border-radius:394px;border:1px solid #000;background:#fff;padding:8px 16px}.img-scale-up{cursor:pointer;overflow:hidden;width:100%}.img-scale-up img{height:auto;transition:transform .3s ease}.img-scale-up:hover img{transform:scale(1.1)}.img-fade-in{animation:fadeIn .3s;-webkit-animation:fadeIn .3s;-moz-animation:fadeIn .3s;-o-animation:fadeIn .3s;-ms-animation:fadeIn .3s}.img-fade-in-delay{opacity:0}.img-fade-in-delay.trigger{animation:fadeIn .3s both}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-675px)}}.slider{height:210px;margin:auto;overflow:hidden;position:relative}.slider::before,.slider::after{content:"";height:210px;position:absolute;width:135px;z-index:2}.slider::after{right:0;top:0;transform:rotateZ(180deg)}.slider::before{left:0;top:0}.slider .slide-track{animation:scroll 40s linear infinite;display:flex;width:1350px}.slider .slide{height:210px;width:135px}.question{padding:16px 20px;border-radius:4px;border:1px solid #26bbfd;background:hsla(0,0%,100%,.5)}.question.close{border:1px solid #000}.question-head{display:flex;align-items:center;cursor:pointer;opacity:1}.question-head.close:hover{opacity:.7}.question-head.active{border-bottom:1px solid rgba(38,187,253,.12);padding-bottom:8px;margin-bottom:8px}.question-head-subject{margin:0 4px}.question-body{display:none}.question-body.active{display:block}