@charset "UTF-8";
.plan {
  margin-bottom: 4rem;
}

.expenses {
  margin-bottom: 4rem;
}

.expenses__table {
  border-left: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
}

.expenses__table th,
.expenses__table td {
  display: block;
}

.expenses__table th {
  background-color: #F8F8F8;
}

@media screen and (min-width: 768px) {
  .expenses__table {
    width: auto;
    border: 1px solid #E3E3E3;
  }
  .expenses__table tr {
    border-bottom: 1px solid #E3E3E3;
  }
  .expenses__table th,
  .expenses__table td {
    display: table-cell;
    padding: 1em;
    text-align: left;
    font-weight: 500;
  }
  .expenses__table th {
    width: 17em;
  }
  .expenses__table td {
    width: 15em;
  }
}

.procedure {
  margin-bottom: 4rem;
}

.procedure__item_list {
  margin: 1rem 0;
  padding: 1.5rem;
  background-color: #F5F9FE;
  border-radius: 1em;
}

.procedure__item_list li {
  padding-left: 1.5em;
}

.procedure__item_list li:before {
  margin-left: -1.5em;
  margin-right: .5em;
  content: "・";
}

.procedure__notice_list {
  margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
  .procedure__item_list {
    max-width: 40em;
  }
}

@media screen and (min-width: 768px) {
  .trail__content {
    display: flex;
  }
  .trail__img {
    width: min(50%, 700px);
    flex-shrink: 0;
  }
  .trail__text {
    margin-left: 2rem;
  }
}
/*# sourceMappingURL=information.css.map */