@charset "utf-8";

.things_you_need .contents {
  margin: 40px auto 40px;
}

.tutorial .contents {
  margin: 40px auto 40px;

}

.tutorial .contents .prepaid {
  margin: 30px auto;
}

.tutorial .contents .list {
  text-align: left;
  padding: 20px 0 0 10px;
  /* text-align:justify;
  text-align-last:justify;
  text-justify:inter-ideograph; */
}

.tutorial .contents ol li {
  font-size: 1.2rem;
  line-height: 3rem;
}

.tutorial .contents ul li {
  font-size: 0.9rem;
  line-height: 1.7rem;
}

.tutorial .contents .list p {
  text-align:center;
  font-size: 1.2rem;
}

.tutorial .contents img {
  max-width: 600px;
  margin: 30px auto;
}

.first_round .message {
  margin: 30px auto;
}

.first_round .bg_red {
  padding-bottom: 40px;
  background-color: var(--main-color);
  color:#fff;
}

.first_round .white_bg {
  padding: 0px 30px 20px;
  margin: 10px auto 20px;
  background-color: var(--main-bg-color);
  border-radius: 10px 10px 10px 10px;
  color: #000;
}

.first_round .discription {
  padding: 40px 20px 0px;
}

.first_round .place {
  font-size: 1.5rem;
}

.first_round .price {
  font-size: 2.2rem;
  font-weight: 500;
  color: var(--main-color);
}

.first_round .rental {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--main-color);
}

.first_round ul {
  margin-top: 20px;
}

.first_round ul li {
  margin: 5px auto 15px;
  text-align: left;
  /* text-align:justify;
  text-align-last:justify;
  text-justify:inter-ideograph */
}

@media (max-width: 767px) {
  .tutorial .contents {
    padding: 5px 10px 5px;
  }

  .tutorial .contents img {
    max-width: 100%;
    height: auto;
    margin: 30px auto;
  }
  .tutorial .contents ol li {
    font-size: 0.8rem;
    line-height: 1.5rem;
  }

  .tutorial .contents ul li {
    font-size: 0.7rem;
    line-height: 1.4rem;
  }

  .tutorial .contents .list p {
    text-align:center;
    font-size: 1.2rem;
  }
  .things_you_need .contents ul {
    padding: 5px 10px 5px;
  }
}