:root{--black:#000;--pink:#f00066;--green:#05868f;--gray:#999;--grad-start-color:#27a8b0;--grad-end-color:#45bfe7;--bg-gradient:linear-gradient(to right,var(--grad-start-color),var(--grad-end-color));--bg-gradientBottom:linear-gradient(to bottom,var(--grad-start-color),var(--grad-end-color))}.header{background:#fff}@media screen and (min-width:980px){.header{position:relative;z-index:0}.header:hover{z-index:100}}@media screen and (max-width:979px){.header{height:91px;left:0;position:fixed;top:0;width:100%;z-index:100}}.header .header__store{background:var(--green);color:#fff;line-height:1;text-align:right}@media screen and (min-width:980px){.header .header__store{padding:6px 20px}}@media screen and (max-width:979px){.header .header__store{padding:5px 10px}}.header .header__store>a{color:#fff;font-size:14px}.header .header__store>a:after,.header .header__store>a:before{content:"";display:inline-block}.header .header__store>a:before{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/assets/img/common/icon_cart.svg) no-repeat 0 0;background-size:100% auto;height:21px;margin:0 5px 0 0;vertical-align:-5px;width:20px}.header .header__store>a:after{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/assets/img/common/icon_blank_white.svg) no-repeat 0 0;background-size:100% auto;height:12px;margin:0 0 0 5px;vertical-align:0;width:12px}.header .header__main{align-items:center;display:flex;justify-content:space-between}@media screen and (min-width:980px){.header .header__main{padding:0 40px}}@media screen and (max-width:979px){.header .header__main{padding:21px}}.header .header__main .header__main__logo>a{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/assets/img/common/logo.svg) no-repeat 0 0;background-size:100% auto;display:block;text-indent:-9999px}@media screen and (min-width:980px){.header .header__main .header__main__logo>a{width:142px}}@media screen and (max-width:979px){.header .header__main .header__main__logo>a{height:30px;width:100px}}.header .header__main .header__main__switch{height:22px;position:relative;width:28px}.header .header__main .header__main__switch>span{background:var(--green);height:2px;left:0;position:absolute;transition:.3s ease-out;width:100%}.header .header__main .header__main__switch>span:first-child{top:0}.header .header__main .header__main__switch>span:nth-child(2){top:8px}.header .header__main .header__main__switch>span:nth-child(3){top:16px}@media screen and (min-width:980px){.header .header__main .header__main__switch{display:none}.header .header__main .header__main__menu{display:flex;justify-content:space-between;width:calc(100% - 170px)}}@media screen and (max-width:979px){.header .header__main .header__main__menu{background:#fff;height:calc(100vh - 91px);height:calc(100dvh - 91px);left:0;opacity:0;overflow-y:auto;padding:18px 30px 30%;position:fixed;top:91px;transition:opacity .3s ease-out;visibility:collapse;width:100%;z-index:100}}@media screen and (min-width:980px){.header .header__main .header__main__menu .list{align-items:center;display:flex;height:100%}.header .header__main .header__main__menu .list .list__item{font-size:clamp(10px,1vw,14px);padding:25px 1vw}.header .header__main .header__main__menu .list .list__item:hover>.list__item__category:after{opacity:1;transform:translateX(-50%) translateY(0);transition:transform .2s cubic-bezier(.76,0,.24,1),opacity .3s ease-out}.header .header__main .header__main__menu .list .list__item:hover>.list__item__menu{opacity:1;visibility:visible}.header .header__main .header__main__menu .list .list__item--link{cursor:default}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item{border-bottom:1px solid var(--green);padding:13px 0}.header .header__main .header__main__menu .list .list__item>a{font-weight:700}}.header .header__main .header__main__menu .list .list__item a[target=_blank]:after{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/assets/img/common/icon_blank_black.svg) no-repeat 0 0;background-size:100% auto;border:none!important;content:"";display:inline-block;height:12px!important;margin:0 0 0 5px;transform:none!important;vertical-align:0;width:12px!important}.header .header__main .header__main__menu .list .list__item .list__item__category{cursor:pointer;position:relative}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__category{cursor:pointer}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item .list__item__category{font-weight:700}.header .header__main .header__main__menu .list .list__item .list__item__category:before{background:var(--green);content:"";display:block;height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:.3s ease-out;width:20px}}.header .header__main .header__main__menu .list .list__item .list__item__category:after{content:"";display:block;position:absolute}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__category:after{background:var(--bg-gradientBottom);border-radius:50%/100% 100% 0 0;bottom:-25px;height:15px;left:50%;opacity:0;transform:translateX(-50%) translateY(80%);width:30px}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item .list__item__category:after{background:var(--green);content:"";display:block;height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(90deg);transition:transform .3s ease-out;width:20px}.header .header__main .header__main__menu .list .list__item .list__item__category.is-open:after{transform:translateY(-50%) rotate(0deg)}}.header .header__main .header__main__menu .list .list__item .list__item__menu{z-index:100}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#f7f7f7;display:block!important;left:50%;margin:0 calc(50% - 50vw);opacity:0;position:absolute;top:100%;transform:translateX(-50%);transition:.2s ease-out;visibility:collapse;width:100vw}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item .list__item__menu{display:none}}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .inner{display:flex;padding:30px 8% 40px}}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu{width:100%}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu+.menu{margin:0 0 0 30px}}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__title{font-size:16px}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__title{font-weight:700;margin:0 0 5px}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__title{margin:5px 0 0}}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list{display:flex;flex-wrap:wrap;margin:0 0 0 -50px}}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item{line-height:1.5}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item{border-bottom:1px solid #ababab;margin:10px 0 0 50px;width:calc(33.33333% - 50px)}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item{margin:13px 0 0}}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item>a{display:block;position:relative}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item>a{padding:6px 20px 5px 0}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item>a{color:var(--green);font-size:14px}}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item>a:after{border-right:2px solid;border-top:2px solid;content:"";height:6px;position:absolute;right:5px;top:50%;transform:translateY(-50%) rotate(45deg);width:6px}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item>a:after{border-color:#000}}@media screen and (max-width:979px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu .menu__list .menu__list__item>a:after{border-color:var(--green)}}@media screen and (min-width:980px){.header .header__main .header__main__menu .list .list__item .list__item__menu .menu--col1{width:30%}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu--col1 .menu__list .menu__list__item{width:100%}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu--col2{width:70%}.header .header__main .header__main__menu .list .list__item .list__item__menu .menu--col2 .menu__list .menu__list__item{width:calc(50% - 50px)}.header .header__main .header__main__menu .btn{align-items:center;display:flex}}@media screen and (max-width:979px){.header .header__main .header__main__menu .btn{display:flex;justify-content:space-between;margin:50px 0 0}}@media screen and (min-width:980px){.header .header__main .header__main__menu .btn>li{margin:0 0 0 10px}}@media screen and (max-width:979px){.header .header__main .header__main__menu .btn>li{width:48%}}.header .header__main .header__main__menu .btn .modBtn{min-height:auto}@media screen and (min-width:980px){.header .header__main .header__main__menu .btn .modBtn{font-size:clamp(12px,1vw,14px);max-width:160px;min-width:100%;padding:10px 30px}.header .header__main .header__main__menu .btn .modBtn:after{height:8px;right:15px;width:8px}}@media screen and (max-width:979px){.header .header__main .header__main__menu .btn .modBtn{font-size:14px}}.header .header__main .header__main__check{display:none}.header .header__main .header__main__check:checked~.header__main__switch>span:first-child{top:5px;transform:rotate(35deg)}.header .header__main .header__main__check:checked~.header__main__switch>span:nth-child(2){opacity:0}.header .header__main .header__main__check:checked~.header__main__switch>span:nth-child(3){top:5px;transform:rotate(-35deg)}.header .header__main .header__main__check:checked~.header__main__switch+.header__main__menu{opacity:1;visibility:visible}.modBtn{align-items:center;border:2px solid;border-radius:50px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;line-height:1.25;min-height:50px;position:relative;text-align:center}@media screen and (min-width:980px){.modBtn{min-width:400px;padding:5px 40px}}@media screen and (max-width:979px){.modBtn{padding:5px 25px;width:100%}}.modBtn span{position:relative;z-index:1}.modBtn small{font-size:12px}.modBtn:before{background:#fff;border:2px solid;border-radius:50px;display:block;height:20%;left:50%;opacity:0;transform:translate(-50%,-50%);transition:.2s ease-out;width:20%}.modBtn:after,.modBtn:before{content:"";position:absolute;top:50%}.modBtn:after{border-right:2px solid #fff;border-top:2px solid #fff;height:10px;transform:translateY(-50%) rotate(45deg);width:10px}@media screen and (min-width:980px){.modBtn:after{right:20px}}@media screen and (max-width:979px){.modBtn:after{right:15px}}.modBtn:hover{opacity:1}.modBtn:hover:before{height:100%;opacity:.95;width:100%}.modBtn--pink{background:var(--pink);border-color:var(--pink)}.modBtn--pink:hover{color:var(--pink)}.modBtn--pink:hover:after{border-color:var(--pink)}.modBtn--black{background:var(--black);border-color:var(--black)}.modBtn--black:hover{color:var(--black)}.modBtn--black:hover:after{border-color:var(--black)}.modBtnArea{text-align:center}@media screen and (min-width:980px){.modBtnArea{margin:60px 0 0}}@media screen and (max-width:979px){.modBtnArea{margin:40px 0 0}}.modBtnArea .modBtnArea__lead{font-size:20px;font-weight:700;line-height:1.5}@media screen and (min-width:980px){.modBtnArea .modBtnArea__lead{margin:0 0 35px}}@media screen and (max-width:979px){.modBtnArea .modBtnArea__lead{margin:0 0 20px;text-align:left}}.header{left:0;position:fixed;top:0;width:100%;z-index:1000}