.section_article article .over100w {
  width: 100svw;
  max-width: 1206px;
  position: relative;
  left: calc(-1 * var(--cont_margin));
}
@media (min-width: 981px) {
  .section_article article .over100w {
    left: calc(-1 * (100svw - var(--maxWidth3)) / 2);
  }
}
@media (min-width: 1207px) {
  .section_article article .over100w {
    left: calc(-1 * (1206px - var(--maxWidth3)) / 2);
  }
}
.section_article:not(.section_article_lecturer_interview) article h1 {
  font-size: 2.25rem;
}
.section_article:not(.section_article_lecturer_interview) article h2 {
  font-size: 1.5rem;
}
.section_article:not(.section_article_lecturer_interview) article h3 {
  font-size: 1.25rem;
}

.share_wrap {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--space1);
  margin-top: var(--space4);
}
.share_wrap .btns.share .btn .a {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
}
.share_wrap .btns.share .btn .a .icon {
  width: 100%;
  height: 100%;
}
.share_wrap .btns.share .btn.btn_x .a .icon {
  background-image: url("../images/common/icon_share_x.png");
}
.share_wrap .btns.share .btn.btn_facebook .a .icon {
  background-image: url("../images/common/icon_share_facebook.png");
}
.share_wrap .btns.share .btn.btn_line .a .icon {
  background-image: url("../images/common/icon_share_line.png");
}
.share_wrap .btns.share .btn.btn_copy_link .a .icon {
  width: 32px;
  height: 32px;
  background-image: url("../images/common/icon_share_link.png");
}
@media (min-width: 768px) {
  .share_wrap {
    position: fixed;
    left: 5px;
    top: calc(var(--headHeight) + var(--space4));
    flex-direction: column;
    z-index: 5;
    margin-top: 0px;
  }
  .share_wrap > .text {
    writing-mode: vertical-rl;
  }
  .share_wrap > .text .combine {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
  }
  .share_wrap .btns {
    flex-direction: column;
  }
}

article > .head .date_wrap {
  margin-bottom: var(--space1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--space2);
}
article > .head .date_wrap .date {
  --fontSize: var(--fontSize_ss);
  color: var(--colorGray);
}
article > .head .categories {
  --h: 24px;
  --fontSize: var(--fontSize_ss);
}
article > .head .categories .category .a {
  min-width: 0;
  text-decoration: none;
}
article > .body .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: var(--space4);
  letter-spacing: 0.2rem;
  line-height: 2;
}
article table tbody tr {
  border-bottom: 0;
}
article table tbody tr:nth-child(even) {
  background: #F8F8F8;
}

.interview_wrap {
  display: flex;
  flex-direction: column;
  grid-gap: var(--interviewBoxWidth);
  --interviewerWidth:320px;
  --interviewBoxWidth:var(--space4);
  --intervieweeWidth:calc( 100% - ( var(--interviewerWidth) + var(--interviewBoxWidth) ) );
}
.interview_wrap .interviewer,
.interview_wrap .interviewee {
  display: flex;
  flex-direction: column;
  grid-gap: var(--space2);
}
@media (min-width: 768px) {
  .interview_wrap {
    flex-direction: row;
  }
  .interview_wrap .interviewer {
    width: var(--interviewerWidth);
  }
  .interview_wrap .interviewee {
    width: var(--intervieweeWidth);
  }
}
@media (min-width: 1280px) {
  .interview_wrap {
    --interviewerWidth:400px;
    --interviewBoxWidth:var(--space5);
  }
}