.filter-dark{background:#000}.filter-dark img{display:block;opacity:.6}.site-header{position:fixed;color:#fff;width:100%;z-index:999}.site-header .site-header__top{padding:16px;background-color:var(--primary)}@media screen and (min-width:769px) and (max-width:1024px){.site-header .site-header__top{padding:8px}}@media screen and (max-width:768px){.site-header .site-header__top{padding:8px}}.site-header .site-header__top .site-header__wrapper{display:flex;align-items:center;justify-content:space-between;font-size:12px}.site-header .site-header__top .site-header__wrapper .site-header__start{width:40%}.site-header .site-header__top .site-header__wrapper .site-header__middle{width:20%;text-align:center}@media screen and (min-width:769px) and (max-width:1024px){.site-header .site-header__top .site-header__wrapper .site-header__middle{width:40%;text-align:left}}@media screen and (max-width:768px){.site-header .site-header__top .site-header__wrapper .site-header__middle{width:20%}}.site-header .site-header__top .site-header__wrapper .site-header__middle .brand{font-size:34px;font-weight:700;color:var(--secondary)}.site-header .site-header__top .site-header__wrapper .site-header__end{width:40%}@media screen and (min-width:769px) and (max-width:1024px){.site-header .site-header__top .site-header__wrapper .site-header__end{width:60%}}@media screen and (max-width:768px){.site-header .site-header__top .site-header__wrapper .site-header__end{width:80%}}.site-header .site-header__top .site-header__wrapper .site-header__end ul{display:flex;justify-content:flex-end}@media screen and (min-width:769px) and (max-width:1024px){.site-header .site-header__top .site-header__wrapper .site-header__end ul{margin-right:60px}}@media screen and (max-width:768px){.site-header .site-header__top .site-header__wrapper .site-header__end ul{margin-right:60px}}.site-header .site-header__top .site-header__wrapper .hamburger-menu{display:none}@media screen and (min-width:769px) and (max-width:1024px){.site-header .site-header__top .site-header__wrapper .hamburger-menu{display:unset}}@media screen and (max-width:768px){.site-header .site-header__top .site-header__wrapper .hamburger-menu{display:unset}}.site-header .site-header__top .site-header__wrapper .hamburger-menu #menu-btn-check{display:none}.site-header .site-header__top .site-header__wrapper .hamburger-menu #menu-btn-check:checked~.menu-btn span{background-color:rgba(255,255,255,0)}.site-header .site-header__top .site-header__wrapper .hamburger-menu #menu-btn-check:checked~.menu-btn span::before{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .5s 0s ease}.site-header .site-header__top .site-header__wrapper .hamburger-menu #menu-btn-check:checked~.menu-btn span::after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .5s 0s ease}.site-header .site-header__top .site-header__wrapper .hamburger-menu #menu-btn-check:checked~.menu-content{top:64px;left:0}.site-header .site-header__top .site-header__wrapper .hamburger-menu #menu-btn-check:not(:checked)~.menu-btn span::after,.site-header .site-header__top .site-header__wrapper .hamburger-menu #menu-btn-check:not(:checked)~.menu-btn span::before{transition:all .5s 0s ease}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-btn{display:flex;height:50px;width:50px;justify-content:center;align-items:center;z-index:99;background-color:#fff;border-radius:50%;position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-btn span{content:"";display:block;height:3px;width:25px;border-radius:3px;background-color:#f17424;position:absolute}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-btn span::after,.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-btn span::before{content:"";display:block;height:3px;width:25px;border-radius:3px;background-color:#f17424;position:absolute}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-btn span::before{bottom:8px}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-btn span::after{top:8px}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content{width:100%;height:100%;padding:0 0 100px 0;position:fixed;top:64px;left:100%;z-index:98;background-color:#f17424;transition:all .5s;text-align:center;overflow:auto}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__header{width:50%;margin:0 auto;padding:32px 0 16px}@media screen and (max-width:768px){.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__header{width:90%;margin:0 auto;text-align:left}}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__middle ul{padding:10px 10px 0}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__middle ul li{border-bottom:solid 1px #fff}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__middle ul li a{display:block;width:100%;font-size:16px;font-weight:700;box-sizing:border-box;color:#fff;padding:16px 0}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__bottom{padding:24px 0}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__bottom ul{max-width:240px;margin:0 auto}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__bottom ul li:nth-child(1){margin-bottom:8px}.site-header .site-header__top .site-header__wrapper .hamburger-menu .menu-content .menu-content__bottom ul li:nth-child(1) a{margin-right:0}.site-header .site-header__bottom{font-size:14px;background:linear-gradient(to right,#1e57e7,20%,#3ab5cb,#1e57e7)}.site-header .site-header__bottom .nav{position:relative}.site-header .site-header__bottom .nav__wrapper{display:flex;justify-content:center;padding:12px 0}.site-header .site-header__bottom .nav__wrapper .nav__item a{display:block;padding:0 1rem;color:#fff}.site-header .site-header__bottom .nav__wrapper__sns{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);display:flex}.site-header .site-header__bottom .nav__wrapper__sns .nav__item{width:28px;margin-right:12px}.button.contact,.button.counseling{display:block;position:relative;color:#fff;font-size:12px;padding:16px 8px 16px 40px}@media screen and (max-width:768px){.button.contact,.button.counseling{padding:16px 8px 16px 40px}}.button.contact::before,.button.counseling::before{content:"";display:block;width:25px;height:25px;position:absolute;top:50%;left:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.button.counseling{margin-right:8px;background-color:var(--red)}@media screen and (max-width:768px){.button.counseling{display:none}}.button.counseling::before{background:center url(/wp-content/themes/hper-wp-theme/assets/img/counseling_icon.svg) no-repeat}.button.contact{background-color:var(--secondary)}.button.contact::before{background:center url(/wp-content/themes/hper-wp-theme/assets/img/mail_icon.svg) no-repeat}@media screen and (max-width:768px){.menu-content__bottom .button.counseling{display:block}}