@charset "UTF-8";
/*LP1、LP2共通*/
.hero-area {
  text-align: center;
  margin-top: 70px;
}
@media only screen and (max-width: 740px) {
  .hero-area {
    margin: 10px 10px -7vw;
  }
}

@media only screen and (max-width: 740px) {
  .img-1 img {
    width: 22%;
  }
}

.area-gaiyou .inner {
  background-color: #FBFBD4;
  border-radius: 20px;
  padding: 50px 40px;
}
@media only screen and (max-width: 740px) {
  .area-gaiyou .inner {
    margin: -9vw 10px 40px;
    padding: 26px 27px;
  }
}
.area-gaiyou .heading-wrap {
  color: #fff;
  text-align: center;
  padding: 12px;
  font-size: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 740px) {
  .area-gaiyou .heading-wrap {
    margin-bottom: 20px;
    padding: 8px;
  }
}
.area-gaiyou .list-wrap dl {
  padding: 20px 30px;
}
@media only screen and (max-width: 740px) {
  .area-gaiyou .list-wrap dl {
    padding: 20px 20px 10px;
  }
}
.area-gaiyou .list-wrap dl dt {
  font-size: 18px;
  font-weight: bold;
}
@media print, screen and (min-width: 741px) {
  .area-gaiyou .list-wrap dl dt {
    float: left;
  }
}
@media only screen and (max-width: 740px) {
  .area-gaiyou .list-wrap dl dt {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
@media print, screen and (min-width: 741px) {
  .area-gaiyou .list-wrap dl dd {
    padding-left: 200px;
  }
}
@media only screen and (max-width: 740px) {
  .area-gaiyou .list-wrap dl dd {
    font-size: 14px;
  }
}

.btn-wrap {
  text-align: center;
  margin-bottom: 110px;
}
@media only screen and (max-width: 740px) {
  .btn-wrap {
    margin-bottom: 50px;
  }
}
.btn-wrap .btn-item {
  color: #fff;
  text-decoration: none;
  padding: 30px 80px;
  display: inline-block;
  font-size: 28px;
  border-radius: 70px;
}
@media only screen and (max-width: 740px) {
  .btn-wrap .btn-item {
    font-size: 18px;
    padding: 20px 40px;
  }
}

/*LP1用*/
.lp1 .hero-area {
  margin-bottom: -70px;
}
@media only screen and (max-width: 740px) {
  .lp1 .hero-area {
    margin: 10px 10px -7vw;
  }
}
.lp1 .area-gaiyou .inner {
  margin: -70px 102px 50px;
}
@media only screen and (max-width: 740px) {
  .lp1 .area-gaiyou .inner {
    margin: -9vw 10px 40px;
  }
}
.lp1 .area-gaiyou .heading-wrap {
  background-color: #63D4D8;
}
.lp1 .area-gaiyou .list-wrap dl {
  border-bottom: 1px solid #63D4D8;
}
.lp1 .area-gaiyou .list-wrap dl dt {
  color: #63D4D8;
}
.lp1 .btn-wrap .btn-item {
  background-color: #FFA8A8;
}

/*LP2用*/
.lp2 .hero-area {
  margin-bottom: -70px;
}
@media only screen and (max-width: 740px) {
  .lp2 .hero-area {
    margin: 10px 10px -7vw;
  }
}
.lp2 .area-gaiyou .heading-wrap {
  background-color: #9B0606;
}
.lp2 .area-gaiyou .inner {
  margin: -70px 102px 50px;
}
@media only screen and (max-width: 740px) {
  .lp2 .area-gaiyou .inner {
    margin: -9vw 10px 40px;
  }
}
.lp2 .area-gaiyou .list-wrap dl {
  border-bottom: 1px solid #9B0606;
}
.lp2 .area-gaiyou .list-wrap dl dt {
  color: #9B0606;
}
.lp2 .btn-wrap .btn-item {
  background-color: #9B0606;
}

/*# sourceMappingURL=page_campaign.css.map */