@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------------------------
/* 
-------------------------------------------------------------------- */
.reference_mark {font-size: 10px;position: relative;top: -10px;display: inline-flex;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
/* Slick Arrow */
.slick-content {
  position: relative;
}
.slick-slide {
  padding-left: 25px;
  padding-right: 25px;
}
.slick-content-img {
  display: block;
  overflow: hidden;
  text-align: center;
}

.slick-content-img img {
  width: 100%;
  height: auto;
}
.slide-arrow {
  width: 30px;
  height: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999;
  background: #cbcbcb;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.prev-arrow {
  left: -15px;
  padding-left: 5px;
}

.next-arrow {
  right: -15px;
  padding-right: 5px;
}

.slide-arrow__arrow {
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.prev-arrow__arrow {
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}

.next-arrow__arrow {
  border-top: 2px solid white;
  border-right: 2px solid white;
}
.pageLink_t01Wrap {
    margin-bottom: 60px;
}
.pageLink_t01Wrap .pageLink_t01 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 1.3%;
}
.pageLink_t01Wrap .pageLink_t01 li {
    width: 24%;
    background-color: #36465f;
    text-align: center;
    position: relative;
    font-family: 'Noto Serif JP', serif;
}
.pageLink_t01Wrap .pageLink_t01 li::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
  transform: rotate(135deg);
  display: block;
  margin: auto;
}
.pageLink_t01Wrap .pageLink_t01 li a {
    color: #fff;
    display: block;
    padding: 15px 10px;
    padding-bottom: 25px;
    height: 100%;
    font-size: 20px;
    line-height: 1.3;
}
.pageLink_t01Wrap .pageLink_t01 li span {
    color: #f6e746;
    display: block;
    font-size: 13px;
}
/**SP**/
@media (max-width: 767px) {
.prev-arrow {
  left: -0;
  padding-left: 5px;
}
	.linkList li.w100 {
		width: 100%;
    min-width: 200%;
	}
	.reference_mark {font-size: 10px;
    position: relative;
    top: -5px;display: inline-flex;-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
	
.next-arrow {
  right: -0;
  padding-right: 5px;
}  
.pageLink_t01Wrap {
    margin-bottom: 7vmin;
}
.pageLink_t01Wrap .pageLink_t01 {
    gap: 2vmin;
}
.pageLink_t01Wrap .pageLink_t01 li {
    width: 48.8%;
}
.pageLink_t01Wrap .pageLink_t01 li::after {}
.pageLink_t01Wrap .pageLink_t01 li a {
    font-size: 4vmin;
}
.pageLink_t01Wrap .pageLink_t01 li span {
    font-size: 3vmin;
}
}

/* --------------------------------------------------------------------
/* 
-------------------------------------------------------------------- */

.reasonBlockWrap {}
.reasonBlockWrap .ttlArea {
  background: url(../../images/reason/reason01_ttl.png) no-repeat #001625;
  background-position: center;
  height: 260px;
  position: relative;
}
.reasonBlockWrap.reasonBlock02 {}
.reasonBlockWrap.reasonBlock03 {
    margin-bottom: 60px;
}
.reasonBlockWrap.reasonBlock04 {}
.reasonBlockWrap.reasonBlock05 {
    margin-bottom: 60px;
}
.reasonBlockWrap.reasonBlock06 {}
.reasonBlockWrap.reasonBlock07 {}
.reasonBlockWrap.reasonBlock08 {}
.reasonBlockWrap.reasonBlock02 .ttlArea {background: url(../../images/reason/reason02_ttl.png) no-repeat #001625 center;}
.reasonBlockWrap.reasonBlock03 .ttlArea {background: url(../../images/reason/reason03_ttl.png) no-repeat #001625 center;}
.reasonBlockWrap.reasonBlock04 .ttlArea {background: url(../../images/reason/reason04_ttl.png) no-repeat #001625 center;}
.reasonBlockWrap.reasonBlock05 .ttlArea {background: url(../../images/reason/reason05_ttl.png) no-repeat #001625 center;}
.reasonBlockWrap.reasonBlock06 .ttlArea {background: url(../../images/reason/reason06_ttl.png) no-repeat #001625 center;}
.reasonBlockWrap.reasonBlock07 .ttlArea {background: url(../../images/reason/reason07_ttl.png) no-repeat #001625 center;}
.reasonBlockWrap.reasonBlock08 .ttlArea {background: url(../../images/reason/reason08_ttl.png) no-repeat #001625 center;}

.reasonBlockWrap .ttlArea .ttl {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-0%);
    transform: translateY(-50%) translateX(-0%);
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    font-size: 42px;
    line-height: 1.5;
}
.reasonBlockWrap .ttlArea .ttl .__num {
    display: block;
    font-size: 28px;
    color: #f6e746;
    margin-bottom: 20px;
}
.reasonBlockWrap .ttlArea .ttl .__sub {
    display: block;
    font-size: 24px;
}
.reasonBlockWrap .ttlArea .ttl .__sub2 {
    display: block;
    position: relative;
    font-size: 12px;
    top: 2em;
}

.reasonBlockWrap .accordionBlock {
}
.reasonBlockWrap .accordionBlock .openBtnArea {
 
}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn {
    cursor: pointer;
   display: none;
}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .img {}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .img img {}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .txt {
    text-align: center;
    font-size: 23px;
    background-color: #000305;
    color: #fff;
    padding: 10px;
}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .txt::before {
    content: "＋";
    margin-right: 15px;
}
.reasonBlockWrap .accordionBlock .openBtnArea.active .openBtn .txt::before {
  content: "ー";
}
.reasonBlockWrap .accordionBlock .openArea {}


.c-imageset__text {}
.c-imageset__text .img {}
.c-imageset__text .img img {max-width: 100%;width: auto;}
.c-imageset__text .linkBtn {
    margin: 15px 0;
}
.c-imageset__text .linkBtn a {
    border-bottom: 1px solid;
}
.c-imageset__text p {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 1px;
}
.c-imageset__image {
    text-align: center;
}
.c-imageset__image img {
    width: auto;
    max-width: 100%;
}
.c-imageset__image .movie {
  width: 100%;
  aspect-ratio: 16 / 9;  
}
.c-imageset__image .movie iframe {
  width: 100%;
  height: 100%;  
}

.graduationVoiceBlock {
    background-color: #f3f3f3;
    padding: 45px 0 20px 0;
    margin-top: 60px;
}
.graduationVoiceBlock .t_ttl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.graduationVoiceSlideBlock .t_ttl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 40px;
}
.graduationVoiceBox {}
.graduationVoiceBox .box {
    background-color: #fff;
    padding: 30px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
}
.graduationVoiceBox .box .imgArea {
    width: 28.4%;
}
.graduationVoiceBox .box .imgArea .img {}
.graduationVoiceBox .box .imgArea .img img {}
.graduationVoiceBox .box .imgArea .name {
    margin-top: 10px;
}
.graduationVoiceBox .box .txtArea {width: 69%;}
.graduationVoiceBox .box .txtArea .ttl {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.graduationVoiceBox .box .txtArea .txt {
    font-size: 16px;
    line-height: 1.7;
}
.graduationVoiceBox .box .txtArea .more {
    text-align: right;
    font-size: 16px;
}
.graduationVoiceBox .box .txtArea .more a {
    border-bottom: 1px solid;
}
.graduationVoiceSlideBlock {
    margin: 60px 0;
    background-color: #f0f0f0;
    padding: 50px 0 30px 0;
}
.graduationVoiceSlideBlock .graduationVoiceBox .box {
  border: 1px solid #dcdcdc;
  margin: 0 20px;
}
.graduationVoiceSlideBlock .moreBtnArea {
    text-align: center;
    margin: 20px 0;
}
.graduationVoiceSlideBlock .moreBtnArea a {
    font-size: 16px;
    border-bottom: 1px solid;
}

.curriculumArea .curriculumList {
    margin: 40px 0;
}
.curriculumArea .curriculumList dl {
    border-left: 8px solid #37455e;
    padding: 10px;
    padding-left: 20px;
    margin: 20px 0;
}
.curriculumArea .curriculumList dl:nth-child(2) {border-color: #f6e746;}
.curriculumArea .curriculumList dl dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.curriculumArea .curriculumList dl dd {
    font-size: 16px;
}

.courseListWrap {}
.courseListWrap .courseListSlide {}
.courseListWrap .courseListSlide .list {
    margin: 0 20px;
}
.courseListWrap .moreBtnArea {
    text-align: right;
    margin: 20px 0;
}
.courseListWrap .moreBtnArea a {
    font-size: 16px;
    border-bottom: 1px solid;
}

.reasonBlockWrap.reasonBlock08 .graduationVoiceBox {}
.reasonBlockWrap.reasonBlock08 .graduationVoiceBox .box {
    border: 1px solid #dcdcdc;  
}

@media screen and (min-width: 1000px) {
    .graduationVoiceSlideBlock {
      overflow: hidden;
     }
  .graduationVoiceSlideBlock .graduationVoiceBox {
      max-width: 1000px;
      margin: auto;  
  }
    .graduationVoiceSlideBlock .graduationVoiceBox .box {
      max-width: 1000px;
      width: 100% !important;
      height: auto !important;
      min-height: 280px;
    }
    .graduationVoiceSlideBlock .graduationVoiceBox .box.slick-current {
      max-width: 1000px;
      width: 100% !important;
      margin: auto;
  }
    .graduationVoiceSlideBlock .graduationVoiceBox .slick-list {
    margin: 0 calc(50% - 50vw);
    width: 100vw;      
  }
    .courseListWrap {
      overflow: hidden;
     }
    .courseListWrap .courseListSlide {
      max-width: 1000px;
      margin: auto;  
    }
    .courseListWrap .courseListSlide .list {
      max-width: 1000px;
    width: 100% !important;
    }
    .courseListWrap .courseListSlide .list.slick-current {
      max-width: 1000px;
      width: 100% !important;
      margin: auto;
  }  
  .courseListWrap .courseListSlide .slick-list {
    margin: 0 calc(50% - 50vw);
    width: 100vw;      
  }
}
/**SP**/
@media (max-width: 767px) {
.reasonBlockWrap {}
.reasonBlockWrap.reasonBlock02 {}
.reasonBlockWrap.reasonBlock03 {margin-bottom: 0;}
.reasonBlockWrap.reasonBlock04 {}
.reasonBlockWrap.reasonBlock05 {margin-bottom: 0;}
.reasonBlockWrap.reasonBlock06 {}
.reasonBlockWrap.reasonBlock07 {}
.reasonBlockWrap.reasonBlock08 {}  
.reasonBlockWrap .ttlArea {background: url(../../images/reason/reason01_ttl_sp.png) no-repeat #001625 center;background-size: cover;height: 34vmin;}
.reasonBlockWrap.reasonBlock02 .ttlArea {background: url(../../images/reason/reason02_ttl_sp.png) no-repeat #001625 center;background-size: cover;}
.reasonBlockWrap.reasonBlock03 .ttlArea {background: url(../../images/reason/reason03_ttl_sp.png) no-repeat #001625 center;background-size: cover;}
.reasonBlockWrap.reasonBlock04 .ttlArea {background: url(../../images/reason/reason04_ttl_sp.png) no-repeat #001625 center;background-size: cover;}
.reasonBlockWrap.reasonBlock05 .ttlArea {background: url(../../images/reason/reason05_ttl_sp.png) no-repeat #001625 center;background-size: cover;}
.reasonBlockWrap.reasonBlock06 .ttlArea {background: url(../../images/reason/reason06_ttl_sp.png) no-repeat #001625 center;background-size: cover;}
.reasonBlockWrap.reasonBlock07 .ttlArea {background: url(../../images/reason/reason07_ttl_sp.png) no-repeat #001625 center;background-size: cover;}
.reasonBlockWrap.reasonBlock08 .ttlArea {background: url(../../images/reason/reason08_ttl_sp.png) no-repeat #001625 center;background-size: cover;}  
.reasonBlockWrap .ttlArea .ttl {
    font-size: 5.4vmin;
}
.reasonBlockWrap .ttlArea .ttl .__num {
    font-size: 4vmin;
    margin-bottom: 3vmin;
}
.reasonBlockWrap .ttlArea .ttl .__sub {
    font-size: 3.2vmin;
}  
  
	.reasonBlockWrap .ttlArea .ttl .__sub2 {
    display: block;
    position: relative;
    font-size: 10px;
    top: 1em;
}
.reasonBlockWrap .accordionBlock {
    /* margin-bottom: 7vmin; */
}
.reasonBlockWrap .accordionBlock .openBtnArea {
    margin-bottom: 6vmin;
  }
.reasonBlockWrap .accordionBlock .openBtnArea.active {
  margin-bottom: 0;
}  
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn {display: block;margin-top: -1px;}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .img {}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .img img {}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .txt {
    font-size: 3.4vmin;
}
.reasonBlockWrap .accordionBlock .openBtnArea .openBtn .txt::before {}
.reasonBlockWrap .accordionBlock .openArea {
    /* margin: 50px 0; */
    display: none;
}  
.reasonBlockWrap.reasonBlock02 .accordionBlock .openArea {} 
.reasonBlockWrap.reasonBlock03 .accordionBlock .openArea {margin-bottom: 12vmin;} 
.reasonBlockWrap.reasonBlock04 .accordionBlock .openArea {} 
.reasonBlockWrap.reasonBlock05 .accordionBlock .openArea {margin-bottom: 12vmin;} 
.reasonBlockWrap.reasonBlock06 .accordionBlock .openArea {} 
.reasonBlockWrap.reasonBlock07 .accordionBlock .openArea {} 
.reasonBlockWrap.reasonBlock08 .accordionBlock .openArea {} 
  
.c-imageset__text {}
.c-imageset__text p {}
.c-imageset__text .linkBtn {}
.c-imageset__text .linkBtn a {}  
.c-imageset__image {}
.c-imageset__image img {}  
  
.graduationVoiceBlock {
    padding: 7vmin 0;
    margin-top: 12vmin;
}
.graduationVoiceBlock .t_ttl {
    font-size: 5vmin;
}
	
.graduationVoiceBox {}
.graduationVoiceBox .box {
    display: block;
    padding: 4vmin;
}
.graduationVoiceBox .box .imgArea {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4vmin;
}
.graduationVoiceBox .box .imgArea .img {
    width: 35%;
    margin-right: 3vmin;
}
.graduationVoiceBox .box .imgArea .img img {}
.graduationVoiceBox .box .imgArea .name {}
.graduationVoiceBox .box .txtArea {
    width: 100%;
}
.graduationVoiceBox .box .txtArea .ttl {
    font-size: 3.8vmin;
}
.graduationVoiceBox .box .txtArea .txt {
    font-size: 3.4vmin;
}  
.graduationVoiceBox .box .txtArea .more {
    font-size: 3.4vmin;
}
.graduationVoiceBox .box .txtArea .more a {}
.graduationVoiceSlideBlock {
    margin: 7vmin 0 0;
}
.graduationVoiceSlideBlock .graduationVoiceBox .box {}
.graduationVoiceSlideBlock .moreBtnArea {}
.graduationVoiceSlideBlock .moreBtnArea a {}
  
.curriculumArea .curriculumList {}
.curriculumArea .curriculumList dl {}
.curriculumArea .curriculumList dl dt {
    font-size: 4vmin;
}
.curriculumArea .curriculumList dl dd {
    font-size: 3.4vmin;
}  
  
.courseListWrap {}
.courseListWrap .courseListSlide {}
.courseListWrap .courseListSlide .list {} 
.courseListWrap .moreBtnArea {}
.courseListWrap .moreBtnArea a {}  
  
.reasonBlockWrap.reasonBlock08 .graduationVoiceBox {}
.reasonBlockWrap.reasonBlock08 .graduationVoiceBox .box {}  
}