#nav-top-area{
  z-index: 100;
}
@-webkit-keyframes loop {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }
  @keyframes loop {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }
  @keyframes bandBtnAnimationIn{
    from{
      transform: translateX(-110%);
      -webkit-transform: translateX(-110%);
      -moz-transform: translateX(-110%);
      -ms-transform: translateX(-110%);
      -o-transform: translateX(-110%);
  }to{
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
  }
  }
  @keyframes bandBtnAnimationOut{
    from{
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
  }to{
    transform: translateX(110%);
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
  }
  }
html{
  font-size: 10px;
}
#str-contents{
  padding: 0;
}
p{
  margin: 0;
}
.header-inner, .nav-global, #topicpath-area, #contents-area, .footer-inner {
  width: 100%;
}
.lyt-col-1 #contents-body{
  width: 100%;
}
.header-2019{
  background: #ffffff;
}
img.newwindowicon{
  display: none;
}
.pc-950{
  width: 950px;
  margin: 0 auto;
}
.pc-flex{
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
}
.pc-visible{
  display: block;
}
.pc-tablet-visible{
  display: block;
}
img.pc-tablet-visible{
  display: inline-block;
}
.tablet-visible{
  display: none;
}
.sp-visible{
  display: none;
}
.wmvicon{
  display: none;
}
@media screen and (max-width:950px) {
  .pc-flex{
    display: block;
  }
  img{
    max-width: 100%;
  }
  .pc-950{
    width: 700px;
  }
  .pc-visible{
    display: none;
  }
  .tablet-visible{
    display: block;
  }
  img.tablet-visible{
    display: inline-block;
  }
}
@media screen and (max-width:768px) {
  .pc-950{
    width: 100%;
  }
  .pc-tablet-visible{
    display: none;
  }
  img.pc-tablet-visible{
    display: none;
  }
  .sp-visible{
    display: block;
  }
  img.sp-visible{
    display: inline-block;
  }
}

/* -------------------------------------.mv-animetion------------------------------------- */
@keyframes kvFirstAnimation {
  0% {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    opacity: 0;
}50% {
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  opacity: 0;
}100% {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  opacity: 1;
}
}
@keyframes kvFirstAnimation2{
  flom{
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    opacity: 0;
}
to {
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  opacity: 1;
}
}
@keyframes kvBgFirstAnimation{
  0%{
    opacity: 1;
  }80%{
    opacity: 1;
  }100%{
    opacity: 0;
  }
}
@keyframes kvBgAnimation{
from{
    transform: scale(1);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}to{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
}
.hdg-lv1{
  width: 100%;
  height: 700px;
  background: #000000;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.hdg-lv1 img{
  width: 100%;
  max-width: 2000px;
}
.kv-wrap{
  width: 2000px;
  max-width: 2000px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.kv-item{
  display: none;
  width: 100%;
  max-width: 2000px;
  height: auto;
  position: absolute;
  will-change: transform;
  top: 0;
  left: 0;
  overflow: hidden;
}
.is-active.kv-item{
  z-index: 1;
}
.kv-animation-bg{
  width: 100%;
  height: 100%;
  position: absolute;
  will-change: transform;
  top: 0;
  left: 0;
  z-index: 0;
}
.kv-fig{
  position: relative;
  z-index: 0;
}
.kv-fig img{
  width: 100%;
}
.kv-band-text{
  display: block;
  padding-left: calc(525/2000*100%);
  position: absolute;
  color: #ffffff;
  font-weight: bold;
  overflow: hidden;
}
.kv-anim-txt{
  display: block;
  will-change: transform;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  opacity: 0;
}
.kv-band-text::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  transform: translateX(-100%);
  background:#000000;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  opacity: 0;
  z-index: 0;
}
@media screen and (max-width:950px) {
  .hdg-lv1{
    height: auto;
  }
  .hdg-lv1 img{
    max-width: 100%;
  }
  .kv-wrap{
    width: 100%;
    max-width: 100%;
    left: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .kv-item{
    max-width: 100%;
    height: auto;
  }
  .kv-band-text{
    padding-left: calc(30/750*100%);
  }
}
/*------------------------------ .kv-animation-part-01 ----------------------------------*/
.kv-part-01 .kv-band-text{
  top: calc(139/700*100%);
}
.kv-part-01 .kv-animation-bg img{
  width: 100%;
  height: 100%;
}
.kv-part-01 .kv-band-text:nth-child(4){
  top: calc(281/700*100%);
}
@media screen and (max-width:950px) {
  .kv-part-01 .kv-band-text{
    top: calc(139/1000*100%);
    width: calc(442/750*100%);
  }
  .kv-part-01 .kv-band-text:nth-child(4){
    top: calc(300/1000*100%);
    width: calc(601/750*100%);
  }
}
.is-active.kv-part-01 .kv-band-text::before{
  animation: kvFirstAnimation2 0.3s ease-out 0s 1 forwards;
  -webkit-animation: kvFirstAnimation2 0.3s ease-out 0s 1 forwards;
}
.is-active.kv-part-01 .kv-band-text:nth-child(3) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s ease-out 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s ease-out 0s forwards;
}
.is-active.kv-part-01 .kv-band-text:nth-child(4) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s ease-out 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s ease-out 0s forwards;
}
.is-active.kv-part-01 .kv-band-text:nth-child(5) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s ease-out 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s ease-out 0s forwards;
}
.is-active.kv-item.kv-part-01 .kv-animation-bg{
  animation: kvBgAnimation 4s linear 0s forwards;
  -webkit-animation: kvBgAnimation 4s linear 0s forwards;
}
.is-active.kv-item.kv-part-01{
  animation: kvBgFirstAnimation 4s linear 0s forwards;
  -webkit-animation: kvBgFirstAnimation 4s linear 0s forwards;
}
/*------------------------------ .kv-animation-part-02 ----------------------------------*/
.kv-part-02 .kv-band-text{
  top: calc(139/700*100%);
}
.kv-part-02 .kv-band-text:nth-child(4){
  top: calc(247/700*100%);
}
@media screen and (max-width:950px) {
  .kv-part-02 .kv-band-text{
    top: calc(140/1000*100%);
    width: calc(670/750*100%);
  }
  .kv-part-02 .kv-band-text:nth-child(4){
    top: calc(236/1000*100%);
    width: calc(532/750*100%);
  }
}
.is-active.kv-part-02 .kv-band-text::before{
  animation: kvFirstAnimation2 0.3s linear 0s 1 forwards;
  -webkit-animation: kvFirstAnimation2 0.3s linear 0s 1 forwards;
}
.is-active.kv-part-02 .kv-band-text:nth-child(3) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s linear 0s forwards;
}
.is-active.kv-part-02 .kv-band-text:nth-child(4) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s linear 0s forwards;
}
.is-active.kv-item.kv-part-02 .kv-animation-bg{
  animation: kvBgAnimation 5s linear 0s forwards;
  -webkit-animation: kvBgAnimation 5s linear 0s forwards;
}
.is-active.kv-item.kv-part-02{
  animation: kvBgFirstAnimation 5s linear 0s forwards;
  -webkit-animation: kvBgFirstAnimation 5s linear 0s forwards;
}
/*------------------------------ .kv-animation-part-03 ----------------------------------*/
.kv-part-03 .kv-band-text{
  top: calc(139/700*100%);
}
.kv-part-03 .kv-band-text:nth-child(4){
  top: calc(248/700*100%);
}
.kv-part-03 .kv-band-text:nth-child(5){
  top: calc(356/700*100%);
}
.kv-part-03 .kv-band-text:nth-child(6){
  top: calc(465/700*100%);
}
@media screen and (max-width:950px) {
  .kv-part-03 .kv-band-text{
    top: calc(137/1000*100%);
    width: calc(381/750*100%);
  }
  .kv-part-03 .kv-band-text:nth-child(4){
    top: calc(236/1000*100%);
    width: calc(538/750*100%);
  }
  .kv-part-03 .kv-band-text:nth-child(5){
    top: calc(336/1000*100%);
    width: calc(520/750*100%);
  }
  .kv-part-03 .kv-band-text:nth-child(6){
    top: calc(432/1000*100%);
    width: calc(396/750*100%);
  }
}
.is-active.kv-part-03 .kv-band-text::before{
  animation: kvFirstAnimation2 0.3s linear 0s 1 forwards;
  -webkit-animation: kvFirstAnimation2 0.3s linear 0s 1 forwards;
}
.is-active.kv-part-03 .kv-band-text:nth-child(3) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s linear 0s forwards;
}
.is-active.kv-part-03 .kv-band-text:nth-child(4) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s linear 0s forwards;
}
.is-active.kv-part-03 .kv-band-text:nth-child(5) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s linear 0s forwards;
}
.is-active.kv-part-03 .kv-band-text:nth-child(6) .kv-anim-txt{
  animation: kvFirstAnimation 0.3s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.3s linear 0s forwards;
}
.is-active.kv-item.kv-part-03 .kv-animation-bg{
  animation: kvBgAnimation 5s linear 0s forwards;
  -webkit-animation: kvBgAnimation 5s linear 0s forwards;
}
.is-active.kv-item.kv-part-03{
  animation: kvBgFirstAnimation 5s linear 0s forwards;
  -webkit-animation: kvBgFirstAnimation 5s linear 0s forwards;
}
/*------------------ .kv-animation-compleatAnimation -----------------------*/
.compleatAnimation.kv-part-01 .kv-band-text::before{
  animation: kvFirstAnimation2 0.5s linear 0s 1 forwards;
  -webkit-animation: kvFirstAnimation2 0.5s linear 0s 1 forwards;
}
.compleatAnimation.kv-part-01 .kv-band-text:nth-child(3) .kv-anim-txt{
  animation: kvFirstAnimation 0.5s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.5s linear 0s forwards;
}
.compleatAnimation.kv-part-01 .kv-band-text:nth-child(4) .kv-anim-txt{
  animation: kvFirstAnimation 0.5s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.5s linear 0s forwards;
}
.compleatAnimation.kv-part-01 .kv-band-text:nth-child(5) .kv-anim-txt{
  animation: kvFirstAnimation 0.5s linear 0s forwards;
  -webkit-animation: kvFirstAnimation 0.5s linear 0s forwards;
}
/*-------------------------------------------- news-prev-area----------------------------- */
.top-entry-area{
    width: 100%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border: 1px solid #5082e6;
    background: #5082e6;
}
.entry-start-area{
  width: 950px;
  padding: 25px 0;
  background: #5082e6;
  margin: 0 auto;
  box-sizing: border-box;
}
.entry-start-first-item{
  box-sizing: border-box;
  width: 780px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.entry-start-area.period .entry-start-first-item{
  width: 810px;
}
.entry-start-btn{
  background: #ffffff;
  position: relative;
  overflow: hidden;
}
.entry-start-btn::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
  position: absolute;
  background: #e6e6e6;
  animation: bandBtnAnimationOut 0.2s ease-in-out 0s forwards;
  -webkit-animation: bandBtnAnimationOut 0.2s ease-in-out 0s forwards;
}
.entry-start-btn:hover::after{
  animation: bandBtnAnimationIn 0.2s ease-in-out 0s forwards;
  -webkit-animation: bandBtnAnimationIn 0.2s ease-in-out 0s forwards;
}
.mod-str-btn{
  position: relative;
  z-index: 1;
}
.entry-start-item-sub-text{
  box-sizing: border-box;
  margin: 15px auto 0;
  width: auto;
}
@media screen and (max-width:950px) {
  .news-prev-area{
    height: auto;
  }
  .news-prev-content{
    width: calc(690/750*100%);
    box-sizing: content-box;
    margin: 0 auto;
    padding-top: 0;
    box-sizing: border-box;
    position: relative;
    top: 0;
    right: 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
  .news-prev-inner{
    position:relative;
    padding-top:calc(90/325*100%);
    transform: translateY(-70px);
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    background: #ffffff;
  }
  .entry-start-area{
    width: calc(630/750*100%);
    z-index: 1;
  }
  .entry-start-area.period .entry-start-btn {
    margin: 10px 0 0;
    width: auto;
  }
  .entry-start-area.period{
    width: 100%;
    padding: 25px;
  }
  .entry-start-first-item{
    width: auto;
  }
  .entry-start-item-text{
    text-align: center;
  }
  .entry-start-item-sub-text{
    margin-top: 10px;
    width: auto;
  }
  .entry-start-btn{
    margin-top: 20px;
    width: 220px;
    text-align: center;
  }
  .news-logo{
    text-align: center;
  }
  .news-list{
    width: 100%;
    height: 170px;
  }
  .news-list-item{
    margin-top: 25px;
  }
  .news-title{
    max-width: auto;
  }
}
@media screen and (max-width:768px) {
  .news-prev-content{
    padding-bottom: 0;
  }
  .news-prev-area{
    height: auto;
  }
  .news-prev-inner{
    padding:calc(20/325*100%) 15px 0;
    transform: translateY(calc(72/680*-100%));
    -webkit-transform: translateY(calc(72/680*-100%));
    -moz-transform: translateY(calc(72/680*-100%));
    -ms-transform: translateY(calc(72/680*-100%));
    -o-transform: translateY(calc(72/680*-100%));
  }
  .news-list{
    height: 150px;
  }
  .news-list-item{
    font-size: 1.4rem;
  }
  .news-list-item p{
    margin: 0;
  }
  .news-list-item{
    margin-top: 15px;
  }
  .news-list-item + .news-list-item{
    margin-top: 13px;
  }
  .entry-start-btn{
    margin: 10px auto 0;
  }
  .entry-start-area{
    width: calc(650/750*100%);
    padding: 15px 0;
  }
}
/*------------------------------- gnav ------------------------------*/
.gnav-area-wrap{
  width: 100%;
  padding: 10px 0;
  background-color: #e6e6e6;
}
.gnav-araa{
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.gnav-item{
  width: calc(250/750*100%);
  border-left: 1px solid #b3b3b3;
  box-sizing: border-box;
  position: relative;
}
.gnav-item:nth-last-child(1){
  border-right: 1px solid #b3b3b3;
}
@keyframes gnavHovAnim{
  from {
  bottom: 0;
} to{
  bottom: -5px;
}
}
.gnav-item::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  transform: rotate(134deg) translateX(-50%);
  -webkit-transform: rotate(134deg) translateX(-50%);
  -moz-transform: rotate(134deg) translateX(-50%);
  -ms-transform: rotate(134deg) translateX(-50%);
  -o-transform: rotate(134deg) translateX(-50%);
}
.gnav-item:hover::after{
  animation: gnavHovAnim 0.2s ease-in-out 0s infinite alternate forwards;
  -webkit-animation: gnavHovAnim 0.2s ease-in-out 0s infinite alternate forwards;
}
@media screen and (max-width:768px) {
  .gnav-item:first-child{
    border-left: none;
  }
  .gnav-item:nth-last-child(1){
    border-right: none;
  }
}
/*---------------------- about------------------------------------ */
.hdg-lv2{
  text-align: center;
  color: #ffffff;
}
#about{
  margin-top: 120px;
}
.about-txt-large{
  margin-top: 80px;
  text-align: center;
}
.about-content-wrap{
  margin-top: 60px;
}
.about-content-box{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.about-content-text{
  margin-right: 60px;
  font-size: 1.6rem;
  color: #ffffff;
  width: 63%;
}
.about-desc-item{
  width: -webkit-calc(950px/3);
  width: calc(950px/3);
  position: relative;
}
.about-desc-item-title{
  width: 295px;
  margin: 0 auto;
  border: 1px solid #6591e9;
  box-sizing: border-box;
  background: #6591e9;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.about-desc-item:nth-of-type(2) .about-desc-item-title{
  border-color: #5082e6;
  background: #5082e6;
}
.about-desc-item:nth-of-type(3) .about-desc-item-title{
  border-color: #3b6fd9;
  background: #3b6fd9;
}
.about-desc-item-txt-box{
  height: 324px;
  padding: 76px 30px 0;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  background: #ffffff;
  font-size: 1.6rem;
}
.about-desc-item:nth-of-type(2) .about-desc-item-txt-box{
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}
.about-movie-fig{
  width: 316px;
  max-width: 316px;
}
@media screen and (max-width:950px) {
  .about-desc-box{
    margin-top: 100px;
  }
  .about-desc-item{
    width: 100%;
    margin: 0;
  }
  .about-desc-item + .about-desc-item{
    border-top: 1px solid #000000;
  }
  .about-desc-item-title{
    width: 100%;
    padding: 0 30px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  .about-desc-item-title-inner{
    display: block;
    position: relative;
  }
  .about-desc-item-title-toggle-btn{
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #ffffff;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.about-desc-item-title-toggle-btn::after{
    content: '';
    display: block;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 8px solid #5082e6;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.about-desc-item-title-toggle-btn::before{
  content: '';
  display: block;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-top: 8px solid #5082e6;
  transition: 0.5s transform linear 0s;
  -webkit-transition: 0.5s transform linear 0s;
  -moz-transition: 0.5s transform linear 0s;
  -ms-transition: 0.5s transform linear 0s;
  -o-transition: 0.5s transform linear 0s;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.is-open .about-desc-item-title-toggle-btn::before{
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}
  .about-desc-item-txt-box {
    overflow: hidden;
    height: 0;
    padding: 0 30px;
    border-top: none;
    border-bottom: none;
  }
  .about-desc-item-txt{
    margin: 30px 0;
  }
  .about-content-text{
    margin-left: 0;
    width: auto;
  }
}
@media screen and (max-width:768px) {
  #about{
    width: 100%;
    margin-top: 50px;
    box-sizing: border-box;
  }
  .about-content-wrap{
    margin-top: 30px;
  }
  .section-inner{
    padding: 0 15px;
    box-sizing: border-box;
  }
  .about-txt-large{
    margin-top: 35px;
  }
  .about-content-box{
    display: block;
    text-align: center;
  }
  .about-content-text{
    margin-right: 0;
    margin-bottom: 40px;
    text-align: left;
    font-size: 1.4rem;
  }
  .about-desc-item-title {
    padding: 0px 15px;
  }
  .about-desc-item-title-toggle-btn{
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
  .about-desc-item-title-toggle-btn::after {
    width: 10px;
    border-top: 2px solid #5082e6;
  }
  .about-desc-item-title-toggle-btn::before {
    width: 10px;
    border-top: 2px solid #5082e6;
  }
  .about-desc-item-txt-box {
    padding: 0 15px;
  }
  .about-desc-item-txt {
    margin: 15px 0;
  }
  .about-desc-box{
    margin-top: 50px;
  }
  .about-movie-fig{
    max-width: 227px;
  }
}
/*--------------------------------------------- .white-area--------------------------------- */
.white-area-right{
  margin-top: 115px;
  margin-left: calc((100/1600)*100%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.white-area-left{
  margin-top: 115px;
  margin-right: calc((100/1600)*100%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.white-area-wrap{
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
}
.white-area-left .white-area-wrap{
  background: url(/en/corp/set/data/special/academia/img/p/bg-student.png) repeat-x #ffffff;
  background-position-y: 100%;
}

.white-area-box{
  padding:0 calc((60/1400)*100%);
  padding-bottom: 40px;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  min-width: 950px;
}

.white-area-right .white-area-box{
  padding-right: calc((160/1400)*100%);
}

.white-area-left .white-area-box{
  padding-left: calc((160/1400)*100%);
  padding-bottom: 350px;
}

.white-area-txt{
  margin-top: 80px;
  text-align: center;
}

.white-area-title{
  text-align: center;
  transform: translateY(-15px);
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
}
@media screen and (max-width:1599px) {
  .white-area-right{
    display: block;
    margin-left: 0;
  }
  .white-area-left{
    display: block;
    margin-right: 0;
  }
  .white-area-box{
    padding: 0;
    padding-bottom: 40px;
  }
  .white-area-right .white-area-box{
    padding-right: 0;
  }
  .white-area-left .white-area-box{
    padding-left: 0;
  }
}
@media screen and (max-width:1280px) {
  .white-area-right{
    margin-left: 0;
  }
  .white-area-left{
    margin-right: 0;
  }
  .white-area-left .white-area-box,.white-area-right .white-area-box{
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width:950px) {
  .white-area-box{
    min-width: 100%;
  }
}
@media screen and (max-width:768px) {
  .white-area-left .white-area-wrap{
    background: url(/en/corp/set/data/special/academia/img/s/bg-student.png) repeat-x center bottom #fff;
    background-size: 350px;
  }
  .white-area-right {
    margin-top: 43px;
    box-sizing: border-box;
  }
  .white-area-right .white-area-box{
    padding-bottom: 0;
  }
  .white-area-left{
    margin-top: 42px;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .white-area-title{
    transform: translateY(calc(82/170*-100%));
    -webkit-transform: translateY(calc(82/170*-100%));
    -moz-transform: translateY(calc(82/170*-100%));
    -ms-transform: translateY(calc(82/170*-100%));
    -o-transform: translateY(calc(82/170*-100%));
}
  .white-area-txt{
    margin-top: 6px;
  }
}
/* -------------------------------------program ----------------------------------*/
.program-box{
  -ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.program-item{
  width: calc(602/1280*100%);
  margin-top: 30px;
}
.program-item:nth-child(2n){
  margin-left: calc(70/1280*100%);
}
.program-fig img{
  width: 100%;
}
.program-item-inner{
  position: relative;
}
.program-fig{
  position: relative;
}
.program-number-fig{
  display: block;
  width: calc(70/600*100%);
  background: #5082e6;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
}
.program-fig-img{
  overflow: hidden;
  width: 100%;
  height: auto;
}
.program-text-wrap{
  width: calc(560/600*100%);
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
  background: #e6e6e6;
  box-sizing: border-box;
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}
.program-item:nth-child(1) .program-text-wrap,.program-item:nth-child(2) .program-text-wrap{
  height: 260px;
}
.program-item:nth-child(3) .program-text-wrap,.program-item:nth-child(4) .program-text-wrap{
  height: 316px;
}
.program-item:nth-child(5) .program-text-wrap,.program-item:nth-child(6) .program-text-wrap{
  height: 310px;
}
.program-text-box{
  padding: 0 30px;
}
.program-title{
  font-size: 2.4rem;
  line-height: 1;
}
.program-text{
  margin-top: 15px;
  font-size: 1.6rem;
}
.prev-program-txt{
  margin-top: 100px;
  text-align: center;
}
.prev-program-sub-txt{
  margin-top: 25px;
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width:1280px) {
  .program-wrap{
    padding: 0 20px;
    box-sizing: border-box;
  }
  .program-item:nth-child(1),.program-item:nth-child(2){
    margin-top: 20px;
  }
  .program-box{
    max-width: 1280px;
  }
  .program-title{
    font-size: 1.87vw;
  }
  .program-text{
    font-size: 1.25vw;
  }
}
@media screen and (max-width:950px) {
  .program-item{
    width: 602px;
    margin-left: auto;
    margin-right: auto;
  }
  .program-title{
    font-size: 2.4rem;
  }
  .program-text{
    font-size: 1.5rem;
  }
  .program-item:nth-child(2n){
    margin-left: auto;
  }
}
@media screen and (max-width:768px) {
  .program-wrap{
    padding: 0;
  }
  .white-area-right{
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
  .white-area-wrap{
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
  }
  .program-number-fig{
    width: calc(90/630*100%);
  }
  .program-item{
    margin-top: 0;
  }
  .program-item:nth-of-type(1){
    margin-top: 0;
  }
  .program-item {
    width: 100%;
  }
  .program-title{
    font-size: 1.4rem;
    font-weight: bold;
  }
  .program-text-wrap{
    padding: 20px 0;
    height: auto !important;
    transform: translateY(-23px);
    -webkit-transform: translateY(-23px);
    -moz-transform: translateY(-23px);
    -ms-transform: translateY(-23px);
    -o-transform: translateY(-23px);
  }
  .program-item:nth-child(1) .program-text-wrap,
  .program-item:nth-child(2) .program-text-wrap,
  .program-item:nth-child(3) .program-text-wrap,
  .program-item:nth-child(4) .program-text-wrap,
  .program-item:nth-child(5) .program-text-wrap,
  .program-item:nth-child(6) .program-text-wrap{
    height: auto;
  }
  .program-text-box{
    padding: 0 15px;
  }
  .program-text{
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .prev-program-txt{
    margin-top: 12px;
  }
  .prev-program-sub-txt{
    margin-top: 20px;
    font-size: 1.4rem;
    text-align: left;
  }
}

/* ---------------------------------.swiper----------------------------------- */
.swiper-parent {
  position: relative;
  width: 100%;
  max-width: 1070px;
  margin: 40px auto 0;
}
.swiper-slide img{
  display: block;
  width: 276px;
  margin: 0 auto;
}
.swiper-container {
	width: calc(100% - 100px);
	padding-bottom: 50px;
  box-sizing: content-box;
  text-align: center;
}
.swiper-txt{
  margin-top: 20px;
  font-size: 2rem;
}
.swiper-button-prev, .swiper-button-next {
	top: calc((100% - 50px) * 0.5);
  margin-top: -22px;
}
.swiper-button-prev{
  background-image: url(/en/corp/set/data/special/academia/img/p/btn-prev.png?20201126);
}
.swiper-button-next{
  background-image: url(/en/corp/set/data/special/academia/img/p/btn-next.png?20201126);
}
.lang-ja{
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width:768px) {
  .swiper-parent{
    margin-top: 25px;
  }
  .swiper-txt{
    margin-top: 15px;
    font-size: 1.4rem;
  }
  .swiper-txt{
    margin-top: 15px;
    font-size: 1.4rem;
  }
  .swiper-button-prev, .swiper-button-next{
    margin-top: -36px;
  }
  .swiper-button-next {
    background-size: 18px;
  }
  .swiper-button-prev {
    background-size: 18px;
  }
  .lang-ja{
    font-size: 1.2rem;
  }
}
/* -----------------------------------------sutdent ----------------------------------------*/
.sutdent-wrap{
  margin: 18px auto 0;
  padding-bottom: 50px;
  max-width: 950px;
}
.student-box{
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.student-box-item{
  width: 100%;
  margin-top: 40px;
  position: relative;
}
.student-box-item:nth-of-type(1){
  margin-top: 50px;
}
.student-box-right .student-box-item-fig{
  right: 0;
}
.student-box-left .student-box-item-fig{
  left: 0;
}
.student-box-right .student-box-item-text-area {
  text-align: left;
}
.student-box-left .student-box-item-text-area {
  text-align: right;
}
.student-box-right .student-box-item-text-area-inner {
  padding: 30px 90px 30px 40px;
}
.student-box-left .student-box-item-text-area-inner {
  padding: 30px 40px 30px 90px;
}
.student-box-item-fig{
  width: calc(390/950*100%);
  position: absolute;
  top: 0;
  z-index: 1;
}
.student-box-item-fig img{
  width: 100%;
}
.student-box-item-text-area{
  width: calc(620/950*100%);
  width: 100%;
  padding: 20px 0 0;
  text-align: right;
}
.student-box-item-text-area-inner{
  display: inline-block;
  background: #e6e6e6;
  text-align: left;
  width: 620px;
  min-height: 218px;
  box-sizing: border-box;
}
.student-box-item-text-name{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
}
.student-box-item-text-name-sub{
  font-size: 1.4rem;
  padding-left: 10px;
}
.student-box-item-text {
  margin-top: 15px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1280px){
  .sutdent-wrap{
    padding: 0 20px;
  }
  }
@media screen and (max-width: 950px){
  .sutdent-wrap{
      max-width:600px
  }
  .student-box-item-fig {
      width: 100%;
      position: relative !important;
      z-index: 0;
  }
  .student-box-item-text-area{
      width: calc(560/600*100%);
      margin: 0 auto;
      transform: translateY(-40px);
  }
  .student-box-left .student-box-item-text-area-inner,.student-box-right .student-box-item-text-area-inner{
      width: 100%;
      display: block;
      padding: 20px 30px 35px;
      background: #e6e6e6;
      text-align: left;
  }
  }
  @media screen and (max-width: 768px){
    .sutdent-wrap{
      padding: 0 0 50px;
    }
    .student-box-item{
      margin-top: 30px;
      margin-bottom: -40px;
    }
    .student-box-item:nth-of-type(1){
      margin-top: 0px;
    }
    .student-box-item-text-name{
      font-size: 1.4rem;
    }
    .student-box-item-text-name-sub{
      font-size: 1rem;
    }
    .student-box-item-text{
      margin-top: 10px;
      font-size: 1.4rem;
    }
    .student-box-left .student-box-item-text-area-inner, .student-box-right .student-box-item-text-area-inner{
      padding: 15px;
    }
  }
/* .student-box-item{
  width: calc(450/950*100%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.student-item{
  width: 210px;
}
.student-fig{
  height: 170px;
}

.student-item:nth-of-type(1) > .student-fig{
  background: url(/en/corp/set/data/special/academia/img/p/fig-student-01.png) no-repeat center bottom;
  background-size: 150px;
}
.student-item:nth-of-type(2) > .student-fig{
  background: url(/en/corp/set/data/special/academia/img/p/fig-student-02.png) no-repeat center bottom;
  background-size: 150px;
}
.student-item:nth-of-type(3) > .student-fig{
  background: url(/en/corp/set/data/special/academia/img/p/fig-student-03.png) no-repeat center bottom;
  background-size: 150px;
}
.student-item:nth-of-type(4) > .student-fig{
  background: url(/en/corp/set/data/special/academia/img/p/fig-student-04.png) no-repeat center bottom;
  background-size: 150px;
}
.isScale.student-coment{
  transform: scale(1) translateY(32px);
  -webkit-transform: scale(1) translateY(32px);
  -moz-transform: scale(1) translateY(32px);
  -ms-transform: scale(1) translateY(32px);
  -o-transform: scale(1) translateY(32px);
}
.student-coment{
  height: 245px;
  position: relative;
  transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(0) translateY(32px);
  -webkit-transform: scale(0) translateY(32px);
  -moz-transform: scale(0) translateY(32px);
  -ms-transform: scale(0) translateY(32px);
  -o-transform: scale(0) translateY(32px);
}
.student-item:nth-of-type(odd) .student-coment{
  transform-origin: right bottom;
}
.student-item:nth-of-type(odd) .student-coment{
  transform-origin: left bottom;
}
.student-item:nth-of-type(odd) .student-coment::after{
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 39px;
  width: 0;
  border-style: solid;
  height: 0;
  border-width: 0 53px 53px 0;
  border-color: transparent #acd4d6 transparent transparent;
}
.student-item:nth-of-type(even) .student-coment::after{
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 48px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 34px 34px 0 0;
  border-color: #cde5e7 transparent transparent transparent;
}

.student-coment-txt{
  height: 213px;
  padding: 0 25px;
  position: relative;
  z-index: 1;
  border: 1px solid #acd4d6;
  box-sizing: border-box;
  background: #acd4d6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 1.8rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  line-height: 1.4;
}
.student-item:nth-of-type(2n) .student-coment-txt{
  border: 1px solid #cde5e7;
  background: #cde5e7;
} */

.section-container{
    position: relative;
    margin: 0 auto;
    z-index: 1;
    width: 950px;
    height: 950px;
    background: #000;
    color: #ffffff;
    overflow: hidden;
}
.section-container + .section-container{
    margin-top: 200px;
}
@media screen and (max-width:950px) {
  .student-box{
    max-width: 700px;
    margin: 0 auto;
  }
  .student-box-item{
    width: 100%;
    -ms-flex-pack: distribute;
	  justify-content: space-around;
  }
}
/* -----------------------------------------enrolled------------------------------------ */
.enrolled-title{
  margin-top: 95px;
  text-align: center;
}
.fig-enrolled-area{
  max-width: 1070px;
  margin: 0 auto 100px;
}
.isScale.fig-enrolled{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.fig-enrolled{
  margin-top: 50px;
  transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: 0.5s transform 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform-origin: center center;
}
.fig-enrolled img{
  width: 100%;
}
.enrolled-expo{
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.enrolled-expo-item{
  width: -webkit-calc(324/1070*100%);
  width: calc(324/1070*100%);
  font-size: 20px;
  text-align: center;
}
.enrolled-expo-item:nth-child(2){
  width: -webkit-calc(419/1070*100%);
  width: calc(419/1070*100%)
}
.enrolled-expo-item:nth-child(3){
  width: -webkit-calc(329/1070*100%);
  width: calc(329/1070*100%);
}
.enrolled-expo-title{
  font-size: 1.8rem;
  line-height: 1.4;
}
.enrolled-expo-txt{
  font-size: 1.2rem;
}
.enrolled-expo-item-fig{
  display: none;
}

@media screen and (max-width:1070px) {
  .fig-enrolled-area{
    padding: 0 20px;
    box-sizing: border-box
  }
}

@media screen and (max-width:768px) {
  .fig-enrolled-area{
    padding: 0;
    margin-bottom: 35px;
  }
  .enrolled-title{
    margin-top: 0;
  }
  .fig-enrolled{
    display: none;
  }
  .enrolled-expo{
    display: block;
    margin-top: 0;
  }
  .enrolled-expo-item{
    margin-top: 20px;
    display: block;
    width: 100%;
  }
  .enrolled-expo-item-fig{
      display: block;
      opacity: 0;
      overflow: hidden;
      transform: translateY(-100px) scale(0);
      transition: 0.6s all 0s ease-in-out;
      -webkit-transition: 0.6s all 0s ease-in-out;
      -moz-transition: 0.6s all 0s ease-in-out;
      -ms-transition: 0.6s all 0s ease-in-out;
      -o-transition: 0.6s all 0s ease-in-out;
      -webkit-transform: translateY(-100px) scale(0);
      -moz-transform: translateY(-100px) scale(0);
      -ms-transform: translateY(-100px) scale(0);
      -o-transform: translateY(-100px) scale(0);
      transform-origin: bottom;
  }
  .enrolled-expo-item-fig.fadeIn{
    transform: translateY(0) scale(1);
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
    opacity: 1;
  }
  .enrolled-expo-title{
    font-size: 1.6rem;
  }
  .enrolled-expo-txt{
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .enrolled-expo-item:nth-child(2){
    width: 100%;
  }
  .enrolled-expo-item:nth-child(3){
    width: 100%;
  }
}
/* -----------------------------------------------academy-desc-------------------------------------- */
.academy-desc{
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 100px 0 0;
  position: relative;
  z-index: 1;
}
.academy-desc-area{
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
  font-size: 1.6rem;
}
.academy-desc-btn{
  width: 100%;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  cursor: pointer;
}
.academy-desc-btn-icon{
  width: 18px;
  height: 18px;
  margin-left: 10px;
  position: relative;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.academy-desc-btn-icon::before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  border-top: 2px solid #5082e6;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.academy-desc-btn-icon::after{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  border-top: 2px solid #5082e6;
  -webkit-transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  -ms-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.is-open .academy-desc-btn-icon::after{
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
.academy-desc-table{
  margin-top: 20px;
  max-width: 950px;
  width: 100%;
}
.academy-desc-contents{
  overflow: hidden;
}
.academy-desc-table tr{
  border-bottom: 1px solid #ffffff;
}
.academy-desc-table th{
  width: calc(182/950*100%);
}
.academy-desc-table th,.academy-desc-table td{
  padding: 30px 0 30px 20px;
}
@media screen and (max-width:768px) {
  .academy-desc{
    padding: 50px 0 0;
  }
  .academy-desc-btn{
    font-size: 1.4rem;
  }
  .academy-desc-hdg{
    padding: 0 84px;
  }
  .academy-desc-contents{
    padding: 0 15px;
  }
  .academy-desc-table{
    margin-top: 0;
    width: 100%;
    font-size: 1.4rem;
  }
  .academy-desc-table th{
    width: calc(230/690*100%);
    text-align: left;
  }
  .academy-desc-table th, .academy-desc-table td {
    padding: 26px 0 26px 10px;
  }
}
/* ----------------------------------------------------.entry-band-area--------------------------------------------------- */
.entry-band-area-wrap{
  width: 100%;
  margin-top: 120px;
  position: relative;
  z-index: 1;
  background: url(/en/corp/set/data/special/academia/img/p/bg-entry-area-band.png) repeat-x center bottom #4d4d4d;
}
.entry-band-area-wrap.end{
  background-image: none;
}
.entry-band-area-wrap.bottom-band{
  margin-top: 0;
  padding:20px 0;
}
.entry-band-area{
  max-width: 1070px;
  margin: 0 auto;
  padding: 58px 0;
}
.entry-band-area-txt{
  text-align: center;
}
.entry-band-btn-bg{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.entry-band-btn::after{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background:#ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  animation: bandBtnAnimationOut 0.5s ease-in-out 0s forwards;
  -webkit-animation: bandBtnAnimationOut 0.5s ease-in-out 0s forwards;
}
.entry-band-btn-bg .btn-off{
  display: block;
}
.entry-band-btn-bg .btn-on{
  display: none;
}
.entry-band-btn:hover .entry-band-btn-bg .btn-off{
  display: none;
}
.entry-band-btn:hover .entry-band-btn-bg .btn-on{
  display: block;
}
.entry-band-btn:hover::after{
  animation: bandBtnAnimationIn 0.2s ease-in-out 0s forwards;
  -webkit-animation: bandBtnAnimationIn 0.2s ease-in-out 0s forwards;
}
.entry-band-box{
  width: 1070px;
  margin: 50px auto 0;
  padding: 25px 55px;
  background: #5082e6;
  box-sizing: border-box;
}
.entry-band-btn-wrap{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
  width: 780px;
  margin: 0 auto;
}
.entry-band-btn{
  background: #ffffff;
  position: relative;
  overflow: hidden;
}
.entry-band-btn::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 0;
  position: absolute;
  background: #e6e6e6;
  animation: bandBtnAnimationOut 0.2s ease-in-out 0s forwards;
  -webkit-animation: bandBtnAnimationOut 0.2s ease-in-out 0s forwards;
}
.entry-band-btn:hover::after{
  animation: bandBtnAnimationIn 0.2s ease-in-out 0s forwards;
  -webkit-animation: bandBtnAnimationIn 0.2s ease-in-out 0s forwards;
}
.entry-band-btn-end{
  width: 100%;
  max-width: 477px;
  margin: 50px auto 0;
}
.mod-str-btn{
  position: relative;
  z-index: 1;
}
.entry-band-item-text{
  text-align: center;
}
.entry-band-item-sub-text{
  box-sizing: border-box;
  margin: 15px auto 0;
  width: auto;
}
@media screen and (max-width:950px) {
  .entry-band-area-wrap.bottom-band{
    padding:20px;
    box-sizing: border-box;
  }
  .entry-band-wrap{
    width: calc(630/750*100%);
    z-index: 1;
    transform: translateY(-20px) translateX(50%);
    -webkit-transform: translateY(-20px) translateX(50%);
    -moz-transform: translateY(-20px) translateX(50%);
    -ms-transform: translateY(-20px) translateX(50%);
    -o-transform: translateY(-20px) translateX(50%);
}
  .entry-band-btn-item-text{
    text-align: center;
  }
  .entry-band-btn{
    width: 220px;
    margin: 20px auto 0;
    text-align: center;
  }
  .entry-band-box{
    width: 100%;
  }
  .entry-band-btn-wrap{
    width: 100%;
  }
}
@media screen and (max-width:768px) {
  .entry-band-btn{
    margin: 10px auto 0;
  }
  .entry-band-box{
    padding: 15px 30px;
  }
  .entry-band-area{
    padding: 36px 0;
    box-sizing: border-box;
  }
  .entry-band-area-wrap{
    margin-top: 50px;
    background: url(/en/corp/set/data/special/academia/img/s/bg-entry-area-band.png) repeat-x center center #4c4c4c;
  }
  .entry-band-btn-end{
    width: 100%;
    margin: 30px auto 0;
    overflow: hidden;
  }
  .entry-band-btn-end .entry-band-btn{
    width: 100%;
    margin: 10px 0 0 0;
  }
  .entry-band-btn{
    margin-top: 10px;
  }
  .entry-band-btn:hover .entry-band-btn-bg .btn-off{
    display: block;
  }
  .entry-band-btn:hover .entry-band-btn-bg .btn-on{
    display: none;
  }
}
/*-------------------- 期間終了 -------------------*/
.entry-band-btn-bg-end{
  margin-top: 50px;
  text-align: center;
}
@media screen and (max-width:768px) {
  .entry-band-btn-bg-end{
    margin-top: 25px;
  }
}
/*------------------------------------------------ .admission-area--------------------------------------------------------------------- */
.admission-area{
  padding: 140px 0 160px;
  background: url(/en/corp/set/data/special/academia/img/p/bg-particle.png) ;
  background-attachment: fixed;
}
.admission-area-contents{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background: #e6e6e6;
}
.admission-title-lv2{
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.admission-txt{
  max-width: 950px;
  padding: 0 70px;
  margin: 77px auto 0;
  font-size: 1.6rem;
}
.admission-title-lv3{
  margin-top: 60px;
  text-align: center;
}
.admission-task{
  width: 100%;
  max-width: 950px;
  position: relative;
  margin: 40px auto 0;
}
.fig-admission-wrap{
  width: calc(550/950*100%);
}
.admission-task-contents{
  padding: 30px;
  width: calc(550/950*100%);
  position: absolute;
  top: calc(50% + -2px);
  right: 0;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-sizing: content-box;
  box-shadow: 10px 10px 0px rgba(0,0,0,1);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  box-sizing: content-box;
}
.admission-task-title{
  font-size: 32px;
    font-weight: bold;
    line-height: 1.4;
}
.admission-task-title-line{
  background:linear-gradient(transparent 79% ,#5BAFB6 60%,#5BAFB6 90%,transparent 90%);
}
.admission-task-list{
  margin-top: 25px;
  font-size: 16px;
}
.admission-task-list-item + .admission-task-list-item{
  margin-top: 10px;
}
.admission-task-list-item::before{
  content: "";
  margin-right: 10px;
  width: 3px;
  height: 3px;
  display: inline-block;
  border: 1px solid #000;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}
@media screen and (max-width:950px) {
  .admission-task{
    max-width: 630px;
    margin: 40px auto 0;
  }
  .fig-admission-wrap{
    width: 100%;
  }
  .fig-admission{
    width: 100%;
  }
  .admission-task-contents{
    width: calc(530/630*100%);
    margin :0;
    position: relative !important;
    transform: translateY(-7.5%);
    -webkit-transform: translateY(-7.5%);
    -moz-transform: translateY(-7.5%);
    -ms-transform: translateY(-7.5%);
    -o-transform: translateY(-7.5%);
}
}
@media screen and (max-width:768px) {
  .admission-area{
    padding: 60px 15px 80px;
    box-sizing: border-box;
    background: url(/en/corp/set/data/special/academia/img/s/bg-particle.png) ;
  }
  .admission-area-contents{
    padding: 0 15px;
    box-sizing: border-box;
  }
  .admission-title-lv3{
    margin-top: 10px;
  }
  .admission-task{
    margin-top: 30px;
  }
  .admission-task-contents{
    width: calc(550/630*100%);
    margin: 0 auto;
    padding: 13px 15px 0px;
    box-sizing: border-box;
  }
  .admission-task-list{
    margin-top: 8px;
    font-size: 1.4rem;
  }
  .admission-task-list-item + .admission-task-list-item{
    margin-top: 0;
  }
}
/* ------------------------------message-area-------------------------------- */
.message-area{
  width: 100%;
  max-width: 950px;
  margin: 115px auto 0;
  padding: 50px 0 35px;
  background: url(/en/corp/set/data/special/academia/img/p/fig-aono.png?20201126) no-repeat right bottom #000000;
}
.message-area-contents{
  padding: 0 60px;
}
.message-title{
    text-align: center;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
}
.message-title-sub{
  text-align: center;
}
.message-txt{
  margin-top: 35px;
  color: #ffffff;
  font-size: 1.6rem;
}
.message-txt:nth-of-type(1){
  margin-top: 50px;
}
.message-name{
  margin-top: 70px;
  margin-right: calc(230/950*100%);
  color: #ffffff;
  font-size: 1.6rem;
  text-align: right;
}
@media screen and (max-width:950px) {
  .message-area {
    background-size: calc(270/950*100%);
  }
}
@media screen and (max-width:768px) {
  .message-area{
    margin-top: 50px;
    padding-top: 20px;
  }
  .message-area-contents{
    padding: 0 15px;
  }
  .message-title{
    transform: translateY(-18px);
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
  }
  .message-title-sub{
    margin-top: 22px;
    text-align: center;
  }
  .message-title-sub img{
    width: 100%;
  }
  .message-txt{
    margin-top: 30px;
    font-size: 1.4rem;
  }
  .message-name{
    text-align: right;
    margin-top: 50px;
    margin-right: calc(250/630*100%);
    font-size: 1.2rem;
  }
  .message-area{
    background-size: calc(140/630*100%);
  }
}
@media screen and (max-width:560px) {
  .message-area{
    background-size: calc(300/630*100%);
  }
}
/* -------------------------------------------process-area----------------------------------- */
.process-area{
  width: 100%;
  max-width: 950px;
  margin: 100px auto 0;
  padding-bottom: 100px;
}
.process-title{
  text-align: center;
}
.process-desc{
  margin-top: 75px;
  text-align: center;
}
.process-conditions{
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.process-conditions-item{
  width: -webkit-calc(460/950*100%);
  width: calc(460/950*100%);
  margin-top: 40px;
}
.process-conditions-title{
  padding: 15px 0;
  background: #000000;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}
.process-conditions-txt{
  background: #ffffff;
  padding: 20px 0;
  text-align: center;
}
.process-flow{
  margin: 40px 0 0;
}
.process-flow-item{
  width: 100%;
  list-style-type: none;
}
.flow-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.process-flow-item::after{
  content: '';
  display: block;
  width: 100%;
  height: 56px;
  background: url(/en/corp/set/data/special/academia/img/p/btn-arrow-blue-down.png) no-repeat center center;
}
.process-flow-item:nth-last-of-type(1){
  text-align: center;
}
.process-flow-item:nth-last-of-type(1)::after{
  display: none;
}
.process-flow-title{
  width: 100%;
  box-sizing: border-box;
  background: #000000;
  border: 1px solid #000000;
}
.process-flow-item-test{
  width: calc(265/950*100%);
  position: relative;
}
.process-flow-item-test::after{
  content: '';
  display: block;
  width: calc(80/265*100%);
  height: 24px;
  position: absolute;
  top: 50%;
  right: calc(80/265*-100%);
  background: url(/en/corp/set/data/special/academia/img/p/btn-arrow-blue.png) no-repeat center center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.process-flow-item-test:nth-last-of-type(1)::after{
  display: none;
}
 .process-flow-text-area{
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #ffffff;
  font-size: 1.6rem;
}
.process-flow-item-test .process-flow-text-area{
  height: 278px;
}
.process-flow-text{
  padding: 0 30px 30px;
}
.process-flow-span{
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  border: 1px solid #000000;
  box-sizing: border-box;
}
@media screen and (max-width:950px) {
  .process-flow-text-area{
    font-size: 1.4rem;
  }
}
@media screen and (max-width:768px) {
  .process-area{
    margin-top: 50px;
    padding-bottom: 20px;
  }
  .process-desc{
    margin-top: 40px;
  }
  .process-conditions-title{
    padding: 0;
  }
  .process-conditions-item{
    margin-top: 20px;
  }
  .flow-flex{
    display: block;
  }
  .process-flow{
    margin-top: 20px;
  }
  .process-flow-item-test{
    width: 100%;
  }
  .process-flow-text-area{
    padding: 15px 0;
  }
  .process-flow-item-test .process-flow-text-area{
    height: auto;
  }
  .process-flow-text{
    margin: 25px 0 0;
    padding: 0 15px;
    text-align: left;
  }
  .process-flow-span{
    display: block;
    text-align: center;
  }
  .process-flow-item-test::after {
    content: '';
    display: block;
    width: 100%;
    height: 56px;
    position: static;
    background: url(/en/corp/set/data/special/academia/img/p/btn-arrow-blue-down.png) no-repeat center center;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
}
/* .process-flow{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
.process-flow-item{
  width: -webkit-calc(210/950*100%);
  width: calc(210/950*100%);
  margin-top: 40px;
  list-style-type: none;
}
.process-flow-fig{
  position: relative;
}
.process-flow-fig img{
  width: 100%;
  max-width: 100%;
}
.process-flow-item + .process-flow-item .process-flow-fig::before{
  content: "";
  display: block;
  position: absolute;
  width: 19px;
  height: 20px;
  top: 50%;
  left: -10%;
  background: url(/en/corp/set/data/special/academia/img/p/btn-arrow-blue.png) no-repeat center center;
}
.process-flow-txt{
  margin-top: 30px;
  font-size: 1.6rem;
} */
.process-span{
  display: inline-block;
  border: 1px solid #000000;
  box-sizing: border-box;
  padding: 5px;
  font-size: 1.6rem;
}
@media screen and (max-width:950px) {
  .process-area-contents{
    max-width: 700px;
    margin: 0 auto;
  }
  .process-conditions-item{
    width: 100%;
  }
}
/*------------------- qa-btn ---------------------*/
@keyframes qaMouseIn{
  from{
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    visibility: visible;
}to{
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
}
@keyframes qaMouseOut{
  from{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}to{
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  visibility: hidden;
}
}
.qa-btn-container{
  width: 390px;
  border: 3px solid #000;
  margin: 0 auto;
  background: #ffffff;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  overflow: hidden;
}
.qa-btn-container::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  animation: qaMouseOut 0.2s linear 0s forwards;
  -webkit-animation: qaMouseOut 0.2s linear 0s forwards;
  z-index: -1;
}
a.qa-btn{
  display: block;
  font-size: 3.9rem;
  font-weight: bold;
  color: #000000;
  text-align: center;
  text-decoration: none;
  position: relative;
}
a.qa-btn img{
  width: 100%;
}
.qa-aroww{
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  border: 1px solid #000000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #000000;
  top: 50%;
  right: calc(15/630*100%);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.qa-aroww::before{
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  border-top: 2px solid #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.qa-aroww::after{
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  border-top: 2px solid #ffffff;
  -webkit-transition: 0.2s transform ease-in-out;
  -moz-transition: 0.2s transform ease-in-out;
  -ms-transition: 0.2s transform ease-in-out;
  -o-transition: 0.2s transform ease-in-out;
  transition: 0.2s transform ease-in-out;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
/* ios対策 */
.AcademyIos .qa-btn-container::after{
  background: #ffffff;
  animation: none;
  -webkit-animation: none;
}
.AcademyIos .qa-btn-container:hover::after{
  animation: none;
  -webkit-animation: none;
}
.AcademyIos .qa-btn-container:hover a.qa-btn{
  color: #000000;
}
.AcademyIos .qa-btn-container:hover .qa-aroww{
  background: #000000;
  border-color: #000000;
}
.AcademyIos .qa-btn-container:hover .qa-aroww::before{
  border-color: #ffffff;
}
.AcademyIos .qa-btn-container:hover .qa-aroww::after{
  border-color: #ffffff;
}
.AcademyIos .qa-is-open .qa-aroww::after{
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
  -o-transform: translateX(-50%) translateY(-50%) rotate(0);
  transform: translateX(-50%) translateY(-50%) rotate(0);
}
.AcademyIos .qa-btn-container:hover .qa-btn .close-hov-off{
  display: block;
}
.AcademyIos .qa-btn-container:hover .qa-btn .close-hov-on{
  display: none;
}
.AcademyIos .qa-btn-container:hover .qa-is-open.qa-btn .open-hov-off{
  display: block;
}
.AcademyIos .qa-btn-container:hover .qa-is-open.qa-btn .open-hov-on{
  display: none;
}


.qa-btn-container:hover::after{
  animation: qaMouseIn 0.2s linear 0s forwards;
  -webkit-animation: qaMouseIn 0.2s linear 0s forwards;
}
.qa-btn-container:hover a.qa-btn{
  color: #ffffff;
}
.qa-btn-container:hover .qa-aroww{
  background: #ffffff;
  border-color: #ffffff;
}
.qa-btn-container:hover .qa-aroww::before{
  border-color: #000000;
}
.qa-btn-container:hover .qa-aroww::after{
  border-color: #000000;
}
.qa-is-open .qa-aroww::after{
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
  -o-transform: translateX(-50%) translateY(-50%) rotate(0);
  transform: translateX(-50%) translateY(-50%) rotate(0);
}
.qa-btn-container .qa-btn .close-hov-off{
  display: block;
}
.qa-btn-container:hover .qa-btn .close-hov-off{
  display: none;
}
.qa-btn-container .qa-btn .close-hov-on{
  display: none;
}
.qa-btn-container:hover .qa-btn .close-hov-on{
  display: block;
}
.qa-btn-container .qa-btn .open-hov-off{
  display: none;
}
.qa-btn-container .qa-btn .open-hov-on{
  display: none;
}
/*--------------- qa-is-open -----------------------*/
.qa-btn-container .qa-is-open.qa-btn .close-hov-off{
  display: none;
}
.qa-btn-container:hover .qa-is-open.qa-btn .close-hov-off{
  display: none;
}
.qa-btn-container .qa-is-open.qa-btn .close-hov-on{
  display: none;
}
.qa-btn-container:hover .qa-is-open.qa-btn .close-hov-on{
  display: none;
}
.qa-btn-container:hover .qa-is-open.qa-btn .open-hov-off{
  display: none;
}
.qa-btn-container:hover .qa-is-open.qa-btn .open-hov-on{
  display: block;
}
.qa-btn-container .qa-is-open.qa-btn .open-hov-off{
  display: block;
}
.qa-btn-container .qa-is-open.qa-btn .open-hov-on{
  display: none;
}
.sp-close{
  display: none;
}
.sp-open{
  display: none;
}
@media screen and (max-width:950px) {
  a.qa-btn{
    font-size: 2.4rem;
  }
  .qa-aroww{
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width:768px) {
  .qa-btn-container{
    width: calc(530/690*100%);
  }
  .qa-btn-container.qa-is-open{
    background: #000;
  }
  a.qa-btn{
    font-size: 1.5rem;
  }
  .qa-btn-container:hover a.qa-btn{
    color: #000000;
  }
  .qa-btn-container.qa-is-open:hover a.qa-btn{
    color: #ffffff;
  }
  .qa-btn-container:hover .qa-aroww{
    background: #000000;
    border-color: #000000;
  }
  .qa-btn-container:hover.qa-is-open .qa-aroww{
    background: #ffffff;
    border-color: #ffffff;
  }
  .qa-btn-container:hover .qa-aroww::before{
    background: #fff;
    border-color: #fff;
  }
  .qa-btn-container:hover .qa-aroww::after{
    background: #fff;
    border-color: #fff;
  }
  .qa-btn-container:hover.qa-is-open .qa-aroww::before{
    background: #000000;
    border-color: #000000;
  }
  .qa-btn-container:hover.qa-is-open .qa-aroww::after{
    background: #000000;
    border-color: #000000;
  }
  .qa-aroww{
    width: 20px;
    height: 20px;
  }
  .qa-aroww::before{
    width: 10px;
    border-top: 2px solid #ffffff;
  }
  .qa-aroww::after{
    width: 10px;
    border-top: 2px solid #ffffff;
  }
  .qa-btn-container:hover::after{
    animation: none;
    -webkit-animation: none;
  }
  .qa-btn-container::after{
    display: none;
  }
  a.qa-is-open.qa-btn{
    color: #ffffff;
  }
  .qa-is-open .qa-aroww{
    background: #ffffff;
    border-color: #ffffff;
  }
  .qa-is-open .qa-aroww::before{
    border-color: #000000;
  }
  .qa-is-open .qa-aroww::after{
    border-color: #000000;
  }
  .close-hov-off{
    display: none!important;
  }
  .close-hov-on{
    display: none!important;
  }
  .open-hov-off{
    display: none!important;
  }
  .open-hov-on{
    display: none!important;
  }
  .sp-close{
    display: block;
  }
  .sp-on{
    display: none;
  }
  .qa-is-open .sp-close{
    display: none;
  }
  .qa-is-open .sp-on{
    display: block;
  }
}
/* -----------------------------.sns-area------------------------------------------ */
.sns-area{
  width: 100%;
  padding: 120px 0 80px;
  background: #ffffff;
  box-sizing: border-box;
}
.sns-area-inner{
  max-width: 950px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}
.sns-area-inner {
  max-width: 950px;
  margin: 0 auto;
  text-align: center;
}

.fb-wrap {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: 150vw;
  display: inline-block;
  max-height: 500px;
}

.fb_iframe_widget_fluid.fb_iframe_widget_fluid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bnr-sb-wrap{
  margin-top: 80px;
}
@media screen and (max-width:768px) {
  .sns-area{
    width: 100%;
    padding: 50px 0 75px;
    background: #ffffff;
    box-sizing: border-box;
  }
  .bnr-sb-wrap{
    margin-top: 40px;
  }
}
/* -------------------------lang-chang--------------------------- */
.lang-chang-wrap{
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 10;
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  height: 30px;
}
.lang-chang{
  position: absolute;
  top: 0;
  right: 40px;
}
.lang-chang-btn-wrap{
  background: #ffffff;
  width: 100px;
  margin: 0 auto;
  display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
  border: 1px solid #ffffff;
  position: relative;
}
.lang-chang-btn{
  width: 50%;
  padding: 7px 0;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
}
.lang-chang-btn-wrap .lang-chang-btn{
  background: #000000;
  color: #ffffff;
  text-decoration: none;
}
.lang-chang-btn.lang-selected{
  background: #ffffff;
  color: #000000;
  pointer-events: none;
}
@media screen and (max-width:768px) {
  .lang-chang-wrap{
    top: 20px;
  }
  .lang-chang{
    right: 20px;
  }
  .lang-chang-btn-wrap{
    width: 60px;
  }
  .lang-chang-btn{
    font-size: 1.2rem;
  }
}
/*-------------------------------------- .qa-area -------------------------------*/
.qa-container{
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
.qa-inner{
  height: 0;
  overflow: hidden;
}
.hdg-qa-area{
  text-align: center;
}
a.qa-close-btn{
  margin-top: 80px;
  text-align: center;
  font-size: 16px;
  color: #000;
  display: block;
}
.qa-close-btn-text{
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.qa-close-btn-icon{
  width: 18px;
  height: 18px;
  margin-left: 10px;
  display: inline-block;
  position: relative;
  border: 1px solid #5082e6;
  box-sizing: border-box;
  background: #5082e6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
}
.qa-close-btn-icon::before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  border-top: 2px solid #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.qa-list{
  margin-top: 60px;
}
.qa-answer{
  height: 0;
  overflow: hidden;
}
.qa-question{
  border-bottom: 1px solid #ffffff;
  padding: 15px 30px;
  background: #000000;
  box-sizing: border-box;
  cursor: pointer;
}
.qa-question-title{
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 0.5px;
  color: #ffffff;
  padding:0 30px;
}
.qa-question-title::before{
  display: inline-block;
  content: 'Q：';
  position: absolute;
  top: 0;
  left: 0;
}
.qa-btn-icon{
  width: 18px;
  height: 18px;
  margin-left: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}
.qa-btn-icon::before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  border-top: 2px solid #000000;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.qa-btn-icon::after{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  border-top: 2px solid #000000;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.qa-question.is-open .qa-btn-icon::after{
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0);
  -o-transform: translateX(-50%) translateY(-50%) rotate(0);
  transform: translateX(-50%) translateY(-50%) rotate(0);
}
.qa-answer-text-wrap{
  background: #ffffff;
  padding: 0 30px;
  margin-bottom: 10px;
}
.qa-answer-text{
  margin: 0;
  padding: 30px 0;
  font-size: 1.6rem;
}
@media screen and (max-width:768px) {
  .hdg-qa-area{
    margin-top: 30px;
  }
  a.qa-close-btn{
    margin-top: 35px;
  }
  .qa-question{
    padding: 12px 15px;
  }
  .qa-question-title{
    font-size: 1.5rem;
  }
  .qa-answer-text-wrap{
    padding: 0 15px;
  }
  .qa-answer-text{
    padding: 20px 0;
    font-size: 1.4rem;
  }
}
/* ---------------------------mordal-area---------------------------- */
.lock {
  overflow: hidden;
}
.modal-video-link{
  margin-bottom: 70px;
}
span.modal-video_open{
  cursor: pointer;
  background-size: 1em;
  font-size: 18px;
  color: #0b5bce;
  background-repeat: no-repeat;
  background-position: right center;
  font-weight: bold;
}
.modal-video_box {
  position: fixed;
  z-index: 7777;
  display: none;
  width: 80%;
  max-width: 640px;
  margin: 0;
  text-align: center;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.modal-video_box .modal-video_mov {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}
.modal-video_box .modal-video_mov iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-video_box p {
  display: block;
  position: absolute;
  top: -45px;
  width: 100%;
  height: 0;
}
.modal-video_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 31px;
}
.modal-video_close img {
  width: 31px;
  height: 31px;
}
.modal-video_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6666;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(255,255,255,0.8);
}

@media only screen and (max-width: 600px){
.modal-video-link{
  padding: 0 20px;
  margin-bottom: 40px;
}
span.modal-video_open{
  background-size: 1em;
  font-size: 14px;
  color: #0b5bce;
  background-repeat: no-repeat;
  background-position: right center;
}
.modal-video_box {
  position: fixed;
  z-index: 7777;
  display: none;
  width: 80%;
  max-width: 640px;
  margin: 0;
  text-align: center;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal-video_box .modal-video_mov {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}
.modal-video_box .modal-video_mov iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video_box p {
  display: block;
  position: absolute;
  top: -30px;
  /* min-width: 640px; */
  width: 100%;
  height: 0;
}

.modal-video_close {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 20px;
}

.modal-video_close img {
  width: 100%;
  height: 100%;
}

.modal-video_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6666;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(255,255,255,0.8);
}
  }

#particles-js{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
canvas {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #1e2f54;
  }
.box{
    width: 500px;
    height: 200px;
    word-break: break-all;
}
.box + .box{
    margin-top: 50px;
}
@keyframes play {
  from {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}
  to {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
}
@keyframes playNum {
  from {
    transform: translateX(-100%) translateY(50%);
    -webkit-transform: translateX(-100%) translateY(50%);
    -moz-transform: translateX(-100%) translateY(50%);
    -ms-transform: translateX(-100%) translateY(50%);
    -o-transform: translateX(-100%) translateY(50%);
}
  to {
    transform: translateX(0) translateY(50%);
    -webkit-transform: translateX(0) translateY(50%);
    -moz-transform: translateX(0) translateY(50%);
    -ms-transform: translateX(0) translateY(50%);
    -o-transform: translateX(0) translateY(50%);
}
}
@keyframes playText {
  from {
    transform: translateX(-100%) translateY(-40px);
    -webkit-transform: translateX(-100%) translateY(-40px);
    -moz-transform: translateX(-100%) translateY(-40px);
    -ms-transform: translateX(-100%) translateY(-40px);
    -o-transform: translateX(-100%) translateY(-40px);
}
  to {
    transform: translateX(0) translateY(-40px);
    -webkit-transform: translateX(0) translateY(-40px);
    -moz-transform: translateX(0) translateY(-40px);
    -ms-transform: translateX(0) translateY(-40px);
    -o-transform: translateX(0) translateY(-40px);
}
}
@keyframes playTextSp {
  from {
    transform: translateX(-100%) translateY(-20px);
    -webkit-transform: translateX(-100%) translateY(-20px);
    -moz-transform: translateX(-100%) translateY(-20px);
    -ms-transform: translateX(-100%) translateY(-20px);
    -o-transform: translateX(-100%) translateY(-20px);
}
  to {
    transform: translateX(0) translateY(-20px);
    -webkit-transform: translateX(0) translateY(-20px);
    -moz-transform: translateX(0) translateY(-20px);
    -ms-transform: translateX(0) translateY(-20px);
    -o-transform: translateX(0) translateY(-20px);
}
}
@keyframes playAdmission{
  from {
    transform: translateX(-100%) translateY(-50%);
    -webkit-transform: translateX(-100%) translateY(-50%);
    -moz-transform: translateX(-100%) translateY(-50%);
    -ms-transform: translateX(-100%) translateY(-50%);
    -o-transform: translateX(-100%) translateY(-50%);
}
  to {
    transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
}
}
@keyframes playSpAdmission{
  from {
    transform: translateX(-100%) translateY(-7.5%);
    -webkit-transform: translateX(-100%) translateY(-7.5%);
    -moz-transform: translateX(-100%) translateY(-7.5%);
    -ms-transform: translateX(-100%) translateY(-7.5%);
    -o-transform: translateX(-100%) translateY(-7.5%);
}
  to {
    transform: translateX(12px) translateY(-7.5%);
    -webkit-transform: translateX(12px) translateY(-7.5%);
    -moz-transform: translateX(12px) translateY(-7.5%);
    -ms-transform: translateX(12px) translateY(-7.5%);
    -o-transform: translateX(12px) translateY(-7.5%);
}
}
@keyframes maskOut {
  from {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
  to {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
}
}
[data-scroll-ev='is-play']{
    opacity: 0;
    overflow: hidden;
}
.is-play[data-scroll-ev='is-play']{
  animation-name: play;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.8,0,.5,1);
  position: relative;
  opacity: 1 !important;
}

.program-number-fig.is-play[data-scroll-ev='is-play']{
  animation-name: playNum;
}
.program-text-wrap.is-play[data-scroll-ev='is-play']{
  animation-name: playText;
}
.student-box-item-fig.is-play[data-scroll-ev='is-play']{
  position: absolute;
}
.admission-task-contents.is-play[data-scroll-ev='is-play']{
  position: absolute;
  animation-name: playAdmission;
}
@media screen and (max-width:950px) {
  .admission-task-contents.is-play[data-scroll-ev='is-play']{
    animation-name: playSpAdmission;
  }
}
@media screen and (max-width:768px) {
  .program-text-wrap.is-play[data-scroll-ev='is-play']{
    animation-name: playTextSp;
  }
}
/* [data-scroll-ev='is-play']::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.4s cubic-bezier(.5,.01,.5,1) 0.5s;
    -webkit-transition: transform 0.4s cubic-bezier(.5,.01,.5,1) 0.5s;
    -moz-transition: transform 0.4s cubic-bezier(.5,.01,.5,1) 0.5s;
    -ms-transition: transform 0.4s cubic-bezier(.5,.01,.5,1) 0.5s;
    -o-transition: transform 0.4s cubic-bezier(.5,.01,.5,1) 0.5s;
} */
.is-play[data-scroll-ev='is-play']::before{
    animation-name: maskOut;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.8,0,.5,1);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #5bb1b6;
}
.admission-task-contents.is-play[data-scroll-ev='is-play']::before{
  width: calc(100% + 11px);
  height: calc(100% + 11px);
}

.read-notice {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  background: #5bb1b6;
}
@media screen and (max-width:768px) {
  .read-notice {
    font-size: 14px;
  }
}

.movie {
  margin: 0 auto;
  margin-top: 50px;
}

.movie-bg {
  background: #1e2f54;
  padding: 50px 0;
}

.movie-txt-large {
  text-align: center;
}

.movie-txt-read {
  text-align: center;
  margin-top: 40px;
}

.movie-youtube {
  margin-top: 60px;
  text-align: center;
}

@media screen and (max-width:768px) {
  .movie {
    margin-top: 25px;
  }

  .movie-inner {
    padding: 0 15px;
  }

  .movie-bg {
    padding: 25px 0;
  }

  .movie-txt-read {
    margin-top: 30px;
  }

  .movie-youtube {
    margin-top: 20px;
    width: 100%;
  }
}