@charset "utf-8";
/*  social.css
---------------------------------------------- */

/*  pc
---------------------------------------------- */
/*-------- section --------*/
.social-sec {
  padding: 100px 0;
}
/* 共通CSSの p が text-align: justify を直接指定しているため、継承では中央寄せにならない */
.social-sec_ttl,
.social-sec_sub {
  text-align: center;
}
.social-sec_imgs {
  display: flex;
  gap: 27px;
  margin-top: 50px;
}
.social-sec_imgs li {
  width: calc((100% - 54px) / 3);
}
.social-sec_imgs img {
  width: 100%;
}
.social-sec_txt {
  margin-top: 50px;
}
/* 段落間は行間で足りるため、段落用の余白は付けない */
.social-sec_txt .body-txt {
  margin-top: 0;
}

/*  sp
---------------------------------------------- */
@media only screen and (max-width: 959px) {
  /*-------- section --------*/
  .social-sec {
    padding: 50px 0;
  }
  .social-sec_imgs {
    display: block;
    margin-top: 25px;
  }
  .social-sec_imgs li {
    width: 100%;
  }
  .social-sec_imgs li + li {
    margin-top: 15px;
  }
  .social-sec_txt {
    margin-top: 25px;
  }
}

/*-------- button --------*/
.social-sec_btn {
  margin: 50px auto 0;
  color: #000;
}

@media only screen and (max-width: 959px) {
  .social-sec_btn {
    margin-top: 25px;
  }
}