/* アクセス（地図・教室の情報の白い箱・体験の申し込みの帯） */
.access {
  position: relative;
  z-index: 0;
  padding: 40px 0;
}
@media (min-width: 960px) { .access { padding: 80px 0; } }
.access__en { top: 0; left: 0; right: 0; text-align: center; }
@media (min-width: 768px) { .access__en { left: auto; right: 50%; margin-right: -60px; text-align: left; } }
@media (min-width: 960px) { .access__en { top: 34px; right: auto; left: 50%; margin: 0 0 0 -83px; } }

.access__map {
  display: block;
  width: 100%;
  max-width: 828px;
  height: 300px;
  margin: 0 auto var(--sp-lg);
  border: 0;
  border-radius: var(--sp-lg);
  background: var(--band);
}
@media (min-width: 960px) { .access__map { height: 380px; } }

.school {
  max-width: 828px;
  margin: 0 auto;
  padding: var(--sp-lg);
  border-radius: var(--sp-lg);
  background: var(--white);
}
.school__item + .school__item {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--rule);
}
@media (min-width: 640px) {
  .school__item { display: grid; grid-template-columns: 150px 1fr; align-items: start; }
}
.school__head {
  color: var(--main-ink);
  font-family: var(--f-maru);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
.school__body { margin-top: 8px; }
@media (min-width: 640px) { .school__body { margin-top: 0; } }
.school__name { color: var(--main-ink); font-family: var(--f-maru); font-weight: 700; font-size: 15px; letter-spacing: 0.06em; }
.school__addr { margin-top: 6px; font-size: 15px; line-height: 1.8; }
.school__tel { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.school__label {
  padding: 2px 8px;
  border-radius: 8px;
  background: var(--main-btn);
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}
.school__tel .num { font-size: 22px; line-height: 1.2; letter-spacing: 0.02em; }
.school__hours { margin-top: 8px; line-height: 1.6; }
@media (min-width: 640px) { .school__hours { margin-top: 0; } }
.school__hours .num { font-size: 22px; letter-spacing: 0.02em; }
.school__hours-s { display: block; font-size: 13px; }
@media (min-width: 960px) {
  .school__name, .school__addr { font-size: 16px; }
  .school__tel .num, .school__hours .num { font-size: 24px; }
  .school__hours-s { display: inline; margin-left: 8px; font-size: 14px; }
}