@charset "UTF-8";

.btn-gakuensai {
        background-color: #ffffff;
        border-color: #6eb944;
        color: #6eb944;
        font-weight: 700;
        width: 100%;
      }

      .btn-gakuensai:hover {
        background-color: #6eb944;
        border-color: #6eb944;
        color: #fff;

      }
main {
        background-color: #000;
        color:#fff;
      }

      .time {
        border:1px solid #fff;
        text-align:center;
        padding:0.5rem 0;
        color:#fff;
        font-weight:700;
        font-size:1.5rem;
      }

      .time-title {
        background-color:#6eb944;
        border:1px solid #6eb944;
        text-align:center;
        padding:0.5rem 0;
        color:#000;
        font-weight:700;
        font-size:1.5rem;
      }

      .time-title-onemore {
        line-height: 130%;
        padding: 0.25rem;
        font-size: 1.05rem;
      }

      .accordion-area section {
        border:1px solid #fff;
      }

      .title-practice span {
        color:#fff;
      }

      .box {
        background-color:#000;
      }

      .oc-index-con-grey {
        background: url(/fukuoka/img/open-campus/common2026/oc251116/r-bg.jpg) no-repeat center center;
        background-size: cover;
      }

      .reserve-topic {
        color:#000;
      }

      .basebase {
        background:none;
        padding-bottom:1rem;
      }

      .heading-underline::after {
        content: '';
        display: block;
        width: 60px; /* 線の長さ */
        height: 4px; /* 線の太さ */
        background-color: #28a745; /* 線の色（Bootstrap 4のSuccessカラー） */
        margin: 1rem auto 0; /* 線とテキストの間隔と中央揃え */
      }

      .circle-badge {
        position: absolute;
        bottom:1rem;
        left:-2rem;
        /* ① 大きさと形 */
        width: 85px;
        height: 85px;
        border-radius: 50%; /* 正円にするための必須プロパティ */

        /* ② 色と線 */
        background-color: #000;
        color: #28a745; /* 文字色 */
        border: 3px solid #28a745; /* 線の太さ、種類、色 */

        /* ③ 文字の上下左右中央揃え (Flexbox) */
        display: flex;
        justify-content: center; /* 水平方向の中央揃え */
        align-items: center;     /* 垂直方向の中央揃え */

        /* ④ 文字のスタイル */
        text-align: center;
        font-weight: bold;
        font-size: 0.85rem;
        line-height: 1.3; /* 行間の調整 */
      }

      .arrow {
        padding:2rem 0;
      }

      .arrow img {
        width:50px;
      }

      .openinglive-title {
        position: absolute;
        top:0;
        left:-1rem;
        width:45%;
      }

      .support_ticket-ban {
        margin-bottom:7rem;
      }

      .support_ticket-ban img {
        border-radius: 10px;
      }

      img.openinglive-img,
      img.circle-badge-base {
        position: relative;
      }

      .bg01 {
        background: url(/fukuoka/img/open-campus/common2026/oc251116/bg01.jpg) no-repeat center center;
        background-size: 100%;
      }

      .bg02 {
        background: url(/fukuoka/img/open-campus/common2026/oc251116/bg02.jpg) no-repeat center center;
        background-size: 100%;
        height:30vw;
        padding-top:13vw;
        margin-top:-7vw;
      }

      .bar-ohitori {
        font-weight:bold;
        text-align:center;
        padding:0.5rem 0;
        background-color:#333;
        margin-top:1rem;
      }

      @media screen and (max-width:599px)  {

      .openinglive-title {
        position: absolute;
        top:-0.5rem;
        left:0.5rem;
        width:85%;
      }

      .oc-index-con-grey {
        background: url(/fukuoka/img/open-campus/common2026/oc251116/r-bg_sp.jpg) no-repeat center center;
        background-size: cover;
      }

      .heading-underline h2 {
        font-size:1.3rem;
      }

      .taiken-menu-title {
        font-size:1.1rem;
      }
      .circle-badge {
        left:0.3rem;
        bottom:-1.5rem;
      }

      .bg01,
      .bg02 {
        background:none;
      }

      .bg02 {
        padding-top:6rem;
        height:auto;
        margin-top:auto;
        background: url(/fukuoka/img/open-campus/common2026/oc251116/bg_sp03.jpg) no-repeat center center;
        background-size: cover;
      }

      .support_ticket-ban {
        margin-bottom:3rem;
      }

      .bg_sp01 {
        background: url(/fukuoka/img/open-campus/common2026/oc251116/bg_sp01.jpg) no-repeat 0 600px;
        background-size: 80%;
      }

      .bg_sp02 {
        background: url(/fukuoka/img/open-campus/common2026/oc251116/bg_sp02.jpg) no-repeat 0 top;
        background-size: 100%;
      }
    }