@charset "UTF-8";
@media only screen and (min-width: 1399px) {
  html,
  body {
    font-size: 62.5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  html,
  body {
    font-size: calc(10 * (100vw / 1400));
  }
}

@media only screen and (max-width: 767px) {
  html,
  body {
    font-size: calc(10 * (100vw / 750));
  }
}

.main-area {
  max-width: none;
  min-width: auto;
}

.bredlist.lp {
  min-width: auto;
  max-width: none;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .bredlist.lp {
    width: 120rem;
  }
}

@media only screen and (max-width: 767px) {
  .bredlist.lp {
    max-width: 70rem;
  }
}

.main-contents {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  /* -------------------- 対IE -------------------- */
}

@media only screen and (min-width: 1399px) {
  .main-contents {
    max-width: 1400px;
    margin: 35px auto 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  .main-contents {
    max-width: calc(1400 * (100vw / 1400));
    margin: calc(35 * (100vw / 1400)) auto calc(160 * (100vw / 1400));
  }
}

@media only screen and (max-width: 767px) {
  .main-contents {
    margin: calc(40 * (100vw / 750)) 0 calc(200 * (100vw / 750));
  }
}

_:-ms-lang(x)::-ms-backdrop .main-contents {
  overflow-x: hidden;
}

.main-contents .item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-contents * a {
  display: inline-block;
}

.main-contents img,
.main-contents video {
  width: 100%;
  height: 100%;
}

.main-contents a:link,
.main-contents h2,
.main-contents h3,
.main-contents h4,
.main-contents h5,
.main-contents h6 {
  color: inherit;
}

.main-contents {
  /* -------------------- 画像透け防止 -------------------- */
  /* -------------------- 準汎用ボタン（全てのアイテムをチェック） -------------------- */
  /* -------------------- 準汎リンクラップ -------------------- */
  /* -------------------- 準汎商品テキストリンク（間隔アリ） -------------------- */
  /* -------------------- テキスト改行 -------------------- */
  /* -------------------- 対IE -------------------- */
  /* -------------------- flex箱 -------------------- */
  /* -------------------- grid箱 -------------------- */
  /* -------------------- bg_number -------------------- */
  /* -------------------- 画像bg -------------------- */
  /* -------------------- 画像外枠線 -------------------- */
  /* -------------------- 動画 -------------------- */
}

.main-contents .image-opacity-block {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.main-contents .image-opacity-block::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.main-contents .vueall-block {
  border: solid 1px #000;
}

@media only screen and (min-width: 1399px) {
  .main-contents .vueall-block {
    width: 380px;
    height: 64px;
    margin: 0 auto 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  .main-contents .vueall-block {
    width: calc(380 * (100vw / 1400));
    height: calc(64 * (100vw / 1400));
    margin: 0 auto calc(160 * (100vw / 1400));
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .vueall-block {
    width: calc(675 * (100vw / 750));
    height: calc(120 * (100vw / 750));
    margin: 0 auto calc(200 * (100vw / 750));
  }
}

.main-contents .vueall-block .vueall-link {
  letter-spacing: 0.06em;
  width: 100%;
  height: 100%;
  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;
}

@media only screen and (min-width: 1399px) {
  .main-contents .vueall-block .vueall-link {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1399px) {
  .main-contents .vueall-block .vueall-link {
    font-size: calc(18 * (100vw / 1400));
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .vueall-block .vueall-link {
    font-size: calc(28 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .section-block .summary-wrapper .summary-txt:nth-of-type(1) {
    margin-bottom: 1.8rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .section-block .summary-wrapper .summary-txt:nth-of-type(1) {
    margin-bottom: calc(25 * (100vw / 750));
  }
}

.main-contents .credit-wrapper {
  text-align: left;
}

.main-contents .credit-wrapper .credit-link {
  display: inline-block;
  font-family: bilo, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.03em;
}

@media only screen and (min-width: 768px) {
  .main-contents .credit-wrapper .credit-link {
    font-size: 1.2rem;
    line-height: 2;
  }
  .main-contents .credit-wrapper .credit-link:nth-of-type(even) {
    margin-left: 1.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .credit-wrapper .credit-link {
    font-size: calc(22 * (100vw / 750));
    line-height: 1.818;
  }
  .main-contents .credit-wrapper .credit-link:nth-of-type(even) {
    margin-left: calc(24 * (100vw / 750));
  }
}

.main-contents .txt-new-line {
  display: block;
}

.main-contents .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-contents .flex-wrap-container {
  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;
}

.main-contents .flex-direction-container {
  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;
  /* -------------------- 対IE -------------------- */
}

.main-contents .flex-direction-container _:-ms-lang(x)::-ms-backdrop, .main-contents .flex-direction-container {
  min-height: 0%;
}

.main-contents .grid-container {
  display: -ms-grid;
  display: grid;
  justify-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.main-contents .section-block-number {
  position: relative;
}

.main-contents .section-block-number::before {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  font-family: bilo, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #f2f2e9;
}

@media only screen and (min-width: 768px) {
  .main-contents .section-block-number::before {
    font-size: 8rem;
    line-height: 1.025;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .section-block-number::before {
    font-size: calc(120 * (100vw / 750));
    line-height: 0.908;
    letter-spacing: .4rem;
  }
}

.main-contents .item-image-bgi {
  position: relative;
}

.main-contents .item-image-bgi::before {
  content: "";
  width: 110%;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
}

.main-contents .item-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .main-contents .sp-inner-margin-left {
    margin-left: calc(60 * (100vw / 750));
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sp-outer-margin-left {
    margin-left: calc(37 * (100vw / 750));
  }
}

/* -------------------- フェード各種 -------------------- */
.js-fade {
  opacity: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

.js-fade.show {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.js-fade-left {
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
}

.js-fade-right {
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
}

.js-fade-up {
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}

.js-fade-down {
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

.js-fade-in {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.js-fade-down {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

/* -------------------- 水平移動表示 -------------------- */
.image-horizon-anime {
  position: relative;
}

.image-horizon-anime::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  z-index: 3;
}

.image-horizon-anime-show::before {
  width: 0 !important;
}

/* ---------------------------------------------------------------------------------------------------- */
.main-contents {
  /* -------------------- 全般 -------------------- */
  /* -------------------- ファーストビュー -------------------- */
  /* -------------------- sec1 -------------------- */
  /* -------------------- sec2 -------------------- */
  /* -------------------- sec3 -------------------- */
  /* -------------------- sec4 -------------------- */
  /* -------------------- sec5 -------------------- */
  /* -------------------- sec6 -------------------- */
  /* -------------------- sec7 -------------------- */
  /* -------------------- 全てのアイテムをチェック -------------------- */
}

.main-contents .summary-txt {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .main-contents .summary-txt {
    font-size: 1.4rem;
    line-height: 1.99;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .summary-txt {
    font-size: calc(24 * (100vw / 750));
    line-height: 1.75;
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .firstvue-block {
    width: 120rem;
    margin: 0 auto 10.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .firstvue-block {
    margin-bottom: calc(201 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .firstvue-block .firstvue-img {
    margin-bottom: 6.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .firstvue-block .firstvue-img {
    margin-bottom: calc(80 * (100vw / 750));
  }
}

.main-contents .firstvue-block .intro-txt {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .main-contents .firstvue-block .intro-txt {
    font-size: 1.6rem;
    line-height: 2.875;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .firstvue-block .intro-txt {
    font-size: calc(26 * (100vw / 750));
    line-height: 2.538;
  }
}

.main-contents .sec01-block::before {
  content: "01";
}

@media only screen and (min-width: 768px) {
  .main-contents .sec01-block::before {
    top: 17rem;
    left: 9.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec01-block::before {
    z-index: 2;
    top: calc(-60 * (100vw / 750));
    left: calc(57 * (100vw / 750));
  }
}

.main-contents .sec01-block .item-image-bgi::before {
  background-image: url(../img/sec01-1-bgi.jpg);
}

@media only screen and (min-width: 768px) {
  .main-contents .sec01-block .item-image-bgi::before {
    top: 7rem;
    left: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec01-block .item-image-bgi::before {
    top: calc(75 * (100vw / 750));
    left: calc(75 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec01-block {
    width: 102rem;
    margin: 0 0 20rem 15.4rem;
  }
  .main-contents .sec01-block .grid-container {
    -ms-grid-columns: 50rem 7rem 45rem;
        grid-template-columns: 50rem 7rem 45rem;
    -ms-grid-rows: 51.6rem 15.9rem 59.1rem;
        grid-template-rows: 51.6rem 15.9rem 59.1rem;
  }
  .main-contents .sec01-block .grid-container .item-image1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 3 / 4;
  }
  .main-contents .sec01-block .grid-container > .summary-txt {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
    margin: 22.4rem 0 0 12.3rem;
  }
  .main-contents .sec01-block .grid-container .item-image2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 2 / 1 / 4 / 2;
  }
  .main-contents .sec01-block .grid-container .summary-wrapper {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 3 / 3 / 4 / 4;
    margin: 33.4rem 0 0 3rem;
  }
}

@media only screen and (min-width: 767px) and (max-width: 769px) {
  .main-contents .sec01-block .grid-container > .summary-txt {
    margin: 22.4rem 0 0 8rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec01-block .item-image1 {
    width: calc(488 * (100vw / 750));
    margin: 0 auto calc(51 * (100vw / 750));
  }
  .main-contents .sec01-block .summary-txt:nth-of-type(1) {
    margin-bottom: calc(91 * (100vw / 750));
    z-index: 1;
  }
  .main-contents .sec01-block .item-image2 {
    width: calc(600 * (100vw / 750));
    margin-bottom: calc(51 * (100vw / 750));
  }
  .main-contents .sec01-block .summary-wrapper {
    margin-bottom: calc(211 * (100vw / 750));
  }
}

.main-contents .sec02-block::before {
  content: "02";
  z-index: 1;
}

@media only screen and (min-width: 768px) {
  .main-contents .sec02-block::before {
    top: -5.1rem;
    left: 28rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec02-block::before {
    top: calc(-60 * (100vw / 750));
    left: calc(95 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec02-block {
    width: 105rem;
    margin: 0 auto 15rem;
  }
  .main-contents .sec02-block .grid-container {
    -ms-grid-columns: 30rem 45rem 30rem;
        grid-template-columns: 30rem 45rem 30rem;
    -ms-grid-rows: 67.5rem 1fr 25rem 24.9rem 42.6rem;
        grid-template-rows: 67.5rem 1fr 25rem 24.9rem 42.6rem;
  }
  .main-contents .sec02-block .grid-container .item-image1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
  }
  .main-contents .sec02-block .grid-container > .summary-txt {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 1 / 3 / 3;
    margin: 5.4rem 0 9.4rem 18.1rem;
  }
  .main-contents .sec02-block .grid-container .item-image2 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 3 / 2 / 4 / 4;
    -ms-grid-row-span: 2;
  }
  .main-contents .sec02-block .grid-container .summary-wrapper {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 4 / 2 / 5 / 4;
    justify-self: flex-end;
    -ms-grid-column-align: end;
    margin-top: 34rem;
  }
  .main-contents .sec02-block .grid-container .item-video {
    -ms-grid-row: 4;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 4 / 1 / 6 / 2;
    width: 38rem;
    margin-right: -8rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec02-block {
    margin-bottom: calc(239 * (100vw / 750));
  }
  .main-contents .sec02-block .grid-container .item-image1 {
    width: calc(487 * (100vw / 750));
    margin: 0 auto calc(51 * (100vw / 750));
  }
  .main-contents .sec02-block .grid-container > .summary-txt {
    margin: 0 0 calc(91 * (100vw / 750)) calc(78 * (100vw / 750));
  }
  .main-contents .sec02-block .grid-container .item-image2 {
    margin-bottom: calc(55 * (100vw / 750));
  }
  .main-contents .sec02-block .grid-container .summary-wrapper {
    margin-bottom: calc(91 * (100vw / 750));
  }
  .main-contents .sec02-block .grid-container .item-video {
    width: calc(562 * (100vw / 750));
    margin: 0 auto;
  }
}

.main-contents .sec03-block::before {
  content: "03";
}

@media only screen and (min-width: 768px) {
  .main-contents .sec03-block::before {
    top: 12rem;
    left: 65rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec03-block::before {
    z-index: 2;
    top: calc(-78 * (100vw / 750));
    left: calc(580 * (100vw / 750));
  }
}

.main-contents .sec03-block .item-image-bgi::before {
  background-image: url(../img/sec03-1-bgi.jpg);
}

@media only screen and (min-width: 768px) {
  .main-contents .sec03-block .item-image-bgi::before {
    top: 7rem;
    left: -7rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec03-block .item-image-bgi::before {
    top: calc(75 * (100vw / 750));
    left: calc(-75 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec03-block {
    width: 93.1rem;
    margin: 0 0 14.4rem 21.8rem;
  }
  .main-contents .sec03-block .grid-container {
    -ms-grid-columns: 22rem 30.1rem 7.9rem 14rem 19rem;
        grid-template-columns: 22rem 30.1rem 7.9rem 14rem 19rem;
    -ms-grid-rows: 40rem 16.9rem 78rem 29.3rem;
        grid-template-rows: 40rem 16.9rem 78rem 29.3rem;
  }
  .main-contents .sec03-block .grid-container .item-image1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: 1 / 1 / 2 / 4;
  }
  .main-contents .sec03-block .grid-container > .summary-txt {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: 1 / 4 / 2 / 6;
    justify-self: flex-end;
    -ms-grid-column-align: end;
    margin: 17.3rem -1rem 0 0;
  }
  .main-contents .sec03-block .grid-container .item-image2 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-area: 3 / 2 / 4 / 5;
  }
  .main-contents .sec03-block .grid-container .summary-wrapper {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: 4 / 3 / 5 / 6;
    -ms-flex-item-align: end;
        align-self: flex-end;
    -ms-grid-row-align: end;
  }
}

@media only screen and (min-width: 767px) and (max-width: 769px) {
  .main-contents .sec03-block .grid-container {
    -ms-grid-rows: 40rem 16.9rem 84rem 31rem;
        grid-template-rows: 40rem 16.9rem 84rem 31rem;
  }
  .main-contents .sec03-block .grid-container .summary-wrapper {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    grid-area: 4 / 2 / 5 / 6;
    justify-self: flex-end;
    -ms-grid-column-align: end;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec03-block {
    margin-bottom: calc(153 * (100vw / 750));
  }
  .main-contents .sec03-block .grid-container .item-image1 {
    width: calc(612 * (100vw / 750));
    margin: 0 0 calc(51 * (100vw / 750)) calc(75 * (100vw / 750));
  }
  .main-contents .sec03-block .grid-container > .summary-txt {
    margin: 0 0 calc(91 * (100vw / 750)) calc(78 * (100vw / 750));
    z-index: 1;
  }
  .main-contents .sec03-block .grid-container .item-image2 {
    width: calc(562 * (100vw / 750));
    margin: 0 0 calc(51 * (100vw / 750)) calc(150 * (100vw / 750));
  }
}

.main-contents .sec04-block::before {
  content: "04";
}

@media only screen and (min-width: 768px) {
  .main-contents .sec04-block::before {
    top: 15rem;
    left: 65rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec04-block::before {
    z-index: 1;
    top: calc(973 * (100vw / 750));
    left: calc(40 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec04-block {
    width: 103rem;
    margin: 0 auto 28.4rem;
  }
  .main-contents .sec04-block .grid-container {
    -ms-grid-columns: 55rem 10rem 38rem;
        grid-template-columns: 55rem 10rem 38rem;
    -ms-grid-rows: 48.3rem 34.2rem 22.8rem 15.1rem;
        grid-template-rows: 48.3rem 34.2rem 22.8rem 15.1rem;
  }
  .main-contents .sec04-block .grid-container .item-image1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 3 / 2;
  }
  .main-contents .sec04-block .grid-container > .summary-txt {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 2 / 4;
    justify-self: flex-start;
    -ms-grid-column-align: start;
    margin-top: 25.3rem;
  }
  .main-contents .sec04-block .grid-container .credit-wrapper {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 3 / 1 / 4 / 3;
  }
  .main-contents .sec04-block .grid-container .credit-wrapper .credit-link:not(:nth-of-type(1)):not(:nth-of-type(4)):not(:nth-of-type(7)):not(:nth-of-type(9)) {
    margin-left: 1.2rem;
  }
  .main-contents .sec04-block .grid-container .credit-link:nth-of-type(4) {
    margin-left: 0;
  }
  .main-contents .sec04-block .grid-container .item-image2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 2 / 3 / 4 / 4;
  }
  .main-contents .sec04-block .grid-container .summary-txt:nth-of-type(2) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 4 / 2 / 5 / 4;
  }
  .main-contents .sec04-block .grid-container .credit-wrapper,
  .main-contents .sec04-block .grid-container .summary-txt:nth-of-type(2) {
    margin-top: 5.4rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec04-block {
    margin-bottom: calc(311 * (100vw / 750));
  }
  .main-contents .sec04-block .grid-container .item-image1 {
    width: calc(675 * (100vw / 750));
    margin: 0 auto calc(95 * (100vw / 750));
  }
  .main-contents .sec04-block .grid-container > .summary-txt {
    margin-bottom: calc(25 * (100vw / 750));
  }
  .main-contents .sec04-block .grid-container .credit-wrapper {
    margin-bottom: calc(91 * (100vw / 750));
  }
  .main-contents .sec04-block .grid-container .item-image2 {
    width: calc(450 * (100vw / 750));
    margin: 0 auto calc(51 * (100vw / 750));
  }
  .main-contents .sec04-block .grid-container .summary-txt:nth-of-type(2) {
    -ms-grid-column-align: center;
        justify-self: center;
  }
}

.main-contents .sec05-block::before {
  content: "05";
}

@media only screen and (min-width: 768px) {
  .main-contents .sec05-block::before {
    top: 73rem;
    left: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec05-block::before {
    top: calc(-140 * (100vw / 750));
    left: calc(590 * (100vw / 750));
  }
}

.main-contents .sec05-block .item-image-bgi::before {
  background-image: url(../img/sec05-1-bgi.jpg);
}

@media only screen and (min-width: 768px) {
  .main-contents .sec05-block .item-image-bgi::before {
    top: -14.1rem;
    left: -10rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec05-block .item-image-bgi::before {
    top: calc(-159 * (100vw / 750));
    left: calc(-119 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec05-block {
    width: 96rem;
    margin: 0 auto 14.4rem;
  }
  .main-contents .sec05-block .grid-container {
    -ms-grid-columns: 30.7rem 14.5rem 7.8rem 22.7rem 20.4rem;
        grid-template-columns: 30.7rem 14.5rem 7.8rem 22.7rem 20.4rem;
    -ms-grid-rows: 67.5rem 28.6rem 6.2rem 67.5rem 6.2rem 20rem;
        grid-template-rows: 67.5rem 28.6rem 6.2rem 67.5rem 6.2rem 20rem;
  }
  .main-contents .sec05-block .grid-container .item-image1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-area: 1 / 2 / 2 / 5;
  }
  .main-contents .sec05-block .grid-container > .summary-txt {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-area: 2 / 1 / 3 / 5;
    margin: 11.4rem 0 9.4rem 3.6rem;
  }
  .main-contents .sec05-block .grid-container .item-image2 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 4 / 1 / 6 / 3;
  }
  .main-contents .sec05-block .grid-container .summary-wrapper {
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-area: 6 / 1 / 7 / 5;
    margin-top: 5.4rem;
  }
  .main-contents .sec05-block .grid-container .summary-wrapper .summary-txt {
    margin-bottom: 2.5rem;
  }
  .main-contents .sec05-block .grid-container .item-video {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: 3 / 4 / 6 / 6;
    height: 100%;
    /* -------------------- 対IE -------------------- */
    /* -------------------- 対IE -------------------- */
  }
  .main-contents .sec05-block .grid-container .item-video _:-ms-lang(x)::-ms-backdrop, .main-contents .sec05-block .grid-container .item-video {
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  .main-contents .sec05-block .grid-container .item-video video {
    -o-object-fit: cover;
       object-fit: cover;
    /* -------------------- 対IE -------------------- */
  }
  .main-contents .sec05-block .grid-container .item-video video _:-ms-lang(x)::-ms-backdrop, .main-contents .sec05-block .grid-container .item-video video {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .main-contents .sec05-block .grid-container .item-video _:-ms-lang(x)::-ms-backdrop .obj-f video, .main-contents .sec05-block .grid-container .item-video .obj-f video {
      position: static;
      height: 100%;
      width: 100%;
      left: 0;
      -o-object-fit: cover;
      object-fit: cover;
      top: 0;
      -webkit-transform: none;
      transform: none;
    }
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec05-block {
    margin-bottom: calc(160 * (100vw / 750));
  }
  .main-contents .sec05-block .grid-container .item-image1 {
    width: calc(562 * (100vw / 750));
    margin: 0 0 calc(51 * (100vw / 750)) calc(119 * (100vw / 750));
  }
  .main-contents .sec05-block .grid-container > .summary-txt {
    margin-bottom: calc(91 * (100vw / 750));
  }
  .main-contents .sec05-block .grid-container .item-image2 {
    margin-bottom: calc(51 * (100vw / 750));
  }
  .main-contents .sec05-block .grid-container .summary-wrapper {
    margin-bottom: calc(91 * (100vw / 750));
  }
  .main-contents .sec05-block .grid-container .item-video {
    width: calc(562 * (100vw / 750));
    margin: 0 auto;
  }
}

.main-contents .sec06-block::before {
  content: "06";
}

@media only screen and (min-width: 768px) {
  .main-contents .sec06-block::before {
    top: 16.4rem;
    left: 59rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec06-block::before {
    z-index: 1;
    top: calc(80 * (100vw / 750));
    left: calc(530 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec06-block {
    width: 109rem;
    margin: 0 auto 15rem;
  }
  .main-contents .sec06-block .grid-container {
    -ms-grid-columns: 52rem 7rem 50rem;
        grid-template-columns: 52rem 7rem 50rem;
    -ms-grid-rows: 56.7rem 21.3rem 53.7rem;
        grid-template-rows: 56.7rem 21.3rem 53.7rem;
  }
  .main-contents .sec06-block .grid-container .item-image1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 3 / 2;
  }
  .main-contents .sec06-block .grid-container > .summary-txt {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 1 / 3 / 2 / 4;
    margin-top: 27rem;
  }
  .main-contents .sec06-block .grid-container .item-image2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 2 / 3 / 4 / 4;
  }
  .main-contents .sec06-block .grid-container .summary-wrapper {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 3 / 1 / 4 / 2;
    justify-self: flex-end;
    -ms-grid-column-align: end;
    margin-top: 27.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec06-block {
    margin-bottom: calc(151 * (100vw / 750));
  }
  .main-contents .sec06-block .grid-container .item-image1 {
    width: calc(525 * (100vw / 750));
    margin: 0 auto calc(51 * (100vw / 750));
  }
  .main-contents .sec06-block .grid-container > .summary-txt {
    margin-bottom: calc(91 * (100vw / 750));
  }
  .main-contents .sec06-block .grid-container .item-image2 {
    width: calc(525 * (100vw / 750));
    margin: 0 0 calc(51 * (100vw / 750)) calc(188 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec07-block {
    width: 52.5rem;
    margin: 0 0 14.4rem 42.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec07-block {
    margin-bottom: calc(151 * (100vw / 750));
  }
}

.main-contents .sec07-block::before {
  content: "07";
}

@media only screen and (min-width: 768px) {
  .main-contents .sec07-block::before {
    top: -5.5rem;
    left: .5rem;
    z-index: 2;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec07-block::before {
    top: calc(902 * (100vw / 750));
    left: calc(62 * (100vw / 750));
    z-index: 2;
  }
}

.main-contents .sec07-block .item-image-bgi::before {
  background-image: url(../img/sec07-1-bgi.jpg);
}

@media only screen and (min-width: 768px) {
  .main-contents .sec07-block .item-image-bgi::before {
    top: 7rem;
    left: 7rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec07-block .item-image-bgi::before {
    top: calc(75 * (100vw / 750));
    left: calc(75 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec07-block .flex-wrap-container .item-image1 {
    margin: 0 0 5.4rem 2.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec07-block .flex-wrap-container .item-image1 {
    width: calc(638 * (100vw / 750));
    margin-bottom: calc(85 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec07-block .flex-wrap-container .summary-txt {
    margin-bottom: 9.4rem;
    z-index: 1;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec07-block .flex-wrap-container .summary-txt {
    margin-bottom: calc(91 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .sec07-block .flex-wrap-container .item-image2 {
    width: 45rem;
    margin: 0 0 5.4rem 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .sec07-block .flex-wrap-container .item-image2 {
    width: calc(562 * (100vw / 750));
    margin: 0 auto calc(51 * (100vw / 750));
  }
}

@media only screen and (min-width: 768px) {
  .main-contents .vueall-block {
    margin-bottom: 16rem;
  }
}

@media only screen and (max-width: 767px) {
  .main-contents .vueall-block {
    margin-bottom: calc(200 * (100vw / 750));
  }
}

@media only screen and (max-width: 767px) {
  .pc-contents {
    display: none;
  }
}

.sp-contents {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sp-contents {
    display: inherit;
  }
}
/*# sourceMappingURL=style.css.map */