@charset "UTF-8";
@font-face {
  font-family: 'impact';
  src: url(../font/impact.ttf);
}
@font-face {
  font-family: 'MS-PGothic-Regular';
  src: url(../font/MS\ PGothic\ -\ Regular.ttf);
}
.ms-pgothic-font{
  font-family: 'MS-PGothic-Regular';
}
.impact-font{
  font-family: 'impact';
}
.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.m-plus-1p-bold {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.m-plus-1p-black {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.wrap-svg{
  width: 300px;
  margin: 0 auto;
}

@media (min-width: 765px) {
  .wrap-svg{
    width: 700px;
  }
}
.map_btn{
  opacity: 1;
}
.map_btn:hover{
  opacity: 0.5;
}
h1,h2,h3,h4,h5{
  font-weight: normal;
}
/* font */
html {
  scroll-padding-top: 67px; /* 固定ヘッダの高さ分 */
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  line-height: 1.6875;
  font-weight: bold;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
button{
  font-weight: bold;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
/* header */
.header{
  background-color: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  
}
header{
  position: fixed;
  background-color: #000000;
  z-index: 100;
  width: 100%;
}

@media (min-width: 765px) {
  .header{
    max-width: 1000px;
    margin: auto;
}
}
.header_logo_slumdunk_inner{
  padding-top: 7px;
  width: 240px;
}
@media (min-width: 765px) {
  .header_logo_slumdunk_inner{
    width: 450px;
  }
}
.header_logo_slumdunk_inner img{
  width: 100%;
}

.header_logo_inner{
  gap:20px;
  display: flex;
  align-items: center;
}
@media (min-width: 765px) {
  .header_logo_inner{
    gap:40px;
  }
}
.header_logo_white{
  padding-top: 5px;
  width:20px;
}
.header_logo_white a:hover{
  opacity: 0.7;
}
@media (min-width: 765px) {
  .header_logo_white{
    width:30px;
  }
}
.header_logo_white img{
  width:100%;
}
.header_logo_slumdunk{
  padding-top: 5px;
  width: 37px;
}
.header_logo_slumdunk:hover{
  opacity: 0.7;
}
@media (min-width: 765px) {
  .header_logo_slumdunk{
    width:54px;
  }
}
.header_logo_slumdunk img{
  width: 100%;
}
/* KV */
@media (min-width: 765px) {
.sp_kv{
display: none;
}
}
.pc_kv{
  display: none;
}
@media (min-width: 765px) {
  .pc_kv{
    display: block;
    padding-top: 67px;
  }
}
.KV_area{
  background-color: #D8D9D4;
}
.kv img{
  width: 100vw;
}
.sp_kv{
  margin-top: 40px;
}
/* 固定のバナー */
.sp_banner{
  display: block;
  margin: 30px auto;
}
.sp_banner:hover{
  opacity: 0.7;
}
.pc_banner:hover{
  opacity: 0.7;
}
@media (min-width: 765px) {
  .sp_banner{
  display: none;
  }
  }

  .pc_banner{
    display: none;
  }
  @media (min-width: 765px) {
    .pc_banner{
      display: block;
      padding: 50px 0;
      margin: 0 auto;
    }
  }
/* TOPのグレー背景 */
.top_bg{
background-image: url(../img/bg.png);
padding: 50px 15px;
background-position: bottom;
background-size: contain;
}
/* movie */
.movie_area{
  width: 100%;
}
.movie {
  aspect-ratio: 16 / 9;
  margin: 0 auto 50px;
}
@media (min-width: 765px) {
  .movie {
    width: 800px;
    margin: 50px auto 100px;
  }
}
.movie iframe {
  width: 100%;
  height: 100%;
}
/* about */
.about_title{
  color: #D7000F;
  font-size: 2rem;
  text-align: center;
  padding-top: 50px;
}
@media (min-width: 765px) {
  .about_title{
    font-size: 5rem;
  }
}
.about_img{
  width: 105px;
  margin: 0 auto;
  padding:10px 0 50px;
}
@media (min-width: 765px) {
  .about_img{
    width: 150px;
  }
}
.about_img img{
  width: 100%;
}
.about_text{
  padding-bottom: 30px;
  text-align: center;
  line-height: 3rem;
  font-size: 1.5rem;
}
@media (min-width: 765px) {
  .about_text{
    padding-bottom: 30px;
    text-align: center;
    line-height: 4.5rem;
    font-size: 2rem;
  }
}
@media (min-width: 765px) {
.about_text:last-child{
  padding-bottom: 50px;
}
}
.about_contents{
  margin: 0 10px;
}

/* gallery slider */
.gallery_area img{
  width: 100%;
}
.slick-slide{
  height: auto;
}
/* outline */
/* .outline_contents{
  position: relative;
}
@media (min-width: 765px) {
  .outline_contents{
    display: none;
  }
}
.outline_text{
  padding-top: 50px;
  background-image: url(../img/outline_bg_sp.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 50px 10px 120px 10px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 3rem;
  color: white;
  border-radius: 10px;
}
.outline_img{
  width: 355px;
  position: absolute;
  top:340px;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.outline_img_pc{
  display: none;
}
.outline_img img{
  width: 100%;
}

.outline_contents_pc{
  display: none;
}
.outline_pc{
  position: relative;
}

@media (min-width: 765px) {
  .outline_contents_pc{
    display: block;
  }
}
@media (min-width: 765px) {
.outline_info{
  width: 100%;
  justify-content: space-evenly;
  position: absolute;
  top: 20px;
  display: flex;
  gap:10px;
  margin: 0 auto 0 auto;
  left: 0;
  right: 0;
  align-items: center;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
}
@media (min-width: 1000px) {
  .outline_info{
    justify-content: space-evenly;
    max-width: 1000px;
    gap:20px;
  }
}
@media (min-width: 765px) {
.outline_player_pc{
  width: 369px;
}
}
@media (min-width: 765px) {
  .outline_player_pc img{
    width: 100%;
    border-radius: 10px;
  }
  }
  @media (min-width: 1000px) {
    .outline_player_pc{
      width: 420px;
    }
  }
@media (min-width: 765px) {
.outline_text_pc{
  width: 45%;
  font-size: 1.6rem;
  line-height: 3rem;
  color: white;
}
}
@media (min-width: 1000px) {
.outline_text_pc{
  width: 400px;
  font-size: 1.8rem;
  line-height: 3.3rem;
}
}

@media (min-width: 765px) {
  .outline_bg_pc img{
    width: 56%;
    height: 320px;
    border-radius: 0px 15px 15px 0;
  }
  }
@media (min-width: 1000px) {
  .outline_bg_pc img{
    width: 60%;
    height: 330px;
  }
  }
@media (min-width: 1500px) {
  .outline_bg_pc img{
    width: 56%;
  }
} */

/* overview */
.overview_contents{
  position: relative;
  padding: 80px 0;
}
@media (min-width: 765px) {
  .overview_contents{
    padding-top: 170px;
    display: none;
    padding: 130px 0;
  }
}

.overview_contents_pc_inner{
  display: none;
}
@media (min-width: 765px) {
  .overview_contents_pc_inner{
  position: relative;
  padding: 80px 0 130px;
  display:block;
  }
}
@media (min-width: 765px) {
  .overview_contents_pc{
    display: flex;
    gap: 50px;
    justify-content: center;
    padding-top: 0px;
    max-width: 800px;
    margin: 0 auto;
  }
}
@media (min-width: 765px) {
  .overview_logo_bg_pc{
    position: absolute;
    top:0px;
    width: 100%;
    z-index: -1;
  }
  .overview_logo_bg_pc img{
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .overview_logo_bg_pc{
    right: 0;
    left: 0;
    position: absolute;
    width: 1300px;
    margin: 0 auto;
    z-index: -1;
  }
}
.overview_logo_bg{
  top: 0px;
  position: absolute;
  z-index: -1;
}
@media (min-width: 765px) {
  .overview_logo_bg{
    display: none;
  }
}
.overview_logo_bg{
  width: 100%;
}
.overview_logo_bg img{
  width: 100%;
}
.overview_img01{
  width: 180px;
  margin: 0 auto;
}
.overview_img01 img{
  width: 100%;
}
.overview_title{
  font-size: 2rem;
  padding-bottom: 7px;
}
@media (min-width: 765px) {
  .overview_title{
    padding-bottom: 11px;
  }
}
.overview_title_2{
  font-size: 2rem;
  padding-bottom: 18px;
}
@media (min-width: 765px) {
  .overview_title_2{
    padding-bottom: 18px;
  }
}
.overview_text{
  color: white;
  width: 150px;
  margin: 0 auto;
  padding-top: 20px;
  font-size: 1.4rem;
  align-items: center;
}
@media (min-width: 765px) {
  .overview_text{
    padding-top: 35px;
    font-size: 1.6rem;
  }
}
.overview_text_box img{
  width: 170px;
  height: 170px;
}
.overview_text_box{
  margin: 0 auto;
  background-size: cover;
  text-align: center;
}
@media (min-width: 765px) {
  .overview_text_box img{
    width: 100%;
    height: 100%;
  }
}
.overview_wrapper_sp{
  display: flex;
  justify-content: center;
  gap:10px;
}
@media (min-width: 765px) {
  .overview_wrapper_sp{
    gap:50px;
  }
}

/* campaign */
.campaign02_attention{
  text-align: center;
  font-size: 1.6rem;
  margin: 10px 0 30px;
  color: #D7000F;
}
@media (min-width: 765px) {
  .campaign02_attention{
    text-align: center;
    font-size: 2.7rem;
    max-width: 700px;
    margin: 0 auto;
    padding-bottom: 15px;
  }
}
.campaign02_attention_text{
  max-width: 800px;
  margin: 0 auto;
  color: #D7000F;
  font-size: 1.5rem;
  width: calc(100% - 30px);
}
@media (min-width: 765px) {
  .campaign02_attention_text{
    font-size: 1.6rem;
  }
}
.campaign_simekiri{
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
    color: #D7000F;
}
.campaign_attention{
  text-align: center;
  padding-top: 45px;
  font-size: 2rem;
  margin: 0 10px;
  color: #D7000F;
}
@media (min-width: 765px) {
  .campaign_attention{
    text-align: center;
    font-size: 2.7rem;
    max-width: 700px;
    margin: 0 auto;
  }
}
.campaign_inner01{
  padding-bottom: 30px;
  background-color: #ffffff;
  width: calc(100% - 30px);
  margin: 0 auto;
  border-radius: 10px;
  border: 2px solid #CE0101;
  position: relative;
}
@media (min-width: 765px) {
  .campaign_inner01{
    margin-bottom: 5rem;
  }
}
.campaign_ticket{
  position: absolute;
  top: -50px;
  left: 10px;
  display: block;
  width: 120px;
}
@media (min-width: 765px) {
  .campaign_ticket{
    width: 130px;
    top: -65px;
    left: 18px;
  }
}
.campaign_inner02{
  padding-bottom: 30px;
  background-color: #ffffff;
  width: calc(100% - 30px);
  margin: 0 auto;
  border-radius: 10px;
  border: 2px solid #00034E;
}
.campaign_contents{
  background-image: url(../img/campaign_bg_sp.webp);
  padding-bottom: 50px;
  background-repeat: no-repeat;
    background-position: bottom;
}
@media (min-width: 765px) {
  .campaign_contents{
  padding-bottom: 100px;
  }
}
@media (min-width: 765px) {
.campaign_flex{
  max-width: 800px;
  gap: 30px;
  margin: 0 auto;
}
}
.campaign_num{
  padding-top: 30px;
  font-size:1.8rem;
  text-align: center;
  color: #D7000F;
}
@media (min-width: 765px) {
  .campaign_num{
    font-size:2.5rem;
  }
}
.campaign_num02{
  padding-top: 30px;
  font-size:1.8rem;
  text-align: center;
  color: #00034E;
}
@media (min-width: 765px) {
  .campaign_num02{
    font-size:2.5rem;
  }
}
.campaign_img{
  width: 70px;
  margin: 0 auto;
}
@media (min-width: 765px) {
  .campaign_img{
  width: 80px;
  }
}
.campaign_img img{
  width: 100%;
}
.campaign_title{
  padding-top: 30px;
  font-size: 1.6rem;
  text-align: center;
}
@media (min-width: 765px) {
  .campaign_title{
    font-size: 1.7rem;
    padding-bottom: 1rem;
    border-bottom: 1.7px dotted #CE0101;
    margin: 0 30px;
  }
}
@media (min-width: 765px) {
.campaign_title2{
    border-bottom: 1.7px dotted #00034E;
}
}
.campaign_title span{
  font-size: 1.5rem;
}
.campaign_text{
  padding-top: 30px;
  font-size: 1.6rem;
  margin: 0 15px;
  font-weight: normal;
}
@media (min-width: 765px) {
  .campaign_text{
    max-width: 700px;
    font-size: 1.6rem;
    text-align: center;
    margin: 0px auto 15px;
}
}
.campaign_button-01 {
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  width: 280px;
  margin:30px auto 0 auto;
  padding: 10px;
  border-radius: 40px;
  background-color: #fff;
  color: #ffffff;
  background-color:#D7000F;
  font-size: 1.6rem;
  text-decoration: none;
  transition: .3s;
}
.campaign_button-01:hover{
  transform: scale(1.1);
}
.campaign_button-01::after {
  transform: rotate(135deg);
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  content: '';
}
.campaign_illustration{
  width:240px;
  margin: 20px auto;
}
@media (min-width: 765px) {
  .campaign_illustration{
    width:400px;
    margin: 50px auto;
  }
}
.campaign_illustration img{
  width:100%;
}
.campaign_button-02 {
  text-decoration: none;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin:30px auto 0 auto;
  padding: 10px 13px;
  border-radius: 40px;
  background-color: #fff;
  color: #ffffff;
  background-color: #00034E;
  font-size: 1.6rem;
  transition: .3s;
}
.campaign_button-02:hover {
  transform: scale(1.1);
}
.campaign_button-02::after {
  transform: rotate(135deg);
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  content: '';
}
@media (min-width: 765px) {
.campaign_table{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 20px 15px;
}
}
.campaign_club{
  font-size: 1.3rem;
  font-weight: bold;
  align-items: center;
  display: flex;
  margin-left: 3rem;
  padding-bottom: 1rem;
  gap: 2rem;
}
@media (min-width: 765px) {
  .campaign_club{
      font-size: 1.5rem;
  }
}
.campaign_club_logo{
  width: 35px;
}
@media (min-width: 765px) {
  .campaign_club_logo{
  width: 55px;
}
}
/* 参加者の声 */
.voice_bg{
  background-color: rgb(255, 255, 255);
  padding:20px 15px;
  font-size: 1.4rem;
  border-radius: 10px;
  height: 380px;
  border: 2px solid #CE0101;
  font-weight: normal;
}
@media (min-width: 765px) {
  .voice_bg{
    height: 350px;
    padding: 15px;
    font-size: 1.4rem;
  }
}
.voice_ttl{
  padding-bottom: 30px;
  font-size: 1.6rem;
}
.voice_slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
  width:94%;
  margin:0 auto;
  max-width: 800px;
}

.voice_slider img {
  width:100%;
  height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/
.voice_slider .slick-slide {
  margin:0 10px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-next:before{
  content: '';
}
.slick-prev:before {
  content: '';
}
.slick-prev, 
.slick-next {
   position: absolute;
   top: 42%;
   cursor: pointer;
   outline: none;
   border-top: 2px solid #CE0101;
   border-right: 2px solid #CE0101;
   height: 15px;
   width: 15px;
}

.slick-prev {
   left: -1.5%;
   transform: rotate(-135deg);
}

.slick-next {
   right: -1.5%;
   transform: rotate(45deg);
}
.slick-next2:before{
  content: '';
}
.slick-prev2:before {
  content: '';
}
.slick-prev2, 
.slick-next2 {
   position: absolute;
   top: 42%;
   cursor: pointer;
   outline: none;
   border-top: 2px solid #CE0101;
   border-right: 2px solid #CE0101;
   height: 15px;
   width: 15px;
}
.slick-prev2 {
  left: 5%;
  transform: rotate(-135deg);
}

.slick-next2 {
  right: 5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
   text-align:center;
 margin:20px 0 0 0;
}

.slick-dots li {
   display:inline-block;
 margin:0 5px;
}

.slick-dots button {
   color: transparent;
   outline: none;
   width:8px;
   height:8px;
   display:block;
   border-radius:50%;
   background:#ccc;
}





/* campaign 第一弾 */
.campaign01_contents{
  background-color: #F8F6EC;
  padding-bottom: 100px;
}
.campaign01_title{
  color: #fff;
  padding: 10px 15px;
  font-size:1.6rem;
  text-align: center;
  line-height: 2.6rem;
  background-image: url(../img/step1_title.webp);
  background-size: cover;
}
@media (min-width: 765px) {
  .campaign01_title{
    padding: 10px 0 10px 0;
    font-size: 1.8rem;
  }
}

.campaign01_title span{
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: normal;
}
@media (min-width: 765px) {
  .campaign01_title span{
    font-size: 1.5rem;
  }
}
.campaign01_num{
  font-size:1.6rem;
  padding-bottom: 5px;
}
@media (min-width: 765px) {
  .campaign01_num{
    font-size:1.8rem;
    padding-bottom: 8px;
  }
}

/* 講師のcss */
.instructor-item{
  width: calc(100% - 30px);
  align-items: center;
  margin: 0 auto;
  gap: 20px;
  padding-top: 15px;
  text-align: center;
}
@media (min-width: 765px) {
  .instructor-item{
    padding-top: 30px;
    width: calc(100% - 0px);
  }
}
.instructor-name{
  padding-top: 1rem;
  font-size: 1.7rem;
  line-height: 2rem;
}
@media (min-width: 765px) {
.instructor-name{
  font-size: 1.8rem;
}
}
.instructor-reading{
  font-size: 1.3rem;
  font-weight: normal;
}
@media (min-width: 765px) {
  .instructor-reading{
  font-size: 1.4rem;
  }
}

.instructor-club,.instructor-scholarship{
  font-size: 1.5rem;
  line-height: 1.8rem;
}

.instructor-txt{
  font-size: 1.6rem;
  text-align: center;
  padding-bottom: 15px;
  color: #D7000F;
}
@media (min-width: 765px) {
  .instructor-txt{
    padding: 50px 0 30px;
    font-size: 2.7rem;
  }
}
.instructor-contents{
  padding: 0 0 50px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 765px) {
  .instructor-contents{
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0 80px 0;
  }
}
.instructor-club{
  padding-top: 10px;
}

@media (min-width: 765px) {
.instructor-club{
padding-bottom: 5px;
}
}

.instructor-scholarship{
  line-height: 1.8rem;
  font-weight: normal;
}
.instructor-img{
width: 150px;
}
@media (min-width: 765px) {
  .instructor-img{
    width: 180px;
    }
}
.instructor-atention{
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.3rem;
}
.schedule01_button-01:hover{
  opacity: 0.7;
}
.schedule01_button-01 {
  text-decoration: none;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin:30px auto 30px auto;
  padding: 10px;
  border-radius: 40px;
  background-color: #fff;
  color: #ffffff;
  background-color: #D7000F;
  font-size: 1.5rem;
  /* transition: .3s; */
}
@media (min-width: 765px) {
  .schedule01_button-01 {
    width: 340px;
    border-radius: 130px;
    height: 35px;
    margin: 15px auto 20px;
  }
}
.schedule01_button-01_btn{
  text-decoration: none;
  margin: 0 auto;
}
@media (min-width: 500px) {
.ai_smart_slider{
  display: none;
}
}
.ai_smart_contents_button {
  text-decoration: none;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  width: 300px;
  margin:0 auto;
  padding: 4px 5px;
  border-radius: 40px;
  background-color: #fff;
  color: #ffffff;
  background-color: #888888;
  font-size: 2rem;
  /* transition: .3s; */
}
@media (min-width: 765px) {
  .ai_smart_contents_button {
    width: 340px;
    border-radius: 130px;
    height: 35px;
    margin: 15px auto 20px;
  }
}
.next_btn{
  width: 100px;
  display: block;
}
/* .schedule01_button-01::after {
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  content: '';
} */
/* .schedule01_button-01:hover{
  transform: scale(1.1);
} */
.map_club_contents{
  margin-top: 50px;
}

.club_item01{
  display: flex;
  align-items: center;
  gap:20px;
  margin: 0 5px;
  justify-content: center;
  width: 350px;
}
@media (min-width: 765px) {
  .club_item01{
    margin: 0 auto;
    gap:80px;
    width: 650px;
  }
}
.club_text_area{
  font-size: 1.2rem;
  width: 300px;
}
.map_club_logo_lh{
  width: 30px;
  position: absolute;
  right: 5%;
  top:35%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_lh{
    width: 60px;
    right: 3%;
    top:31%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_lh{
    width: 80px;
    right: 4%;
    top:35%;
  }
}
.map_club_logo_lh:hover{
  transform: scale(1.2,1.2);
}
.map_club_logo_an{
  width: 30px;
  position: absolute;
  right: 33%;
  top:15%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_an{
    width: 60px;
    right: 30%;
    top:12%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_an{
    width: 80px;
    right: 31%;
    top:15%;
  }
}
.map_club_logo_an:hover{
    transform: scale(1.2,1.2);
}
.map_club_logo_ub{
  width: 30px;
  position: absolute;
  right: 37%;
  top:36%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_ub{
    width: 60px;
    right: 36%;
    top:32%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_ub{
    width: 80px;
    right: 37%;
    top:32%;
  }
}
.map_club_logo_ub:hover{
  transform: scale(1.2,1.2);
}

.map_club_logo_gc{
  width: 30px;
  position: absolute;
  right: 10%;
  bottom:26%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_gc{
    width: 60px;
    right: 6%;
    bottom:23%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_gc{
    width: 80px;
    right: 8%;
    bottom:25%;
  }
}
.map_club_logo_gc:hover{
  transform: scale(1.2,1.2);
}

.map_club_logo_cj{
  width: 30px;
  position: absolute;
  right: 19%;
  bottom:10px;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_cj{
    width: 60px;
    right: 19%;
    bottom:5px;
  }
}
@media (min-width: 800px) {
  .map_club_logo_cj{
    width: 80px;
    right: 17%;
    bottom:0px;
  }
}
.map_club_logo_cj:hover{
  transform: scale(1.2,1.2);
}
.map_club_logo_fe{
  width: 30px;
  position: absolute;
  right: 47%;
  bottom:6px;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_fe{
    width: 60px;
    right: 44%;
    bottom:-5px;
}
}
@media (min-width: 800px) {
  .map_club_logo_fe{
    width: 80px;
    right: 48%;
    bottom:-10px;
}
}
.map_club_logo_fe:hover{
  transform: scale(1.2,1.2);
}
.map_club_logo_ss{
  width: 30px;
  position: absolute;
  left: 32%;
  top:45%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_ss{
    width: 60px;
    left: 36%;
    top:35%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_ss{
    width: 80px;
    left: 35%;
    top:39%;
  }
}
.map_club_logo_ss:hover{
  transform: scale(1.2,1.2);
}
.map_club_logo_hd{
  width: 30px;
  position: absolute;
  left: 8%;
  top:52%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_hd{
    width: 60px;
    left: 4%;
    top:48%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_hd{
    width: 80px;
    left: 4%;
    top:48%;
  }
}
.map_club_logo_hd:hover{
  transform: scale(1.2,1.2);
}
.map_club_logo_nv{
  width: 30px;
  position: absolute;
  left: 0%;
  top:75%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_nv{
    width: 60px;
    left: -9%;
    top:72%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_nv{
    width: 80px;
    left: -6%;
    top:72%;
  }
}
.map_club_logo_nv:hover{
  transform: scale(1.2,1.2);
}
.map_club_logo_rg{
  width: 30px;
  position: absolute;
  left: 20%;
  top:20%;
  transition: .5s;
}
@media (min-width: 600px) {
  .map_club_logo_rg{
    width: 60px;
    left: 13%;
    top:10%;
  }
}
@media (min-width: 800px) {
  .map_club_logo_rg{
    width: 80px;
    left: 15%;
    top:13%;
  }
}
.map_club_logo_rg:hover{
  transform: scale(1.2,1.2);
}
.map_club_logo_lh img{
  width: 100%;
}
.map_club_logo_an img{
  width: 100%;
}
.map_club_logo_ub img{
  width: 100%;
}
.map_club_logo_gc img{
  width: 100%;
}
.map_club_logo_cj img{
  width: 100%;
}
.map_club_logo_fe img{
  width: 100%;
}
.map_club_logo_ss img{
  width: 100%;
}
.map_club_logo_hd img{
  width: 100%;
}
.map_club_logo_nv img{
  width: 100%;
}
.map_club_logo_rg img{
  width: 100%;
}
.map_club_wrapper{
  position: relative;
  width: 340px;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media (min-width: 500px) {
  .map_club_wrapper{
  width: 450px;
  margin-top: 40px;
  margin-bottom: 60px;
  }
}
@media (min-width: 800px) {
  .map_club_wrapper{
  width: 700px;
  margin-bottom: 80px;
  }
}
.map_club_inner img{
  width: 100%;
}
/* Google Mapを囲う要素 */

.map {
  position: relative;
  width: 95%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
@media (min-width: 765px) {
  .map {
    width: 70%;
  }
}
@media (min-width: 765px) {
  .map {
    width: 90%;
  }
}
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* モーダル各クラブ紹介はじまり */
.btnBox{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  padding-bottom: 50px;
  gap: 10px;
  width: calc(100% - 30px);
  padding-top: 50px;
}
@media (min-width: 765px) {
  .btnBox{
    max-width: 800px;
    gap: 30px;
  }
}
.btnBox__item{
  list-style: none;
}
.btnBox__item_img{
  width: 100%;
  display: block;
}
.application-start:hover{
  opacity: 0.6;
}
.btnBox_club_logo{
  width: 40px;
  display: block;
}
@media (min-width: 765px) {
  .btnBox_club_logo{
    width: 100px;
  }
}
.btnBox_inner{
  align-items: center;
  font-size: 1.2rem;
  padding-top: 8px;
}
@media (min-width: 765px) {
  .btnBox_inner{
    font-size: 1.6rem;
  }
}
.btnBox_inner h2{
  font-weight: bold;
}
.btnBox_inner li{
  display: grid;
  grid-template-columns: 30% 70%;
  max-width: 100%;
  gap: 10%;
  list-style: none;
  font-weight: normal;
  border-bottom: 1px solid rgb(190, 190, 190);
}

.btnBox_inner h3{
  font-weight: bold;
}


/* キャンペーン第二弾 */
.campaign02_title{
  color: #fff;
  padding: 10px 15px;
  font-size:1.6rem;
  text-align: center;
  line-height: 2.6rem;
  background-image: url(../img/step2_title.webp);
  background-size: cover;
}
@media (min-width: 765px) {
  .campaign02_title{
    font-weight: 700;
    padding: 10px 0 10px 0;
    font-size:1.8rem;
  }
}
.campaign02_title span{
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: normal;
}
@media (min-width: 765px) {
  .campaign02_title span{
    font-size: 1.5rem;
  }
}
.campaign02_num{
  font-size:1.6rem;
  padding-bottom: 5px;
}
@media (min-width: 765px) {
  .campaign02_num{
    font-size:1.8rem;
    padding-bottom: 8px;
  }
}
.campaign02_img{
  box-sizing: border-box;
  margin-top:35px;
  width: 95%;
  margin: 40px auto;
}
.campaign02_img_pc{
  display: none;
}
@media (min-width: 765px) {
  .campaign02_img_sp{
    display: none;
  }
  .campaign02_img_pc{
    display: inline-block;
  }
}
@media (min-width: 765px) {
  .campaign02_img{
  max-width: 700px;
  }
}
.campaign02_img img{
  width: 100%;
}
.campaign02_bg{
  position: relative;
}
.campaign02_text{
  position: absolute;
  top: 50px;
  color: #fff;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 1.6rem;
}
@media (min-width: 765px) {
  .campaign02_text{
  top: 45px;
  font-size: 2.2rem;
  }
}
.campaign02_grid{
  display: grid;
  max-width: 360px;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  margin: 50px auto;
}
@media (min-width: 765px) {
  .campaign02_grid{
    max-width: 800px;
    gap: 15px;
  }
}
.campaign02_img01{
  grid-column: 1;
}
.campaign02_img01 img,.campaign02_img02 img,.campaign02_img03 img,.campaign02_img04 img{
  width: 100%;
}
.campaign02_dl{
  display: flex;
  flex-wrap: wrap;
  margin: 10px 20px;
  font-size: 1.5rem;
}
@media (min-width: 765px) {
  .campaign02_dl{
    max-width: 800px;
    margin: 50px auto;
    font-size: 1.6rem;
  }
}
.campaign02_dl .campaign02_dt {
  border-bottom: 1px solid #00034E;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 30%;
  color: #00034E;
  font-size: 1.4rem;
}
@media (min-width: 765px) {
  .campaign02_dl .campaign02_dt {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.6rem;
  }
}
.campaign02_dl .campaign02_dd {
  border-bottom: 1px solid #00034E;
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 1.4rem;
}
@media (min-width: 765px) {
  .campaign02_dl .campaign02_dd {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.5rem;
  }
}
.campaign02_button-01 {
  text-decoration: none;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  width: 320px;
  margin:45px auto 0 auto;
  padding: 10px 13px;
  border-radius: 40px;
  background-color: #D7000F;
  color: #ffffff;
  font-size: 1.5rem;
  /* transition: .3s; */
}
@media (min-width: 765px) {
  .campaign02_button-01 {
    width: 340px;
    font-size: 1.8rem;
  }
}
.campaign02_button-02 {
  text-decoration: none;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  width: 320px;
  margin:45px auto 0 auto;
  padding: 10px 13px;
  border-radius: 40px;
  background-color: #130072;
  color: #ffffff;
  font-size: 1.5rem;
  /* transition: .3s; */
}
@media (min-width: 765px) {
  .campaign02_button-02 {
    width: 340px;
    font-size: 1.8rem;
  }
}
.campaign02_button-01:hover{
  opacity: 0.7;
}
.campaign02_button-02:hover{
  opacity: 0.7;
}

/* .campaign02_button-01::after {
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  content: '';
} */
/* .campaign02_button-01:hover{
  transform: scale(1.1);
} */
.appeal_sub_title01{
  font-size: 1.7rem;
}
@media (min-width: 765px) {
  .appeal_sub_title01{
    font-size: 1.8rem;
  }
}
.appeal_sub_text02{
  font-size: 1.4rem;
  margin: 30px 10px 0 10px;
  font-weight: normal;
  max-width: 700px;
  margin: 0 auto;
  width: calc(100% - 20px);
}
@media (min-width: 765px) {
  .appeal_sub_text02{
    font-size: 1.6rem;
    width: calc(100% - 0px);
  }
}
.appeal_sub_text01{
  font-size: 1.4rem;
  margin: 30px 10px 0 10px;
}
@media (min-width: 765px) {
  .appeal_sub_text01{
    font-size: 1.6rem;
  }
}
.appeal_wrapper01{
  background-color: #ffffffed;
  border-radius: 12px 12px 10px 10px;
  border: 1px solid #D7000F;
  margin: 50px 10px;
}
@media (min-width: 765px) {
  .appeal_wrapper01{
    max-width: 800px;
    margin: 0 auto;
  }
}
.appeal_wrapper02{
  background-color: #ffffffed;
  border-radius: 12px 12px 10px 10px;
  border: 1px solid #D7000F;
  margin: 50px 10px;
}
@media (min-width: 765px) {
  .appeal_wrapper02{
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
  }
}
.appeal_wrapper03{
  background-color: #ffffffed;
  border-radius: 12px 12px 10px 10px;
  border: 1px solid #D7000F;
  margin: 50px 10px;
}
@media (min-width: 765px) {
  .appeal_wrapper03{
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
  }
}
.sp{
  display: none;
}
@media (min-width: 765px) {
  .sp{
    display: block;
  }
}
@media (min-width: 765px) {
.pc{
  display: none;
}
}

.ai_smart_img{
  width:200px;
}
.ai_smart_contents_img img{
  height: 85px;
  margin: 0 auto;
}
.AIsmartcoach{
  font-size: 1.3rem;
}
.ai_smart_contents_btn{
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: 1.5rem;
  background-color: #D7000F;
  text-align: center;
  width: 300px;
  padding: 10px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
}
.ai_smart_contents_btn:hover{
  opacity: 0.6;
}
.ai_smart_contents_a{
  text-decoration: none;
}
.ai_smart_contents_btn a{
  color: #fff;
}
.ai_smart_contents_img {
  padding-bottom: 30px;
  text-align: center;
}
.ai_smart_contents{
  padding-top: 30px;
  font-size: 1.5rem;
}
.ai_smart_contents_text{
  padding: 10px;
  font-weight: 500;
  font-size: 1.4rem;
}
@media (min-width: 765px) {
  .ai_smart_contents_text{
    font-size: 1.5rem;
  }
}
.ai_smart_contents_title{
  font-size: 1.5rem;
  text-align: center;
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #ffffff;/*背景色*/
  border-bottom: solid 2px #D7000F;/*下線*/
  border-top: solid 2px #D7000F;/*下線*/
  margin: 0 auto;
}
@media (min-width: 765px) {
  .ai_smart_contents_title{
    width: 700px;
    font-size: 1.6rem;
  }
}
.qr{
  width: 180px;
}
.ui_container_pc{
  display: none;
}
@media (min-width: 500px) {
  .ui_container_pc{
    display: flex;
  }
}
/*==================================================
スライダーのためのcss
===================================*/
.ui_inner {
  overflow: auto;
  scroll-snap-type: x;
  display: flex;
  margin:0 15px;
}
.area {
  scroll-snap-align: start;
  /* width: 100vw; */
  width: 100%;
  height: 100%;
  flex: none;
}
.area img{
  margin-bottom: 10px;
  width: 80%; 
}
/* General Styling */
.ui_container {
  text-align: center;
  color: #fff;
}
@media (min-width: 765px) {
  .ui_container {
    display: none;
  }
}
.ui_inner_pc{
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media (min-width: 765px) {
  .ui_inner_pc{
    padding-bottom: 30px;
  }
}

@media (min-width: 500px) {
.area_pc img{
  width: 130px;
}
}
@media (min-width: 800px) {
  .area_pc img{
    width: 180px;
  }
  }
.area_icon{
  width: 30px;
}
@media (min-width: 500px) {
.area_txt_pc{
  text-align: center;
}
}
.area_txt{
  margin-top: 30px;
  font-size: 1.6rem;
  color: #000000;
}
/* ===========================*/
.appeal_title01{
  padding: 10px 10px 13px 10px;
  border-radius: 10px 10px 0 0 ;
  text-align: center;
  background-color: #D7000F;
  font-size: 1.8rem;
  color: #fff;
}
.appeal_title01 img{
  width: 230px;
}
@media (min-width: 765px) {
  .appeal_title01{
    font-size: 2.3rem;
  }
}
.appeal_scholarship_btn{
  background-color: #D7000F;
  text-decoration: none;
  display: block;
  width: 300px;
  text-align: center;
  color: white;
  font-size: 1.5rem;
  padding: 10px;
  border-radius: 50px;
  margin-top: 50px;
  margin: 50px auto 0 auto;
}
.appeal_scholarship img{
  display: block;
  max-width: 300px;
  margin: 30px auto;
}
@media (min-width: 765px) {
  .appeal_scholarship img{
  margin: 50px auto;
  }
}
.appeal_01{
  width: 95%;
  margin:30px auto 30px auto;
}
@media (min-width: 765px) {
  .appeal_01{
    max-width: 700px;
    margin:50px auto 50px auto;
  }
}
.appeal_text{
  padding-bottom: 20px;
}
.appeal_text02{
  padding-bottom: 50px;
}
@media (min-width: 765px) {
  .appeal_text{
    max-width: 700px;
    margin: 0 auto;
  }
}
.appeal_01 img{
  width: 100%;
}
.appeal01_dl{
  display: flex;
  flex-wrap: wrap;
  margin: 30px 10px 0px 10px;
  font-size: 1.4rem;
  margin-bottom: 30px;
}
@media (min-width: 765px) {
  .appeal01_dl{
  width: 700px;
  margin: 50px 10px 0px 10px;
  font-size: 1.6rem;
  }
}
.ai_smart_contents_dl{
  margin-top: 10px;
  font-size: 1.4rem;
}
@media (min-width: 765px) {
  .ai_smart_contents_dl{
    font-size: 1.5rem;
  }
}
.appeal01_dl .appeal01_dt {
  border-bottom: 1px solid #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 25%;
  color: #000000;
}
.smart_corch_btn {
  text-decoration: none;
  display: flex;
  border: none;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin:20px auto 0 auto;
  padding: 10px 10px;
  border-radius: 40px;
  background-color: #fff;
  color: #ffffff;
  background-color: #D7000F;
  font-size: 1.2rem;
  border-radius: 1px solid #D7000F;
  transition: .3s;
  
}
.br_sp{
  display: none;
}
@media (min-width: 765px) {
  .br_sp{
    display: block;
  }
}
@media (min-width: 765px) {
  .smart_corch_btn {
  padding: 10px 10px;
  width: 220px;
  }
}
.smart_corch_btn::after {
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  content: '';
}
.smart_corch_btn:hover{
  transform: scale(1.1);
}

.app{
  padding-top: 20px;
  width: 240px;
  margin: 0 auto;
  transition: .3s;
}
.app:hover{
  transform: scale(1.1);
}
@media (min-width: 765px) {
  .app{
    width: 220px;
  }
}
.app_inner{
  padding-top: 20px;
  padding-bottom: 40px;
}

@media (min-width: 765px) {
  .app_inner{
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    gap: 20px;
    justify-content: center;
  }
}
.app img{
  width: 100%;
}
.ai_smart_text{
  text-align: center;
  font-size: 1.6rem;
}
.otuka_text{
  text-align: center;
  font-size: 1.6rem;
  padding-top: 10px;
}
.otuka_logo_item{
text-align: center;
}
.otuka_logo_item img{
  width: 100px;
  margin: 0 auto;
}
@media (min-width: 765px) {
  .otuka_logo_item img{
  width: 100px;
  }
}

.pokari{
  padding-top: 25px;
  gap: 30px;
}
@media (min-width: 765px) {
  .pokari{
    display: flex;
    align-items: center;
  }
}
@media (min-width: 765px) {
.calorie_mate{
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: 30px;
  align-items: center;
}
}

.otuka_text_item{
  font-size:1.4rem;
  margin-bottom: 20px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 30px;
  font-weight: 500;
}
@media (min-width: 765px) {
.otuka_text_item{
  font-size:1.6rem;
}
}
.otuka_inner{
  margin: 0 10px;
}
@media (min-width: 765px) {
  .otuka_inner{
    font-size: 1.6rem;
  }
}
.appeal01_dl .appeal01_dd {
  border-bottom: 1px solid #000000;
  width: 75%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.appeal01_dd_text{
  font-size: 1.3rem;
  color: #999999;
}
.appeal01_dd {
  font-weight: 400;
}
.appeal01_dd_img{
  margin-top: 20px;
  text-align: center;
}
.appeal01_dd_img img{
  width: 240px;
  margin: 0 auto;
}
.appeal01_dd_text{
  text-align: center;
}
.appeal_contents01{
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 30px;
  padding-top: 30px;
  background-image: url(../img/appeal_sp_bg.webp);
}
@media (min-width: 765px) {
  .appeal_contents01{
    padding: 100px 0;
  }
}
/* スポンサー */
.sponser_contents{
  padding-top:90px;
  padding-bottom: 70px;
}
.sponser01{
  padding-top: 30px;
  width: 200px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.sponser02{
  padding-top: 25px;
  width: 100px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.sb_log{
  width: 200px;
}
.sb_log:hover{
  opacity: 0.7;
}
.sb_log img{
  width: 100%;
}
.ai_smart_corch_logo{
  width: 100px;
}
.ai_smart_corch_logo:hover{
  opacity: 0.7;
}
.ai_smart_corch_logo img{
  width: 100%;
}
.sponser01_sb{
  align-items: center;
  padding-bottom: 50px;
  display: flex;
  gap:20px;
  justify-content: center;
}
@media (min-width: 765px) {
  .sponser01_sb{
    gap:50px;
  }
}
.sponser01:hover{
  opacity: 0.6;
}
.sponser01 img{
  width: 100%;
}
.sponser02:hover{
  opacity: 0.6;
}
.sponser02 img{
  width: 100%;
}
.sns_contents{
  gap: 7px;
  display: flex;
  justify-content: center;
}
@media (min-width: 765px) {
  .sns_contents{
    gap: 20px;
  }
}
.youtube_btn_sns,.insta_btn_sns,.twitter_btn_sns,.line_btn_sns,.facebook_btn_sns{
  width: 40px;
}
@media (min-width: 765px) {
  .youtube_btn_sns,.insta_btn_sns,.twitter_btn_sns,.line_btn_sns,.facebook_btn_sns{
    width: 50px;
  }
}
.youtube_btn_sns img,.insta_btn_sns img,.twitter_btn_sns img,.line_btn_sns img,.facebook_btn_sns img{
  width: 100%;
}
.blg_logo{
  width: 40px;
  margin: 50px auto;
}
@media (min-width: 765px) {
  .blg_logo{
    width: 60px;
  }
}
.blg_logo img{
  width: 100%;
}
.small{
  text-align: center;
  padding-bottom: 15px;
}

/* 地図 クラブ */
.club-list-map{
  margin-top: 40px;
  margin-bottom: 50px;
}
@media (min-width: 765px) {
  .club-list-map{
    margin-top: 70px;
    margin-bottom: 80px;
  }
}

#長方形_140589:hover {
  fill:#D8D9D4;
}
#長方形_140591:hover{
  fill:#D8D9D4;
}
#長方形_140591-2:hover{
  fill:#D8D9D4;
}
#長方形_140589-8:hover{
  fill:#D8D9D4;
}
#長方形_140589-6:hover{
  fill:#D8D9D4;
}

#長方形_142140{
  z-index: 1000;
}
.module_title{
  display: none;
}


.otsuka_logo{
  width:280px;
}
@media (min-width: 765px) {
  .otsuka_logo{
    width:380px;
  }
}

.arupen-txt{
  text-align: center !important;
}