body {
  background: url("../../images/cp/nensyu260518/bg.png");
  line-height: 1.7;
}

img {
  image-rendering: auto;
}

.head_logo {
  background: #fff;
}
#fv {
  text-align: center;
  background: #f2f2f2 url("../../images/cp/nensyu260518/bg_fv.png") repeat-x top 43px center;
  background: #34b3e0;
  background-size: auto;
  position: relative;
}
#fv img {
  max-width: 1300px;
  width: 100%;
}
#fv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#fv-entry {
  background: #fff;
  text-align: center;
  padding: 1em 0em 2em;
}
#fv-entry img {
  display: inline-block;
  margin: 0 20px 1em;
}


#ft-entry {
  position: fixed;
  bottom: -200px;
  background: #ffffa1;
  border-top: 4px solid #00993e;
  width: 100%;
  padding: 0.3em;
  text-align: center;
  transition-duration: 0.5s;
}
#ft-entry img {
  display: inline-block;
  margin: 0 20px;
  max-width: 43%;
}
#ft-entry.vis {
  bottom: 0;
}



/* ----------　キャンペーン概要 ---------- */

#gaiyou {
  padding: 3em 0 4em;
  text-align: center;
}


.innerBox {
  background: #fff;
  border-radius: 1em;
  margin: 0 auto 4em;
  padding: 2em 2em 3em;
}

.innerBox h1 {
  margin-bottom: 2em;
}
.innerBox h2 {
  margin-top: 2em;
  margin-bottom: 1em;
}




/* ----------　プレゼント内容 ---------- */

#present {
  text-align: center;
  background: url("../../images/cp/nensyu260518/block_present_bg.png") repeat-x top center; 
}

#present .im {
  position: relative;
  display: inline-block;
}

#linkGift {
  display: block;
  width: 4%;
  height: 3%;
  position: absolute;
  top: 85.5%;
  left: 60.4%;
  /*background: #f00;
  opacity: 0.5;*/
}



/* ----------　書類のご提出方法 ---------- */

#howto {
  padding: 3em 0 4em;
  text-align: center;
}
#howto h1 {
  margin: 2em 0 4em;
}

#onWeb {
  display: block;
}
#onApp {
  display: none;
}

.onWeb #onWeb {
  display: block;
}
.onApp #onWeb {
  display: none;
}
.onWeb #onApp {
  display: none;
}
.onApp #onApp {
  display: block;
}



.hTab {
  display: flex;
  width: 1000px;
  margin: 0 auto;
  max-width: 90vw;
}
.hTab li {
  width: 50%;
  text-align: center;
}

.slideShow {
  position: relative;
  margin: 30px 50px;
}

.slideShow li {
  width: 450px;
  padding-left: 50px;
}
.slick-slide img {
  width: 450px;
}

.arrow_box {
  position: absolute;
  top: 50%;
  width: 100%;
}
.prev-arrow {
  position: absolute;
  left: -60px;
}
.next-arrow {
  position: absolute;
  right: -60px;
}

.slick-disabled {
  opacity: 0.25;
}
.slick-dots {
  bottom: -35px !important;
}
.slick-dots li button:before {
  content: "●" !important;
  font-size: 10px !important;
}


/* ----------　収入証明書について ---------- */

#aboutDoc {
  margin-bottom: 3em;
}

.tgOpen {
  display: none;
}
.tgClose {
  display: block;
}
.on .tgOpen {
  display: block;
}
.on .tgClose {
  display: none;
}

.toggleBody {
  display: none;
  background: #fff;
  padding: 3em 4em 3em !important;
  width: 100% !important;
  border-radius: 0 0 10px 10px;
}

#aboutDoc .toggleBody {
  display: block;
}

#aboutDoc p {
  margin-bottom: 1.8em;
}

.noteBox {
  background: #f2f2f2;
  padding: 2em 3em;
}
.noteBox h2 {
  font-weight: bold;
  margin-bottom: 1em;
}

.lnkClose {
  margin-top: 2em;
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
}


/* ----------　キャンペーン規約 ---------- */

#kiyaku {
  margin-bottom: 3em;
}
.txt--bgGray {
    padding-left: 1em;
  font-size: 1em;
}



/* ----------　収入証明書について ---------- */

.caution li {
  padding-left: 1em;
  color: #f00;
  margin-top: 1em;
}
.caution li::before {
  content: "※";
  margin-left: -1em;
}
.caution li a {
  color: inherit;
  text-decoration: underline;
}









/* ----------　フッター ---------- */

#block-foot {
  background: #f0f0f0;
    margin: 0 auto;
    padding: 0 10px;
  padding: 2em 3em 0;
  margin-top: 5em;}

ul.ft_link {
  display: flex;
  gap: 0 15px;
  height: 14px;
  max-width: 1220px;
    margin: 0 auto;
}
ul.ft_link li {
  height: 14px;
  border-right: 1px solid #004831;
  padding: 0 19px 0 0;
  line-height: 1;
}
ul.ft_link li:last-child {
  border-right: none;
  padding: 0 0 0 0;
}
ul.ft_link a {
  display: block;
  background: url("../../images/cp/nensyu260518/marker.png") no-repeat 0 0 / 14px;
  text-decoration: underline;
  font-size: 14px;
  color: #004831;
  padding: 0 0 0 30px;
}



/*





#joken {
  max-width: 1300px;
  margin-top: 1em;
  font-size: 0.85em;
}
#foot_hunso {
  max-width: 1300px;
  margin-top: 1em;
  text-align: center;
}


*/


.footer__copy {
  background: #004831;
  text-align: center;
  color: #fff;
  padding: 1em 0 140px;
}
  
  @media screen and (max-width: 767px) {
    #fv-entry div.u_onlysp {
      display: flex !important;
      margin: 0 2vw;
    }
    #fv-entry div.u_onlysp img {
      margin: 0;
    }
    #fv-entry p {
      margin-top: 1em;
      font-size: 0.8em;
    }
    #ft-entry div.u_onlysp {
      display: flex !important;
      margin: 0 2vw;
    }
    #ft-entry div.u_onlysp img {
      margin: 0;
      max-width: 100%;
    }
    .innerBox {
      padding: 2em 1em 2em;
      border-radius: 0.5em;
      margin: 0 auto 2em;
    }
    h2.idx img {
      width: 62%;
    }
    .caution {
      font-size: 0.8em;
      margin-top: 2em;
    }
    #linkGift {
      display: block;
      width: 13%;
      height: 3%;
      position: absolute;
      top: 88.5%;
      left: 79.4%;
    }
    #present {
      text-align: center;
      background: none; 
    }

    .slideShow {
      width: 80vw;
      margin: 0 auto;
    }
    .slideShow ul {
      width: 100%;
    }
    #onWeb .slideShow .slick-list li {
      width: 80vw;
      padding-left: 0;
    }
    #onApp .slideShow .slick-list li {
      width: 80vw;
      padding-left: 0;
    }
    .slick-slide img {
      width: 100%;
    }
    .arrow_box img {
      width: 2em;
    }
    .prev-arrow {
      left: -5vw;
    }
    .next-arrow {
      right: -5vw;
    }
    #howto {
      padding: 0;
    }
    #howto h1 {
      margin: 2em auto 2em;
      width: 70vw;
    }
    .toggleBody {
      padding: 2em 1.5em 2em !important;
    }
    .noteBox {
      padding: 1em 1.5em;
    }
    #aboutDoc {
      margin-bottom: 1.5em;
    }
    #kiyaku a {
      word-wrap: break-word;
    }
    #block-foot {
      padding: 2em 1em 0;
    }
    ul.ft_link {
      height: auto;
    }
    ul.ft_link li {
      height: auto;
      line-height: 1.5;
      padding: 0 0.5em 0 0;
    }
    ul.ft_link a {
      padding: 0 0 0 1.5em;
      background-position: 0 0.2em;
    }
    .footer__copy {
      padding-bottom: 8em;
    }

}