@charset "utf-8";
.inner_area {
    max-width: 825px;
    margin: 0 auto;
}
.camp_dl_area {
    padding: 44px 30px 50px 30px;
    text-align: center;
    background: url('/guide/appli/coupon/images/dl_bg_pc.png') no-repeat;
    margin-top: 100px;
}

.camp_dl_area p {
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.qr_area {
    padding: 32px 10px;
    margin: 21px auto 0;
    background: #F9F8F5;
    border-radius: 8px;
}

.qr_area p {
    color: black;
    font-size: 16px;
    font-weight: bold;
}

.qr_flex {
    display: flex;
    justify-content: center;
    margin: 24px 0 16px;
}

.qr_box {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding-left: 50px;
    padding-right: 50px;
}

.qr_box:first-child {
    border-right: 1px solid #E6E6E6;
}


.qr_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

.qr_icon > img {
    width: 135px;
}

.qr_area .notes_list {
    width: 549px;
    margin: 0 auto;
}

.qr_area .notes_list li {
    text-align: left;
}

.modal-body {
    height: auto;
}

.modal-content .qr_area {
    margin: 0 auto;
}

.modal-content .qr_area > p {
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width:767px) {
  .inner_area {
    width: 100%;
    max-width: 100%;
    padding: 0 5.333vw;
  }
  .camp_dl_area {
      padding: 13.867vw 0 11.733vw;
      background: url('/guide/appli/coupon/images/dl_bg_sp.png') no-repeat;
      background-size: cover;
      margin-top: 16vw;
  }
  .camp_dl_area p {
      font-size: 4.8vw;
  }
  .camp_dl_area_sp .qr_area{
      padding: 7.44vw 3.49vw;
  }
  .camp_dl_area_sp .qr_area p{
      font-size: 3.72vw;
  }
  .camp_dl_area_sp .scroll_on.type_bottom {
      padding: 0 3.49vw;
  }
  .camp_dl_area_sp .qr_box {
      padding: 0;
  }
  .camp_dl_area_sp .qr_box:first-child {
      border-right: none;
  }
  .camp_dl_area_sp .qr_flex {
      gap: 4.65vw;
      margin: 0 0 3.72vw 0;
  }
  .camp_dl_area_sp .qr_area .notes_list {
      width: 100%;
      padding: 0 5.81vw;
  }
  .dl_btn {
      width: 78.667vw;
      height: 12.8vw;
      margin-top: 8.533vw;
      font-size: 4.267vw;
  }
}
/* contact */
@media print, screen and (min-width: 768px) {
  #contact {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #contact {
    margin-bottom: 60px;
  }
}
.area_sub_ttl {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.border_box {
    margin-top: 37px;
}

.border_box .btn_area {
    margin-top: 32px;
}

.stepBox {
    margin-top: 24px;
}

.stepBox .text_area .label_step span {
    border: 1px solid #EC6C26;
    color: #EC6C26;
}

.text_area {
    font-size: 16px;
}

.cmn_slide_block_b .slick-next:before {
    background: url('/guide/appli/coupon/images/arw_orange.png') no-repeat;
    background-size: 7px 14px;
}

.cmn_slide_block_b .slick-prev:before {
    background: url('/guide/appli/coupon/images/arw_orange.png') no-repeat;
    transform: scaleX(-1);
    background-size: 7px 14px;
}

.cmn_slide_block_b .slick-dots li.slick-active button:before {
    color: #EC6C26;
}

.border_box .notes_list {
    margin-top: 16px;
}

.border_box .notes_list li {
    font-size: 13px;
}
.pc_inline {
  display: inline !important;
}
.sp_inline {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .pc_inline {
    display: none !important;
  }
  .sp_inline {
    display: inline !important;
  }
  .area_sub_ttl {
    font-size: 4.8vw;
  }
  .slick-slide {
      width: 78.133vw;
  }

  .border_box {
      margin-top: 9.333vw;
      padding: 9.067vw 5.4vw 17.92vw 5.5vw;
  }

  .border_box .btn_area {
      margin-top: 8.267vw;
  }

  .stepBox {
      margin-top: 4.267vw;
  }

  .text_area {
      font-size: 4.267vw;
  }

  .cmn_slide_block_b .slick-prev,
  .cmn_slide_block_b .slick-next {
      width: 1.6vw;
      height: 3.467vw;
  }

  .cmn_slide_block_b .slick-next:before {
      background-size: 1.6vw 3.467vw;
  }

  .cmn_slide_block_b .slick-prev:before {
      background-size: 1.6vw 3.467vw;
  }

  .cmn_slide_block_b .slick-dots li.slick-active button:before {
      color: #EC6C26;
  }

  .cmn_slide_block_b .slick-dots li {
      width: 2.133vw;
      height: 2.133vw;
      margin: 0 1.45vw;
  }

  .cmn_slide_block_b .slick-dots li button {
      width: 2.133vw;
      height: 2.133vw;
  }

  .cmn_slide_block_b .slick-dots li button:before {
      width: 2.133vw;
      height: 2.133vw;
  }

  .cmn_slide_block_b .slick-dots li button:before,
  .cmn_slide_block_b .slick-dots li.slick-active button:before {
      font-size: 2.667vw;
  }

  .cmn_slide_block_b .slick-prev,
  .cmn_slide_block_b .slick-next {
      top: calc(100% - 1.333vw);
  }

  .cmn_slide_block_b .slick-next {
      right: calc(50% - 20.533vw);
  }

  .cmn_slide_block_b .slick-prev {
      left: calc(50% - 20.533vw);
  }

  .border_box .notes_list {
      margin-top: 5.333vw;
  }

  .border_box .notes_list li,
  .notes_list li {
      font-size: 3.2vw;
  }
}