/*コメント*/
/*.footer {background:rgba(255,255,255,0.6);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 24px 24px;
}*/


.white a, .white a:hover, .white a:hover:after
{color:#fff;text-decoration:none;}

#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 a, #footer a:hover, #footer a:hover:after{
  color: #151515;text-decoration:none;z-index:10;}*/

@media screen and (max-width:959px){
#footer {
    color: #151515;
    padding: 40px;
    text-align: center;
    position: relative;
    z-index: 1; /* z-indexを追加 */
  }

  #footer::after {
    background: rgba(255,255,255,0.0);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1; /* より低い値に設定 */
    width: 100%;
    content: "";
  }

  /* リンクのz-indexを確実に上位に設定 */
  #footer a {
    position: relative;
    z-index: 2;
  }

  .footer {
    position: relative;
    z-index: 1;
  }


.footer_legal {justify-self: center;
    align-self: center;}

.footer_logo_wrap,
.footer_legal,
.footer_copyright,
.footer_nav {padding-top:10%;
  grid-column: 1 / -1;
}

.footer{background:rgba(255,255,255,0.0);height:100%;width:100%;/*z-index:10;*/}

.only-pc{
 display:none !important;
}

.only-sh{display:contents;}




}

@media (min-width:960px) and ( max-width: 3000px ) {
#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 {background:rgba(255,255,255,0.6);height:100%;width:100%;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    grid-gap: 32px 3.125vw;z-index:10;
  }

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

  .footer_nav {
    grid-column: 1 / -4;
  }

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

  .footer_copyright {
    grid-row: -1;
    justify-self: end;
    align-self: end;
  }
 .footer_nav
{display:flex;text-align:left;justify-content:space-around;}

.only-pc{visibility:visible;}

.ul-align-center .footer_nav_list{width:30vw;}


}