@charset "UTF-8";

main {
        background-color: #ebe4e2;
        color:#000000;
      }

      .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/oc260412/r-bg.jpg) no-repeat center center;
        background-size: cover;
      }

      .reserve-topic {
        color:#000;
        border:none;
      }

      .basebase {
        background:none;
        padding-bottom:0;
      }

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

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

        /* ② 色と線 */
        background-color: #ffffff;
        color: #dd2323; /* 文字色 */

        /* ③ 文字の上下左右中央揃え (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-size: cover;
      }

      .bg02 {
        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;
      }

      a.course-title {
        color:#fff;
      }

      .bg02b {
        height:25vw;
        padding-top:13vw;
        margin-top:-7vw;
      }

      .bg03 {
        background-size: cover;
      }

      .bg04 {
        background-color: #dc2323;
        background-size: cover;
        color: #eae3e1;
      }

      .oc260125-main {
        color:#dd2323;
      }

      .oc260125-main img {
        border-radius:20px;
      }

      .oc-title {
        font-size:5rem;
        font-family: 'Inter', sans-serif;
        font-weight:700;
      }

      .oc-title02 {
        font-size:7rem;
        font-family: 'Inter', sans-serif;
        font-weight:700;
      }

      .kadomaru-label01 {
        font-weight:700;
        width:250px;
        padding:0.3rem 0;
        text-align:center;
        font-size:1.3rem;
        border:1px solid #dd2323;
        border-radius: 25px;
      }

      .kadomaru-label02 {
        font-weight:700;
        width:250px;
        padding:0.3rem 0;
        text-align:center;
        font-size:1.3rem;
        border:1px solid #dd2323;
        background-color:#dd2323;
        color:#4801ff;
        border-radius: 25px;
      }

      .kadomaru-label03 {
        line-height:100%;
        font-weight:700;
        width:250px;
        padding:0.3rem 0;
        text-align:center;
        font-size:1rem;
        border:1px solid #dd2323;
        background-color:#dd2323;
        color:#4801ff;
        border-radius: 25px;
      }

       

      section.typeA input:checked + .tabLabel + .content {
        border-top:3px solid #dd2323;
      }

      section.typeA .tabLabel01, section.typeA .tabLabel02 {
        border-top:3px solid #dd2323;
        border-right:3px solid #dd2323;
        border-left:3px solid #dd2323;
        background: #ebe4e2;
      }

      section.typeA .tabLabel02,
      section.typeA .tabLabel01,
      .artist-aa .title::after, .artist-aa .title-practice::after,
      .title-practice span,
      a.course-title,
      .reserve-con-btn {
        color:#dd2323;
      }

      section.typeA input:checked + .tabLabel01, section.typeA input:checked + .tabLabel02 {
        background: #dd2323;
      }

      .support-comment {
        background: #eae3e1;
      }

      .reserve-topic,
      a.btn-sc-list {
        background: #000;
      }

      a.btn-sc-list {
        background: #fff;
      }



      a.btn-sc-list {
        border:none;
      }

      .box {
        background: #ebe4e2;
      }

      .reserve-con-btn {
        color:#fff;
        background: #dd2323;
      }

      

      section.typeA input:checked + .tabLabel01,
      section.typeA input:checked + .tabLabel02{
        color:#ebe4e2;
      }

      .support-comment,
      .reserve-topic {
        color:#dd2323;
      }

      .support-comment {
        font-weight:700;
      }

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

      .support_ticket-ban {
        margin-top:5rem;
        margin-bottom:5rem;
      }

      .sche-title {
        color:#dd2323;
        border-bottom:1px solid #dd2323;
        padding-bottom:2rem;
        margin-bottom:5rem;
        font-weight:700;
        font-size:2.5rem;
      }

      .openinglive {
        position:relative;
        margin-top:-170px;
      }

      .openinglive_title {
        position:absolute;
        bottom:50px;
        z-index:1;
      }

      .infosession,
      .elective,
      .consultation {
        margin-top:7rem;
        margin-bottom:7rem;
      }

      .triallesson005 {
        margin-top:-150px;
      }

      .ohitori {
        width:100%;
        color:#3f140b;
        background-color:#dd2323;
        font-weight:700;
        text-align:center;
        border-radius:20px;
        margin-top:2rem;
        padding:1rem 0;
      }

      .header-icon {
            width: 63px;       /* アイコンの幅（適宜調整してください） */
            height: auto;
            border-radius: 0 !important;
        }
        .wave01 {
          position: absolute; top:-5rem; right:0; width:50%; opacity:0.7;
        }

        .wave02 {
          position: absolute; top:0rem; left:-5rem; width:50%; opacity:0.7;
        }

        .time-left {
          font-weight:900; font-size:2.5rem; position:absolute; left:1rem; top:2.5rem; z-index:33;
        }

        .time-right {
          font-weight:900; font-size:2.5rem; position:absolute; right:1rem; top:2.5rem; z-index:33;
        }

        .image-type01 {
          position:absolute; right:0; bottom:5rem; z-index:333;
        }

        .image-type01 img {
          width:620px;
          border-radius:0;
        }

        .sche-box {
          background-color: rgba(20, 20, 40, 0.3); border-radius: 20px; padding:9rem 4rem 5rem 4rem;
        }

        .sche-con01 {
          margin-top:-8rem;
        }

        .sche-title01 {
          font-size:4rem;
          font-weight:700;
          color:#dd2323;
        }

        

        .sche-title01sub {
          font-size:1.7rem; font-weight:700;
        }

        img.arrow-dot {
          width:70px;
        }

        .taiken-menu-title {
          color:#dd2323;
        }

        .title-sub {
          font-size:1.1rem;
          color:#fff;
          font-weight:400;
          padding-bottom:0.4rem;
          font-family: "Special Gothic Expanded One", sans-serif;
        }

        .title-sub02 {
          font-size:1.7rem;
          color:#fff;
          font-weight:700;
          padding-bottom:0.4rem;
        }

        .sche-title01-en {
          position: relative;
          line-height:110%;
          font-size: 6rem;
          font-weight:400;
          color: #fff;
          font-family: "Special Gothic Expanded One", sans-serif;
        }

        .title-sub-en {
          position: absolute;
          bottom:-2rem;
          left:18rem;
        }

        .timetime {
          font-weight:700;
          font-size:2.5rem;
          font-weight:700;
          font-family: 'Special Gothic Expanded One', sans-serif;
          letter-spacing: 0.3rem;
          margin-bottom:3.5rem;
          display: flex;
          align-items: center;
        }

        .timetime::before {
  content: "";
  display: inline-block;
  
  /* 表示させたいサイズを指定（20px〜24pxくらいがバランス良さそうです） */
  width: 55px;
  height: 55px;
  
  /* SVG画像の読み込み */
  background-image: url('/fukuoka/img/open-campus/common2026/oc260329/music-icon.svg'); 
  
  /* 枠内にきれいに収める指定 */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  
  margin-right: 15px; /* テキストとの余白 */
}


        .openinglive {
          background:url(/fukuoka/img/open-campus/common2026/oc260329/002bg.jpg) no-repeat center center; background-size: cover; padding:7rem 0; border-top:1px solid #dd2323;  border-bottom:1px solid #dd2323;
        }


        .mikeiken {
          background-color:#50b404; padding:3rem 0;
        }

        .kengaku {
          margin-bottom:10rem;
          background:url(/fukuoka/img/open-campus/common2026/oc260329/006bg.jpg) no-repeat center center; background-size: cover; padding:7rem 0; border-top:1px solid #dd2323; border-bottom:1px solid #dd2323;
        }


        .left-item,
        .right-item {
          padding-left:8rem;
        }

        .kengaku-item {
          padding-top:8rem;
        }

        .main-txt {
          font-size:1.3rem; line-height:200%;
        }

        .daijobu {
          font-size:2.4rem; font-weight:700;
        }

        .gakko-photo-box00 {
          padding:8rem;
        }

        .gakko-photo-box01 {
          background-color:#50b404; padding:5rem;
        }

        .mini002-box {
          margin-top:5rem;
        }

        .onemore-title-box {
          margin-bottom:5.5rem;
        }

        .onemore-title-box small {
          font-size:60%; font-weight:700;
        }

        img.rounded-20p{
        border-radius:20px;
      }

      .sche-title01 small {
        font-weight:700;
      }

      section.uketsuke {
        padding:7.2vw 0 4.4vw 0;
      }

      img.reception-title {
        width:29.4vw;
      }

      .reception-photo001box {
        position: relative;
        width:40.4vw;
      }

      img.reception-tape01 {
        width:11.8vw; position:absolute; left:-40px; top:-40px;
      }

      img.reception-tape02 {
        width:11.3vw; position:absolute; right:-40px; bottom:-40px;
      }

      img.reception-time {
        width:16.7vw;
      }

      img.reception-photo002 {
        width:28.8vw; right:0; bottom:-3vw;
      }


img.infosession-photo001 {
width:11.1vw;
}

img.infosession-time {
width:11.4vw;
}

img.infosession-title {
width:32vw;
}

img.infosession-tape01 {
width:11.3vw; position:absolute; left:-40px; top:-40px;
}

img.infosession-tape02 {
width:11.3vw; position:absolute; right:-40px; bottom:-40px;
}

img.taiken-time01 {
width:16.9vw;
}

img.taiken-tape01 {
width:11.3vw; position:absolute; left:-40px; top:-40px;
}

img.taiken-time02 {
width:16.9vw;
}

img.taiken-tape02 {
width:11.3vw; position:absolute; right:-40px; bottom:-40px;
}

img.onemore-mic {
width:18.4vw; position: absolute; bottom:0; left:0;
}

img.onemore-time {
width:16.7vw;
}

img.onemore-ban {
bottom:0; width:36.4vw;
}

img.onemore-tape01 {
width:11.3vw; position:absolute; left:-40px; top:-40px;
}

img.onemore-tape02 {
width:11.3vw; position:absolute; right:-40px; top:-40px;
}

img.onemore-lighting {
width:10.1vw; position:absolute; right:-5vw; bottom:-5vw;
}

img.consultation-foot {
width:32.8vw; position: absolute; bottom:-21vw; right:0;
}

img.campustour-title {
width:17.6vw;
}

.infosession-photo002box {
width:40.4vw; position: relative;
}

img.campustour-tape {
width:11.3vw; position:absolute; left:-40px; top:-40px;
}

img.consultation-time {
width:11.4vw; top:-7vw;
}

img.consultation-title {
width:16.9vw;
}

img.consultation-tape {
width:11.3vw; position:absolute; right:-40px; bottom:-40px;
}

.taiken-photo001box,
.taiken-photo002box {
width:29.1vw; position: relative;
}

.onemore-photo001box {
width:36.1vw; position: relative;
}

.campustour-photo001box,
.consultation-photo001box {
width:29.1vw; position: relative;
}

.taiken {
padding:7vw 0; background: url(/fukuoka/img/open-campus/common2026/oc260412/taiken-bg.jpg) center center; background-size: cover;
}

.onemore {
position: relative; padding:7vw 0;
}

.infosession-photo001box {
position: absolute; left:0; bottom:-5vw;
}

.gakko {
  position: relative; padding:7vw 0;
}

.uketsuke-intro {
  padding-left:5vw;
}

.campustour {
  background: url(/fukuoka/img/open-campus/common2026/oc260412/campustour-bg.jpg) center center; background-size: cover; position: relative; padding:13vw 0 6vw 0; margin-bottom:12vw;
}

      @media screen and (max-width:768px)  {
        .bg02b {
          padding-top:6rem;
          height:auto;
          margin-top:auto;
        }
        .oc-title {
          margin-bottom:1rem;
          line-height:100%;
          font-size:3rem;
        }

        .oc-title02 {
          line-height:110%;
          font-size:4.5rem;
        }

        .kadomaru-label01,
        .kadomaru-label02 {
          width:50%;
          font-size:1rem;
        }

        .kadomaru-label03 {
          width:100%;
        }

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

        .sche-title {
          margin-bottom:2rem;
        }

        .openinglive_title {
          left:1.5rem;
          top:3rem;
        }

        .openinglive {
          margin-top:0;
        }

        .infosession,
        .elective,
        .consultation {
        margin-top:3rem;
        margin-bottom:0rem;
      }

      .triallesson005 {
        margin-top:0px;
      }

      .time-left {
          top:1.5rem;
          font-size:1.8rem;
        }

        .time-right {
          top:1.5rem;
          font-size:1.8rem;
        }

        .sche-box {
          padding:5rem 2rem 7rem 2rem;
        }

        .sche-con01 {
          margin-top:1rem;
        }

        .sche-title01 {
          line-height: 120%;
          font-size:3rem;
        }

        .image-type01 img {
          width:100%;
        }

        .wave01 {
          top: -3rem;
          width: 75%;
        }

        .wave02 {
          left:-10rem;
          top: -3rem;
          width: 100%;
        }

        img.arrow-dot {
          width:40px;
        }

        .sche-title01sub {
          font-size:1.3rem
        }

        .hitokoma {
          padding-bottom:5rem !important;
        }

        .oc-index-con-grey {
        background: url(/fukuoka/img/open-campus/common2026/oc260412/r-bg_sp.jpg) no-repeat center center;
        background-size: cover;
      }
      .reception-photo001box {
  width:auto;
}
img.reception-title {
  width:80vw;
}

img.reception-tape01,
img.infosession-tape01,
img.taiken-tape01,
img.onemore-tape01,
img.campustour-tape {
  width:25vw;
  left:-15px;
  top:-15px;
}

img.onemore-tape02 {
  width:25vw;
  right:-15px;
  top:-15px;
}

img.reception-tape02,
img.infosession-tape02,
img.taiken-tape02,
img.consultation-tape {
  width:25vw;
  right:-15px;
  bottom:-15px;
}

img.reception-time,
img.onemore-time {
  width:59vw;
}

img.infosession-time {
  width:35vw;
}

img.taiken-time01,
img.taiken-time02 {
  width:47vw;
}

.infosession-photo002box {
width:auto;
}

img.infosession-title {
width:75vw;
}

.taiken-photo001box,
.taiken-photo002box,
.onemore-photo001box,
.campustour-photo001box,
.consultation-photo001box {
width:auto;
}

.onemore-photo001box {
  margin-top:3rem;
}

.onemore {
  padding: 4rem 0 10rem 0;
}

img.onemore-ban_sp {
  width:92vw;
}

img.onemore-mic {
  width:20vw;
}


img.onemore-lighting {
  z-index: 99;
  bottom: -15rem;
width:10vw;
left: 0; right: 0; margin-left: auto; margin-right: auto;

}

img.campustour-title {
  width:50vw;
}

.koshakengaku {
  margin-bottom:7rem;
}

img.consultation-title {
  width:55vw;
}

img.consultation-time {
    width: 35vw;
    top: -7rem;
}

.taiken {
  padding:6rem 0;

}

img.infosession-photo001_sp {
width:25vw;
position: absolute;
right:0;
top:7vw;
}

.infosession-photo001box {
position: absolute; right:0; top:0;
}

.gakko {
  position: relative; padding:7rem 0;
}

img.reception-photo002 {
  width: 80vw;
    right: 0;
    bottom: -3rem;
    z-index: 99;
}

.uketsuke-intro {
  padding-bottom: 8rem;
}

.campustour {
  background: url(/fukuoka/img/open-campus/common2026/oc260412/campustour-bg_sp.jpg) center center; background-size: cover;
  padding:7rem 0 2rem 0;
}
      }


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

        img.consultation-time {
    top: -5rem;
}

        img.onemore-mic {
  width:40vw;
}

img.onemore-lighting {
width:18vw;
}

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

      .oc-index-con-grey {
        background: url(/fukuoka/img/open-campus/common2026/oc260412/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;
      }

      .bg01 {
        background-size: cover;
      }

      .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%;
      }

      */

      .time-right {
          right: -2rem;
          top: -4rem;
        }

        .sche-box-custom {
          padding: 7rem 2rem 7rem 2rem;
        }

        .sche-box-one-more {
          padding: 5rem 2rem 9rem 2rem;
        }

        .image-type01 {
          bottom:2rem;
        }
    }

    @media screen and (max-width:768px)  {
          .sche-title01-en {
          font-size: 4rem;
        }
        .title-sub-en {
          left:12rem;
        }

        .left-item,
        .right-item {
          padding-left:15px;
        }

        .sche-title {
          font-size:1.5rem;
        }

        .timetime {
          font-size:1.6rem;
          margin-bottom:1.5rem;
        }

        .title-sub {
          font-size:0.8rem;
        }

        .main-txt {
          font-size:1rem;
        }

        .daijobu {
          text-align:center;
          font-size:1.5rem;
          padding-bottom:1rem;
        }



        .gakko-photo-box00 {
          margin-top:2rem;
          padding:15px;
        }

        .gakko-photo-box01 {
          padding:3rem;
        }

        .openinglive {
          padding:5rem 0;
        }

        .kengaku-item {
          padding-top:5rem;
        }

        .sche-title01 {
          line-height:120%;
        }



        .openinglive {
          background:url(/fukuoka/img/open-campus/common2026/oc260329/002bg_sp.jpg) no-repeat center center; background-size: cover; padding-bottom:26rem;
          padding-left:0.5rem;
          padding-right:0.5rem;
        }

        .kengaku {
          background:none;
          padding:0;
          margin-bottom:0;
          padding-left:0.5rem;
          padding-right:0.5rem;
        }

        .kengaku01 {
          background:url(/fukuoka/img/open-campus/common2026/oc260329/006bg01_sp.jpg) no-repeat center center; background-size: cover;

        }

        .kengaku02 {
          background:url(/fukuoka/img/open-campus/common2026/oc260329/006bg02_sp.jpg) no-repeat center center; background-size: cover; border-top:1px solid #dd2323; padding-top:5rem; padding-bottom:3rem;

        }


        .mini002-box {
          margin-top:3rem;
        }

        .onemore-title-box {
          margin-bottom:2rem;
        }

        .circle-badge {
          top: -3rem;
    right: -0.5rem;
    left:auto;
        }

        .timetime::before {
          width: 35px;
          height: 35px;
        }
        }