.header-outer{height:100px;display:flex;justify-content:space-between;align-items:center}.header-company-outer{padding-left:22px;display:flex;align-items:center}.header-company-name-outer{margin-left:12px}.header-company-name{color:#fff}.header-company-tel{color:#fff}.header-logo{height:75px;width:75px}.header-tel-menu-outer{padding-right:22px}.header-tel-outer{display:flex;justify-content:flex-end}.header-menu-outer{display:flex;justify-content:space-around}.header-menu{padding:0 10px}.header-sp{display:none}.wrapper{height:100%;overflow-x:hidden;position:relative;display:flex;justify-content:center;align-items:center}.overlay{content:"";display:block;width:0;height:0;position:absolute;top:0;left:0;z-index:2;opacity:0;transition:opacity .5s}.overlay.open{width:100%;height:100%;opacity:1}main{height:100%;min-height:100vh;padding:0 50px;background-color:#eee;transition:all .5s;display:flex;flex-direction:column;justify-content:center}.menu-trigger{display:inline-block;width:36px;height:28px;vertical-align:middle;cursor:pointer;position:fixed;right:30px;z-index:100}.menu-trigger span{display:inline-block;box-sizing:border-box;position:absolute;left:0;width:100%;height:4px;background-color:#fff;transition:all .5s}.menu-trigger.active span{background-color:#969696}.menu-trigger span:nth-of-type(1){top:0}.menu-trigger.active span:nth-of-type(1){transform:translateY(12px) rotate(-45deg)}.menu-trigger span:nth-of-type(2){top:12px}.menu-trigger.active span:nth-of-type(2){opacity:0}.menu-trigger span:nth-of-type(3){bottom:0}.menu-trigger.active span:nth-of-type(3){transform:translateY(-12px) rotate(45deg)}nav{width:250px;height:100%;padding-top:100px;background-color:#fff;position:fixed;top:0;right:0;z-index:10;transform:translate(250px);transition:all .5s}nav.open{transform:translateZ(0)}nav li{color:#000;text-align:center;padding:10px 0}*{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}@media screen and (max-width:1210px){.header-sp{height:100px;display:flex;justify-content:space-between;align-items:center}.header-pc{display:none}}@media screen and (max-width:480px){.header-sp{height:70px;display:flex;justify-content:space-between;align-items:center}.header-logo{height:53px;width:50px}.header-company-outer{padding-left:10px;display:flex;align-items:center}.menu-trigger{right:20px}.header-log-outer{height:53px;width:50px}}