.header_box{display:flex;box-sizing:border-box;left:0;left:env(safe-area-inset-left,0);position:fixed;top:0;top:env(safe-area-inset-top,0);height:55px;width:100%;z-index:99;margin:0;padding:0;justify-content:center;border-bottom:solid 1px #17819c;transition:top .4s ease-in-out;background-color:#fff}.header_box.hide{top:-55px;top:calc(env(safe-area-inset-top,0) - 55px)}.header-margin{z-index:0}.heder_inner{background-color:#fff;width:100%;max-width:1000px}.header_block{align-items:flex-start;display:flex;justify-content:flex-start;margin:0 auto;height:100%;width:100%;z-index:100}.mail_button span{font:bold 10px/10px YuGothic;color:#fff;text-align:justify}.mail_button img{height:14px;margin:0 auto 2px;width:27px}.header-margin{margin-bottom:55px}.header_logo_box img{width:135px}@media screen and (max-width:699px){.header_logo_box{background-color:#fff;border-right:solid 1px #ccc;display:flex;flex:1 1 135px;justify-content:left;height:100%;width:100%}.mail_button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:3px 3px 3px;margin:0;height:100%;line-height:90%;background-color:#17819c;flex:1 1 135px}}@media screen and (min-width:700px){.header_logo_box{background-color:#fff;border-right:solid 1px #ccc;display:flex;flex:1 1 50rem;justify-content:left;height:100%;width:100%}.mail_button{box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:3px 3px 3px;margin:0;height:100%;line-height:90%;background-color:#17819c;flex:1 1 10rem}}