@charset "UTF-8";
/* -------------------------------------------------- */
/* file   :course_curriculum.css                      */
/* update : 2025                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 全デバイス共通(PC向け) */
/* --------------------------------------------------- */
#wrap {
  width: 100%;
  max-width: 1060px;
  padding: 0 30px;
  box-sizing: border-box;
  margin: 0 auto;
}

.inner02 {
  width: 100%;
  max-width: 1060px;
  padding: 0 30px;
  box-sizing: border-box;
  margin: 0 auto;
}

.chart_box_right {
  font-size: 22px;
  width: 350px;
  box-sizing: border-box;
  padding: 10px;
  background: #f6ad53;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.h-type01 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
}

.h-type02 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
}
.h-type02 .inner_ttl {
  background: #f6ad53;
  color: #fff;
  padding: 0 10px 2px;
  margin-right: 10px;
  border-radius: 5px;
}

.tit_text {
  text-align: center;
  margin-bottom: 50px;
}

.img_box {
  margin-bottom: 50px;
}

.txt_attn {
  font-size: 12px;
  text-align: right;
}

.btn_box {
  width: 500px;
  border-radius: 10px;
  margin: 70px auto 80px;
}
.btn_box.hair-make {
  background: #EF6969;
}
.btn_box.spmake {
  background: #9e522d;
}
.btn_box a {
  display: block;
  position: relative;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px 0;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #FFF;
  margin: 0 auto;
}
.btn_box a:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-color: transparent transparent #FFF #FFF;
  transform: rotate(-135deg);
  transition: 0.3s;
}
.btn_box a:hover {
  color: #fff;
}
.btn_box a:hover:after {
  right: 10px;
}

.to_top_btn {
  width: 320px;
  margin: 0 auto;
  text-align: center;
}
.to_top_btn a {
  display: block;
  border: 1px solid #f6ad53;
  padding: 20px 0;
  color: #f6ad53;
  transition: 0.3s;
}
.to_top_btn a:hover {
  background: #f6ad53;
  color: #fff;
}

#curriculum-scene .nen {
  margin-top: 90px;
}
#curriculum-scene .nen .manabukoto {
  margin-bottom: 70px;
  display: flex;
  justify-content: space-between;
}
#curriculum-scene .nen .manabukoto > ul > li {
  position: relative;
}
#curriculum-scene h2 {
  margin-top: 60px;
}
#curriculum-scene .pickups {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#curriculum-scene .pickups.sp {
  display: none;
}
#curriculum-scene .pickups > li {
  width: calc((100% - 100px) / 3);
  margin: 0 50px 50px 0;
}
#curriculum-scene .pickups > li:nth-child(3n) {
  margin-right: 0;
}
#curriculum-scene .pickups > li .txt_box h3 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 5px;
}
#curriculum-scene .pickups > li p {
  font-size: 13px;
}
#curriculum-scene .pickups > li .midashi {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-weight: bold;
  text-align: center;
}
#curriculum-scene .pickups > li .midashi.mt_midashi {
  margin-top: 10px;
}
#curriculum-scene .pickups .list_btn {
  border-bottom: 1px dotted #454545;
  padding-bottom: 5px;
  margin-top: 20px;
}
#curriculum-scene .pickups .list_btn a {
  display: block;
  position: relative;
  color: #454545;
  padding-left: 30px;
}
#curriculum-scene .pickups .list_btn a::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #71cde1;
  left: 0;
  top: calc(50% - 9px);
}
#curriculum-scene .pickups .list_btn a::after {
  content: "";
  width: 4px;
  height: 4px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -3px;
}
#curriculum-scene .add {
  text-align: center;
  margin-top: 30px;
}
#curriculum-scene .add img {
  width: 653px;
}
#curriculum-scene .point_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 70px;
}
#curriculum-scene .txt_lead {
  margin-bottom: 60px;
}
#curriculum-scene .h3_style {
  color: #707070;
  font-size: 22px;
}
#curriculum-scene .h3_style .kamoku {
  display: inline-block;
  background: #EF6969;
  font-size: 14px;
  color: #fff;
  padding: 5px;
  margin-right: 20px;
}
#curriculum-scene .h3_style .tit_box {
  display: inline-block;
  line-height: 1.5;
  vertical-align: bottom;
}
#curriculum-scene .h3_style .tit_box .txt_s {
  font-size: 14px;
}
#curriculum-scene .point_box {
  width: 47%;
  margin-bottom: 40px;
}
#curriculum-scene .point_box span {
  color: #EF6969;
}
#curriculum-scene .point_box.point_img {
  width: 17.9%;
  max-width: 179px;
}
#curriculum-scene .column {
  border: solid 5px #EF6969;
  border-radius: 15px;
  padding: 0 45px 50px;
  margin-bottom: 70px;
}
#curriculum-scene .column .clmnHeading {
  color: #EF6969;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: #fff;
  margin: 0 0 10px;
  padding: 0 25px;
  display: inline-block;
  position: relative;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
#curriculum-scene .column.check .clmnHeading {
  padding-left: 110px;
  position: relative;
}
#curriculum-scene .column.check .clmnHeading::before {
  content: "CHECK";
  font-size: 16px;
  line-height: 1;
  border: solid 2px #EF6969;
  padding: 5px 5px 3px;
  position: absolute;
  top: 7px;
  left: 25px;
}
#curriculum-scene .column {
  text-align: left;
}
#curriculum-scene .column > div {
  display: flex;
  justify-content: space-between;
}
#curriculum-scene .column > div figure {
  width: 350px;
}
#curriculum-scene .column > div > div {
  width: calc(100% - 390px);
}
#curriculum-scene .column > div > div .midashi {
  font-size: 30px;
  line-height: 1.333;
  margin: 0 0 20px;
}
#curriculum-scene .column > div > div .name {
  margin: 10px 0 0 0;
}
#curriculum-scene .contents-flex-wrap {
  display: flex;
  gap: 0 4%;
}
#curriculum-scene .contents-flex-wrap_inner {
  display: flex;
  gap: 0 2%;
  width: 48%;
}
#curriculum-scene .contents-flex-wrap_inner .img {
  width: 37.5%;
}
#curriculum-scene .contents-flex-wrap_inner .text {
  width: 51.5%;
}
#curriculum-scene .contents-flex-wrap_inner .text .title {
  font-weight: bold;
  color: #84BAE5;
  margin-bottom: 5px;
}

.select-class_wrap {
  margin-bottom: 100px;
}

.select-class_flex {
  display: flex;
  gap: 0 3%;
  margin-bottom: 80px;
}
.select-class_flex .pic-box {
  width: 30%;
}
.select-class_flex .text-box {
  width: 67%;
}
.select-class_flex .text-box .h3_style {
  border-color: #EF6969;
  margin-bottom: 20px;
}
.select-class_flex .class-wrap {
  margin-top: 20px;
  background: #fcf0f0;
  border: 1px solid #EF6969;
  padding: 10px;
}
.select-class_flex .class-wrap .title {
  font-size: 14px;
  color: #EF6969;
  line-height: 1;
  margin-bottom: 5px;
}
.select-class_flex .class-wrap_ul {
  display: flex;
  gap: 0 0.5%;
}
.select-class_flex .class-wrap_list {
  width: 33%;
  font-size: 12px;
}
.select-class_flex .class-wrap_list span {
  color: #EF6969;
}

#curriculum-bridal .h-type01 {
  margin-bottom: 40px;
}
#curriculum-bridal .h-type01 span {
  display: block;
  font-size: 22px;
}
#curriculum-bridal .tit_text {
  margin-bottom: 40px;
}
#curriculum-bridal .txt_points {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 30px;
}
#curriculum-bridal .txt_box {
  margin-top: 30px;
}
#curriculum-bridal .txt_box .midashi {
  font-weight: bold;
}
#curriculum-bridal .txt_box .txt_color_box {
  font-size: 16px;
  color: #71cde1;
  margin-top: 10px;
}
#curriculum-bridal .pickup_box {
  margin-top: 80px;
}
#curriculum-bridal .pickup_box .pickups {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#curriculum-bridal .pickup_box .pickups li {
  width: calc(50% - 20px);
}
#curriculum-bridal .pickup_box .pickups li .txt_box {
  margin: 20px 0 30px;
}
#curriculum-bridal .pickup_box .pickups li .txt_box h3 {
  text-align: center;
  font-weight: bold;
  color: #71cde1;
  margin-bottom: 10px;
}

.slider_bg {
  padding: 50px 30px 80px;
  margin-top: 80px;
  box-sizing: border-box;
  overflow: hidden;
}
.slider_bg.total {
  background: linear-gradient(149deg, rgb(231, 255, 176) 0%, rgb(247, 255, 229) 34%, rgb(229, 254, 203) 100%);
}
.slider_bg.hair-make {
  background: linear-gradient(149deg, rgb(255, 222, 222) 0%, rgb(255, 237, 225) 34%, rgb(255, 202, 202) 100%);
}
.slider_bg.biyou {
  background: rgb(255, 241, 205);
}
.slider_bg.beauty {
  background: linear-gradient(149deg, rgb(253, 226, 245) 0%, rgb(253, 238, 246) 34%, rgb(245, 196, 232) 100%);
}
.slider_bg.nail {
  background: linear-gradient(149deg, rgb(255, 226, 228) 0%, rgb(255, 254, 245) 34%, rgb(255, 206, 220) 100%);
}

.slider_wrap .slider > div {
  width: 1000px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.slider_wrap .slider > div figure {
  width: 500px;
}
.slider_wrap .slider > div > div {
  width: calc(100% - 550px);
  padding-left: 50px;
}
.slider_wrap .slider > div > div h5 {
  font-size: 30px;
  line-height: 1.33;
  margin: 0 0 20px;
}
.slider_wrap .slider > div > div .midashi {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.667;
  margin: 0 0 15px;
}
.slider_wrap .slider > div > div .btn {
  text-align: left;
  margin: 20px 0 0 0;
}
.slider_wrap .slider > div > div .btn a {
  width: 100%;
  max-width: 250px;
  text-align: center;
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 0;
}
.slider_wrap .h4-type01 {
  font-size: 30px;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
.slider_wrap .btn {
  text-align: left;
  margin: 20px 0 0 0;
}
.slider_wrap .btn a {
  width: 100%;
  max-width: 250px;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  padding: 5px 0;
  text-align: center;
  display: inline-block;
  position: relative;
  transition: all 0.5s;
}
.slider_wrap .btn a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: calc(50% - 0.3em);
  right: 20px;
  transform: rotate(45deg);
  transition: all 0.3s;
}
.slider_wrap .btn a:hover {
  color: #ff369b;
  background: #fff;
}
.slider_wrap .btn a:hover::after {
  right: 10px;
  border-color: #ff369b;
}

.total .slider .midashi {
  color: #67CF63;
}
.total .slider .btn a {
  background: #67CF63;
  border: solid 1px #67CF63;
}
.total .slider .btn a:hover {
  color: #67CF63;
  background: #fff;
}
.total .slider .btn a:hover::after {
  right: 10px;
  border-color: #67CF63;
}
.total .h4-type01 span {
  color: #67CF63;
}

.hair-make .slider .midashi {
  color: #EF6969;
}
.hair-make .slider .btn a {
  background: #EF6969;
  border: solid 1px #EF6969;
}
.hair-make .slider .btn a:hover {
  color: #EF6969;
  background: #fff;
}
.hair-make .slider .btn a:hover::after {
  right: 10px;
  border-color: #EF6969;
}
.hair-make .h4-type01 span {
  color: #EF6969;
}

.biyou .slider .midashi {
  color: #f6ad53;
}
.biyou .slider .btn a {
  background: #f6ad53;
  border: solid 1px #f6ad53;
}
.biyou .slider .btn a:hover {
  color: #f6ad53;
  background: #fff;
}
.biyou .slider .btn a:hover::after {
  right: 10px;
  border-color: #f6ad53;
}
.biyou .h4-type01 span {
  color: #f6ad53;
}

.beauty .slider .midashi {
  color: #CB72AA;
}
.beauty .slider .btn a {
  background: #CB72AA;
  border: solid 1px #CB72AA;
}
.beauty .slider .btn a:hover {
  color: #CB72AA;
  background: #fff;
}
.beauty .slider .btn a:hover::after {
  right: 10px;
  border-color: #CB72AA;
}
.beauty .h4-type01 span {
  color: #CB72AA;
}

.nail .slider .midashi {
  color: #ec7aac;
}
.nail .slider .btn a {
  background: #ec7aac;
  border: solid 1px #ec7aac;
}
.nail .slider .btn a:hover {
  color: #ec7aac;
  background: #fff;
}
.nail .slider .btn a:hover::after {
  right: 10px;
  border-color: #ec7aac;
}
.nail .h4-type01 span {
  color: #ec7aac;
}

/* -------美容科-------- */
.biyou .curriculum-contents {
  margin-bottom: 100px;
}
.biyou .curriculum-contents_inner {
  background: #fff5eb;
  border: 3px solid #f6ad53;
  border-radius: 10px;
  padding: 50px;
}
.biyou .curriculum-contents .note {
  font-size: 12px;
  margin-top: 20px;
}
.biyou .curriculum-contents_midashi {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #f6ad53;
  line-height: 1.5;
  margin: 20px 0 25px;
}
.biyou .curriculum-contents_midashi .font_s {
  display: block;
  font-size: 12px;
  color: #222;
  margin-top: 5px;
}
.biyou .curriculum-contents_text {
  margin-bottom: 30px;
}
.biyou .curriculum-contents_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 0.5%;
  background: #fff;
  border-radius: 5px;
  padding: 20px;
}
.biyou .curriculum-contents_list li {
  display: flex;
  gap: 0 5px;
  width: 33%;
}
.biyou .curriculum-contents_list li .title {
  color: #f6ad53;
  margin-bottom: 0;
}
.biyou .curriculum-contents_movie {
  width: 65%;
  margin: 40px auto 0;
}
.biyou .curriculum-contents_movie_inner {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.biyou .curriculum-contents_movie_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.biyou .point_btn {
  text-align: center;
}
.biyou .point_btn a {
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  padding: 10px 0;
  display: inline-block;
  position: relative;
  border: solid 1px transparent;
  transition: all 0.5s;
  width: 46.67%;
  max-width: 420px;
  box-sizing: border-box;
}
.biyou .point_btn a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: calc(50% - 0.3em);
  right: 20px;
  transform: rotate(45deg);
  transition: all 0.3s;
}
.biyou .point_btn a:hover::after {
  right: 10px;
}

#curriculum_chart .chart_tit {
  margin-bottom: 20px;
}
#curriculum_chart .chart_tit span {
  color: #f6ad53;
}
#curriculum_chart .chart_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#curriculum_chart .chart_box li.max {
  width: 100%;
  max-width: inherit;
}
#curriculum_chart .chart_box li.max:first-child {
  width: 100%;
  max-width: inherit;
}
#curriculum_chart .chart_box li.max:last-child {
  width: 100%;
  max-width: inherit;
}
#curriculum_chart .chart_box li:first-child {
  width: 65%;
  max-width: 650px;
}
#curriculum_chart .chart_box li:last-child {
  width: 30%;
  max-width: 300px;
}
#curriculum_chart .chart_box li .img_box {
  margin-bottom: 20px;
}
#curriculum_chart .chart_box li .txt_box {
  margin-left: 1em;
  text-indent: -1.5em;
}
#curriculum_chart .chart_box li .circle {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #f6ad53;
  border-radius: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  text-indent: 0.1em;
}

/* -------ヘアメイクコース-------- */
#creative {
  padding-top: 110px;
  margin-top: -110px;
}

#pro {
  padding-top: 110px;
  margin-top: -110px;
}

/* -------トータルビューティ基礎学科-------- */
.interview_wrap {
  margin-bottom: 100px;
}

.interview_flex {
  display: flex;
  gap: 0 3%;
  margin-bottom: 80px;
}
.interview_flex .pic-box {
  width: 30%;
}
.interview_flex .text-box {
  width: 67%;
}
.interview_flex .text-box_inner {
  margin-top: 20px;
}
.interview_flex .text-box_inner:first-of-type {
  margin-top: 0;
}
.interview_flex .text-box .h3_style {
  border-color: #84BAE5;
  margin-bottom: 20px;
}
.interview_flex .text-box .select-course {
  border: 1px solid #84BAE5;
  background: #F0F6FC;
  font-weight: bold;
  color: #84BAE5;
}
.interview_flex .text-box .select-course .text_s {
  font-size: 12px;
}
.interview_flex .text-box .color-text {
  background: #84BAE5;
  font-size: 13px;
  color: #fff;
  padding: 2px 5px;
}
.interview_flex .text-box .title {
  font-size: 18px;
  font-weight: bold;
  color: #84BAE5;
  line-height: 1.5;
  padding-bottom: 5px;
}
.interview_flex .class-wrap {
  margin-top: 20px;
  background: #fcf0f0;
  border: 1px solid #EF6969;
  padding: 10px;
}
.interview_flex .class-wrap .title {
  font-size: 14px;
  color: #EF6969;
  line-height: 1;
  margin-bottom: 5px;
}
.interview_flex .class-wrap_ul {
  display: flex;
  gap: 0 0.5%;
}
.interview_flex .class-wrap_list {
  width: 33%;
  font-size: 12px;
}
.interview_flex .class-wrap_list span {
  color: #EF6969;
}

#curriculum-scene.total_wrap .pickups > li .txt_box h3 {
  color: #67CF63;
}
#curriculum-scene.hair_wrap .pickups > li .txt_box h3 {
  color: #EF6969;
}
#curriculum-scene.nail_wrap .pickups > li .txt_box h3 {
  color: #ec7aac;
}
#curriculum-scene.bridal_wrap .pickups > li .txt_box h3 {
  color: #71cde1;
}
#curriculum-scene.bridal_wrap .nen h3:after {
  background: #67CF63;
}
#curriculum-scene.bridal_wrap .nen .manabukoto > ul > li::before {
  content: "■ ";
  color: #71cde1;
}

/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) {
  /* tablet */
  /* -------------------tablet END------------------------- */
}
/*----------------------------------------------------------*/
/* sp用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) {
  #wrap {
    max-width: inherit;
    padding: 0 15px;
    margin: 0;
  }
  .inner02 {
    padding: 0 4vw;
    max-width: initial;
  }
  .chart_box_right {
    font-size: 18px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    background: #f6ad53;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    position: inherit;
    bottom: inherit;
    right: inherit;
    margin-top: 10px;
  }
  .txt_attn {
    text-align: left;
  }
  .btn_box {
    margin-top: 50px auto 40px;
    width: 90%;
  }
  .btn_box a {
    font-size: 18px;
    padding: 15px 0;
  }
  #curriculum-scene h2 {
    margin-top: 6vw;
  }
  #curriculum-scene .pickups {
    display: block;
  }
  #curriculum-scene .pickups.sp_layout {
    display: flex;
    justify-content: space-between;
  }
  #curriculum-scene .pickups.sp_layout > li {
    display: block;
    width: 45%;
  }
  #curriculum-scene .pickups.sp_layout > li figure {
    width: 100%;
  }
  #curriculum-scene .pickups.sp_layout > li .txt_box {
    width: 100%;
  }
  #curriculum-scene .pickups > li {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 6vw;
  }
  #curriculum-scene .pickups > li.pc {
    display: none;
  }
  #curriculum-scene .pickups > li figure {
    width: 40%;
  }
  #curriculum-scene .pickups > li .midashi {
    text-align: left;
  }
  #curriculum-scene .pickups > li .txt_box {
    width: calc(60% - 30px);
    text-align: left;
  }
  #curriculum-scene .pickups > li .txt_box h3 {
    text-align: left;
    font-size: 15px;
    margin: 0;
  }
  #curriculum-scene .pickups .list_btn {
    text-align: center;
  }
  #curriculum-scene .nen {
    margin-top: 10vw;
  }
  #curriculum-scene .nen .manabukoto > ul {
    width: 100%;
  }
  #curriculum-scene .nen .manabukoto {
    margin-bottom: 8vw;
    flex-wrap: wrap;
  }
  #curriculum-scene .column {
    margin-top: 60px;
  }
  #curriculum-scene .style_box {
    margin-top: 40px;
  }
  #curriculum-scene .add {
    margin-top: 4vw;
  }
  #curriculum-scene .add img {
    width: 100%;
  }
  #curriculum-scene .point_flex {
    display: block;
    margin-bottom: 35px;
  }
  #curriculum-scene .txt_lead {
    margin-bottom: 30px;
  }
  #curriculum-scene .h3_style {
    font-size: 16px;
  }
  #curriculum-scene .h3_style .kamoku {
    font-size: 12px;
    padding: 3px;
    margin-right: 10px;
  }
  #curriculum-scene .h3_style .tit_box .txt_s {
    font-size: 12px;
  }
  #curriculum-scene .point_box {
    width: 100%;
    margin-bottom: 20px;
  }
  #curriculum-scene .point_box span {
    color: #EF6969;
  }
  #curriculum-scene .point_box.point_img {
    width: 50%;
    max-width: 50%;
    margin: 0 auto;
  }
  #curriculum-scene .column {
    border-width: 3px;
    padding: 0 5vw 5vw;
    margin-bottom: 35px;
  }
  #curriculum-scene .column .clmnHeading {
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0 15px;
    top: -5px;
  }
  #curriculum-scene .column > div {
    display: block;
  }
  #curriculum-scene .column > div figure {
    width: 100%;
    max-width: 100%;
  }
  #curriculum-scene .column > div > div {
    width: 100%;
    max-width: 100%;
  }
  #curriculum-scene .column.check {
    margin-top: 50px;
  }
  #curriculum-scene .column.check .clmnHeading {
    padding-left: 15px;
  }
  #curriculum-scene .column.check .clmnHeading::before {
    font-size: 13px;
    padding: 5px 5px 3px;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
  }
  #curriculum-scene .column > div figure {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  #curriculum-scene .column > div > div {
    width: 100%;
    max-width: 100%;
  }
  #curriculum-scene .column > div > div .midashi {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .select-class_wrap {
    margin-bottom: 50px;
  }
  #curriculum-scene .select-class_wrap .column {
    margin-top: 40px;
  }
  #curriculum-scene .select-class_wrap .column > div {
    display: flex;
    flex-direction: column-reverse;
  }
  .select-class_flex {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    margin-bottom: 25px;
  }
  .select-class_flex .pic-box {
    width: 100%;
  }
  .select-class_flex .text-box {
    width: 100%;
  }
  .select-class_flex .text-box .h3_style {
    margin-bottom: 10px;
  }
  .select-class_flex .class-wrap {
    margin-top: 10px;
    padding: 5px;
  }
  .select-class_flex .class-wrap_ul {
    flex-direction: column;
    gap: 5px 0;
  }
  .select-class_flex .class-wrap_list {
    width: 100%;
  }
  #curriculum-bridal .h-type01 span {
    display: block;
    font-size: 14px;
  }
  #curriculum-bridal .tit_text {
    margin-bottom: 30px;
  }
  #curriculum-bridal .txt_box {
    margin-top: 30px;
  }
  #curriculum-bridal .txt_box .midashi {
    font-weight: bold;
  }
  #curriculum-bridal .txt_box .txt_color_box {
    font-size: 16px;
    color: #71cde1;
    margin-top: 10px;
  }
  #curriculum-bridal .pickup_box {
    margin-top: 40px;
  }
  #curriculum-bridal .pickup_box .pickups {
    display: block;
  }
  #curriculum-bridal .pickup_box .pickups li {
    width: 100%;
  }
  #curriculum-bridal .pickup_box .pickups li .txt_box h3 {
    text-align: left;
  }
  .total .slider .bx-clone {
    display: none;
  }
  .slider_bg {
    padding: 25px 15px 40px;
    margin-top: 40px;
  }
  .slider_wrap .slider {
    width: 80%;
    margin: 0 auto;
  }
  .slider_wrap .slider > div {
    height: auto;
    display: block;
  }
  .slider_wrap .slider > div figure {
    width: 100%;
  }
  .slider_wrap .slider > div figure img {
    height: 200px;
  }
  .slider_wrap .slider .slider_l {
    width: 100%;
    padding: 5vw;
    box-sizing: border-box;
  }
  .slider_wrap .slider .h5 {
    font-size: 20px;
    margin: 0 0 10px;
  }
  .slider_wrap .slider .midashi {
    font-size: 15px;
    margin: 0 0 5px;
  }
  .slider_wrap .btn {
    margin-bottom: 5vw;
  }
  .slider_wrap .btn a::after {
    width: 8px;
    height: 8px;
  }
  .slider_wrap .h4-type01 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  /* -------美容科-------- */
  .biyou .curriculum-contents {
    margin-bottom: 50px;
  }
  .biyou .curriculum-contents_inner {
    border-radius: 5px;
    padding: 25px 15px;
  }
  .biyou .curriculum-contents_midashi {
    font-size: 18px;
    margin: 25px 0 20px;
    line-height: 1.5;
  }
  .biyou .curriculum-contents_list {
    flex-direction: column;
    gap: 10px 0;
    padding: 10px;
  }
  .biyou .curriculum-contents_list li {
    width: 100%;
  }
  .biyou .curriculum-contents_list li .title {
    font-size: 14px;
  }
  .biyou .curriculum-contents_movie {
    width: 100%;
    margin: 20px auto 0;
  }
  .biyou .curriculum-contents .point_btn {
    margin-top: 25px;
  }
  .biyou .curriculum-contents .point_btn a {
    width: 100%;
    font-size: 15px;
    padding: 5px 0;
  }
  .biyou .curriculum-contents .point_btn a:after {
    width: 8px;
    height: 8px;
  }
  #curriculum_chart .chart_box {
    display: block;
  }
  #curriculum_chart .chart_box li:first-child {
    width: 100%;
    margin: 0 auto;
  }
  #curriculum_chart .chart_box li:last-child {
    width: 100%;
    margin: 40px auto 0;
    text-align: center;
  }
  #curriculum_chart .chart_box li:last-child img {
    width: 75%;
  }
  /* ---------------------SP END----------------------------- */
}/*# sourceMappingURL=course_curriculum2027.css.map */