@charset "UTF-8";

/* 
// /career/education
*/

.education{}

.education .mv{
  color:#fff;
  height: 51.4rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.education .mv:before{
  background: linear-gradient(90deg, rgba(0,20,51,0.4), rgba(0,20,51,0.4));
  content:'';
  height: 100%;
  left:0;
  position: absolute;
  top:0;
  width: 100%;
}

.education .mv__image{
  height: 100%;
  position: absolute;
  left: calc(50%);
  max-width: none;
  top:0;
  transform: translateX(-50%);
  width: 192rem !important;
  z-index: -1;
}

.education .mv__page-title{
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 51.4rem;
  justify-content: center;
  position: relative;
  text-align: center;
  z-index: 2;
}

.education .mv__page-title--en{
  font-size:6.3rem;
  letter-spacing: 0.02em;
  line-height: 1;
  margin: 0 0 0.2em;
}
  
.education .mv__page-title--jp{
  font-size:2.9rem;
  font-weight: 500;
  margin: -0.2em 0 0.5em;
}

.education .mv__page-title__description{
  font-size:1.8rem;
  line-height: 1.5;
}



.education .cyclical{
  padding: 5rem 0 3.5rem;
}

.education .cyclical__title{
  
}

.education .cyclical__description01{
  margin: 0 auto 1rem;
  width: 73.5rem;
}

.education .cyclical__description02{
  margin: 0 auto 4.5rem;
  width: 73.5rem;
}

.education .cyclical__figure{
  margin: 0 auto 2rem;
  width: 81.4rem;
}

.education .cyclical__description03{
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 auto 6rem;
  text-align: center;
}

.education .cyclical__career-page-list{
  align-items: center;
  display: flex;
  justify-content: center;
}

.education .cyclical__career-page-list li a{
  font-size: 2.8rem;
  font-weight: 700;
  margin: 0 2em 0 0;
}

.education .cyclical__career-page-list li:last-child a{
  margin: 0;
}    



.education .continued-growth{
  padding: 3.5rem 0 6rem;
}

.education .continued-growth__title{
  margin: 0 auto;
}

.education .continued-growth--inner{
  background: #efefef;
  margin: -2.5rem auto 0;
  padding: 5.5rem 0 7.5rem
}

.education .continued-growth__description{
  font-size: 1.7rem;
  line-height: 1.5;
  margin: 0 auto 5.5rem;
  text-align: center;
}

.education .continued-growth__list{
  margin: auto;
  width: var(--width-pc_contents);
}

.education .continued-growth__list li{
  align-items: flex-start;
  display: flex;
  margin: 0 auto 4rem;
  justify-content: space-between;
  width: 100%;
}

.education .continued-growth__list li:last-child{
  margin: 0 auto;
}

.education .continued-growth__list__image{
  width: 43.1rem;
}

.education .continued-growth__list--inner{
  width: 46.2rem;
}

.education .continued-growth__list__heading{
  border-bottom: 0.1rem solid #000;
  font-size: 2.5rem;
  font-weight: 500;
  margin: 0.5em 0 0.45em;
  padding: 0 0 0.2em;
}

.education .continued-growth__list__description{
  font-size: 1.7rem;
  line-height: 1.65;
  text-align: justify;
}



.education .inexperienced{
  padding: 6rem 0 7rem;
}

.education .inexperienced__title{
}

.education .inexperienced__description{
  font-size:1.7rem;
  line-height: 1.5;
  margin: 0 auto 6rem;
  text-align: center;
}

.education .inexperienced__item--wrap{
  
}
.education .inexperienced__item-heading{
  margin: 0 auto 1rem;
}

.education .inexperienced__item__description{
  font-size:1.7rem;
  line-height: 1.5;
  margin: 0 auto 3.5rem;
  text-align: center;
}

.education .inexperienced__item--02--wrap .inexperienced__item__description{
  margin: 0 auto 5rem;
}

.education .inexperienced__item__figure--wrap{
  margin: 0 auto 10rem;
  width: 85.1rem;
}

.education .inexperienced__item__figure--wrap img{
  width: 100%;
}

.education .inexperienced__item__slide--wrap{}
.education .inexperienced__item__slide-heading{
  align-items: center;
  background: var(--color-yellow);
  border-radius: 1.8rem;
  display: flex;
  font-size:2rem;
  font-weight: 500;
  height: 3.6rem;
  justify-content: center;
  margin: 0 auto 1.5rem;
  width: 38.5rem;
}

.education .inexperienced__item__slide-description{
  font-size:1.7rem;
  line-height: 1.5;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.education .inexperienced__item__slide{
  margin: 0 auto 6.5rem;
  position: relative;
  width: 63rem;
}

.education .inexperienced__item__slide--wrap:last-child .inexperienced__item__slide{
  margin: 0 auto;
}

.education .inexperienced__item__slide--inner{
  overflow: hidden;
  width: 63rem;
}

.education .swiper-button-next{}
.education .swiper-pagination{
  display: block;
  height: 3rem;
  bottom:-3.5rem;
}

.education .swiper-pagination-bullet{
  opacity: 0.3;
}

.education .swiper-pagination-bullet-active{
  background: var(--color-yellow) !important;
}

.education .swiper-button-prev,
.education .swiper-button-next{
  display: block;
  height: fit-content;
  width: 2rem;
}
  
.education .swiper-button-prev img,
.education .swiper-button-next img{
  width: 100%;
}

.education .swiper-button-prev{
  left:-3.5rem;
}

.education .swiper-button-next{
  right:-3.5rem;
}

.education .swiper-button-prev:after,
.education .swiper-button-next:after{
  content:none;
}



.education .curriculum{
  margin: 0 0 6.5rem;
  padding: 4rem 0 0;
}

.education .curriculum__title{
  margin: 0 auto;
}

.education .curriculum--inner{
  background: var(--color-yellow);
  margin: -2.5rem 0 0;
  padding: 6rem 0 6.5rem;
}

.education .curriculum__descritpion{
  font-size:1.7rem;
  margin: 0 auto 5rem;
  text-align: center;
}

.education .curriculum__step--wrap{
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: var(--width-pc);
}

.education .curriculum__step{
  width: 25.6rem;
}

.education .curriculum__step__icon--wrap{
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 0 0.5rem;
}

.education .curriculum__step__icon{
  font-size:2.083rem;
  font-weight: 500;
  margin:0 0 -0.15em;
  line-height: 1;
}

.education .curriculum__step__icon-number{
  font-size:6.028rem;
  font-weight: 500;
  line-height: 1;
}

.education .curriculum__step__detail{
  background: #fff;
  border: 0.1rem solid #000;
  height:28.2rem;
  padding: 3.5rem 2.5rem 1em;
  position: relative;
  width: 100%;
}

.education .curriculum__step__detail:before{
  border-bottom:2.05rem solid transparent;
  border-left:2.5rem solid #000;
  border-right:2.5rem solid transparent;
  border-top:2.05rem solid transparent;
  content:'';
  position: absolute;
  left: -1.4rem;
  top:50%;
  transform: translateY(-50%);
  z-index: 5;
}

.education .curriculum__step:first-child .curriculum__step__detail:before{
  content:none;
}

.education .curriculum__step__detail__title{
  border-bottom: 0.1rem solid #000;
  font-size:2.5rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 0.8em;
  padding: 0 0 0.3em;
  text-align: center;
  width: 100%;
}

.education .curriculum__step__detail__description{
  font-size:1.6rem;
  line-height: 1.2;
}




/*******************************

sp style

*******************************/

@media screen and (max-width:767px){

  .education{}

  .education .mv{
    height: 46rem;
  }

  .education .mv:before{
    height: 46rem;
    margin: 0;
    width: 100%;
  }

  .education .mv__image{
    left: 0;
    top:0;
    transform: translateX(0%);
    width: 100% !important;
  }

  .education .mv__page-title{
    margin: 0 0 0.2em;
  }

  .education .mv__page-title--en{
    font-size:6.6rem;
    letter-spacing: 0.02em;
    line-height: 1;
    margin: 0 0 0.2em;
  }

  .education .mv__page-title--jp{
    font-size:3.5rem;
  }

  .education .mv__page-title__description{
    background: #fff;
    color:var(--color-black);
    font-size:2.7rem;
    font-weight: 500;
    line-height: 1.65;
    padding: 2.5rem 1em 2.5rem;
    text-align: center;
  }



  .education .cyclical{
    padding: 3rem 0 5rem;
  }

  .education .cyclical__title{

  }

  .education .cyclical__description01{
    font-size: 2.7rem;
    line-height: 1.5;
    margin: 0 auto 3rem;
    text-align: justify;
    width: var(--width-sp_contents);
  }
  
  .education .cyclical__description02{
    font-size: 2.7rem;
    line-height: 1.7;
    margin: 0 auto 4rem;
    text-align: justify;
    width: var(--width-sp_contents);
  }
  
  .education .cyclical__description03{
    font-size: 3rem;
    line-height: 1.5;
    margin: 0 auto 4rem;
    text-align: center;
  }

  .education .cyclical__figure{
    margin: 0 auto 4.5rem;
    width: 63.9rem;
  }

  .education .cyclical__career-page-list li a{
    font-size: 3.8rem;
    margin: 0 0.8em 0 0;
  }
  
  .education .cyclical__career-page-list li:last-child a{
    margin: 0;
  }
  
  
  
  .education .continued-growth{
    padding: 12rem 0 4.5rem;
  }

  .education .continued-growth__title{
    margin: 0 auto;
  }

  .education .continued-growth--inner{
    margin: -3.6rem auto 0;
    padding: 7rem 0 7.5rem
  }

  .education .continued-growth__description{
    font-size: 2.7rem;
    margin: 0 auto 5rem;
    text-align: justify;
    width: var(--width-sp_contents);
  }

  .education .continued-growth__list{
    width: var(--width-sp_contents);
  }

  .education .continued-growth__list li{
    display: block;
    margin: 0 auto 6.5rem;
  }

  .education .continued-growth__list__image{
    width: 100%;
  }

  .education .continued-growth__list--inner{
    width: 100%;
  }

  .education .continued-growth__list__heading{
    border-bottom: 0.2rem solid #000;
    font-size: 3.3rem;
    margin: 0.5em 0 0.5em;
    padding: 0 0 0.1em;
    text-align: center;
  }

  .education .continued-growth__list__description{
    font-size: 2.7rem;
    text-align: justify;
    width: 100%;
  }



  .education .inexperienced{
    padding: 5rem 0 7rem;
  }
  
  .education .inexperienced__title{
  }
  
  .education .inexperienced__description{
    font-size:2.7rem;
    margin: 0 auto 8rem;
    text-align: justify;
    width: var(--width-sp_contents);
  }

  .education .inexperienced__item--wrap{

  }
  
  .education .inexperienced__item-heading{
    margin: 0 auto 2rem;
  }

  .education .inexperienced__item__description{
    font-size:2.7rem;
    margin: 0 auto 3.5rem;
    text-align: justify;
    width: var(--width-sp_contents);
  }
  
  .education .inexperienced__item--02--wrap .inexperienced__item__description{
    margin: 0 auto 7rem;
  }

  .education .inexperienced__item__figure--wrap{
    box-sizing: content-box;
    margin: 0 0 5.5rem 1.5rem;
    overflow-x: auto;
    width: 73.5rem;
    scrollbar-width: thin; /* scrollbar for firefox */
    scrollbar-color: var(--color-yellow) #000; /* scrollbar for firefox */
  }

  .education .inexperienced__item__figure--wrap::-webkit-scrollbar{
    background: #000;
    height: 0.4rem;
  }

  .education .inexperienced__item__figure--wrap::-webkit-scrollbar-track{
    background: #000;
    border-radius: 0.2rem;
    height: 0.4rem;
  }

  .education .inexperienced__item__figure--wrap::-webkit-scrollbar-thumb{
    background: var(--color-yellow);
    border-radius: 0.2rem;
    height: 0.4rem;
  }

  .education .inexperienced__item__figure--wrap img{
    padding: 0 1.5rem 2.5rem 0;
    max-width: none;
    width: 122.2rem !important;
  }

  .education .inexperienced__item__slide--wrap{}
  .education .inexperienced__item__slide-heading{
    border-radius: 3.6rem;
    font-size:3.5rem;
    height: 7.2rem;
    margin: 0 auto 2.5rem;
    width: 71.6rem;
  }

  .education .inexperienced__item__slide-description{
    font-size:2.7rem;
    margin: 0 auto 2.5rem;
    text-align: justify;
    width: var(--width-sp_contents);
  }

  .education .inexperienced__item__slide{
    margin: 0 auto 11rem;
    position: relative;
    width: 63rem;
  }

  .education .inexperienced__item__slide--inner{
    overflow: hidden;
    width: 63rem;
  }

  .education .swiper-button-next{}
  .education .swiper-pagination{
    display: block;
    height: 3rem;
    bottom:-3.5rem;
  }
  
  .education .swiper-button-prev,
  .education .swiper-button-next{
    display: block;
    height: fit-content;
    top:55%;
    width: 2rem;
  }

  .education .swiper-button-prev{
    left:-3.5rem;
  }

  .education .swiper-button-next{
    right:-3.5rem;
  }

  

  .education .curriculum{
    margin: 0 0 5rem;
    padding: 12rem 0 0;
  }
  
  .education .curriculum--inner{
    margin: -3.6rem 0 0;
    padding: 6.5rem 0 5.5rem;
  }

  .education .curriculum__descritpion{
    font-size:2.7rem;
    line-height: 1.5;
    margin: 0 auto 5rem;
    text-align: justify;
    width: var(--width-sp_contents);
  }

  .education .curriculum__step--wrap{
    display: block;
    margin: auto;
    width: var(--width-sp_contents);
  }

  .education .curriculum__step{
    margin: 0 auto 6.5rem;
    width: 100%;
  }
  
  .education .curriculum__step:last-child{
    margin: 0 auto;
  }

  .education .curriculum__step__icon--wrap{
    flex-direction: row;
    justify-content: center;
    margin: 0 0 0.5rem;
  }
  
  .education .curriculum__step__icon{
    margin: 0 0 -0.2em;
  }

  .education .curriculum__step__detail{
    border: 0.2rem solid #000;
    height:auto;
    padding: 2rem 3rem 3rem;
  }

  .education .curriculum__step__detail:before{
    border-bottom:2.5rem solid transparent;
    border-left:2.05rem solid transparent;
    border-right:2.05rem solid transparent;
    border-top:2.5rem solid #000;
    content:'';
    left: auto;
    position: absolute;
    right: 50%;
    top: -12rem;
    transform: translateX(50%);
    width: 4.1rem;
    z-index: 2;
  }

  .education .curriculum__step__detail__title{
    border-bottom: 0.2rem solid #000;
    font-size:3.3rem;
    margin: 0 0 0.8em;
    padding: 0 0 0.4em;
  }

  .education .curriculum__step__detail__description{
    font-size: 2.7rem;
    line-height: 1.5;
  }
}