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

--------------------------------------------------------------------------------*/
.message-sec {
  padding-bottom: var(--space-l);
}
.message {
  padding-bottom: var(--space-2l);
}
.message p:not(:first-of-type) {
  padding-top: 2rem;
}
.message_name {
  text-align: right;
  margin-top: 2rem;
  font-size: var(--fs-l);
  font-family: var(--ff-go);
  font-weight: 500;
}
.message_name-position {
  font-size: var(--fs-n-rem);
  font-weight: 400;
}
.message-img {
  height: clamp(220px, calc(440 / 800 * 100vw), 440px);
}
.message-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*--------------------------------------------------------------------------------
 
  outline

--------------------------------------------------------------------------------*/
.outline-sec {
  padding-bottom: var(--space-2l);
}

/*--------------------------------------------------------------------------------
  .history
--------------------------------------------------------------------------------*/
.history {
  display: grid;
  grid-column-gap: 1.5rem;
}
.history dt {
  font-weight: normal;
  display: list-item;
  list-style: disc;
  margin-left: var(--list-mgl);
}
@media (min-width: 1000px) {
  .history {
    grid-template-columns: auto 1fr;
    grid-row-gap: 0.5rem;
  }
  .history_date {
    display: inline-block;
    width: 1.25em;
    text-align: right;
  }
}
@media (max-width: 999px) {
  .history dt:not(:first-of-type) {
    padding-top: 0.75rem;
  }
  .history dd {
    padding-left: var(--list-mgl);
  }
}

/*--------------------------------------------------------------------------------
 
  project

--------------------------------------------------------------------------------*/
.project-sec {
  background-color: var(--color-gray-lighter);
  padding: var(--space-l) 0 var(--space-2l) 0;
}
.project-tbl-scroll {
  overflow-x: auto;
}
.project-tbl {
  min-width: 440px;
}
.project-tbl thead th:not(:nth-child(2)),
.project-tbl tbody td:not(:nth-child(2)) {
  text-align: center;
}
.project-btn {
  padding-top: var(--space-l);
  text-align: center;
}