@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#mainimg {
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
#mainimg::after {
  position: absolute;
  top: 99%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 90vw;
  background: linear-gradient(to bottom, rgba(0, 95, 191, 0.2), rgba(0, 95, 191, 0));
  content: "";
}

#info {
  position: relative;
  z-index: 3;
  margin-top: max(-90px, -13vw);
}
#info .info_wrap {
  position: relative;
  padding: 3rem 2rem 2.5rem;
  background: #FFF;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}
#info .info_wrap .info_cont .grade {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -55%);
  display: flex;
  align-items: end;
  font-size: 1.3rem;
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .grade {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3636363636);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .grade {
    font-size: 1.6rem;
  }
}
#info .info_wrap .info_cont .grade .year {
  padding: 0.75em 1em 0.25em;
  border-radius: 1em 1em 0 0;
  background: #FFF;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  z-index: 2;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .grade .year {
    font-size: calc(1.6rem + (1vw - 3.75px) * 0.4848484848);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .grade .year {
    font-size: 2rem;
  }
}
#info .info_wrap .info_cont .grade .add__text {
  background: #005FBF;
  padding: 0.5em 1em 0.5em 2em;
  margin-left: -1em;
  font-size: 1.3rem;
  color: #FFF;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  line-height: 1.2;
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .grade .add__text {
    font-size: calc(1.3rem + (1vw - 3.75px) * 0.3636363636);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .grade .add__text {
    font-size: 1.6rem;
  }
}
#info .info_wrap .info_cont .grade.no_year .year {
  display: none;
}
#info .info_wrap .info_cont .grade.no_year .add__text {
  padding: 0.5em 1em;
  margin-left: 0;
}
#info .info_wrap .info_cont .title {
  margin-bottom: clamp(1rem, 2.6vw, 3rem);
}
#info .info_wrap .info_cont .title .add__text {
  margin-bottom: 0.5em;
  font-size: 1.4rem;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .title .add__text {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .title .add__text {
    font-size: 1.6rem;
  }
}
#info .info_wrap .info_cont .title .title_txt {
  font-size: 2.8rem;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .title .title_txt {
    font-size: calc(2.8rem + (1vw - 3.75px) * 1.4545454545);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .title .title_txt {
    font-size: 4rem;
  }
}
#info .info_wrap .info_cont .title .title_txt small {
  font-size: 2.8rem;
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .title .title_txt small {
    font-size: calc(2.8rem + (1vw - 3.75px) * -0.2424242424);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .title .title_txt small {
    font-size: 2.6rem;
  }
}
#info .info_wrap .info_cont .school .school_ttl {
  position: relative;
  margin-bottom: 0.5em;
  color: #005FBF;
  font-size: 1.4rem;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .school .school_ttl {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .school .school_ttl {
    font-size: 1.6rem;
  }
}
#info .info_wrap .info_cont .school .school_ttl::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  z-index: 1;
  background: #005FBF;
  width: 100%;
  height: 1px;
  content: "";
}
#info .info_wrap .info_cont .school .school_ttl span {
  position: relative;
  z-index: 2;
  background: #FFF;
  padding-right: 0.8em;
}
#info .info_wrap .info_cont .school .campus {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2px;
}
#info .info_wrap .info_cont .school .campus .label {
  padding: 6px 0;
  border: 1px solid #B9CEE5;
  color: #B9CEE5;
  font-size: 1rem;
  line-height: 1;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  text-align: center;
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .school .campus .label {
    font-size: calc(1rem + (1vw - 3.75px) * 0.4848484848);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .school .campus .label {
    font-size: 1.4rem;
  }
}
#info .info_wrap .info_cont .school .campus .label.active {
  background: #005FBF;
  color: #FFF;
}
#info .info_wrap .info_cont .school .add__text {
  margin-top: 0.5em;
  font-size: 1rem;
}
@media (min-width: 375px) {
  #info .info_wrap .info_cont .school .add__text {
    font-size: calc(1rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  #info .info_wrap .info_cont .school .add__text {
    font-size: 1.2rem;
  }
}
#info .info_wrap .info_img {
  margin-top: 1.8rem;
}

.aim {
  margin-top: 3rem;
}
.aim .aim_item + .aim_item {
  margin-top: 2rem;
}
.aim .aim_item .aim_ttl {
  position: relative;
  margin-bottom: 0.75em;
  color: #005FBF;
  font-size: 1.4rem;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
}
@media (min-width: 375px) {
  .aim .aim_item .aim_ttl {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  .aim .aim_item .aim_ttl {
    font-size: 1.6rem;
  }
}
.aim .aim_item .aim_ttl::before {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 1;
  background: #005FBF;
  width: calc(100% - 7em);
  height: 1px;
  content: "";
}
.aim .aim_item .aim_list {
  text-align: left;
}
.aim .aim_item .aim_list > * {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 5px 0;
  padding-left: 8px;
  font-size: 1.2rem;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
}
@media (min-width: 375px) {
  .aim .aim_item .aim_list > * {
    font-size: calc(1.2rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  .aim .aim_item .aim_list > * {
    font-size: 1.4rem;
  }
}
.aim .aim_item .aim_list > *::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent transparent #FFB100;
}
.aim .aim_item .aim_list .lastunit {
  margin: 0 0 1rem -1rem;
  padding: 0;
  font-size: 1rem;
}
@media (min-width: 375px) {
  .aim .aim_item .aim_list .lastunit {
    font-size: calc(1rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  .aim .aim_item .aim_list .lastunit {
    font-size: 1.2rem;
  }
}
.aim .aim_item .aim_list .lastunit::before {
  display: none;
}

#feature, #appeal {
  overflow: hidden;
  margin-bottom: 3rem;
}
#feature .common__wide-l, #appeal .common__wide-l {
  position: relative;
  padding-bottom: 4.5rem;
}
#feature .common__wide-l::before, #appeal .common__wide-l::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(to right, #1784E2, #005FBF);
  border-radius: 60px 0 0 60px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  content: "";
}
#feature .common__wide-l > *, #appeal .common__wide-l > * {
  position: relative;
  z-index: 2;
}
#feature .common__wide-l .swiper, #appeal .common__wide-l .swiper {
  padding: 0 2rem;
  box-sizing: border-box;
}
#feature .common__wide-l .swiper .swiper-wrapper, #appeal .common__wide-l .swiper .swiper-wrapper {
  height: auto;
}
#feature .common__wide-l .swiper .swiper_next, #feature .common__wide-l .swiper .swiper_prev, #appeal .common__wide-l .swiper .swiper_next, #appeal .common__wide-l .swiper .swiper_prev {
  position: absolute;
  bottom: 15px;
  width: 18px;
  z-index: 2;
}
#feature .common__wide-l .swiper .swiper_next, #appeal .common__wide-l .swiper .swiper_next {
  right: 20px;
}
#feature .common__wide-l .swiper .swiper_prev, #appeal .common__wide-l .swiper .swiper_prev {
  left: 20px;
}

#appeal {
  margin-bottom: 0;
}
#appeal .common__wide-l::before {
  left: auto;
  right: 0;
  background: #FFF;
  border-radius: 0 60px 60px 0;
}

.curriculum_wrap, .schedule_wrap {
  overflow-y: scroll;
}
.curriculum_wrap .curriculum_cont, .curriculum_wrap .schedule_cont, .schedule_wrap .curriculum_cont, .schedule_wrap .schedule_cont {
  min-width: 1000px;
}

.school__links {
  margin-top: 6rem;
}
.school__links .common__wide {
  display: contents;
}
.school__links .school__cont-list {
  background: #fff;
  border-bottom: 1px solid #D1D1D1;
}
.school__links .school__list .school__list-area {
  height: 40px;
  padding: 0 4%;
  line-height: 40px;
  font-size: 1.4rem;
  color: #0B8110;
  background: #3AAA3F;
}
@media (min-width: 375px) {
  .school__links .school__list .school__list-area {
    font-size: calc(1.4rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  .school__links .school__list .school__list-area {
    font-size: 1.6rem;
  }
}
.school__links .school__list .school__list-link + .school__list-link {
  border-top: 1px solid #D1D1D1;
}
.school__links .school__list .school__list-link a {
  position: relative;
  display: block;
  height: 40px;
  padding: 0 4%;
  line-height: 40px;
  font-size: 1.2rem;
}
@media (min-width: 375px) {
  .school__links .school__list .school__list-link a {
    font-size: calc(1.2rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  .school__links .school__list .school__list-link a {
    font-size: 1.4rem;
  }
}
.school__links .school__list .school__list-link a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 4%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 769px) {
  #mainimg::after {
    height: min(25%, 350px);
  }
  #info {
    margin-top: max(-90px, -6.5vw);
  }
  #info .info_wrap {
    padding: 5rem 4rem 5rem;
  }
  #info .info_wrap .info_cont {
    width: 60%;
  }
  #info .info_wrap .info_cont .school .school_ttl {
    margin-bottom: 0.75em;
  }
  #info .info_wrap .info_cont .school .campus .label {
    padding: 10px 0;
  }
  #info .info_wrap .info_img {
    margin: 0;
    position: absolute;
    bottom: 4rem;
    right: 2%;
    width: 36%;
  }
  .aim {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 4rem;
  }
  .aim .aim_item + .aim_item {
    margin-top: 0;
  }
  .aim .aim_item .aim_list > * {
    margin: 0 20px 10px 0;
  }
  .aim .aim_item .aim_list > *::before {
    border-width: 6px;
  }
  #feature .common__wide-l, #appeal .common__wide-l {
    padding-bottom: 8rem;
  }
  #feature .common__wide-l::before, #appeal .common__wide-l::before {
    border-radius: 100px 0 0 100px;
  }
  #feature .common__wide-l .swiper, #appeal .common__wide-l .swiper {
    padding: 0 8.33%;
  }
  #feature .common__wide-l .swiper .swiper-wrapper .swiper-slide, #appeal .common__wide-l .swiper .swiper-wrapper .swiper-slide {
    width: 100% !important;
    margin: 0 !important;
  }
  #feature .common__wide-l .swiper .swiper_next, #feature .common__wide-l .swiper .swiper_prev, #appeal .common__wide-l .swiper .swiper_next, #appeal .common__wide-l .swiper .swiper_prev {
    display: none;
  }
  #feature {
    margin-bottom: 6rem;
  }
  #feature .common__wide-l .swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 6rem;
  }
  #feature .common__wide-l .swiper.col_3 .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5rem 5rem;
  }
  #feature .common__wide-l .swiper.col_3 .swiper-wrapper .swiper-slide {
    flex-shrink: 1;
    width: calc((100% - 10rem) / 3) !important;
  }
  #feature .common__wide-l .swiper.span_1 .swiper-wrapper .swiper-slide:nth-child(1) {
    grid-column: span 2;
  }
  #feature .common__wide-l .swiper.span_3 .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-column: span 2;
  }
  #appeal .common__wide-l::before {
    border-radius: 0 100px 100px 0;
  }
  #appeal .common__wide-l .swiper .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 4rem 5rem;
  }
  #appeal .common__wide-l .swiper .swiper-wrapper .swiper-slide {
    flex-shrink: 1;
    width: calc((100% - 10rem) / 3) !important;
  }
  .curriculum_wrap, .schedule_wrap {
    overflow-y: hidden;
  }
  .curriculum_wrap .curriculum_cont, .curriculum_wrap .schedule_cont, .schedule_wrap .curriculum_cont, .schedule_wrap .schedule_cont {
    min-width: 100%;
  }
  .school__links .school__list .school__list-area {
    height: 60px;
    line-height: 60px;
  }
  .school__links .school__list .school__list-link a {
    height: 60px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1201px) {
  #info .info_wrap .info_cont .school .campus {
    gap: 1rem;
  }
  .school__links .common__wide {
    display: revert;
  }
  .school__links .school__list .school__list-area {
    height: 60px;
    line-height: 60px;
  }
  .school__links .school__list .school__list-link a {
    height: 60px;
    padding: 0 4%;
    line-height: 60px;
  }
}
.it .curriculum_bottom {
  filter: drop-shadow(0 0 11px rgba(0, 0, 0, 0.16));
}

.sports #mainimg::after {
  background: linear-gradient(to bottom, #d0b9d5, rgba(208, 185, 213, 0));
}
.sports #info .info_wrap .info_cont .grade .add__text {
  background: #732681;
}
.sports #info .info_wrap .info_cont .school .school_ttl {
  color: #732681;
}
.sports #info .info_wrap .info_cont .school .school_ttl::before {
  background: #732681;
}
.sports #info .info_wrap .info_cont .school .campus .label {
  border-color: #CDB9D3;
  color: #CDB9D3;
}
.sports #info .info_wrap .info_cont .school .campus .label.active {
  background: #732681;
  color: #FFF;
}
.sports .aim .aim_item .aim_ttl {
  color: #732681;
}
.sports .aim .aim_item .aim_ttl::before {
  background: #732681;
}
.sports .link_list {
  display: grid;
  gap: 1rem 3.5%;
  max-width: 900px;
  margin: 0 auto;
}

.kanko #mainimg::after {
  background: linear-gradient(to bottom, rgba(237, 101, 0, 0.2), rgba(208, 185, 213, 0));
}
.kanko #info .info_wrap .info_cont .grade .add__text {
  background: #ED6500;
}
.kanko #info .info_wrap .info_cont .school .school_ttl {
  color: #ED6500;
}
.kanko #info .info_wrap .info_cont .school .school_ttl::before {
  background: #ED6500;
}
.kanko #info .info_wrap .info_cont .school .campus .label {
  border-color: #F2BD95;
  color: #F2BD95;
}
.kanko #info .info_wrap .info_cont .school .campus .label.active {
  background: #ED6500;
  color: #FFF;
}
.kanko #info .aim .aim_item .aim_ttl {
  color: #ED6500;
}
.kanko #info .aim .aim_item .aim_ttl::before {
  background: #ED6500;
}
.kanko #feature {
  margin-bottom: 0;
}
.kanko #feature .common__wide-l {
  pad: 0;
}
.kanko #feature .common__wide-l::before {
  background: linear-gradient(-45deg, #ED6501, #FF9548);
}

.pet #mainimg::after {
  background: linear-gradient(to bottom, #f8d9e4, rgba(248, 217, 228, 0));
}
.pet #info .info_wrap .info_cont .grade .add__text {
  background: #E35FA1;
}
.pet #info .info_wrap .info_cont .school .school_ttl {
  color: #E35FA1;
}
.pet #info .info_wrap .info_cont .school .school_ttl::before {
  background: #E35FA1;
}
.pet #info .info_wrap .info_cont .school .campus .label {
  border-color: #F0A6CB;
  color: #F0A6CB;
}
.pet #info .info_wrap .info_cont .school .campus .label.active {
  background: #E35FA1;
  color: #FFF;
}
.pet #info .aim .aim_item .aim_ttl {
  color: #E35FA1;
}
.pet #info .aim .aim_item .aim_ttl::before {
  background: #E35FA1;
}
.pet #info .aim .aim_item .aim_list > *::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #68B5E6;
}

.komuin #mainimg::after {
  background: linear-gradient(to bottom, rgba(174, 219, 176, 0.2), rgba(174, 219, 176, 0));
}
.komuin #info .info_wrap .info_cont .grade .add__text {
  background: #3AAA3F;
}
.komuin #info .info_wrap .info_cont .school .school_ttl {
  color: #3AAA3F;
}
.komuin #info .info_wrap .info_cont .school .school_ttl::before {
  background: #3AAA3F;
}
.komuin #info .info_wrap .info_cont .school .campus .label {
  border-color: #AEDBB0;
  color: #AEDBB0;
}
.komuin #info .info_wrap .info_cont .school .campus .label.active {
  background: #3AAA3F;
  color: #FFF;
}
.komuin #info .aim .aim_item .aim_ttl {
  color: #3AAA3F;
}
.komuin #info .aim .aim_item .aim_ttl::before {
  background: #3AAA3F;
}
.komuin .curriculum_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}

.keisatsu #mainimg::after {
  background: linear-gradient(to bottom, rgba(58, 170, 63, 0.2), rgba(174, 219, 176, 0));
}
.keisatsu #info .info_wrap .info_cont .grade .add__text {
  background: #3BAA40;
}
.keisatsu #info .info_wrap .info_cont .school .school_ttl {
  color: #3BAA40;
}
.keisatsu #info .info_wrap .info_cont .school .school_ttl::before {
  background: #3BAA40;
}
.keisatsu #info .info_wrap .info_cont .school .campus .label {
  border-color: #AEDBB0;
  color: #AEDBB0;
}
.keisatsu #info .info_wrap .info_cont .school .campus .label.active {
  background: #3BAA40;
  color: #FFF;
}
.keisatsu #info .aim .aim_item .aim_ttl {
  color: #3AAA3F;
}
.keisatsu #info .aim .aim_item .aim_ttl::before {
  background: #3AAA3F;
}
.keisatsu .rhf {
  position: relative;
}
.keisatsu .rhf .btn {
  width: 88%;
  bottom: 4%;
  left: 6%;
  position: absolute;
}
.keisatsu .rhf .btn a {
  background: #3AAA3F;
  color: #FFF;
  padding: 10px;
  font-size: 1.6rem;
  border-radius: 0;
}
.account #mainimg::after {
  background: linear-gradient(to bottom, rgba(237, 173, 188, 0.2), rgba(237, 173, 188, 0));
}
.account #info .info_wrap .info_cont .grade .add__text {
  background: #E54168;
}
.account #info .info_wrap .info_cont .school .school_ttl {
  color: #E54168;
}
.account #info .info_wrap .info_cont .school .school_ttl::before {
  background: #E54168;
}
.account #info .info_wrap .info_cont .school .campus .label {
  border-color: #EDADBC;
  color: #EDADBC;
}
.account #info .info_wrap .info_cont .school .campus .label.active {
  background: #E54168;
  color: #FFF;
}
.account #info .aim .aim_item .aim_ttl {
  color: #E54168;
}
.account #info .aim .aim_item .aim_ttl::before {
  background: #E54168;
}

.biz #mainimg::after {
  background: linear-gradient(to bottom, rgba(237, 173, 188, 0.2), rgba(237, 173, 188, 0));
}
.biz #info .info_wrap .info_cont .grade .add__text {
  background: #C40808;
}
.biz #info .info_wrap .info_cont .school .school_ttl {
  color: #C40808;
}
.biz #info .info_wrap .info_cont .school .school_ttl::before {
  background: #C40808;
}
.biz #info .info_wrap .info_cont .school .campus .label {
  border-color: #F4B2B2;
  color: #F4B2B2;
}
.biz #info .info_wrap .info_cont .school .campus .label.active {
  background: #C40808;
  color: #FFF;
}
.biz #info .aim .aim_item .aim_ttl {
  color: #C40808;
}
.biz #info .aim .aim_item .aim_ttl::before {
  background: #C40808;
}

.fudosan #mainimg::after {
  background: linear-gradient(to bottom, rgba(70, 41, 168, 0.2), rgba(70, 41, 168, 0));
}
.fudosan #info .info_wrap .info_cont .grade .add__text {
  background: #4629A8;
}
.fudosan #info .info_wrap .info_cont .school .school_ttl {
  color: #4629A8;
}
.fudosan #info .info_wrap .info_cont .school .school_ttl::before {
  background: #4629A8;
}
.fudosan #info .info_wrap .info_cont .school .campus .label {
  border-color: #BEB8D5;
  color: #BEB8D5;
}
.fudosan #info .info_wrap .info_cont .school .campus .label.active {
  background: #4629A8;
  color: #FFF;
}
.fudosan #info .aim .aim_item .aim_ttl {
  color: #4629A8;
}
.fudosan #info .aim .aim_item .aim_ttl::before {
  background: #4629A8;
}

@media screen and (min-width: 981px) {
  .sports .curriculum_list, .kanko .curriculum_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10rem;
  }
  .sports .link_list, .kanko .link_list {
    grid-template-columns: repeat(3, 1fr);
  }
  .komuin .curriculum_list, .keisatsu .curriculum_list, .fudosan .curriculum_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
  }
  .komuin .rhf .btn, .keisatsu .rhf .btn, .fudosan .rhf .btn {
    width: 22%;
    bottom: 19%;
    left: 18.5%;
  }
}
.subttl {
  margin-bottom: 8%;
  text-align: center;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  font-size: 2rem;
  color: #0B8110;
}
@media (min-width: 375px) {
  .subttl {
    font-size: calc(2rem + (1vw - 3.75px) * 0.9696969697);
  }
}
@media (min-width: 1200px) {
  .subttl {
    font-size: 2.8rem;
  }
}

.other_course .other_course__cont-item .item {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.other_course .other_course__cont-item .item + .item {
  margin-top: 4%;
}
.other_course .other_course__cont-item .item:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 55%;
  height: 104%;
  transform: skew(-20deg, 0);
  transform-origin: top;
}
.other_course .other_course__cont-item .item .image img {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  object-fit: cover;
}
.other_course .other_course__cont-item .item a {
  display: table;
  width: 100%;
  height: 34.5vw;
}
.other_course .other_course__cont-item .item a .inner {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  width: auto;
  padding: 0 10%;
}
.other_course .other_course__cont-item .item a .name {
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  color: #fff;
  font-size: 1.6rem;
}
@media (min-width: 375px) {
  .other_course .other_course__cont-item .item a .name {
    font-size: calc(1.6rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  .other_course .other_course__cont-item .item a .name {
    font-size: 1.8rem;
  }
}
.other_course .other_course__cont-item .item a .year {
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  color: #fff;
  font-size: 1.2rem;
}
@media (min-width: 375px) {
  .other_course .other_course__cont-item .item a .year {
    font-size: calc(1.2rem + (1vw - 3.75px) * 0.2424242424);
  }
}
@media (min-width: 1200px) {
  .other_course .other_course__cont-item .item a .year {
    font-size: 1.4rem;
  }
}
.other_course .other_course__cont-item .item.cate_01:before, .other_course .other_course__cont-item .item.cate_09:before {
  background: linear-gradient(45deg, #59C770 0%, #A1E87B 100%);
}
.other_course .other_course__cont-item .item.cate_01 a, .other_course .other_course__cont-item .item.cate_09 a {
  text-shadow: 0 0 3px #59C770;
}
.other_course .other_course__cont-item .item.cate_02:before {
  background: linear-gradient(45deg, #430FD0 0%, #7F69DD 100%);
}
.other_course .other_course__cont-item .item.cate_02 a {
  text-shadow: 0 0 3px #430FD0;
}
.other_course .other_course__cont-item .item.cate_03:before {
  background: linear-gradient(45deg, #EA6182 0%, #F4AABB 100%);
}
.other_course .other_course__cont-item .item.cate_03 a {
  text-shadow: 0 0 3px #EA6182;
}
.other_course .other_course__cont-item .item.cate_04:before {
  background: linear-gradient(45deg, #A30707 0%, #E05959 100%);
}
.other_course .other_course__cont-item .item.cate_04 a {
  text-shadow: 0 0 3px #A30707;
}
.other_course .other_course__cont-item .item.cate_05:before {
  background: linear-gradient(45deg, #0F34D0 0%, #698CDD 100%);
}
.other_course .other_course__cont-item .item.cate_05 a {
  text-shadow: 0 0 3px #0F34D0;
}
.other_course .other_course__cont-item .item.cate_06:before {
  background: linear-gradient(45deg, #EB5D1E 0%, #FFD050 100%);
}
.other_course .other_course__cont-item .item.cate_06 a {
  text-shadow: 0 0 3px #EB5D1E;
}
.other_course .other_course__cont-item .item.cate_07:before {
  background: linear-gradient(45deg, #C6B922 0%, #FFFF98 100%);
}
.other_course .other_course__cont-item .item.cate_07 a {
  text-shadow: 0 0 3px #C6B922;
}
.other_course .other_course__cont-item .item.cate_08:before {
  background: linear-gradient(45deg, #7C22BE 0%, #C180F0 100%);
}
.other_course .other_course__cont-item .item.cate_08 a {
  text-shadow: 0 0 3px #7C22BE;
}

.cate_01 .subttl,
.cate_09 .subttl {
  color: #0B8110;
}
.cate_01 .school__links .school__list .school__list-area,
.cate_09 .school__links .school__list .school__list-area {
  color: #3AAA3F;
  background: #DCF2DD;
}

.cate_02 .subttl {
  color: #28146A;
}
.cate_02 .school__links .school__list .school__list-area {
  color: #4629A8;
  background: #CFC8EF;
}

.cate_03 .subttl {
  color: #DD375F;
}
.cate_03 .school__links .school__list .school__list-area {
  color: #EA6182;
  background: #FADBE2;
}

.cate_04 .subttl {
  color: #8D0E0E;
}
.cate_04 .school__links .school__list .school__list-area {
  color: #C40808;
  background: #F7DADA;
}

.cate_05 .subttl {
  color: #003972;
}
.cate_05 .school__links .school__list .school__list-area {
  color: #0D5DAF;
  background: #D4E3F4;
}

.cate_06 .subttl {
  color: #E05F00;
}
.cate_06 .school__links .school__list .school__list-area {
  color: #F47B02;
  background: #F7E2C1;
}

.cate_07 .subttl {
  color: #AC9708;
}
.cate_07 .school__links .school__list .school__list-area {
  color: #C9B40F;
  background: #F7F1C4;
}

.cate_08 .subttl {
  color: #7D07A3;
}
.cate_08 .school__links .school__list .school__list-area {
  color: #7D07A3;
  background: #E6C7F2;
}

@media screen and (min-width: 981px) {
  .subttl {
    margin-bottom: 4%;
  }
  .other_course .other_course__cont-item {
    display: grid;
    grid-template-columns: repeat(2, 48%);
    justify-content: space-between;
  }
  .other_course .other_course__cont-item .item:nth-child(2) {
    margin-top: 0;
  }
  .other_course .other_course__cont-item .item a {
    height: 14vw;
  }
  .other_course .other_course__cont-item .item a:hover {
    opacity: 1;
  }
  .other_course .other_course__cont-item .item a:hover img {
    transform: scale(1.1);
    transition: transform 0.6s;
  }
}
@media screen and (min-width: 1201px) {
  .other_course .other_course__cont-item .item a {
    height: 120px;
  }
}
/*# sourceMappingURL=style.css.map */