/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 24 2025 | 02:02:11 */
.sns-section {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 20px 50px;
  background-color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) { 
  .sns-section {
    padding: 70px 20px 100px;
  }
}

.sns-title {
  font-family: "Gabarito", sans-serif;
  font-size: 45px;
  font-weight: 600;
  color: #0065b2;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) { 
  .sns-title {
    font-size: 55px;
  }
}

.sns-icons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
/*  スマホ・タブレット対応  */
@media (max-width: 1024px) {
  .sns-icons {
    max-width: 600px; /* センターで2段3列になるように制限 */
    margin: 0 auto;
    gap: 30px 0;
  }
  .sns-icons a {
    flex: 0 1 calc(33.333% - 30px); /* 3列配置 */
  }
}

.sns-icons a {
  display: inline-block;
  width: 70px;
  height: 70px;
  transition: 0.3s;
}

.sns-icons img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.3s;
}

.sns-icons a:hover img {
  opacity: 0.8;
  transform: scale(1.05);
}