/* 

フッター

*/

#footer {
  background: linear-gradient(90deg, #ff5781 0%, #c94163 100%);
  color: #fff;
}

#footer .footer-logo {
  width: 240px;
}

#footer .wrapper {
  display: flex;
  gap: 200px;
  padding: 40px 0px;
}

#footer .icon-wrapper {
  display: flex;
  gap: 30px;
}

#footer .wrapper .logo-box {
  width: calc(30% - 60px);
  display: flex;
  flex-direction: column;
  gap: 30px;
}

#footer .wrapper .text-box {
  width: calc(70% - 140px);
  display: flex;
  justify-content: space-between;
}

#footer .wrapper .text-box .business-text-subtitle {
  font-size: 12px;
}

/* フッターのリンクにホバー効果を追加 */
#footer a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease-in-out;
}

#footer a:hover {
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

/* SNSアイコンのホバー効果 */
#footer .icon-item a {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

#footer .icon-item a:hover {
  transform: scale(1.1);
}

#footer .copy-right {
  text-align: center;
}

@media (max-width: 767px) {
  #footer .wrapper {
    display: flex;
    gap: 40px;
    padding: 40px 0px;
  }

  #footer .wrapper .text-box {
    width: 100%;
    flex-direction: column;
  }

  .business-text-subtitle {
    /* display: none; */
    margin-bottom: 20px;
  }

  #footer .wrapper {
    flex-direction: column;
  }

  #footer .wrapper .logo-box {
    width: 100%;
  }

  #footer .wrapper .logo-box p {
    display: none;
  }

  #footer .wrapper .students-text-box {
    display: flex;
    gap: 16px;
  }

  #footer .icon-wrapper {
    justify-content: center;
    margin-bottom: 60px;
  }

  #footer .copy-right {
    font-size: 12px;
  }
}