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

/********************************* body ***************************************/
body {}
/******************************** header **************************************/
header{}
/* MV */
.mv_area{
  background: url(../img/mv_bg_sp2.jpg) bottom no-repeat;
  -webkit-background-size: 100%;
  background-size: 100%;
  padding: 1rem 1rem 2.5rem 1rem;
}
.mv{
}

.conditions{
  background: #FFF5F8;
  border-radius: 20px;
  border: solid 2px #F16579;
  padding: 1.5rem;
}
.conditions-list{
}
.conditions-item{
  border-radius: 15px;
  padding: 1.2rem;
  margin-bottom: 1rem;
}
.conditions-item .thm{
  width: 22%;
  margin-right: 1.2rem;
}
.conditions-item .txt{
  width: 78%;
  font-size: .95rem;
  font-weight: bold;
}

.conditions .link_btn.link_btn_02{
  max-width: 100%;
  padding-top: .1rem;
}
 /********************************  Main Content ******************************/

 /* width */
 .content-wrap {
 	padding: 3.5rem 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;
 }
 .content-wrap .inner.inner-xl {
 }


 /* オートチャージのメリット */
 /* ----------------------------------------------------------------------  */
 .content-wrap_01{
  padding-top: 1rem;
 }
 /* イントロ */
 .content-wrap_01 .intro{
   max-width: 96%;
   width: 96%;
  margin-bottom: 3.5rem;
 }
 .content-wrap_01 .bg_box{
   padding: 2rem 1.5rem;
 }
 .content-wrap_01 .bg_box .content{
   margin: 5.5rem auto 0 auto;
   padding: 2rem 1.5rem;
 }
 .content-wrap_01 .bg_box .content:first-of-type{
   margin-top: 0rem;
 }
 .content-wrap_01 .bg_box .content .point{
   width: 42%;
   margin: -22% auto 0 auto;
   transform: translateX(14%);
 }
 .content-wrap_01 .bg_box .ttl{
   font-size: 1.7rem;
   line-height: 1.4;
   border-bottom: dotted 3px #FFBEC7;
   margin-top: -1.2rem;
   margin-bottom: 1.5rem;
   padding-bottom: .4rem;
 }
 .content-wrap_01 .bg_box .txt{
   font-size: 1.025rem;
 }
 .content-wrap_01 .bg_box .thm{
   margin-top: 2rem;
 }
 .content-wrap_01 .bg_box .thm01{
   width: 74%;
   margin: 1.5rem auto 0 auto;
 }
 .content-wrap_01 .bg_box .thm02{
   width: 90%;
   margin: 1.5rem auto 0 auto;
 }

 /* オートチャージの準備をしよう */
 /* ----------------------------------------------------------------------  */
 .content-wrap_02{}
 /* イントロ */
 .content-wrap_02 .intro{
   margin-bottom: 2rem;
 }
 .content-wrap_02 .bg_box{
   padding: 2rem 1.5rem;
 }
 .content-wrap_02 .bg_box .ttl{
   width: 84%;
   margin: 0 auto;
 }
 .content-wrap_02 .bg_box .section-title{
   font-size: 1.8rem;
   margin: 2rem 0 1.5rem 0;
 }
 .content-wrap_02 .bg_box .sub_ttl{
   padding: .8rem 5rem .5rem 5rem;
   margin-bottom: 0;
   font-size: 1.125rem;
 }
 .content-wrap_02 .bg_box .flex_box{
   display: block;
 }
 .content-wrap_02 .bg_box .flex_box .c-box{
   width: 100%;
   padding: 2.5rem 1.5rem;
   margin-right: 0;
   margin-top: 2.5rem;
 }
 .content-wrap_02 .bg_box .flex_box .c-box:last-of-type{
   margin-top: 0;
 }
 .content-wrap_02 .bg_box .flex_box .c-box .c-box-ttl{
   font-size: 1.5rem;
 }
 .content-wrap_02 .bg_box .flex_box .c-box .card{
   margin: 1rem 0;
 }
 .content-wrap_02 .bg_box .flex_box .c-box .c-box-txt{
   font-size: 1.125rem;
 }
 .content-wrap_02 .bg_box .flex_box .c-box-dec{
   position: static;
   width: 23%;
   margin: -1.5rem auto -3.5rem auto;
   transform: none;
 }


 /* オートチャージの設定ステップ */
 /* ----------------------------------------------------------------------  */
 .content-wrap_03{
   padding-top: 11rem;
   margin-top: -10rem;
 }
 .content-wrap_03 .intro{
   font-size: 2rem;
   margin-bottom: 2rem;
 }
 .content-wrap_03 strong{
   font-size: 3.5rem;
 }
 .content-wrap_03 .bg_box{
   padding: 2rem 1.5rem;
   padding-bottom: 3.5rem;
 }
  /* ステップ */
 .content-wrap_03 .bg_box .step{
   margin-bottom: 3rem;
 }
 .content-wrap_03 .bg_box .step .step_ttl{
   padding: 1rem 1.5rem;
   margin-bottom: 2rem;
 }
 .content-wrap_03 .bg_box .step .step_ttl .num{
   margin-right: 2rem;
   width: 22%;
 }
 .content-wrap_03 .bg_box .step .step_ttl .ttl{
   font-size: 1.8rem;
   line-height: 1.3;
 }
 .content-wrap_03 .bg_box .step .content{
   display: flex;
   flex-wrap: wrap-reverse;
   fle
 }
 .content-wrap_03 .bg_box .step .content .thm{
   width: 80%;
   margin: 0 auto 2.5rem auto;
 }
 .content-wrap_03 .bg_box .step .content .txt-area{
   width: 100%;
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content{
   display: flex;
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content02{
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content02 .txt-area-content-txt{
   font-size: 1.4rem;
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content .txt-area-content-thm{
   width: 38%;
   margin-right: 1rem;
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content .txt-area-content-txt{
   width: 62%;
   font-size: 1.4rem;
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content .txt-area-content-txt p{
   font-size: 1rem;
   margin-top: .5rem;
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content-ar{
   width: 10%;
   margin: 2rem auto 1rem auto;
 }
 .content-wrap_03 .bg_box .step .content .txt-area .txt-area-content-ar02{
   margin: 1.5rem auto 1.5rem auto;
 }
 .step-dec{
   margin-top: -2rem;
 }
 .step-dec03{
   margin-top: -1rem;
 }

 /* CTA */
 .cta{text-align: center;}
 .cta .cta_dec{
   width: 40%;
   margin: 0 auto 1.5rem auto;
 }
 .cta .ttl{
   font-weight:bold;
   font-size: 1.8rem;
   line-height: 1.5;
   margin-bottom: .8rem;
 }
 .cta .link_btn.link_btn_01{
 	max-width: 100%;
  padding-top: 1.5rem;
 	margin: 0 auto;
 }
 .cta .link_btn.link_btn_02{
 	max-width: 100%;
  padding-top: 1.5rem;
 }

 .cta .link_btn.link_btn_02 a{
   font-size: 1.4rem;
 }
 .cta .link_btn.link_btn_02 span{
   padding-left: 2.2rem;
 }

 /* キャンペーンに関する注意事項 */
 /* ----------------------------------------------------------------------  */
 .content-wrap_05 .bg_box{
   padding: 3rem 1.5rem;
 }
 .content-wrap_05 .bg_box .section-title{
   font-size: 1.8rem;
   margin-bottom: 2rem;
 }
 .content-wrap_05 .caution{
     font-size: 1rem;
     font-weight: bold;
 }
 .content-wrap_05 .caution .caution_item{
   text-indent: -.8rem;
   padding-left: .8rem;
   margin-bottom: 1rem;
 }
 .content-wrap_05 .caution_inner li{
   text-indent: -1rem;
   padding-left: .8rem;
   margin-top: .6rem;
 }




 /* 個人情報の取扱いについて*/
 /* ----------------------------------------------------------------------  */
 .content-wrap_04{
  padding-bottom: 3rem;
 }
 .content-wrap_04 .personal_top img{
   margin-top: -10%;
 }
 .content-wrap_04 .bg_box{
   padding: 3rem 1.5rem;
   margin: 0;
  border: solid 3px #E76D9A;
 }
 .content-wrap_04 .bg_box .section-title{
   font-size: 1.5rem;
   margin-bottom: 2rem;
 }
 .content-wrap_04 .caution{
     font-size: 1rem;
     font-weight: bold;
 }
 .content-wrap_04 .caution .caution_item{
   text-indent: -.8rem;
   padding-left: .8rem;
   margin-bottom: 1rem;
 }
 .content-wrap_04 .caution_inner li{
   text-indent: -1rem;
   padding-left: .8rem;
   margin-top: .6rem;
 }


 /* parts */
 /* ----------------------------------------------------------------------  */
 /* title */
 .section-title{
	 font-size: 2rem;
 }
 .link_btn.link_btn_01{
	 max-width: 100%;
   padding-top: 2.5rem;
 }

 .link_btn.link_btn_02{
 	max-width: 100%;
 }
 .link_btn.link_btn_03{
 	max-width: 100%;
 }

 .link_btn.link_btn_01 a{
  font-size: 1.5rem;
  line-height: 1.5;
 	padding: .5rem;
 }
 .link_btn.link_btn_01 span{
   padding: 1rem 1rem;
 }

 .link_btn.link_btn_02 a{
  font-size: 1.5rem;
 	padding: .5rem .5rem;
 }
 .link_btn.link_btn_02 span{
   padding: 1rem;
   padding-left: 2.2rem;
 }

 .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: 46%;
   height: 42%;
   position: absolute;
   left: 1%;
   top: 50%;
   transform: translateY(-50%);
   transition: right 0.2s ease;
 }

 .link_btn.link_btn_03 a{
  font-size: 1.6rem;
 	padding: .5rem .5rem;
 }
 .link_btn.link_btn_03 span{
   padding: 1.2rem;
 }

 .link_btn.link_btn_03 a::after {
   content: "";
   display: inline-block;
   background-image: url(../img/arrow01.png);
   background-size: contain;
   background-repeat: no-repeat;
   width: 46%;
   height: 42%;
   position: absolute;
   left: 1%;
   top: 50%;
   transform: translateY(-50%);
   transition: right 0.2s ease;
 }

/***********************************  footer ********************************/
footer{}
footer .inner{
}
footer .bnr_list{
  padding: 2rem .5rem;
}
footer .bnr_list li{
  width: 33.3%;
  margin: 0 .5rem;
}
footer .copyright{
  padding: 1.5rem 1rem;
}