@charset "UTF-8";
/* ====================================================
Media Quary
==================================================== */
/* ====================================================
// flexセット
==================================================== */
/* ====================================================
画像などを縦横比を維持したままレスポンシブ対応
*画像やGoogle Map、YouTubeの埋め込みなどを縦横比を維持したままレスポンシブ対応
.photo {
  // 画像を16:9にトリミングして縦横比を常に保つ
  @include aspect-ratio(16, 9);

  & > .image {
    @include object-fit(cover);
  }
}
==================================================== */
.c-btn__03 {
  width: 15rem;
  height: 3.1rem;
  position: relative;
  border-radius: 3.1rem;
  border: 1px solid #7d7d7d;
  font-family: "Oskar", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  color: #48a095;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.8rem;
  text-decoration: none;
}
.c-btn__03:after {
  content: "";
  width: 1.4rem;
  height: 1rem;
  background: url("img/arrow-more.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 1.4rem;
}


.sec-about .btn-internal a, .sec-about .btn-web a, .sec-about .btn-tel a,
.sec-career .btn-internal a, .sec-career .btn-web a, .sec-career .btn-tel a {
  -webkit-box-shadow: 0 5px 14px rgba(255, 255, 255, 0.4);
  box-shadow: 0 5px 14px rgba(255, 255, 255, 0.4);
  border-radius: 9999px;
}

.sec-knowledge {
  padding: 10rem 0 28.8rem;
  position: relative;
  background: white;
  color: black;
}
.sec-knowledge .wi1100 {
  position: relative;
  z-index: 2;
}

.knowledge-heading {
  font-size: 1.5rem;
  line-height: 2;
  max-width: 56rem;
  margin-bottom: 5.9rem;
  position: relative;
}
.knowledge-heading:before {
  content: "";
  width: 90rem;
  height: 69.5rem;
  background: url(img/knowledge-bf.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -38rem;
  left: -38rem;
  z-index: -1;
  -webkit-transform: rotate(-32deg);
      -ms-transform: rotate(-32deg);
          transform: rotate(-32deg);
}
.knowledge-heading__ttl {
  display: block;
  line-height: 1.5;
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2.8rem;
}
.knowledge-heading__ttl small {
  display: block;
  font-size: 3rem;
  margin-bottom: 1.5rem;
}
.knowledge-heading__ttl span {
  color: #48a095;
}

.knowledge-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  counter-reset: knowledge;
}
.knowledge-list__item {
  border: 1px solid #7d7d7d;
  background: white;
  font-size: 1.4rem;
  line-height: 2;
  position: relative;
  padding: 2.3rem 3.9rem 3.3rem;
}
.knowledge-list__item a{
  text-decoration: none;
}
.knowledge-list__counter {
  width: 10.7rem;
  height: 10.7rem;
  background: url("img/knowledge-item.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Oskar", sans-serif;
  font-size: 6.8rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: rgba(255, 255, 255, 0.5);
}
.knowledge-list__counter small {
  font-size: 5.46rem;
  position: relative;
  top: 1.2rem;
}
.knowledge-list__ttl {
display: block;
padding: 0 6rem 0 0;
font-size: 2.2rem;
line-height: 1.54;
font-weight: bold;
margin-bottom: 1.7rem;
}


.knowledge-list__more {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding: 2.6rem 0 0;}

.knowledge-movie {
position: absolute;
top: 28rem;
left: calc(50% + 43rem);
width: 35.2rem;
padding: 0 2.8rem;
}


.knowledge-movie:before, .knowledge-movie:after {
  content: "";
  width: 2.2rem;
  position: absolute;
  top: -0.5rem;
  bottom: -0.5rem;
  background: url("img/knowledge-line.png") repeat-y;
}
.knowledge-movie:before {
  left: 0;
}
.knowledge-movie:after {
  right: 0;
}
.knowledge-movie li {
  margin-bottom: 3rem;
}
.knowledge-movie li:last-child {
  margin-bottom: 0;
}

.sec-schedule {
  position: relative;
  background: white;
  color: black;
  padding: 11rem 0 0;
  overflow-x: hidden;
}

.schedule-heading--custom {
  position: relative;
}
.schedule-heading--custom:before {
  content: "";
  width: 52.3rem;
  height: 69.5rem;
  background: url(img/schedule-bf.png) no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: -41.7rem;
  left: -37.2rem;
  opacity: 0.5;
}
.schedule-heading__ttl {
  display: block;
  font-weight: bold;
  font-size: 4rem;
  line-height: 1.4;
  margin-bottom: 11.3rem;
}
.schedule-heading__ttl small {
  display: block;
  font-size: 3rem;
  margin-bottom: 1.7rem;
}
.schedule-heading__img {
  width: 42.5%;
  position: absolute;
  top: 0;
  right: 0;
  max-width: 68rem;
}

.schedule-show__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3.7rem;
}
.schedule-show__tab li {
  cursor: pointer;
  width: 36rem;
  height: 7.2rem;
  border-radius: 7.2rem;

/*border: 1px solid;*/
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: bold;
  margin: 0 2.5rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0 5px 15px rgb(0 0 0 / 40%);
}
.schedule-show__tab li:nth-child(1){
color: #fff;
background: #e48d7d;
}
.schedule-show__tab li:nth-child(2){
color: #fff;
background: #a3a9cd;
}
.schedule-show__tab li:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.schedule-show__tab li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.8rem 1.2rem 0;
  border-color: #ef4122 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  visibility: hidden;
}

.schedule-show__tab li:nth-child(1).active {
background: #ef4122;
color: #fff;
}
.schedule-show__tab li:nth-child(2).active {
background: #48539c;
color: #fff;
}
.schedule-show__tab li:nth-child(2).active:after{
  border-color: #48539c transparent transparent transparent;
}
.schedule-show__tab li.active:after {
  opacity: 1;
  visibility: visible;
}




.schedule-content {
  border: 1px solid #7d7d7d;
  background: white;
  position: relative;
  z-index: 1;
  margin-bottom: 10.3rem;
}
.schedule-content__item {
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.schedule-content__item.active {
  opacity: 1;
  display: block;
  visibility: visible;
}
.schedule-content__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.schedule-content__heading {
  width: 100%;
  position: relative;
  text-align: center;
  font-size: 3.4rem;
  line-height: 1.4;
  background: #ef4122;
  color: white;
  padding: 1.7rem;
  margin-bottom: 5rem;
}
.tab02 .schedule-content__heading {
  background: #48539c;
}
.schedule-content__heading h3{
  font-weight: bold;
}
.schedule-content__heading small {
  font-size: 2.4rem;
}
.schedule-content__heading-note {
  line-height: 1;
  font-family: "Oskar", sans-serif;
  font-size: 7rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -1.6rem;
  left: 0;
  text-align: left;
}
.schedule-content__all {
  position: relative;
  max-height: 60.5rem;
  overflow-y: scroll;
}
.schedule-content__left {
  width: 50%;
  border-top: 1px solid #7d7d7d;
  border-right: 1px solid #7d7d7d;
  padding: 3rem 2rem 0;
}
.schedule-content__left-note {
  display: none;
  font-size: 1.3rem;
  text-align: center;
  color: #333;
}
.schedule-content__left dl {
  padding: 0 1.2rem 3rem 0;
  position: relative;
}
.schedule-content__left dl:before {content: "";width: 0.2rem;background: #c8e2df;position: absolute;top: 2.8rem;left: 1.7rem;bottom: -1rem;z-index: 1;}

.schedule-content__left dl:last-child::before {
content: "";
width: 0;
background: none;
position: absolute;
top: 2.7rem;
left: 1.7rem;
bottom: -1rem;
z-index: 1;
}

.schedule-content__left dl dt {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  background: #dbeae8;
  position: relative;
  padding: 0.6rem 3.7rem;
  margin-bottom: 2rem;
}
.schedule-content__left dl dt:before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #48a095;
  position: absolute;
  top: 2rem;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 1rem;
}
.schedule-content__left dl dt span {
  display: inline-block;
  color: #48a095;
  margin: 0 1rem 0 0;
}
.schedule-content__left dl dd {
  font-size: 1.5rem;
  line-height: 2;
  padding: 0 0 0 3.8rem;
}
.schedule-content__right {
  width: 50%;
  padding: 0 5rem;
}
.schedule-content__ttl {
  background: black;
  color: white;
  text-align: center;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
  padding: 2rem 1rem 1rem;
  margin-bottom: 4.2rem;
}
.schedule-content__ttl:before {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: 0;
  right: 0;
  height: 1rem;
  border-top: 1px dotted white;
}
.schedule-content__note {
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  padding: 0 0.7rem 3.5rem;
  margin-bottom: 1.5rem;
}
.schedule-content__note span {
  font-size: 2rem;
}
.schedule-content__note-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 1.2rem;
  line-height: 1;
  padding: 1rem 0 0;
}
.schedule-content__note-tag li {
  background: #d9d9d9;
  border-radius: 2rem;
  margin: 0 1rem 1rem 0;
  padding: 0.6rem 0.9rem;
}
.schedule-content__note-img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 125px;
background: url(img/schedule-note.png) 100% 100% no-repeat;
background-size: 100% auto;
}


.schedule-content__note-img .career-point__list-img {
  position: absolute;
  bottom: 30px;
  right: 20px;
  z-index: 1;
 width: 9.6rem;
 height: 9.6rem;
 height: auto;
}
.schedule-content__note-img .career-point__list-img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 11.6rem;
  height: 11.6rem;
  background: #f0b3a8;
  border-radius: 50%;
  -webkit-clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
  clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
}
.tab02 .schedule-content__note-img .career-point__list-img::before {
  background: #a3a9cd;
}
schedule-content__note-img .career-point__list-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}
.schedule-content__team {
  font-size: 1.5rem;
  line-height: 2;
  padding: 0 1rem;
}
.schedule-content__team-ttl {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.58;
  color: #ef4122;
  margin-bottom: 1.5rem;
}
.tab02 .schedule-content__team-ttl {
color: #48539c;
}

.schedule-content__team p {
  margin-bottom: 2.2rem;
}
.schedule-content__team .c-btn__02--lg {
  height: 10.8rem;
  width: 100%;
}

.schedule-job__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0 auto 6rem;
}
.schedule-job__heading-img {
  width: 27rem;
  padding: 0.8rem 2rem 0 0;
}
.schedule-job__heading-ct {
  width: calc(100% - 27rem);
  border-left: 1px solid #7d7d7d;
  padding: 0 0 0 4.7rem;
}
.schedule-job__heading-ct span {
  display: block;
}
.schedule-job__heading-ct .c-ft--en {
  font-family: "Oskar", sans-serif;
  font-size: 3rem;
  color: #ef4122;
  margin-bottom: 1.6rem;
}
.schedule-job__heading-ct .c-ft--jp {
  font-weight: bold;
  font-size: 3.5rem;
}
.schedule-job__heading-ct .c-ft--jp small {
  display: block;
  font-size: 2.5rem;
  margin-bottom: 2.2rem;
}
.schedule-job__show {
  max-width: 100rem;
  margin: 0 auto 0.3rem;
}
.schedule-job__show table {
  width: 100%;
}
.schedule-job__show table tr th, .schedule-job__show table tr td {
  padding: 2.6rem 2rem;
}
.schedule-job__show table tr th {
  width: 20rem;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 2px solid #ef4122;
  text-align: left;
  padding-left: 1rem;
}
.schedule-job__show table tr td {
  font-size: 1.3rem;
  line-height: 1.69;
  border-bottom: 1px solid #e5e5e5;
}
.schedule-job__show table tr td strong {
  display: block;
  font-size: 1.5rem;
}
.schedule-job__box {
  margin: 0.5rem;
  position: relative;
  height: 6rem;
  overflow: hidden;
  padding: 0 0 0 1rem;
}
.schedule-job__box.active {
  height: auto;
}
.schedule-job__box.active:after {
  display: none;
}
.schedule-job__box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.schedule-job__box-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.schedule-job__box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(64%, rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(bottom, white 0%, rgba(0, 0, 0, 0) 64%);
  background: linear-gradient(0deg, white 0%, rgba(0, 0, 0, 0) 64%);
}
.schedule-job__box-ttl {
  width: 11.5rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: bold;
  border: 1px solid #7d7d7d;
}
.schedule-job__box-ct {
  width: calc(100% - 13rem);
}
.schedule-job__box-more {
  display: block;
  max-width: 18rem;
  margin: 0 auto;
  border-radius: 4rem;
  text-align: center;
  padding: 1.5rem 2rem 1.5rem 0.5rem;
  border: 1px solid #7d7d7d;
  position: relative;
  font-size: 1.4rem;
  line-height: 1;
  left: 1.1rem;
  cursor: pointer;
  -webkit-transition: ease 0.3s;
  -o-transition: ease 0.3s;
  transition: ease 0.3s;
}

.schedule-job__box-more:hover {
  opacity: 0.7;
}
.schedule-job__box-more:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("img/icon-plus.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 1.3rem;
}
.schedule-job__box-more.active:after {
  background: url("img/icon-minus.png") no-repeat;
  background-size: 100%;
}

.schedule-job__show table{
margin: 5rem auto 2rem;
}

.schedule-job .caption{
margin: 1rem 5rem;
color: #999999;
font-size: 1rem;
text-align: right;
}
.schedule-job .caption a{
color: inherit;
}


.schedule-job__show table {
  width: 100%;
}
.schedule-job__show table tr th, .schedule-job__show table tr td {
  padding: 2.6rem 2rem;
}
.schedule-job__show table tr th {
  width: 27rem;
  font-size: 1.8rem;
  font-weight: bold;
  border: none;
  border-bottom: 2px solid #ef4122;
  text-align: left;
  padding-left: 1rem;
  background: #fff;
}
.schedule-job__show table tr td {
  font-size: 1.3rem;
  line-height: 1.69;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
.schedule-job__show table tr td strong {
  display: block;
  font-size: 1.5rem;
}
.schedule-job__box {
  margin: 0.5rem;
  position: relative;
  height: 6rem;
  overflow: hidden;
  padding: 0 0 0 1rem;
}


@media screen and (max-width: 480px) {
  .schedule-heading--custom:before {
    display: none;
  }
  .schedule-heading__ttl {
    font-size: 2.5rem;
    margin-bottom: 3.8rem;
  }
  .schedule-heading__ttl small {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
  .schedule-heading__img {
    width: 49%;
    position: absolute;
    top: -7px;
    right: 5px;
  }
  .schedule-heading__left {
    width: 100%;
  }
  .schedule-heading__left-note {
    display: block;
  }
  .schedule-heading__right {
    width: 100%;
  }

  .schedule-show__tab {
    margin-bottom: 2.6rem;
  }
  .schedule-show__tab li {
    width: 15rem;
    height: 5rem;
    font-size: 2rem;
    margin: 0 1rem;
  }
  .schedule-show__tab li:nth-child(1) {
    margin-left: 0;
  }
  .schedule-show__tab li:nth-child(2) {
    margin-right: 0;
  }
.schedule-show__tab li:hover {
opacity: 1;
}
  
  .schedule-show__tab li:after {
    border-width: 1.4rem 1rem 0;
  }
  .schedule-show__tab--bottom li:after {
    bottom: 100%;
    top: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 1rem 1.4rem 1rem;
    border-color: transparent transparent #ef4122 transparent;
  }
  .schedule-show--bottom {
    margin-bottom: 0;
  }
  .schedule-show--bottom .schedule-show__tab li.active:after{
    bottom: 100%;
    top: auto;
    transform: rotate(180deg);
  }
  .schedule-content {
    margin-bottom: 2.4rem;
  }
  .schedule-content__heading {
    font-size: 2.2rem;
    padding: 0.6rem 1rem 1rem;
    margin-bottom: 0;
  }
  .schedule-content__heading small {
    font-size: 1.6rem;
  }
  .schedule-content__heading-note {
    display: none;
  }
  .schedule-content__all {
    padding: 0;
    max-height: 50rem;
  }
  .schedule-content__left {
    width: 100%;
    border-right: none;
    padding: 1rem 2rem 0;
    border-bottom: 1px solid #7d7d7d;
  }
  .schedule-content__left-note {
    display: block;
    margin-bottom: 1rem;
  }
  .schedule-content__left dl {
    padding: 0 0 2.4rem;
  }
  .schedule-content__left dl dt {
    padding: 0.8rem 0.8rem 0.8rem 3.4rem;
    margin-bottom: 1.3rem;
  }
  .schedule-content__left dl dd {
    line-height: 1.86;
    letter-spacing: 0.05rem;
  }
  .schedule-content__right {
    width: 100%;
    padding: 3.5rem 1.9rem;
  }
  .schedule-content__ttl {
    font-size: 2rem;
    line-height: 1.5;
    padding: 2.5rem 2rem 1.4rem;
    margin-bottom: 2rem;
    text-align: left;
  }
  .schedule-content__ttl br {
    display: none;
  }
  .schedule-content__note {
    font-size: 1.4rem;
    padding: 0 1rem 2.2rem;
    position: relative;
    background: url(img/schedule-note-sp.png) right bottom no-repeat;
    background-size: contain;
    width: 100%;
    height: auto;
  }
  .schedule-content__note span {
    font-size: 1.8rem;
  }
  .schedule-content__note-tag {
    font-size: 1.3rem;
    padding: 0.8rem 0 0;
    max-width: 16rem;
  }
  .schedule-content__note-tag li {
    margin: 0 1rem 0.8rem 0;
  }
  .schedule-content__note-img {
    position: absolute;
    bottom: 0;
    right: 0;
    background: none;
    width: auto;
    height: auto;
  }
  .schedule-content__note-img .career-point__list-img {
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 1;
   width: 9.6rem;
   height: 9.6rem;
   height: auto;
  }
.schedule-content__note-img .career-point__list-img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 11.6rem;
  height: 11.6rem;
  background: #f0b3a8;
  border-radius: 50%;
  -webkit-clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
  clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
}
.tab02 .schedule-content__note-img .career-point__list-img::before {
  background: #a3a9cd;
}
  .schedule-content__team {
    line-height: 1.86333;
    padding: 0.5rem 0 0;
  }
  .schedule-content__team-ttl {
    font-size: 1.9rem;
    margin-bottom: 0.9rem;
  }
  .schedule-content__team p {
    margin-bottom: 2.4rem;
  }
  .schedule-content__team .c-btn__02--lg {
    height: 10rem;
    font-size: 1.5rem;
  }

  .schedule-job__heading {
    margin-bottom: 1.6rem;
  }
  .schedule-job__heading-img {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 17.8rem;
    margin: 0 auto;
  }
  .schedule-job__heading-ct {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border: none;
    text-align: center;
    padding: 2.4rem 0 0.5rem;
  }
  .schedule-job__heading-ct .c-ft--en {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
  .schedule-job__heading-ct .c-ft--jp {
    font-size: 2.3rem;
  }
  .schedule-job__heading-ct .c-ft--jp small {
    font-size: 1.7rem;
    margin-bottom: 0;
  }
  .schedule-job__show {
    margin-bottom: 2rem;
  }
  .schedule-job__show table tr th, .schedule-job__show table tr td {
    padding: 1.4rem 0 1.4rem 1rem;
  }
  .schedule-job__show table tr th {
    font-size: 1.5rem;
    width: 100%;
    padding-left: 1.5rem;
    background: #f1f1f1;
    border-bottom: 1px solid #ef4122;
  }
  .schedule-job__show table tr td {
    font-size: 1.4rem;
    line-height: 1.642857;
  }
  .schedule-job__show table tr td strong {
    font-size: 1.4rem;
  }
  .schedule-job__box-item:not(:last-child) {
    margin-bottom: 1rem;
  }
  .schedule-job__box-ct {
    width: 100%;
    padding: 0.8rem 0 0;
  }
  .schedule-job__box-more {
    font-size: 1.2rem;
    max-width: 15.4rem;
    left: 0;
    padding: 1.2rem 2rem 1.2rem 0;
    margin-bottom: 1rem;
  }
  
  
.schedule-job .caption{
margin: 1rem 0;
color: #999999;
font-size: 1rem;
text-align: right;
}
.schedule-job .caption a{
color: inherit;
}
  
  
  

  .knowledge-heading {
    line-height: 1.8666;
    margin-bottom: 3.5rem;
  }
  .knowledge-heading:before {
    width: 43rem;
    height: 25rem;
    left: -21rem;
    top: 11.5rem;
    bottom: auto;
  }
  .knowledge-heading__ttl {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
  .knowledge-heading__ttl small {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }

  .knowledge-list {
    grid-template-columns: 1fr;
  }
  .knowledge-list__item {
    font-size: 1.5rem;
    line-height: 1.8666;
    padding: 2.7rem 1.8rem;
  }
  .knowledge-list__item a{
    text-decoration: none;
  }
  .knowledge-list__ttl {
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }
  .knowledge-list__counter {
    width: 7.5rem;
    height: 7.5rem;
    font-size: 4.8rem;
  }
  .knowledge-list__counter small {
    font-size: 3.8rem;
    top: 0.9rem;
  }
  .knowledge-list__more {
    padding: 1.7rem 0 0;
  }

  .c-btn__03 {
    font-size: 1.5rem;
    width: 13.2rem;
  }

  .knowledge-movie {
    display: none;
  }

  .sec-schedule {
    padding: 6.2rem 0 0;
    overflow: hidden;
  }
  .sec-schedule .c-ttl__06 {
    margin-bottom: 3rem;
  }

  .sec-knowledge {
    padding: 9.2rem 0 16rem;
  }
  .sec-knowledge .c-ttl__06 {
    margin-bottom: 2.9rem;
  }

  .sec-schedule .wi1100, .sec-knowledge .wi1100 {
    padding: 0 2rem;
  }

}
/*---------------------
　共通
-----------------------*/

.home {
background: #000;

}


.home-main {
  position: relative;
  overflow: hidden;
}
.home-main:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: black;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 44% 100%, 44% 45%, 63% 45%, 63% 60%, 43% 60.5%, 33% 100%, 100% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0% 100%, 44% 100%, 44% 45%, 63% 45%, 63% 60%, 43% 60.5%, 33% 100%, 100% 100%, 100% 0%);
  z-index: 999;
  pointer-events: none;
  
  display: none;
}
.home-main.on {
  overflow: visible;
}
.home-main.on::before {
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
          clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}
html.ov {
  overflow: hidden;
  padding-right: 15px;
}

.contents02 {
  /* overflow: hidden; */
}

/* オープニングPC */  
.container{
width: 100%;
height: 100vh;
clip-path: inset(calc((100vh - 16.8rem) / 2) calc((100vw - 28.8rem) / 2));
overflow: hidden;
animation:mmfadeIn .5s ease forwards;
}
.container.start_anim{
animation:maskimg2 .5s ease forwards;
}
@keyframes maskimg2 {
0% {
}
100% {
clip-path: inset(0 0);
}
}

@keyframes mmfadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
  

.mv-page {
  position: relative;
  background: #000;
}
.mv-page:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("img/bg-mv.png") center no-repeat;
  background-size: 89.3%;
  background-position: top 94% left 20%;
  top: 0;
  left: 0;
  z-index: 5;
}



/* slideArea */
.mv-page__vh{
position: relative;
clip-path: inset(0);
}
.mv-page__vh .slideArea{
position: fixed;
top: 0;
width: 100%;
opacity: .3;
}
.mv-page__vh::before{
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 15rem;
background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.mv-page__vh .slideArea .slick-slide{
margin-top: 0!important;
margin-bottom: 0!important;
width: 28.8rem;
height: 16.8rem;
background: url("./img/sl_filmbg.png") 0 0 no-repeat;
}
.mv-page__vh .slideArea img{
/*border-radius: .8rem;*/
width: 23.6rem;
margin: 0 auto;
}
.mv-page__vh .slideArea .slider1{
position: absolute;
width: 28.8rem;
top:0;
left: calc(50% - 80.0rem);
}
.mv-page__vh .slideArea .slider2{
position: absolute;
width: 28.8rem;
top:0;
left: calc(50% - 47.2rem);
}
.mv-page__vh .slideArea .slider3{
position: absolute;
width: 28.8rem;
top:0;
left: calc(50% - 14.4rem);
}







.mv-page__box {
  position: relative;
  width: 100%;
  z-index: 5;
  color: #fff;
  text-align: left;
  max-width: 115rem;
}
.mv-page__box .fv{
position: relative;
box-sizing: border-box;
height: 100vh;
padding: 10rem 0 0;
}


.mv-page__box-ct {
position: absolute;
top: calc(50% + 10rem);
left: calc(50% - 8rem);
max-width: 64.7rem;
margin-left: auto;
width: 100%;
}


.mv-page__box-desc {
  font-weight: bold;
  font-size: 2.5rem;
}
.mv-page__box-desc span {
  display: inline-block;
  padding-bottom: 1.1rem;
  margin-bottom: 2rem;
  border-bottom: 0.2rem dotted #fff;
}


.mv-page__box-ttl{
margin-bottom: 5.8rem;
margin-right: -3rem;
font-weight: bold;
line-height: 1.5;
font-size: 4.3rem;
}
.mv-page__box-ttl > span {
  display: block;
  margin-top: 1rem;
  font-size: 5rem;
}
.mv-page__box-ttl > span span {
  display: inline-block;
  padding: 0.4rem 0.7rem 0.6rem;
  line-height: 1;
  margin-right: 5px;
  border: 1px solid white;
  color: #55BCAF;
}
.mv-page__box-txt {width: 100%;color: #fff;line-height: 2.1;max-width: 64.7rem;padding: 2rem 0 0;margin-left: auto;font-size: 2rem;font-weight: 700;}




.mv-page__box-txt span {
  color: #55BCAF;
  margin: 0 0.2rem;
  border: 1px solid #7d7d7d;
  padding: 0 0.2rem;
  font-size: 2.5rem;
}
.mv-page__ttl {
position: absolute;
top: 9vh;
left: calc(50% - 25rem);

  text-align: right;
  margin-bottom: 16rem;
  font-family: "Oskar";
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.4);
  font-size: 7.3rem;
  letter-spacing: 0.15rem;
}
.mv-page__ttl span {
  margin-bottom: 1.2rem;
  letter-spacing: 0;
  font-size: 14.7rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.mv-page__ttl span img {
  width: 13.3rem;
  margin: 2rem -1.6rem 0 -0.6rem;
}

@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.sec-about {
  padding: 4rem 0 10.1rem;
  background: url("img/bg-about.png") bottom -20px center no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 4;
}

.about-box {
  max-width: 101rem;
  width: 100%;
  margin: 0 auto 5.8rem;
  padding: 7rem 10rem 9.3rem;
  background: url("img/bg-about-02.png") center no-repeat;
  background-size: 100% 100%;
}

.about-box__headingsub {
  margin: 3.2rem 0;
  text-align: center;
  font-weight: bold;
  color: #48A095;
  font-size: 2.6rem;
}

.about-box__heading{
  display: block;
  color: #fff;
  margin-bottom: 1rem;
  font-weight: normal;
  font-family: "Oskar";
  -webkit-text-stroke: 1px #0A0909;
  position: relative;
  font-size: 7rem;
  text-align: center;
}
.about-box__heading > span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 1px;
  border-bottom: 2px dotted #0A0909;
  top: 63%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.about-box__heading > span span {
  display: inline-block;
  background: #fff;
  padding: 1rem 0.9rem 0.5rem;
  position: relative;
  z-index: 2;
}
.about-box__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
  max-width: 73.6rem;
  width: 100%;
  margin: 0 auto 2.6rem;
}
.about-box__list-item {
  overflow: hidden;
  position: relative;
  width: 46.5%;
  background: #000;
  padding: 1.3rem 1rem 1.8rem;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  z-index: 1;
}
.about-box__list-item > span {
  position: absolute;
  left: -0.8rem;
  color: rgb(72, 160, 149);
  opacity: .3;
  top: 41%;
  line-height: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 7rem;
  font-family: "Oskar";
  z-index: -1;
}
.about-box__list-item > span span {
  font-size: 8rem;
}

.about-box__list-item > b {
  z-index: 1;
}

.about-box__desc {
  text-align: center;
  line-height: 2.22;
  font-weight: bold;
  color: #000;
  font-size: 1.8rem;
}

.about-box__desc span{
  letter-spacing: -0.15em;
}

.about-sponsored {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
}
.about-sponsored__heading {
  line-height: 1.2;
  text-align: center;
}
.about-sponsored__heading small {
  display: inline-block;
  background: #F0F0F0;
  border-radius: 3rem;
  margin-bottom: 0.6rem;
  font-weight: bold;
  padding: 0.3rem 4.5rem 0.5rem;
  color: #000;
  font-size: 1.9rem;
}
.about-sponsored__heading span {
  color: #48A095;
  display: block;
  font-family: "Oskar";
  margin-bottom: 1.9rem;
  letter-spacing: 0.1rem;
  font-size: 1.6rem;
}
.about-sponsored__headingsub {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 5rem;
  line-height: 1.2;
}

.about-flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 90rem;
  margin: 0 auto 5.5rem;
}
.about-flex__img {
  width: 39%;
}
.about-flex__img-thumb {
  margin-bottom: 1.3rem;
}
.about-flex__img-thumb img {
  width: 100%;
}
.about-flex__desc {
  color: #fff;
  text-align: center;
  line-height: 1.4;
  font-size: 1rem;
}
.about-flex__desc a {
  color: #fff;
  text-decoration: none;
}
.about-flex__ct {
  width: 55.5%;
  color: #fff;
  line-height: 2;
  margin-top: -0.5rem;
  font-size: 1.5rem;
}

.list-btns {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 1rem 4rem;
}
.list-btns a {
 display: flex;
 align-items: center;
}
.list-btns a span {
  width: 100%;
}


.btns-link {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin: 0 0 8rem;
}

.c-btn__02 {
  max-width: 36rem;
  width: 100%;
  border-radius: 7rem;
  background: #48A095;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  border: 0;
  padding: 1.9rem 5rem;
  position: relative;
  -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
          box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
  font-size: 1.6rem;
  text-decoration: none;
  display: block;
}
.c-btn__02:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 13px;
  background: url("img/arrow-white.png") center no-repeat;
  background-size: contain;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-btn__02--center {
  margin: 0 auto;
}
.c-btn__02--lg {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 36rem;
  min-height: 11.1rem;
}
.c-btn__02--lg::after {
  right: 2rem;
  width: 20px;
  height: 14px;
}
.c-btn__02--red {
  background: #EF4122;
}
.c-btn__02--red::after {
  right: 27px;
  width: 19px;
  height: 19px;
  background: url("img/arrow_out.png") center no-repeat;
  background-size: contain;
}
.c-btn__02--orange {
  background: #ef9b22;
}
.c-btn__02--orange::after {
  width: 20px;
  height: 32px;
  background: url("img/arrow-tel.png") center no-repeat;
  background-size: contain;
  right: auto;
  left: 2.5rem;
}
.c-btn__link {
  font-size: 1.5rem;
  line-height: 2;
  font-weight: bold;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 0.8rem;
  text-decoration: none;
  color: black;
}
.c-btn__link::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: url("img/arrow_ccl.png") center/contain no-repeat;
  margin-top: -0.4rem;
}

.sec-theater {
  overflow: hidden;
  padding: 14.9rem 0 24.4rem;
background: url("img/bg-theater-02.png") bottom center no-repeat #000;
  background-size: cover;
  position: relative;
  z-index: 2;
}
.sec-theater:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 50vw;
  height: 50vw;
  background: url("img/bg-mv.png") center no-repeat;
  background-size: contain;
  top: -5vw;
  left: -9vw;
  z-index: -1;
  -webkit-transform: rotate(-6.5deg);
      -ms-transform: rotate(-6.5deg);
          transform: rotate(-6.5deg);
}

.theater-block {
  margin-bottom: 8rem;
  position: relative;
}
.theater-block__heading {
  position: relative;
  color: #fff;
  font-weight: bold;
  margin-bottom: 3.5rem;
  font-size: 3rem;
}
.theater-block__deco {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-45%);
  font-family: "Oskar";
  text-align: right;
  display: block;
  line-height: 0.8;
  font-weight: normal;
  letter-spacing: -0.4rem;
  color: rgba(255, 255, 255, 0.15);
  font-size: 14.7rem;
}
.theater-block__heading span {
  display: block;
  margin-top: 2.3rem;
  font-size: 4rem;
}
.theater-block__heading span strong {
  margin-right: 1rem;
  display: inline-block;
  color: #55BCAF;
  border: 1px solid white;
  padding: 0.8rem 0.7rem 1.2rem;
}
.theater-block__desc {
  color: #fff;
}

.theater-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3.9rem 0;
  width: 100%;
  justify-content: center;
  margin-bottom: 5.8rem;
}
.theater-list__item {
  width: calc(33.33% - 2.6rem);
  margin-right: 3.9rem;
}
.theater-list__item:nth-child(3n) {
  margin-right: 0;
}
.theater-list__item.active .theater-list__ct {
  background: #48A095;
}
.theater-list__item.active .theater-list__ct strong {
  background: #44968C;
}
.theater-list__ct {
  cursor: pointer;
  text-decoration: none;
  display: block;
  padding: 1.5rem 1.5rem 1.5rem 2rem;
  line-height: 1.2;
  border-radius: 5rem;
  background: #747474;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 5px 14px rgba(255, 255, 255, 0.4);
          box-shadow: 0 5px 14px rgba(255, 255, 255, 0.4);
  font-size: 2.6rem;
}
.theater-list__ct:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 20px;
  background: url("img/arrow-down.png") center no-repeat;
  background-size: contain;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.theater-list__ct > span {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
}
.theater-list__ct strong {
  width: 8.4rem;
  position: absolute;
  left: 0;
  top: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  font-family: "Oskar";
   color: rgba(255, 255, 255, 0.3); 
  /*color: #fff;*/
  font-size: 2.5rem;
  background: #6d6d6d;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  padding-right: 2rem;
  letter-spacing: -0.4rem;
}
.theater-list__ct strong span {
  font-size: 3.5rem;
  margin-left: 5px;
}
.theater-list__ct:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.mw-800 {
  max-width: 80rem;
  width: 100%;
  margin: 0 auto;
}

.theater-slider {
  margin: 0 -7.5rem 8.5rem;
}
.theater-slider__item {
  padding: 0 7.5rem;
}
.theater-slider__ct {
  padding: 2rem 2rem 2.8rem;
  background: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  overflow: hidden;
  position: relative;
}
.theater-slider__ct:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 15.3rem;
  height: 15.3rem;
  background: rgba(73, 160, 149, 0.7);
  border-radius: 50%;
  left: -5.7rem;
  top: -7.7rem;
}
.theater-slider__number {
  position: absolute;
  top: 0;
  left: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
  font-family: "Oskar";
  line-height: 1;
  font-size: 4.3rem;
}
.theater-slider__number span {
  font-size: 5.4rem;
}
.theater-slider__left {
  width: 25.8%;
  position: relative;
  padding-top: 7.1rem;
  padding-right: 2rem;
}
.theater-slider__right {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  width: 74.2%;
  padding-left: 5rem;
  border-left: 1px solid rgba(0, 0, 0, 0.7);
}
.theater-slider__heading {
  color: #48A095;
  font-weight: bold;
  text-align: center;
  font-size: 2.8rem;
}
.theater-slider__heading span {
  display: block;
  line-height: 1.375;
  margin-bottom: 2.4rem;
  font-size: 1.6rem;
}

.theater-slider__img {position: absolute;bottom: 0.2rem;left: calc(50% - 9.5rem);width: 17rem;}
.theater-slider__img img {
width: 100%;
}


.theater-slider__ttl {
  color: #000;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 2rem;
  font-size: 2rem;
}
.theater-slider__desc {
  color: #000;
  line-height: 1.71;
  margin: 0 0 1rem 0;
}
.theater-slider .slick-list {
  overflow: visible !important;
}
.theater-slider .slick-prev, .theater-slider .slick-next {
  background: #353535;
  border-radius: 1.6rem;
  padding: 0.5rem 1rem 0.5rem 4rem;
  color: #48A095;
  width: auto;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Oskar";
  z-index: 10;
  font-size: 2rem;
}
.slick-next:hover, .slick-prev:hover{
  background: #353535 !important;
  color: #44968C !important;
}
.theater-slider .slick-prev:after, .theater-slider .slick-next:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 10px;
  background: url("img/prev.png") center no-repeat;
  background-size: contain;
  left: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.theater-slider .slick-prev::before, .theater-slider .slick-next::before {
  display: none;
}
.theater-slider .slick-prev {
  left: -4.6rem;
  padding: 0.4rem 1.4rem 0.6rem 5rem;
}
.theater-slider .slick-next {
  padding: 0.4rem 5rem 0.6rem 1.3rem;
  right: -4.3rem;
}
.theater-slider .slick-next::after {
  background: url("img/next.png") center no-repeat;
  background-size: contain;
  left: auto;
  right: 1.4rem;
}
.theater-slider .slick-dots {
  display: none;
}

.theater-layout__heading {
  max-width: 50rem;
  height: 50rem;
  width: 100%;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  background: url("img/bg-theater-03.png") bottom center no-repeat;
  background-size: cover;
  padding: 8rem 0;
  margin-bottom: -26.6rem;
}
.theater-layout__heading > span {
  margin-bottom: 1.6rem;
  display: block;
  color: rgba(255, 255, 255, 0.2);
  font-family: "Oskar";
  font-size: 2.6rem;
}
.theater-layout__heading > span span {
  margin-bottom: 1rem;
  display: block;
  font-size: 4rem;
}
.theater-layout__heading small {
  display: inline-block;
  font-weight: bold;
  padding-bottom: 4.2rem;
  position: relative;
  font-size: 2.8rem;
}
.theater-layout__heading small:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 20px;
  background: url("img/icon-ttl-02.png") bottom center no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}



.theater-layout__img {
position: relative;
  margin-left: calc((100vw - 100%) / 2 * -1);
  margin-right: calc((100vw - 100%) / 2 * -1);
  margin-bottom: -2.8rem;
}
.theater-layout__img img {
  width: 100%;
}




.theater-layout__img::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 83rem;
height: 71rem;
background: url(./img/img-cinema_left.png) 0 0 no-repeat;
}
.theater-layout__img::after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 83rem;
height: 71rem;
background: url(./img/img-cinema_right.png) 0 0 no-repeat;
}

.theater-layout__img .ulBox{
position: relative;
z-index: 1;
width: 110rem;
height: 71rem;
margin: 0 auto;
background: url("./img/img-cinema_bg.png") 0 0 no-repeat;
}
.theater-layout__img .liBox{
position: absolute;
}
.theater-layout__img .liBox a{
display: flex;
align-items: center;
justify-content: center;
background: #000;
width: 6rem;
height: 6rem;
text-decoration: none;
font-size:4.0rem;
font-family: "Oskar";
color: #ddd;
}
.theater-layout__img .liBox:nth-child(1){
top: 21rem;
left: calc(50% - 22rem);
}
.theater-layout__img .liBox:nth-child(2){
top: 40rem;
left: calc(50% - 38rem);
}
.theater-layout__img .liBox:nth-child(3){
top: 40rem;
left: calc(50% - 15rem);
}
.theater-layout__img .liBox:nth-child(4){
top: 40rem;
left: calc(50% + 2rem);
}
.theater-layout__img .liBox:nth-child(5){
top: 50rem;
left: calc(50% + 23rem);
}
.theater-layout__img .liBox:nth-child(6){
top: 41rem;
left: calc(50% + 41rem);
}
.theater-layout__img .liBox:nth-child(7){
top: 33rem;
left: calc(50% + 27rem);
}
.theater-layout__img .liBox:nth-child(8){
top: 12rem;
left: calc(50% + 6.5rem);
}





.theater-layout__flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.theater-layout__list {
  width: 48%;
  gap: 1rem 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.theater-layout__list-item {
  width: 49%;
}
.theater-layout__list-item a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  position: relative;
  font-size: 1.7rem;
}
.theater-layout__list-item a > span {
  position: relative;
  display: block;
  border: 1px solid #7D7D7D;
  padding: 0.4rem 1.1rem 1.4rem;
}
.theater-layout__list-item a > span span {
  margin-right: 1rem;
  font-family: "Oskar";
  position: relative;
  display: inline-block;
  top: 5px;
  font-size: 4rem;
}
.theater-layout__list-item a > span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: url("img/icon-plus-white.png") center no-repeat;
  background-size: contain;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.banner-main {
width: 100%;
margin-top: -13rem;
padding-bottom: 14rem;
position: relative;
z-index: 3;
}
.banner-main img {
  width: calc(100% - 110px);
  margin-left: 110px;
}



.popup {
display: none;
position: fixed;
background: rgba(0, 0, 0, 0.7);
top: 0;
left: 0;
width: 100%;
height: 100vh;
padding: 2rem;
z-index: 999;
}
.popup.on {
  display: block;
}
.popup-main {
  max-width: 100rem;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 8.2rem 4.9rem 4.5rem 8.8rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.popup-main::after, .popup-main::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #7D7D7D;
  top: 5rem;
  left: 0;
  position: absolute;
}
.popup-main::after {
  height: 100%;
  width: 1px;
  left: 4.7rem;
  top: 0;
}
.popup-close {
  width: 5rem;
  height: 5rem;
  top: -7rem;
  cursor: pointer;
  right: 0;
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-close:hover {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-close img {
  width: 100%;
}
.popup-content__item {
  display: none;
}
.popup-content__item.on {
  display: block;
}
.popup-content__number {
  color: #000;
  font-family: "Oskar";
  position: absolute;
  top: 1.5rem;
  left: 1.2rem;
  width: 70px;
  height: 70px;
  background: url("img/icon-popup.png") center no-repeat;
  background-size: contain;
  padding-bottom: 0.6rem;
  z-index: 3;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 4.6rem;
}
.popup-content__ttl {
  color: #A1D7CF;
  font-weight: bold;
  position: absolute;
  right: 1rem;
  top: 1.3rem;
  line-height: 1;
  font-size: 2rem;
}
.popup-content__ttl span {
  margin-right: 1.2rem;
  letter-spacing: -1px;
  font-size: 4rem;
}
.popup-content__flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.popup-content__flex-ct {
  width: 55.5%;
  padding-top: 1.1rem;
}
.popup-content__flex-ct .c-txt__04 {
  line-height: 1.75;
  color: #000;
  margin: 0 0 1.5rem 0;
}
.popup-content__flex-ttl {
  color: #48A095;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2.4rem;
}
.popup-content__flex-thumb {
  width: 40.6%;
}
.popup-content__flex-thumb p {
  text-align: center;
  line-height: 1.5;
  color: #999999;
  font-size: 1rem;
}
.popup-content__flex-thumb p a {
  color: #999999;
  text-decoration: none;
}
.popup-content__flex-img {
  /* margin-bottom: 1.3rem; */
  position: relative;
  overflow: hidden;
}
.popup-content__flex-img:before {
  display: block;
  content: "";
  padding-top: 90%;
}
.popup-content__flex-img > :first-child, .popup-content__flex-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
}



.sec-career {
  position: relative;
  z-index: 1;
  background: black;
  color: white;
  padding: 10rem 0 17.1rem;
  overflow-x: hidden;
}

.sec-career::before, .sec-career::after {
  content: "";
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 187px;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(transparent));
  background: -o-linear-gradient(white, transparent);
  background: linear-gradient(white, transparent);
}

.sec-career::before {
  top: 0;
}

.sec-career::after {
  bottom: 0;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.career-flex {
  margin-bottom: 8.8rem;
}

.career-flex::before {
  content: "";
  position: absolute;
  top: 2.8rem;
  right: 0;
  z-index: -1;
  width: 68rem;
  height: 55.7rem;
  background: url(img/bg-career.png) left/cover no-repeat;
  pointer-events: none;
}

.career-flex__ct {
  position: relative;
  text-align: justify;
}

.career-flex__ct-tag {
  position: absolute;
  top: -14.5rem;
  right: 0.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: right;
  font-family: "Oskar";
  font-size: 13.4rem;
  line-height: 0.8;
  letter-spacing: -0.034em;
  opacity: 0.1;
}

.career-flex__ct-ttl {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.75;
  margin: 0 0 3.6rem -0.7rem;
}

.career-flex__ct-ttl span {
  display: block;
  font-size: 4rem;
  margin-top: 0.4rem;
}

.career-flex__ct-ttl strong {
  position: relative;
  color: #55bcaf;
  padding: 0 0.7rem;
  margin-right: 1.2rem;
  font-weight: bold;
  line-height: 1;
}

.career-flex__ct-ttl strong::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 86%;
  border: 1px solid #7d7d7d;
}

.career-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  margin-bottom: 7.8rem;
}

.career-menu__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

.career-menu__item::after {
  content: "";
  position: absolute;
  right: -1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.8rem;
  height: 2.4rem;
  background: rgba(255, 255, 255, 0.5);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
}

.career-menu__item:last-child:after {
  content: "";
  position: absolute;
  right: -5.7rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4.4rem;
  height: 1rem;
  background: url(img/career-dots.png) center/contain no-repeat;
  -webkit-clip-path: unset;
          clip-path: unset;
}

.career-menu__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: white;
  color: black;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4375;
  padding: 2.7rem 1rem 2.4rem;
  text-decoration: unset;
}

.career-menu__item a span {
  position: absolute;
  top: -1.7rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 14rem;
  height: 3.2rem;
  background: #49539b;
  color: white;
  border-radius: 16px;
  font-size: 1.8rem;
}

.career-list {
  margin-bottom: 10.7rem;
}

.career-list__item {
  position: relative;
  z-index: 1;
  color: black;
  padding: 8.2rem 0 4.7rem 5rem;
}

.career-list__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: max(100% + 5rem, 100% + (100dvw - 110rem) / 2);
  height: 100%;
  background: white;
}

.career-list__item::after {
  content: "";
  position: absolute;
  bottom: -3.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4.4rem;
  height: 3.5rem;
  background: rgba(255, 255, 255, 0.5);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.career-list__item:last-child:after {
  content: "";
  position: absolute;
  bottom: -11.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4.4rem;
  height: 12.4rem;
  background: url(img/career-down.png) center/contain no-repeat;
  -webkit-clip-path: unset;
  clip-path: unset;
}

.career-list__item:not(:last-child) {
  margin-bottom: 5rem;
}

.career-list__ttl {
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.666;
}

.career-list__ct-txt a {
  font-weight: bold;
  border-bottom: 1px solid #ef4122;
  text-decoration: unset;
}

.career-list__ttl span {
  display: block;
  width: 16.8rem;
  height: 3.84rem;
  background: #49539b;
  color: white;
  border-radius: 20px;
  margin-bottom: 1.8rem;
  text-align: center;
  font-size: 2.16rem;
}

.career-list__box {
  position: relative;
  z-index: 1;
  padding: 3.3rem 0 4.4rem 4rem;
  margin-top: 4.5rem;
}

.career-list__box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: max(100% + 5rem, 100% + (100dvw - 110rem) / 2);
  height: 100%;
  background: #ffeecf;
}

.career-list__box-ct {
  text-align: justify;
}

.career-list__box-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 7.7rem;
}

.career-list__box-ttl {
  color: #48a095;
  font-weight: bold;
  font-size: 2.2rem;
  margin: 0 0 2.8rem 4.6rem;
}

.career-list__box-ttl span {
  display: block;
  font-size: 1.8rem;
  margin: -0.3rem 0 0.3rem;
}

.career-list__box-desc {
  display: inline-block;
  background: white;
  padding: 0.2rem 0.6rem 0.2rem 1rem;
  margin-bottom: 1.8rem;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.6;
}

.career-point {
  margin-bottom: 5.4rem;
}

.career-point__heading {
  position: relative;
  z-index: 1;
  margin-bottom: 4.5rem;
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.8666;
}

.career-point__heading::before {
  content: "";
  position: absolute;
  top: -5.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  width: 60rem;
  height: 60rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 239, 210, 0.2)), color-stop(84%, transparent));
  background: -o-linear-gradient(rgba(255, 239, 210, 0.2), transparent 84%);
  background: linear-gradient(rgba(255, 239, 210, 0.2), transparent 84%);
  border-radius: 50%;
  pointer-events: none;
}

.career-point__heading span {
  color: #55bcaf;
}

.career-point__heading strong {
  display: block;
  margin-bottom: 0.6rem;
  font-family: "Oskar";
  font-size: 14.763rem;
  opacity: 0.05;
  letter-spacing: -0.03em;
  font-weight: 400;
  line-height: 1;
}
.career-point__heading h2 {
  font-weight: bold;
}

.career-point__list-ct {
  background: white;
  color: black;
  border-left: 15px solid #ef4122;
  padding: 2.1rem 3rem 4rem 2.8rem;
  text-align: justify;
}

.career-point__list-ct .c-txt__04 {
  line-height: 1.733;
  letter-spacing: 0.01em;
}

.career-point__list-ttl {
display: flex;
align-items: center;
margin-bottom: 2rem;
font-weight: bold;
font-size: 2rem;
line-height: 1.6;
}

.career-point__list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 2.1rem;
}

.career-point__list-img {
  position: relative;
  z-index: 1;
  width: 9.6rem;
  height: 9.6rem;
}

.career-point__list-img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 11.6rem;
  height: 11.6rem;
  background: #f0b3a8;
  border-radius: 50%;
  -webkit-clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
          clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
}

.career-point__list-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.career-point__list-name {
  width: calc(100% - 9.6rem);
  color: white;
  text-align: right;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5;
  padding: 0 1.2rem 0.1rem 0;
}

.career-point__list-name span {
  font-size: 1.8rem;
}

.career-point__list-item--green .career-point__list-ct {
  border-left-color: #48a095;
}

.career-point__list-item--green .career-point__list-img::before {
  background: #8dc9c1;
}

.career-point__list-item--purple .career-point__list-ct {
  border-left-color: #48539c;
}

.career-point__list-item--purple .career-point__list-img::before {
  background: #a7aeda;
}

@media screen and (max-width: 1290px) {
  .career-flex__img-thumb {
    margin-left: -5rem;
  }
}
.c-ttl__06 {
  position: relative;
  color: transparent;
  margin-bottom: 5.6rem;
  font-family: "Oskar";
  font-size: 13.4rem;
  line-height: 1;
  letter-spacing: -0.033em;
  -webkit-text-stroke: #7d7d7d 1px;
}

.c-ttl__06::before, .c-ttl__06::after {
  content: "";
  position: absolute;
  top: 54%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #7d7d7d;
  pointer-events: none;
}

.c-ttl__06::before {
  width: max(6.4rem + 100% + 5rem, 6.4rem + 100% + (100dvw - 110rem) / 2);
  height: 1px;
  left: -6.4rem;
}

.c-ttl__06::after {
  width: 1px;
  height: 194%;
  left: 6.3rem;
}

.c-ttl__06 span::before {
  content: "";
  position: absolute;
  left: -3.6rem;
  top: 54%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc(20rem - 2px);
  height: calc(20rem - 2px);
  border-radius: 50%;
  border: 1px solid #7d7d7d;
  pointer-events: none;
}

.sec-interview {
  position: relative;
  z-index: 4;
  background: white;
  color: black;
  padding: 4rem 0 12.8rem;
  overflow-x: hidden;
}

.sec-interview__main {
  position: relative;
}

.sec-interview__main::before {
  content: "";
  position: absolute;
  top: 6.7rem;
  right: 0;
  z-index: -1;
  width: 77rem;
  height: 58.7rem;
  background: url(img/bg-interview.png) left/contain no-repeat;
}

.interview-flex {
  margin-bottom: 5.7rem;
}

.interview-flex__heading {
  border-bottom: 2px dotted black;
  padding-bottom: 3.2rem;
  margin: 0 0 1.6rem 0.6rem;
  font-weight: bold;
  font-size: 3rem;
}

.interview-flex__heading span {
  display: block;
  margin-top: 3.3rem;
  font-size: 3.5rem;
}

.interview-flex__desc {
  margin-left: 1rem;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.8333;
}

.interview-box__heading {
  margin-bottom: 6.2rem;
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
}

.interview-box__list-item {
  border: 1px solid #7d7d7d;
}

.interview-box__list-ct {
  border-bottom: 1px solid #7d7d7d;
  padding: 1rem 2.8rem 2.6rem;
}

.interview-box__list-info {
  margin: -2.5rem 0 1.3rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.4;
}

.interview-box__list-info span {
  display: block;
  max-width: 20rem;
  background: #ef4122;
  color: white;
  padding: 0.2rem 1rem 0.6rem;
  margin: 0 auto 0.9rem;
}

.interview-box__list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.interview-box__list-avatar {
  position: relative;
  z-index: 1;
  width: 8.8rem;
  height: 8.8rem;
  border-radius: 50%;
  margin-top: 0.3rem;
}

.interview-box__list-avatar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  width: 10.8rem;
  height: 10.8rem;
  background: #f0b3a8;
  border-radius: 50%;
  -webkit-clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
          clip-path: polygon(0 0, 50% 0, 50% 50%, 0 50%);
}

.interview-box__list-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9999px;
}

.interview-box__list-name {
  width: calc(100% - 10.7rem);
}

.interview-box__list-ttl {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 0.4rem;
}

.interview-box__list-ttl span {
  font-size: 2rem;
}

.interview-box__list-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.6rem;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}

.interview-box__list-tag span {
  background: #d9d9d9;
  border-radius: 12px;
  padding: 0.6rem 1rem;
}

.interview-box__list-desc {
  padding: 2rem 2.8rem 2.4rem;
  text-align: justify;
  font-size: 1.5rem;
  line-height: 1.8666;
  letter-spacing: 0.05em;
}

.interview-box__list-item--green .interview-box__list-info span {
  background: #48a095;
}

.interview-box__list-item--green .interview-box__list-avatar::before {
  background: #8dc9c1;
}

.interview-box__list-item--purple .interview-box__list-info span {
  background: #48539c;
}

.interview-box__list-item--purple .interview-box__list-avatar::before {
  background: #a7aeda;
}

.interview-box__list--arrow .interview-box__list-desc {
  position: relative;
}

.interview-box__list--arrow .interview-box__list-desc::before {
  content: "";
  position: absolute;
  top: -1.1rem;
  left: 6.3rem;
  width: 1.8rem;
  height: 1.8rem;
  background: white;
  border: solid #7d7d7d;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(-45deg) skew(-10deg, -10deg);
      -ms-transform: rotate(-45deg) skew(-10deg, -10deg);
          transform: rotate(-45deg) skew(-10deg, -10deg);
}

.sec-fqa {
  background: white;
  color: black;
  padding-bottom: 5rem;
}
.sec-fqa .c-btn__02 {
  margin: 0 auto;
  min-height: 110px;
}

.sec-fqa .interview-box {
  margin-bottom: 4.3rem;
}

.fqa-flex {
  margin-bottom: 17.4rem;
}

.fqa-flex__ttl {
  position: relative;
  z-index: 1;
  margin-bottom: 2rem;
  font-size: 3.8rem;
}
.fqa-flex__ttl h2{
  font-weight: bold;
}
.fqa-flex__ttl span {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: 1.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #48a095;
  border-bottom: 1px solid #7d7d7d;
  padding-bottom: 1rem;
  -webkit-writing-mode: lr;
      -ms-writing-mode: lr;
          writing-mode: lr;
  font-family: "Oskar";
  font-weight: 500;
  font-size: 9.24rem;
  line-height: 1;
  letter-spacing: 0.03em;
}

.fqa-flex__ttl small {
  font-size: 6.6rem;
}

.fqa-flex__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 53.2rem;
  background: url(img/qa-shape.jpg) top/contain no-repeat;
}

.fqa-list__item {
  position: relative;
}

.fqa-list__item:not(:last-child) {
  margin-bottom: 10.6rem;
}

.fqa-list__count {
  position: absolute;
  top: 0.1rem;
  left: 0;
  width: 13rem;
  color: transparent;
  border-top: 2px dotted black;
  text-align: center;
  -webkit-text-stroke: #7d7d7d 1px;
  font-family: "Oskar";
  font-size: 7rem;
  line-height: 0.94;
}

.fqa-list__count span {
  font-size: 9rem;
}

.fqa-list__ttl {
  padding: 0.1rem 0 4.3rem 16.5rem;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1.666;
}

.fqa-list__ttl span {
  display: block;
  font-size: 2rem;
  margin-bottom: 0.7rem;
}

.fqa-list__answer {
  border: 1px solid #7d7d7d;
  border-bottom: 0;
  -webkit-box-shadow: #f0b3a8 0 1rem 0;
  box-shadow: #f0b3a8 0 1rem 0;
  padding: 0 3.8rem 3rem;
  background: #ffeeeb;
}

.fqa-list__answer-txt {
  color: #ef4122;
  margin-bottom: 2.1rem;
  font-family: "Oskar";
  font-size: 3rem;
  line-height: 0.8;
}

.fqa-list__answer-txt span {
  position: relative;
  top: -0.5rem;
  display: inline-block;
  background: #ef4122;
  color: white;
  margin-right: 1.3rem;
  padding: 0.7rem 2.1rem 1rem;
  font-family: "Noto Sans JP";
  font-weight: bold;
  font-size: 1.5rem;
}

.fqa-list__answer-txt span::after {
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.4rem;
  height: 1.4rem;
  background: #ef4122;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.fqa-list__answer-ttl {
  font-weight: bold;
  font-size: 2.2rem;
  margin-bottom: 1.9rem;
}

.fqa-list__answer-desc {
  text-align: justify;
  font-size: 1.5rem;
  line-height: 2;
}

.fqa-list__item--blue .fqa-list__answer {
  -webkit-box-shadow: #a7aeda 0 10px 0;
  box-shadow: #a7aeda 0 10px 0;
  background: #f2f4ff;
}

.fqa-list__item--blue .fqa-list__answer-txt {
  color: #48539c;
}

.fqa-list__item--blue .fqa-list__answer-txt span {
  background: #48539c;
}

.fqa-list__item--blue .fqa-list__answer-txt span::after {
  background: #48539c;
}

.fqa-list__item--green .fqa-list__answer {
  -webkit-box-shadow: #8dc9c1 0 10px 0;
  box-shadow: #8dc9c1 0 10px 0;
  background: #f0f4f3;
}

.fqa-list__item--green .fqa-list__answer-txt {
  color: #48a095;
}

.fqa-list__item--green .fqa-list__answer-txt span {
  background: #48a095;
}

.fqa-list__item--green .fqa-list__answer-txt span::after {
  background: #48a095;
}

@media screen and (min-width: 481px) {
  .career-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .career-flex__img {
    width: 43.5%;
  }

  .career-flex__img img {
    width: 100%;
  }

  .career-flex__img-thumb {
    margin-left: -9.4rem;
  }

  .career-flex__ct {
    width: 50.3%;
    margin-top: 16.1rem;
  }

  .career-list__item:has(.career-list__box)::before {
    height: 85.4%;
  }

  .career-list__item:nth-child(3)::before {
    height: 80%;
  }

  .career-list__ttl {
    position: absolute;
    top: 3rem;
    left: 5rem;
    width: 30rem;
    pointer-events: none;
  }

  .career-list__ct-txt {
    position: relative;
    min-height: 9rem;
    padding-left: 37.3rem;
    text-align: justify;
  }

  .career-list__ct-txt::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    left: 30.1rem;
    width: 1px;
    height: 89%;
    background: rgba(125, 125, 125, 0.5);
  }

  .career-list__box {
    margin-bottom: -4.7rem;
  }

  .career-list__box-ttl:has(span) {
    margin-bottom: 3.2rem;
  }

  .career-list__box-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .career-list__box-flex--rv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .career-list__box-img {
    width: 32.3%;
  }

  .career-list__box-ct {
    width: 63.6%;
  }

  .career-point__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -1.7rem;
  }

  .career-point__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: calc(33.333% - 3.4rem);
    margin: 0 1.7rem;
  }

  .career-point__list-flex {
    width: 100%;
    margin-top: -2.4rem;
  }

  .career-point__list-ct {
    width: 100%;
  }

  .interview-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .interview-flex__img {
    width: 42.7%;
    margin-top: 4.7rem;
  }

  .interview-flex__img-thumb {
    margin-left: min(-5rem, (110rem - 100dvw) / 2);
  }

  .interview-flex__img img {
    width: 100%;
  }

  .interview-flex__ct {
    width: 51.5%;
  }

  .interview-box__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -1.7rem;
  }

  .interview-box__list-item {
    width: calc(33.333% - 3.4rem);
    margin: 0 1.7rem;
  }

  .fqa-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .fqa-flex__ttl {
    width: 24.6rem;
    min-height: 40rem;
    -webkit-writing-mode: tb;
        -ms-writing-mode: tb;
            writing-mode: tb;
    padding: 13.7rem 7.3rem 0;
    line-height: 1.35;
    letter-spacing: -0.35em;
    position: sticky;
    top: 15px;
  }

  .fqa-flex__ct {
    width: calc(100% - 30rem);
  }
}
.hamburger {
  position: fixed;
  top: 0.5rem;
  right: 0.5rem;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  border-radius: 50%;
  z-index: 220;
  cursor: pointer;
}
.hamburger img {
  width: 100%;
}

.nav-menu {
  position: fixed;
  background: #333;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 2.5rem 1.5rem;
  overflow-y: auto;
  color: #fff;
  z-index: 1000;
  display: none;
}
.nav-menu__logo {
  width: 16rem;
  margin: 0 auto 2.1rem;
}
.nav-menu__logo a {
  display: block;
}
.nav-menu__logo a img {
  width: 100%;
}
.nav-menu__close02 {
  width: 2.4rem;
  position: absolute;
  top: 2.8rem;
  right: 3.7rem;
}
.nav-menu__close02 img {
  width: 100%;
}
.nav-menu__list {
  margin-bottom: 7.8rem;
}
.nav-menu__list-item {
  border-bottom: 1px solid #fff;
}
.nav-menu__list-item > a, .nav-menu__list-item strong {
  padding: 1.4rem 0;
  display: block;
  padding-right: 2rem;
  position: relative;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.5rem;
}
.nav-menu__list-item > a:after, .nav-menu__list-item strong:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 0.8rem;
  top: 38%;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.nav-menu__list-item strong {
  cursor: pointer;
}
.nav-menu__list-item strong::after {
  top: 31%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(135deg) translateY(-50%);
      -ms-transform: rotate(135deg) translateY(-50%);
          transform: rotate(135deg) translateY(-50%);
}
.nav-menu__list-item strong.on::after {
  top: 54%;
  right: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}
.nav-menu__submenu {
  padding-left: 2.5rem;
  margin-top: 1rem;
  display: none;
  padding-bottom: 1.5rem;
}
.nav-menu__submenu-item:not(:last-child) {
  margin-bottom: 0.7rem;
}
.nav-menu__submenu-item a {
  color: #fff;
  font-weight: normal;
  display: block;
  position: relative;
  padding-right: 2rem;
  text-decoration: none;
}
.nav-menu__submenu-item a:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.nav-menu__close {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid white;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border-radius: 1.2rem;
  padding: 0.6rem 1rem 1rem;
  max-width: 32.5rem;
  width: 100%;
  margin: 0 auto;
  font-size: 1.5rem;
}
.nav-menu__close img {
  width: 1.4rem;
  margin-right: 0.5rem;
}





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

.home {
background: #000!important;
}

  
/* オープニングSP */  
.container{
width: 100%;
height: 100vh;
clip-path: inset(calc((100vh - 5.9rem) / 2) calc((100vw - 10.1rem) / 2));
overflow: hidden;
animation:mmfadeIn .5s ease forwards;
}
.container.start_anim{
animation:maskimg2 .5s ease forwards;
}
@keyframes maskimg2 {
0% {
}
100% {
clip-path: inset(0 0);
}
}
  
  
  

  .mv-page {
    background: none;
    overflow: hidden;
  }
  .mv-page:before{
    background: none;
  }
  .mv-page__main {
	width: 91%;
    height: 146vw;
    right: -22.5%;
    left: auto;
  }



/* slideArea */
.mv-page__vh{
position: relative;
clip-path: inset(0);
}
.mv-page__vh .slideArea{
position: fixed;
top: 0;
width: 100%;
opacity: .25;
}
.mv-page__vh::before{
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 15rem;
background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.mv-page__vh .slideArea .slick-slide{
margin-top: 0!important;
margin-bottom: 0!important;
width: 10.1rem;
height: 5.9rem;
background: url("./img/sl_filmbg.png") 0 0 no-repeat;
background-size: 100% auto;
}
.mv-page__vh .slideArea img{
/*border-radius: .8rem;*/
width: 8.3rem;
margin: 0 auto;
}
.mv-page__vh .slideArea .slider1{
position: absolute;
width: 10.1rem;
top:0;
left: calc(50% - 5.05rem);
}
.mv-page__vh .slideArea .slider2{
position: absolute;
width: 10.1rem;
top:0;
left: calc(50% + 7.05rem);
}
.mv-page__vh .slideArea .slider3{
position: absolute;
width: 10.1rem;
top:0;
left: calc(50% + 19.15rem);
}


  
  
  .mv-page__box {
    padding: 13rem 2rem 0.5rem;
  }
  .mv-page__box-desc span {
    padding-bottom: 0.5rem;
    margin-bottom: 1.1rem;
    font-size: 1.6rem;
  }
  .mv-page__box-ttl {
    margin-right: 0;
    margin-bottom: .6rem;
    font-size: 2.2rem;
  }
  .mv-page__box-ttl > span {
    margin-top: 0.5rem;
    font-size: 3.3rem;
  }
.mv-page__box small {
 display: block;
 margin-top: 1rem;
 margin-bottom: 4.6rem;
 line-height: 1.8;
 font-size: 1rem;
 font-weight: 500;
 color: #cecece;
 }
  .mv-page__box-txt {
    margin-left: 0;
    line-height: 1.87;
    font-size: 1.5rem;
  }
  .mv-page__box-txt span{
    font-size: 1.8rem;
  }
  
  .mv-page__ttl {
position: absolute;
top: 0;
left: 0;
  
    font-size: 2.9rem;
    margin-bottom: 6.1rem;
    text-align: left;
    letter-spacing: 0.1rem;
  }
  .mv-page__ttl span {
    margin-bottom: 0.5rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 5.9rem;
    letter-spacing: 0.1rem;
  }
  .mv-page__ttl span img {
    margin: 0.8rem -1.0rem 0 -0.8rem;
    margin-right: -1.1rem;
    width: 6rem;
  }

  .sec-about {
    padding: 4rem 0;
    background: url("img/bg-about-sp.png") bottom center no-repeat #000;
    background-size: 100%;
  }
  .sec-about .wi1100 {
    padding: 0 2rem;
  }

  .about-box {
    margin-bottom: 4rem;
    padding: 3.7rem 3.9rem 5.4rem;
    background: url("img/bg-about-02-sp.png") center no-repeat;
    background-size: 100% 100%;
    margin: 0 -1.9rem 5.3rem;
    width: calc(100% + 3.8rem);
  }
  .about-box__heading {
    font-size: 1.3rem;
  }
  .about-box__headingsub {
    margin-bottom: 2rem;
    font-size: 1.3rem;
  }
  .about-box__heading > span {
    margin-bottom: 0;
    line-height: 0.8;
    font-size: 5.6rem;
  }
  .about-box__heading > span span {
    padding: 0 0.9rem 0;
  }
  .about-box__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 30rem;
    width: 100%;
    margin: 0 auto 2.2rem;
  }
  .about-box__list-item {
    width: 100%;
    padding: 1rem 1rem 1.3rem;
    font-size: 1.6rem;
  }
  .about-box__list-item:not(:last-child) {
    margin-bottom: 1.8rem;
  }
  .about-box__list-item > span {
    font-size: 4.9rem;
  }
  .about-box__list-item > span span {
    font-size: 5.6rem;
  }
  .about-box__desc {
    line-height: 2;
    font-size: 1.5rem;
  }

  .about-sponsored__heading {
    margin-bottom: 2.4rem;
  }
  .about-sponsored__heading small {
    margin-bottom: 0.4rem;
    padding: 0.3rem 3.5rem 0.3rem;
    font-size: 1.5rem;
  }
  .about-sponsored__heading span {
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    letter-spacing: 0.04rem;
  }
  .about-sponsored__headingsub {
    line-height: 1.45;
    font-size: 2.2rem;
  }

  .about-flex {
    margin: 0 auto 2.5rem;
  }
  .about-flex__img {
    margin-bottom: 2.4rem;
    width: 100%;
    padding: 0 2rem;
  }
  .about-flex__img-thumb {
    margin-bottom: 0.7rem;
  }
  .about-flex__desc {
    font-size: 1rem;
  }
  .about-flex__ct {
    line-height: 1.85;
    width: 100%;
    font-size: 1.5rem;
  }

  .list-btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.3rem 0;
  }
  .list-btns--02 .c-btn__02--red {
    min-height: 99px;
  }
  .list-btns--second {
    gap: 2rem;
    margin: 6.8rem 0 3.9rem;
  }
  
  .btns-link {
    margin: 0 19px 5.1rem;
  }

  .c-btn__02 {
    max-width: 30.5rem;
    padding: 1.6rem 5rem;
    font-size: 1.5rem;
  }
  .c-btn__02 .pc-sm{
    display: none;
  }
  .c-btn__02--red::after {
    right: 2rem;
    width: 1.7rem;
    height: 1.7rem;
  }
  .c-btn__02--orange::after {
    width: 20px;
    height: 32px;
  }
  .c-btn__02--lg {
    width: 30.5rem;
    height: 8rem;
  }
  .c-btn__link {
    font-size: 1.5rem;
    line-height: 1.3666666667;
  }
  .c-btn__link::after {
    width: 21px;
    height: 21px;
  }

.sec-theater {
padding: 13.1rem 0 8rem;
background: #000;
background-size: 100% auto;
}


  
  .sec-theater::before {
    top: 22vw;
    left: -71.5vw;
    width: 150vw;
    height: 70vw;
  }
  .sec-theater .wi1100 {
    padding: 0 2rem;
  }

  .theater-block {
    margin-bottom: 3rem;
  }
  .theater-block__heading {
    line-height: 1;
    margin-bottom: 1.7rem;
    font-size: 2rem;
  }
  .theater-block__deco {
    font-size: 6rem;
    top: -11rem;
    bottom: auto;
    right: -2rem;
    color: rgba(255, 255, 255, 0.12);
    letter-spacing: -0.2rem;
    transform: none;
  }
  .theater-block__heading span {
    margin-top: 1.2rem;
    font-size: 2.5rem;
  }
  .theater-block__heading span strong {
    padding: 0.4rem 0.6rem;
    margin-right: 0.4rem;
  }
  .theater-block__desc {
    line-height: 1.85;
    font-size: 1.5rem;
  }

  .theater-list {
    gap: 2.3rem 0;
    margin-bottom: 5.3rem;
  }
  .theater-list__item {
    width: calc(33.33% - 0.8rem);
    margin-right: 1.2rem;
  }
  .theater-list__item.active .theater-list__ct::before {
    opacity: 1;
  }
  .theater-list__ct {
    padding: 1.7rem 1rem;
    font-size: 1.4rem;
  }
  .theater-list__ct > span {
    display: none;
  }
  .theater-list__ct strong {
    padding: 0;
    top: -0.3rem;
    height: auto;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    left: 1rem;
    width: auto;
    background: none !important;
    letter-spacing: -0.2rem;
    font-size: 1.6rem;
  }
  .theater-list__ct strong span {
    font-size: 2.0rem;
    margin-left: 2px;
  }
  .theater-list__ct::after {
    display: none;
  }
  .theater-list__ct:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    background: url("img/arrow-bg-down.png") center no-repeat;
    background-size: contain;
    left: 51%;
    bottom: -0.8rem;
    z-index: 2;
    opacity: 0.7;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .theater-slider {
    margin: 0 -7.5rem 2.5rem;
  }
  .theater-slider__item {
    padding: 0 8.5rem;
  }
  .theater-slider__ct {
    padding: 1.5rem 2rem 2.6rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .theater-slider__ct::before {
    left: -3rem;
    top: -4.7rem;
    width: 10rem;
    height: 10rem;
  }
  .theater-slider__number {
    font-size: 3.15rem;
  }
  .theater-slider__number span {
    font-size: 3.8rem;
  }
  .theater-slider__left {
    width: 100%;
    padding-right: 0;
    padding-top: 7.6rem;
  }
  .theater-slider__right {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.7);
    border-left: 0;
    padding: 2rem 0 0 0;
  }
  .theater-slider__heading {
    padding-top: 0;
    margin-bottom: 1.4rem;
    font-size: 2.2rem;
  }
  .theater-slider__heading span {
    margin-bottom: 0rem;
    font-size: 1.6rem;
  }
.theater-slider__img {
position: absolute;
top: -.5rem;
left: calc(50% - 4.25rem);
width: 8.5rem;
}
  
  
  
  
  
  .theater-slider__ttl {
    line-height: 1.6;
    margin-bottom: 1rem;
    font-size: 1.9rem;
  }
  .theater-slider__desc {
    color: #000;
    line-height: 1.85;
    font-size: 1.5rem;
  }
  .theater-slider .slick-prev, .theater-slider .slick-next {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    padding: 0;
    background: rgba(53, 53, 53, 0.8);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1.5rem;
  }
  .theater-slider .slick-prev:after, .theater-slider .slick-next:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 13px;
    height: 9px;
    bottom: 0.5rem;
    left: 50%;
    top: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .theater-slider .slick-prev {
    left: 2rem;
    padding-left: 3.2rem;
    padding-bottom: 1.3rem;
  }
  .theater-slider .slick-prev::after {
    bottom: 2.5rem;
    left: auto;
    top: auto;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    right: 15px;
  }
  .theater-slider .slick-next {
    right: 2rem;
    text-align: left;
    padding-right: 3rem;
    padding-bottom: 1.8rem;
  }
  .theater-slider .slick-next::after {
    bottom: 2.3rem;
    left: 1.6rem;
    top: auto;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
  .theater-slider .slick-dots {
    display: none !important;
  }

  .theater-layout__heading {
    max-width: 34rem;
    height: 32rem;
    margin-bottom: -14rem;
    line-height: 1.2;
    padding: 5.3rem 0;
  }
  .theater-layout__heading > span {
    margin-bottom: 1.3rem;
    font-size: 1.8rem;
  }
  .theater-layout__heading > span span {
    margin-bottom: 0;
    font-size: 2.8rem;
  }
  .theater-layout__heading small {
    padding-bottom: 3.3rem;
    color: #fff;
    font-size: 2rem;
  }
  .theater-layout__heading small::after {
    bottom: 0.6rem;
    height: 1.4rem;
  }
  
  
  .theater-layout__img {
    margin-left: 0.7rem;
    margin-right: 0;
    margin-bottom: 1.1rem;
  }
  
  
  
.theater-layout__img::before{
width: 0;
height: 0;
background: none;
border: none;
}
.theater-layout__img::after{
width: 0;
height: 0;
background: none;
border: none;
}

.theater-layout__img .ulBox{
position: relative;
width: 100%;
height: 21rem;
margin: 0 auto 3rem;
background: url("./img/img-cinema_bg.png") 50% 0 no-repeat;
background-size: 35rem auto;
}
.theater-layout__img .liBox{
position: absolute;
}
.theater-layout__img .liBox a{
display: flex;
align-items: center;
justify-content: center;
background: #000;
width: 2.0rem;
height: 2.0rem;
text-decoration: none;
font-size:1.3rem;
font-family: "Oskar";
color: #ddd;
}
.theater-layout__img .liBox:nth-child(1){
top: 7rem;
left: calc(50% - 7rem);
}
.theater-layout__img .liBox:nth-child(2){
top: 13rem;
left: calc(50% - 11rem);
}
.theater-layout__img .liBox:nth-child(3){
top: 13rem;
left: calc(50% - 4.5rem);
}
.theater-layout__img .liBox:nth-child(4){
top: 13rem;
left: calc(50% + .5rem);
}
.theater-layout__img .liBox:nth-child(5){
top: 14.5rem;
left: calc(50% + 7rem);
}
.theater-layout__img .liBox:nth-child(6){
top: 13.5rem;
left: calc(50% + 12rem);
}
.theater-layout__img .liBox:nth-child(7){
top: 10rem;
left: calc(50% + 9rem);
}
.theater-layout__img .liBox:nth-child(8){
top: 3rem;
left: calc(50% + 1.7rem);
}


  
  
  
  
  
  
  
  
  
  
  .theater-layout__flex {
    display: block;
  }
  .theater-layout__list {
    width: 100%;
    margin-bottom: 0.7rem;
    gap: 0.7rem 0;
  }
  .theater-layout__list-item {
    width: calc(50% - 0.7rem);
  }
  .theater-layout__list-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .theater-layout__list-item:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .theater-layout__list-item:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .theater-layout__list-item:nth-child(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .theater-layout__list-item a {
    font-size: 1.3rem;
  }
  .theater-layout__list-item a > span {
    padding: 0.1rem 0.7rem;
    position: relative;
  }
  .theater-layout__list-item a > span span {
    top: 0;
    margin-right: 0.6rem;
    font-size: 1.8rem;
  }
  .theater-layout__list-item a > span::after {
    width: 1.2rem;
    height: 1.2rem;
    right: 0.5rem;
  }
  .theater-layout__list-item small {
    display: block;
    margin-top: -1px;
  }
  .theater-layout__list-item small img {
    width: 100%;
  }

  .popup-main {
    width: 89%;
    padding: 7.5rem 2rem 2rem;
  }
  .popup-main::before {
    top: 4rem;
  }
  .popup-main::after {
    height: 24%;
    left: 3.7rem;
  }
  .popup-close {
    width: 3.2rem;
    height: 3.2rem;
    top: -4rem;
  }
  .popup-content {
    height: 70vh;
    overflow-y: auto;
  }
  .popup-content__item {
    display: none;
  }
  .popup-content__item.on {
    display: block;
  }
  .popup-content__number {
    top: 1.3rem;
    left: 1rem;
    width: 5.2rem;
    height: 5.2rem;
    font-size: 3.45rem;
  }
  .popup-content__ttl {
    line-height: 1.6;
    top: 0;
    right: 0;
    letter-spacing: 0;
    text-align: left;
    font-size: 1.6rem;
  }
  .popup-content__ttl span {
    display: block;
    font-size: 2.5rem;
  }
  .popup-content__flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .popup-content__flex-ct {
    width: 100%;
    padding-top: 0;
  }
  .popup-content__flex-ct .c-txt__04 {
    line-height: 1.7;
    color: #000;
    font-size: 1.5rem;
  }
  .popup-content__flex-ttl {
    margin-bottom: 1.5rem;
    font-size: 2rem;
  }
  .popup-content__flex-thumb {
    width: 100%;
    margin-bottom: 1.7rem;
    position: relative;
    z-index: 4;
  }
  .popup-content__flex-img {
    margin-bottom: 0.8rem;
    position: relative;
    overflow: hidden;
  }
  .popup-content__flex-img:before {
    display: block;
    content: "";
    padding-top: 60%;
  }
  .popup-content__flex-img > :first-child, .popup-content__flex-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
  }

  .sec-career .wi1100 {
    padding: 0 2rem;
  }

  .sec-career {
    padding: 16.6rem 0 7.9rem;
  }

  .sec-career::before, .sec-career::after {
    height: 7.5rem;
  }


  .career-flex {
    margin-bottom: 2.2rem;
  }

  .career-flex::before {
    top: 12.9rem;
    width: 38.5rem;
    height: 27.5rem;
  }

  .career-flex__img {
    display: none;
  }

  .career-flex__ct-tag {
    top: -10.4rem;
    right: -1.9rem;
    font-size: 6rem;
    line-height: 0.833;
  }

  .career-flex__ct-ttl {
    font-size: 2rem;
    line-height: 1.65;
    margin: 0 0 1.4rem 0;
  }

  .career-flex__ct-ttl span {
    font-size: 2.5rem;
    margin-top: 0.1rem;
  }

  .career-flex__ct-ttl strong {
    padding: 0 0.6rem;
    margin-right: 0.7rem;
  }

  .career-flex__ct-ttl strong::before {
    height: 90%;
  }

  .career-flex__ct .c-txt__04 {
    line-height: 1.87;
  }

  .career-menu {
    display: none;
  }

  .career-list {
    margin-bottom: 6.8rem;
  }

  .career-list__item {
    padding: 1.6rem 0 1.4rem 2rem;
  }

  .career-list__item::after {
    bottom: -2rem;
    width: 2.6rem;
    height: 2rem;
  }

  .career-list__item:not(:last-child) {
    margin-bottom: 3.4rem;
  }

  .career-list__ttl {
    position: relative;
    font-size: 1.8rem;
  }

  .career-list__ttl::before {
    content: "";
    position: absolute;
    right: -0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: url(img/career-plus.png) center/contain no-repeat;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
  }

  .career-list__ttl.on::before {
    background: url(img/career-minus.png) center/contain no-repeat;
  }

  .career-list__ttl span {
    width: 12.6rem;
    height: 2.88rem;
    margin-bottom: 0.6rem;
    font-size: 1.6rem;
  }

  .career-list__item::before {
    width: calc(100% + 2rem);
  }

  .career-list__item:first-child .career-list__ct {
    display: block;
  }

  .career-list__item:has(.career-list__ttl.on + .career-list__ct .career-list__box)::before {
    height: 96.8%;
  }

  .career-list__item:last-child:after {
    bottom: -7.5rem;
    width: 2.6rem;
    height: 7.5rem;
  }

  .career-list__ct {
    display: none;
    padding-top: 1.6rem;
  }

  .career-list__ct .c-txt__04 {
    line-height: 1.8666;
  }

  .career-list__box {
    padding: 2.1rem 0 2.5rem 2rem;
    margin: 2.1rem 0 -1.4rem;
  }

  .career-list__box::after {
    width: calc(100% + 2rem);
  }

  .career-list__box-icon {
    width: 6.1rem;
  }

  .career-list__box-ttl {
    font-size: 1.8rem;
    line-height: 1.666;
    margin: 0 0 2.1rem 4.9rem;
  }

  .career-list__box-ttl span {
    font-size: 1.6rem;
  }

  .career-list__box-img {
    margin-bottom: 2.4rem;
  }

  .career-list__box-desc {
    font-size: 1.7rem;
    line-height: 1.53;
    padding: 0.5rem 1.2rem 0.5rem 0.8rem;
    margin-bottom: 1.4rem;
  }

  .career-point {
    margin-bottom: 8.8rem;
  }

  .career-point__heading {
    font-size: 2rem;
    line-height: 1.65;
    margin-bottom: 4.7rem;
  }

  .career-point__heading::before {
    width: 30rem;
    height: 30rem;
    top: -3.8rem;
  }

  .career-point__heading strong {
    font-size: 6.5rem;
    margin-bottom: -0.1rem;
  }

  .career-point__list-item:not(:last-child) {
    margin-bottom: 5rem;
  }

  .career-point__list-flex {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-right: 0.6rem;
    margin-bottom: -3rem;
  }

  .career-point__list-name {
    padding: 0 2.2rem 0 0;
    margin-top: -0.4rem;
    line-height: 1.6;
  }

  .career-point__list-img {
    width: 9.2rem;
    height: 9.2rem;
  }

  .career-point__list-img::before {
    width: 11.2rem;
    height: 11.2rem;
  }

  .career-point__list-name span {
    font-size: 1.5rem;
  }

  .career-point__list-ct {
    padding: 3.5rem 2rem 2.8rem 1.8rem;
  }

  .career-point__list-ttl {
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }

  .career-point__list-ct .c-txt__04 {
    line-height: 1.8666;
  }

  .c-ttl__06 {
    font-size: 5.36rem;
    margin: 0 0 2.5rem -1.45rem;
  }

  .c-ttl__06::before {
    width: 100vw;
    left: -0.55rem;
  }

  .c-ttl__06::after {
    left: 2.3rem;
  }

  .c-ttl__06 span::before {
    width: calc(8rem - 2px);
    height: calc(8rem - 2px);
    left: -1.5rem;
  }






.banner-main {
background: #fff;
margin-top: -3rem;
padding-bottom: 3.5rem;
}
.banner-main img {
    width: 100%;
    margin-left:0px;
}


/*--------------------------------------
　sec-interview
---------------------------------------*/

  .sec-interview {
    padding: 4rem 0 10.6rem;
  }

  .sec-interview__main::before {
    top: 3.5rem;
    width: 39rem;
    height: 33.5rem;
    right: -5rem;
  }

  .sec-interview .wi1100, .sec-fqa .wi1100 {
    padding: 0 2rem;
  }

  .interview-flex {
    margin-bottom: 2.9rem;
  }

  .interview-flex__img {
    display: none;
  }

  .interview-flex__heading {
    font-size: 2rem;
    padding-bottom: 1.5rem;
    margin: 0 0 1.3rem 0;
  }

  .interview-flex__heading span {
    font-size: 2.5rem;
    margin-top: 0.2rem;
    line-height: 1.4;
  }

  .interview-flex__desc {
    font-size: 1.8rem;
    line-height: 1.6111;
    letter-spacing: 0.03em;
    margin-left: 0;
  }

  .interview-box__heading {
    position: relative;
    padding-bottom: 1.4rem;
    margin-bottom: 5rem;
    font-size: 1.7rem;
    line-height: 1.588;
  }

  .interview-box__heading::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    max-width: 31rem;
    height: 1px;
    background: #7d7d7d;
  }

  .interview-box__heading::after {
    content: "";
    position: absolute;
    bottom: -0.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
        -ms-transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
            transform: translateX(-50%) rotate(45deg) skew(15deg, 15deg);
    width: 1.1rem;
    height: 1.1rem;
    background: white;
    border: solid #7d7d7d;
    border-width: 0 1px 1px 0;
  }

  .interview-box__list-item:not(:last-child) {
    margin-bottom: 5rem;
  }

  .interview-box__list-ct {
    padding: 1rem 2.6rem 2.5rem;
  }

  .interview-box__list-info {
    margin: -2.6rem 0 1.9rem;
  }

  .interview-box__list-info span {
    max-width: 19rem;
    margin-bottom: 0.6rem;
  }

  .interview-box__list-avatar {
    width: 10.2rem;
    height: 10.2rem;
  }

  .interview-box__list-avatar::before {
    width: 12rem;
    height: 12rem;
  }

  .interview-box__list-name {
    width: calc(100% - 11.8rem);
  }

  .interview-box__list-ttl {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }

  .interview-box__list-ttl span {
    font-size: 1.8rem;
  }

  .interview-box__list-tag {
    font-size: 1.3rem;
  }

  .interview-box__list-tag span {
    padding: 0.6rem 1rem 0.8rem;
  }

  .interview-box__list-desc {
    padding: 1.9rem 1.8rem 2.7rem;
    letter-spacing: 0;
  }

  .interview-box__list--arrow .interview-box__list-desc::before {
    top: -0.9rem;
    left: 6.9rem;
    width: 1.5rem;
    height: 1.5rem;
  }

  .sec-fqa .interview-box {
    margin-bottom: 8.6rem;
  }

  .fqa-flex {
    margin-bottom: 10.2rem;
  }

  .fqa-flex__ttl {
    font-size: 2.2rem;
    margin-bottom: 2.9rem;
    padding: 5.1rem 1rem 1.7rem 2rem;
  }

  .fqa-flex__ttl::before {
    height: 100%;
    background: url(img/qa-shape-sp.jpg) left/contain no-repeat;
  }

  .fqa-flex__ttl span {
    top: 0.9rem;
    left: 1.9rem;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    border-bottom: 0;
    padding-bottom: 0;
    font-size: 4.62rem;
  }

  .fqa-flex__ttl small {
    font-size: 3.3rem;
  }

  .fqa-list__item {
    padding-top: 6.9rem;
  }

  .fqa-list__item:not(:last-child) {
    margin-bottom: 5rem;
  }

  .fqa-list__count {
    width: 7rem;
    font-size: 4rem;
    padding: 0.1rem 0.7rem 0 0;
  }

  .fqa-list__count span {
    font-size: 5.2rem;
  }

  .fqa-list__ttl {
    text-align: justify;
    font-size: 2rem;
    line-height: 1.6;
    padding: 0 0 2.4rem 0;
  }

  .fqa-list__ttl span {
    font-size: 1.6rem;
    margin-bottom: 1.1rem;
    line-height: 1;
  }

  .fqa-list__answer {
    padding: 0 1.8rem 2.3rem;
  }

  .fqa-list__answer-txt {
    font-size: 2.5rem;
    margin-bottom: 1.6rem;
    line-height: 1;
  }

  .fqa-list__answer-txt span {
    font-size: 1.5rem;
    top: -0.3rem;
    margin-right: 1rem;
    padding: 0.5rem 0.6rem 0.9rem;
  }

  .fqa-list__answer-txt span::after {
    height: 1rem;
  }

  .fqa-list__answer-ttl {
    text-align: justify;
    font-size: 1.9rem;
    line-height: 1.6;
    margin-bottom: 0.8rem;
  }

  .fqa-list__answer-desc {
    line-height: 1.87;
  }
  
  .sec-fqa {
    overflow: visible;
  }
  
  

  
.mv-page {
position: relative;
overflow: hidden;
background: #000;
/*min-height: 100vh; */
}



  .mv-page__main {
    width: 100%; 
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    z-index: 0;
  }

  .mv-page__main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }

.mv-page__box {
position: relative;
z-index: 2;
padding: 15rem 2rem 0; 
}

.mv-page__box .fv{
position: relative;
height: calc(100vh - 15rem);
padding: 0 0 0;
}
.mv-page__box-ct {
position: absolute;
top: calc(50% - 6rem);
left:0;
max-width: 64.7rem;
margin-left: auto;
width: 100%;
}
.mv-page__box-txt{
padding: 0 0 0;
}

}
  
  
  
/* End SP */


/* develop tool */
.mv-page,
.sec-theater,
.sec-about,
.sec-interview,
.banner-main,
.sec-fqa,
.sec-career{
/*display: none;*/
}