@charset "utf-8";
/*--------------------------------------------------------------------------------
  .point
--------------------------------------------------------------------------------*/
.point { counter-reset: number 0; }

/* .point-ttl
----------------------------------------*/
.point-ttl {
  display: flex;
  column-gap: 0.75rem;
}
.point-ttl_txt { flex: 1; }
.point-ttl:before {
  counter-increment: number 1;
  content: counter(number);
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  background-color: #FFF;
  border-radius: 9999px;
  color: var(--color-primary);
}

/* .point-photo
----------------------------------------*/
.point-photo { text-align: center; padding-bottom: 1rem; }
.point-photo_cp { padding-top: 0.75rem; color: var(--color-gray); font-size: var(--fs-s); }
@media (min-width: 641px) {
  .point-photo { width: min(100%, 560px); margin: 0 auto; }
}

/*--------------------------------------------------------------------------------
  .guide
--------------------------------------------------------------------------------*/
.guide-flow {
  padding: var(--box-space-m);
  border-radius: 0.5rem;
  background-color: var(--color-tertiary-lighter);
}
.guide-flow-arrow {
  display: block;
  background-color: var(--color-tertiary-light);
  width: 3rem;
  height: 1.5rem;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: 0 auto 1rem auto;
}

/* .guide-contact
----------------------------------------*/
.guide-contact {
  border-radius: 0.5rem;
  border: 3px solid var(--color-tertiary-light);
  padding: var(--box-space-m);
}
.guide-contact_tel {
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  padding: 0.75rem 0;
}
.guide-contact_tel-time {
  align-self: center;
  padding-top: 0.5em;
}