.breadcrumb{width:1000px}.cont-tp{padding:0 0 140px;width:100%;background:url("../../images/pages/our_story/kv_bg.jpg") no-repeat top center;background-size:auto 600px;color:#9f5f53}.cont-tp .hd{margin:0 auto;height:600px;position:relative;width:1440px;display:flex;align-items:center;background:url("../../images/pages/our_story/kv_pc.jpg") no-repeat top center;background-size:100% auto}.cont-tp .hd h1{font-size:50px;line-height:100%;margin-left:220px}.cont-tp h2{text-align:center;font-size:40px;line-height:160%;margin-bottom:60px}.cont-tp p.txt{text-align:center;font-size:16px;line-height:220%;margin-bottom:30px;font-weight:200}.cont-tp p.catch{text-align:center;font-size:60px;line-height:100%;margin:80px 0 0}.cont-tp ul.imgs{width:960px;margin:120px auto 0;display:flex;justify-content:space-between}.cont-tp ul.imgs li{width:300px}.cont-tp ul.imgs li span{font-size:16px;line-height:16px;display:block;text-align:center;margin-bottom:12px}.concept{background-color:#c16f58;color:#fff;padding:80px 0 120px;position:relative}.concept .inner{width:1120px;padding:0}.concept .inner p.catch{font-size:60px;text-align:right;margin-bottom:10px}.concept .inner p.img{margin-bottom:60px}.concept .inner h2{font-size:24px;line-height:24px;margin-bottom:30px;padding-left:80px}.concept .inner h2::after{content:"";border-bottom:solid 1px #fff;width:calc(50% - 370px);position:absolute;top:900px;left:0}.concept .inner dl{padding-left:80px}.concept .inner dl dt{font-size:24px;line-height:200%;margin-bottom:20px}.concept .inner dl dd{font-size:16px;line-height:220%;margin-bottom:20px;font-weight:200}.concept .inner dl dd:last-child{margin-bottom:0}.story{color:#9f5f53;padding:80px 0 120px;position:relative}.story .inner{width:1120px;padding:80px 0}.story .inner .cols{display:flex;justify-content:space-between}.story .inner .cols .col-l{width:480px;padding-left:80px}.story .inner .cols .col-l h2{font-size:24px;line-height:24px;margin-bottom:30px}.story .inner .cols .col-l h2::after{content:"";border-bottom:solid 1px #9f5f53;width:calc(50% - 406px);position:absolute;top:190px;left:0}.story .inner .cols .col-l dl dt{font-size:24px;line-height:200%;margin-bottom:20px}.story .inner .cols .col-l dl dd{font-size:16px;line-height:220%;margin-bottom:20px;font-weight:200}.story .inner .cols .col-l dl dd:last-child{margin-bottom:0}.story .inner .cols .col-r{width:560px}.core-formula{color:#9f5f53;padding-bottom:0px;background-color:#f7f5f5}.core-formula h2{background:#fff url("../../images/pages/vc_collagen/cf_bg_pc.jpg") no-repeat center top;background-size:auto 130%;aspect-ratio:1440/520;display:flex;align-items:center;justify-content:center;font-size:80px;line-height:80px;text-align:center;color:#fff}.core-formula .sub .inner{width:1120px;text-align:center;padding:100px 0 80px}.core-formula .sub .inner p{font-weight:200;font-size:16px;line-height:180%}.core-formula .sub .inner p.spc{font-size:20px;line-height:20px;font-weight:400;margin-top:30px}.core-formula .point{border-top:solid 1px #9f5f53}.core-formula .point .inner{width:1120px;padding:80px 0;display:flex;justify-content:space-between}.core-formula .point .inner .col-l{width:510px}.core-formula .point .inner .col-l p.p{font-size:24px;margin-bottom:40px}.core-formula .point .inner .col-l p.e{font-size:38px;margin-bottom:20px}.core-formula .point .inner .col-l p.dt{font-size:20px;margin-bottom:40px}.core-formula .point .inner .col-l dl{width:510px}.core-formula .point .inner .col-l dl dt{font-size:20px;margin-bottom:40px}.core-formula .point .inner .col-l dl dd{font-weight:200;font-size:16px;line-height:160%}.core-formula .point .inner .col-l dl dd p{margin-bottom:25px}.core-formula .point .inner .col-l dl.merit{display:flex;border-top:solid 1px #9f5f53;border-bottom:solid 1px #9f5f53;align-items:center;padding:15px 0;margin-top:50px}.core-formula .point .inner .col-l dl.merit dt{width:120px;text-align:center;font-size:16px;line-height:130%;margin:0}.core-formula .point .inner .col-l dl.merit dd ul li{font-size:14px;line-height:160%;margin-bottom:5px;position:relative;padding-left:16px}.core-formula .point .inner .col-l dl.merit dd ul li:last-child{margin-bottom:0}.core-formula .point .inner .col-l dl.merit dd ul li::before{content:"";border-radius:50%;background-color:#9f5f53;width:8px;height:8px;position:absolute;left:0;top:calc(50% - 3px)}.core-formula .point .inner .col-r{width:530px;position:relative}.core-formula .point .inner .col-r p.img{position:absolute}.core-formula .point .inner .col-r p.img.i1{width:232px;top:50px;animation:parallax-p1 ease-in;animation-timeline:view()}.core-formula .point .inner .col-r p.img.i2{width:298px;right:0;z-index:2;animation:parallax-p2 ease-out;animation-timeline:view();animation-delay:1s}.core-formula .point .inner .col-r p.img.i3{width:330px;bottom:0;left:30px;animation:parallax-p3 ease-out;animation-timeline:view()}.core-formula .point .inner .col-r p.img.i4{width:496px;animation:parallax-p4 ease-in;animation-timeline:view()}.core-formula .point .inner .col-r p.img.i5{width:248px;bottom:0;right:0;animation:parallax-p5 ease-out;animation-timeline:view()}.core-formula .point .inner .col-r dl{margin-bottom:40px}.core-formula .point .inner .col-r dl:first-child{margin-top:20px}.core-formula .point .inner .col-r dl dt{font-size:16px;line-height:16px;font-weight:500;margin-bottom:20px;position:relative;padding-left:15px}.core-formula .point .inner .col-r dl dt::before{content:"";border-radius:50%;background-color:#9f5f53;width:8px;height:8px;position:absolute;left:0;top:calc(50% - 3px)}.core-formula .point .inner .col-r dl dd{font-weight:200;font-size:16px;line-height:130%}.core-formula .point .inner .col-r dl dd ul{width:280px;display:flex;flex-wrap:wrap;justify-content:center}.core-formula .point .inner .col-r dl dd ul li{width:33%;position:relative;border:solid 1px #9f5f53;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:130%;text-align:center}.core-formula .point .inner .col-r dl dd ul li::after{content:"";padding-top:100%}.core-formula .point .inner .col-r dl dd ul li:first-child{margin-right:-10px}.core-formula .point .inner .col-r dl dd ul li:nth-child(3){margin-left:-10px}.core-formula .point .inner .col-r dl dd ul li:nth-child(4){margin-right:-10px;margin-top:-20px}.core-formula .point .inner .col-r dl dd ul li:nth-child(5){margin-top:-20px}.core-formula .point .inner .col-r dl dd ul li:nth-child(6){margin-left:-10px;margin-top:-10px}.product-lineup{padding:120px 0}.product-lineup p{width:1120px;margin:0 auto}.product-lineup p a{display:block;width:100%;position:relative}.product-lineup p a span.ttl{display:block;position:absolute;width:100%;text-align:center;top:34px;font-size:40px;color:#9f5f53}.product-lineup p a span.btn-bdr{position:absolute;width:220px;left:calc(50% - 110px);bottom:26px;border:solid 1px #9f5f53;color:#9f5f53;display:flex;align-items:center;justify-content:center;height:52px;font-size:18px;line-height:100%}.product-lineup p a:hover span.btn-bdr{background-color:#9f5f53;color:#fff}.footer{margin-top:0}@media screen and (max-width: 767px){.cont-tp{padding:0 0 100px;width:100%;background:#f7f5f5 url("../../images/pages/our_story/kv_sp.jpg") no-repeat 0 0;background-size:100% auto}.cont-tp .hd{margin:0;height:auto;width:100%;display:block;background:none;padding:20% 0 0;aspect-ratio:360/360}.cont-tp .hd h1{margin-left:5%;font-size:40px;line-height:100%}.cont-tp h2{font-size:22px;line-height:160%;margin-bottom:40px}.cont-tp p.txt{font-size:12px;line-height:220%;margin-bottom:20px;font-weight:200}.cont-tp p.catch{text-align:center;font-size:30px;line-height:100%;margin:40px 0 0}.cont-tp ul.imgs{width:70%;margin:80px auto 0;display:block}.cont-tp ul.imgs li{width:100%;margin-bottom:40px}.cont-tp ul.imgs li span{font-size:16px;line-height:16px;display:block;text-align:center;margin-bottom:12px}.cont-tp ul.imgs li:last-child{margin-bottom:0}.concept{padding:25% 0 80px;position:relative}.concept .inner{width:100%;padding:0}.concept .inner p.img{margin-bottom:40px;padding:0 6%;position:relative}.concept .inner p.img span.catch{font-size:30px;line-height:100%;text-align:right;position:absolute;top:-42px;right:5%}.concept .inner h2{font-size:16px;line-height:16px;margin-bottom:30px;position:relative;padding-left:0}.concept .inner h2::after{display:none}.concept .inner h2 span{border-bottom:solid 1px #fff;padding:0 0 5px 6%}.concept .inner dl{padding-left:6%}.concept .inner dl dt{font-size:20px;line-height:180%;margin-bottom:20px}.concept .inner dl dd{font-size:12px;line-height:180%;margin-bottom:20px}.story{padding:0px 0 50px;position:relative}.story .inner{width:100%;padding:0}.story .inner .cols{display:block}.story .inner .cols .col-l{padding:40px 0;width:100%}.story .inner .cols .col-l h2{font-size:16px;line-height:16px;margin-bottom:30px}.story .inner .cols .col-l h2::after{display:none}.story .inner .cols .col-l h2 span{border-bottom:solid 1px #9f5f53;padding:0 0 5px 6%}.story .inner .cols .col-l dl{padding-left:6%}.story .inner .cols .col-l dl dt{font-size:20px;line-height:180%;margin-bottom:25px}.story .inner .cols .col-l dl dd{font-size:12px;line-height:180%;margin-bottom:20px}.story .inner .cols .col-r{width:100%}.core-formula{margin-bottom:0px}.core-formula h2{background:url("../../images/pages/vc_collagen/cf_bg_sp.jpg") no-repeat center top;background-size:auto 130%;aspect-ratio:1/1;font-size:40px;line-height:40px}.core-formula .sub .inner{width:90%;margin:0 auto;padding:60px 0 60px;text-align:left}.core-formula .sub .inner p{font-size:14px;line-height:180%}.core-formula .sub .inner p.spc{font-size:16px;line-height:100%;margin-top:30px}.core-formula .point .inner{width:100%;padding:80px 0;display:block}.core-formula .point .inner .col-l{width:100%;padding:0 5%}.core-formula .point .inner .col-l p.p{font-size:16px;margin-bottom:20px}.core-formula .point .inner .col-l p.e{font-size:28px;margin-bottom:10px}.core-formula .point .inner .col-l p.dt{font-size:14px;margin-bottom:40px}.core-formula .point .inner .col-l dl{width:100%}.core-formula .point .inner .col-l dl dt{font-size:14px;margin-bottom:40px}.core-formula .point .inner .col-l dl dd{font-size:12px;line-height:180%}.core-formula .point .inner .col-l dl dd p{margin-bottom:25px}.core-formula .point .inner .col-l dl dd p:last-child{margin-bottom:0}.core-formula .point .inner .col-l dl dd.imgs{aspect-ratio:1/1;position:relative;margin-bottom:40px}.core-formula .point .inner .col-l dl dd.imgs p.img{position:absolute}.core-formula .point .inner .col-l dl dd.imgs p.img.i1{width:44%;top:30px;animation:parallax-s1 ease-out;animation-timeline:view()}.core-formula .point .inner .col-l dl dd.imgs p.img.i2{width:56%;right:0;z-index:2;animation:parallax-s2 ease-out;animation-timeline:view();animation-delay:1s}.core-formula .point .inner .col-l dl dd.imgs p.img.i3{width:62%;bottom:0;left:0px;animation:parallax-s3 ease-out;animation-timeline:view()}.core-formula .point .inner .col-l dl dd.imgs p.img.i4{width:92%;animation:parallax-s4 ease-out;animation-timeline:view();animation-delay:1s}.core-formula .point .inner .col-l dl dd.imgs p.img.i5{width:46%;bottom:0;right:0;animation:parallax-s5 ease-out;animation-timeline:view()}.core-formula .point .inner .col-l dl.merit{display:block;align-items:center;padding:20px 0;margin-top:40px}.core-formula .point .inner .col-l dl.merit dt{width:100%;font-size:14px;line-height:100%;margin:0 0 15px}.core-formula .point .inner .col-l dl.merit dd ul li{font-size:12px;line-height:130%;margin-bottom:5px;position:relative;padding-left:13px}.core-formula .point .inner .col-l dl.merit dd ul li:last-child{margin-bottom:0}.core-formula .point .inner .col-l dl.merit dd ul li::before{content:"";width:6px;height:6px;left:0;top:calc(50% - 3px)}.core-formula .point .inner .col-r{padding:0 6%;width:100%}.core-formula .point .inner .col-r dl{margin-bottom:40px}.core-formula .point .inner .col-r dl:first-child{margin-top:20px}.core-formula .point .inner .col-r dl:last-child{margin-bottom:0}.core-formula .point .inner .col-r dl dt{font-size:12px;line-height:12px;margin-bottom:15px;padding-left:15px}.core-formula .point .inner .col-r dl dt::before{content:"";width:6px;height:6px;left:0;top:calc(50% - 2px)}.core-formula .point .inner .col-r dl dd{font-weight:200;font-size:12px;line-height:130%}.core-formula .point .inner .col-r dl dd ul{width:80%;margin:0 auto;display:flex;flex-wrap:wrap}.core-formula .point .inner .col-r dl dd ul li{font-size:10px;line-height:100%;text-align:center}.core-formula .point .inner .col-r dl dd ul li::after{content:"";padding-top:100%}.core-formula .point .inner .col-r dl dd ul li:first-child{margin-right:-10px}.core-formula .point .inner .col-r dl dd ul li:nth-child(3){margin-left:-10px}.core-formula .point .inner .col-r dl dd ul li:nth-child(4){margin-right:-10px;margin-top:-20px}.core-formula .point .inner .col-r dl dd ul li:nth-child(5){margin-top:-20px}.core-formula .point .inner .col-r dl dd ul li:nth-child(6){margin-left:-10px;margin-top:-10px}.product-lineup{padding:80px 0}.product-lineup p{width:90%;margin:0 auto}.product-lineup p a{display:block;width:100%;position:relative}.product-lineup p a span.ttl{width:100%;top:34px;font-size:26px}.product-lineup p a span.btn-bdr{width:62%;left:19%;bottom:26px;height:44px;font-size:16px;line-height:100%}}@keyframes parallax-p1{from{transform:translateY(0px)}to{transform:translateY(-40px)}}@keyframes parallax-p2{from{transform:translateY(0px)}to{transform:translateY(40px)}}@keyframes parallax-p3{from{transform:translateY(0px)}to{transform:translateY(60px)}}@keyframes parallax-p4{from{transform:translateY(0px)}to{transform:translateY(80px)}}@keyframes parallax-p5{from{transform:translateY(0px)}to{transform:translateY(-100px)}}@keyframes parallax-s1{from{transform:translateY(0px)}to{transform:translateY(-40px)}}@keyframes parallax-s2{from{transform:translateY(0px)}to{transform:translateY(60px)}}@keyframes parallax-s3{from{transform:translateY(0px)}to{transform:translateY(-20px)}}@keyframes parallax-s4{from{transform:translateY(0px)}to{transform:translateY(30px)}}@keyframes parallax-s5{from{transform:translateY(0px)}to{transform:translateY(-60px)}}@keyframes parallaxBg{from{background-position:center bottom}to{background-position:center bottom 140%}}/*# sourceMappingURL=our_story.css.map */