@charset "UTF-8";

  .course-info {
    padding-bottom:3rem;
  }
  .course-info h2{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:700;
    color:#000;
    font-size:2.8rem;
    letter-spacing:0.1rem;
    margin-bottom:0.3rem;
  }
  .course-info h5 {
    font-size:0.7rem;
  }
  .c-icon_vocal {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/vocal/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_ssw {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/ssw/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_guitar {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/guitar/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_bass {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/bass/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_drums {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/drums/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_sound_creator {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/sound_creator/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_artist_general {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/artist_general/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_vocal_performance {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/vocal_performance/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_dance_performance {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/dance_performance/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_voice_artist {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/voice_artist/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_voice_actor_training {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/voice_actor_training/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_actor_training {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/actor_training/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_pa {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/pa/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_recording {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/recording/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_lighting {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/lighting/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_stage_general {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/stage_general/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_event {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/event/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon_manager {
    background:url(/fukuoka/img/for-guest/hs3_2024/pc/manager/bg.png) no-repeat;
    background-size:contain;
    text-align:right;
  }
  .c-icon img {
    width:91%;
    padding-bottom:3.5rem;
  }
  .c-icon img:hover {
    opacity:0.8;
  }

  .content h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:700;
    font-size:2.1rem;
    letter-spacing:0.1rem;
    margin-bottom:0.3rem;
  }
  .content h5 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:0.9rem;
    margin-bottom:2rem;
    font-weight:bold;
    letter-spacing:0.1rem;
  }

  .artist-title h3,
  .artist-title h5 {
    color:#c7161d;
  }

  .voice_actor-title h3,
  .voice_actor-title h5 {
    color:#e75297;
  }

  .staff-title h3,
  .staff-title h5 {
    color:#008cd5;
  }

  .title-copy {
    font-weight:700;
    margin-bottom:2rem;
    font-size:1.1rem;
  }

  .bread-bg {
    color:#fff;
    padding:0.5rem 0 2rem 0;
    font-size:0.8rem;
  }

  .bread-bg a {
    color:#fff;
  }

  .bread-bg02 {
    padding:0.5rem 0 2rem 0;
    font-size:0.8rem;
  }

  .bread-bg02 a {
    color:#000;
  }

  .h3-introbox {
    background-color:#000;
    padding-bottom:0rem;
  }
  .h3-intro-text {
    color:#fff;
    font-size:0.8rem;
    line-height:180%;
    text-align:center;
    padding:0;
  }

  ul.course {
    margin-top:1.5rem;
    list-style: none;
  }
  ul.course li {
    padding-left: 20px;
    line-height: 1.6em;
    background: url(/fukuoka/img/for-guest/hs3_2024/arrow.png) left 0px top 0px no-repeat;
    background-size: 14px auto;
  }

  ul.course li span {
    background-color:red;
    color:#fff;
    font-weight:900;
    padding:0rem 0.5rem;
    font-size:0.6rem;
  }



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

    .title-copy {
      font-size:0.9rem;
    }
    
    .content h3 {
      font-size:1.5rem; 
    }

    .content h3 span {
      font-size:1.4rem;
    }

    .content h5 {
      font-size:0.9rem;
    } 
    
    .course-info {
      background:none;
      padding-bottom:0;
    }

    .content-base {
      margin-top:0px;
    }

    .c-icon img {
      padding-bottom:2.5rem;
    }

    .c-icon_vocal {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/vocal/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_ssw {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/ssw/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_guitar {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/guitar/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_bass {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/bass/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_drums {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/drums/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_sound_creator {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/sound_creator/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_artist_general {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/artist_general/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_vocal_performance {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/vocal_performance/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_dance_performance {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/dance_performance/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_voice_artist {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/voice_artist/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_voice_actor_training {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/voice_actor_training/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_actor_training {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/actor_training/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_pa {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/pa/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_recording {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/recording/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_lighting {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/lighting/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_stage_general {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/stage_general/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_event {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/event/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }
    .c-icon_manager {
      background:url(/fukuoka/img/for-guest/hs3_2024/sp/manager/bg.png) no-repeat;
      background-size:contain;
      text-align:right;
      background-position:0 8.5vw;
    }

    .h3-intro-text {
      text-align:left;
      padding:1rem;
    }
    .h3-introbox {
      padding-bottom:0rem;
    }

    ul.course {
      margin-top:1rem;
      list-style: none;
      padding-left:1rem;
    }
    ul.course li {
      padding-left: 1rem;
      line-height: 1.6em;
      background-size: 0.7rem auto;
      font-size:0.8rem;
    }
 
  }