@charset "utf-8";

.sec-profile .profile-content .ttl-with-line {
  padding-bottom: 19px;
  font-size: 24px;
  margin-bottom: 35px;
}

.sec-profile .profile-img-wrap {
  max-width: 760px;
  margin-inline: auto;
  margin-bottom: 40px;
}

.sec-profile .suga-info {
  margin-top: 5px;
}

.sec-profile .suga-info,.sec-profile .timeline {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding-block: 30px;
  border-bottom: 1px solid var(--clr-border-500);
}

.sec-profile .suga-info {
  padding-block-start: unset;
}

.sec-profile .timeline .timeline-data {
  padding-block: 20px;
  border-bottom: 1px dashed var(--clr-border-500);
}

.sec-profile .timeline .timeline-data:first-child {
  padding-block-start: unset;
}

.sec-profile .timeline .timeline-data:last-child {
  border-bottom: unset;
  padding-block-end: unset;
}

.sec-profile .timeline-data .date {
  min-width: 80px;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .sec-profile .has-side-column {
    gap: 25px;
  }

  .sec-profile .profile-img-wrap {
    margin-bottom: 40px;
  }

  .sec-profile .suga-info, .timeline {
    gap: 0;
  }

  .sec-profile .suga-info .suga-data {
    gap: 5px;
  }

  .sec-profile .suga-info .suga-data dd {
    line-height: 2;
  }

  .sec-profile .timeline-data .date {
    min-width: 42px;
    max-width: 42px;
    word-wrap: break-word;
    margin-right: 27px;
  }
}