body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal !important;
}

body {
  color: #282d27;
}

.btm-page__top--title {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .btm-page__top--title {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 82.5rem;
    padding: 0 3.75rem;
  }
}
@media screen and (min-width: 1440px) {
  .btm-page__top--title {
    width: 100%;
  }
}

.btm-page__top--title h1 {
  display: inline-block;
  background-color: #fff;
  padding: 0.6875rem 1.1875rem 0.625rem;
  border-radius: 0 6px 6px 0;
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .btm-page__top--title h1 {
    padding: 1.375rem 2.5rem 1.25rem;
    font-size: 2.5rem;
    border-radius: 12px;
  }
}

.summary {
  padding: 2.5rem 0 0rem;
}
.summary-table {
  margin: 1.125rem auto 0;
  max-width: 34.375rem;
  background-color: #f8f7f3;
  padding: 1.25rem 0.75rem;
  box-shadow: 3px 3px 10px rgba(4, 0, 0, 0.08);
}
@media screen and (min-width: 768px) {
  .summary-table {
    max-width: initial;
    padding: 3.125rem 1.875rem;
  }
}

.summary-table table {
  width: 100%;
}

.summary-table tr {
  width: 100%;
  padding-left: 0.75rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .summary-table tr {
    display: flex;
    padding-left: 2.25rem;
  }
}

.summary-table tr:nth-child(n+2) {
  border-top: 1px solid #cac196;
  margin-top: 1rem;
  padding-top: 1rem;
}

.summary-table .th,
.summary-table .td {
  font-size: 1rem;
  color: #5e562d;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .summary-table tr:nth-child(n+2) th,
  .summary-table tr:nth-child(n+2) td {
    margin-top: 1.875rem;
  }
}

.summary-table th {
  text-align: left;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 768px) {
  .summary-table th {
    width: 11.875rem;
    padding-bottom: 1.5rem;
  }
}

.summary-table td {
  display: block;
  width: 100%;
  padding-bottom: 0.75rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .summary-table td {
    width: calc(100% - 11.875rem);
    padding-bottom: 1.5rem;
  }
}

.summary-table .operation-hours {
  width: 100%;
  background-color: #6b9d57;
  border-radius: 12px;
  margin-top: 0;
  max-width: 20rem;
  padding: 0.75rem 0.625rem;
}
@media screen and (min-width: 768px) {
  .summary-table .operation-hours {
    padding: 1.5rem 2rem 1.25rem 2.5rem;
    border-radius: 24px;
    max-width: 37.5rem;
  }
}

.summary-table .operation-hours .week-line-r ul {
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .summary-table .operation-hours .week-line-r ul {
    gap: 2.625rem;
  }
}

.summary-table .operation-hours .week-line-r ul li {
  width: calc((100% - 5rem) / 6);
}
@media screen and (min-width: 768px) {
  .summary-table .operation-hours .week-line-r ul li {
    width: calc((100% - 13.125rem) / 6);
    font-size: 1rem;
  }
}

.important {
  padding: 3.75rem 0 0;
}
@media screen and (min-width: 768px) {
  .important {
    padding: 7.125rem 0 0;
  }
}

.important-contents {
  max-width: 34.375rem;
  margin: 1.875rem auto 0;
}
@media screen and (min-width: 768px) {
  .important-contents {
    max-width: initial;
  }
}

@media screen and (min-width: 768px) {
  .important-contents__block {
    display: flex;
    gap: 3.5rem;
  }
}

.important-contents__block:nth-child(n+2) {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .important-contents__block:nth-child(2n) {
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 768px) {
  .important-contents__block--image {
    max-width: 23.75rem;
  }
}

.important-contents__block--texts {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .important-contents__block--texts {
    max-width: 47.5rem;
  }
}

.important-contents__block--texts .title {
  color: #6b9d57;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: 1.125rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #cac196;
}
@media screen and (min-width: 768px) {
  .important-contents__block--texts .title {
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }
}

.important-contents__block--texts .text {
  margin-top: 1rem;
  color: #5e562d;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .important-contents__block--texts .text {
    margin-top: 2rem;
    line-height: 2.125;
  }
}

.features {
  padding: 3.75rem 0 0;
}
@media screen and (min-width: 768px) {
  .features {
    padding: 6.25rem 0 0;
  }
}

.features-contents {
  margin: 2.125rem auto 0;
  max-width: 34.375rem;
}
@media screen and (min-width: 768px) {
  .features-contents {
    max-width: initial;
  }
}

@media screen and (min-width: 768px) {
  .features-contents__top {
    max-width: 42.5rem;
    margin: 0 auto;
  }
}

.features-contents__top h3 {
  background-color: #fff;
  color: #6b9d57;
  padding: 0.75rem 0.5rem;
  font-size: 1.25rem;
  line-height: 1;
  border-radius: 4px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .features-contents__top h3 {
    border-radius: 6px;
    padding: 1.5625rem 1.375rem 1.3125rem 1.75rem;
    font-size: 1.875rem;
  }
}

.features-contents__top .text:nth-child(n+2) {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .features-contents__top .text:nth-child(n+2) {
    display: flex;
    justify-content: right;
  }
}

.features-contents__list {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .features-contents__list {
    margin-top: 2rem;
  }
}

.features-contents__list--item:nth-child(n+2) {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .features-contents__list--item:nth-child(n+2) {
    margin-top: 3.75rem;
  }
}

.features-contents__list--item .label {
  background-color: #6b9d57;
  padding: 0.5rem;
}
@media screen and (min-width: 768px) {
  .features-contents__list--item .label {
    padding: 0.625rem;
  }
}

.features-contents__list--item .label p {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.25rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .features-contents__list--item .label p {
    font-size: 1.5rem;
  }
}

.features-contents__list--item .label p::before {
  content: "";
  display: block;
  width: 0.1875rem;
  height: 2rem;
  background-color: #a8bc63;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .features-contents__list--item .label p::before {
    height: 2.75rem;
  }
}

.features-contents__list--item .text {
  color: #5e562d;
  font-size: 1rem;
  line-height: 2.125;
  padding: 0.875rem;
}
@media screen and (min-width: 768px) {
  .features-contents__list--item .text {
    padding: 1.75rem;
    font-size: 1rem;
  }
}

.inside {
  padding: 3.75rem 0 0;
}
@media screen and (min-width: 768px) {
  .inside {
    padding: 7.5rem 0 0;
  }
}

.inside-contents {
  max-width: 28.125rem;
  margin: 2rem auto 0;
}
@media screen and (min-width: 768px) {
  .inside-contents {
    max-width: initial;
    margin-top: 3.125rem;
  }
}

@media screen and (min-width: 768px) {
  .inside-contents__card ul {
    flex-wrap: wrap;
    gap: 3.625rem 3.125rem;
  }
}

@media screen and (min-width: 768px) {
  .inside-contents__card--item {
    width: calc(50% - 1.5625rem);
  }
}

.inside-contents__card--item:nth-child(n+2) {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .inside-contents__card--item:nth-child(n+2) {
    margin-top: 0;
  }
}

.inside-contents__card--item .title {
  margin-top: 1.25rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  color: #6b9d57;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #cac196;
}
@media screen and (min-width: 768px) {
  .inside-contents__card--item .title {
    margin-top: 1.625rem;
    font-size: 1.5rem;
    padding-bottom: 1.375rem;
  }
}

.inside-contents__card--item .text {
  padding: 1.25rem 0.75rem;
  color: #5e562d;
  font-size: 1rem;
  line-height: 2.125;
}
@media screen and (min-width: 768px) {
  .inside-contents__card--item .text {
    padding: 1.25rem 1.125rem;
    color: #5e562d;
    font-size: 1rem;
  }
}

.equipment {
  padding: 3.75rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .equipment {
    padding: 6.875rem 0 9.75rem;
  }
}

/*# sourceMappingURL=style.css.map */