header {position: fixed; top: 0; left: 0; width: 100%; height: 90px; background: var(--wt); z-index: 11;}
header .container {position: relative; display: flex; align-items: center; justify-content: center; max-width: 1920px; height: 100%; padding: 0 40px; box-sizing: border-box;}
header .logo {position: absolute; top: 50%; left: 40px; transform: translateY(-50%); width: 200px; height: auto;}
header .logo img {width: 100%; height: auto;}

header nav {}
header nav ul {display: flex; align-items: center; justify-content: center; gap: 40px;}
header nav ul li {}
header nav ul li a {font-size: 16px; font-weight: bold; line-height: 1; color: var(--black_23);}

header .hd_btns {position: absolute; top: 50%; right: 40px; transform: translateY(-50%); display: flex; align-items: center; gap: 12px;}
header .hd_btns a {display: flex; align-items: center; gap: 4px; padding: 10px 12px; box-sizing: border-box; border-radius: 10px; font-size: 16px; font-weight: bold; line-height: 1; color: var(--wt);}
header .hd_btns a img {width: 20px;}

header .hd_btns .pc_tel{display: flex;}
header .hd_btns .mo_tel{display: none;}