/* Shared public header. Does not style page content or the mobile menu panel. */
body header.header{box-sizing:border-box;margin:0;padding:0;top:0;z-index:9999;background:#fff;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;font-family:"Source Han Sans JP","源ノ角ゴシック JP",sans-serif;font-size:16px;font-weight:400;line-height:1;letter-spacing:normal}
body#top header.header .head-menu a,body header.header .head-menu a{color:#0065af;font-weight:400}
body#top header.header .head-menu a:hover,body header.header .head-menu a:hover{color:#004a80;font-weight:600}
body header.header .top-title{color:#0065af}
@media(min-width:769px){
 body header.header:not(.katenavi-sp-header){display:flex;position:sticky;align-items:center;justify-content:space-between;gap:16px;width:100%;height:62px;min-height:62px;border:0}
 body header.header .h-flex{display:flex;align-items:center}
 body header.header .h-left{flex:none;padding:5px 10px;gap:0}
 body header.header .h-right{min-width:0;margin:0;padding:0;gap:0}
 body header.header .head__ll__logo{display:block;flex:none;width:180px;max-width:180px;margin:0;padding:0;border:0;font-size:16px;line-height:1}
 body header.header .head__ll__logo a{display:block;width:180px;margin:0;padding:0;border:0}
 body header.header .head__ll__logo img{display:block;width:180px;max-width:100%;height:auto;margin:0;padding:0;border:0}
 body header.header p.top-title{flex:none;margin:0;padding:0 0 0 20px;font-size:1vw;font-weight:400;line-height:1.2;white-space:nowrap}
 body header.header ul.head-menu{display:flex;align-items:center;justify-content:space-around;gap:0;margin:0;padding:0;list-style:none}
 body header.header .head-menu li{flex:none;margin:0;padding:0 clamp(5px,1vw,15px);list-style:none}
 body header.header .head-menu li a{display:block;position:relative;margin:0;padding:5px;border:2px solid transparent;background:none;font-size:14px;line-height:1.2;letter-spacing:normal;white-space:nowrap;text-decoration:none}
 body header.header .head-menu li a:hover{border-bottom-color:#004a80}
 body header.header .head-menu li a:hover:after{content:"";position:absolute;bottom:0;right:-23px;width:24px;height:24px;background:url(/common/img/new/head-img-01.png) center/contain no-repeat}
 body header.header ul.header-list{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:15px;height:62px;margin:0 0 0 20px;padding:0;list-style:none}
 body header.header .header-list li{margin:0;list-style:none}
 body header.header .header-list .note{flex:none;width:66px;padding:0;border:0;background:none}
 body header.header .header-list .note a{display:block;padding:0;border:0;background:none}
 body header.header .header-list .note img{display:block;width:66px;max-width:66px;height:auto;margin:0;padding:0;border:0}
 body header.header .header-list .login{position:relative;display:flex;flex:none;height:62px;padding:5px 1.2vw;border:0;border-radius:0;background:#0065af}
 body header.header .header-list .login:before,body header.header .header-list .login:after{content:"";position:absolute;left:0;width:100%;height:2px;background:#00afe3}
 body header.header .header-list .login:before{top:5px}body header.header .header-list .login:after{bottom:5px}
 body header.header .header-list .login a{display:flex;align-items:center;justify-content:center;gap:5px;margin:0;padding:0;border:0;background:none;text-decoration:none}
 body header.header .header-list .login img{display:block;width:33px;height:33px;margin:0;padding:0;border:0}
 body header.header .header-list .login p{margin:0;padding:0;border:0;color:#fff;font-size:16px;font-weight:400;line-height:1.2;white-space:nowrap}
 body header.header .header-list .login:hover,body header.header .header-list .note:hover{opacity:.8}
 body header.header .head-menu a:focus-visible,body header.header .header-list a:focus-visible{outline:3px solid #0065af;outline-offset:3px}
}
@media(min-width:769px) and (max-width:1350px){body header.header .top-title{display:none}body header.header .head-menu li{padding:0 5px}body header.header ul.header-list{margin-left:12px;gap:12px}}
@media(min-width:769px) and (max-width:1050px){body header.header .head__ll__logo,body header.header .head__ll__logo a,body header.header .head__ll__logo img{width:140px}body header.header .head-menu li{padding:0 1px}body header.header .head-menu li a{font-size:12px;padding:5px 3px}body header.header .header-list .note,body header.header .header-list .note img{width:50px;max-width:50px}body header.header .header-list .login p{font-size:14px}body header.header .header-list .login{padding:5px 10px}body header.header ul.header-list{gap:8px;margin-left:8px}body header.header:not(.katenavi-sp-header){gap:8px}}
@media(max-width:768px){body header.header{padding:0 0 0 10px !important}body header.header .head__ll__logo{margin:0;font-size:16px;line-height:1}body header.header .head__ll__logo a{line-height:1}body header.header .head__ll__logo img{display:block;width:110px;max-width:110px;height:auto;margin:0;padding:0}body header.header.katenavi-sp-header{position:fixed}}
