@charset "UTF-8";
/* =======================================
	【BASE】footer CV枠線で囲むver
========================================== */
footer {
  position: relative;
  z-index: 0;
}

.logo_f {
  position: absolute;
  top: -3%;
  left: 0;
  width: 33%;
  aspect-ratio: 464 / 240;
}

.ellipse {
  content: "";
  background: url(../img/ellipse.svg)
  no-repeat center / contain;
  width: 0.45em;
  height: 0.45em;
  margin-right: 7px;
}

.footer02_02 a {
  font-weight: bold;
  color: #424242;
}

.footer02_02 h2 {
  flex-shrink: 0;
}

.footer02_nav,
.footer03_nav {
  width: 97%;
  margin: 0 0 0 auto;
}

.footer02_nav a {
  margin-top: 7px;
  display: inline-block;
}

.footer02_nav a.flex.align_items_c {
  display: flex !important;
}

.footer02_nav ul {
  margin-left: 1em;
}

.footer02_copy {
  display: flex;
  justify-content: end;
  font-weight: 500;
  color: #424242;
}

.footer02_copy ul {
  display: flex;
  width: 80%;
  gap: 3%;
}

.footer02_copy .btn01 a,
.footer02_copy .btn02 a {
  display: flex !important;
  height: 3.5em;
  justify-content: start;
  padding: 0.5em 4.5em 0.5em 1.5em;
}

.footer02_copy p {
  letter-spacing: 0.08em;
}

.btn01 .kodomo {
  content: "";
  background: url(../img/kodomo.svg) no-repeat center / contain;
  width: 1.2em;
  height: 1.2em;
  margin-right: 10px;
  margin-top: 0.2em;
}

.btn02 .otona {
  content: "";
  background: url(../img/otona.svg) no-repeat center / contain;
  width: 1.2em;
  height: 1.2em;
  margin-right: 10px;
  margin-top: 0.2em;
}
