.template-page--pub-about-history .breadcrumb{display:none}.template-page--pub-about-history .footer{margin-top:0}.brand_history{overflow:hidden}.brand_history .brand_history-container{position:relative;height:100vh}.brand_history .btn_back{z-index:3;padding-left:2.8rem;font-size:11px;line-height:2.5rem;color:#fff;background:url(/cdn/shop/files/pub_about-history_btn_back_mo.png) no-repeat left center/18px auto}@media (min-width: 750px){.brand_history .btn_back{font-size:1.4rem;line-height:4rem}}.brand_history .history_btn_wrap{position:absolute;top:0;left:0;right:0;width:100%;max-width:var(--page-width);margin-inline:auto}.brand_history .history_btn{position:absolute;right:2rem;top:1.3rem;z-index:2}@media (min-width: 990px){.brand_history .history_btn{display:flex;flex-direction:column-reverse;align-items:end;top:10vh}}.brand_history .history_btn a{display:inline-block;vertical-align:top}.brand_history .history_btn .line_type{position:relative;padding:0 .3rem;font-size:1.1rem;line-height:2.5rem;color:#fff}@media (min-width: 750px){.brand_history .history_btn .line_type{font-size:1.4rem;line-height:4rem}}@media (min-width: 990px){.brand_history .history_btn .line_type{padding-right:4.2rem;margin-right:.8rem;margin-top:.5rem}.brand_history .history_btn .line_type:hover:before{width:100%}.brand_history .history_btn .line_type:hover:after{right:.4rem}}.brand_history .history_btn .line_type:after{content:"";position:absolute;left:0;bottom:.2rem;width:100%;height:1px;background:#fff}@media (min-width: 750px){.brand_history .history_btn .line_type:after{display:none}}@media (min-width: 990px){.brand_history .history_btn .line_type:after{display:inline-block;content:"";position:absolute;left:auto;right:1rem;top:1.3rem;width:1.9rem;height:1.4rem;background:url(/cdn/shop/files/pub_about-history_icon_btn2_pc.png) no-repeat;transition:right .4s ease}}@media (min-width: 990px){.brand_history .history_btn .line_type:before{display:block;content:"";position:absolute;left:0;bottom:0;width:0;height:.3rem;background:#fff;transition:width .4s ease}}.brand_history .history_btn .icon_type{position:relative;width:2.5rem;height:2.5rem;margin-left:2.4rem;background:url(/cdn/shop/files/pub_about-history_btn_list_mo.png) no-repeat center center/cover;z-index:1}@media (min-width: 750px){.brand_history .history_btn .icon_type{width:4rem;height:4rem;background-image:url(/cdn/shop/files/pub_about-history_icon_btn1_pc.png);background-position:0 0}.brand_history .history_btn .icon_type:hover{background-position:0 -4rem}}@media (min-width: 990px){.brand_history .history_btn .icon_type{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0;padding-right:5rem;font-size:1.4rem;color:#fff;background-position:right top;background-size:4rem}.brand_history .history_btn .icon_type:hover{background-position:right bottom}}@media (min-width: 990px){.brand_history .history_btn .icon_type .visually-hidden{position:static!important;overflow:visible;width:auto;height:auto;margin:0;padding:0;border:none;clip:auto;word-wrap:normal}}.brand_history .history_bg{height:100%;padding:120px 0 200px}@media (min-width: 990px){.brand_history .history_bg{display:flex;align-items:center;padding:0}}.brand_history .before_bg{background:#000}.brand_history .inni_bg{background:#00211c}.brand_history .ap_bg{background:#001026}.brand_history .logo_type{display:none;width:100%;height:5rem;position:absolute;left:0;top:3.4rem}@media (min-width: 990px){.brand_history .logo_type{height:9rem;top:3rem}}@media (min-width: 1280px) and (max-height: 800px){.brand_history .logo_type{height:5rem;top:3.4rem}}.brand_history .logo1{background:url(/cdn/shop/files/pub_about-history_logo_type1_mo.png) no-repeat center center/10rem auto}@media (min-width: 990px){.brand_history .logo1{background:url(/cdn/shop/files/pub_about-history_logo_type1_pc.png) no-repeat center center/contain}}.brand_history .logo2{background:url(/cdn/shop/files/pub_about-history_logo_type2_mo.png) no-repeat center center/10rem auto}@media (min-width: 990px){.brand_history .logo2{background:url(/cdn/shop/files/pub_about-history_logo_type2_pc.png) no-repeat center center/contain}}.brand_history .logo3{background:url(/cdn/shop/files/pub_about-history_logo_type3_mo.png) no-repeat center center/10rem auto}@media (min-width: 990px){.brand_history .logo3{background:url(/cdn/shop/files/pub_about-history_logo_type3_pc.png) no-repeat center center/contain}}.brand_history .logo4{background:url(/cdn/shop/files/pub_about-history_logo_type4_mo.png) no-repeat center center/10rem auto}@media (min-width: 990px){.brand_history .logo4{background:url(/cdn/shop/files/pub_about-history_logo_type4_pc.png) no-repeat center center/contain}}.brand_history .history_slide_box{overflow:hidden;max-width:var(--page-width);height:100%;margin-inline:auto}@media (min-width: 990px){.brand_history .history_slide_box{padding-inline:10rem;display:flex;align-items:center}}@media (min-width: 1440px){.brand_history .history_slide_box{padding-inline:18rem}}.brand_history .history_slide{height:100%;padding-bottom:2.3rem}@media (min-width: 990px){.brand_history .history_slide{width:70rem;height:41.7rem;padding:0}}@media (min-width: 1440px){.brand_history .history_slide{width:108rem;height:64.4rem}}@media (min-width: 1280px) and (max-height: 800px){.brand_history .history_slide{width:70rem;height:41.7rem}}.brand_history .history_slide .swiper-slide{padding-inline:var(--page-width-inline);z-index:-1}@media (min-width: 750px){.brand_history .history_slide .swiper-slide{padding-inline:5rem}}@media (min-width: 990px){.brand_history .history_slide .swiper-slide{padding:0}}.brand_history .history_slide .swiper-slide-active,.brand_history .history_slide .swiper-slide-view{z-index:1}.brand_history .history_slide .img_wrap{overflow:hidden;position:relative;height:100%;background:#000;opacity:.35;transform:scale(.85) translateY(3rem);transition:transform .4s ease,opacity .4s ease}.brand_history .history_slide .swiper-slide-prev .img_wrap,.brand_history .history_slide .swiper-slide-next .img_wrap{opacity:.25;transform:scale(.85) translateY(3rem)}.brand_history .history_slide .swiper-slide-active .img_wrap,.brand_history .history_slide .swiper-slide-view .img_wrap{opacity:1;transform:scale(1)}.brand_history .history_slide .img_wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.brand_history .history_slide .swiper-slide-active .img_wrap img,.brand_history .history_slide .swiper-slide-view .img_wrap img{filter:blur(0)}.brand_history .history_slide .img_wrap:before{content:"";position:absolute;left:0;bottom:-1px;z-index:2;width:100%;height:77%;opacity:0}.brand_history .history_slide .swiper-slide-active .img_wrap:before{opacity:1}.brand_history .before_bg .history_slide .img_wrap:before{background:linear-gradient(to bottom,#0000,#000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#000000",GradientType=0)}.brand_history .inni_bg .history_slide .img_wrap:before{background:linear-gradient(to bottom,#00211c00,#00211c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00211c00",endColorstr="#00211c",GradientType=0)}.brand_history .ap_bg .history_slide .img_wrap:before{background:linear-gradient(to bottom,#000a1a00,#000a1a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00102600",endColorstr="#001026",GradientType=0)}.brand_history .history_slide .fade_wrap{position:absolute;left:0;bottom:-2.3rem;z-index:3;width:100%;opacity:0;text-align:center;color:#fff;transition:opacity .5s ease}@media (min-width: 990px){.brand_history .history_slide .fade_wrap{bottom:20px}}.brand_history .history_slide .swiper-slide-active .fade_wrap{opacity:1}.brand_history .history_slide .txt_wrap .year{position:relative;display:inline-block;font-size:1.6rem;font-weight:500;line-height:1}@media (min-width: 990px){.brand_history .history_slide .txt_wrap .year{font-size:2rem}}.brand_history .history_slide .txt_wrap .year:before{content:"";position:absolute;left:-5.5rem;top:.8rem;width:4rem;height:1px;background:#fff}.brand_history .history_slide .txt_wrap .year:after{content:"";position:absolute;right:-5.5rem;top:.8rem;width:4rem;height:1px;background:#fff}.brand_history .history_slide .txt_wrap .tit{margin-top:1.3rem;padding:0 3%;font-size:2rem;line-height:3rem}@media (min-width: 990px){.brand_history .history_slide .txt_wrap .tit{margin-top:1.5rem;font-size:3.2rem;line-height:4.2rem}}.brand_history .history_slide .txt_wrap .txt{padding:0 6%;margin-top:1.5rem;font-size:1.3rem;line-height:2.4rem}@media (min-width: 990px){.brand_history .history_slide .txt_wrap .txt{margin-top:2rem}}.brand_history .history_indicator{overflow:hidden;position:absolute;left:0;bottom:7rem;width:100%;height:5.4rem;font-size:0;line-height:0}@media (min-width: 1280px) and (max-height: 800px){.brand_history .history_indicator{bottom:0}}.brand_history .history_indicator:before{content:"";position:absolute;left:0;top:0;z-index:3;width:20%;height:100%}.brand_history .history_indicator:after{content:"";position:absolute;right:0;top:0;z-index:3;width:20%;height:100%}.brand_history .before_bg .history_indicator:before{background:linear-gradient(to right,#000c,#0000)}.brand_history .before_bg .history_indicator:after{background:linear-gradient(to right,#0000,#000c)}.brand_history .inni_bg .history_indicator:before{background:linear-gradient(to right,#00211ccc,#00211c00)}.brand_history .inni_bg .history_indicator:after{background:linear-gradient(to right,#00211c00,#00211ccc)}.brand_history .ap_bg .history_indicator:before{background:linear-gradient(to right,#001026cc,#00102600)}.brand_history .ap_bg .history_indicator:after{background:linear-gradient(to right,#00102600,#001026cc)}.brand_history .history_indicator ol{overflow:hidden;position:relative;left:50%;height:5.4rem;margin-left:-1.05rem;padding-left:.8rem;display:flex}@media (min-width: 990px){.brand_history .history_indicator ol{height:1.8rem;padding-left:0}}.brand_history .history_indicator ol:after{content:"";position:absolute;left:1rem;top:.5rem;width:calc(100% - 8rem);height:1px;background:#878787}@media (min-width: 990px){.brand_history .history_indicator ol:after{top:0;bottom:0;margin:auto;width:calc(100% - 11rem)}}.brand_history .history_indicator li{flex-shrink:0;position:relative;margin-right:6.8rem;width:1.1rem;height:1.1rem}@media (min-width: 990px){.brand_history .history_indicator li{width:1.8rem;height:1.8rem;margin-right:9.8rem;display:flex;justify-content:center;align-items:center}}.brand_history .history_indicator li a{position:relative;z-index:2;display:block;width:100%;height:100%;margin:1px;border:1px solid #fff;border-radius:50%}@media (min-width: 990px){.brand_history .history_indicator li a{width:1.1rem;height:1.1rem}}.brand_history .history_indicator li .inni_color{background:#66d49b}.brand_history .history_indicator li .ap_color{background:#062c5e}.brand_history .history_indicator li .active{width:100%;height:100%;margin:0;border-width:2px}@media (min-width: 990px){.brand_history .history_indicator li .active{width:1.8rem;height:1.8rem;border-width:.3rem}}.brand_history .history_indicator li em{position:absolute;left:50%;top:2rem;font-size:1.2rem;line-height:1;color:#fff;opacity:.3;transform:translate(-50%)}@media (min-width: 990px){.brand_history .history_indicator li em{display:none}}.brand_history .history_indicator li .active em{opacity:1}.brand_history .history_thumb{display:none;position:absolute;z-index:3;width:20rem;color:#fff;margin:0 0 2.5rem .9rem}.brand_history .history_thumb img{width:100%}.brand_history .history_thumb .txt_wrap{margin-top:.5rem}.brand_history .history_thumb .year{font-size:1.4rem;line-height:1;color:#fff}.brand_history .history_thumb em{font-size:1.4rem;line-height:1;color:#ffffff4d}.brand_history .history_list{display:none;overflow:auto;position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;background:#fff;-webkit-overflow-scrolling:touch;z-index:100}.brand_history .history_list .list_wrap{position:relative;max-width:var(--page-width);margin:0 auto;padding:0 var(--page-width-inline)}.brand_history .history_list .list_con{position:relative;padding:16rem 0 8rem;box-sizing:border-box}@media (min-width: 990px){.brand_history .history_list .list_con{padding:14.5rem 0 10rem 28.5rem}}.brand_history .history_list .list_con:after{content:"";position:absolute;left:5.8rem;top:0;width:1px;height:100%;background:#ccc}@media (min-width: 990px){.brand_history .history_list .list_con:after{left:43rem}}.brand_history .history_list .list_con>li{margin-top:5rem}@media (min-width: 990px){.brand_history .history_list .list_con>li{margin-top:11rem}}.brand_history .history_list .list_con>li:first-child{margin-top:0}.brand_history .history_list .list_con dl{position:relative;z-index:2}.brand_history .history_list .list_con dt{position:absolute;left:0;top:0;font-size:1.7rem;line-height:2.3rem}@media (min-width: 990px){.brand_history .history_list .list_con dt{font-size:3.4rem;line-height:1}}.brand_history .history_list .list_con dd{margin-left:10rem}@media (min-width: 990px){.brand_history .history_list .list_con dd{margin-left:19rem;padding-top:.5rem}}.brand_history .history_list .list_con ul>li{position:relative;margin-bottom:5rem}@media (min-width: 990px){.brand_history .history_list .list_con ul>li{margin-bottom:5.5rem;height:2.8rem}}.brand_history .history_list .list_con ul>li:last-child{margin-bottom:0}.brand_history .history_list .list_con a{display:inline-block;line-height:2.3rem;color:#000}.brand_history .history_list .list_con a:before{content:"";position:absolute;left:-4.6rem;top:.7rem;width:.8rem;height:.8rem;background:#fff;border-radius:50%}@media (min-width: 990px){.brand_history .history_list .list_con a:before{left:-5.3rem;top:.5rem;width:1.2rem;height:1.2rem;box-sizing:content-box}}@media (min-width: 990px){.brand_history .history_list .list_con .ap_type a:hover:before{background:#062c5e}}@media (min-width: 990px){.brand_history .history_list .list_con .inni_type a:hover:before{background:#66d49b}}.brand_history .history_list .list_con .ap_type a:before{border:1px solid #062c5e}@media (min-width: 990px){.brand_history .history_list .list_con .ap_type a:before{border-width:.3rem}}.brand_history .history_list .list_con .inni_type a:before{border:1px solid #66d49b}@media (min-width: 990px){.brand_history .history_list .list_con .inni_type a:before{border-width:.3rem}}.brand_history .history_list .color_nav{position:absolute;left:7.5rem;top:6.8rem;z-index:5}@media (min-width: 990px){.brand_history .history_list .color_nav{position:fixed;left:50%;top:50%;z-index:5;margin:-3rem 0 0 -71rem}}@media (min-width: 990px) and (max-width: 1440px){.brand_history .history_list .color_nav{left:2rem;margin:0}}.brand_history .history_list .color_nav li{position:relative;margin-top:2.1rem;font-size:1.2rem;line-height:1;padding-left:4.6rem;color:#062c5e}@media (min-width: 990px){.brand_history .history_list .color_nav li{font-size:1.4rem;line-height:1.8rem;padding-left:3rem}}.brand_history .history_list .color_nav li:first-child{margin:0;color:#66d49b}.brand_history .history_list .color_nav li:before{content:"";position:absolute;left:0;top:1px;width:.8rem;height:.8rem;background:#fff;border:1px solid #fff;border-radius:50%}@media (min-width: 990px){.brand_history .history_list .color_nav li:before{width:1.2rem;height:1.2rem;border-width:.3rem;box-sizing:content-box}}.brand_history .history_list .color_nav .inni:before{border-color:#66d49b}.brand_history .history_list .color_nav .ap:before{border-color:#062c5e}.brand_history .history_list .history_close{position:fixed;left:50%;top:6rem;z-index:2;padding-right:5rem;line-height:4rem;background:url(/cdn/shop/files/pub_about-history_btn_close.png) no-repeat right center;transform:translate(59rem)}.brand_history .history_list .list_btn{position:absolute;right:1.8rem;top:1.3rem}@media (min-width: 990px){.brand_history .history_list .list_btn{position:fixed;left:50%;right:auto;top:60px;z-index:2;padding-right:5rem;display:flex;justify-content:center;align-items:center;transform:translate(59rem)}}@media (min-width: 990px) and (max-width: 1440px){.brand_history .history_list .list_btn{right:3.5rem;transform:none;left:auto;padding-right:0}}.brand_history .history_list .list_btn a{display:inline-block;vertical-align:top}.brand_history .history_list .list_btn .line_type{position:relative;padding:0 .3rem;font-size:1.1rem;line-height:2.5rem;color:#000}.brand_history .history_list .list_btn .line_type:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:#000}.brand_history .history_list .list_btn .icon_type{width:2.5rem;height:25px;margin-left:2.4rem;background:url(/cdn/shop/files/pub_about-history_btn_close.png) no-repeat center center/cover}@media (min-width: 990px){.brand_history .history_list .list_btn .icon_type{width:4rem;height:4rem}}.brand_history .history_list .history_top{position:fixed;top:0;bottom:0;right:2rem;margin:auto;z-index:2;width:3rem;height:3rem;background:url(/cdn/shop/files/pub_about-history_icon_go_top.png) no-repeat center top/cover;box-shadow:0 0 10px #0000001a;border-radius:50%;font-size:0}@media (min-width: 990px){.brand_history .history_list .history_top{width:5rem;height:5rem;right:7rem}}.brand_history .history_list .history_top:hover{background-position:center bottom}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pub-about-history.scss.css.map */