@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : style.css                                 */
/* update : 2023                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 全デバイス共通(PC向け) */
/* --------------------------------------------------- */
/* body */
/* -------------------------------------------------- */
#container {
  overflow: hidden;
}

.h2 {
  font-size: 40px;
  font-weight: bold;
  color: #ff45a3;
  border-bottom: solid 1px #ff45a3;
  line-height: 1.6;
  padding-bottom: 13px;
  margin-bottom: 35px;
}

.note {
  font-size: 12px;
  text-align: right;
  margin-top: 20px;
}

.sec_wrap {
  margin-bottom: 90px;
}

.mov_box {
  width: 100%;
  aspect-ratio: 16/9;
}
.mov_box iframe {
  width: 100%;
  height: 100%;
}

.course_list01 > li {
  margin-bottom: 60px;
}
.course_list01 > li.li01 {
  margin-bottom: 0;
}
.course_list01 > li.li01 .inner01.bi .course_inner {
  border-bottom: none;
}
.course_list01 > li.li02 .infor_box {
  display: none;
}
.course_list01 > li .inner01 {
  background: #FFF;
}
.course_list01 > li .inner01.ba .course_inner {
  border: solid 3px #cc73a7;
  border-top: none;
}
.course_list01 > li .inner01.ba .infor_box {
  background: #cc73a7;
}
.course_list01 > li .inner01.tb .course_inner {
  border: solid 3px #65cd6e;
  border-top: none;
}
.course_list01 > li .inner01.tb .infor_box {
  background: #65cd6e;
}
.course_list01 > li .inner01.na .course_inner {
  border: solid 3px #ee7baa;
  border-top: none;
}
.course_list01 > li .inner01.na .infor_box {
  background: #ee7baa;
}
.course_list01 > li .inner01.bw .course_inner {
  border: solid 3px #71cde1;
  border-top: none;
}
.course_list01 > li .inner01.bw .infor_box {
  background: #71cde1;
}
.course_list01 > li .inner01.hm .course_inner {
  border: solid 3px #f76a6b;
  border-top: none;
}
.course_list01 > li .inner01.hm .infor_box {
  background: #f76a6b;
}
.course_list01 > li .inner01.bi .course_inner {
  border: solid 3px #f8ab5d;
  border-top: none;
}
.course_list01 > li .inner01.bi .infor_box {
  background: #f8ab5d;
}

.infor_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #ff45a3;
}
.infor_box .box_pic {
  width: 54%;
}
.infor_box .box_text {
  width: 46%;
  color: #FFF;
  padding: 0 3%;
  box-sizing: border-box;
}
.infor_box .box_text .c_name {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
}
.infor_box .box_text .concept {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 20px;
}

.course_inner {
  width: 100%;
  margin: 0 auto;
  padding: 50px 12.5%;
  box-sizing: border-box;
}
.course_inner .course_mv {
  margin-bottom: 30px;
}
.course_inner .course_tit {
  color: #ff45a3;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
}
.course_inner .course_txt {
  margin-bottom: 30px;
}
.course_inner .course_txt span {
  font-weight: 700;
}
.course_inner ul li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
}
.course_inner ul li:nth-child(2n) {
  margin-right: 0;
}
.course_inner ul li:nth-child(n+3) {
  margin-bottom: 0;
}

.gallery_li {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.gallery_li li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.gallery_li li:nth-child(3n) {
  margin-right: 0;
}

.sp_more {
  display: none;
}

/* ---------------全デバイス共通(pc)-end--------------------- */
/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) { /* tablet */
  /* -------------------tablet END------------------------- */
}
/*----------------------------------------------------------*/
/* sp用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) { /* sp */
  .sec_wrap {
    margin-bottom: 45px;
  }
  .h2 {
    font-size: 22px;
    padding-bottom: 8px;
    margin-bottom: 15px;
  }
  .note {
    font-size: 11px;
    text-align: left;
    margin-top: 10px;
  }
  .course_list01 > li {
    margin-bottom: 30px;
  }
  .course_list01 > li .inner01 {
    background: #FFF;
  }
  .infor_box {
    display: block;
    margin-bottom: 0;
  }
  .infor_box .box_pic {
    width: 100%;
  }
  .infor_box .box_text {
    width: 100%;
    color: #FFF;
    padding: 15px;
  }
  .infor_box .box_text .c_name {
    font-size: 15px;
  }
  .infor_box .box_text .concept {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .course_inner {
    width: 100%;
    margin: 0;
    padding: 30px 15px;
    box-sizing: border-box;
  }
  .course_inner .course_mv {
    margin-bottom: 20px;
  }
  .course_inner .course_tit {
    color: #ff45a3;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 1.4;
  }
  .course_inner .course_txt {
    margin-bottom: 20px;
  }
  .course_inner ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .course_inner ul li:nth-child(2n) {
    margin-right: 0;
  }
  .course_inner ul li:nth-child(n+3) {
    margin-bottom: 0;
  }
  .gallery_li {
    margin-bottom: 0;
  }
  .gallery_li li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .gallery_li li:nth-child(3n) {
    margin-right: 10px;
  }
  .gallery_li li:nth-child(2n) {
    margin-right: 0;
  }
  .gallery_li li:nth-child(n+11) {
    display: none;
  }
  .sp_more {
    display: block;
    width: 100%;
  }
  .sp_more span {
    display: block;
    width: 80%;
    border: solid 2px #ff45a3;
    color: #ff45a3;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    margin: 20px auto 0;
    text-align: center;
    position: relative;
  }
  .sp_more span::before {
    content: "+";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .sp_more.open span:before {
    content: "-";
  }
  /* -------------------sp END------------------------- */
}/*# sourceMappingURL=style.css.map */