/* team_wrap */
/******************************************************************************
 * 10.03 - team_wrap
*****************************************************************************/
#main{
  overflow: hidden;
  margin: auto;
  background-color: #E8E7E8;
  padding: 85rem 0 0;
}
.supporters_c_wrap{
  width: 1520rem;
  max-width: 1520rem;
  margin: 0 auto 60rem;
  background-color: #fff;
}
.sc_main_visual{
  width: 100%;
  z-index: -1;
}
.intro_wrap{
  background-image: url(../img/supporters_c/sc_intro_back.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top 35rem left 30rem;
}
.intro_wrap p{
  font-size: 26rem;
  font-weight: 900;
  color: #000733;
  text-align: center;
  line-height: 1.85em;
  margin: 48rem auto;
}
.sc_mv_header_bottom{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 1300rem;
  margin: 0 auto 23rem;
}
.sc_mv_header_bottom > *{
  height: auto;
}
.sc_mv_header_bottom > *:nth-child(1){ width: 255rem; margin-right: 160rem; }
.sc_mv_header_bottom > *:nth-child(2){ margin-top: 35rem; width: 450rem; }
.sc_mv_header_bottom > *:nth-child(3){ width: 332rem; margin-left: 90rem; }



.sc_suppoter_btns_wrap{
  background-color: #000028;
  padding: 40rem 270rem 65rem;
}
.sc_suppoter_btns_wrap h2{
  text-align: center;
  font-weight: 900;
  margin-bottom: 50rem;
}
.sc_suppoter_btns_wrap h2 .en_title{
  font-family: 'Montserrat', sans-serif;
  font-size: 30rem;
  color: #000028;
  background-color: #f7ed00;
  display: block;
  padding: 0 1em;
  line-height: 40rem;
  height: 40rem;
  width: 360rem;
  margin: 0 auto 18rem;
  font-weight: 600;
}
.sc_suppoter_btns_wrap h2 .jp_title{
  font-size: 18rem;
  color: #f7ed00;
  font-weight: 600;
}
.sc_suppoter_btns{
  margin:-30rem 0 0 -40rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.sc_suppoter_btn{
  cursor: pointer;
  margin: 30rem 0 0 40rem;
  width: 300rem;
  transition: all .2s ease-out;
  position: relative;
  top: 0rem;
}
.sc_suppoter_btn:hover{
  top: -5rem;
}


.benefits_wrap{
  padding: 115rem 120rem 110rem;
}
.sc_plan_wrap{
  position: relative;
}
.plan_comments{
  position: absolute;
  display: block;
  font-size: 22rem;
  color: #ff0042;
  background-color: #f7ed00;
  line-height: 46rem;
  padding: 0 .5em;
  left: 0rem;
  top: -50rem;
  z-index: 100;
  font-weight: 900;
}
.sc_plan_wrap,
.sc_plan_wrap img{
  width: 100%;
}



.benefits_inner{
  margin-top: 70rem;
  text-align: center;
  margin-bottom: 100rem;
}
.benefits_inner h3{
  font-size: 30rem;
  background-color: #000028;
  font-weight: 600;
  padding: 0 1em 3rem;
  display: inline-block;
  margin: 0 auto 40rem;
  color: #fff;
}
.benefits_inner_list{
  display: flex;
  flex-wrap: wrap;
  margin: -55rem 0 0 -35rem;
}
.benefits_inner_list_inner{
  display: inline-block;
  margin: 55rem 0 0 35rem;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.benefits_inner_list_inner p{
  font-size: 18rem;
  line-height: 1.8em;
  width: 400rem;
  margin-top: 10rem;
}

.go,
.fr,
.so,
.ho,
.jr{
  display: none;
}
.pl{
  display: inline-block;
}

.sc_submit_btn_wrap{
  text-align: center;
  margin: auto auto 136rem;
}
.sc_submit_btn_wrap .sc_submit_btn{
  width: 450rem;
}

.explanation_wrap{

}
.explanation_wrap p{
  font-size: 18px;
  line-height: 2em;
  margin-bottom: 50rem;
}

.breadcrumbs{
  margin: 55rem 0;
}
@media screen and (max-width:1580px){
  .sc_suppoter_btns_wrap{
    padding: 40rem 240rem 65rem;
  }
}

@media screen and (max-width:768px){

  #main{
    padding: 0;
    background-color: #fff;
  }
  .supporters_c_wrap{
    width: 100%;
  }
  .supporters_c_header{
    margin: 0 -30rem;
    position: relative;
  }
  .intro_wrap{
    background-image: url(../img/supporters_c/sc_intro_back_sp.png);
    background-position: top 0rem left 0rem;
    margin: 0;
    padding: 50rem 0 0rem;
    top: -25rem;
    position: relative;
  }
  .intro_wrap p{
    font-size: 30rem;
    margin: 0rem auto;
  }
  .sc_mv_header_bottom{
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 30rem auto 115rem;
  }
  .sc_mv_header_bottom > *{
    height: auto;
  }
  .sc_mv_header_bottom > *:nth-child(1){
    width: 255rem;
    margin-right: 45rem;
    order: 1;
  }
  .sc_mv_header_bottom > *:nth-child(2){
    margin-top: 70rem;
    order: 3;
  }
  .sc_mv_header_bottom > *:nth-child(3){
    width: 332rem;
    margin-left: 0rem;
    order: 2;
  }



  .sc_suppoter_btns_wrap{
    padding: 58rem 30rem 72rem;
  }
  .sc_suppoter_btns_wrap h2{
    margin-bottom: 70rem;
  }
  .sc_suppoter_btns_wrap h2 .jp_title{
    font-size: 28rem;
  }
  .sc_suppoter_btns{
    margin:-33rem 0 0 -22rem;
  }
  .sc_suppoter_btn{
    margin: 33rem 0 0 22rem;
    width: 340rem;
  }


  .benefits_wrap{
    padding: 115rem 0rem 0rem;
  }
  .sc_plan_wrap{
    width: 100vw;
    margin: 0 -30rem;
  }


  .benefits_inner{
    margin-top: 120rem;
    margin-bottom: 180rem;
  }
  .benefits_inner h3{
    font-size: 38rem;
    margin-bottom: 0;
  }
  .benefits_inner_list{
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: auto;
  }
  .benefits_inner_list_inner{
    margin: 55rem auto 0;
    width: 520rem;
  }
  .benefits_inner_list_inner p{
    font-size: 28rem;
    width: 520rem;
  }

  .sc_submit_btn_wrap{
    text-align: center;
    margin: 236rem auto 189rem;
  }
  .sc_submit_btn_wrap .sc_submit_btn{
    width: 450rem;
  }

  .explanation_wrap{
    width: 100vw;
    margin: 0 -30rem;
  }
  .explanation_wrap p{
    font-size: 26rem;
    line-height: 1.8em;
    margin-bottom: 65rem;
    padding: 0 30rem;
  }
  .plan_comments{
    width: 100%;
    text-align: center;
    font-size: 26rem;
    line-height: 38rem;
    top: -45rem;
  }

  .breadcrumbs{
    margin: 90rem auto 50rem;
  }
  .sc_mv_header_bottom > *:nth-child(2){
    width: auto;
  }


}