@charset "UTF-8";
/*
  アイコンサイズを変更する場合は以下記述を変更してください
  marginを設定することでアイコンの位置等も調整可能です
*/
/* SP */
@media (max-width: 599.98px) {
  .page-title__main-icon {
    width: 31px;
    height: 32px;
  }
}
/* PC */
@media (min-width: 600px) {
  .page-title__main-icon {
    width: 62px;
    height: 63px;
  }
}
.page-title__text--stg {
  color: #0086D1;
}

.sns-block {
  margin: 84px auto 0;
  max-width: 1200px;
  width: 94%;
}
.sns-block:last-child {
  margin-bottom: 84px;
}
.sns-block__inner {
  display: flex;
  justify-content: space-between;
}
.sns-block__img {
  max-width: 360px;
  width: calc(360 / 1200 * 100%);
}
.sns-block__img img {
  width: 100%;
  height: auto;
}
.sns-block__info {
  max-width: 750px;
  width: calc(750 / 1200 * 100%);
}
.sns-block__info__title {
  font-weight: 2.4rem;
  font-weight: 700;
}
.sns-block__info__title img {
  width: 50px;
  height: auto;
  vertical-align: middle;
}
.sns-block__info__detail {
  margin-top: 0.5em;
  font-weight: 1.8rem;
  font-weight: 500;
}
.sns-block__link {
  margin-top: 22px;
  display: flex;
}
.sns-block__link__qr {
  width: 186px;
}
.sns-block__link__box {
  margin-left: 27px;
}
.sns-block__account {
  font-weight: 1.8rem;
  font-weight: 500;
}
.sns-block__button {
  margin-top: 0.5em;
}

@media (max-width: 750px) {
  .sns-block {
    margin: 50px auto 0;
  }
  .sns-block:last-child {
    margin-bottom: 50px;
  }
  .sns-block__inner {
    padding-bottom: 30px;
    border-bottom: 1px dotted #000;
    flex-flow: column;
  }
  .sns-block__img {
    margin: auto;
    width: 80%;
  }
  .sns-block__info {
    margin-top: 20px;
    width: 100%;
  }
}