@charset "UTF-8";
.br-sp { display: none; }
.bookSection .bookArticle.Pa12 .bookH3Group .left.article1 {
    background-image: url("../images/course/bgBook13Pa.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: #FF9300 !important;   
  border-color: #FF9300 !important;  
}

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

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

.classArticle.yellow {
    background: url("../images/course/classArticle13Pa.png") repeat-y !important;
    background-size: 100% auto !important;
  }
  .classArticle.yellow .texGroup h4 {
    background-color: #FF9300 !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 120px; /* 短め */
  }
  
 /* PCサイズ（例：751px以上） */
@media (min-width: 751px) {
  .classArticle .className .kangarooClass:nth-child(3),
  .classArticle .className .kangarooClass:nth-child(4) {
    flex: 0 0 170px; /* PC時：長め */
  }
}

/* SPサイズ（例：750px以下） */
@media (max-width: 750px) {
  .classArticle .className .kangarooClass:nth-child(3),
  .classArticle .className .kangarooClass:nth-child(4) {
    flex: 0 0 150px; /* SP時：少し短め（例） */
  }
}

  .classArticle .className .kangarooClass {
    text-align: center;
    white-space: nowrap;
  }
  @media (max-width: 750px){
    .br-sp { display: inline; }
  }
  
.classArticle .className .kangarooClass:nth-child(1),
.classArticle .className .kangarooClass:nth-child(2) {
  color: #FF9300 !important; 
}


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

.summarySection.yellow .texGroup dl div dt {
    background: #FF9300 !important; 
  }
  .summarySection.yellow .texGroup dl div dd {
    background: #FFF0DB !important; 
  }
  .classArticle.yellow .classCard .texGroup ul li::before {
    background: #FF9300 !important; 
  }
  .CourseDescription.yellow .curriculumSection aside {
    background: #FFF0DB !important; 
  }