#header.header-eb5 { background-color: #FFF; position: relative; padding: 38px 0; }
#header.header-eb5 > div { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }
.header-eb5 .pad01 { padding: 0 65px; }
.header-eb5 #logo { display: flex; align-items: center; line-height: 0; width: 160px; }
.header-eb5 #logo svg { display: block; width: 100%; }
.header-eb5 #logo svg path { fill: #000; } .header-eb5 .header-eb5__right { display: flex; align-items: center; gap: 40px; }
.header-eb5 .header-eb5__phone { color: #000; text-decoration: none; letter-spacing: 0.05em; white-space: nowrap; }
.header-eb5 .header-eb5__cta.btn.rectangularBtn {
color: #000;
background-color: transparent;
border: 1px solid #000;
padding: 12px 22px;
letter-spacing: 0.18em;
font-size: 12px;
line-height: 1em;
white-space: nowrap;
}
.header-eb5 .header-eb5__cta.btn.rectangularBtn:hover { background-color: #000; color: #FFF; } @media all and (max-width: 1370px) {
#header.header-eb5 { padding: 30px 0; }
.header-eb5 .pad01 { padding: 0 50px; }
.header-eb5 #logo { width: 130px; }
.header-eb5 .header-eb5__right { gap: 28px; }
.header-eb5 .header-eb5__cta.btn.rectangularBtn { padding: 10px 18px; }
}
@media all and (max-width: 767px) {
#header.header-eb5 { padding: 22px 0; }
.header-eb5 .pad01 { padding: 0 30px; }
.header-eb5 #logo { width: 105px; }
.header-eb5 .header-eb5__right { gap: 16px; }
.header-eb5 .header-eb5__phone { font-size: 13px; }
.header-eb5 .header-eb5__cta.btn.rectangularBtn { padding: 9px 14px; font-size: 11px; letter-spacing: 0.12em; }
}
@media all and (max-width: 599px) { .header-eb5 .header-eb5__right { flex-direction: column-reverse; align-items: flex-end; gap: 10px; }
.header-eb5 .header-eb5__phone { display: block; }
}