@charset "UTF-8";
/* =======================================
	footer CVボックスで囲むver
========================================== */
footer {
  background-color: #2b333f;
  color: #dde2e8;
  z-index: 100;
  position: relative;
}
.footer01 a {
  color: #dde2e8;
  white-space: nowrap;
}
.footer01 .arrow_w {
  background: url(../images/arrow_w.png) no-repeat center/contain;
  width: 0.4em;
  height: 0.7em;
  display: inline-block;
  margin-right: 5px;
}
.footer01 {
  max-width: 1135px !important;
  width: 90%;
  margin: 0 auto;
}

.borderR {
  width: 19%;
  white-space: nowrap;
  position: relative;
  z-index: 0;
}
.borderR::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 0%;
  top: 33%;
  background: #dde2e8;
  width: 1.5px;
  height: 45%;
  z-index: -1;
}

.footer01 .flex.flexCenter {
  display: flex !important;
}

.footer01 .btn01 {
  width: 49%;
}

.footer01 .btn01 a {
  width: 100%;
}

.footer01 .btn01 a img {
  width: 0.9em;
  height: 100%;
}

.footer01 .b_reg a img {
  width: 1.2em;
}

.footer01 .cl7_3 > *:nth-child(even) {
  width: 37.5%;
}

.footer02 {
  border-top: 1.5px solid #7d8796;
  color: #7d8796;
}

.footer02 a {
  color: #7d8796;
  text-decoration: underline;
}

.footer02 .footer02Icon {
  background: url(../images/footer_arrow.png) no-repeat center / contain;
  width: 0.9em;
  height: 0.9em;
  display: inline-block;
  margin-right: 4px;
}

.footer02 .p-mark {
  display: flex !important;
  justify-content: end;
  width: 4%;
  height: 4%;
}

/*# sourceMappingURL=footer.css.map */
@media screen and (max-width: 900px) {
  footer.pT20 {
    padding-top: 5% !important;
  }
  .borderR,
  .footer01 .cl7_3 > *:nth-child(even) {
    width: 100%;
  }
  .borderR::after {
    display: none;
  }
  .footer01 .btn01 {
    width: 48%;
  }
  .footer01 .cl7_3 > * {
    margin-bottom: 2%;
  }
  .footer01 .cl7_3 .mT5 {
    margin-top: 2% !important;
  }
  .inner1135 {
    width: 90%;
  }
  .footer02.pT10 {
    padding-top: 4% !important;
  }
  .footer02 .p-mark {
    width: 100%;
    margin-bottom: 5% !important;
  }
  .footer02 .p-mark img {
    width: 15%;
  }
  .footer02 .cl50 > * {
    margin-bottom: 0;
  }
}