@charset "UTF-8";
.bookSection .bookArticle.Pa12 .bookH3Group .left.article1 {
    background-image: url("../images/course/bgBook14Pa.png") !important;
    background-size: 100% auto !important; 
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
  }
  .bookSection .bookArticle.Pa12 .bookH3Group .left.article1 h3 {
    color: #fff !important; 
  }

.SpeechBubbleLineH2.yellow::before,
.SpeechBubbleLineH2.yellow::after,
.SpeechBubbleLineH2.yellow h2::before,
.SpeechBubbleLineH2.yellow h2::after {
  background: #FF573A !important;   
  border-color: #FF573A !important; 
}

.SpeechBubbleLineH2.yellow h2 div {
  background: #FF573A  !important;
  border-color: #FF573A  !important;
}

.SpeechBubbleLineH2.yellow h2 div,
.SpeechBubbleLineH2.yellow h2 div::before {
  background: #FF573A  !important; 
  border-color: #FF573A  !important;
}

.classArticle.yellow {
    background: url("../images/course/classArticle14Pa.png") repeat-y !important;
    background-size: 100% auto !important;
  }
  .classArticle.yellow .texGroup h4 {
    background-color: #FF573A !important;
  }
  .classArticle .className {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 12px; 
  }
  

 .classArticle .className .kangarooClass:nth-child(1),
 .classArticle .className .kangarooClass:nth-child(2) {
   flex: 0 0 0px; /* 短め */
 }

  .classArticle .className .kangarooClass:nth-child(3),
  .classArticle .className .kangarooClass:nth-child(4) {
    flex: 0 0 120px; /* 長め */
  }
  
  
  .classArticle .className .kangarooClass {
    text-align: center;
    white-space: nowrap;
  }
 
.classArticle .className .kangarooClass:nth-child(1),
.classArticle .className .kangarooClass:nth-child(2) {
  color: #FF573A !important; /* オレンジ寄りの明るい色 */
}

.classArticle .className .kangarooClass:nth-child(3),
.classArticle .className .kangarooClass:nth-child(4) {
  color: #FF573A!important; 
}

.summarySection.yellow .texGroup dl div dt {
    background: #FF573A !important; 
  }
  .summarySection.yellow .texGroup dl div dd {
    background: #FFECE8 !important; 
  }
  .classArticle.yellow .classCard .texGroup ul li::before {
    background: #FF573A !important;
  }
  .CourseDescription.yellow .curriculumSection aside {
    background: #FFECE8 !important; 
  }
  .label {
    background: #EB5A1D !important; 
    color: #FFFFFF !important;      
  }
  .introBox {
    margin: 15px 0;
  }

body .commentSection.yellow {
  background: #FFECE8!important;
}
.commentSection .texGroup .highlight {
  color: #EB5A1D !important; 
  font-weight: 700;
}
.commentSection.yellow .texGroup b {
  color: #000 !important;
  font-weight: 300;
}
.commentSection.yellow article .texGroup p:last-of-type {
  color: #EB5A1D !important; 
}


/* PCのみ：中学生クラス（yellow）のタブ整列補正 */
@media (min-width: 960px){
  .classArticle.yellow .className {
    display: flex;
    justify-content: center; /* 全体を中央寄せ */
    align-items: center;     /* 高さを中央に揃える */
    gap: 10px;               /* 均一な間隔 */
  }

  .classArticle.yellow .className .kangarooClass {
    padding: 2px 20px;       /* ピンクと同等に薄め */
    min-width: 120px;        /* 幅を揃える */
    line-height: 1.8;
    border-radius: 20px;
    text-align: center;
    display: inline-flex;    /* テキストを中央基準に */
    justify-content: center;
    align-items: center;
  }
}