@charset "UTF-8";
/* !_breakpoint.scss */
:root {
  --bp-pcCnt: 1130px;
  --bp-pcMax: 1280px;
  --bp-spMax: 767px;
}

/* !_aboutSP.scss */
.about .main .sectionWrap:nth-of-type(even) {
  background-color: #e8e8f0;
}
.about .main .section {
  padding-block: 4rem;
}
.about .main .section .section__heading {
  color: #5080f0;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.about .main .section .section__heading::after {
  content: attr(data-heading) "";
  display: block;
  margin-block-start: 1rem;
  color: currentColor;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0em;
  text-transform: capitalize;
}
.about .main .section .section__heading + * {
  margin-block-start: 4rem;
}
.about .main .section .section__title {
  display: flex;
  min-height: 3rem;
  align-items: center;
  position: relative;
  padding-inline-start: 2rem;
  color: #5080f0;
  font-weight: 500;
  font-size: 2rem;
  letter-spacing: 0.1em;
}
.about .main .section .section__title::before {
  content: "";
  width: 0.5rem;
  height: 100%;
  position: absolute;
  left: 0;
  background-color: currentColor;
}
.about .main .about__dest:has(.about__destRow) {
  margin-block-start: 4rem;
  border-top: 0.1rem solid #c0c0c0;
  border-bottom: 0.1rem solid #c0c0c0;
}
.about .main .about__dest .about__destRow {
  display: grid;
  row-gap: 1.6rem;
  padding-block: 2rem;
}
.about .main .about__dest .about__destRow:not(:first-of-type) {
  border-top: 0.1rem solid #c0c0c0;
}
.about .main .about__dest .about__destTitle {
  color: #002080;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2;
}
.about .main .about__dest .about__destTitle::before, .about .main .about__dest .about__destTitle::after {
  content: "";
  display: block;
  block-size: 1px;
  inline-size: 0;
}
.about .main .about__dest .about__destTitle::before {
  margin-block-start: calc((1em - 1lh) / 2);
}
.about .main .about__dest .about__destTitle::after {
  margin-block-end: calc((1em - 1lh) / 2);
}
.about .main .about__dest .about__destItem:not(:has(.about__innerList)) {
  font-size: 1.6rem;
  line-height: 2;
}
.about .main .about__dest .about__destItem:not(:has(.about__innerList))::before, .about .main .about__dest .about__destItem:not(:has(.about__innerList))::after {
  content: "";
  display: block;
  block-size: 1px;
  inline-size: 0;
}
.about .main .about__dest .about__destItem:not(:has(.about__innerList))::before {
  margin-block-start: calc((1em - 1lh) / 2);
}
.about .main .about__dest .about__destItem:not(:has(.about__innerList))::after {
  margin-block-end: calc((1em - 1lh) / 2);
}
.about .main .about__dest .about__innerDest .about__innerDestTitle::before {
  content: "●";
}
.about .main .about__dest .about__innerDestTitle {
  color: #5080f0;
}
.about .main .about__dest .about__innerList {
  display: flex;
  flex-direction: column;
}
.about .main .about__dest .about__innerList .about__innerListItem {
  font-size: 1.6rem;
  line-height: 2;
}
.about .main .about__dest .about__innerList .about__innerListItem::before {
  content: "・";
}
.about .main .anchor {
  margin-block-start: 2rem;
  padding-block: 1rem 3rem;
  background-color: #5080f0;
}
.about .main .anchor .anchor__list {
  display: flex;
  flex-direction: column;
}
.about .main .anchor .anchor__list .anchor__listItem {
  border-bottom: 0.1rem solid #fff;
}
.about .main .anchor .anchor__list .anchor__listLink {
  display: flex;
  height: 7rem;
  align-items: center;
  position: relative;
  padding-inline: 2rem;
  color: #fff;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
.about .main .anchor .anchor__list .anchor__listLink::before {
  content: "";
  width: 3.2rem;
  aspect-ratio: 1;
  clip-path: circle(50%);
  position: absolute;
  right: 2rem;
  border: 0.1rem solid currentColor;
  border-radius: 50%;
  background-color: transparent;
}
.about .main .anchor .anchor__list .anchor__listLink::after {
  content: "";
  height: 1.2rem;
  aspect-ratio: 1;
  clip-path: polygon(0 5%, 5% 0, 55% 50%, 5% 100%, 0 95%, 45% 50%);
  position: absolute;
  top: calc(50% + 0.5rem);
  right: 3rem;
  transform: translateY(-50%) rotate(90deg);
  background-color: currentColor;
}
.about .main .message .message__block {
  display: grid;
  row-gap: 2rem;
  padding: 2rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.about .main .message .message__name {
  display: flex;
  width: fit-content;
  column-gap: 1rem;
  align-items: center;
  margin-inline-start: auto;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  white-space: nowrap;
}
.about .main .message .message__name .message__nameImage {
  width: 15.5rem;
}
.about .main .policy .policyContainer {
  display: grid;
  row-gap: 2rem;
}
.about .main .policy .policyContainer + .policyContainer {
  margin-block-start: 4rem;
}
.about .main .policy .policy__lede {
  color: #002080;
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.about .main .policy .policy__list {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.about .main .policy .policy__list .policy__listItem {
  display: flex;
  column-gap: 2rem;
  align-items: center;
  padding-inline: 3rem;
  padding-block: 2rem;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.about .main .policy .policy__list .policy__listItem .policy__image {
  width: 7rem;
}
.about .main .policy .policy__list .policy__listItem .policy__text {
  color: #5080f0;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.about .main .access .accessContainer {
  display: grid;
  row-gap: 2rem;
}
.about .main .access .accessContainer + .accessContainer {
  margin-block-start: 4rem;
}
.about .main .access .access__map {
  aspect-ratio: 5/3;
  margin-block-start: 2rem;
}
.about .main .access .access__map iframe {
  display: block;
}
.about .main .history .history__dest {
  display: grid;
  row-gap: 4rem;
  position: relative;
}
.about .main .history .history__dest::before {
  content: "";
  display: block;
  width: 0.1rem;
  height: 100%;
  position: absolute;
  left: 6rem;
  background-color: #5080f0;
}
.about .main .history .history__dest .history__destRow {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 4rem;
}
.about .main .history .history__dest .history__destTitle {
  width: 4rem;
  position: relative;
  color: #5080f0;
}
.about .main .history .history__dest .history__destTitle::after {
  content: "";
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  position: absolute;
  top: 0.6rem;
  right: -2.05rem;
  transform: translateX(50%) translateY(50%);
  border-radius: 1rem;
  background-color: currentColor;
}
/* !_aboutPC.scss */
@media (min-width: 768px) {
  .about .main .section {
    padding-block: 8rem;
  }
  .about .main .section .section__heading {
    font-weight: 500;
  }
  .about .main .about__dest .about__destRow {
    grid-template-columns: 18.5rem 1fr;
    column-gap: 1rem;
  }
  .about .main .anchor {
    margin-block-start: 8rem;
    padding-inline: min(75 / 1130 * var(--100vw), 7.5rem);
    padding-block: 4rem;
  }
  .about .main .anchor .anchor__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: min(40 / 1130 * var(--100vw), 4rem);
  }
  .about .main .anchor .anchor__list .anchor__listLink {
    padding-inline: min(20 / 1130 * var(--100vw), 2rem);
    transition: 0.3s ease-in-out;
  }
  .about .main .anchor .anchor__list .anchor__listLink::before {
    right: min(20 / 1130 * var(--100vw), 2rem);
  }
  .about .main .anchor .anchor__list .anchor__listLink::after {
    right: calc(min(20 / 1130 * var(--100vw), 2rem) + 1rem);
  }
  .about .main .anchor .anchor__list .anchor__listLink:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.3s ease-in-out;
  }
  .about .main .message .message__block {
    grid-template-areas: "lede image" "name image";
    column-gap: min(40 / 1130 * var(--100vw), 4rem);
  }
  .about .main .message .message__lede {
    grid-area: lede;
  }
  .about .main .message .message__name {
    grid-area: name;
  }
  .about .main .message .message__image {
    width: 31rem;
    grid-area: image;
  }
  .about .main .policy .policy__list {
    container-name: policy;
    container-type: inline-size;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1rem;
  }
  .about .main .policy .policy__list .policy__listItem {
    column-gap: min(20 / 1130 * var(--100vw), 2rem);
    padding-inline: min(40 / 1130 * var(--100vw), 4rem);
    padding-block: 4rem;
  }
  @container policy (max-width: 940px) {
    .about .main .policy .policy__list .policy__listItem {
      flex-direction: column;
      row-gap: 2rem;
    }
  }
  .about .main .profile {
    width: min(100%, 74rem);
    margin-inline: auto;
  }
  .about .main .access .accessContainer {
    display: grid;
    grid-template-columns: min((390 - 160) * (var(--100vw) - 768px) / (1130 - 768) + 160px, 390px) 1fr;
    align-items: start;
  }
  .about .main .access .access__map {
    aspect-ratio: 37/12;
  }
  .about .main .record {
    width: min(100%, 74rem);
    margin-inline: auto;
  }
  .about .main .history {
    width: min(100%, 74rem);
    margin-inline: auto;
  }
}/*# sourceMappingURL=about.css.map */