.comparison-contents {
  margin-top: var(--space-6x);
  margin-left: var(--space-4x);
  margin-right: var(--space-4x);
}
@media screen and (min-width: 768px) {
  .comparison-contents {
    margin-top: var(--space-8x);
    margin-left: 25%;
    margin-right: 25%;
  }
}

.comparison-table {
  table-layout: fixed;
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .comparison-table {
    min-width: 800px;
  }
}

.comparison-table td {
  padding: 12;
}
@media screen and (min-width: 768px) {
  .comparison-table td {
    padding: 12 16;
  }
}

.comparison-table th {
  padding: 8;
}
@media screen and (min-width: 768px) {
  .comparison-table th {
    padding: 14;
  }
}

/* 表の項目セル一番上の空白 */
.comparison-table tr th:nth-child(1) {
  width: 24%;
  border: 1px var(--white) solid;
  background: var(--gray);
}
@media screen and (min-width: 768px) {
  .comparison-table tr th:nth-child(1) {
    width: 16%;
  }
}

/* MsEの見出しセル */
.comparison-table tr th:nth-child(2) {
  width: 38%;
  background: var(--primary-color);
  font-weight: bold;
  font-size: var(--font-4x);
  line-height: 100%;
  color: var(--white);
}
@media screen and (min-width: 768px) {
  .comparison-table tr th:nth-child(2) {
    width: 42%;
    font-size: var(--font-5x);
  }
}

/* 他社見出しセル */
.comparison-table tr th:nth-child(3) {
  width: 38%;
  background: var(--gray-2);
  font-weight: bold;
  font-size: calc(2.75 * var(--font-unit));
  line-height: 140%;
  text-align: center;
  color: var(--white);
}
@media screen and (min-width: 768px) {
  .comparison-table tr th:nth-child(3) {
    width: 42%;
    font-size: calc(3.75 * var(--font-unit));
  }
}

/* Ms.Eの見出し以降のセル部分 */
.comparison-table tr:nth-child(n+2) td:nth-child(2) {
  font-weight: bold;
  font-size: var(--font-3x);
  text-align: center;
  line-height: 160%;
  border: 1px var(--white) solid;
  background: var(--purple-8);
}
@media screen and (min-width: 768px) {
  .comparison-table tr:nth-child(n+2) td:nth-child(2) {
    font-size: var(--font-3xh);
  }
}


/* 他社の見出し以降のセル部分 */
.comparison-table tr:nth-child(n+2) td:nth-child(3) {
  font-size: var(--font-3x);
  text-align: center;
  line-height: 100%;
  border: 1px var(--purple-8) solid;
}
/* 各比較項目の部分 */
.comparison-table tr:nth-child(n+2) th:nth-child(1) {
  text-align: left;
  font-weight: bold;
  font-size: var(--font-3x);
  line-height: 140%;
  color: var(--black-4);
}

/* 目指せる年収レベル Ms.E */
.comparison-table tr:nth-child(10) td:nth-child(2) {
  font-weight: bold;
  font-size: var(--font-4x);
  text-align: center;
  line-height: 100%;
}

/* 目指せる年収レベル Ms.E */
.comparison-table tr:nth-child(10) td:nth-child(2)::after {
  content: "※1";
  font-weight: bold;
  font-size: var(--font-3x);
  line-height: 100%;
  vertical-align: top;
  color: var(--purple);
}

/* 目指せる年収レベル 他社*/
/* .comparison-table tr:nth-child(10) td:nth-child(3) {
  font-size: var(--font-4x);
} */
.annual-income {
  font-size: var(--font-4x);
}

.comparison-table tr:nth-child(n+2) td:nth-child(3) {
  font-size: var(--font-3x);
  line-height: 160%;
  color: var(--black-2);
}  
@media screen and (min-width: 768px) {
  .comparison-table tr:nth-child(n+2) td:nth-child(3) {
      font-size: var(--font-3xh);
  }
}

.table-caption {
  text-align: center;
  font-family: Noto Sans JP;
  font-weight: bold;
  font-size: var(--font-3xh);
  line-height: 100%;
  color: var(--black-2);
  margin-top: var(--space-2x);
}

.comparison-table span {
  color: var(--purple);
}

.table-annotations {
  margin-top: var(--space-3x);
}

.table-annotation {
  font-size: var(--font-3x);
  line-height: 160%;
  color: var(--black-2);
}