@charset "UTF-8";.lp_wrap .produce .area{overflow:hidden;clip-path:inset(0%)}.lp_wrap .produce .inner{height:min(3548px,473.1vw)}.lp_wrap .produce .area::before{content:"";display:block;position:fixed;top:0;width:100%;max-width:750px;height:100vh;z-index:-1}.lp_wrap .produce .inner.area::before{background:url("../image/produce-bg.png") center center/cover no-repeat}.lp_wrap .produce .inner .clip{position:relative}.lp_wrap .produce .logo li{position:absolute;opacity:0;transform:translateY(20%)}.lp_wrap .produce .logo li:first-child{top:10.7%;left:29.6%;width:3.6%;transition:.3s}.lp_wrap .produce .logo li:nth-child(2){top:10.72%;left:36%;width:3.333%;transition:.3s .1s}.lp_wrap .produce .logo li:nth-child(3){top:10.72%;left:42.1%;width:2.8%;transition:.3s .2s}.lp_wrap .produce .logo li:nth-child(4){top:10.65%;left:47.2%;width:6.533%;transition:.3s .3s}.lp_wrap .produce .logo li:nth-child(5){top:10.72%;left:56.6%;width:1.067%;transition:.3s .4s}.lp_wrap .produce .logo li:nth-child(6){top:10.7%;left:60.4%;width:3.867%;transition:.3s .5s}.lp_wrap .produce .logo li:nth-child(7){top:10.72%;left:67%;width:3.333%;transition:.3s .6s}.lp_wrap .produce .logo li:nth-child(8){top:12.32%;left:48%;width:3.733%;transition:.3s .7s}.lp_wrap .produce .logo li:nth-child(9){top:11.35%;left:24.667%;width:50.667%;transition:.3s 1s}.lp_wrap .produce .logo li.trigger.move,.lp_wrap .produce .logo li.trigger.move~li{opacity:1;transform:translateY(0)}.lp_wrap .produce .head li{position:absolute}.lp_wrap .produce .head li:first-child{top:29%;left:10%;width:85.2%;transition:.3s;opacity:0;transform:translateY(20%)}.lp_wrap .produce .head li:nth-child(2){top:29.6%;left:47.4%;width:32.5%;transition:.4s .2s;clip-path:inset(0 100% 0 0)}.lp_wrap .produce .head li:nth-child(3){top:32%;left:10%;width:80.9%;transition:.3s .4s;opacity:0;transform:translateY(20%)}.lp_wrap .produce .head li:nth-child(4){top:32.6%;left:59.5%;width:21.2%;transition:.3s .6s;opacity:0;transform:translateY(20%)}.lp_wrap .produce .head li.trigger.move,.lp_wrap .produce .head li.trigger.move~li{opacity:1;transform:translateY(0);clip-path:inset(0)}.lp_wrap .produce .copy li{position:absolute}.lp_wrap .produce .copy li:first-child{top:64.62%;left:7.4%;width:83.333%;transition:.3s;opacity:0;transform:translateY(20%)}.lp_wrap .produce .copy li:nth-child(2){top:64.98%;left:10%;width:46%;transition:.4s .2s;clip-path:inset(0 100% 0 0)}.lp_wrap .produce .copy li:nth-child(3){top:66.8%;left:10%;width:34.667%;transition:.3s .4s;opacity:0;transform:translateY(20%)}.lp_wrap .produce .copy li:nth-child(4){top:68.23%;left:10%;width:80.667%;transition:.3s .6s;opacity:0;transform:translateY(20%)}.lp_wrap .produce .copy li.trigger.move,.lp_wrap .produce .copy li.trigger.move~li{opacity:1;transform:translateY(0);clip-path:inset(0)}.lp_wrap .produce .photo{position:absolute;top:78.65%;left:10%;width:80%}.lp_wrap .produce .photo img{transition:.6s;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:url("../image/produce-mask.png");mask-image:url("../image/produce-mask.png");-webkit-mask-position:0 200%;mask-position:0 200%;-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lp_wrap .produce .photo.trigger.move img{-webkit-mask-position:0 0;mask-position:0 0}.lp_wrap .produce .sign li{position:absolute}.lp_wrap .produce .sign li:first-child{top:95.85%;left:13.9%;width:40.933%;transition:.3s;opacity:0;transform:translateY(40%)}.lp_wrap .produce .sign li:nth-child(2){top:94.38%;left:56.4%;width:29.733%;z-index:1;transition:.3s .2s;opacity:0;transform:translateY(20%)}.lp_wrap .produce .sign li:nth-child(3){top:96.87%;left:13.334%;width:73.333%;transition:.4s .3s;clip-path:inset(0 100% 0 0)}.lp_wrap .produce .sign li.trigger.move,.lp_wrap .produce .sign li.trigger.move~li{opacity:1;transform:translateY(0);clip-path:inset(0)}