/* # =================================================================
#	共通
# ================================================================= */

.st-main {
  margin: 0;
}

.socialmedia-conts-column {
  margin: 0 auto;
  padding: 0 15px;
  width: 1030px;
}

/* # =================================================================
#	コンテンツ
# ================================================================= */

.socialmedia-conts-head {
  padding: 52.5px 0;
}

.socialmedia-conts-head p {
  line-height: 2.1;
  margin: 0 auto;
  width: 80%;
  padding: 15px 0 0;
}

.socialmedia-conts-head p:first-of-type {
  padding: 0;
}

.socialmedia-conts-head ol {
  line-height: 2.1;
  margin: 0 auto;
  width: 80%;
  padding: 15px 0 0 3em;
}

.socialmedia-conts-head ol li {
  padding: 12px 0 0;
}

.socialmedia-conts-head p.tr {
  text-align: right;
}

.socialmedia-conts-head .desc {
  margin: 55px 0 0;
}

.socialmedia-conts-head .desc p + p {
  margin-top: 25px;
}

@media only screen and (max-width: 1030px) {
  .socialmedia-conts-column {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .st-main {
    margin: 0 0 30px;
  }

  .pages-headline {
    height: 80px;
  }

  .socialmedia-conts-column {
    padding: 0;
    width: 100%;
  }

  .socialmedia-conts-head {
    padding: 36px 0 26px;
  }

  .socialmedia-conts-head p {
    font-size: 1.3rem;
    line-height: 1.6;
    padding: 12px 0 0;
    width: 100%;
  }

  .socialmedia-conts-head ol {
    width: 100%;
    padding: 15px 0 0 2em;
  }

  .socialmedia-conts-head p.tr {
    text-align: left;
  }

  .socialmedia-conts-head .desc {
    margin: 30px 0 0;
  }

  .socialmedia-conts-head .desc p + p {
    margin-top: 12px;
  }
}