@charset "UTF-8";

.pc__header__btn {
  display: none;
}

/*  section about ============================ */
.about,
.information {
  margin-top: var(--sp-padding60);
}

.about img {
  display: block;
  margin: 0 auto;
  width: 64vw;
}

.name {
  padding: 0 6.4vw;
}

.name dt {
  font-size: var(--sp-fontsize-14px);
  font-weight: 400;
  margin-top: 1.43em;
}

.name dt span {
  font-size: var(--sp-fontsize-16px);
  font-weight: 500;
  margin-top: 0.67em;
}


.name dd {
  color: var(--primary-gray, #524141);
  font-size: var(--sp-fontsize-14px);
}

.name dd:first-of-type {
  font-family: "Noto Sans JP";
  font-size: 12px;
  letter-spacing: 0.18em;
  line-height: 1;
  margin-top: 0.67em;
}

.name dd:nth-of-type(2) {
  margin-top: 2.29em;
}

.about dd:last-of-type {
  font-size: var(--sp-fontsize-14px);
  letter-spacing: 0.1em;
  margin-top: 1.71em;
}

.information__contents {
  display: block;
  padding: 0 var(--sp-contentPadding);
  margin: 0 auto;
  width: 100%;
  max-width: 560px;
}

.map__container {
  width: 100%;
  font-size: 1rem;
}

.map {
  display: block;
  aspect-ratio: 1 / 1;
  height: auto
}


table {
  margin-top: var(--sp-contentPadding);
  font-size: 1rem;
  border-collapse: separate;
  border-spacing: 0 0.5714em;
  /* 行の間に余白を作る */
}

.tb__left {
  width: 9em;
}

/*  送迎エリア ======================================*/
.picup {
  margin-top: 2em;
}

@media screen and (min-width:768px) {

  .about,
  .information {
    margin-top: var(--pc-padding100);
  }


  .about img {
    margin: 0 auto;
    width: 80%;
  }

  .about__contents {
    margin: 80px auto;
    width: 80%;
  }

  .name {
    padding: 0;
  }

  .information__contents {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 100%;
    margin-top: var(--pc-padding64);
  }

  .map__container {
    width: 45.9915%;
  }

  table {
    margin-top: 0;

  }

  .picup {
    padding: 0 var(--pc-padding100);
  }
}

@media screen and (min-width: 768px) {
  .footer {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
    column-gap: 2.77vw;
    padding: 64px 6.9%;
    text-align: center;
    font-size: var(--pc-fontsize-14px);
  }
}