@charset "UTF-8";
/* -------------------------------------------------- */
/* file   :total.css                                  */
/* update : 2024                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 全デバイス共通(PC向け) */
/* --------------------------------------------------- */
.mv .bg {
  background: linear-gradient(149deg, rgb(237, 255, 197) 0%, rgb(200, 248, 207) 100%);
}
.mv .inner01 .year {
  background: #67cf63;
}
.mv .inner01 .excuse .color {
  color: #67cf63;
}
.mv .inner01 .subtitle {
  color: #67cf63;
}

.h1_wrap {
  background: linear-gradient(111deg, #edffc5 0%, #f9fff3 53%, #c8f8cf 100%);
}
.h1_wrap .h1_sub2 {
  color: #67cf63;
}

.h-type02 {
  border-color: #67cf63;
}

.h3_underline {
  color: #67cf63;
  border-bottom: 1px solid #67cf63;
}

.h4-type01 span {
  color: #67cf63;
}

.h-type04 {
  color: #67cf63;
  border-color: #67cf63;
}

.h_tit {
  border-bottom: 1px solid #67cf63;
}

.column {
  border-color: #67cf63;
}
.column .clmnHeading {
  color: #67cf63;
}
.column.check .clmnHeading::before {
  border-color: #67cf63;
}

.syokusyu {
  margin-bottom: 80px;
}
.syokusyu .column_tit {
  background: #67cf63;
}
.syokusyu .column_tit::after {
  border-color: transparent transparent transparent #67cf63;
}
.syokusyu .column_ul {
  border-bottom: dotted 1px #67cf63;
}
.syokusyu .column_ul li::before {
  color: #67cf63;
}

#naitei .h3 {
  color: #67cf63;
  border-bottom: 1px solid #67cf63;
}
#naitei ul li .cate span {
  color: #67cf63;
}

.column_sec ul li:before {
  color: #67cf63;
}

.course_btn a {
  background: #67cf63;
}

.point_btn {
  margin-top: 50px;
}
.point_btn a {
  background: #67cf63;
}

#tocattop a {
  border-color: #67cf63;
}

#new ul li figure {
  border-color: #67cf63;
}

/* -------#up------------ */
.up_roll {
  color: #67cf63;
}

/* -------#focus------------ */
.arrow_icon {
  background: #67cf63;
}

/* -------#kamoku------------ */
#kamoku.wrap01 {
  background: linear-gradient(149deg, rgb(231, 255, 176) 0%, rgb(247, 255, 229) 34%, rgb(229, 254, 203) 100%);
}
#kamoku.wrap01 .subtit .color {
  color: #67cf63;
}
#kamoku.wrap01 .qualify > div h4 {
  background: #67cf63;
}
#kamoku.wrap01 .qualify > div ul li::before {
  background: #67cf63;
}

/* -------.points_wrap------------ */
.points_wrap li .inner_box .tit {
  color: #67cf63;
}
.points_wrap li .inner_box .btn_box a {
  border: 1px solid #67cf63;
  color: #67cf63;
}
.points_wrap li .inner_box .btn_box a:after {
  border-top: 2px solid #67cf63;
  border-right: 2px solid #67cf63;
}
.points_wrap li .inner_box .btn_box a:hover {
  background: #67cf63;
  border: 1px solid #67cf63;
}

.contest_wrap {
  margin-top: 80px;
}

.step_wrap > li .grade {
  background: #67cf63;
}
.step_wrap > li .headline {
  color: #67cf63;
}

.class-contents .class-contents_flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px 3%;
  margin-bottom: 30px;
}
.class-contents .class-contents_box {
  width: 48.5%;
}
.class-contents h3.class-name {
  text-align: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #67cf63;
  line-height: 0.5;
  margin-bottom: 20px;
}
.class-contents .lead {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1;
}
.class-contents .lead span {
  color: #67cf63;
}
.class-contents_midashi {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 50px;
}
.class-contents_list {
  display: flex;
  justify-content: center;
  gap: 0 2.06%;
  flex-wrap: unset;
}
.class-contents_list li {
  position: relative;
  width: 31.96%;
}
.class-contents_list li .img {
  position: relative;
}
.class-contents_list li .img:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 75px;
  background: #67cf63;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  border-radius: 5px 5px 0 0;
  padding: 5px;
}
.class-contents_list li .img.year01:after {
  content: "1年次";
}
.class-contents_list li .img.year02:after {
  content: "2年次";
}
.class-contents_list li .img.year03:after {
  content: "3年次";
}
.class-contents_list li .img.year_none:after {
  display: none;
}
.class-contents_list li .title {
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  line-height: 1.5;
}
.class-contents_list.col5 {
  gap: 0 1%;
}
.class-contents_list.col5 li {
  width: 15.5%;
}

/* -------.graduate_wrap------------ */
.graduate_wrap figure .company {
  color: #67cf63;
}
.graduate_wrap figure .company span {
  background: #67cf63;
}

/* ---------jisseki------------- */
#jisseki .taisakuList ol li::before {
  background: #67cf63;
}
#jisseki .column > div figure {
  max-width: 762px;
}
#jisseki .column .column_tit {
  background: #67cf63;
}
#jisseki .column .column_tit::after {
  border-color: transparent transparent transparent #67cf63;
}
#jisseki .column .column_ul {
  border-bottom: dotted 1px #67cf63;
}
#jisseki .column .column_ul li::before {
  color: #67cf63;
}
#jisseki .qualify h4 {
  color: #67cf63;
  font-size: 16px;
  font-weight: bold;
  border-bottom: solid 1px #67cf63;
  margin: 50px 0 10px;
}
#jisseki .qualify ul li {
  display: inline-block;
  margin-right: 1em;
  padding-left: 1.5em;
  position: relative;
}
#jisseki .qualify ul li::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  background: #67cf63;
  position: absolute;
  top: 0.5em;
  left: 0;
}

.result_tit {
  background: #67cf63;
}

.result_li span {
  color: #67cf63;
}

.interview_sub_tit {
  color: #67cf63;
}
.interview_sub_tit span {
  border: solid 2px #67cf63;
}

.interview_box02_tit {
  color: #67cf63;
}

.interview_box02_li li span {
  color: #67cf63;
}

/* ---------#pickup------------- */
#pickup .pick_wrap {
  margin-top: 80px;
}
#pickup .pick_wrap:last-of-type {
  margin-bottom: 0;
}
#pickup .pick_wrap .tit {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  border-bottom: 1px solid #67cf63;
  margin-bottom: 40px;
  line-height: 1.8;
}
#pickup .pick_wrap .tit.lead_tit {
  margin-bottom: 10px;
}
#pickup .pick_wrap .lead {
  margin-bottom: 40px;
}
#pickup .pick_wrap ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#pickup .pick_wrap ul li .img {
  margin-bottom: 10px;
}
#pickup .pick_wrap ul li h4 {
  font-size: 16px;
  font-weight: bold;
  color: #67cf63;
  margin-bottom: 10px;
}
#pickup .pick_wrap ul.col_3 li {
  width: 30%;
  max-width: 300px;
}
#pickup .pick_wrap ul.col_2 li {
  width: 48%;
  max-width: 480px;
}

/* ---------.inks02------------- */
.links02 ul li p {
  background: #67cf63;
  border: solid 1px #67cf63;
}

/* ---------.total------------- */
.total #jisseki .column > div > div {
  margin: 0px;
}

/* ---------.contest_wrap------------- */
.contest_list li .contest_name {
  color: #67cf63;
}

.pr_wrap {
  color: #67cf63;
}
.pr_wrap::before, .pr_wrap::after {
  background-color: #67cf63;
}

.to_top_btn a {
  border-color: #67cf63;
  color: #67cf63;
}
.to_top_btn a:hover {
  background: #67cf63;
  color: #fff;
}

/* ---------------全デバイス共通(pc)-end--------------------- */
/*----------------------------------------------------------*/
/* hover用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 959px) {
  #kamoku.wrap01 ol.points li a:hover {
    color: #67cf63;
  }
  .course_btn a:hover {
    color: #67cf63;
    background: #fff;
    border: solid 1px #67cf63;
  }
  .course_btn a:hover:after {
    border-color: #67cf63;
  }
}
/*----------------------------------------------------------*/
/* 目指せる職種用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 750px) {
  .syokusyu {
    width: 100%;
    margin-bottom: 40px;
  }
  .syokusyu .column_ul {
    border-bottom: none;
  }
  .syokusyu .column_ul li::before {
    color: #67cf63;
  }
}
/*----------------------------------------------------------*/
/* sp用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) {
  .slider .bx-clone {
    display: none;
  }
  .mv {
    background: linear-gradient(149deg, rgb(237, 255, 197) 0%, rgb(200, 248, 207) 100%);
  }
  .column.check .clmnHeading::before {
    width: 71px;
  }
  #kamoku.wrap01 ul.points_wrap li::after {
    width: 100px;
    height: 110px;
  }
  .contest_wrap {
    margin-top: 40px;
  }
  .class-contents .class-contents_flex {
    display: block;
    margin-bottom: 15px;
  }
  .class-contents .class-contents_box {
    width: 100%;
    margin-bottom: 15px;
  }
  .class-contents h3.class-name {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .class-contents .lead {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .class-contents_midashi {
    font-size: 16px;
    margin: 10px 0 24px;
  }
  .class-contents_list li {
    position: relative;
    width: 32%;
    max-width: 32%;
  }
  .class-contents_list li .img {
    position: relative;
  }
  .class-contents_list li .img:after {
    font-size: 11px;
    padding: 3px;
  }
  .class-contents_list li .title {
    font-size: 12px;
    margin-top: 5px;
  }
  .class-contents_list.col5 {
    flex-wrap: wrap;
    gap: 10px 0;
  }
  .class-contents_list.col5 li {
    flex-wrap: wrap;
    width: 32%;
    max-width: 32%;
    margin-bottom: 0;
  }
  #curriculum-grade .nen .manabukoto {
    flex-wrap: wrap;
    gap: 5px 2%;
  }
  #jisseki .qualify h4 {
    font-size: 14px;
    margin: 5vw 0 10px;
  }
  #jisseki .qualify ul li {
    display: block;
  }
  /* ---------#pickup------------- */
  #pickup .pick_wrap {
    margin-top: 40px;
  }
  #pickup .pick_wrap .tit {
    font-size: 22px;
    margin-bottom: 20px;
  }
  #pickup .pick_wrap .lead {
    margin-bottom: 20px;
  }
  #pickup .pick_wrap ul {
    display: block;
  }
  #pickup .pick_wrap ul li {
    margin-bottom: 20px;
  }
  #pickup .pick_wrap ul li:last-child {
    margin-bottom: 0;
  }
  #pickup .pick_wrap ul li .img {
    margin-bottom: 5px;
  }
  #pickup .pick_wrap ul li h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  #pickup .pick_wrap ul.col_3 li {
    width: 100%;
    max-width: 100%;
  }
  #pickup .pick_wrap ul.col_2 li {
    width: 100%;
    max-width: 100%;
  }
  .point_btn {
    margin-top: 25px;
  }
} /* ---------------------sp-end--------------------------- *//*# sourceMappingURL=total2027.css.map */