@charset "UTF-8";
@media screen and (max-width: 768px) {
  .visible768 {
    display: block;
    margin: auto;
  }

  .hidden768 {
    display: none;
  }

  /*--------------------------------------------------------
  定数（基本的に、全サイト共通に使えるもの）
  --------------------------------------------------------*/
  /*--------------------------------------------------------
  サイト毎に変化のある定数
  --------------------------------------------------------*/
  .contents,
  .contents2 {
    width: 100%;
  }

  .img_center {
    margin-left: 0px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .margin20p {
    margin-top: 4%;
  }

  .margin30p {
    margin-top: 5%;
  }

  .margin50p {
    margin-top: 7%;
  }

  .margin100p {
    margin-top: 12%;
  }

  .padding30p {
    padding-top: 5%;
  }

  .padding50p {
    padding-top: 7%;
  }

  .sec-1-h2 {
    width: 82.7%;
  }

  .sec-1-txt1 {
    width: 64.7%;
  }

  .sec-1-h3 {
    width: 84.5%;
  }

  .paddingb30p {
    padding-bottom: 5%;
  }

  .paddingb50p {
    padding-bottom: 7%;
  }

  .sec-2-h2 {
    width: 68.5%;
  }

  .sec-2-txt1 {
    width: 66.7%;
  }

  .flex_box img {
    width: 26.6vw;
  }

  .cta-h2 {
    width: 73.7%;
  }

  .sec-3-h2 {
    width: 58vw;
  }

  .sec-3-txt1 {
    width: 44vw;
  }

  .sec-3-img1 img {
    width: 25vw;
  }

  .sec-3-1,
  .sec-3-2,
  .sec-3-3 {
    width: 90.7vw;
  }

  .orange_area_txt {
    font-size: 3vw;
  }


  .sec-4-txt1-1 {
    width: 75.9vw;
  }

  .sec-4-txt1-2 img {
    width: 59.3vw;
  }

  .sec-4-txt2 {
    width: 90.4vw;
  }

  .sec-4-h2-2 {
    width: 90.4vw;
  }

  .sec-4-h2-1 img {
    width: 34.2vw;
  }

  .sec-4-txt3 {
    width: 90.4vw;
  }

  .footer_link {
    display: block;
  }

  .footer_link p:nth-child(2) {
    border-right: none;
    border-left: none;
  }

  .footer_link p {
    margin-bottom: 1%;
  }

}