@charset "UTF-8";
/* //////////////////////////////////////////////////

Title : overview.scss
For   : bell-c/

Created       : 2025-11-18
Last Modified : 2025-11-28

==========================================

Content

////////////////////////////////////////////////// */
/**
 * info
 */
.p-overview-info__sub-title {
  font-family: var(--font-ja);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 4rem;
}
.p-overview-info__sub-title:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--color-primary);
  border-radius: 100vh;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .p-overview-info {
    padding-top: 64%;
    padding-bottom: 4rem;
  }
  .p-overview-info .c-page-section__inner > section {
    margin-bottom: 6rem;
  }
  .p-overview-info .c-page-section__inner > section:last-of-type {
    margin-bottom: 0;
  }
  .p-overview-info .c-page-item__title {
    margin-bottom: 0;
  }
  .p-overview-info .c-page-list__item:first-of-type {
    padding-top: 2.8rem;
  }
  .p-overview-info .c-page-list__value {
    display: inline-block;
  }
  .p-overview-basic {
    margin-bottom: 6rem;
  }
  .p-overview-info__sub-title {
    font-size: 2rem;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .p-overview-info {
    padding: 16rem 2rem;
  }
  .p-overview-info__title {
    -webkit-margin-after: 10rem;
            margin-block-end: 10rem;
  }
  .p-overview-info .c-page-section__inner {
    padding: 8rem 12rem;
  }
  .p-overview-info .c-page-section__inner > section {
    margin-bottom: 8rem;
  }
  .p-overview-info .c-page-section__inner > section:last-of-type {
    margin-bottom: 0;
  }
  .p-overview-basic {
    margin-bottom: 8rem;
  }
  .p-overview-info__sub-title {
    font-size: 2.4rem;
  }
}
.p-overview-branches__list {
  display: grid;
}
.p-overview-branches__item {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
}
.p-overview-branches__name {
  font-family: var(--font-ja);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
}
.p-overview-branches__info-txt {
  font-family: var(--font-ja);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
.p-overview-branches__map {
  width: 100%;
  height: auto;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .p-overview-branches__list {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .p-overview-branches__name {
    font-size: 1.4rem;
  }
  .p-overview-branches__info-txt {
    font-size: 1.4rem;
  }
  .p-overview-branches__map {
    aspect-ratio: 3/2;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .p-overview-branches__list {
    grid-template-columns: repeat(2, 1fr); /* 2列 */
    gap: 6rem 16rem;
  }
  .p-overview-branches__name {
    font-size: 1.8rem;
  }
  .p-overview-branches__info-txt {
    font-size: 1.6rem;
  }
  .p-overview-branches__map {
    aspect-ratio: 520/368;
  }
}
.p-overview-groups__list {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
}
.p-overview-groups__address {
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.08em;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .p-overview-groups .p-overview-info__sub-title--groups {
    margin-bottom: 2.8rem;
  }
  .p-overview-groups__address {
    font-size: 1.4rem;
  }
  .p-overview-groups .c-page-link {
    margin-bottom: 1.2rem;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .p-overview-groups .p-overview-info__sub-title--groups {
    margin-bottom: 4rem;
  }
  .p-overview-groups__address {
    font-size: 1.8rem;
  }
  .p-overview-groups .c-page-link {
    margin-bottom: 2.3rem;
  }
}
/*# sourceMappingURL=overview.css.map */