@charset "UTF-8";

/*
// vision.css
*/

.vision .common__line{
  top:150rem;
}


/* mission */

.vision__mission__alc{
  margin: 0 0 9.5rem 13.8rem;
}
.vision__mission__alc__title{
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-size:8.63883rem;
  font-weight: 300;
  letter-spacing: -0.006em;
  line-height: 0.85;
  margin: 0 0 4rem 1rem;
}
.vision__mission__alc__title .common__text--bold{
  font-weight: 500;
}
.vision__mission__alc__text{
  line-height: 1.8;
}

.vision__mission__item01{
  position: relative;
}
.vision__mission__item01__image{
  left: calc(63rem + 10vw);
  opacity: 0;
  position: absolute;
  top:0;
  transition-duration: 1s;
  transition-delay: .5s;
  transition-timing-function: ease;
  width: 68rem;
}
.vision__mission__item01__image.active{
  opacity: 1;
  left: 63rem;
}
.vision__mission__item01__text{
  padding: 0 0 13.5rem 7rem;
}
.vision__mission__item01__text__elm01{
  display: block;
  font-size:3.6rem;
  margin:0 0 3rem;
}
.vision__mission__item01__text__elm01 span{
  /*background:#42a0d9;
  display: inline-block;*/
  line-height: 1.05;
  padding: 0.06em 0.2em 0.2em;
  transform: scaleX(95%);
  transform-origin: left top;
}
.vision__mission__item01__text__elm02{
  display: block;
  line-height: 1.8;
}
.vision__mission__item02{
  padding: 0 0 34.5rem 47rem;
  position: relative;
}
.vision__mission__item02_1__image{
  left: calc(-9rem - 10vw);
  opacity: 0;
  position: absolute;
  top: -6.5rem;
  transition-duration: 1s;
  transition-delay: .5s;
  transition-timing-function: ease;
  width: 50.1rem;
}
.vision__mission__item02_1__image.active{
  left: -9rem;
  opacity: 1;
}
.vision__mission__item02_2__image{
  opacity: 0;
  position: absolute;
  right: calc(-0.5rem - 10vw);
  top: 28.3rem;
  transition-duration: 1s;
  transition-delay: .5s;
  transition-timing-function: ease;
  width: 22.9rem;
}
.vision__mission__item02_2__image.active{
  opacity: 1;
  right: -0.5rem;
}
.vision__mission__item02__text{}
.vision__mission__item02__text__elm01{
  display: block;
  line-height: 1.45;
  margin: 0 0 1rem;
}
.vision__mission__item02__text__elm01--text_large{
  font-size:4.4rem;
}
.vision__mission__item02__text__elm02{
  display: block;
  line-height: 1.8;
   margin: 0 0 3rem;
}
.vision__mission__item02__text__elm03{
  display: block;
  font-size:3.6rem;
  margin: 0 0 1rem;
}
.vision__mission__item02__text__elm03 span{
  /*background:#42a0d9;
  display: inline-block;*/
  line-height: 1.05;
  padding: 0.06em 0.2em 0.2em; 
  transform: scaleX(95%);
  transform-origin: left top;
}
.vision__mission__item02__text__elm04{
  
}
.vision__future{
  margin: 0 0 7.5rem;
}
.vision__future .common__pages__section-title{
  margin: 0 auto 4.5rem;
}
.vision__future__item{
  background: rgba(255,255,255,0.9);
  border:0.2rem solid #aec6cf;
  height: 85rem;
  margin: 0 auto 3rem;
  padding: 4rem 0 0;
  width: 100%;
}
.vision__future__item__title{
  font-size:3.6rem;
  margin: 0 0 13rem;
  text-align: center;
}
.vision__future__item__figure{
  position: relative;
}
.vision__future__item__figure img{
  opacity: 0;
  position:absolute;
  transition-duration: .2s;
}
.vision__future__item__figure img.active{
  opacity: 1;
}
.vision__future__item__figure__item01{
  margin: 0 auto 10rem;
  position: relative !important;
  width: 65.8rem;
}
.vision__future__item__figure__item02{
  left: 35rem;
  top: 1.5rem;
  width: 3.1rem;
}
.vision__future__item__figure__item03{
  left: 26.8rem;
  top: 4.3rem;
  width: 4.9rem;
}
.vision__future__item__figure__item04{
  left: 17.6rem;
  top: 11rem;
  width: 8rem;
}
.vision__future__item__figure__item05{
  left: 20.5rem;
  top: 23.7rem;
  width: 10.5rem;
}
.vision__future__item__figure__item06{
  left: 34.5rem;
  top: 31.3rem;
  width: 11.4rem;
}
.vision__future__item__figure__item07{
  left: 51.7rem;
  top: 31.8rem;
  width: 13.6rem;
}
.vision__future__item__figure__item08{
  left: 71.5rem;
  top: 23rem;
  width: 16.32rem;
}
.vision__future__item__figure__item09{
  left:71.5rem;
  top: -0.3rem;
  width: 16.32rem;
}
.vision__future__item__figure__item10{
  left: 43.6rem;
  top: -8.2rem;
  width: 20.2rem;
}
.vision__future__item__footnote{
  line-height: 1.65;
  text-align: center;
}

.vision__gallery{
  margin: 0 0 13.5rem;
}
.vision__gallery__image{
  height: 52.9rem;
  overflow-x: hidden;
  position: relative;
  max-width: 192rem;
}

.vision__gallery__image img{
  left:50%;
  max-width: none;
  position: absolute;
  top:0;
  transform: translateX(-50%);
  width: 192rem !important;
}
.vision__value{
  padding: 0 0 50.5rem;
}
.vision__value .common__pages__section-title{
  margin: 0 auto 5rem;
}
.vision__value .common__inner{
  position: relative;
}
.vision__value__slide{
  background: #e4ecef;
  height: 38.6rem;
  left:0;
  padding: 5rem 0 0;
  position: absolute;
  top:0;
  width: 100vw;
}
.vision__value__slide__title--wrap{
  margin: 0 3.5rem 0 0;
}
.vision__value__slide__title-slide-num--wrap{
  font-family: "Roboto", sans-serif;
  font-style: italic;
  height: 16.2rem;
  line-height: 0.85;
  padding:0 0 2.5rem 8rem;
  position: relative;
}
.vision__value__slide__title-slide-num--wrap:after{
  background: #1a1a1a;
  content: '';
  height: 1px;
  left: 13rem;
  position: absolute;
  top: 8.5rem;
  transform: rotate(-47deg);
  width: 13.4rem;
}
.vision__value__slide__title-slide-num__now{
  font-size:10.51892rem;
  font-weight: 500;
}
.vision__value__slide__title-slide-num__all{
  font-size:5.23481rem;
  font-weight: 400;
  left: 20rem;
  position: absolute;
  top: 9.4rem;
}
.vision__value__slide__title{
  border-top: 1px solid #1a1a1a;
  padding:2rem 0 0 8rem;
  width:52rem;
}
.vision__value__slide__title span{
  display: none;
  font-size:3.4rem;
}
.vision__value__slide__title span.active{
  display: block;
}

.splide__track{
  width: 45.4rem;
}
.splide__slide{
  margin: -1rem 0 0;
  font-size:1.8rem;
  line-height: 1.8;
  text-align: justify;
}
.vision__value__slide .splide__arrow.splide__arrow--prev{
  display: none !important;
}
.vision__value__slide__arrow--next{
  background: url("../img/vision/vision__value__slide__arrow--next.svg") no-repeat center/100% auto;
  height: 6.2rem;
  left: 103rem;
  top: 18.5rem;
  width: 2.8rem;
}
.vision__value__slide__arrow--next svg{
  display: none;
}
.vision__value__slide__pagination{
  bottom:auto;
  left:7.8rem;
  right:auto !important;
  top: 33.4rem;
}
.vision__value__slide__pagination .splide__pagination__page{
  background: #fff;
  margin: 0.35rem;
  height: 1rem;
  width: 1rem;
}
.vision__value__slide__pagination .splide__pagination__page.is-active{
  background: #42a0d9;
  transform: scale(1);
}



@media screen and (max-width:767px) {
  body{
    overflow-x: hidden;
  }
  
  .vision .common__line{
    top:147rem;
  }

  /* mission */
  
  .vision__mission{
    margin: 0 0 16rem; 
  }

  .vision__mission__alc{
    margin: 0 0 5rem;
  }
  .vision__mission__alc__title{
    line-height: 1;
    margin: 0 0 3rem 9rem;
  }
  .vision__mission__alc__text{
    font-size: 2.8rem;
    letter-spacing: -0.01em;
    line-height: 1.7;
    margin: 0 0 0 9rem;
    width:56.52156rem;
  }

  .vision__mission__item01{
    position: relative;
  }
  .vision__mission__item01__image{
    margin: 0 auto 6.5rem;
    margin-left: 10vw;
    position: static;
    width: 68rem;
  }
  .vision__mission__item01__image.active{
    margin-left: 0;
  }
  .vision__mission__item01__text{
    padding: 0 0 7rem 7rem;
  }
  .vision__mission__item01__text__elm01{
    display: block;
    font-size:4.28532rem;
    margin:0 0 2.5rem;
  }
  .vision__mission__item01__text__elm02{
    font-size:2.8rem;
    line-height: 1.7;
    width: 58rem;
  }
  .vision__mission__item02{
    padding: 0 0 0;
    position: relative;
  }
  .vision__mission__item02_1__image{
    margin: 0 0 10rem;
    margin-left:-10vw;
    position: static;
  }
  .vision__mission__item02_1__image.active{
    margin-left: 0;
  }
  .vision__mission__item02_2__image{
    position: absolute;
    right: calc(6.5rem -10vw);
    top: 18.3rem;
  }
  .vision__mission__item02_2__image.active{
    right: 6.5rem;
  }
  .vision__mission__item02__text{
    font-size:2.8rem;
    margin: 0 0 0 9rem;
  }
  .vision__mission__item02__text__elm01{
    display: block;
    line-height: 1.45;
    margin: 0 0 3.5rem;
  }
  .vision__mission__item02__text__elm01--text_large{
    font-size:4.4rem;
  }
  .vision__mission__item02__text__elm02{
    line-height: 1.7;
    margin: 0 0 2.5rem;
  }
  .vision__mission__item02__text__elm03{
    font-size:4.28532rem;
    margin: 0 0 3.5rem;
  }

  .vision__future{
    margin: 0 0 15rem;
  }
  .vision__future .common__pages__section-title{
    margin: 0 auto 4.5rem;
  }
  .vision__future__item{
    height: 82.8rem;
    margin: 0 auto 3rem;
    padding: 4rem 0 0;
    width: 68.7rem;
  }
  .vision__future__item__title{
    font-size:3.6rem;
    line-height: 1.3;
    margin: 0 0 10rem;
    text-align: center;
  }
  .vision__future__item__figure{
    position: relative;
  }
  .vision__future__item__figure img{
    position:absolute;
  }
  .vision__future__item__figure__item01{
    margin: 0 auto 10rem;
    width: 57.02166rem;
  }
  .vision__future__item__figure__item02{
    left: 18.7rem;
    top: 1rem;
    width: 2.68643rem;
  }
  .vision__future__item__figure__item03{
    left: 11.8rem;
    top: 3.3rem;
    width: 4.24629rem;
  }
  .vision__future__item__figure__item04{
    left: 3.7rem;
    top: 9.4rem;
    width: 6.93273rem;
  }
  .vision__future__item__figure__item05{
    left: 6.3rem;
    top: 20.2rem;
    width: 9.0992rem;
  }
  .vision__future__item__figure__item06{
    left: 18.5rem;
    top: 26.6rem;
    width: 9.87913rem;
  }
  .vision__future__item__figure__item07{
    left: 33.3rem;
    top: 27.4rem;
    width: 11.78563rem;
  }
  .vision__future__item__figure__item08{
    left: 50.4rem;
    top: 19.6rem;
    width: 14.14276rem;
  }
  .vision__future__item__figure__item09{
    left: 50.4rem;
    top: -0.5rem;
    width: 14.14276rem;
  }
  .vision__future__item__figure__item10{
    left: 26.5rem;
    top: -7.2rem;
    width: 17.50513rem;
  }
  .vision__future__item__footnote{
    font-size: 2.5;
    line-height: 1.5;
    margin: auto;
    text-align: left;
    width: 59.26357rem;
  }

  .vision__gallery{
    margin: 0 0 16rem;
  }
  .vision__gallery__image{
    height: 52.9rem;
    width: 100%;
  }
  .vision__gallery__image img{
    position: static;
    transform: translateX(0%);
    width: 100% !important;
  }
  .vision__value{
    padding: 0 0 10rem;
  }
  .vision__value .common__pages__section-title{
    margin: 0 auto 5rem;
  }
  .vision__value .common__inner{
    position: relative;
  }
  .vision__value__slide{
    height: 82.6rem;
    margin: 0 0 0 5rem;
    padding: 6rem 0 0;
    position: static;
    width: 70rem;
  }
  .vision__value__slide__title--wrap{
    margin: 0 3.5rem 0 0;
  }
  .vision__value__slide__title-slide-num--wrap{
    padding:0 0 2.5rem 5.5rem;
  }
  .vision__value__slide__title-slide-num--wrap:after{
    left: 11rem;
  }

  .vision__value__slide__title-slide-num__all{
    left: 17.5rem;
    top: 9.4rem;
  }
  .vision__value__slide__title{
    margin: 0 0 4.5rem;
    padding:2rem 0 0 6rem;
    width:auto;
  }
  .vision__value__slide__title span{
    display: none;
    font-size:3.4rem;
  }
  .vision__value__slide__title span.active{
    display: block;
  }

  .splide__track{
    margin: 0 0 0 7rem;
    width: 50.6rem;
  }
  .splide__slide{
    font-size:2.5rem;
    line-height: 1.6;
    width: 50.6rem !important;
  }
  .vision__value__slide__arrow--next{
    height: 5.1rem;
    left: 64.2rem;
    top: 52.5rem;
    width: 3.2rem;
  }
  .vision__value__slide__pagination{
    left:10rem;
    top: 74.4rem;
  }
  .vision__value__slide__pagination .splide__pagination__page{
    margin: 0.55rem;
    height: 1.55696rem;
    width: 1.55696rem;
  }
}