footer{
  width:100%;
}

footer img.logo{
  width:100px;
  margin:0 auto 60px;
  display: block;
}
#contact {
  width: 100%;
  padding-top: calc(var(--section-margin) / 1);
  padding-bottom: calc(var(--section-margin) / 2);

  background: linear-gradient(45deg, #3A97D9 0%, #5AB4E6 50%, #6DD5FA 100%);
  position: relative; /* オーバーレイを配置するために必要 */
}



#contact h2 {
  text-align: center;
  width: auto;
  display: inline-block;
  position: relative;
  z-index: 2;
  color: #FFF;
  font-family: "Josefin Sans", serif;

}

#contact .title_wrap {
  text-align: center;
}

#contact ul{
  width: 90%;
  margin: auto;
  display: flex
;
  flex-wrap: wrap;
  gap: 20px;
}

#contact ul li {
  width: 100%;
  border: 1px solid #FFF;
  text-align: center;
  display: flex; /* フレックスボックスを使用 */
  align-items: center; /* 垂直方向の中央揃え */
  justify-content: center; /* 水平方向の中央揃え（必要に応じて） */
  height: 100px; /* 高さを指定 */
}
img.contact_icon {
  width: 20px;
  margin-right: 10px;
}
#contact ul li a {
  padding: 0 30px;
  color: #FFF;
  display: block;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 120%;
  text-align: center; /* テキストの中央揃え */
}
#contact ul li a span{
  font-weight: 400;
  font-size:1.6rem;
  font-weight: 700;
  
}
#contact ul li:nth-child(1),
#contact ul li:nth-child(2) {
  background-color: #FFF;
}

#contact ul li:nth-child(1) a,
#contact ul li:nth-child(2) a {
  color: var(--brand-color);
}



#school {
  width: 100%;
  padding-top: var(--section-margin);
  padding-bottom: var(--section-margin);
}

#school {
  width: 100%;
  padding-top: var(--section-margin);
  padding-bottom: var(--section-margin);
}


  .copyright{
    text-align: center;
    color: #FFF;
    font-size: 1.2rem;
    margin-top:60px;
    padding:20px;

  }

  .footer_cv{
    display: none;
  }

.ad-link{
text-align: center;
    margin: 60px;
    line-height: 180%;
}

.ad-link a {
  color: #FFF;
}