@charset "utf-8";

/*PC（751px以上）*/

@media screen and (min-width: 750px) {

  .pc {
    display: block;
  }

  .sp {
    display: none;
  }

  .campaign-area {
    width: 100%;
    padding: 50px 0;
    background-color: #E6FFE9;
  }

  .campaign-title {
    margin: 0 auto;
    width: 60%;
  }

  .campaign-title h2 {
    font-size: 3vw;
    font-style: italic;
    letter-spacing: .1em;
    color: #fff;
    background-color: #fa4141;
    padding: 20px 10px;
    text-align: center;
  }

  .short-video {
    width: 95%;
    margin: 0 auto;
  }

  .short-video a {
    display: block;
  }

  .short-video a h3 {
    background-color: #000088;
    padding: 1vw 0;
    font-size: 2.5vw;
    text-align: center;
    color: #fff;
  }

  .short-video a img {
    width: 100%;
  }

}

/*SP（750px以下）*/

@media screen and (max-width: 750px) {

  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .campaign-area {
    width: 100%;
    padding: 30px 0;
    background-color: #E6FFE9;
  }

  .campaign-title {
    margin: 0 auto;
    width: 95%;
  }

  .campaign-title h2 {
    font-size: 5vw;
    font-style: italic;
    letter-spacing: .1em;
    color: #fff;
    background-color: #fa4141;
    padding: 10px 5px;
    text-align: center;
  }

  .short-video {
    width: 98%;
    margin: 0 auto;
  }

  .short-video a {
    display: block;
  }

  .short-video a h3 {
    background-color: #000088;
    padding: 4vw 0;
    font-size: 5.5vw;
    text-align: center;
    color: #fff;
  }

  .short-video a img {
    width: 100%;
  }

}