@charset "utf-8";
@media (max-width: 780px) {
  .MI1 {
    width: 100%;
    max-width: 400px;
  }
  .M_P_name h3 {
    font-size: 1.2em !important;
  }
  .M_P_name h3 > span {
    margin-left: 1em;
  }
  /* STEP1-------------------------------------------------------------------- */
  .inf_wrap {
    width: 100%;
  }
  .inf_wrap th,.inf_wrap td {
    display: block;
  }
  .inf_wrap th {
    border-bottom: initial;
    padding-top: 1.5em;
    padding-left: 0;
  }
  .inf_wrap td {
    padding-top: 0;
    padding-left: 0.5em;
  }
  .inf_wrap table tbody tr:first-child th {
    padding-top: 0;
  }
  /* STEP2-------------------------------------------------------------------- */
  .plan_bg li {
    margin: 20px auto;
  }
  .plan_bg li {
    border: initial;
  }
  /* STEP3-------------------------------------------------------------------- */
  .Mi_plan_ul li {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    float: initial !important;
  }
  /* STEP4-------------------------------------------------------------------- */
  .os li {
    width: 47%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .os li:nth-child(even) {
    margin-left: 0%;
  }
  .M_P_Right {
    width: 87%;
  }
  .M_P_Left {
    width: 13%;
  }
  .M_P_Left input {
    bottom: -140px;
  }
  .Back {
    margin-right: 70px;
  }
}

@media (max-width: 1080px) {
  .Mi_plan_ul li {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    float: initial !important;
  }
  .plan_bg li {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .Mi_plan_ul .Pdiv li {
    width: 100%;
  }
  .Mi_plan_ul .Pdiv:nth-child(odd){
    float: initial;
  }
  .Mi_plan_ul .Pdiv:nth-child(even){
    float: initial;
  }
  .Odiv {
    margin-top: -150px;
    padding-top: 150px;
  }
}