.t-about-message {
  padding: 9.6rem 0;
  width: 49%;
  margin-left: auto; }
  @media screen and (max-width: 749px) {
    .t-about-message {
      width: 100%;
      padding: 6.4rem 0; } }

.t-about-message__txt {
  font-size: 1.6rem;
  text-align: left;
  line-height: 2;
  color: #181818;
  letter-spacing: 0.03em;
  font-weight: 300;
  font-family: 'noto-serif', serif;
  -webkit-font-feature-settings: 'pwid' on, 'palt' on;
  font-feature-settings: 'pwid' on, 'palt' on; }
  :lang(zh-cmn-Hant) .t-about-message__txt {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .t-about-message__txt {
    font-weight: 300;
    font-family: "Noto Serif SC"; }
  @media screen and (max-width: 749px) {
    .t-about-message__txt {
      text-align: left;
      letter-spacing: 0.05em; } }

.t-about-message__txt.-type-large {
  font-size: 2.1rem;
  letter-spacing: 0.03em; }

.t-about-message__txt + .t-about-message__txt {
  padding-top: 2rem; }

.t-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 1024px) {
    .t-history {
      display: block; } }

.t-history + .t-history {
  margin-top: 12.8rem; }
  @media screen and (max-width: 1024px) {
    .t-history + .t-history {
      margin-top: 9.6rem; } }

.t-history__block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .t-history__block:first-child {
    width: 49.5%;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .t-history__block:first-child {
        width: 100%; } }
  .t-history__block:last-child {
    width: 50.5%;
    padding-top: 6.4rem;
    padding-left: 7rem; }
    @media screen and (max-width: 1024px) {
      .t-history__block:last-child {
        width: 100%;
        padding-left: 0;
        padding-top: 3.2rem; } }

.t-history__year {
  font-size: 6.2rem;
  color: #fff;
  opacity: .7;
  font-family: 'Untitled Serif', serif;
  position: absolute;
  top: 3.2rem;
  left: 3rem;
  z-index: var(--z-index-lv3); }
  @media screen and (max-width: 1024px) {
    .t-history__year {
      font-size: 4.8rem;
      top: 1.8rem;
      left: 1.6rem; } }

.t-history-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2.2rem; }

.t-history-item__block + .t-history-item__block {
  margin-left: 2.8rem; }

.t-history-item__info {
  font-weight: 500;
  padding-top: 1.6rem; }