@charset "UTF-8";
.bgtotalcol {
  background-color: #eea6ab;
}

.bgheigakucol {
  background-color: #f5a21b;
}

.bgtsushincol {
  background-color: #a0d2d4;
}

.bgothercol {
  background-color: #aca7d0;
}

.box_sample {
  margin: 10px;
  padding: 10px;
}

.mincho {
  font-family: "游明朝", YuMincho, "Kozuka Mincho Pro", "Kozuka Mincho Std", "小塚明朝 Pro R", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}

.ftEN {
  font-family: "Crimson Text", serif;
}

.inrWidth {
  position: relative;
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

.outerWidth {
  position: relative;
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
}

.fullWidth {
  margin-right: auto;
  margin-left: auto;
  width: 1400px;
}

@media screen and (max-width: 1400px) {
  .fullWidth {
    width: 100%;
  }
  .outerWidth {
    width: 95%;
  }
  .inrWidth {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  .inrWidth {
    width: 80%;
  }
  .outerWidth {
    width: 86.6%;
  }
}
.banner_ao {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 30px;
  width: 450px;
  height: auto;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-animation: bound-anim 1.5s infinite;
  animation: bound-anim 1.5s infinite;
  opacity: 1 !important;
}
.banner_ao.bnr01 {
  right: 490px;
}
.banner_ao.svg {
  width: 210px;
  bottom: 240px;
}
.banner_ao:hover {
  opacity: 0.7 !important;
}
.banner_ao img {
  width: auto;
}

@media screen and (max-width: 768px) {
  .banner_ao {
    right: 10px;
    bottom: 117px;
    width: 220px;
    height: auto;
    position: absolute;
    opacity: 1;
  }
  .banner_ao.bnr01 {
    right: 10px;
    bottom: 15px;
  }
  .banner_ao.svg {
    width: 145px;
    bottom: 10px;
  }
}
@-webkit-keyframes bound-anim {
  0% {
    ransform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 5px);
    transform: translate(0px, 5px);
  }
  100% {
    ransform: translate(0px, 0px);
  }
}
@keyframes bound-anim {
  0% {
    ransform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 5px);
    transform: translate(0px, 5px);
  }
  100% {
    ransform: translate(0px, 0px);
  }
}
@-webkit-keyframes animeMVdeco {
  0% {
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
    opacity: 1;
  }
}
@keyframes animeMVdeco {
  0% {
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
    opacity: 1;
  }
}
#TOP .fv {
  max-width: 2000px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
  display: none;
}
#TOP .fv__mv {
  width: 69%;
  position: relative;
  overflow: hidden;
  /*width: 100%;*/
}
#TOP .fv__mv--slide.slick-dotted.slick-slider {
  margin-bottom: 0;
}
#TOP .fv__mv--slide .slick-list {
  /* max-height: 100vh;*/
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide {
  pointer-events: none;
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide .mv {
  width: 100%;
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide .fv__mv--deco {
  pointer-events: none;
  position: absolute;
  display: block;
  /*opacity: 0;*/
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide .fv__mv--deco01 {
  width: 636px;
  width: 65%;
  top: 15%;
  left: calc(50% - 318px);
  /*transform: translate(-50%, 0);*/
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide .fv__mv--deco02 {
  max-width: 542px;
  width: 55%;
  top: 55%;
  right: 10%;
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide .fv__mv--deco03 {
  max-width: 1040px;
  width: 100%;
  bottom: -6%;
  left: -5%;
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active {
  pointer-events: all;
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active .fv__mv--deco01,
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active .fv__mv--deco02 {
  -webkit-animation: animeMVdeco 5.5s ease 0.5s 1 normal both;
  animation: animeMVdeco 5.5s ease 0.5s 1 normal both;
}
#TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active .fv__mv--deco03 {
  -webkit-animation: animeMVdeco 5.5s ease 1.5s 1 normal both;
  animation: animeMVdeco 5.5s ease 1.5s 1 normal both;
}
#TOP .fv__mv--slide .slick-dots {
  width: 145px;
  height: 45px;
  background-image: url("../img/bg_common.png");
  background-size: cover;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#TOP .fv__mv--slide .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 9px;
}
#TOP .fv__mv--slide .slick-dots li.slick-active button::before {
  background-color: #3e3a39;
}
#TOP .fv__mv--slide .slick-dots li button {
  width: 8px;
  height: 8px;
}
#TOP .fv__mv--slide .slick-dots li button::before {
  content: "";
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #3e3a39;
  color: transparent;
  width: 8px;
  height: 8px;
  opacity: 1;
}
#TOP .fv__oc {
  width: 31%;
  background-image: url("../img/bg_common.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#TOP .fv__oc--inner {
  width: 67%;
  text-align: center;
}
#TOP .fv__oc--inner .noevent {
  font-weight: bold;
  font-size: 3rem;
  position: relative;
  left: -3%;
  margin-top: 15px;
}
#TOP .fv__oc--inner--ttlblk {
  margin-bottom: 75px;
  position: relative;
}
#TOP .fv__oc--inner--ttlblk::after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 114px;
  background-color: #3e3a39;
  position: absolute;
  bottom: -35px;
  left: calc(50% - 57px);
}
#TOP .fv__oc--inner--ttlblk .logo {
  width: 70%;
  margin-bottom: 30px;
}
#TOP .fv__oc--inner--ttlblk .txt {
  font-family: "Lato";
  font-weight: bold;
  font-size: 1.2vw;
  line-height: 1;
}
#TOP .fv__oc--inner--nextevent {
  width: 70%;
  position: relative;
  bottom: -5px;
  z-index: 2;
  margin-top: -10px;
}
#TOP .fv__oc--inner--txtblk {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 10px;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 20px;
}
#TOP .fv__oc--inner--txtblk:nth-of-type(1) {
  padding-bottom: 0;
  border-radius: 20px 20px 0 0;
}
#TOP .fv__oc--inner--txtblk:nth-of-type(2) {
  border-radius: 0 0 20px 20px;
}
#TOP .fv__oc--inner--txtblk:nth-of-type(n + 3) {
  display: none !important;
}
#TOP .fv__oc--inner--txtblk:hover {
  opacity: 0.8 !important;
}
#TOP .fv__oc--inner--txtblk.total .inner__course {
  /*background-color: $totalcol;*/
}
#TOP .fv__oc--inner--txtblk.total .inner__subject {
  /*background-color: $totalcol;*/
  color: #fff;
}
#TOP .fv__oc--inner--txtblk .inner {
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #aaa;
  padding: 10px 10px;
}
#TOP .fv__oc--inner--txtblk .inner__course {
  line-height: 1;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 7px 5px 5px;
  font-size: 1.4vw;
  border-radius: 7px;
  margin-bottom: 8px;
  background-color: #aca7d0;
}
#TOP .fv__oc--inner--txtblk .inner__course.total,
#TOP .fv__oc--inner--txtblk .inner__course.hschool {
  background-color: #eea6ab;
}
#TOP .fv__oc--inner--txtblk .inner__course.heigaku,
#TOP .fv__oc--inner--txtblk .inner__course.jhschool {
  background-color: #fbc95f;
}
#TOP .fv__oc--inner--txtblk .inner__course.tsushin {
  background-color: #a0d2d4;
}
#TOP .fv__oc--inner--txtblk .inner__ttl {
  font-family: "Lato";
  line-height: 1;
  font-weight: bold;
  font-size: 1.5vw;
  margin-bottom: 8px;
}
#TOP .fv__oc--inner--txtblk .inner__date {
  line-height: 1;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 4vw;
  margin-bottom: 13px;
}
#TOP .fv__oc--inner--txtblk .inner__date span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #3e3a39;
  color: #fff;
  font-size: 1.4vw;
  padding: 5px;
  border-radius: 100px;
  margin-bottom: 0.5vw;
}
#TOP .fv__oc--inner--txtblk .inner__subject {
  display: inline-block;
  border-radius: 5px;
  font-size: 1.2vw;
  font-weight: bold;
  line-height: 1;
  padding: 4px 7px 3px;
  margin-bottom: 2px;
  background-color: #aca7d0;
}
#TOP .fv__oc--inner--txtblk .inner__subject:nth-of-type(2n) {
  margin-left: 5px;
}
#TOP .fv__oc--inner--txtblk .inner__subject:last-of-type {
  margin-bottom: 8px;
}
#TOP .fv__oc--inner--txtblk .inner__subject.total,
#TOP .fv__oc--inner--txtblk .inner__subject.hschool {
  background-color: #eea6ab;
}
#TOP .fv__oc--inner--txtblk .inner__subject.heigaku,
#TOP .fv__oc--inner--txtblk .inner__subject.jhschool {
  background-color: #fbc95f;
}
#TOP .fv__oc--inner--txtblk .inner__subject.tsushin {
  background-color: #a0d2d4;
}
#TOP .fv__oc--inner--txtblk .inner__tag span {
  display: block;
  line-height: 1;
  font-size: 1.3vw;
  font-weight: bold;
}
#TOP .fv__oc--inner--txtblk .inner__tag span:nth-of-type(n + 2) {
  margin-top: 10px;
}
#TOP .mvarea {
  position: relative;
}
#TOP .mvarea__main {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
#TOP .mvarea__main--video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
}
#TOP .mvarea__bnrbox {
  position: absolute;
  left: 0;
  top: 150px;
}
#TOP .mvarea__bnrblk {
  width: 250px;
  display: block;
  border-radius: 0 10px 10px 0;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  padding: 13px 13px 13px 13px;
  position: relative;
}
#TOP .mvarea__bnrblk::after {
  content: "";
  display: inline-block;
  background-image: url(../img/icon_arwcir.svg);
  position: absolute;
  right: 10px;
  top: calc(50% - 11px);
  width: 22px;
  height: 22px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#TOP .mvarea__bnrblk:hover {
  opacity: 1;
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}
#TOP .mvarea__bnrblk:hover::after {
  right: 5px;
}
#TOP .mvarea__bnrblk.blk-hschool {
  background-color: #eea6ab;
}
#TOP .mvarea__bnrblk.blk-jhschool {
  background-color: #fbc95f;
}
#TOP .mvarea__bnrblk:nth-of-type(n + 2) {
  margin-top: 18px;
}
#TOP .mvarea__bnrblk--ttl {
  font-size: 1.8rem;
}
#TOP .mvarea__bnrblk--det {
  margin-top: 5px;
}
#TOP .mvarea__bnrblk--det--ttl {
  font-size: 1.6rem;
}
#TOP .mvarea__bnrblk--det--date {
  display: inline-block;
  margin-left: 15px;
}
#TOP .mvarea__bnrblk--det--date--month {
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#TOP .mvarea__bnrblk--det--date--day {
  font-size: 2.4rem;
  position: relative;
  top: 2px;
}
#TOP .mvarea__bnrblk--det--date--week {
  font-size: 1.4rem;
  width: 19px;
  height: 19px;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  letter-spacing: 0;
  line-height: 1;
  color: #3e3a39;
  margin-left: 3px;
  position: relative;
  top: 2px;
}
#TOP .line {
  padding: 55px 0;
}
#TOP .line__link {
  width: 500px;
  height: 85px;
  line-height: 1;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  background-color: #efe7cf;
  position: relative;
  border-radius: 10px;
  font-size: 1.8rem;
}
#TOP .line__link::before {
  content: "";
  background-image: url("../img/icon_line.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 41px;
  height: 39px;
  margin-right: 17px;
}
#TOP .article {
  background-color: #f7f3e7;
  padding: 110px 0;
}
#TOP .article__bnrbox {
  width: 95%;
  max-width: 1000px;
  margin: auto;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#TOP .article__bnrbox--blk {
  width: 46%;
  display: block;
  overflow: hidden;
  border-radius: 10px;
}
#TOP .article__bnrbox--blk:nth-of-type(1) {
  margin-top: -22px;
}
#TOP .article__bnrbox--blk:nth-of-type(2n) {
  margin-left: 2%;
}
#TOP .article__bnrbox--blk:nth-of-type(n + 3) {
  margin-top: 30px;
}
#TOP .article__bnrbox--blk:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
#TOP .candidatesbnrbox {
  margin-bottom: 80px;
}
#TOP .article__banner {
  width: 48.6%;
  display: block;
  margin: auto;
}
#TOP .article__banner:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
#TOP .article__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#TOP .article__inner--blk {
  width: 48.6%;
}
#TOP .article__inner--blk:nth-of-type(n + 2) {
  margin-left: 2.8%;
}
#TOP .article__inner--blk.news .article__inner--blk--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#TOP .article__inner--blk.news .article__inner--blk--inner .newsbox {
  width: 100%;
}
#TOP .article__inner--blk--ttl {
  text-align: center;
  font-weight: bold;
  line-height: 1;
  font-size: 2.6rem;
  margin-bottom: 20px;
}
#TOP .article__inner--blk--inner {
  background-color: #fff;
  padding: 48px 43px;
  border-radius: 15px;
}
#TOP .article__inner--blk--inner .newsbox--blk {
  display: block;
}
#TOP .article__inner--blk--inner .newsbox--blk:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#TOP .article__inner--blk--inner .newsbox--blk:nth-of-type(n + 2) {
  margin-top: 23px;
  padding-top: 24px;
  border-top: 1px solid #3e3a39;
}
#TOP .article__inner--blk--inner .newsbox--blk--sub {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#TOP .article__inner--blk--inner .newsbox--blk--sub .cat {
  font-weight: bold;
  padding: 5px 5px 3px;
  border-radius: 5px;
  margin-left: 14px;
  color: #fff;
}
#TOP .article__inner--blk--inner .newsbox--blk--sub .cat.cat01 {
  background-color: #eea6ab;
}
#TOP .article__inner--blk--inner .newsbox--blk--sub .cat.cat02 {
  background-color: #a0d2d4;
}
#TOP .article__inner--blk--inner .newsbox--blk--sub .cat.cat03 {
  background-color: #aca7d0;
}
#TOP .article__inner--blk--inner .newsbox--blk--sub .cat.cat04 {
  background-color: #fbc95f;
}
#TOP .article__inner--blk--inner .newsbox--blk--ttl {
  margin-top: 7px;
}
#TOP .article__inner--blk--inner .eventbox--blk {
  border: 2px solid;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 116px;
  position: relative;
}
#TOP .article__inner--blk--inner .eventbox--blk::after {
  content: "";
  display: inline-block;
  background-image: url("../img/icon_arwcir.svg");
  position: absolute;
  right: 20px;
  top: calc(50% - 11px);
  width: 22px;
  height: 22px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#TOP .article__inner--blk--inner .eventbox--blk:hover {
  opacity: 0.9;
}
#TOP .article__inner--blk--inner .eventbox--blk:hover::after {
  right: 15px;
}
#TOP .article__inner--blk--inner .eventbox--blk:nth-of-type(n + 2) {
  margin-top: 22px;
}
#TOP .article__inner--blk--inner .eventbox--blk:nth-of-type(n + 4) {
  display: none !important;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk01 {
  border: 2px solid #fbc95f;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk01 .eventbox--blk--LFT,
#TOP .article__inner--blk--inner .eventbox--blk.blk01 .eventbox--blk--RGT .sub span {
  background-color: #fbc95f;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk02 {
  border: 2px solid #eea6ab;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--LFT {
  background-color: #eea6ab;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--RGT .sub span {
  background-color: #aca7d0;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--RGT .sub span.total,
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--RGT .sub span.hschool {
  background-color: #eea6ab;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--RGT .sub span.heigaku,
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--RGT .sub span.jhschool {
  background-color: #fbc95f;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--RGT .sub span.tsushin {
  background-color: #a0d2d4;
}
#TOP .article__inner--blk--inner .eventbox--blk.blk02 .eventbox--blk--RGT .sub span.cat03 {
  background-color: #aca7d0;
}
#TOP .article__inner--blk--inner .eventbox--blk--LFT {
  width: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  line-height: 1;
}
#TOP .article__inner--blk--inner .eventbox--blk--LFT--inner {
  text-align: center;
}
#TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .date {
  color: #fff;
  font-size: 2.1rem;
}
#TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .date--month {
  font-size: 2.5rem;
}
#TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .date--day {
  font-size: 3.4rem;
}
#TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .week {
  font-size: 1.4rem;
  width: 23px;
  height: 23px;
  background-color: #fff;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  margin-top: 5px;
  letter-spacing: 0;
  line-height: 1;
}
#TOP .article__inner--blk--inner .eventbox--blk--RGT {
  width: calc(100% - 115px);
  padding-left: 20px;
  padding-right: 47px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: bold;
}
#TOP .article__inner--blk--inner .eventbox--blk--RGT .sub span {
  display: inline-block;
  color: #fff;
  padding: 5px 5px 3px;
  border-radius: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}
#TOP .article__inner--blk--inner .eventbox--blk--RGT .detail {
  font-size: 1.8rem;
  margin-top: 2px;
}
#TOP .article__inner--blk--inner .eventbox--blk--RGT .time {
  font-weight: 400;
  font-size: 1.6rem;
  margin-top: 7px;
}
#TOP .article__inner--blk--btn {
  width: 207px;
  height: 53px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  background-color: #3e3a39;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  margin-top: -22px;
  border-radius: 15px;
}
#TOP .course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
  margin: auto;
  max-width: 1920px;
}
#TOP .course__side {
  width: 27%;
  min-width: 300px;
  background-image: url("../img/course_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
}
#TOP .course__side--wrap {
  position: relative;
  /*left: 0;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  text-align: center;
}
#TOP .course__side--wrap .course__side--inr {
  -webkit-transition: 1;
  transition: 1;
}
#TOP .course__side--wrap .course__side--inr.is-in {
  opacity: 1;
  -webkit-transition: 1;
  transition: 1;
}
#TOP .course__side--wrap .course__side--total {
  opacity: 1;
}
#TOP .course__side--wrap .course__side--heigaku,
#TOP .course__side--wrap .course__side--tsushin {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#TOP .course__side--wrap .course__side--heigaku,
#TOP .course__side--wrap .course__side--tsushin {
  /*opacity: 0;*/
}
#TOP .course__side--inr {
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh;
  text-align: center;
  width: calc(100% - 20px);
}
#TOP .course__side--inr .nameblk {
  margin-bottom: 114px;
}
#TOP .course__side--inr .nameblk p {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
#TOP .course__side--inr .nameblk img {
  height: 26px;
  width: auto;
}
#TOP .course__side--inr .ttlblk {
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1.2;
  margin-bottom: 45px;
  position: relative;
}
#TOP .course__side--inr .ttlblk::after {
  content: "";
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
}
#TOP .course__side--inr .ttlblk-total::after {
  background-image: url("../img/course_deco01.svg");
  width: 180px;
  height: 60px;
  top: -47px;
  left: -25px;
}
#TOP .course__side--inr .ttlblk-heigaku::after {
  background-image: url("../img/course_deco02.svg");
  width: 162px;
  height: 65px;
  top: -55px;
  left: -25px;
}
#TOP .course__side--inr .ttlblk-tsushin::after {
  background-image: url("../img/course_deco03.svg");
  width: 212px;
  height: 50px;
  top: -40px;
  left: -75px;
}
#TOP .course__side--inr .ttlblk span {
  font-size: 3.8rem;
}
#TOP .course__side--inr .txtblk {
  line-height: 1;
  font-size: 1.9rem;
  font-weight: bold;
}
#TOP .course__side--inr .txtblk__ttl {
  color: #fff;
  display: inline-block;
  margin-top: 8px;
  border-radius: 10px;
  padding: 4px 8px;
}
#TOP .course__side--inr .txtblk__ttl-total {
  background-color: #eea6ab;
}
#TOP .course__side--inr .txtblk__ttl-heigaku {
  background-color: #fbc95f;
}
#TOP .course__side--inr .txtblk__ttl-tsushin {
  background-color: #a0d2d4;
}
#TOP .course__main {
  padding: 60px 0;
  padding-left: 65px;
  padding-right: 65px;
  width: 73%;
}
#TOP .course__main--inr {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#TOP .course__main--inr:nth-of-type(n + 2) {
  /*margin-top: 100px;*/
}
#TOP .course__main--inr .inrbox {
  width: 95.5%;
}
#TOP .course__main--inr .inrbox__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  margin-bottom: 15px;
}
#TOP .course__main--inr .inrbox__name span {
  display: inline-block;
  margin-right: 25px;
  position: relative;
}
#TOP .course__main--inr .inrbox__name span::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background-color: #3e3a39;
  right: -12px;
  top: 0px;
}
#TOP .course__main--inr .inrbox__name img {
  height: 24px;
}
#TOP .course__main--inr .inrbox__img img {
  width: 100%;
  border-radius: 10px;
}
#TOP .course__main--inr .inrbox__txtblk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -60px;
}
#TOP .course__main--inr .inrbox__txtblk--LFT {
  margin-top: 68px;
}
#TOP .course__main--inr .inrbox__txtblk--LFT--lead {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.2;
}
#TOP .course__main--inr .inrbox__txtblk--LFT--lead span {
  font-size: 1.8rem;
}
#TOP .course__main--inr .inrbox__txtblk--LFT--txt {
  font-size: 1.6rem;
  margin-top: 27px;
}
#TOP .course__main--inr .inrbox__txtblk--RGT {
  position: relative;
  right: -27px;
  width: 272px;
}
#TOP .course__main--inr .inrbox__txtblk--RGT .btn:nth-of-type(n + 2) {
  margin-top: 9px;
}
#TOP .pickup {
  background-color: #f7f3e7;
  padding: 115px 0 100px;
  margin-top: -5px;
}
#TOP .pickup__ttl {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 30px;
}
#TOP .pickup__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#TOP .pickup__box--blk {
  display: block;
  text-align: center;
  width: 30%;
  border-radius: 10px;
  margin-right: 5%;
}
#TOP .pickup__box--blk:last-of-type {
  margin-right: 0;
}
#TOP .pickup__box--blk:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}
#TOP .pickup__box--blk--txtblk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  height: 105px;
  border-radius: 0 0 10px 10px;
}
#TOP .pickup__box--blk--txtblk .ttl {
  font-weight: bold;
  font-size: 1.9rem;
  line-height: 1.5;
}
#TOP .pickup__box--blk--txtblk .ttl .small {
  font-size: 1.5rem;
}
#TOP .pickup__box--blk--txtblk .ttl .large {
  font-size: 2.4rem;
}
#TOP .pickup__box--blk--txtblk .ttl .fwn {
  font-weight: 300;
}
#TOP .pickup__box--blk--txtblk .ttl .circle {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  display: inline-block;
  z-index: 2;
  top: -2px;
  margin: 0 4px;
}
#TOP .pickup__box--blk--txtblk .ttl .circle::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  background-color: #3e3a39;
  position: absolute;
  z-index: -1;
  left: -3px;
  top: -3px;
}
#TOP .about {
  background-color: #e69d9b;
  padding-bottom: 115px;
}
#TOP .about__inner {
  position: relative;
  top: -1px;
}
#TOP .about__inner--ttl {
  height: 380px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  font-size: 1.8rem;
  padding-top: 130px;
  background-image: url("../img/about_img01_pc.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
#TOP .about__inner--box {
  background-color: #fff;
  text-align: center;
  padding: 65px 0 75px;
  border-radius: 15px;
  margin-top: -190px;
}
#TOP .about__inner--box--lead {
  font-weight: bold;
  line-height: 2.6;
  margin-bottom: 50px;
}
#TOP .about__inner--box--box {
  max-width: 862px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 95%;
}
#TOP .about__inner--box--box--blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3e3a39;
  width: 30%;
  height: 67px;
  color: #fff;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  position: relative;
}
#TOP .about__inner--box--box--blk:hover {
  opacity: 0.9;
}
#TOP .about__inner--box--box--blk:hover::after {
  right: 15px;
}
#TOP .about__inner--box--box--blk::after {
  content: "";
  display: inline-block;
  background-image: url("../img/icon_arw_white.svg");
  background-size: contain;
  width: 9px;
  height: 8px;
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#TOP .yt {
  padding: 120px 0;
}
#TOP .yt__ttl {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  font-size: 2.1rem;
  margin-bottom: 45px;
}
#TOP .yt__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 800px;
  gap: 20px;
}
#TOP .yt__box--blk {
  display: block;
  position: relative;
  width: calc(50% - 10px);
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #ccc;
}
#TOP .yt__box--blk--play {
  position: absolute;
  width: 38px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#TOP .insta {
  padding-bottom: 120px;
}
#TOP .insta__ttl {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  font-size: 2.1rem;
  margin-bottom: 45px;
}
#TOP .insta__box {
  margin: auto;
  height: 200px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
#TOP .insta__box img {
  width: 200px;
  height: 200px;
}

@media screen and (min-width: 769px) {
  #TOP .fv__oc--inner--txtblk:nth-last-of-type(2) {
    border-radius: 0 0 20px 20px;
  }
}
@media screen and (min-aspect-ratio: 16/9) {
  #TOP .fv__mv--slide .slick-list .slick-track .slick-slide .fv__mv--deco02 {
    top: auto;
    bottom: 18vh;
  }
}
@media screen and (min-width: 2000px) {
  #TOP .fv__oc--inner--txtblk .inner__course {
    font-size: 4rem;
  }
  #TOP .fv__oc--inner--txtblk .inner__ttl {
    font-size: 4.2rem;
  }
  #TOP .fv__oc--inner--txtblk .inner__date {
    font-size: 13rem;
  }
  #TOP .fv__oc--inner--txtblk .inner__date span {
    font-size: 4rem;
    margin-bottom: 10px;
  }
  #TOP .fv__oc--inner--txtblk .inner__subject {
    font-size: 4rem;
  }
  #TOP .fv__oc--inner--txtblk .inner__tag span {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 1100px) {
  #TOP .course__main {
    padding-left: 27px;
    padding-right: 27px;
  }
}
@media screen and (max-height: 793px) and (min-width: 769px) {
  #TOP .course__main--inr {
    min-height: 800px;
    margin-top: 100px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
  #TOP .fv__oc {
    padding-top: 60px;
    padding-bottom: 20px;
  }
  #TOP .fv__mv--slide {
    height: 100%;
    height: 100%;
  }
  #TOP .fv__mv--slide .slick-list {
    height: 100%;
  }
  #TOP .fv__mv--slide .slick-track {
    height: 100%;
  }
  #TOP .fv__mv--slide .slick-track .mv {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
  .banner_ao {
    width: 15vw;
    height: 15vw;
  }
}
@media screen and (max-width: 1100px) and (min-width: 769px) {
  #TOP .fv__oc--inner--txtblk .inner__subject:nth-of-type(2n) {
    margin-left: 0;
  }
}
@media screen and (min-width: 1500px) {
  #TOP .course__main--inr:nth-of-type(n + 2) {
    margin-top: 100px;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  #TOP .fv {
    max-width: inherit;
    margin: auto;
    display: block;
    max-height: inherit;
  }
  #TOP .fv__mv {
    width: 100%;
    position: relative;
  }
  #TOP .fv__mv--slide.slick-dotted.slick-slider {
    margin-bottom: 0;
  }
  #TOP .fv__mv--slide .slick-list .slick-track {
    /*&::before,&::after{
     display: none;
    }*/
  }
  #TOP .fv__mv--slide .slick-list .slick-track .slick-slide .fv__mv--deco01 {
    width: 280px;
    left: calc(50% - 140px);
    top: 10%;
  }
  #TOP .fv__mv--slide .slick-list .slick-track .slick-slide .fv__mv--deco02 {
    max-width: 542px;
    width: 56%;
    top: auto;
    bottom: 17%;
    right: 5%;
  }
  #TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active {
    pointer-events: all;
  }
  #TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active .fv__mv--deco01,
  #TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active .fv__mv--deco02 {
    -webkit-animation: animeMVdeco 5.5s ease 0.5s 1 normal both;
    animation: animeMVdeco 5.5s ease 0.5s 1 normal both;
  }
  #TOP .fv__mv--slide .slick-list .slick-track .slick-slide.slick-active .fv__mv--deco03 {
    -webkit-animation: animeMVdeco 5.5s ease 1.5s 1 normal both;
    animation: animeMVdeco 5.5s ease 1.5s 1 normal both;
  }
  #TOP .fv__mv--slide .slick-dots {
    width: 110px;
    height: 45px;
    background-image: none;
    background-size: cover;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #TOP .fv__mv--slide .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 7px;
  }
  #TOP .fv__mv--slide .slick-dots li.slick-active button::before {
    background-color: #3e3a39;
  }
  #TOP .fv__mv--slide .slick-dots li button {
    width: 6px;
    height: 6px;
  }
  #TOP .fv__mv--slide .slick-dots li button::before {
    content: "";
    display: inline-block;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #3e3a39;
    color: transparent;
    width: 6px;
    height: 6px;
    opacity: 1;
  }
  #TOP .fv__oc {
    width: 100%;
    padding: 40px 0 40px;
  }
  #TOP .fv__oc--inner {
    width: 80%;
    text-align: center;
  }
  #TOP .fv__oc--inner .noevent {
    font-size: 2rem;
    max-width: 180px;
    margin: auto;
    position: relative;
    left: -3%;
    margin-top: 10px;
  }
  #TOP .fv__oc--inner--ttlblk {
    margin-bottom: 50px;
  }
  #TOP .fv__oc--inner--ttlblk::after {
    width: 78px;
    bottom: -25px;
    left: calc(50% - 39px);
  }
  #TOP .fv__oc--inner--ttlblk .logo {
    width: 160px;
    margin-bottom: 10px;
  }
  #TOP .fv__oc--inner--ttlblk .txt {
    font-size: 1.2rem;
  }
  #TOP .fv__oc--inner--nextevent {
    width: 80%;
    max-width: 300px;
  }
  #TOP .fv__oc--inner--txtblk {
    padding: 11px 10px;
    border-radius: 10px;
    display: block;
  }
  #TOP .fv__oc--inner--txtblk:nth-of-type(1) {
    padding-bottom: 15px;
    border-radius: 20px;
  }
  #TOP .fv__oc--inner--txtblk:nth-of-type(2) {
    margin-top: 15px;
    border-radius: 20px;
  }
  #TOP .fv__oc--inner--txtblk .inner__course {
    padding: 5px 5px;
    font-size: 1.3rem;
    border-radius: 7px;
    margin-bottom: 5px;
  }
  #TOP .fv__oc--inner--txtblk .inner__ttl {
    display: none;
  }
  #TOP .fv__oc--inner--txtblk .inner__date {
    font-size: 4.5rem;
    margin: auto;
    margin-bottom: 5px;
    padding-left: 80px;
    position: relative;
    max-width: 270px;
    letter-spacing: 0;
    white-space: nowrap;
  }
  #TOP .fv__oc--inner--txtblk .inner__date::before {
    content: "";
    display: inline-block;
    background-image: url("../img/fv_img01_sp.svg");
    background-repeat: no-repeat;
    width: 65px;
    height: 33px;
    position: absolute;
    left: 15px;
    bottom: 11px;
  }
  #TOP .fv__oc--inner--txtblk .inner__date b {
    font-size: 3.5rem;
    display: inline-block;
    position: relative;
    top: -8px;
  }
  #TOP .fv__oc--inner--txtblk .inner__date span {
    font-size: 1.3rem;
    padding: 5px;
    margin-bottom: 5px;
  }
  #TOP .fv__oc--inner--txtblk .inner__subject {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #TOP .fv__oc--inner--txtblk .inner__tag span {
    font-size: 1.3rem;
  }
  #TOP .fv__oc--inner--txtblk .inner__tag span:nth-of-type(n + 2) {
    margin-top: 5px;
  }
  #TOP .mvarea {
    position: relative;
  }
  #TOP .mvarea__main {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vh - 110px);
  }
  #TOP .mvarea__main--video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
  #TOP .mvarea__bnrbox {
    top: 10px;
  }
  #TOP .mvarea__bnrblk {
    width: 210px;
    padding: 10px 10px 10px 10px;
  }
  #TOP .mvarea__bnrblk::after {
    right: 10px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
  }
  #TOP .mvarea__bnrblk:nth-of-type(n + 2) {
    margin-top: 10px;
  }
  #TOP .mvarea__bnrblk--ttl {
    font-size: 1.5rem;
  }
  #TOP .mvarea__bnrblk--det {
    margin-top: 5px;
  }
  #TOP .mvarea__bnrblk--det--ttl {
    font-size: 1.4rem;
  }
  #TOP .mvarea__bnrblk--det--date {
    margin-left: 5px;
  }
  #TOP .mvarea__bnrblk--det--date--month {
    font-size: 1.6rem;
  }
  #TOP .mvarea__bnrblk--det--date--day {
    font-size: 2.2rem;
    top: 2px;
  }
  #TOP .mvarea__bnrblk--det--date--week {
    font-size: 1.2rem;
    width: 17px;
    height: 17px;
    margin-left: 3px;
    top: 2px;
  }
  #TOP .line {
    padding: 37px 0;
  }
  #TOP .line__link {
    width: 300px;
    height: 72px;
    font-size: 1.5rem;
  }
  #TOP .line__link::before {
    width: 30px;
    height: 29px;
    margin-right: 6px;
  }
  #TOP .article {
    background-color: #f7f3e7;
    padding: 40px 0;
  }
  #TOP .article__bnrbox02 {
    width: 80%;
    margin: 0 auto 25px;
    display: block;
  }
  #TOP .article__bnrbox02 a {
    display: block;
  }
  #TOP .article__bnrbox02 a:nth-of-type(n + 2) {
    margin-top: 15px;
  }
  #TOP .article__bnrbox {
    width: 80%;
    margin: 0 auto 35px;
    display: block;
  }
  #TOP .article__bnrbox--blk {
    width: 300px;
    margin: auto;
  }
  #TOP .article__bnrbox--blk:nth-of-type(2n) {
    margin: auto;
  }
  #TOP .article__bnrbox--blk:nth-of-type(n + 2) {
    margin-top: 15px;
  }
  #TOP .candidatesbnrbox {
    margin-bottom: 45px;
  }
  #TOP .article__banner {
    width: 300px;
    display: block;
    margin: auto;
  }
  #TOP .article__inner {
    display: block;
  }
  #TOP .article__inner--blk {
    width: 100%;
  }
  #TOP .article__inner--blk.event {
    margin-top: 38px;
    margin-left: 0;
  }
  #TOP .article__inner--blk--ttl {
    font-size: 1.9rem;
    margin-bottom: 32px;
  }
  #TOP .article__inner--blk--inner {
    background-color: #fff;
    padding: 15px 15px 35px;
    border-radius: 15px;
  }
  #TOP .article__inner--blk--inner .newsbox--blk {
    display: block;
  }
  #TOP .article__inner--blk--inner .newsbox--blk:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  #TOP .article__inner--blk--inner .newsbox--blk:nth-of-type(n + 2) {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #3e3a39;
  }
  #TOP .article__inner--blk--inner .newsbox--blk--sub .date {
    font-size: 1.1rem;
  }
  #TOP .article__inner--blk--inner .newsbox--blk--sub .cat {
    font-size: 1.3rem;
    padding: 3px 10px;
    border-radius: 5px;
    border: 1px solid;
    margin-left: 7px;
  }
  #TOP .article__inner--blk--inner .newsbox--blk--ttl {
    margin-top: 7px;
  }
  #TOP .article__inner--blk--inner .eventbox--blk {
    border: 2px solid;
    border-left: 5px !important;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    position: relative;
    max-width: 280px;
    margin: auto;
    overflow: hidden;
  }
  #TOP .article__inner--blk--inner .eventbox--blk::after {
    content: "";
    display: inline-block;
    background-image: url("../img/icon_arwcir.svg");
    position: absolute;
    right: 15px;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  #TOP .article__inner--blk--inner .eventbox--blk:hover {
    opacity: 0.9;
  }
  #TOP .article__inner--blk--inner .eventbox--blk:hover::after {
    right: 15px;
  }
  #TOP .article__inner--blk--inner .eventbox--blk:nth-of-type(n + 2) {
    margin-top: 22px;
  }
  #TOP .article__inner--blk--inner .eventbox--blk.blk02 {
    border: 2px solid #eea6ab;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--LFT {
    width: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    line-height: 1;
    height: auto;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--LFT--inner {
    text-align: center;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .date {
    color: #fff;
    font-size: 1.7rem;
    white-space: nowrap;
    letter-spacing: 0;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .date--month {
    font-size: 2rem;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .date--day {
    font-size: 2.8rem;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--LFT--inner .week {
    font-size: 1rem;
    width: 17px;
    height: 17px;
    margin: auto;
    margin-top: 5px;
    letter-spacing: 0;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--RGT {
    width: calc(100% - 80px);
    padding-left: 20px;
    padding-right: 35px;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--RGT .sub {
    color: #fff;
    font-size: 1.2rem;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--RGT .sub span {
    padding: 3px 5px;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--RGT .detail {
    font-size: 1.4rem;
    margin-top: 7px;
  }
  #TOP .article__inner--blk--inner .eventbox--blk--RGT .time {
    font-weight: 400;
    font-size: 1.2rem;
    margin-top: 7px;
  }
  #TOP .article__inner--blk--btn {
    width: 170px;
    height: 44px;
    margin-top: -22px;
    border-radius: 10px;
    font-size: 1.4rem;
  }
  #TOP .course {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    margin: auto;
    max-width: inherit;
  }
  #TOP .course__side {
    display: none !important;
  }
  #TOP .course__main {
    padding: 0 0 45px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  #TOP .course__main--inr {
    min-height: inherit;
    display: block;
    padding-top: 45px;
    background-image: url("../img/course_bg_sp.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #TOP .course__main--inr:nth-of-type(n + 2) {
    margin-top: 45px;
  }
  #TOP .course__main--inr .inrbox {
    width: auto;
  }
  #TOP .course__main--inr .inrbox__name {
    display: none;
  }
  #TOP .course__main--inr .inrbox__sp {
    width: 80%;
    margin: auto;
    font-weight: bold;
    margin-bottom: 30px;
  }
  #TOP .course__main--inr .inrbox__sp--wrap01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #TOP .course__main--inr .inrbox__sp--wrap01 .nameblk {
    text-align: center;
    margin-right: 30px;
    position: relative;
  }
  #TOP .course__main--inr .inrbox__sp--wrap01 .nameblk::after {
    content: "";
    display: inline-block;
    background-color: #3e3a39;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -15px;
    top: 2px;
  }
  #TOP .course__main--inr .inrbox__sp--wrap01 .nameblk p {
    font-size: 1.2rem;
    margin-bottom: 9px;
  }
  #TOP .course__main--inr .inrbox__sp--wrap01 .nameblk img {
    height: 22px;
  }
  #TOP .course__main--inr .inrbox__sp--wrap01 .ttlblk {
    font-size: 2.8rem;
    line-height: 1.2;
    letter-spacing: 3px;
    margin-top: -8px;
  }
  #TOP .course__main--inr .inrbox__sp--wrap01 .ttlblk span {
    font-size: 1.3rem;
    letter-spacing: 1px;
  }
  #TOP .course__main--inr .inrbox__sp .txtblk {
    font-size: 1.7rem;
    line-height: 1;
    margin-top: 24px;
  }
  #TOP .course__main--inr .inrbox__sp .txtblk__ttl {
    color: #fff;
    display: inline-block;
    margin-top: 6px;
    border-radius: 5px;
    padding: 4px 8px;
  }
  #TOP .course__main--inr .inrbox__sp .txtblk__ttl-total {
    background-color: #eea6ab;
  }
  #TOP .course__main--inr .inrbox__sp .txtblk__ttl-heigaku {
    background-color: #fbc95f;
  }
  #TOP .course__main--inr .inrbox__sp .txtblk__ttl-tsushin {
    background-color: #a0d2d4;
  }
  #TOP .course__main--inr .inrbox__img {
    width: 80%;
    margin-left: auto;
    position: relative;
  }
  #TOP .course__main--inr .inrbox__img::after {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
  }
  #TOP .course__main--inr .inrbox__img-total::after {
    background-image: url("../img/course_deco01.svg");
    width: 155px;
    height: 53px;
    top: -15px;
    left: -40px;
  }
  #TOP .course__main--inr .inrbox__img-heigaku::after {
    background-image: url("../img/course_deco02.svg");
    width: 140px;
    height: 55px;
    top: -22px;
    left: -36px;
  }
  #TOP .course__main--inr .inrbox__img-tsushin::after {
    background-image: url("../img/course_deco03.svg");
    width: 222px;
    height: 51px;
    top: -27px;
    left: -53px;
  }
  #TOP .course__main--inr .inrbox__txtblk {
    display: block;
    margin: auto;
    width: 80%;
  }
  #TOP .course__main--inr .inrbox__txtblk--LFT {
    margin-top: 0px;
  }
  #TOP .course__main--inr .inrbox__txtblk--LFT--lead {
    display: none;
  }
  #TOP .course__main--inr .inrbox__txtblk--LFT--txt {
    font-size: 1.5rem;
    margin-top: 27px;
  }
  #TOP .course__main--inr .inrbox__txtblk--RGT {
    position: relative;
    right: 0px;
    width: auto;
    max-width: 350px;
    margin: auto;
    margin-top: 15px;
  }
  #TOP .course__main--inr .inrbox__txtblk--RGT .btn:nth-of-type(n + 2) {
    margin-top: 10px;
  }
  #TOP .pickup {
    padding: 45px 0;
    margin-top: 0;
  }
  #TOP .pickup__ttl {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 39px;
  }
  #TOP .pickup__box {
    display: block;
    width: 100%;
  }
  #TOP .pickup__box .slick-prev,
  #TOP .pickup__box .slick-next {
    z-index: 9;
    width: 27px;
    height: 27px;
    top: calc(50% - 13px);
    opacity: 1;
  }
  #TOP .pickup__box .slick-prev::before,
  #TOP .pickup__box .slick-next::before {
    content: "";
    display: inline-block;
    background-image: url("../img/icon_arwcir.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    opacity: 1;
  }
  #TOP .pickup__box .slick-prev {
    left: 46px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }
  #TOP .pickup__box .slick-next {
    right: 46px;
    top: calc(50% + 3px);
  }
  #TOP .pickup__box--blk {
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0;
  }
  #TOP .pickup__box--blk:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
  }
  #TOP .pickup__box--blk img {
    width: 100%;
  }
  #TOP .pickup__box--blk--txtblk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    height: 78px;
    border-radius: 0 0 10px 10px;
  }
  #TOP .pickup__box--blk--txtblk .ttl {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  #TOP .pickup__box--blk--txtblk .ttl .small {
    font-size: 1.2rem;
  }
  #TOP .pickup__box--blk--txtblk .ttl .large {
    font-size: 1.8rem;
  }
  #TOP .pickup__box--blk--txtblk .ttl .fwn {
    font-weight: 300;
  }
  #TOP .pickup__box--blk--txtblk .ttl .circle {
    position: relative;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    display: inline-block;
    z-index: 2;
    top: -3px;
    margin: 0 4px;
  }
  #TOP .pickup__box--blk--txtblk .ttl .circle::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    background-color: #3e3a39;
    position: absolute;
    z-index: -1;
    left: -3px;
    top: -3px;
  }
  #TOP .about {
    padding-bottom: 40px;
  }
  #TOP .about__inner {
    position: relative;
    top: -1px;
  }
  #TOP .about__inner--ttl {
    height: 310px;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    font-size: 1.8rem;
    padding-top: 38px;
    background-image: url("../img/about_img01_sp.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
  #TOP .about__inner--box {
    background-color: #fff;
    text-align: center;
    padding: 35px 0 45px;
    border-radius: 15px;
    margin-top: -220px;
  }
  #TOP .about__inner--box--lead {
    font-weight: bold;
    line-height: 2.4;
    margin-bottom: 30px;
  }
  #TOP .about__inner--box--box {
    max-width: 862px;
    margin: auto;
    display: block;
  }
  #TOP .about__inner--box--box--blk {
    width: 100%;
    max-width: 230px;
    height: 58px;
    border-radius: 15px;
    margin: auto;
    font-size: 1.6rem;
  }
  #TOP .about__inner--box--box--blk:nth-of-type(n + 2) {
    margin-top: 23px;
  }
  #TOP .about__inner--box--box--blk::after {
    width: 9px;
    height: 8px;
    right: 15px;
  }
  #TOP .yt {
    padding: 38px 0 45px;
  }
  #TOP .yt__ttl {
    font-weight: bold;
    text-align: center;
    line-height: 1;
    font-size: 2.1rem;
    margin-bottom: 25px;
  }
  #TOP .yt__box {
    display: block;
  }
  #TOP .yt__box--blk {
    display: block;
    position: relative;
    width: 100%;
    margin: auto;
    max-width: 375px;
  }
  #TOP .yt__box--blk:nth-of-type(n + 2) {
    margin-top: 10px;
  }
  #TOP .yt__box--blk--thum {
    width: 100%;
  }
  #TOP .yt__box--blk--play {
    position: absolute;
    width: 48px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #TOP .insta {
    padding-bottom: 70px;
    width: 80%;
    margin: auto;
  }
  #TOP .insta__ttl {
    font-weight: bold;
    text-align: center;
    line-height: 1;
    font-size: 2.1rem;
    margin-bottom: 45px;
  }
  #TOP .insta__box {
    margin: auto;
    height: auto;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #TOP .insta__box img {
    width: 50%;
    height: auto;
  }
  #TOP .insta__box img:nth-of-type(n + 9) {
    display: none;
  }
}
/*--fadeInUp--*/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*--fadeInUpBig--*/
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

/* SP ここまで */
/*# sourceMappingURL=style.css.map */