@charset "UTF-8";@keyframes key-ani-fade-out{0%{opacity:.9}to{opacity:0}}@keyframes key-ani-zoom{0%{transform:scale(1.2) translateY(-3rem)}to{transform:scale(1) translateY(0)}}@keyframes ani-up{0%{transform:translate3d(0,100%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes ani-up2{0%{transform:translate3d(0,70%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes key_opacity_01{0%{opacity:0}to{opacity:1}}@keyframes key_opacity_02{0%{opacity:.3}50%{opacity:.6}to{opacity:1}}@keyframes key_opacity_03{0%{opacity:.2}50%{opacity:.2}to{opacity:1}}@keyframes ani-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ani-scale-center{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(3)}}.page-history *{margin:0;padding:0}.page-history ul,.page-history ol{font:inherit;color:inherit;list-style:none;padding:0}.page-history h1,.page-history h2,.page-history h3,.page-history h4,.page-history h5,.page-history p{font:inherit;color:inherit}.page-history button,.page-history a,.page-history .button{font:inherit;color:inherit;text-transform:none;letter-spacing:0;background-color:transparent;border:none;cursor:pointer}.page-history dl,.page-history dt,.page-history dd{display:initial;font:inherit;color:inherit}.page-history img{vertical-align:top}.page-history em,.page-history i{font-style:normal}.page-history a{text-decoration:none}.page-history{color:#02060f;width:100%;position:relative}.page-history h1,.page-history h2,.page-history h3{font-family:futura-pt,sans-serif}.page-history img{max-width:100%}.page-history .layout_inner{max-width:192rem;margin:0 auto;padding:0 8rem}.page-history .history_content.layout_inner{margin-top:263px;padding:0}.page-history .history_keyvisual{position:relative;height:66rem;z-index:3;overflow:hidden}.page-history .history_keyvisual:before{content:"";display:block;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index:11;opacity:.9}.page-history .history_keyvisual .layout_inner{position:absolute;width:100%;height:100%;left:50%;top:0;transform:translate(-50%);z-index:12}.page-history .history_keyvisual .title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;z-index:2}.page-history .history_keyvisual h1{opacity:0;max-width:80rem;text-align:center;font-size:5.6rem;font-weight:400;line-height:1.1;transform:translateY(2rem)}.page-history .history_keyvisual .img{position:relative;width:100%;height:100%;bottom:0;left:0;z-index:10;transform:scale(1.2) translateY(-3rem)}.page-history .history_keyvisual .img img{display:block;width:auto;height:100%;max-width:none;position:absolute;right:50%;top:50%;transform:translate(50%,-50%) scale(1)}.page-history .history_keyvisual.active h1{animation:ani-up .8s linear .2s forwards}.page-history .history_keyvisual.active .img{animation:key-ani-zoom 1.5s forwards}.page-history .history_keyvisual.active:before{animation:key-ani-fade-out .8s linear .8s forwards}.page-history .box-wrap{position:relative;display:flex;width:100%;max-width:1920px}.page-history .box-wrap:nth-child(1) .img-slide:nth-child(1){width:44.2708vw;max-width:850px}.page-history .box-wrap:nth-child(1) .img-slide:nth-child(3){width:39.0625vw;max-width:750px}.page-history .box-wrap:nth-child(1) .line-area{padding-top:155px}.page-history .box-wrap:nth-child(1) .line{opacity:0;transition:opacity .7s .15s}.page-history .box-wrap:nth-child(1).on .line{opacity:1}.page-history .box-wrap:nth-child(1) .history-title:nth-child(1):after{position:absolute;top:-130px;left:-152px;display:block;width:25px;height:152px;background:#fff;content:""}.page-history .box-wrap:nth-child(1) .text-area{min-height:100vh}.page-history .box-wrap:nth-child(2) .img-slide:nth-child(1){width:44.2708vw;max-width:850px}.page-history .box-wrap:nth-child(2) .img-slide:nth-child(2){width:39.0625vw;max-width:750px}.page-history .box-wrap:nth-child(2) .text-inner .img:nth-child(3){width:10.4166vw;max-width:200px}.page-history .box-wrap:nth-child(2) .text-inner .img:nth-child(4){width:15.625vw;max-width:300px}.page-history .box-wrap:nth-child(3) .img-slide:nth-child(1){width:44.2708vw;max-width:850px}.page-history .box-wrap:nth-child(3) .text-area{top:0}.page-history .box-wrap:nth-child(3) .line{top:0}.page-history .box-wrap:nth-child(3) .history-list{margin-top:15px}.page-history .box-wrap:nth-child(3) .text-area *+.history-title{margin-top:45px}.page-history .box-wrap:nth-child(3) .history-list-item+.history-list-item{margin-top:16px}.page-history .box-wrap:nth-child(4) .img-slide:nth-child(1){width:44.2708vw;max-width:850px}.page-history .box-wrap:nth-child(4) .img-slide:nth-child(2),.page-history .box-wrap:nth-child(4) .img-slide:nth-child(3){width:26.0416vw;max-width:500px}.page-history .box-wrap:nth-child(4) .text-inner .img:nth-child(3){width:12.9687vw;max-width:249px}.page-history .box-wrap:nth-child(2n){flex-direction:row-reverse}.page-history .box-wrap:nth-child(2n) .text-area{flex-direction:row-reverse}.page-history .box-wrap:nth-child(2n) .text-area .text-inner{padding-left:50px;padding-right:150px}.page-history .box-wrap:nth-child(2n) .history-title:before{left:auto;right:-196px}.page-history .box-wrap.on .history-list-line .history-list-item:before{opacity:1}.page-history .mo-img-area{display:none}.page-history .img-area{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:40px;width:48.4375vw;height:auto;flex:1;padding:215px 0 748px}.page-history .img-slide{overflow:hidden}.page-history .col-2{display:flex;justify-content:space-between;align-items:start;gap:30px;width:100%;height:27.6041vw;max-height:530px}.page-history .col-2 img:nth-child(1){width:28.6458vw;align-self:end}.page-history .col-2 img:nth-child(2){width:18.2291vw}.page-history .img-left{align-self:start}.page-history .img-right{align-self:end}.page-history .img-area img{width:100%;display:block}.page-history img{display:block}.page-history .text-area{position:sticky;display:flex;top:30px;min-width:610px;max-width:48.4375vw;min-height:100vh;height:-moz-fit-content;height:fit-content;opacity:0;transform:translateY(50px);transition:transform .7s,opacity .5s;color:#444649;letter-spacing:0;flex:1}.page-history .text-area.on{opacity:1;transform:translateY(0)}.page-history .text-area .img{margin-top:20px}.page-history .text-area .img+.img{margin-top:20px;margin-left:7.8125vw}.page-history .text-area *+.history-title{margin-top:60px}.page-history .text-inner{max-width:710px;padding:130px 50px 50px 110px}.page-history .history-title{font-size:56px;font-weight:400;line-height:1;color:#02060f;text-transform:uppercase;position:relative}.page-history .history-title.no-circle:before{display:none}.page-history .history-title:before{position:absolute;z-index:2;display:block;border-radius:100%;top:15px;left:-154px;border:2px solid #e5eaef;width:30px;height:30px;box-sizing:border-box;background:radial-gradient(circle,#e5eaef 49%,#e5eaef00 53% 100%);content:"";transition:border .5s,background .5s}.page-history .history-title.on:before{border:2px solid #707984;background:radial-gradient(circle,#707984 49%,#fff0 53%,#70798400)}.page-history .history-desc{margin-top:25px;font-size:20px;font-weight:300;line-height:1.6}.page-history .history-list{margin-top:25px}.page-history .history-list-item{position:relative;padding-left:20px;font-size:20px;font-weight:300;line-height:1.6}.page-history .history-list-item+.history-list-item{margin-top:29px}.page-history .history-list-item strong{font-size:24px}.page-history .history-list-item .small{font-size:14px;line-height:1}.page-history .history-list-item:after{position:absolute;top:13px;left:0;display:block;width:8px;height:8px;border-radius:100%;background:#e5eaef;content:""}.page-history .history-list-line{margin-top:54px}.page-history .history-list-line .history-list-item+.history-list-item{margin-top:50px}.page-history .history-list-line .history-list-item:after{top:17px}.page-history .history-list-line .history-list-item:before{position:absolute;top:20px;left:-138px;display:block;width:138px;height:2px;background:#e5eaef;content:"";opacity:0;transition:opacity .7s .15s}.page-history .line-area{width:60px;height:auto}.page-history .line{position:sticky;top:30px;bottom:0;left:50%;display:block;width:2px;height:100vh;background:#e5eaef;content:"";z-index:0;transition:all .3s}.page-history .fill{position:absolute;top:0;left:0;display:block;width:2px;height:100%;transform-origin:0 0;transform:scaleY(.0001)}.page-history .fill-box{position:absolute;top:0;left:0;display:block;width:2px;background:#707984;height:100%;transform-origin:0 0;transform:scaleY(.0001);transition:transform .3s}@media (min-width: 1921px){.page-history .history_keyvisual,.page-history .history_keyvisual .layout_inner{height:88rem}}@media (max-width: 1280px){.page-history .history_content.layout_inner{margin-top:200px;padding:0}.page-history .history_keyvisual .title h1{font-size:3.6rem;margin-left:auto;margin-right:auto}.page-history .box-inner{top:61px;height:calc(100vh - 61px)}.page-history .img-area{width:50vw}.page-history .line-area{width:30px}.page-history .text-area{top:25px;min-width:490px;width:50vw;max-width:50vw}.page-history .text-inner{padding:100px 40px 50px 90px}.page-history .history-title{font-size:48px}.page-history .history-title:before{top:12px;left:-117px;width:25px;height:25px}.page-history .text-area *+.history-title{margin-top:50px}.page-history .history-desc{margin-top:20px;font-size:18px}.page-history .history-list{margin-top:20px}.page-history .history-list-item{padding-left:18px;font-size:18px}.page-history .history-list-item+.history-list-item{margin-top:24px}.page-history .history-list-item strong{font-size:22px}.page-history .history-list-item .small{font-size:13px}.page-history .history-list-item:after{top:13px;left:0;width:8px;height:8px}.page-history .history-list-line{margin-top:45px}.page-history .history-list-line .history-list-item+.history-list-item{margin-top:35px}.page-history .history-list-line .history-list-item:before{top:20px;left:-103px;width:103px;height:2px}.page-history .line{top:25px}.page-history .box-wrap:nth-child(1) .line-area{padding-top:130px}.page-history .box-wrap:nth-child(1) .line{opacity:0;top:130px;height:calc(100vh - 132px);min-height:886px}.page-history .box-wrap:nth-child(1) .text-area{min-height:886px}.page-history .box-wrap:nth-child(1) .history-title:nth-child(1):after{top:-100px;left:-117px;height:125px}.page-history .box-wrap:nth-child(2n) .text-area .text-inner{padding-left:40px;padding-right:90px}.page-history .box-wrap:nth-child(2n) .history-title:before{left:auto;right:-118px}}@media (max-width: 1024px){.page-history .img-area{width:50vw}.page-history .line-area{width:30px;height:auto}.page-history .text-area{min-width:369px;width:50vw;max-width:50vw;min-height:0}.page-history .text-inner{padding:90px 40px 40px 60px}.page-history .history-title{font-size:32px}.page-history .history-title:before{top:3px;left:-87px;width:25px;height:25px}.page-history .text-area *+.history-title{margin-top:40px}.page-history .history-desc{margin-top:15px;font-size:14px}.page-history .history-list{margin-top:15px}.page-history .history-list-item{padding-left:12px;font-size:14px}.page-history .history-list-item+.history-list-item{margin-top:20px}.page-history .history-list-item strong{font-size:17px}.page-history .history-list-item .small{font-size:12px}.page-history .history-list-item:after{top:14px;left:0;width:6px;height:6px}.page-history .history-list-line{margin-top:30px}.page-history .history-list-line .history-list-item+.history-list-item{margin-top:25px}.page-history .history-list-line .history-list-item:before{top:19px;left:-73px;width:73px;height:2px}.page-history .box-wrap:nth-child(1) .line-area{padding-top:110px}.page-history .box-wrap:nth-child(1) .line{opacity:0;top:110px;height:calc(100vh - 110px);min-height:684px}.page-history .box-wrap:nth-child(1) .text-area{min-height:684px}.page-history .box-wrap:nth-child(1) .history-title:nth-child(1):after{top:-30px;left:-87px;height:50px}.page-history .box-wrap:nth-child(2n) .text-area .text-inner{padding-left:40px;padding-right:90px}.page-history .box-wrap:nth-child(2n) .history-title:before{left:auto;right:-118px}}@media (max-width: 768px){.page-history .history_keyvisual{width:100%;height:auto;position:relative;display:flex}.page-history .history_keyvisual .layout_inner{padding:0;width:100%;margin:0 auto;display:flex;justify-content:center}.page-history .history_keyvisual h1{font-size:2.8rem;line-height:1.4;position:static;margin:0 auto}.page-history .history_keyvisual .img{position:relative;width:100%;height:auto;left:0;text-align:center}.page-history .history_keyvisual .img img{position:static;width:100%;height:auto;-o-object-position:center center;object-position:center center;transform:translate(0) scale(1);display:block}.page-history .history_content.layout_inner{margin-top:0}.page-history .box-wrap{position:relative;display:flex;flex-direction:column;width:100%}.page-history .box-wrap:nth-child(2n){flex-direction:column}.page-history .box-wrap:nth-child(2n) .text-area .text-inner{padding:36px 0 40px 16px}.page-history .box-wrap:nth-child(2n) .history-title:before{left:-24px;right:auto}.page-history .box-wrap:nth-child(1) .text-area{min-height:0}.page-history .box-wrap:last-child .text-area .text-inner{padding-bottom:50px}.page-history .img-area{display:none}.page-history .mo-img-area{display:block}.page-history .box-wrap:nth-child(2) .text-inner .img:nth-child(3){width:33.3333vw;max-width:200px}.page-history .box-wrap:nth-child(2) .text-inner .img:nth-child(4){width:50vw;max-width:300px}.page-history .box-wrap:nth-child(4) .text-inner .img:nth-child(3){width:31.5189vw;max-width:249px}.page-history .line-area{display:none}.page-history .text-area{position:static;display:block;min-width:0;width:100%;max-width:100%;min-height:0;padding:0 30px}.page-history .text-area .text-inner{width:100%;padding:36px 0 40px 16px}.page-history .text-area .text-inner:before{position:absolute;left:-1px;bottom:0;width:1px;height:100%;background:#e5eaef;display:block;content:""}.page-history .text-area.on .text-inner{position:relative;padding-top:36px}.page-history .text-area .img{margin-top:15px}.page-history .text-area .img+.img{margin-top:5px;margin-left:18.6666vw}.page-history .box-wrap:nth-child(1) .text-inner:before{height:calc(100% - 45px)}.page-history .history-title{font-size:28px}.page-history .history-title:before{top:5px;left:-24px;border:.15vw solid #e5eaef;width:15px;height:15px;box-sizing:border-box;background:radial-gradient(circle,#e5eaef 49%,#e5eaef00 53% 100%);content:""}.page-history .history-title.on:before{border:.15vw solid #e5eaef;background:radial-gradient(circle,#e5eaef 49%,#e5eaef00 53% 100%)}.page-history .text-area *+.history-title{margin-top:32px}.page-history .history-desc{margin-top:10px;font-size:14px}.page-history .history-list{margin-top:10px}.page-history .history-list-item{padding-left:11px;font-size:14px}.page-history .history-list-item+.history-list-item{margin-top:22px}.page-history .history-list-item strong{font-size:16px}.page-history .history-list-item .small{font-size:10px}.page-history .history-list-item:after{top:9px;width:6px;height:6px}.page-history .history-list-line{margin-top:18px}.page-history .history-list-line .history-list-item+.history-list-item{margin-top:20px}.page-history .history-list-line .history-list-item:before{top:19px;left:-16px;width:16px;height:1px}.page-history:after{display:block;position:fixed;top:0;bottom:0;left:0;width:100%;height:100lvh;background:#000000e6;content:"";transition:opacity .5s .2s,height 0s 0s}body.scroll .page-history:after{opacity:0;height:0;transition:opacity .5s .2s,height 0s .5s}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page-history.scss.css.map */