@keyframes button-ani{50%{-webkit-transform:translateX(30px);transform:translateX(30px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media(max-width:1024px){section.main-visual.desktop{display:none}.main-visual{width:100%}.main-visual .indicator{background-color:hsla(0,0%,100%,.2);bottom:50px;height:1px;left:30px;position:absolute;right:30px;z-index:50}.main-visual .indicator:before{background-color:#519d38;content:"";display:block;height:3px;left:0;position:absolute;top:-1px;-webkit-transition:left .2s;transition:left .2s;width:16.666%}.main-visual .indicator.t-0:before{left:0}.main-visual .indicator.t-1:before{left:14.285%}.main-visual .indicator.t-2:before{left:28.57%}.main-visual .indicator.t-3:before{left:42.855%}.main-visual .indicator.t-4:before{left:57.14%}.main-visual .indicator.t-5:before{left:71.425%}.main-visual .indicator.t-6:before{left:85.71%}.main-visual .indicator.t-0:before{background-color:#00b17b}.main-visual .indicator.t-1:before{background-color:#67c179}.main-visual .indicator.t-2:before{background-color:#0087c6}.main-visual .indicator.t-3:before{background-color:#64891b}.main-visual .indicator.t-4:before{background-color:#6b3321}.main-visual .indicator.t-5:before{background-color:#2d72af}.main-visual .indicator.t-6:before{background-color:#1d7e84}.main-visual .swiper-slide{height:640px}.main-visual .brand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-repeat:no-repeat;background-size:cover;height:100%;padding:0 30px}.main-visual .brand-detail{height:258px;width:100%;z-index:1}.main-visual .brand-detail .name{background-position:0 100%;background-repeat:no-repeat;background-size:auto 100%;display:block;height:50px}.main-visual .brand.flavornrich .name{background-size:auto 50px}.main-visual .brand.bestamino .name{background-size:auto 35px}.main-visual .brand.soytide .name{background-size:auto 37px}.main-visual .brand.x·soy .name{background-size:auto 38px}.main-visual .brand.growinact .name{background-size:auto 34px}.main-visual .brand.aminature .name{background-size:auto 28px}.main-visual .brand.tastenrich .name{background-size:auto 50px}.main-visual .brand.deweco .name{background-size:auto 42px}.main-visual .brand.phact .name{background-size:auto 29px}.main-visual .brand.activenrich .name{background-size:auto 50px}.main-visual .brand-detail p{color:#fff;font-size:13px;font-weight:500;line-height:1.6;margin-top:15px;text-transform:uppercase}.main-visual .brand-detail .btn-go{border:1px solid #fff;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:block;font-weight:700;height:46px;margin-top:24px;padding:10px 25px;position:relative;width:180px}.main-visual .brand-detail .btn-go:after,.main-visual .brand-detail .btn-go:before{content:"";display:block;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.main-visual .brand-detail .btn-go:before{background-color:#fff;height:2px;width:20px}.main-visual .brand-detail .btn-go:after{border:solid #fff;border-width:0 2px 2px 0;padding:3px;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}.main-visual .brand-detail p{margin-bottom:0}.main-visual .brand-detail .btn-go:hover{-webkit-animation:button-ani .5s cubic-bezier(.4,-.06,.58,1.32);animation:button-ani .5s cubic-bezier(.4,-.06,.58,1.32);background-color:#e23043;border-color:#e23043}.main-visual .brand{background-color:#000}}@media(min-width:1025px){.main-visual .brand{background-color:#000}section.main-visual.mob-wrpp{display:none}.main-visual{margin-top:-80px;min-height:811px}.main-visual .brand{background-position:50% 0;background-repeat:no-repeat;background-size:1920px auto;min-height:1561px;opacity:0;padding-top:450px;position:absolute;-webkit-transition:opacity 1s;transition:opacity 1s;width:100%}.main-visual .brand.active{opacity:1}.main-visual .brand-detail{margin:0 auto;max-width:100%;padding-left:266px;position:relative;width:1280px;z-index:1}.main-visual .brand-detail .name{background-position:0 100%;background-repeat:no-repeat;background-size:auto 100%;display:block;min-height:80px;width:340px}.main-visual .hd-area{color:transparent;display:inline-block;left:-99999px;line-height:0;min-height:0;overflow:hidden;position:absolute;top:0;width:0}.main-visual .brand-detail .btn-go{border:2px solid #fff;border-radius:30px;color:#fff;display:block;font-size:14px;font-weight:700;line-height:1.5;margin-top:30px;min-height:55px;padding:14px 25px;position:relative;width:220px}.main-visual .brand-detail .btn-go:hover{-webkit-animation:button-ani .5s cubic-bezier(.4,-.06,.58,1.32);animation:button-ani .5s cubic-bezier(.4,-.06,.58,1.32);background-color:#e23043;border-color:#e23043}.main-visual .brand-detail .btn-go:after,.main-visual .brand-detail .btn-go:before{content:"";display:block;position:absolute;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.main-visual .brand-list{float:left;overflow:hidden}.main-visual .brand-detail .btn-go:before{background-color:#fff;height:2px;width:34px}.main-visual .brand-detail .btn-go:after{border:solid #fff;border-width:0 2px 2px 0;padding:3px;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}.main-visual .inner{max-width:1280px;min-height:811px;padding:160px 42px 0;position:relative}.main-visual .brand-list li{font-size:14px;line-height:1;margin-top:30px;padding-left:34px;position:relative;-webkit-transform:translateX(-34px);transform:translateX(-34px);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.main-visual .brand-list li.active,.main-visual .brand-list li:hover{-webkit-transform:translateX(0);transform:translateX(0)}.main-visual .brand-list li a{color:#e3e3e3;font-weight:700;letter-spacing:1.5px}.main-visual .brand-list li.active a,.main-visual .brand-list li:hover a{color:#fff}.main-visual .brand-list li a:before{content:"";display:block;height:3px;left:0;margin-right:6px;position:absolute;top:7px;width:24px}.main-visual .inner .scroll-mark{bottom:0;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;margin-right:-42px;position:absolute;right:100%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;width:120px}.main-visual .inner .scroll-mark:after{-webkit-animation:ani 1s infinite;animation:ani 1s infinite;background-color:#fff;content:"";display:block;height:2px;left:60px;position:absolute;top:6px}.main-visual .brand-list{list-style:none;margin:0;padding:0}.main-visual .brand-detail p{color:#fff;font-size:12px;font-weight:700;line-height:1.8;margin-top:15px;text-transform:uppercase}.main-visual .brand-list li a{font-size:14px}.main-visual .brand.flavornrich .name{background-size:auto 80px}.main-visual .brand.activenrich .name{background-size:auto 81px}.main-visual .brand.aminature .name{background-size:auto 44px}.main-visual .brand.tastenrich .name{background-size:auto 80px}.main-visual .brand.bestamino .name{background-size:auto 47px}.main-visual .brand.soytide .name{background-size:auto 56px}.main-visual .brand.x·soy .name{background-size:auto 60px}.main-visual .brand.phact .name{background-size:auto 44px}.main-visual .brand-list li.biomenrich a:before{background-color:#015a8e}.main-visual .brand-list .aminature a:before{background-color:#0087c6}.main-visual .brand-list .tastenrich a:before{background-color:#00b17b}.main-visual .brand-list .flavornrich a:before{background-color:#67c179}.main-visual .brand-list .bestamino a:before{background-color:#64891b}.main-visual .brand-list .soytide a:before{background-color:#6b3321}.main-visual .brand-list .x·soy a:before{background-color:#2d72af}.main-visual .brand-list .phact a:before{background-color:#1d7e84}@keyframes ani{0%{width:0}to{width:62px}}}