@charset "UTF-8";

#plan_P .note {
  width: 100%;
}

.small_txt {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}

.btn_box {
  padding-bottom: 60px;
}

.plan_btn {
  width: 90%;
  max-width: 1000px;
  margin: 60px auto 0;
}

.plan_btn li {
  width: 48%;
  margin-right: 4%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.639);
}

.plan_btn li:nth-of-type(n+3) {
  margin-top: 60px;
}

.plan_btn li:nth-of-type(2n) {
  margin-right: 0;
}

/* 詳細 */
.plan_content {
    width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.plan_detail {
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}

.mark_premium {
  width: 120px;
  letter-spacing: 0.5px;
  color: #fff;
  text-align: center;
  background: #674e33;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
}

.type_txt {
  width: 330px;
  max-width: 48%;
  margin: 0 auto 0 0;
}

.type_image {
  margin: 100px auto;
}

.type_image.basic {
  max-width: 530px;
}

.type_image.big {
  max-width: 750px;
}

.back_btn {
  width: 180px;
  max-width: 90%;
  color: #fff;
  text-align: center;
  background: #674e33;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1024px) {
.back_btn {
  bottom: 70px;
}
}


/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 768px) {
  .small_txt {
  font-size: 12px;
}
  .plan_btn {
    margin-top: 20px;
  }

  .plan_btn li {
    width: 100%;
    margin-right: 0;
  }

  .plan_btn li:nth-of-type(n+2) {
    margin-top: 20px;
  }

  /* 詳細 */
  .type_txt {
    width: 90%;
    max-width: 250px;
  }

  .type_image {
    margin: 50px auto 25px;
  }

  .back_btn {
    width: 70%;
    max-width: 100%;
    font-size: 14px;
    margin: 0 auto 50px;
    position: initial;
  }

  .mark_premium {
    width: 75px;
    font-size: 12px;
    padding: 2px 2px;
  }
}