@charset "UTF-8";
a.course-title {
        color:#000;
      }
      a.course-title:hover {
        text-decoration:underline;
      }
      .content h3 {
        font-size:1rem;
      }

      .oc-introlead {
        background-color:#fff;
        border-radius:20px;
        line-height:200%;
      }

      .oc-introlead span {
        color:#6eb944;
        font-weight:700;
      }

      .st-honbun {
        font-size:0.9rem;
        margin-top:1.5rem;
        margin-bottom:1rem;
      }

      .st-kome {
        font-size:0.7rem;
      }

      .answer {
        font-weight:700;
        font-size:1.3rem;
        margin-bottom:0.3rem;
      }

      .answer-comment {
        margin-top:0.5rem;
      }





     
    .marker-underline-multiline {
      margin-bottom:0.7rem;
      font-weight:700;
      font-size:1.7rem;
  /* インライン要素として扱うことで、自然な折り返しをさせる */
  display: inline;

  /* 行の高さを確保し、アンダーラインのスペースを作る */
  line-height: 1.9;

  /* アンダーラインの色や太さを背景として指定 */
  background-image: linear-gradient(
    transparent 60%,
    #fde24b 60%,
    #fde24b 95%,
    transparent 95%
  );
  background-size: 100% 100%;
  background-repeat: no-repeat;

  /* これが最も重要な指定。改行されても各行にスタイルを適用する */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone; /* Safari向け */
}

.marker-underline-multiline02{
  margin-bottom:0.7rem;
      font-weight:700;
  /* インライン要素として扱うことで、自然な折り返しをさせる */
  display: inline;

  /* 行の高さを確保し、アンダーラインのスペースを作る */
  line-height: 1.5;

  /* アンダーラインの色や太さを背景として指定 */
  background-image: linear-gradient(
    transparent 60%,
    #a9cd36 60%,
    #a9cd36 95%,
    transparent 95%
  );
  background-size: 100% 100%;
  background-repeat: no-repeat;

  /* これが最も重要な指定。改行されても各行にスタイルを適用する */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone; /* Safari向け */

}

.basebase {
  background: url(/fukuoka/img/open-campus/common2026/oc2509/bg.jpg) repeat-y;
  background-size: cover;
  padding-bottom:5rem;
}

.howtojoin-bar {
  background: url(/fukuoka/img/open-campus/common2026/oc2509/howtojoin-bar.jpg) repeat-y;
  text-align:center;
  color:#fff;
  font-weight:700;
  font-size:1.5rem;
  padding:0.7rem 0;
  margin-bottom:3rem;
}

.support-comment {
background-color:#00a63c;
border-radius:20px;
color:#fff;
}

.taiken-menu-title {
  font-weight:700;
  text-align:center;
  font-size:1.3rem;
  padding:4rem 0 3rem 0;
}

@media screen and (max-width:599px)  {
.basebase {
  background: url(/fukuoka/img/open-campus/common2026/oc2509/bg_sp.jpg) repeat-y;
  background-size: cover;
  padding-bottom:5rem;
}

.howtojoin-bar {
  background: url(/fukuoka/img/open-campus/common2026/oc2509/howtojoin-bar_sp.jpg) repeat-y center center;
  background-size: contain;
  text-align:center;
  color:#fff;
  font-weight:700;
  font-size:1.3rem;
  padding:0.5rem 0;
  margin-bottom:2rem;
}
}