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

  pagetitle

--------------------------------------------------------------------------------*/
.l-pg-ttl {
  background-image: url(../img/company/pagetitle-bg.webp);
}

/*--------------------------------------------------------------------------------

  profile

--------------------------------------------------------------------------------*/
#profile {
  padding: var(--space-2l) 0;
}
#profile .inner {
  width: calc(var(--container-width, var(--base-width)) * 1px);
  max-width: calc(100% - (var(--container-side-space, var(--side-space)) * 2));
  margin-inline: auto;
}
#profile h2 {
  margin-bottom: 100px;
}
#profile .c-tbl th {
  min-width: 7em;
}
#profile .c-tbl dl {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 1em;
  width: 100%;
}
#profile .c-tbl dt { width: 20em; }
#profile .c-tbl dd { width: calc(100% - 21em); }
@media (max-width: 768px) {
  #profile .c-tbl dt { width: 100%; }
  #profile .c-tbl dd {
    width: 100%;
    text-indent: 1em;
  }
}



/*--------------------------------------------------------------------------------

  office

--------------------------------------------------------------------------------*/
#office {
  background: var(--color-bg);
  padding: var(--space-2l) 0;
  overflow: hidden;
}
#office .inner {
  width: calc(var(--container-width, 1460) * 1px);
  max-width: calc(100% - (var(--container-side-space, var(--side-space)) * 2));
  margin-inline: auto;
}
@media (max-width: 1024px) {
  #office .inner {
    max-width: 100%;
  }
}
#office h2 {
  margin-bottom: 100px;
}

#office .office-contents {
  display: grid;
  grid-template-columns: auto 33.33%;
  gap: 36px;
  width: 100%;
  background: #fff;
  border-radius: 30px;
  padding: 80px;
}
@media (max-width: 1024px) {
  #office .office-contents {
    padding: 40px;
  }
}
@media (max-width: 768px) {
  #office .office-contents {
    padding: 30px;
    grid-template-columns: auto;
  }
}
#office .office-description {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
#office .office-img {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
#office .office-access {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
}
@media (max-width: 768px) {
  #office .office-description {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  #office .office-img {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  #office .office-access {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
}
#office .office-description .office-license {
  display: flex;
  gap: 1em;
  color: var(--color-gray);
  font-size: var(--fs-s);
}
#office .office-description .c-tbl {
  margin-top: 24px;
  font-size: var(--fs-s);
}
#office .office-description .c-tbl th,
#office .office-description .c-tbl td {
  padding: 1em 1.25em;
}
#office .office-link {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
#office .office-img img {
  width: 100%;
  height: auto;
}
#office .office-access iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
}

#office #hachinohe {
  margin-top: 100px;
}