/*-------------------------------
---Common
-------------------------------*/

article .lead {
  /* font-size: 1.4rem; */
  text-align-last: left;
}


/*-------------------------------
---.introduction
-------------------------------*/

.introduction {
  margin-top: 0;
}


/*-------------------------------
---.bels-star
-------------------------------*/

.bels-star {
  margin-bottom: 4.5rem;
}

.bels-star .star_table {
  font-size: 1.4rem;
}

.bels-star .star_table thead {
  display: none;
}

.bels-star .star_table th,
.bels-star .star_table td {
  display: flex;
  align-items: center;
  height: auto;
  padding: 1rem 2rem;
}

.bels-star .star_table td {
  border-top: none;
}

.bels-star .star_table tr:not(:last-child) td {
  border-bottom: none;
}

.bels-star .star_table tbody th::before,
.bels-star .star_table tbody td::before {
  /* font-size: 1.4rem; */
  font-weight: bold;
  white-space: nowrap;
  margin-right: 1rem;
}

.bels-star .star_table tbody th::before {
  content: '星数:';
}

.bels-star .star_table tbody td::before {
  content: '評価:';
}

.bels-star .star_table tbody tr:nth-child(odd):not(:first-child) th,
.bels-star .star_table tbody tr:nth-child(odd):not(:first-child) td {
  background-color: #F7F5E3;
}

.bels-star .star_table tbody tr:nth-child(1) {
  font-size: 1.6rem;
}

.bels-star .star_table tbody tr:nth-child(1) th,
.bels-star .star_table tbody tr:nth-child(1) td {
  padding-right: 20%;
}

.bels-star .star_table .speech-balloon {
  top: 0;
  right: -5%;
  width: min(15rem, 30%);
}


/*-------------------------------
---.bei
-------------------------------*/

.bei {
  padding: 2rem;
  margin-bottom: 3rem;
}

.bei .bei_title {
  margin-bottom: 3rem;
}

.bei .lead {
  margin-bottom: 3rem;
}

.bei .lead br {
  display: none;
}

.bei .formula .formula_txt {
  padding: 0;
  margin-bottom: 2rem;
}

.bei .formula .character {
  position: relative;
}

.bei .formula .teacher {
  right: unset;
  bottom: unset;
  width: 100%;
}

.bei .formula .teacher .illustration {
  width: 28%;
  margin-right: 8%;
}

.bei .formula .teacher .speech-balloon {
  width: 70%;
}

.bei .formula .student {
  left: unset;
  bottom: unset;
  width: 100%;
  margin-top: 1rem;
}

.bei .formula .student .illustration {
  width: 25%;
  margin-top: -5%;
}

.bei .formula .caution {
  text-align: left;
}


/*-------------------------------
---.zeh
-------------------------------*/

.zeh {
  margin-bottom: 0;
}

.zeh .housing {
  right: 0;
  margin-top: 2rem;
  margin-bottom: 4.5rem;
}

.zeh .feature {
  padding: 2rem;
}

.zeh .feature .tabs {
  grid-template-rows: 3.5rem;
  grid-gap: 0;
}

.zeh .feature .tabs .item {
  padding: 1.25rem 10% 1.15rem;
}

.zeh .feature .tabs .item::after {
  clip-path: polygon(0% 100%, 100% 100%, 95% 10%, 93% 3%, 90% 0%, 15% 0%, 7% 3%, 5% 10%);
  -webkit-clip-path: polygon(0% 100%, 100% 100%, 95% 10%, 93% 3%, 90% 0%, 15% 0%, 7% 3%, 5% 10%);
}

.zeh .feature .data_wrap {
  padding: 2rem;
}

.zeh .feature .data.terms .diagram {
  margin-bottom: 3rem;
}

.zeh .feature .data.terms .terms_list {
  grid-gap: 0.5rem;
}

.zeh .feature .data.merit .merit_list {
  grid-template-columns: 1fr;
}

.zeh .feature .data.merit .merit_list li .illustration {
  width: max(12rem, 60%);
  margin-left: auto;
  margin-right: auto;
}