/* 会社概要 */

.p-company-main {
  padding-block: calc(4.25rem + var(--sp-5)) var(--sp-6);
}

.p-pagehead {
  margin-block-end: var(--sp-5);
}

.p-pagehead__lead {
  max-width: var(--w-narrow);
  margin-block-start: var(--sp-3);
  font-size: var(--fs-small);
  line-height: var(--line-h);
  color: var(--c-body);
}

.p-pagehead__lead + .p-pagehead__lead {
  margin-block-start: var(--sp-2);
}

.p-pagehead__text {
  max-width: var(--w-narrow);
  margin-block-start: var(--sp-2);
  font-size: var(--fs-small);
  line-height: var(--line-h);
  color: var(--c-body);
}

.p-company-main .c-media__body > p + p {
  margin-block-start: var(--sp-2);
}

.p-company-portrait {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
}

.p-company-table {
  margin-block-start: var(--sp-4);
}

.p-company-table a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.p-company-migration {
  padding-block: var(--sp-4);
}

.p-company-migration__box {
  padding: var(--sp-3) var(--sp-4);
  background-color: var(--c-paper-2);
  border: 1px solid var(--c-line);
  border-inline-start: 3px solid var(--c-moss);
  border-radius: var(--radius);
}

.p-company-migration__title {
  font-family: var(--f-mincho);
  font-size: var(--fs-h3);
  font-weight: 600;
  color: var(--c-ink);
}

.p-company-migration__list {
  margin-block-start: var(--sp-2);
  padding-inline-start: 1.25em;
  font-size: var(--fs-small);
  line-height: var(--line-h);
  color: var(--c-body);
}

.p-company-migration__list li + li {
  margin-block-start: var(--sp-1);
}

.p-company-migration__list a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.p-company-migration__legacy {
  font-family: ui-monospace, monospace;
  font-size: 0.92em;
  color: var(--c-sumi);
}

.p-company-site-note {
  display: block;
  margin-block-start: 0.35rem;
  font-size: 0.85em;
  color: var(--c-body);
}

.p-company-site-note--closed {
  color: var(--c-sumi);
}

.p-company-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-2);
  margin-block-start: var(--sp-4);
}

.p-company-list li {
  padding: var(--sp-2) var(--sp-3);
  background-color: var(--c-white);
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  font-size: var(--fs-small);
  color: var(--c-sumi);
}

.p-company-list a {
  display: block;
  margin: calc(-1 * var(--sp-2)) calc(-1 * var(--sp-3));
  padding: var(--sp-2) var(--sp-3);
  color: inherit;
  text-decoration: none;
}

.p-company-list a:hover,
.p-company-list a:focus-visible {
  color: var(--c-moss-d);
}

.p-company-access {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: var(--sp-4);
  margin-block-start: var(--sp-4);
  align-items: start;
}

.p-company-map iframe {
  display: block;
  width: 100%;
  min-height: 22rem;
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
  background-color: var(--c-white);
}

.p-company-access__body {
  padding: var(--sp-3);
  background-color: var(--c-white);
  border: 1px solid var(--c-line);
  border-radius: var(--radius);
}

.p-company-access__body p {
  margin: 0 0 var(--sp-2);
  font-size: var(--fs-small);
  line-height: var(--line-h);
  color: var(--c-body);
}

.p-company-access__body p:last-child {
  margin-bottom: 0;
}

.p-company-access__body a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

@media (max-width: 768px) {
  .p-company-main {
    padding-block: calc(4rem + var(--sp-4)) var(--sp-6);
  }

  .p-company-list,
  .p-company-access {
    grid-template-columns: 1fr;
  }

  .p-company-map iframe {
    min-height: 18rem;
  }
}