.t-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--size-2xl);
  overflow: hidden;
}

.t-article__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 1.6rem;
  position: relative;
  padding-bottom: var(--size-xl);
  border-bottom: solid 2px var(--color-black-50);
}

.t-article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--size-4xs);
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  position: relative;
  z-index: 10;
}
.t-article__info span {
  font-size: 1.5rem;
  color: rgba(85, 85, 85, 0.36);
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
}
@media screen and (max-width: 768px) {
  .t-article__info {
    gap: 0.6rem;
  }
}

.t-article-date,
.t-article-cate {
  font-family: var(--font-basic);
  font-size: var(--typo-copy-xs);
  line-height: var(--lineheight15);
  letter-spacing: 0;
  color: #555;
}

.t-article-tag a {
  color: var(--color-smallcopy);
  font-family: var(--font-basic);
  font-size: var(--typo-copy-2xs);
  line-height: var(--lineheight15);
  background: var(--color-black-25);
  border: solid 1px var(--color-black-50);
  border-radius: var(--round-max);
  display: inline-block;
  text-align: center;
  padding-block: 0.3rem 0.3rem;
  padding-inline: 0.8rem;
  letter-spacing: 0;
  text-decoration: none;
}
.t-article-tag:hover a {
  color: var(--color-white-900);
  background: var(--theme-primary);
  border: 1px solid var(--theme-primary);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.t-article-cate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--size-5xs);
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 1;
}

.t-article-heading {
  color: var(--color-title);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 1.453053783rem + 1.4585232452vw, 3.6rem);
  line-height: var(--lineheight15);
  letter-spacing: 0;
  z-index: 10;
}

.t-editor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--size-s);
}

.t-editor {
  font-family: var(--font-basic);
  font-size: var(--typo-copy-m);
  line-height: var(--lineheight16);
  font-family: var(--font-basic);
  letter-spacing: 0;
  text-align: justify;
  color: #454545;
}

.t-editor p {
  font-family: var(--font-basic);
  font-size: var(--typo-copy-m);
  line-height: var(--lineheight16);
  font-family: var(--font-basic);
  letter-spacing: 0;
  text-align: justify;
  color: #454545;
}

.t-editor > p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) + p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)),
.t-editor .c-section > p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) + p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)),
.t-editor .c-block > p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) + p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) {
  margin-top: -1.6rem;
}
@media screen and (max-width: 768px) {
  .t-editor > p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) + p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)),
  .t-editor .c-section > p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) + p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)),
  .t-editor .c-block > p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) + p:is(:not([class]), .c-txt-2xs, .c-txt-xs, .c-txt-s, .c-txt-m, .c-txt-l, .c-txt-slogan):not(:has(img)) {
    margin-top: -1.2rem;
  }
}

.t-editor h2 {
  color: var(--theme-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.9rem, 1.6948951686rem + 0.546946217vw, 2.5rem);
  line-height: var(--lineheight16);
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  padding-bottom: var(--size-s);
  font-weight: var(--font-weight-heading);
}
.t-editor * + h2 {
  margin-top: clamp(2.8rem, 1.9795806746rem + 2.1877848678vw, 5.2rem);
}

.t-editor h3 {
  padding-block: clamp(0.8rem, 0.6632634458rem + 0.3646308113vw, 1.2rem);
  padding-inline: clamp(1.3rem, 1.1974475843rem + 0.2734731085vw, 1.6rem);
  border-radius: var(--round-s);
  background: var(--color-green-800-05);
  color: var(--theme-primary);
  font-weight: var(--font-weight-heading);
  font-family: var(--font-heading);
  font-size: var(--typo-label-l);
  line-height: var(--lineheight16);
}
.t-editor * + h3 {
  margin-top: clamp(1.2rem, 1.0632634458rem + 0.3646308113vw, 1.6rem);
}
@media screen and (max-width: 768px) {
  .t-editor h3 {
    padding: 1.3rem 1.2rem 1.1rem;
  }
  .t-editor * + h3 {
    margin-top: 1.2rem;
  }
}

.t-editor h4 {
  font-family: var(--font-heading);
  font-size: var(--typo-label-m);
  line-height: var(--lineheight15);
  font-weight: var(--font-weight-heading);
  color: #454545;
}
.t-editor * + h4 {
  margin-top: clamp(0rem, -0.2734731085rem + 0.7292616226vw, 0.8rem);
}
@media screen and (max-width: 768px) {
  .t-editor * + h4 {
    margin-top: 0;
  }
}

.t-editor ul, .t-editor ol {
  margin-top: 0.4rem;
}

.t-editor table:not([class]) td {
  table-layout: fixed;
  inline-size: 100%;
  -webkit-border-start: 1px solid var(--color-line-table);
          border-inline-start: 1px solid var(--color-line-table);
  -webkit-border-before: 1px solid var(--color-line-table);
          border-block-start: 1px solid var(--color-line-table);
  border-spacing: 0;
}
.t-editor table:not([class]) tbody th,
.t-editor table:not([class]) tbody td {
  vertical-align: middle;
  -webkit-border-end: 1px solid var(--color-line-table);
          border-inline-end: 1px solid var(--color-line-table);
  -webkit-border-after: 1px solid var(--color-line-table);
          border-block-end: 1px solid var(--color-line-table);
  padding-block: clamp(0.8rem, 0.5948951686rem + 0.546946217vw, 1.4rem);
  padding-inline: clamp(0.8rem, 0.5265268915rem + 0.7292616226vw, 1.6rem);
  font-family: var(--font-basic);
  font-size: var(--typo-copy-s);
  line-height: var(--lineheight16);
  letter-spacing: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: auto-phrase;
  text-align: left;
}

.t-wp-editor-table {
  overflow-x: auto;
  white-space: nowrap;
  display: block;
  height: auto !important;
  padding-bottom: 0.3rem;
}
.t-wp-editor-table .simplebar-content {
  padding-bottom: 10px;
}

.t-editor img {
  overflow: hidden;
  border-radius: var(--round-xs);
  height: auto;
  display: block;
}

.t-editor img.alignleft {
  float: left;
  margin-bottom: 2.4rem;
}
.t-editor img.alignleft + img.alignleft {
  margin-left: 3.2rem;
  margin-right: 0;
}
@media screen and (max-width: 639px) {
  .t-editor img.alignleft {
    float: none;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2rem;
    text-align: center;
  }
  .t-editor img.alignleft + img.alignleft {
    margin-left: 0;
  }
}
.t-editor img.alignright {
  float: right;
  margin-bottom: 2.4rem;
}
.t-editor img.alignright + img.alignright {
  margin-right: 3.2rem;
  margin-left: 0;
}
@media screen and (max-width: 639px) {
  .t-editor img.alignright {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
    text-align: center;
  }
}

.t-editor p:has(span) img.alignleft:last-of-type {
  margin-right: 3.2rem;
}
.t-editor p:has(span) img.alignright:last-of-type {
  margin-left: 3.2rem;
}
@media screen and (max-width: 639px) {
  .t-editor p:has(span) img.alignleft:last-of-type {
    margin-right: 0;
  }
  .t-editor p:has(span) img.alignright:last-of-type {
    margin-left: 0;
  }
}

.t-editor p:has(img.aligncenter) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3.2rem;
}
.t-editor p:has(img.aligncenter) img.aligncenter {
  height: auto;
}
@media screen and (max-width: 639px) {
  .t-editor p:has(img.aligncenter) {
    display: block;
  }
  .t-editor p:has(img.aligncenter) img.aligncenter {
    margin-bottom: 2rem;
    width: 100%;
  }
}

.t-editor iframe {
  aspect-ratio: 16/9;
  height: auto;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .t-editor iframe {
    width: 100%;
  }
}