@charset "UTF-8";
/* =======================================
【BASE】
========================================== */
h1 {
  color: #fbfbfb;
  padding-top: 10px;
}

.h_tel a {
  color: #fbfbfb;
}
.h_tel .num span {
  padding-left: 0.9em;
  background: url(../img/tel.svg) no-repeat left bottom 4px/0.67em;
}

header {
  background-color: #fff;
  color: #000;
  /* height: 110px; */
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: all 0.3s ease;
}

.bgNavy {
  border-radius: 5px;
  background: #0e2154 url(../img/area.png) no-repeat top 0.4em left 0.7em / 0.6em;
  padding: 0% 0% 0% 3%;
  height: fit-content;
  align-self: center;
  min-width: 90px;
  text-align: center;
}

.header02 .company {
  background: url(../img/company.png) no-repeat center left 10px / 1em;
  padding: 0% 0% 0% 1.9em;
  height: fit-content;
}

.header02 .faq {
  background: url(../img/faq.png) no-repeat center left 13px / 0.9em;
  padding: 0% 0% 0% 2em;
  height: fit-content;
}

.header02 .recruit {
  background: url(../img/recruit.png) no-repeat center left 13px / 0.9em;
  padding: 0% 0% 0% 2em;
  height: fit-content;
}

.header02 .flex.w80 {
  justify-content: end;
  margin: 0 0 0 auto;
  align-items: end;
  width: 632px;
}

.header02 .cl50 {
  width: 53%;
}

.contact_h a {
  border-radius: 50px;
  background: #d9162c url(../img/mail_w.png) no-repeat center left 30px / 1.2em;
  padding: 4% 10% 4% 32%;
  height: fit-content;
  align-self: end;
  color: #fff;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}

/* .headerArea {
  height: 110px;
} */

.header02 {
  padding: 3% 0;
}

.header02 .logo {
  width: clamp(160px,18vw,252px);
  /* padding-top: 3px; */
}

.header02.cl3_7 > *:nth-child(odd) {
  width: 35%;
}

.header02.cl3_7 > *:nth-child(even) {
  width: 65%;
}

.header_nav {
  margin-top: 20px;
  text-align: end;
}
.header_nav .nav {
  margin: 0 auto;
  padding: 0;
  display: flex;
  position: relative;
  z-index: 9;
  justify-content: space-between;
}
.header_nav .nav > li {
  list-style: none;
  width: fit-content;
  position: relative;
  cursor: pointer;
  font-size: 1.4rem;
}
.header_nav .nav > li:nth-of-type(3) {
  cursor: unset;
}
.header_nav .nav li a {
  display: block;
  text-align: end;
  color: #141414;
  text-decoration: none;
  box-sizing: border-box;
  font-size: 1.4rem;
}
.header_nav .nav li ul {
  /* width: calc(100% + 40px); */
  display: none;
  /* margin-left: -20px; */
  position: absolute;
  z-index: 999;
  background: #fff;
  left: -80%;
  width: 10em;
}
/* .header_nav .nav li ul li {
  width: 100%;
} */
.header_nav .nav li ul li a {
  border-top: 1px solid #002793;
  color: #141414;
  width: 100%;
  padding: 4%;
  text-align: left;
}