@charset "utf-8";

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

  job style

***************************************************************************** */
/* schedule-list */
.schedule-list{
  padding-top: 1.5rem;
}
.schedule-list > .-item{
  position: relative;
  padding-left: 3rem;
  padding-bottom: 3rem;
}
.schedule-list > .-item:last-child{
  padding-bottom: 0;
}
.schedule-list > .-item::before{
  content: "";
  position: absolute;
  top: 0;
  left: 1.1rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ec9f3d;
  z-index: 1;  
}
.schedule-list > .-item::after{
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ec9f3d;
  position: absolute;
  top: 0;
  left: 1.3rem;
}
.schedule-list > .-item:last-child::after{
  display: none;
}
.schedule-list > .-item > .-inner{
  display: flex;  
}
.schedule-list > .-item > .-inner > .-time{
  font-size: 1.7rem;
  color: #ec9f3d;
  line-height: 1;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.1em;
  position: relative;
  margin-top: -0.5rem;
  width: 8rem;
  padding-right: 2rem;
}
.schedule-list > .-item > .-inner > .-main{
  flex: 1;
  position: relative;
  margin-top: -1.2rem;
}
.schedule-list > .-item > .-inner > .-main > .-heading{
  font-size: 1.7rem;
  line-height: 1.75;
  letter-spacing: 0.1em;
  color: #ec9f3d;
}
.schedule-list > .-item > .-inner > .-main > .-text > p{
  font-size: 1.4rem;
  line-height: 2;
}

@media screen and (max-width: 480px){
  /* schedule-list */
  .schedule-list > .-item{
    padding-bottom: 4rem;
  }
  .schedule-list > .-item > .-inner{
    position: relative;
    display: block;
    top: -4px;
  }
  .schedule-list > .-item > .-inner > .-main{
    margin-top: 0.5rem;
  } 
}

/* faq-list */
.faq-list{
  margin-top: 0.5rem;
}
.faq-list > .-item{
  margin-top: 3.5rem;
}
.faq-list > .-item:nth-child(1){
  margin-top: 0;
}

@media screen and (max-width: 760px){
  /* faq-list */
  .faq-list{
      margin-top: 2rem;
  }
  .faq-list > .-item{
    margin-top: 2.5rem;
  }
}

/* faq-question */
.faq-question{
  display: flex;
}
.faq-question > .-mark{
  display: flex;
  font-size: 1.4rem;
  line-height: 2;
  color: #ec9f3d;
  letter-spacing: 0.1em;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  width: 3rem;
}
.faq-question > .-text{
  flex: 1;
}
.faq-question > .-text > p{
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  color: #ec9f3d;
}

@media screen and (max-width: 760px){
  /* faq-question */
  .faq-question > .-mark{
    font-size: 1.5rem;
  }
  .faq-question > .-text > p{
    font-size: 1.5rem;
  }
}

/* faq-answer */
.faq-answer{
  display: flex;
}
.faq-answer > .-mark{
  display: flex;
  width: 3rem;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.1em;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.faq-answer > .-text{
  flex: 1;
}
.faq-answer > .-text > p{
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
}

@media screen and (max-width: 760px){
  /* faq-answer */
  .faq-answer > .-mark{
    font-size: 1.5rem;
  }
  .faq-answer > .-text > p{
    font-size: 1.5rem;
  }
}

/* basic-movie-list */
.basic-movie-list{
  width: 100%;
}

@media screen and (max-width: 760px){
  /* basic-movie-list */
  .basic-movie-list{
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media screen and (max-width: 640px){
  /* basic-movie-list */
  .basic-movie-list{
    padding-left: 0;
    padding-right: 0;
  }
}

/* movie-list */
.movie-list{
  display: flex;
  /*justify-content: space-between;*/
}
.movie-list > .-item{
  /*width: 30.4838%;*/
  border-radius: 8px;
  overflow: hidden;
  width: calc(33.3333% - 2.6rem* 2 / 3);
  margin-right: 2.6rem;
}
.movie-list > .-item:nth-child(3){
  margin-right: 0;
}
.movie-list > .-item > a{
  display: inline-block;
  vertical-align: bottom;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}
.movie-list > .-item > a:hover{
  opacity: 0.75;
}
.movie-list > .-item > a > img{
  width: 100%;
}

@media print, screen and (max-width: 760px){
  /* movie-list */
  .movie-list{
    display: none;
  }
}

/* movie-list-sp */
.movie-list-sp{
  display: none;
}

@media print, screen and (max-width: 760px){
  /* movie-list-sp */
  .movie-list-sp{
    display: block;
  }
  .movie-list-sp .-item{
    margin-left: 2rem;
    margin-right: 2rem;
    border-radius: 8px;
    overflow: hidden;
  }
  .movie-list-sp .-item > a{
    vertical-align: bottom;
  }
  .movie-list-sp .-item > a > img{
    width: 100%;
  }
}

@media print, screen and (max-width: 640px){
  /* movie-list-sp */
  .movie-list-sp .-item{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

/* slick-arrow */
.slick-arrow{
  z-index: 1;
}
.slick-arrow:before{
  content: ""!important;
  width: 100%!important;
  height: 100%!important;
  position: absolute;
  top: 0;
  left: 0;
}
.slick-prev,
.slick-next{
  width: 50px!important;
  height: 50px!important;
}
.slick-prev{
  left: -45px!important;
}
.slick-next{
  right: -45px!important;
}
.slick-prev:before{
  background: url(/assets/images/arrow-slider-prev-orange.svg)!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}
.slick-next:before{
  background: url(/assets/images/arrow-slider-next-orange.svg)!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
}

@media print, screen and (max-width: 640px){
  /* slick-arrow */
  .slick-prev,
  .slick-next{
    width: 40px!important;
    height: 40px!important;
  }
  .slick-prev{
    left: 40px!important;
  }
  .slick-next{
    right: 40px!important;
  }
}