/******************************* Preface ***************************************/

/********************************* body ***************************************/
body {}
/******************************** header **************************************/
header{
  background: #fff;
  border-bottom: 3px solid #222;
  padding: 1rem 1.5rem;
}
header .jr_logo{
  max-width: 14%;
}
/* MV */
.mv{
  position: relative;
  background: url('../img/bg_repeat_sp.png') no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  /* height: 75vh; */
  padding: 1.5rem 2rem 2rem 2rem;
  border-bottom: 3px solid #222;
}
.mv_ttl{
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%); */
}
 /********************************  Main Content ******************************/

 /* width */
 .content-wrap {
 	padding: 3rem 0;
 }
 .content-wrap-p0{
 	padding: 0 0;
 }
 .content-wrap .inner.inner-s {
 	padding: 0 1.5rem;
 }
 .content-wrap .inner.inner-m {
 	padding: 0 1.5rem;
 }
 .content-wrap .inner.inner-l {
 	padding: 0 1.5rem;
 }

 /* box */
 .content_box{
   border: solid 3px #222;
   padding: 2rem 1.5rem;
 }
 .content_box.content_box01{
   border-radius: 20px;
   padding: 2rem 1.5rem 3rem 1.5rem;
 }
 .content_box.content_box02{
   border-radius: 20px;
 }
 /* ttl */
 .content-ttl{
   max-width: 100%;
   margin: -4.5rem auto 1.5rem auto;
 }


 /* intro */
 /* ----------------------------------------------------------------------  */
 .content-wrap-itr{
 }
 .content-wrap-itr .inner{
   position: relative;
 }
 .content-wrap-itr .intro_txt{
   font-size: 1.2rem;
   padding-bottom: 2rem;
 }
 .content-wrap-itr .intro_txt strong{
   font-size: 1.5rem;
   border-bottom: 1px solid #E50012;
 }
 .content-wrap-itr .intro_txt span{
   font-size: .8rem;
 }
 .content-wrap-itr .intro_days{
   width: 100%;
   margin: 2rem auto 1rem auto;
 }
 .content-wrap-itr .dec{
  position: static;
  width: 60%;
  margin: 0 auto -6rem auto;
 }
.intro_dec{
  width: 12%;
  margin: 0 auto 1.5rem auto;
}

 /* 対象自販機 */
 /* ----------------------------------------------------------------------  */
 .content-wrap_01{
   padding-top: 5rem;
 }
 .content-wrap_01 .inner{
   position: relative;
 }
 .taisyo_mark{
   max-width: 90%;
   margin: 0 auto;
 }
 .content-wrap_01 .dec{
  display: none;
 }

 /* キャンペーン参加方法 */
 /* ----------------------------------------------------------------------  */
 .content-wrap_02{
   padding-top: 6rem;
 }
 .content-wrap_02 .inner{
   position: relative;
 }
 .sanka_intro_01{
   font-size: 1.3rem;
   margin-bottom: 1.5rem;
 }
 .sanka_intro_02{
   font-size: 1.6rem;
   line-height: 1.8;
   margin-bottom: 2rem;
 }
 .sanka_intro_02 strong{
   font-size: 2.7rem;
   line-height: 1;
 }
 .sanka_intro_03{
   font-size: 1.2rem;
   font-weight: bold;
   margin-bottom: 3rem;
 }
 /* STEP */
 .step{}
 .step .num{
   max-width: 100%;
   width: 30%;
   margin: 0 auto 1rem auto;
 }
 .step .ttl{
   font-size: 1.5rem;
   margin-bottom: 1rem;
 }
 .step .sugoca{
   max-width: 100%;
   width: 88%;
   margin: 0 auto 1rem auto;
 }
 .step01 .txt{
   font-size: .9rem;
 }
 .step02 .txt,.step03 .txt{
   margin-bottom: 1.5rem;
 }
 .step_ar{
   max-width: 100%;
   width: 20%;
   margin: 2.5rem auto;
 }
 .content-wrap_02 .dec{
   display: none;
 }


 /* キャンペーンに関する注意事項 */
 /* ----------------------------------------------------------------------  */
 .content-wrap_03{
 }
 .content-wrap_03 .bg_box{
   padding: 1rem 1.5rem 2rem 1.5rem;
   background: #FBFBFB;
 }
 .content-wrap_03 .bg_box .section-title{
   width: 80%;
   margin: 0 auto 2rem auto;
 }
 .content-wrap_03 .caution{
     font-size: .95rem;
 }
 .content-wrap_03 .caution .caution_item{
   margin-bottom: .6rem;
 }
 .content-wrap_03 .caution_inner li{
   margin-top: .6rem;
 }


 /* parts */
 /* ----------------------------------------------------------------------  */

 .link_btn.link_btn_01{
	 max-width: 100%;
 }
 .link_btn.link_btn_02{
 	max-width: 100%;
}
 .link_btn.link_btn_01 a{
   font-size: 1.3rem;
   padding: 1.7rem 1rem;
 }
 .link_btn.link_btn_02 a{
   	font-size: 1.3rem;
   	padding: 1.7rem 1rem;
 }

 .link_btn.link_btn_01 a::after,.link_btn.link_btn_02 a::after {
     content: "";
     display: inline-block;
     background-image: url(../img/arrow01.png);
     background-size: contain;
     background-repeat: no-repeat;
     width: 13%;
      height: 70%;
     position: absolute;
     right: 6%;
     top: 50%;
     transform: translateY(-50%);
     transition: right 0.2s ease;
 }

/***********************************  footer ********************************/
footer{
  padding: 3rem 1.5rem;
  border-top: 3px solid #222;
}
footer .jr_logo{
  max-width: 14%;
  margin: 0 auto 1.5rem auto;
}
footer .copyright{
  font-size: .9rem;
}