@charset "UTF-8";
/* ▼モバイルファースト (全環境に共通のデザイン) */
.anchor-wrap {
  margin-top: 40px !important;
}

.event-list dt, .event-list dd {
  word-break: break-all;
}

.event-list dt:before {
  content: "・";
}

/* ▼モバイルのみ付け足すデザイン */
@media all and (max-width: 767px) {
  .anchor-wrap {
    margin-bottom: 88px;
  }
  .anchor-list > li + li {
    margin-top: 12px;
  }
  .event-list dt, .event-list dd {
    display: inline;
  }
  .event-list dt {
    padding-right: .7em;
  }
  .event-list dt:before {
    position: absolute;
    top: 0;
    left: 0;
  }
  .event-list > div {
    position: relative;
    padding-left: 1em;
  }
  .event-list > div + div {
    margin-top: 0;
  }
  .chronology-list > .c-col.size-s {
    max-width: 380px;
    min-width: 190px;
    width: 50.66667vw;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ▼タブレット用デザインとして付け足すデザイン */
@media all and (min-width: 768px) {
  .anchor-wrap {
    margin-bottom: 88px;
    padding: 20px 64px;
  }
  .anchor-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .chronology-list > .c-col {
    -ms-flex: 1;
        flex: 1;
    max-width: 320px;
  }
  .chronology-list > .c-col.size-s {
    max-width: 280px;
  }
  .event-list {
    margin-top: -10px;
    margin-bottom: -10px;
    border-spacing: 0 10px;
  }
  .event-list dt {
    white-space: nowrap;
  }
}

/* ▼PC用デザインとして付け足すデザイン */

/*# sourceMappingURL=../../../source-maps/company/overview/chronology/index.css.map */