@charset "UTF-8";


/*------------------------------------------------------------------*/
/*
     500spb.css、pc.cssと共用。
*/
/*------------------------------------------------------------------*/


/*----- SP用 -----*/
@media (max-width: 767px) {

  .promotion .section-about .about_title,
  .promotion .section-feature .feature_title {
    margin: 0 auto 30px;
    ;
  }

  .promotion .section-main .mainv_inner .coupon a,
  .section-coupon .get_inner .coupon a {
    background-image: none;
  }

  .promotion .section-main .coupon-1row .coupon-contents {
    padding: 0 10px;
  }

  .promotion .section-about .lyt-contents,
  .promotion .section-idea .lyt-contents,
  .promotion .section-feature .lyt-contents,
  .promotion .section-qa .lyt-contents {
    padding: 0;
  }

  .promotion .section-coupon .get_inner {
    padding-bottom: 0;
  }

  .promotion .section-coupon .coupon-1row .coupon-contents {
    padding: 0;
  }
}



/*----- PC用 -----*/
@media (min-width: 768px) {
  .promotion h2 {
    margin: 0;
    margin-bottom: 60px;
  }

  .promotion .section-main .coupon-wrap {
    background-color: transparent;
  }

  .promotion .section-main .coupon-inner {
    background-color: #FFFFFF;
    padding: 60px 0 44px;
  }

  .promotion .section-main .coupon-1row .coupon-contents {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .promotion .section-main .term-inner {
    background-color: transparent;
    padding: 0 0;
  }

  .promotion .section-about .about_inner {
    padding-top: 55px;
  }

  .promotion .section-about .about_title {
    margin-bottom: 20px;
  }

  .promotion .section-about .about_wrapFlex--R {
    padding-top: 20px;
  }

  .promotion .section-about .about_wrapInner.about_point01 {
    margin-bottom: 0;
  }

  .promotion .section-about .about_wrapInner.about_point02 {
    margin-bottom: 10px;
  }

  .promotion .section-about .about_wrapInner.about_point03 {
    margin-bottom: 10px;
  }

  .promotion .section-about .about_linkText {
    margin-top: 40px;
  }

  .promotion .section-idea .idea_inner {
    padding: 120px 0 80px;
  }

  .promotion .section-idea .idea_title {
    margin-bottom: 60px;
  }

  .promotion .section-idea .idea_wrapImage {
    width: 92%;
  }

  .promotion .section-coupon .coupon-wrap {
    background-color: transparent;
  }

  .promotion .section-coupon .coupon-inner {
    background-color: transparent;
  }

  .promotion .section-coupon .coupon-1row .coupon-contents {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .promotion .section-coupon .term-inner {
    background-color: transparent;
    padding: 0 0;
    min-width: auto;
  }

  .promotion .section-coupon .get_title {
    margin: 0;
  }

  .promotion .section-qa .qa_wrapFlex {
    width: 92%;
  }
}