@charset "utf-8";


/* defaultCSS[Start] */
*,
*::before,
*::after {
  box-sizing: border-box;
}

.pcNone {
  display: none;
}

.notoSans {
  font-family: "Noto Sans JP", sans-serif;
}

.unbounded {
  font-family: "Unbounded", sans-serif;
}

h1,
h2,
h3,
h4,
p,
a,
span {
  margin: 0;
  padding: 0;
}

/* defaultCSS[End] */

header,
.leadContents,
.newsContents,
.movieContents {
  margin: 0 auto;
}

.stickyArea {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.multiply {
  position: relative;
}

.multiply::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(40, 44, 38, 1);
  mix-blend-mode: multiply;
}

.headerLeadTextArea {
  color: #FFF;
  padding: 140px 200px;
  position: relative;
  z-index: 2;
}

.headerLeadTextArea h1 {
  font-weight: bold;
  font-size: 40px;
  line-height: 70px;
  z-index: 5;
}

.headerLeadAnnotation {
  font-size: 18px;
}

.headerLeadText {
  font-size: 16px;
  line-height: 2;
}

.leadFlexWrap {
  display: flex;
}

.leadFlexLeft {
  width: 43.5%;
  padding: 100px 180px;
}

.leadFlexRight {
  width: 56.5%;
  color: #000;
  padding: 120px 120px 120px 80px;
  border-left: 2px solid #000;
}

.leadFlexRight h3 {
  font-size: 32px;
  font-weight: bold;
}

.leadFlexRight p {
  font-size: 16px;
}

.newsContents {
  padding: 100px 0;
  background: url(../imgs/weaction_bgimg.png) no-repeat center / cover rgba(0, 0, 0, .65);
  background-blend-mode: multiply;
}

.newsArea {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.newsAreaTop {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.newsAreaTop::before {
  display: inline-block;
  margin: 0 5px 1px 0;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 100%;
  background: #FFF;
}

.newsArea h2 {
  font-size: 40px;
  color: #907C51;
  line-height: 1;
}

.newsFlex {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.newsFlex>li {
  width: 100%;
  background-color: #FFF;
}

.newsFlex>li>a {
  display: block;
  padding: 60px;
  position: relative;
}

.newsFlexCard {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.newsDate {
  display: flex;
  width: 20%;
  justify-content: left;
  align-items: center;
  color: #949494;
  font-size: 16px;
}

.newsText {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  position: relative;
}

.newsText p {
  width: 100%;
}

.externalLink {
  width: 100%;
  display: inline;
}

.externalLink::after {
  content: "";
  position: absolute;
  display: inline;
  bottom: 6px;
  width: 12px;
  height: 12px;
  background: url(../imgs/iconBlank.png) no-repeat 0 0;
}

.newsIcon {
  width: 10%;
  display: flex;
  justify-content: right;
  align-items: center;
}

.newsIcon img {
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.moviePickupTop {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #000;
}

.moviePickupTop::before {
  display: inline-block;
  margin: 0 5px 1px 0;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 100%;
  background: #000;
}

.moviePickup {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}

.moviePickup p {
  font-size: 16px;
  color: #000;
}


.moviePickup h2 {
  font-size: 40px;
  color: #907C51;
  line-height: 1;
}

.moviePickupContents {
  width: 90%;
  max-width: 820px;
  margin: 0 auto;
  cursor: pointer;
}

.movieTextWrap {
  margin: 20px 0 0 0;
  padding: 0 24px;
}

.movieTextWrap p {
  font-size: 14px;
  font-weight: normal;
}

.movieEpisode {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}

.movieEpisode::before {
  content: "episode.";
  color: #907C51;
  font-weight: bold;
}

/*
.splide__arrow.splide__arrow--prev,
.splide__arrow.splide__arrow--next{
  display: none;
}
*/

.splide__pagination.splide__pagination--ltr {
  display: none;
}

.splide__slide {
  padding: 0 10px;
}

.splide__slide div{
  cursor: pointer;
}

@media (max-width: 960px) {
  .pcNone {
    display: block;
  }

  .mb100 {
    margin-bottom: 60px !important;
  }

  .headerLeadTextArea {
    padding: clamp(60px, 7vw, 80px) clamp(30px, 4vw, 45px);
  }

  .headerLeadTextArea h1 {
    font-size: clamp(20px, 5vw, 30px);
    line-height: 1.7;
  }

  .headerLeadAnnotation {
    font-size: clamp(12px, 3vw, 18px);
  }

  .headerLeadText {
    font-size: clamp(14px, 2.5vw, 16px);
  }

  .leadFlexWrap {
    flex-wrap: wrap;
  }

  .leadFlexLeft {
    width: 100%;
    padding: clamp(30px, 4vw, 60px) clamp(100px, 25vw, 250px);
  }

  .leadFlexRight {
    width: 100%;
    padding: clamp(30px, 6vw, 50px);
    border-left: 0;
    border-top: 2px solid #000;
  }

  .leadFlexRight h3 {
    font-size: clamp(20px, 4vw, 32px);
    ;
  }

  .leadFlexRight p {
    font-size: clamp(14px, 2.5vw, 16px);
    ;
  }

  .newsArea h2 {
    font-size: clamp(30px, 5vw, 40px);
  }

  .newsFlex>li>a {
    padding: clamp(30px, 4vw, 60px);
  }

  .newsDate {
    display: flex;
    width: 100%;
    font-size: clamp(14px, 2vw, 16px);
  }

  .newsText {
    width: 80%;
    font-size: clamp(14px, 3vw, 16px);
  }

  .newsIcon {
    width: 20%;
    padding: clamp(2px, 2vw, 20px);
  }

  .externalLink::after {
    bottom: clamp(6px, 1.5vw, 14px);
    width: 12px;
    height: 12px;
  }

  .moviePickup p {
    font-size: clamp(14px, 3vw, 16px);
  }

  .movieTextWrap {
    padding: 0 clamp(10px, 2vw, 25px);
  }

  .movieEpisode {
    font-size: clamp(18px, 4vw, 24px);
    font-weight: bold;
    color: #000;
  }

  .movieTextWrap p {
    font-size: clamp(12px, 2vw, 14px);
    font-weight: normal;
  }
}