@charset "UTF-8";
.news .movie-news .movie-news-TextArea__time-text, .news .movie-news .movie-news-TextArea__main-text, .cast__name-text, .battle .battle-outlineArea__main-text, .battle .battle-style .battle-style-textArea__main-text, .battle .battle-card__main-text, .stage .stage-Areabox__main-text, .product .product-info__title, .product .product-info__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.movie .movie-youtube {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.movie .movie-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*********************************/
/*           Firstview           */
/*********************************/
.firstview {
  position: relative;
  margin-bottom: 38vw;
  width: 100%;
}
.firstview__inner {
  width: 100%;
}
.firstview .firstview-keyvisual {
  background-image: url("../img/top/firstview_keyvisual__sp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left top;
  height: 79.4117647059vw;
  width: 100%;
}
.firstview .firstview-catchcopy {
  position: absolute;
  top: 4.4117647059vw;
  left: 3.9705882353vw;
  visibility: hidden;
  width: 15.4411764706vw;
}
.firstview .firstview-unreal {
  position: absolute;
  top: 2.2058823529vw;
  right: 2.2058823529vw;
  width: 30.1470588235vw;
}
.firstview .firstview-logo {
  position: absolute;
  top: 37vw;
  left: 13.2352941176vw;
  visibility: hidden;
  width: 73.5294117647vw;
  z-index: 10;
}
.firstview .firstview-banad {
  background-image: url("../img/top/firstview_banad_bg__sp.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38.2352941176vw;
  position: absolute;
  left: 0;
  bottom: -33vw;
  width: 100%;
  z-index: 5;
}
.firstview .firstview-banad__title {
  margin: 0 auto;
  width: 58.8235294118vw;
  visibility: hidden;
}

/*********************************/
/*            Banner             */
/*********************************/
.banner {
  position: relative;
  margin-bottom: 4.4117647059vw;
  width: 100%;
  z-index: 5;
}
.banner__inner {
  margin: 0 auto;
  width: 90%;
}
.banner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.banner__item {
  margin-bottom: 4.4117647059vw;
  width: 100%;
}
.banner__item:nth-of-type(3n) {
  margin-right: 0;
}
.banner__item:last-of-type {
  margin-bottom: 0;
}
.banner__link {
  cursor: pointer;
}

/*********************************/
/*             Movie             */
/*********************************/
.movie {
  background-image: url("../img/top/movie_bg01__sp.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  padding: 8vw 0 14vw;
  position: relative;
}
.movie__inner {
  position: relative;
  margin: 0 auto;
  width: 94%;
}
.movie .movie-skew {
  margin: 0 0 6vw;
  padding-top: 0;
}
.movie .movie-skew::before, .movie .movie-skew::after {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
}
.movie .movie-skew .skew {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
  height: 38vw;
}
.movie .movie-skew .skew::after {
  padding-top: 1;
}
.movie .movie-skew .skew img {
  -webkit-transform: skewY(7deg) translateX(-50%);
          transform: skewY(7deg) translateX(-50%);
}
.movie .movie-pattern {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}
.movie .movie-pattern__picture {
  margin: 0 auto;
  width: 94%;
}
.movie .movie-titleArea {
  position: absolute;
  top: 17vw;
  left: 0;
  width: 100%;
}
.movie .movie-titleArea__inner {
  padding: 0 3%;
  width: 100%;
}
.movie .movie-titleArea__title {
  position: relative;
  width: 18.3823529412vw;
  z-index: 2;
}
.movie .movie-slider {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  margin-bottom: 2.9411764706vw;
  position: relative;
  width: 100vw;
  z-index: 3;
}
.movie .movie-slider__list {
  width: 100%;
}
.movie .movie-slider__item {
  width: 100%;
}
.movie .movie-thumbnail {
  position: relative;
  width: 100%;
  z-index: 3;
}
.movie .movie-thumbnail__list {
  margin: 0 auto;
  width: 85%;
}
.movie .movie-thumbnail__item {
  border: 1px solid #f4a825;
  cursor: pointer;
  margin: 0 1.1764705882vw;
}
.movie .movie-thumbnail .slick-prev {
  background-image: url("../img/common/icon_arrowL02.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "" !important;
  height: 8.5294117647vw;
  width: 5.5882352941vw;
  z-index: 5;
}
.movie .movie-thumbnail .slick-prev::before {
  content: "";
}
.movie .movie-thumbnail .slick-next {
  background-image: url("../img/common/icon_arrowR02.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "" !important;
  height: 8.5294117647vw;
  width: 5.5882352941vw;
  z-index: 5;
}
.movie .movie-thumbnail .slick-next::before {
  content: "";
}
/*********************************/
/*              News             */
/*********************************/
.news {
  background-image: url("../img/top/news_bg01__sp.png");
  background-position: left top 19vw;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -14vw;
  padding-top: 8vw;
  padding-bottom: 14vw;
  position: relative;
}
.news__inner {
  position: relative;
  margin: 0 auto;
  width: 94%;
}
.news .news-skew {
  margin: 0 0 10vw;
  padding-top: 0;
}
.news .news-skew::before, .news .news-skew::after {
  -webkit-transform: skewY(7deg);
          transform: skewY(7deg);
}
.news .news-skew .skew {
  -webkit-transform: skewY(7deg);
          transform: skewY(7deg);
  height: 38vw;
}
.news .news-skew .skew::after {
  padding-top: 1;
}
.news .news-skew .skew img {
  top: -35%;
  -webkit-transform: skewY(-7deg) translateX(-50%);
          transform: skewY(-7deg) translateX(-50%);
}
.news .news-pattern {
  position: absolute;
  top: -5vw;
  left: 0;
  width: 100%;
  z-index: 2;
}
.news .news-pattern__picture {
  margin: 0 auto;
  width: 94%;
}
.news .news-titleArea {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 16vw;
}
.news .news-titleArea__inner {
  padding: 0 3%;
  width: 100%;
}
.news .news-titleArea__title {
  position: relative;
  margin-left: auto;
  width: 18.3823529412vw;
  z-index: 12;
}
.news .movie-news {
  background-image: url("../img/top/movie_news_bg__sp.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2.9411764706vw 5.8823529412vw 5.4411764706vw 2.9411764706vw;
  position: relative;
  overflow: auto;
  height: 30vw;
  width: 100%;
}
.news .movie-news__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.news .movie-news__item {
  border-top: 1px solid #d63135;
  padding-top: 2.6470588235vw;
  padding-bottom: 1.4705882353vw;
  width: 100%;
}
.news .movie-news__item:first-of-type {
  border-top: none;
  padding-top: 0;
}
.news .movie-news__item:last-of-type {
  padding-bottom: 2.9411764706vw;
}
.news .movie-news .movie-news-TextArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.news .movie-news .movie-news-TextArea__time-text {
  color: #fff;
  font-size: 2.6470588235vw;
  margin-bottom: 1vw;
}
.news .movie-news .movie-news-TextArea__main-text {
  color: #fff;
  font-size: 2.6470588235vw;
  line-height: 1.5;
}
.news .movie-news .movie-news-TextArea__link {
  cursor: pointer;
}

/*********************************/
/*             Master            */
/*********************************/
.master {
  background-image: url("../img/top/master_bg01__sp.png");
  background-position: left top 135vw;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 8vw;
  padding-bottom: 30vw;
  position: relative;
  margin-top: -15vw;
  z-index: 4;
}
.master__inner {
  position: relative;
  margin: 0 auto;
  width: 94%;
}
.master .master-skew {
  margin: 0 0 6vw;
  padding-top: 0;
}
.master .master-skew::before, .master .master-skew::after {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
}
.master .master-skew .skew {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
  height: 38vw;
}
.master .master-skew .skew::after {
  padding-top: 1;
}
.master .master-skew .skew img {
  -webkit-transform: skewY(7deg) translateX(-50%);
          transform: skewY(7deg) translateX(-50%);
}
.master .master-pattern {
  position: absolute;
  top: 1.5vw;
  left: 0;
  width: 100%;
  z-index: 3;
}
.master .master-titleArea {
  padding: 25.7352941176vw 0 14.7058823529vw;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.master .master-titleArea__inner {
  padding: 0 3%;
  position: relative;
  width: 100%;
}
.master .master-titleArea__title {
  position: relative;
  width: 18.3823529412vw;
  z-index: 2;
}
.master .master-keyvisual {
  background-color: #000;
  position: relative;
  margin-top: -19vw;
  height: 123.5294117647vw;
  width: 100%;
  z-index: 1;
}
.master .master-keyvisual__inner {
  margin: 0 auto;
  width: 94%;
}
.master .master-keyvisual__video {
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}
.master .master-keyvisual::after {
  background-image: url("../img/top/master_border_bottom01__sp.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  right: 0;
  bottom: -68vw;
  height: 85vw;
  width: 100%;
  z-index: 5;
}
.master .master-catchcopy {
  position: absolute;
  left: 50%;
  top: 95vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 6;
}
.master .master-ancher {
  position: relative;
  width: 100%;
  z-index: 6;
}
.master .master-ancher__inner {
  margin: 0 auto;
  width: 94%;
}
.master .master-ancher__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.master .master-ancher__item {
  margin-bottom: 4.4117647059vw;
  width: 48%;
}

/*********************************/
/*             Story             */
/*********************************/
.story {
  background-image: url("../img/top/story_bg02__sp.png");
  background-position: left top 125vw;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: -18vw;
  padding-top: 8vw;
  padding-bottom: 22.0588235294vw;
  position: relative;
  z-index: 5;
}
.story__inner {
  width: 100%;
}
.story__inner::before {
  background-image: url("../img/top/story_pattern02__sp.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 30vw;
  height: 130vw;
  width: 100%;
  z-index: 6;
}
.story .story-skew {
  margin: 0 0 10vw;
  padding-top: 0;
}
.story .story-skew::before, .story .story-skew::after {
  -webkit-transform: skewY(7deg);
          transform: skewY(7deg);
}
.story .story-skew .skew {
  -webkit-transform: skewY(7deg);
          transform: skewY(7deg);
  height: 38vw;
}
.story .story-skew .skew::after {
  padding-top: 1;
}
.story .story-skew .skew img {
  top: -35%;
  -webkit-transform: skewY(-7deg) translateX(-50%);
          transform: skewY(-7deg) translateX(-50%);
}
.story .story-titleArea {
  padding: 16.9117647059vw 0 10.2941176471vw;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 2;
}
.story .story-titleArea__inner {
  position: relative;
  padding: 0 3%;
  width: 100%;
}
.story .story-titleArea__title {
  margin-left: auto;
  position: relative;
  width: 18.3823529412vw;
  z-index: 12;
}
.story .story-titleArea .story-titleArea-pattern {
  position: absolute;
  top: -32vw;
  right: 0;
  width: 100%;
  z-index: 3;
}
.story .story-keyvisual {
  background-color: #000;
  margin-top: -22vw;
  position: relative;
  height: 123.5294117647vw;
  width: 100%;
  z-index: 1;
}
.story .story-keyvisual__video {
  position: absolute;
  top: 50%;
  left: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
}
.story .story-keyvisual::after {
  background-image: url("../img/top/story_border_bottom01.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 17.5vw;
  width: 100%;
  z-index: 5;
}
.story .story-catchcopy {
  position: absolute;
  top: 20vw;
  text-align: center;
  width: 100%;
}
.story .story-catchcopy__title {
  position: relative;
  margin: 0 auto 4.4117647059vw;
  width: 41.1764705882vw;
  z-index: 2;
}
.story .story-catchcopy__text {
  margin: 0 auto;
  width: 90vw;
  z-index: 2;
}

/*********************************/
/*             Cast              */
/*********************************/
.cast {
  background-image: url("../img/top/cast_bg02__sp.png"), url("../img/top/cast_bg01__sp.png");
  background-position: left top, left top 14vw;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 86%, 100% 100%;
  margin-top: -20vw;
  padding-top: 19.8529411765vw;
  padding-bottom: 26.4705882353vw;
  position: relative;
  z-index: 6;
}
.cast__inner {
  position: relative;
  margin: 0 auto;
  width: 94%;
}
.cast__name-text {
  color: #333;
  font-size: 2.6470588235vw;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.cast .cast-skew {
  padding-top: 0;
  height: 0;
}
.cast .cast-skew::before, .cast .cast-skew::after {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
}
.cast .cast-skew::before {
  height: 55vw;
  top: -15vw;
}
.cast .cast-skew::after {
  height: 97vw;
  bottom: -137vw;
}
.cast .cast-skew.active::before, .cast .cast-skew.active::after {
  height: 0;
}
.cast .cast-skew .skew {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
}
.cast .cast-skew .skew::after {
  padding-top: 1;
}
.cast .cast-pattern {
  position: relative;
  width: 100%;
}
.cast .cast-pattern .cast-pattern-item {
  width: 100%;
}
.cast .cast-pattern .cast-pattern-item.title-item {
  position: absolute;
  left: 0;
  top: -6vw;
  width: 100%;
  z-index: 3;
}
.cast .cast-pattern .cast-pattern-item.maple-item {
  position: absolute;
  left: 0;
  top: -16vw;
}
.cast .cast-titleArea {
  position: relative;
  margin-bottom: 3.6764705882vw;
}
.cast .cast-titleArea__inner {
  padding: 0 3%;
  width: 100%;
}
.cast .cast-titleArea__title {
  position: relative;
  width: 18.3823529412vw;
  z-index: 12;
}
.cast .cast-keyvisual {
  margin-bottom: 5.8823529412vw;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  z-index: 5;
}
.cast .cast-keyvisual__main-title {
  margin: 0 auto 7.3529411765vw;
  width: 55.1470588235vw;
}
.cast .cast-keyvisual .cast-keyvisual-visual {
  margin-top: -7vw;
}
.cast .cast-nameArea {
  margin-bottom: 4.4117647059vw;
  text-align: center;
  position: relative;
  width: 100%;
  z-index: 4;
}
.cast .cast-btnArea {
  margin: 0 auto;
  position: relative;
  width: 58.8235294118vw;
  z-index: 5;
}

/*********************************/
/*            Battle             */
/*********************************/
.battle {
  background-image: url("../img/top/battle_bg01__sp.png");
  background-position: left top 28vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 8vw;
  padding-bottom: 55vw;
  margin-top: -20vw;
  width: 100%;
  z-index: 7;
}
.battle__inner {
  margin: 0 auto;
  position: relative;
  width: 94%;
  z-index: 20;
}
.battle .battle-skew {
  margin: 0 0 10vw;
  padding-top: 0;
}
.battle .battle-skew::before, .battle .battle-skew::after {
  -webkit-transform: skewY(7deg);
          transform: skewY(7deg);
}
.battle .battle-skew .skew {
  -webkit-transform: skewY(7deg);
          transform: skewY(7deg);
  height: 38vw;
}
.battle .battle-skew .skew::after {
  padding-top: 1;
}
.battle .battle-skew .skew img {
  top: -35%;
  -webkit-transform: skewY(-7deg) translateX(-50%);
          transform: skewY(-7deg) translateX(-50%);
}
.battle .battle-pattern {
  width: 100%;
}
.battle .battle-pattern__picture {
  position: absolute;
  top: -6vw;
  right: 0;
  width: 83.2352941176vw;
  z-index: 2;
}
.battle .battle-titleArea {
  padding: 16.9117647059vw 0 10.2941176471vw;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.battle .battle-titleArea__inner {
  padding: 0 3%;
  width: 100%;
}
.battle .battle-titleArea__title {
  position: relative;
  margin-left: auto;
  width: 18.3823529412vw;
  z-index: 2;
}
.battle .battle-outlineArea {
  margin-bottom: 2.9411764706vw;
  width: 100%;
}
.battle .battle-outlineArea__main-title {
  margin: 0 auto;
  text-align: center;
  width: 66.1764705882vw;
}
.battle .battle-outlineArea__main-text {
  color: #fff;
  font-size: 2.9411764706vw;
  text-align: center;
}
.battle .battle-style {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
}
.battle .battle-style__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.battle .battle-style__item {
  margin-bottom: 29.4117647059vw;
  position: relative;
  width: 100%;
}
.battle .battle-style__item:nth-of-type(1)::after {
  background-image: url("../img/top/battle_bg02__sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  right: 0;
  bottom: -70vw;
  height: 93.8235294118vw;
  width: 100vw;
  z-index: 1;
}
.battle .battle-style__item:nth-of-type(2) {
  margin-left: auto;
}
.battle .battle-style__item:nth-of-type(2)::after {
  background-image: url("../img/top/battle_bg03__sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  right: 0;
  bottom: -66vw;
  height: 78.5294117647vw;
  width: 100vw;
  z-index: 1;
}
.battle .battle-style__item:nth-of-type(3)::after {
  background-image: url("../img/top/battle_bg04__sp.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  right: 0;
  bottom: -70vw;
  height: 127.7941176471vw;
  width: 100vw;
  z-index: 1;
}
.battle .battle-style__item:nth-of-type(4) {
  margin-left: auto;
}
.battle .battle-style__item:nth-of-type(4)::after {
  background-image: url("../img/top/battle_bg05.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  right: 0;
  bottom: -45vw;
  height: 87.9411764706vw;
  width: 100vw;
  z-index: 1;
}
.battle .battle-style .battle-style-visualArea {
  background-image: url("../img/top/battle_style_bg01.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  padding: 2.9411764706vw 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.battle .battle-style .battle-style-textArea {
  position: absolute;
  left: 8.8235294118vw;
  bottom: -11.7647058824vw;
  z-index: 3;
}
.battle .battle-style .battle-style-textArea::before {
  background-image: url("../img/top/battle_style_bg03.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
  content: "";
  position: absolute;
  top: -7vw;
  left: -19vw;
  height: 45vw;
  width: 80vw;
  z-index: 10;
}
.battle .battle-style .battle-style-textArea__main-title {
  margin-bottom: 2.2058823529vw;
  position: relative;
  width: 19.1176470588vw;
  z-index: 15;
}
.battle .battle-style .battle-style-textArea__main-text {
  color: #fff;
  font-size: 2.9411764706vw;
  position: relative;
  z-index: 15;
}
.battle .battle-style .reverse-item .battle-style-visualArea {
  background-image: url("../img/top/battle_style_bg02.png");
  padding: 2.9411764706vw 0;
}
.battle .battle-style .reverse-item .battle-style-textArea {
  left: auto;
  right: 2.9411764706vw;
}
.battle .battle-card {
  position: relative;
  width: 100%;
  z-index: 20;
}
.battle .battle-card::before {
  background-image: url("../img/top/battle_bg06.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  content: "";
  position: absolute;
  top: -8vw;
  right: -3vw;
  height: 79.1176470588vw;
  width: 87.3529411765vw;
  z-index: 3;
}
.battle .battle-card__main-title {
  margin: 0 auto;
  width: 100%;
}
.battle .battle-card__main-text {
  color: #fff;
  font-size: 2.9411764706vw;
  line-height: 1.5;
  text-align: center;
}
.battle .battle-card__link {
  margin: 0 auto;
  width: 58.8235294118vw;
}
.battle .battle-card .battle-card-textArea {
  margin-bottom: 2.2058823529vw;
  position: relative;
  padding: 0 3%;
  width: 100%;
  z-index: 5;
}
.battle .battle-card .battle-card-imageArea {
  position: relative;
  margin-bottom: 17.6470588235vw;
  z-index: 5;
}
.battle .battle-card .battle-card-imageArea__item.photo-item {
  margin-right: auto;
  width: 96%;
}
.battle .battle-card .battle-card-imageArea__item.card-item {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50%;
}
.battle .battle-card .battle-card-buttonArea {
  position: relative;
  width: 100%;
  z-index: 6;
}

/*********************************/
/*            Staage             */
/*********************************/
.stage {
  background-image: url("../img/top/stage_bg01__sp.png");
  background-size: cover;
  background-position: left top 30vw;
  background-repeat: no-repeat;
  padding-top: 8vw;
  padding-bottom: 28vw;
  position: relative;
  margin-top: -20vw;
  z-index: 8;
}
.stage__inner {
  position: relative;
  margin: 0 auto;
  width: 94%;
}
.stage__sub-title {
  position: relative;
  width: 100%;
  z-index: 2;
}
.stage .stage-skew {
  margin: 0 0 10vw;
  padding-top: 0;
}
.stage .stage-skew::before, .stage .stage-skew::after {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
}
.stage .stage-skew .skew {
  -webkit-transform: skewY(-7deg);
          transform: skewY(-7deg);
  height: 38vw;
}
.stage .stage-skew .skew::after {
  padding-top: 1;
}
.stage .stage-skew .skew img {
  -webkit-transform: skewY(7deg) translateX(-50%);
          transform: skewY(7deg) translateX(-50%);
}
.stage .stage-pattern {
  position: relative;
  width: 100%;
  z-index: 2;
}
.stage .stage-pattern .stage-pattern-item.title-item {
  position: absolute;
  top: -86vw;
  left: 0;
  width: 100vw;
}
.stage .stage-pattern .stage-pattern-item.maple-item {
  position: absolute;
  top: -44vw;
  right: 0;
  width: 70vw;
}
.stage .stage-titleArea {
  padding: 18.3823529412vw 0 10.2941176471vw;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: auto;
  margin-bottom: 2.2058823529vw;
  width: 100%;
}
.stage .stage-titleArea__inner {
  padding: 0 3%;
  width: 100%;
}
.stage .stage-titleArea__main-title {
  position: relative;
  margin-bottom: 2.2058823529vw;
  width: 18.3823529412vw;
  z-index: 12;
}
.stage .stage-Areabox {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  position: relative;
  width: 100vw;
}
.stage .stage-Areabox__main-title {
  margin: 0 auto 1.4705882353vw;
  width: 14.2647058824vw;
}
.stage .stage-Areabox__main-text {
  background-image: url("../img/top/stage_bg04__sp.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 2.3529411765vw;
  line-height: 1.6;
  padding: 6vw 7vw;
  position: relative;
}
.stage .stage-Areabox .stage-Areabox-textArea {
  margin: 0 auto;
  position: relative;
  padding: 0 3%;
  width: 100%;
  z-index: 1;
}
.stage .stage-Areabox .stage-Areabox-imageArea {
  position: absolute;
}
.stage .stage-Areabox .stage-Areabox-slider {
  background-image: url("../img/top/stage_slider_bg.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  padding: 5.8823529412vw 0;
  width: 100vw;
  z-index: 1;
}
.stage .stage-Areabox .stage-Areabox-slider__list {
  position: relative;
  width: 100%;
  z-index: 5;
}
.stage .stage-Areabox .stage-Areabox-slider__item {
  position: relative;
  margin: 0 1.4705882353vw;
}
.stage .stage-Areabox .stage-Areabox-slider__item::before {
  background-image: url("../img/top/icon_plus.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 7.5vw;
  width: 7.5vw;
}
.stage .stage-Areabox .stage-Areabox-slider .slick-prev {
  background-image: url("../img/common/icon_arrowL02.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "" !important;
  left: 2vw;
  height: 8.5294117647vw;
  width: 5.5882352941vw;
  z-index: 5;
}
.stage .stage-Areabox .stage-Areabox-slider .slick-prev::before {
  content: "";
}
.stage .stage-Areabox .stage-Areabox-slider .slick-next {
  background-image: url("../img/common/icon_arrowR02.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  content: "" !important;
  right: 2vw;
  height: 8.5294117647vw;
  width: 5.5882352941vw;
  z-index: 5;
}
.stage .stage-Areabox .stage-Areabox-slider .slick-next::before {
  content: "";
}
.stage .stage-Areabox.kyoto-Areabox {
  margin-bottom: 4.4117647059vw;
}
.stage .stage-Areabox.kyoto-Areabox .stage-Areabox-imageArea {
  position: absolute;
  top: -23vw;
  right: -12vw;
  width: 67.3529411765vw;
  z-index: 0;
}
.stage .stage-Areabox.tosa-Areabox {
  margin-bottom: 5%;
}
.stage .stage-Areabox.tosa-Areabox .stage-Areabox-imageArea {
  position: absolute;
  top: -11vw;
  left: -22vw;
  width: 77.0588235294vw;
  z-index: 0;
}
.stage .stage-ancher {
  width: 100%;
}
.stage .stage-ancher__inner {
  margin: 0 auto;
  width: 94%;
}
.stage .stage-ancher__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.stage .stage-ancher__item {
  margin-right: 2%;
  margin-bottom: 2%;
  width: 48%;
}
.stage .stage-ancher__item:nth-of-type(2n) {
  margin-right: 0;
}

/*********************************/
/*            Product            */
/*********************************/
.product {
  background-image: url("../img/top/product_bg01__sp.png");
  background-position: left top 10vw;
  background-size: 100% 95%;
  background-repeat: no-repeat;
  padding: 24vw 0 3.6764705882vw;
  margin-top: -30vw;
  position: relative;
  z-index: 9;
}
.product__inner {
  margin: 0 auto;
  position: relative;
  width: 94%;
}
.product .product-skew {
  padding-top: 0;
  height: 0;
}
.product .product-skew::before, .product .product-skew::after {
  -webkit-transform: skewY(8deg);
          transform: skewY(8deg);
}
.product .product-skew::before {
  height: 65vw;
  top: -24vw;
}
.product .product-skew::after {
  height: 220vw;
  bottom: -260vw;
}
.product .product-skew.active::before, .product .product-skew.active::after {
  height: 0;
}
.product .product-skew .skew {
  -webkit-transform: skewY(8deg);
          transform: skewY(8deg);
}
.product .product-skew .skew::after {
  padding-top: 1;
}
.product .product-skew .skew img {
  -webkit-transform: skewY(8deg) translateX(-50%);
          transform: skewY(8deg) translateX(-50%);
}
.product .product-pattern {
  position: relative;
  width: 100%;
}
.product .product-pattern__picture {
  margin: 0 auto;
  width: 94%;
}
.product .product-pattern .product-pattern-item {
  position: absolute;
  top: -20vw;
  right: -1vw;
  width: 47.9411764706vw;
}
.product .product-titleArea {
  position: relative;
}
.product .product-titleArea__inner {
  padding: 0 3%;
  width: 100%;
}
.product .product-titleArea__title {
  margin-left: auto;
  position: relative;
  width: 18.3823529412vw;
  z-index: 2;
}
.product .product-contentsArea {
  width: 100%;
}
.product .product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 5.1470588235vw;
  width: 100%;
}
.product .product-info__visual {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
          filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
  margin: 0 auto 4.4117647059vw;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 41.1764705882vw;
}
.product .product-info__detail {
  width: 100%;
}
.product .product-info__table {
  display: block;
  line-height: 2;
  padding: 0 10.2941176471vw;
  width: 100%;
}
.product .product-info__title {
  color: #3c0404;
  font-size: 2.9411764706vw;
  font-weight: 400;
  position: relative;
  padding-left: 2.2058823529vw;
}
.product .product-info__title::before {
  background-color: #b41707;
  content: "";
  position: absolute;
  left: 0;
  top: 1.5vw;
  height: 3.5294117647vw;
  width: 0.5882352941vw;
}
.product .product-info__text {
  color: #3c0404;
  font-size: 2.9411764706vw;
  padding-left: 3.6764705882vw;
  position: relative;
}
.product .product-info__text::before {
  content: "：";
  position: absolute;
  left: 0.5vw;
  top: 0;
}
.product .product-info__link-btn {
  cursor: pointer;
}
.product .product-info .product-info-btnArea {
  padding: 2.9411764706vw 0;
  width: 52.2058823529vw;
}
.product .product-note {
  margin: 0 auto 5.8823529412vw;
  width: 100%;
}
.product .product-note__picture {
  width: 100%;
}
.product .product-banner {
  margin: 0 auto;
  width: 100%;
}
.product .product-banner__link {
  cursor: pointer;
}

/*********************************/
/*             Modal             */
/*********************************/
.modal {
  width: 100%;
}
.modal__demo-title {
  margin: 0 auto 5.8823529412vw;
  width: 51.4705882353vw;
}
.modal__btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 auto;
  width: 47.0588235294vw;
}
.modal__btn-item {
  margin-bottom: 2.9411764706vw;
  width: 100%;
}
.modal__btn-item:nth-of-type(3n) {
  margin-right: 0;
}
.modal__btn-item:last-of-type {
  margin-bottom: 0;
}

.modal__overlay {
  z-index: 99;
}

.modal__container {
  background: transparent;
  padding: 30px 0;
  width: 100%;
}

.modal-delax {
  background-color: #000;
  border: 2px solid #a11814;
  margin: 0 auto;
  padding: 2.9411764706vw 4.4117647059vw 4.4117647059vw;
  width: 92%;
}

.modal-demo {
  background-color: #000;
  border: 2px solid #a11814;
  margin: 0 auto;
  padding: 2.9411764706vw 4.4117647059vw 4.4117647059vw;
  width: 92%;
}

.modal__close {
  display: block;
  margin-left: auto;
  height: 6.9117647059vw;
  width: 6.9117647059vw;
}

.modal__delax-title {
  margin: 0 auto 5.1470588235vw;
}

.modal__delax-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.9411764706vw;
  width: 100%;
}

.modal__delax-item {
  margin-bottom: 1.4705882353vw;
  width: 39.7058823529vw;
}

.modal__spec-title {
  margin: 0 auto 5.1470588235vw;
  width: 51.4705882353vw;
}

@media screen and (min-width: 1025px) {
  .firstview {
    margin-bottom: 340px;
  }
  .firstview__inner {
    position: relative;
    margin: 0 auto;
    width: 1080px;
  }
  .firstview .firstview-keyvisual {
    background-image: url("../img/top/firstview_keyvisual__pc.jpg"), url("../img/top/firstview_bg01.jpg");
    background-repeat: no-repeat, no-repeat;
    background-size: contain, 100% 100%;
    background-position: center top, center top;
    height: 850px;
    width: 100vw;
  }
  .firstview .firstview-catchcopy {
    top: 130px;
    left: 100px;
    width: 120px;
  }
  .firstview .firstview-unreal {
    top: 110px;
    right: -70px;
    width: 255px;
  }
  .firstview .firstview-logo {
    top: 400px;
    left: 150px;
    width: 750px;
  }
  .firstview .firstview-banad {
    background-image: url("../img/top/firstview_banad_bg__pc.png");
    background-position: center;
    background-size: 100% 100%;
    top: 745px;
    bottom: auto;
    height: 390px;
  }
  .firstview .firstview-banad__title {
    width: 475px;
  }
  .banner {
    margin-bottom: 0;
  }
  .banner__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1080px;
  }
  .banner__list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .banner__item {
    margin-right: 9px;
    margin-bottom: 10px;
    width: 354px;
  }
  .movie {
    background-image: url("../img/top/movie_bg01__pc.png");
    background-size: 100% 100%;
    padding: 320px 0 200px;
    margin-top: -150px;
  }
  .movie__inner {
    width: 1080px;
  }
  .movie .movie-skew {
    margin: 0 0 70px;
  }
  .movie .movie-skew .skew {
    height: 290px;
  }
  .movie .movie-pattern {
    position: absolute;
    top: 310px;
    left: 49vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1120px;
  }
  .movie .movie-titleArea {
    top: 230px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 200px 0 65px;
  }
  .movie .movie-titleArea__inner {
    padding: 0;
    margin: 0 auto;
    width: 1080px;
  }
  .movie .movie-titleArea__title {
    margin-left: 30px;
    width: 120px;
  }
  .movie .movie-slider {
    margin: 0 auto 50px;
    height: 608px;
    width: 1080px;
  }
  .movie .movie-thumbnail__list {
    width: 875px;
  }
  .movie .movie-thumbnail__item {
    border: 2px solid #f4a825;
    margin: 0 10px;
  }
  .movie .movie-thumbnail .slick-prev {
    left: -50px;
    height: 82px;
    width: 50px;
  }
  .movie .movie-thumbnail .slick-next {
    right: -50px;
    height: 82px;
    width: 50px;
  }
  .news {
    background-image: url("../img/top/news_bg01__pc.png");
    background-position: left top 250px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 120px;
    padding-bottom: 250px;
    margin-top: -200px;
  }
  .news__inner {
    width: 1080px;
  }
  .news .news-skew {
    margin: 0px 0 70px;
  }
  .news .news-skew .skew {
    height: 290px;
  }
  .news .news-skew .skew img {
    top: -240px;
  }
  .news .news-pattern {
    position: absolute;
    top: -130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1270px;
  }
  .news .news-titleArea {
    top: 220px;
  }
  .news .news-titleArea__inner {
    margin: 0 auto;
    padding: 0;
    width: 1080px;
  }
  .news .news-titleArea__title {
    margin-right: 40px;
    width: 120px;
  }
  .news .movie-news {
    padding: 20px 30px 30px 20px;
    margin: 0 auto;
    height: 240px;
    width: 970px;
  }
  .news .movie-news__item {
    padding-top: 18px;
    padding-bottom: 10px;
  }
  .news .movie-news__item:last-of-type {
    padding-bottom: 20px;
  }
  .news .movie-news .movie-news-TextArea__time-text {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .news .movie-news .movie-news-TextArea__main-text {
    font-size: 18px;
  }
  .master {
    background-image: url("../img/top/master_bg01__pc.png");
    background-position: left bottom;
    background-repeat: repeat-y;
    padding-top: 120px;
    padding-bottom: 480px;
    margin-top: -250px;
  }
  .master__inner {
    width: 1080px;
  }
  .master .master-skew {
    margin: 0 0 70px;
  }
  .master .master-skew .skew {
    height: 290px;
  }
  .master .master-pattern {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1310px;
  }
  .master .master-titleArea {
    padding: 270px 0 125px;
  }
  .master .master-titleArea__inner {
    padding: 0;
    margin: 0 auto;
    width: 1080px;
  }
  .master .master-titleArea__title {
    margin-left: 40px;
    width: 120px;
  }
  .master .master-keyvisual {
    margin-top: -200px;
    height: 880px;
  }
  .master .master-keyvisual__inner {
    position: relative;
    width: 1080px;
  }
  .master .master-keyvisual__video {
    top: 50%;
    width: 70%;
  }
  .master .master-keyvisual::after {
    background-image: url("../img/top/master_border_bottom01__pc.png");
    bottom: 0;
    height: 180px;
    bottom: 0px;
  }
  .master .master-catchcopy {
    left: auto;
    right: -120px;
    top: 580px;
    -webkit-transform: none;
            transform: none;
    width: 720px;
  }
  .master .master-ancher__inner {
    position: relative;
    width: 1080px;
  }
  .master .master-ancher__item {
    margin-bottom: 30px;
    width: 340px;
  }
  .story {
    background-image: url("../img/top/story_bg02__pc.png");
    background-position: left top 820px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 120px;
    padding-bottom: 230px;
    margin-top: -260px;
  }
  .story__inner::before {
    background-image: url("../img/top/story_pattern02__pc.png");
    top: 185px;
    height: 930px;
  }
  .story .story-skew {
    margin: 0px 0 70px;
  }
  .story .story-skew .skew {
    height: 290px;
  }
  .story .story-skew .skew img {
    top: -240px;
  }
  .story .story-titleArea {
    top: 220px;
    padding: 0;
  }
  .story .story-titleArea__inner {
    padding: 0;
    margin: 0 auto;
    width: 1080px;
  }
  .story .story-titleArea__title {
    margin-right: 40px;
    width: 120px;
  }
  .story .story-titleArea .story-titleArea-pattern {
    position: absolute;
    top: -430px;
    right: -228px;
    width: 1310px;
  }
  .story .story-keyvisual {
    margin-top: -200px;
    height: 880px;
  }
  .story .story-keyvisual__video {
    width: 70%;
  }
  .story .story-keyvisual::after {
    bottom: -2px;
    height: 200px;
  }
  .story .story-catchcopy {
    top: 175px;
  }
  .story .story-catchcopy__title {
    margin: 0 auto 20px;
    width: 220px;
  }
  .story .story-catchcopy__text {
    width: 570px;
  }
  .cast {
    background-image: url("../img/top/cast_bg02__pc.png"), url("../img/top/cast_bg01__pc.png");
    background-position: left top, left top 14vw;
    background-size: 100% 84%, 100% 100%;
    padding-top: 180px;
    padding-bottom: 330px;
    margin-top: -200px;
  }
  .cast__inner {
    width: 1080px;
  }
  .cast__name-text {
    font-size: 18px;
  }
  .cast .cast-skew::before {
    height: 317px;
    top: -158px;
  }
  .cast .cast-skew::after {
    height: 1200px;
    bottom: -1361px;
  }
  .cast .cast-pattern .cast-pattern-item.title-item {
    position: absolute;
    top: -70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1800px;
  }
  .cast .cast-pattern .cast-pattern-item.maple-item {
    top: -105px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1316px;
  }
  .cast .cast-titleArea {
    margin-bottom: 65px;
  }
  .cast .cast-titleArea__inner {
    padding: 0;
    margin: 0 auto;
    width: 1080px;
  }
  .cast .cast-titleArea__title {
    margin-left: 40px;
    width: 120px;
  }
  .cast .cast-keyvisual {
    margin-bottom: 30px;
    left: auto;
    -webkit-transform: none;
            transform: none;
    width: 100%;
  }
  .cast .cast-keyvisual__main-title {
    margin: 0 auto 0;
    width: 680px;
  }
  .cast .cast-keyvisual .cast-keyvisual-visual {
    margin-top: -40px;
  }
  .cast .cast-nameArea {
    margin-bottom: 40px;
  }
  .cast .cast-btnArea {
    width: 400px;
  }
  .battle {
    background-image: url("../img/top/battle_bg01__pc.png");
    background-size: 100% 100%;
    background-position: left top 300px;
    padding-top: 120px;
    padding-bottom: 500px;
    margin-top: -250px;
  }
  .battle__inner {
    width: 1080px;
  }
  .battle .battle-skew {
    margin: 0px 0 70px;
  }
  .battle .battle-skew .skew {
    height: 290px;
  }
  .battle .battle-skew .skew img {
    top: -240px;
  }
  .battle .battle-pattern {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 1080px;
  }
  .battle .battle-pattern__picture {
    position: absolute;
    top: -500px;
    right: -65px;
    width: 768px;
  }
  .battle .battle-titleArea {
    padding: 210px 0 90px;
  }
  .battle .battle-titleArea__inner {
    padding: 0;
    margin: 0 auto;
    width: 1080px;
  }
  .battle .battle-titleArea__title {
    margin-right: 40px;
    width: 120px;
  }
  .battle .battle-outlineArea {
    margin-bottom: 25px;
  }
  .battle .battle-outlineArea__main-title {
    width: 683px;
  }
  .battle .battle-outlineArea__main-text {
    font-size: 20px;
    line-height: 2;
  }
  .battle .battle-style {
    margin: 0 auto;
    max-width: 1400px;
  }
  .battle .battle-style__item {
    margin-bottom: 20px;
    width: 995px;
  }
  .battle .battle-style__item:nth-of-type(1)::after {
    background-image: url("../img/top/battle_bg02__pc.png");
    background-size: contain;
    bottom: auto;
    top: 70px;
    right: -524px;
    height: 1228px;
    width: 1400px;
  }
  .battle .battle-style__item:nth-of-type(2)::after {
    background-image: url("../img/top/battle_bg03__pc.png");
    background-size: contain;
    bottom: auto;
    top: 120px;
    left: -485px;
    height: 1052px;
    width: 1400px;
  }
  .battle .battle-style__item:nth-of-type(3)::after {
    background-image: url("../img/top/battle_bg04__pc.png");
    background-size: contain;
    bottom: auto;
    top: -180px;
    right: -567px;
    height: 1407px;
    width: 1738px;
  }
  .battle .battle-style__item:nth-of-type(4)::after {
    background-image: url("../img/top/battle_bg05__pc.png");
    background-size: contain;
    bottom: auto;
    top: 35px;
    left: -514px;
    height: 1154px;
    width: 1600px;
  }
  .battle .battle-style .battle-style-visualArea {
    padding: 0 10px 20px 10px;
  }
  .battle .battle-style .battle-style-textArea {
    position: absolute;
    top: 65px;
    right: -250px;
    left: auto;
    bottom: auto;
  }
  .battle .battle-style .battle-style-textArea::before {
    top: -50px;
    left: -117px;
    height: 328px;
    width: 625px;
  }
  .battle .battle-style .battle-style-textArea__main-title {
    margin-bottom: 15px;
    width: 130px;
  }
  .battle .battle-style .battle-style-textArea__main-text {
    font-size: 20px;
    line-height: 1.7;
  }
  .battle .battle-style .reverse-item .battle-style-visualArea {
    padding: 0 10px 20px 10px;
  }
  .battle .battle-style .reverse-item .battle-style-textArea {
    left: -235px;
    right: auto;
  }
  .battle .battle-card {
    margin: 0 auto;
    max-width: 1400px;
  }
  .battle .battle-card::before {
    background-size: contain;
    top: -15px;
    right: -165px;
    height: 930px;
    width: 1400px;
  }
  .battle .battle-card__main-title {
    width: 630px;
  }
  .battle .battle-card__main-text {
    font-size: 20px;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  .battle .battle-card__link {
    margin: 0 auto;
    width: 380px;
  }
  .battle .battle-card .battle-card-textArea {
    padding: 0;
    margin: 0 auto 5px;
    width: 1080px;
  }
  .battle .battle-card .battle-card-imageArea {
    margin: 0 auto 80px;
    width: 100%;
  }
  .battle .battle-card .battle-card-imageArea__item.photo-item {
    width: 1090px;
  }
  .battle .battle-card .battle-card-imageArea__item.card-item {
    top: 200px;
    right: 0;
    width: 670px;
  }
  .stage {
    background-image: url("../img/top/stage_bg01__pc.png");
    background-size: 100% 100%;
    background-position: left top 300px;
    padding-top: 120px;
    padding-bottom: 240px;
    margin-top: -285px;
  }
  .stage__inner {
    width: 1080px;
  }
  .stage__sub-title {
    margin: 0 auto;
    width: 685px;
  }
  .stage .stage-skew {
    margin: 0 0 70px;
  }
  .stage .stage-skew .skew {
    height: 290px;
  }
  .stage .stage-pattern {
    margin: 0 auto;
    width: 1080px;
  }
  .stage .stage-pattern .stage-pattern-item.title-item {
    top: -672px;
    left: -175px;
    width: 1000px;
  }
  .stage .stage-pattern .stage-pattern-item.maple-item {
    top: -500px;
    left: -120px;
    width: 1336px;
  }
  .stage .stage-titleArea {
    padding: 0;
    top: 230px;
  }
  .stage .stage-titleArea__inner {
    padding: 0;
    margin: 0 auto;
    width: 1080px;
  }
  .stage .stage-titleArea__main-title {
    margin-left: 40px;
    width: 120px;
  }
  .stage .stage-Areabox__main-title {
    margin: 0 auto;
    width: 105px;
  }
  .stage .stage-Areabox__main-text {
    background-image: url("../img/top/stage_bg04__pc.png");
    font-size: 18px;
    padding: 50px 35px 55px 55px;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
  .stage .stage-Areabox .stage-Areabox-textArea {
    margin: 0 auto 30px;
    width: 1080px;
  }
  .stage .stage-Areabox .stage-Areabox-slider {
    padding: 30px 0;
  }
  .stage .stage-Areabox .stage-Areabox-slider__item::before {
    height: 62px;
    width: 62px;
  }
  .stage .stage-Areabox .stage-Areabox-slider .slick-prev {
    left: 425px;
    height: 82px;
    width: 50px;
  }
  .stage .stage-Areabox .stage-Areabox-slider .slick-next {
    right: 425px;
    height: 82px;
    width: 50px;
  }
  .stage .stage-Areabox.kyoto-Areabox {
    margin-bottom: 140px;
  }
  .stage .stage-Areabox.kyoto-Areabox .stage-Areabox-imageArea {
    top: -305px;
    right: 0px;
    width: 835px;
  }
  .stage .stage-Areabox.tosa-Areabox {
    margin-bottom: 30px;
  }
  .stage .stage-Areabox.tosa-Areabox .stage-Areabox-imageArea {
    top: -200px;
    left: 0px;
    width: 719px;
  }
  .stage .stage-ancher__inner {
    width: 705px;
  }
  .stage .stage-ancher__item {
    width: 340px;
  }
  .product {
    background-image: url("../img/top/product_bg01__pc.png");
    background-position: left top;
    background-size: 100% 110%;
    padding: 155px 0 50px;
    margin-top: -120px;
  }
  .product__inner {
    width: 1080px;
  }
  .product .product-skew::before {
    height: 317px;
    top: -158px;
  }
  .product .product-skew::after {
    height: 1200px;
    bottom: -1361px;
  }
  .product .product-pattern {
    margin: 0 auto;
    width: 1080px;
  }
  .product .product-pattern .product-pattern-item {
    right: -90px;
    top: -126px;
    width: 450px;
  }
  .product .product-titleArea__inner {
    padding: 0;
    margin: 0 auto;
    width: 1080px;
  }
  .product .product-titleArea__title {
    margin-right: 40px;
    width: 120px;
  }
  .product .product-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 25px;
  }
  .product .product-info__visual {
    margin: 0;
    width: 280px;
  }
  .product .product-info__detail {
    width: 610px;
  }
  .product .product-info__table {
    padding: 0;
  }
  .product .product-info__title {
    font-size: 20px;
    padding-left: 15px;
  }
  .product .product-info__title::before {
    top: 10px;
    height: 24px;
    width: 4px;
  }
  .product .product-info__text {
    font-size: 20px;
    padding-left: 20px;
  }
  .product .product-info__text::before {
    left: 0;
  }
  .product .product-info .product-info-btnArea {
    padding: 20px 0;
    width: 355px;
  }
  .product .product-note {
    margin: 0 0 35px 0;
  }
  .product .product-note__picture {
    width: 980px;
  }
  .product .product-banner {
    width: 630px;
  }
  .modal__demo-title {
    margin: 0 auto 60px;
    width: 380px;
  }
  .modal__btn-list {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
  .modal__btn-item {
    margin-right: 10px;
    margin-bottom: 0;
    width: 305px;
  }
  .modal__container {
    max-width: none;
  }
  .modal-delax {
    padding: 20px 40px 30px;
    width: 910px;
  }
  .modal-demo {
    padding: 20px 40px 30px;
    width: 1020px;
  }
  .modal__close {
    height: 27px;
    width: 27px;
  }
  .modal__delax-title {
    margin: 0 auto 40px;
    width: 560px;
  }
  .modal__delax-list {
    margin-bottom: 40px;
  }
  .modal__delax-item {
    margin-bottom: 0;
    width: 270px;
  }
  .modal__spec-title {
    margin: 0 auto 40px;
    width: 350px;
  }
}
/*# sourceMappingURL=top.css.map */