/*コメント*/
.footer {
  display: grid;
  grid-template-columns: repeat(auto-fit, 100px);
  grid-auto-rows: auto;
  grid-gap: 16px;
  justify-content: center;
}

#footer{
  /*color: #151515;*/
  padding: 10%;
  text-align: center;
  position: relative;
}

.footer_copyright,
.footer_logo_wrap,
.footer_legal,
.footer_nav,
.footer_center_logo {
  z-index: 2;
  grid-column: 1 / -1;
}

#footer::after{
  background: rgba(255,255,255,0.0);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: -5;
  width: 100%;
  content: "";
}

.footer_center_logo {
  margin: 20px auto;
  text-align: center;
}

/* PC表示 */
@media screen and (min-width: 1300px) {
  #footer{
    /*color: #151515;*/
    padding: 40px;
    text-align: center;
    position: relative;
  }

  #footer::after{
    background: rgba(255,255,255,0.0);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -5;
    width: 100%;
    content: "";
  }

  .footer {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto auto;
    grid-gap: 32px 3.125vw;
    z-index: 10;
  }

  .footer_logo_wrap {
    grid-column: 1 / span 3;
    grid-row: 1;
  }

  .footer_nav {
    display: flex;
    text-align: left;
    justify-content: space-around;
    grid-column: 4 / -1;
    grid-row: 1;
  }

  .footer_center_logo {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 20px auto;
  }

  .footer_legal {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .footer_copyright {
    grid-column: 1 / -1;
    grid-row: 4;
    justify-self: center;
  }

  
}