@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:ital,wght@1,700&display=block");
/* ------------------------------------------- SASS Information
 Name:      app.scss
 Author:    #$WEB_AUTHOR
 Info:      #$WEB_SITE_NAME
 TODO ローカル開発サーバー起動時、本番サイトをビルド時に
      $WEB_AUTHOR、$WEB_SITE_NAMEを持ってこれるよう調整
----------------------------------------------------------- */
/* -----------------------------------------------------------
  COMMON: config
----------------------------------------------------------- */
/* ------------------------------------------- SASS Information
 Name:      _reset.scss
----------------------------------------------------------- */
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

html {
  box-sizing: border-box;
}

*, *:after, *:before {
  box-sizing: inherit;
}

body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  all: unset;
  display: revert;
  cursor: revert;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
  font-weight: normal;
}

img {
  border-style: none;
  vertical-align: bottom;
}

img, video {
  max-width: 100%;
  height: auto;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input::-webkit-search-decoration {
  display: none;
}
input:focus {
  outline-offset: -2px;
}

select::-ms-expand {
  display: none;
}
select::-webkit-search-decoration {
  display: none;
}
select:focus {
  outline-offset: -2px;
}

button {
  background-color: transparent;
}

textarea {
  resize: none;
}
textarea::-webkit-search-decoration {
  display: none;
}
textarea:focus {
  outline-offset: -2px;
}

input, select, button, textarea {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
}

/* -----------------------------------------------------------
  STYLES: components
----------------------------------------------------------- */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* -----------------------------------------------------------
  STYLES: layouts
----------------------------------------------------------- */
/* ------------------------------------------- SASS Information
 Name:      layouts/_default.scss
----------------------------------------------------------- */
body {
  background: #fff;
  color: #000;
  font-size: 16px;
  font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
@media print {
  body {
    width: 1280px;
    transform: scale(0.8);
    transform-origin: 0 0;
  }
}

main {
  flex: 1;
}

a {
  color: #000;
  line-height: normal;
}

h1, h2, h3, h4, h5, h6, p {
  line-height: normal;
}

.linkLine {
  text-decoration: underline;
}

@media print, screen and (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
  .u-pc {
    display: block;
  }
  .m-underLine {
    display: inline-block;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -0.05em;
    position: relative;
  }
  .m-underLine::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-color: #000;
    position: absolute;
    bottom: 8px;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .u-sp {
    display: block;
  }
  .u-pc {
    display: none !important;
  }
  .m-underLine {
    display: inline-block;
    line-height: 1.5;
    font-weight: 900;
    letter-spacing: -0.05em;
    position: relative;
  }
  .m-underLine::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media print {
  img {
    display: none !important;
  }
  video {
    display: none !important;
  }
}
/* ------------------------------------------- SASS Information
 Name:      layouts/_content.scss
----------------------------------------------------------- *//* ------------------------------------------- SASS Information
	Name:      /components/header
	----------------------------------------------------------- */
body.js-fix {
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .header-wrapper #section-header {
    padding: 15px 2.4%;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-wrapper #section-header .header-logo a {
    display: block;
  }
  .header-wrapper #section-header .header-menuBtn {
    position: relative;
    width: 44px;
    height: 24px;
    cursor: pointer;
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #000;
    transition: all 0.3s ease;
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar:first-of-type {
    top: 0;
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar:last-of-type {
    bottom: 0;
  }
  .header-wrapper .header-menu .header-menuList {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 118px 0 60px;
    transition: all 0.3s;
  }
  .header-wrapper .header-menu .header-menuList .header-menuListItem {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  .header-wrapper .header-menu .header-menuList .header-menuListItem:not(:first-of-type) {
    margin-top: 24px;
  }
  .header-wrapper .header-menu .header-menuList .header-menuListItem a {
    display: inline-block;
  }
  .header-wrapper.js-open #section-header {
    border-bottom: solid 1px #000;
  }
  .header-wrapper.js-open #section-header .header-menuBtn .header-menuBtnBar:first-of-type {
    transform: translateY(10px) rotate(-30deg);
  }
  .header-wrapper.js-open #section-header .header-menuBtn .header-menuBtnBar:nth-of-type(2) {
    display: none;
  }
  .header-wrapper.js-open #section-header .header-menuBtn .header-menuBtnBar:last-of-type {
    transform: translateY(-9px) rotate(30deg);
  }
  .header-wrapper.js-open .header-menu .header-menuList {
    top: 0;
  }
  .header-wrapper.js-open .header-menuCover {
    transition: all 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    background: #C8C8C8;
  }
}
@media only screen and (max-width: 767px) {
  .header-wrapper #section-header {
    padding: 4.5333333333vw;
    padding: 4.5333333333vw 4vw;
    padding: 4.5333333333vw 4vw 4.5333333333vw;
    padding: 4.5333333333vw 4vw 4.5333333333vw 4vw;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-wrapper #section-header .header-logo {
    width: 34.1333333333vw;
  }
  .header-wrapper #section-header .header-logo a {
    display: block;
  }
  .header-wrapper #section-header .header-menuBtn {
    position: relative;
    width: 5.3333333333vw;
    height: 3.7333333333vw;
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #000;
    transition: all 0.3s ease;
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar:first-of-type {
    top: 0;
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .header-wrapper #section-header .header-menuBtn .header-menuBtnBar:last-of-type {
    bottom: 0;
  }
  .header-wrapper .header-menu .header-menuList {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    overflow: auto;
    background-color: #fff;
    padding: 24vw;
    padding: 24vw 6.6666666667vw;
    padding: 24vw 6.6666666667vw 10.6666666667vw;
    padding: 24vw 6.6666666667vw 10.6666666667vw 6.6666666667vw;
    transform: translateY(-100%);
    transition: all 0.3s;
  }
  .header-wrapper .header-menu .header-menuList .header-menuListItem {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  .header-wrapper .header-menu .header-menuList .header-menuListItem:not(:first-of-type) {
    margin-top: 4.2666666667vw;
  }
  .header-wrapper .header-menu .header-menuList .header-menuListItem a {
    display: inline-block;
  }
  .header-wrapper.js-open #section-header {
    border-bottom: solid 1px #000;
  }
  .header-wrapper.js-open #section-header .header-menuBtn .header-menuBtnBar:first-of-type {
    top: 50%;
    transform: translateY(-50%) rotate(-30deg);
  }
  .header-wrapper.js-open #section-header .header-menuBtn .header-menuBtnBar:nth-of-type(2) {
    display: none;
  }
  .header-wrapper.js-open #section-header .header-menuBtn .header-menuBtnBar:last-of-type {
    top: 50%;
    transform: translateY(-50%) rotate(30deg);
  }
  .header-wrapper.js-open .header-menu .header-menuList {
    transform: translateY(0);
  }
  .header-wrapper.js-open .header-menuCover {
    transition: all 0.3s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100vw;
    height: 100vh;
    background: #C8C8C8;
  }
}#section-footer[data-astro-cid-sz7xmlte] .footer_logo[data-astro-cid-sz7xmlte]{width:100px}@media print,screen and (min-width: 768px){#section-footer[data-astro-cid-sz7xmlte] .footer_logo[data-astro-cid-sz7xmlte]{width:100px}}@media only screen and (max-width: 767px){#section-footer[data-astro-cid-sz7xmlte] .footer_logo[data-astro-cid-sz7xmlte]{width:26.6666666667vw}}@use "sass:math";@use "../assets/common/stylesheets/config";
/* ------------------------------------------- SASS Information
Name:      _index.scss
----------------------------------------------------------- */
body.page-index {
  
}
@media print, screen and (min-width: 768px) {
  body.page-index {
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  body.page-index main {
    overflow: clip;
    --decal: 10vw;
  }
  body.page-index .section-clip:first-of-type {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--decal)));
  }
  body.page-index .section-clip:not(:first-of-type) {
    clip-path: polygon(0 0, 100% var(--decal), 100% 100%, 0 calc(100% - var(--decal)));
    margin-top: calc(-1 * var(--decal));
  }
  body.page-index .section-clip:last-of-type {
    clip-path: polygon(0 0, 100% var(--decal), 100% 100%, 0 100%);
  }
  body.page-index .m-coming {
    text-align: center;
    font-size: 48px;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin-top: 92px;
  }
  body.page-index .textAnimation {
    overflow: clip;
    color: #FF554D;
    font-family: "Sofia Sans Semi Condensed", sans-serif;
    font-weight: 700;
    letter-spacing: -0.03em;
    padding: 0 20px;
  }
  body.page-index .textAnimation canvas {
    transform: skewX(-10deg);
    max-width: 95%;
  }
  body.page-index .btn {
    width: 212px;
    margin: 50px auto;
    cursor: pointer;
    border: solid 1px #001426;
    border-radius: 60px;
  }
  body.page-index .btn a {
    display: block;
  }
  body.page-index .btn svg {
    width: 148px;
    padding: 16px 0;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-index .btn .hover-effect {
    transition: fill 1s, stroke 1s;
  }
  body.page-index .btn .hover-effect rect,
  body.page-index .btn .hover-effect path {
    transition: fill 1s, stroke 1s;
  }
  body.page-index .btn .hover-effect rect {
    fill: none;
    stroke: #001426;
  }
  body.page-index .btn .hover-effect path {
    fill: #001426;
  }
  body.page-index .btn:hover {
    background-color: #001426;
  }
  body.page-index .btn:hover .hover-effect rect {
    fill: #000;
    stroke: #000;
  }
  body.page-index .btn:hover .hover-effect path {
    fill: #fff;
  }
  body.page-index .sectionBg {
    position: relative;
    z-index: 2;
    background-color: #fff;
  }
  body.page-index .kv {
    margin-top: 68px;
    width: 100%;
    position: fixed;
  }
  body.page-index .kv video {
    max-width: 100%;
    width: 100%;
    height: 70vh;
    object-fit: cover;
  }
  body.page-index .cmGallery {
    margin-top: calc(70vh + 68px);
    padding-top: 120px;
    position: relative;
  }
  body.page-index .cmGallery .cmGallery-polygon {
    width: 100%;
    aspect-ratio: 1440/160;
    position: absolute;
    left: 0;
    bottom: 98px;
    z-index: -1;
  }
  body.page-index .cmGallery .cmGallery-polygon img {
    width: 100%;
  }
  body.page-index .cmGallery::after {
    content: "";
    display: block;
    width: 100%;
    height: 550px;
    background-color: #FF554D;
    position: absolute;
    left: 0;
    bottom: -451px;
    z-index: -1;
  }
  body.page-index .cmGallery #anchor-cmGallery {
    padding-top: 150px;
  }
  body.page-index .cmGallery .cmGallery-title {
    width: 725px;
    margin-left: 0.9%;
    position: absolute;
    top: 149px;
    left: 0;
    z-index: 2;
  }
  body.page-index .cmGallery .cmGallery-list {
    display: flex;
    margin: 0 auto;
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem {
    width: 66.6666666667vw;
    max-width: 924px;
    text-align: right;
    margin-right: 6.6666666667vw;
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem .cmGallery-listImg {
    width: 100%;
    aspect-ratio: 924/520;
    overflow: hidden;
    cursor: pointer;
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem .cmGallery-listImg img {
    transition: 0.5s all;
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem .cmGallery-listImg img:hover {
    transform: scale(1.2, 1.2);
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem .cmGallery-listItemText {
    font-size: 32px;
    margin-left: auto;
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem .cmGallery-listItemText.m-underLine::after {
    bottom: 0;
  }
  body.page-index .cmGallery .slick-arrow {
    cursor: pointer;
    position: absolute;
    bottom: -65px;
    line-height: 0;
    font-size: 0;
  }
  body.page-index .cmGallery .slick-arrow::before {
    content: "";
    display: block;
    width: 16px;
    height: 21px;
    background-color: #C8C8C8;
  }
  body.page-index .cmGallery .slick-arrow:hover::before {
    background-color: #000;
  }
  body.page-index .cmGallery .slick-arrow.slick-prev {
    left: calc(50% - 145px);
    transform: translateX(-50%);
  }
  body.page-index .cmGallery .slick-arrow.slick-prev::before {
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
  }
  body.page-index .cmGallery .slick-arrow.slick-next {
    right: calc(50% - 160px);
    transform: translateX(-50%);
  }
  body.page-index .cmGallery .slick-arrow.slick-next::before {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  body.page-index .cmGallery .slick-dots {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
  }
  body.page-index .cmGallery .slick-dots li {
    background-color: #C8C8C8;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
  }
  body.page-index .cmGallery .slick-dots li:not(:first-of-type) {
    margin-left: 16px;
  }
  body.page-index .cmGallery .slick-dots li.slick-active {
    background-color: #000;
  }
  body.page-index .cmGallery .slick-dots li button {
    position: relative;
    text-indent: -9999px;
  }
  body.page-index .cmGallery .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    justify-content: center;
    align-items: center;
  }
  body.page-index .cmGallery .modal-content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70.1%;
    max-width: 1010px;
    aspect-ratio: 640/360;
    box-sizing: border-box;
  }
  body.page-index .cmGallery .player-container {
    width: 100%;
    height: 100%;
  }
  body.page-index .cmGallery .modal-close {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 10;
    cursor: pointer;
  }
  body.page-index .cmGallery .modal-thumbnail {
    cursor: pointer;
    width: 100%;
    height: auto;
    position: absolute; /* プレイヤーの上に表示 */
    top: 0;
    left: 0;
  }
  body.page-index .maker {
    padding: 243px 0 160px;
    background-color: #FF554D;
    /* .maker-img{
    	margin-top: 75px;
    } */
  }
  body.page-index .maker .maker-title {
    font-size: 38px;
    line-height: 1;
    margin-left: 5.6%;
  }
  body.page-index .maker .maker-title.m-underLine::after {
    bottom: 0;
  }
  body.page-index .maker .maker-imgBox {
    margin-top: 75px;
    position: relative;
  }
  body.page-index .maker .maker-imgTextBox {
    width: 54%;
    max-width: 777px;
    position: absolute;
    top: 25%;
    right: 0;
  }
  body.page-index .maker .maker-imgTextBox .maker-imgText:first-of-type {
    width: 75.7%;
    max-width: 588px;
  }
  body.page-index .maker .maker-imgTextBox .maker-imgText:nth-of-type(2) {
    width: 83.1%;
    max-width: 646px;
    margin-top: 32px;
  }
  body.page-index .maker .maker-imgTextBox .maker-imgText:last-of-type {
    width: 43.2%;
    max-width: 336px;
    margin-top: 32px;
  }
  body.page-index .maker .maker-textBox {
    width: 75%;
    max-width: 1080px;
    margin: 70px auto 0;
  }
  body.page-index .maker .maker-text {
    font-size: 21px;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  body.page-index .maker .makerGallery {
    /* margin-top: 150px;
    padding-bottom: 100px; */
    width: 75%;
    max-width: 1080px;
    margin: 150px auto 100px;
  }
  body.page-index .maker .makerGallery .makerGallery-title {
    width: 95%;
    max-width: 1026px;
    margin: 0 auto;
  }
  body.page-index .maker .makerGallery .makerGallery-text {
    font-size: 28px;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
    text-align: center;
    margin-top: 32px;
  }
  body.page-index .maker .makerGallery .makerGallery-list {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 1.5%;
  }
  body.page-index .maker .makerGallery .makerGallery-list .makerGallery-listItem {
    width: 18.8%;
    /* opacity: 0;
    transform: translateY(20px); */
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  body.page-index .maker .makerGallery .makerGallery-list .makerGallery-listItem img {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.15);
  }
  body.page-index .maker .makerGallery .makerGallery-list .hidden {
    opacity: 0;
    transform: translateY(20px);
  }
  body.page-index .maker .makerGallery .makerGallery-list .fade-in {
    opacity: 1;
    transform: translateY(0);
  }
  body.page-index .maker .makerGallery .makerGallery-more {
    cursor: pointer;
    font-size: 37px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: center;
    margin-top: 40px;
  }
  body.page-index .maker .makerGallery .makerGallery-more img {
    vertical-align: middle;
    margin-left: 8px;
  }
  body.page-index .campaign {
    background-color: #C8C8C8;
    padding: 160px 0 160px;
    margin-top: 250px !important;
  }
  body.page-index .campaign .campaign-title {
    width: 62.5%;
    max-width: 900px;
    margin-left: 1.4%;
    position: relative;
    z-index: 2;
  }
  body.page-index .campaign .campaign-img {
    width: 88.9%;
    max-width: 1280px;
    margin: -67px auto 0;
  }
  body.page-index .campaign .campaign-imgText {
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 9px;
  }
  body.page-index .campaign .campaign-note {
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  body.page-index .cast {
    background-color: #001426;
    padding: 160px 0;
    color: #fff;
    position: relative;
    /* background-image: url('../images/index/bg-cast.png'), url('../images/index/bg-cast.png'); */
    background-repeat: no-repeat, no-repeat;
    background-size: 47.7% auto, 47.7% auto;
    background-position: 110% 237px, -20% 850px;
  }
  body.page-index .cast .cast-inner {
    width: 91.7%;
    max-width: 1320px;
    margin: 0 auto;
  }
  body.page-index .cast .cast-title {
    font-size: 38px;
  }
  body.page-index .cast .cast-title.m-underLine::after {
    background-color: #fff;
  }
  body.page-index .cast .cast-list {
    margin: 60px auto 0;
    width: 68.1%;
    max-width: 980px;
  }
  body.page-index .cast .cast-list .cast-listItem {
    width: 64.6%;
  }
  body.page-index .cast .cast-list .cast-listItem:not(:first-of-type) {
    margin-top: 60px;
  }
  body.page-index .cast .cast-list .cast-listItem:nth-of-type(even) {
    margin-left: auto;
  }
  body.page-index .cast .cast-list .cast-listItem:first-of-type {
    width: 66.6%;
  }
  body.page-index .cast .cast-list .cast-listItem:first-of-type .cast-listText {
    width: 64.3%;
  }
  body.page-index .cast .cast-list .cast-listItem:nth-of-type(2) {
    width: 62.3%;
  }
  body.page-index .cast .cast-list .cast-listItem:nth-of-type(2) .cast-listText {
    width: 68.7%;
  }
  body.page-index .cast .cast-list .cast-listItem .cast-listText {
    margin: 30px auto 0;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  body.page-index .item {
    padding: 160px 0;
    position: relative;
    overflow-x: hidden;
    background-color: #E9DED1;
  }
  body.page-index .item.mac-chrome-style {
    background-color: #EBE2D7;
  }
  body.page-index .item .item-inner {
    max-width: 1280px;
    width: 88.9%;
    margin: 0 auto;
  }
  body.page-index .item .item-title {
    font-size: 48px;
  }
  body.page-index .item .item-title.m-underLine::after {
    bottom: 13px;
  }
  body.page-index .item .item-logo {
    width: 46.9%;
    max-width: 600px;
    margin: 54px auto 0;
  }
  body.page-index .item .item-videoWrapper {
    width: 56.1%;
    max-width: 718px;
    margin: 56px auto 0;
  }
  body.page-index .item .item-videoWrapper img{
    width: 80%;
    display: block;
    margin: 0 auto;
  }
  body.page-index .item .item-text {
    margin-top: 50px;
    text-align: center;
    font-size: 21px;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
}
@media only screen and (max-width: 767px) {
  body.page-index {
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  body.page-index main {
    overflow: clip;
    --decal: 10vw;
  }
  body.page-index .section-clip:first-of-type {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--decal)));
  }
  body.page-index .section-clip:not(:first-of-type) {
    clip-path: polygon(0 0, 100% var(--decal), 100% 100%, 0 calc(100% - var(--decal)));
    margin-top: calc(-1 * var(--decal));
  }
  body.page-index .section-clip:last-of-type {
    clip-path: polygon(0 0, 100% var(--decal), 100% 100%, 0 100%);
  }
  body.page-index .textAnimation {
    overflow: clip;
    color: #FF554D;
    font-family: "Sofia Sans Semi Condensed", sans-serif;
    font-weight: 700;
    letter-spacing: -0.03em;
    padding: 0vw;
    padding: 0vw 1.3333333333vw;
    padding: 0vw 1.3333333333vw 0vw;
    padding: 0vw 1.3333333333vw 0vw 1.3333333333vw;
  }
  body.page-index .textAnimation canvas {
    transform: skewX(-10deg);
    max-width: 95%;
    margin: 0 auto;
    display: block;
  }
  body.page-index .m-coming {
    text-align: center;
    font-size: 24px;
    font-size: 6.4vw;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  body.page-index .btn {
    /* height: config.get_vw(36 * 2);
    aspect-ratio: 129 / 36; */
    width: 34.4vw;
    border-radius: 10.6666666667vw;
    border: solid 1px #001426;
    margin-top: 8vw;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-index .btn a {
    display: block;
  }
  body.page-index .btn img {
    width: 100%;
  }
  body.page-index .btn svg {
    width: 21.6vw;
    padding: 2.1333333333vw;
    padding: 2.1333333333vw 0vw;
    padding: 2.1333333333vw 0vw 2.1333333333vw;
    padding: 2.1333333333vw 0vw 2.1333333333vw 0vw;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-index .sectionBg {
    position: relative;
    z-index: 2;
    background-color: #fff;
  }
  body.page-index .kv {
    margin-top: 16vw;
    width: 100%;
    position: fixed;
  }
  body.page-index .kv video {
    max-width: 100%;
    width: 100%;
    height: 75svh;
    object-fit: cover;
  }
  body.page-index .cmGallery {
    margin-top: calc(75svh + 16vw);
    padding-top: 10.6666666667vw;
    position: relative;
  }
  body.page-index .cmGallery .cmGallery-polygon {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 8vw;
    z-index: -1;
  }
  body.page-index .cmGallery::after {
    content: "";
    display: block;
    width: 100%;
    height: 53.3333333333vw;
    background-color: #FF554D;
    position: absolute;
    left: 0;
    bottom: -45.3333333333vw;
    z-index: -1;
  }
  body.page-index .cmGallery .cmGallery-title {
    width: 59.2vw;
    margin-left: 7.4666666667vw;
  }
  body.page-index .cmGallery .cmGallery-list {
    display: flex;
    margin: 0 auto;
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem {
    width: 85.3333333333vw;
    text-align: right;
    margin-right: 2.6666666667vw;
  }
  body.page-index .cmGallery .cmGallery-list .cmGallery-listItem .cmGallery-listItemText {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-left: auto;
    margin-top: 1.3333333333vw;
    /* &.m-underLine{
    	&::after{
    		bottom: 0;
    	}
    } */
  }
  body.page-index .cmGallery .slick-arrow {
    cursor: pointer;
    position: absolute;
    bottom: -10.1333333333vw;
    line-height: 0;
    font-size: 0;
  }
  body.page-index .cmGallery .slick-arrow::before {
    content: "";
    display: block;
    width: 2.9333333333vw;
    height: 4vw;
    background-color: #C8C8C8;
  }
  body.page-index .cmGallery .slick-arrow.slick-prev {
    left: 24vw;
  }
  body.page-index .cmGallery .slick-arrow.slick-prev::before {
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
  }
  body.page-index .cmGallery .slick-arrow.slick-next {
    right: 24vw;
  }
  body.page-index .cmGallery .slick-arrow.slick-next::before {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  body.page-index .cmGallery .slick-dots {
    position: absolute;
    bottom: -9.3333333333vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
  }
  body.page-index .cmGallery .slick-dots li {
    background-color: #C8C8C8;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 50%;
  }
  body.page-index .cmGallery .slick-dots li:not(:first-of-type) {
    margin-left: 3.2vw;
  }
  body.page-index .cmGallery .slick-dots li.slick-active {
    background-color: #000;
  }
  body.page-index .cmGallery .slick-dots li button {
    position: relative;
    text-indent: -9999px;
  }
  body.page-index .cmGallery .modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    justify-content: center;
    align-items: center;
  }
  body.page-index .cmGallery .modal-content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    aspect-ratio: 640/360;
    box-sizing: border-box;
  }
  body.page-index .cmGallery .player-container {
    width: 100%;
    height: 100%;
  }
  body.page-index .cmGallery .modal-close {
    position: absolute;
    top: -15%;
    right: 4vw;
    z-index: 10;
    cursor: pointer;
    width: 8.8vw;
  }
  body.page-index .cmGallery .modal-thumbnail {
    cursor: pointer;
    width: 100%;
    height: auto;
    position: absolute; /* プレイヤーの上に表示 */
    top: 0;
    left: 0;
  }
  body.page-index .maker {
    padding-top: 29.3333333333vw;
    padding-bottom: 10.6666666667vw;
    background-color: #FF554D;
    /* .maker-img{
    	@include config.margin_top_vw(40);
    } */
  }
  body.page-index .maker .maker-title {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    font-weight: 900;
    letter-spacing: -0.05em;
    margin-left: 5.3333333333vw;
    /* &.m-underLine{
    	&::after{
    		bottom: 0;
    	}
    } */
  }
  body.page-index .maker .maker-imgBox {
    margin-top: 5.3333333333vw;
    position: relative;
  }
  body.page-index .maker .maker-imgTextBox {
    width: 54.1333333333vw;
    position: absolute;
    top: 13.6vw;
    right: 0;
  }
  body.page-index .maker .maker-imgTextBox .maker-imgText:first-of-type {
    width: 40.2666666667vw;
  }
  body.page-index .maker .maker-imgTextBox .maker-imgText:nth-of-type(2) {
    width: 45.3333333333vw;
    margin-top: 2.1333333333vw;
  }
  body.page-index .maker .maker-imgTextBox .maker-imgText:last-of-type {
    width: 23.7333333333vw;
    margin-top: 2.1333333333vw;
  }
  body.page-index .maker .maker-textBox {
    width: 82.9333333333vw;
    margin-top: 10.6666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-index .maker .maker-text {
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  body.page-index .maker .makerGallery {
    margin-top: 18.6666666667vw;
    padding-bottom: 18.6666666667vw;
    width: 82.9333333333vw;
    margin-left: auto;
    margin-right: auto;
    /* .makerGallery-inner{
    	@include config.margin_top_vw(48);
    } */
  }
  body.page-index .maker .makerGallery .makerGallery-title {
    width: 81.8666666667vw;
    margin: 0 auto;
  }
  body.page-index .maker .makerGallery .makerGallery-text {
    color: #fff;
    font-size: 20px;
    font-size: 5.3333333333vw;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin-top: 4.2666666667vw;
  }
  body.page-index .maker .makerGallery .makerGallery-list {
    margin-top: 13.3333333333vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4.2666666667vw 4.2666666667vw;
  }
  body.page-index .maker .makerGallery .makerGallery-list .makerGallery-listItem {
    width: 47.3%;
    transition: opacity 0.5s ease, transform 0.5s ease;
  }
  body.page-index .maker .makerGallery .makerGallery-list .makerGallery-listItem img {
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.15);
  }
  body.page-index .maker .makerGallery .makerGallery-list .hidden {
    opacity: 0;
    transform: translateY(20px);
  }
  body.page-index .maker .makerGallery .makerGallery-list .fade-in {
    opacity: 1;
    transform: translateY(0);
  }
  body.page-index .maker .makerGallery .makerGallery-more {
    font-size: 20px;
    font-size: 5.3333333333vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.05em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18.9333333333vw;
    margin: 40px auto 0;
  }
  body.page-index .maker .makerGallery .makerGallery-more img {
    margin-left: 1.0666666667vw;
    width: 3.4666666667vw;
  }
  body.page-index .campaign {
    background-color: #C8C8C8;
    padding-top: 10.6666666667vw;
    padding-bottom: 15.4666666667vw;
  }
  body.page-index .campaign.section-clip {
    margin-top: 33.3333333333vw;
  }
  body.page-index .campaign .campaign-title {
    width: 91.7333333333vw;
    margin-top: 8vw;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
  }
  body.page-index .campaign .campaign-imgBox {
    width: 87.2vw;
    margin-top: 8vw;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: #fff;
    padding: 1.0666666667vw;
    padding: 1.0666666667vw 1.0666666667vw;
    padding: 1.0666666667vw 1.0666666667vw 1.0666666667vw;
    padding: 1.0666666667vw 1.0666666667vw 1.0666666667vw 1.8666666667vw;
  }
  body.page-index .campaign .campaign-img {
    width: 87.2vw;
    margin: 0 auto;
    margin-top: 5.3333333333vw;
  }
  body.page-index .campaign .campaign-textTitle {
    width: 87.2vw;
    margin-top: 6.4vw;
    margin-right: auto;
    margin-left: auto;
  }
  body.page-index .campaign .campaign-imgText {
    text-align: right;
    font-size: 10px;
    font-size: 2.6666666667vw;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 1.0666666667vw;
  }
  body.page-index .campaign .campaign-note {
    text-align: center;
    font-size: 10px;
    font-size: 2.6666666667vw;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 4.2666666667vw;
    margin-bottom: 9.3333333333vw;
  }
  body.page-index .cast {
    background-color: #001426;
    color: #fff;
    padding-top: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
    background-image: url("/assets/images/index/bg-cast.png"), url("/assets/images/index/bg-cast.png");
    background-repeat: no-repeat, no-repeat;
    background-size: 98.1333333333vw auto, 98.1333333333vw auto;
    background-position: 46.6666666667vw 82.6666666667vw, -42.6666666667vw 226.6666666667vw;
  }
  body.page-index .cast .cast-title {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-left: 5.3333333333vw;
  }
  body.page-index .cast .cast-title.m-underLine::after {
    background-color: #fff;
  }
  body.page-index .cast .cast-inner {
    padding-bottom: 18.6666666667vw;
  }
  body.page-index .cast .cast-list {
    margin: 0 auto;
    margin-top: 8vw;
    width: 86.1333333333vw;
  }
  body.page-index .cast .cast-list .cast-listItem {
    width: 80.8vw;
    /* &:first-of-type{
    	.cast-listText{
    		@include config.margin_left_vw(25);
    	}
    }
    &:nth-of-type(2){
    	margin-left: auto;
    	.cast-listText{
    		margin-left: auto;
    		@include config.margin_right_vw(25);
    	}
    } */
  }
  body.page-index .cast .cast-list .cast-listItem:not(:first-of-type) {
    margin-top: 16vw;
  }
  body.page-index .cast .cast-list .cast-listItem:nth-of-type(2) .cast-listImg {
    width: 66.6666666667vw;
  }
  body.page-index .cast .cast-list .cast-listItem:nth-of-type(even) {
    margin-left: auto;
  }
  body.page-index .cast .cast-list .cast-listItem:nth-of-type(even) .cast-listImg {
    margin-left: auto;
  }
  body.page-index .cast .cast-list .cast-listItem:nth-of-type(even) .cast-listText {
    margin-left: auto;
  }
  body.page-index .cast .cast-list .cast-listItem .cast-listText {
    width: 63.7333333333vw;
    margin-top: 8vw;
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  body.page-index .item {
    padding-top: 10.6666666667vw;
    padding-bottom: 24vw;
    background-color: #E9DED1;
  }
  body.page-index .item.mac-chrome-style {
    background-color: #EBE2D7;
  }
  body.page-index .item .item-title {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-left: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  body.page-index .item .item-logo {
    width: 61.3333333333vw;
    margin-top: 16.5333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-index .item .item-videoWrapper {
    margin-top: 14.6666666667vw;
  }
  body.page-index .item .item-text {
    width: 82.9333333333vw;
    margin-top: 5.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.7;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: center;
  }
}
body.page-index .item .item-logoimg {
  max-width: 200px;
  margin: 10px auto 0;
}
body.page-index .item .item-logoimg img{
  width: 100%;
  height: auto;
}