@media (max-width:768px) {
  .history-text-area {
      padding: 0;
  }
  .history-contents h2 {
      width: 90%;
      margin: 0 auto;
      font-size: 18px;
      color: inherit;
      padding: 0;
  }
  .corp-csr--top__title {
      width: 90%;
      margin: 0;
      font-size: 18px;
  }
  .corp-csr--activity .soc_box {
      width: auto;
      padding: 0;
      margin: 0 auto;
  }
  .corp-csr--activity .soc_box .ttl_in {
      width: auto;
      padding: 10px;
      border: none;
  }
  .corp-csr--activity .soc_box .ttl {
      width: 100%;
      margin-bottom: 0;
      border: none;
  }
  .corp-csr--activity .soc_box .ttl_sub {
      width: 90%;
      margin: 30px auto 0;
      color: #00c0f1;
      font-size: 15px;
      border-top: unset;
      border-bottom: unset;
  }

  .soc_box .fr {
      float: none;
      display: block;
  }

  .corp-csr--activity .soc_box .fr {
      margin: 0 auto;
  }
  .corp-csr--activity .soc_box .ttl_in {
      width: auto;
      background-color: #d9f3ff;
      border-top: 1px solid #00c0f1;
      border-bottom: 3px solid #00c0f1;
  }

  .corp-csr--activity .soc_box .ttl_in h3 {
      border-left: unset;
  }

  .corp-csr--activity__sub__text {
      width: 90%;
      margin: 5px auto 5px;
      color: #666;
      font-size: 15px;
      line-height: 27px;
  }
  .corp-csr--activity__sub__text .txt_sub {
      font-size: inherit;
      padding: inherit;
  }

  .link_area.corp-csr--activity__link-area {
      width: 90%;
      margin: 0 auto 30px;
  }
  ul.link_area.corp-csr--activity__link-area {
      margin-top: 0;
      font-size: 14px;
  }

  .s-layout-flex_society {
      display: flex;
      flex-direction: column;
      padding: 16px 0;
  }
  .s-layout-flex_society .fr {
      order: 2;
  }
  .s-layout-flex_society p {
      width: 90%;
      margin: 5px auto;
      color: #666;
      font-size: 15px;
      line-height: 27px;
  }
  .s-layout-flex_society .txt_sub {
      font-size: inherit;
  }
}