.page_mv .mv_ttl{
  width: 187px;
}
.page_mv .mv_txt{
  width: 607px;
}

#head {
  margin: 3em 0;
}

#plan_copy{
  width: 528px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 42px;
}

.sec_bg{
  padding-top: 70px;
  padding-bottom: 127px;
  background: #ccc;
}

#basket{
  width: 328px;
  margin-left: auto;
  margin-right: auto;
}

#plan_bnr{
  margin-top: 125px;
}
#plan_bnr .plan_bnr_lists{
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 flex-wrap: wrap;
}
#plan_bnr .plan_bnr_lists .plan_bnr_list{
  width: 49%;
}
#plan_bnr .plan_bnr_lists .plan_bnr_list:nth-child(n+3){
  margin-top: 2%;
}
#plan_bnr .plan_bnr_lists .plan_bnr_list.soon{
  position: relative;
}
#plan_bnr .plan_bnr_lists .plan_bnr_list.soon::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#plan_bnr .plan_bnr_lists .plan_bnr_list.soon::after{
  content: 'coming soon';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: #FFF;
  font-size: 31px;
  text-align: center;
  font-weight: 200;
  letter-spacing: 0.1em;
}
#plan_bnr .plan_bnr_lists .plan_bnr_list.soon.no-link{
  opacity: 1 !important;
}

#menu_plan_bnr{
  position: relative;
  margin-top: 110px;
}
#menu_plan_bnr .btn{
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 175px;
}

#merit{
  background: #0d441c;
  /* margin-top: 115px; */
  padding-top: 127px;
  padding-bottom: 100px;
}
#merit .merit_list{
  position: relative;
  width: 1250px;
  display: flex;
}
#merit .merit_list:nth-child(odd){
  margin-left: 0;
  margin-right: auto;
  justify-content: flex-end;
}
#merit .merit_list:nth-child(even){
  margin-left: auto;
  margin-right: 0;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#merit .merit_list:nth-child(n+2){
  margin-top: 66px;
}
#merit .merit_list .img_conte{
  position: absolute;
  top: -22px;
  width: 520px;
  z-index: 2;
}
#merit .merit_list:nth-child(odd) .img_conte{
  left: 0;
}
#merit .merit_list:nth-child(even) .img_conte{
  right: 0;
}
#merit .merit_list .txt_conte{
  position: relative;
  width: 850px;
  z-index: 1;
}
#merit .merit_list:nth-child(1) .txt_conte .txt_badge{
  position: absolute;
  bottom: 40px;
  left: 181px;
  width: 273px;
}

#online .conte .txt_wrap .inner{
  width: 100%;
  background: url(../../top/images/online_txt_bg.webp);
  background-size: 100% 100%;
}




@media(max-width:1400px){
  .page_mv .mv_ttl{
    width: 13.35vw;
  }
  .page_mv .mv_txt{
    width: 43.35vw;
  }
  
  #plan_copy{
    width: 37.71vw;
    margin-bottom: 3vw;
  }

  .sec_bg{
    padding-top: 5vw;
    padding-bottom: 9.07vw;
  }
  
  #basket{
    width: 23.42vw;
  }
  
  #plan_bnr{
    margin-top: 8.92vw;
  }
  #plan_bnr .plan_bnr_lists .plan_bnr_list.soon::after{
    font-size: 2.21vw;
  }
  
  #menu_plan_bnr{
    margin-top: 7.85vw;
  }
  #menu_plan_bnr .btn{
    bottom: 3.57vw;
    width: 12.5vw;
  }
  
  #merit{
    /* margin-top: 8.21vw; */
    padding-top: 9.07vw;
    padding-bottom: 7.14vw;
  }
  #merit .merit_list{
    width: 89.28vw;
  }
  #merit .merit_list:nth-child(n+2){
    margin-top: 4.71vw;
  }
  #merit .merit_list .img_conte{
    top: -1.57vw;
    width: 37.14vw;
  }
  #merit .merit_list .txt_conte{
    width: 60.71vw;
  }
  #merit .merit_list:nth-child(1) .txt_conte .txt_badge{
    bottom: 2.85vw;
    left: 12.92vw;
    width: 19.5vw;
  }
}
@media(max-width:750px){
  .page_mv .mv_ttl{
    width: 32.53vw;
  }
  .page_mv .mv_txt{
    width: 92.93vw;
  }

  #plan_copy{
    width: 71.06vw;
    margin-bottom: 5.73vw;
  }

  .sec_bg{
    padding-top: 9vw;
    padding-bottom: 15.6vw;
  }
  
  #basket{
    width: 61.33vw;
  }

  #plan_bnr{
    margin-top: 13.33vw;
  }
  #plan_bnr .plan_bnr_lists{
   flex-direction: column;
   gap: 10.26vw;
  }
  #plan_bnr .plan_bnr_lists .plan_bnr_list{
    width: 100%;
  }
  #plan_bnr .plan_bnr_lists .plan_bnr_list:nth-child(n+3){
    margin-top: 0;
  }
  #plan_bnr .plan_bnr_lists .plan_bnr_list.soon::after{
    font-size: 5.2vw;
  }
  
  #menu_plan_bnr{
    margin-top: 12vw;
  }
  #menu_plan_bnr .btn{
    bottom: 5.86vw;
    width: 38.66vw;
  }

  #merit{
    /* margin-top: 14vw; */
    padding-top: 15.6vw;
    padding-bottom: 17.33vw;
  }
  #merit .merit_list{
    width: 86.66vw;
    flex-direction: column;
  }
  #merit .merit_list:nth-child(odd){
    margin-left: 0;
    margin-right: auto;
    justify-content: flex-end;
  }
  #merit .merit_list:nth-child(even){
    margin-left: auto;
    margin-right: 0;
    flex-direction: column;
    justify-content: flex-end;
  }
  #merit .merit_list:nth-child(n+2){
    margin-top: 2vw;
  }
  #merit .merit_list .img_conte{
    position: static;
    top: -2.93vw;
    width: 74.66vw;
  }
  #merit .merit_list:nth-child(odd) .img_conte{
    margin-left: 0;
    margin-right: auto;
  }
  #merit .merit_list:nth-child(even) .img_conte{
    margin-left: auto;
    margin-right: 0;
  }
  #merit .merit_list .txt_conte{
    width: 86.66vw;
    position: relative;
    top: -9.46vw;
  }
  #merit .merit_list:nth-child(1) .txt_conte .txt_badge{
    bottom: 6.13vw;
    left: 4.66vw;
    width: 46.66vw;
  }
}