.header-bar{z-index:1;pointer-events:none;width:155vw;height:165vh;position:absolute;top:-35vh;right:-95vw;overflow:visible;transform:translateZ(0)}.header-bar:before{content:"";width:100%;height:100%;position:absolute;overflow:visible}@media (max-width:767px){.header-bar{width:165vw;height:170vh;top:-45vh;right:-85vw;overflow:visible}.header-bar .header-layer{overflow:visible}.header-bar .header-layer.bg_bar_01,.header-bar .header-layer.bg_bar_02,.header-bar .header-layer.gradient_layer{transform-origin:100% 0;background-size:100% 100%}}@media (min-width:768px) and (max-width:1023px){.header-bar{width:165vw;height:175vh;top:-55vh;right:-85vw}}@media (min-width:1024px){.header-bar{transform-origin:100% 0;width:145vw;height:155vh;top:-35vh;right:-85vw;transform:scale(1.1)}}@media (min-width:1440px){.header-bar{transform-origin:100% 0;width:135vw;height:155vh;top:-35vh;right:-75vw;transform:scale(1.3)}}@media (min-width:2100px){.header-bar{transform-origin:100% 0;width:2200px;height:2400px;top:-900px;right:-1600px;transform:scale(1.3)}}.header-bar .header-layer{opacity:0;will-change:opacity;transform-origin:100% 0;background-position:100% 0;background-size:100% 100%;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;right:0;overflow:visible}.header-bar .header-layer.visible{opacity:1}.header-bar .header-layer.bg_bar_01,.header-bar .header-layer.bg_bar_02,.header-bar .header-layer.gradient_layer{transform-origin:100% 0;background-position:100% 0;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;position:absolute;top:0;right:0}.header-bar .header-layer.bg_bar_01{z-index:1;background-image:url(/image/misc/header_bar/bg_bar_01.svg)}.header-bar .header-layer.bg_bar_02{z-index:2;background-image:url(/image/misc/header_bar/bg_bar_02.svg)}.header-bar .header-layer.gradient_layer{z-index:3;transform:scale(1)}.header-bar .header-layer.gradient_layer .gradient-container{width:100%;height:100%;position:absolute;top:0;right:0;transform:translateZ(0)}.header-bar .header-layer.gradient_layer .gradient-container .gradient-svg{transform-origin:100% 0;width:100%;height:100%;position:absolute;top:0;right:0;overflow:visible}.header-bar .header-layer.gradient_layer .gradient-container .gradient-svg.safari-gradient{backface-visibility:hidden;transform:translateZ(0);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media print{.header-bar .header-layer{display:none}}