@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
* {
  box-sizing: border-box;
}

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

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

::placeholder {
  color: #999;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

input:focus::placeholder {
  color: transparent;
}

select::-ms-expand {
  display: none;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable] {
  outline: none;
}

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

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  width: 100%;
  height: 100%;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
  font-size: 62.5%;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.04em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overflow-x: auto;
}

body {
  width: 100%;
}

strong {
  font-weight: inherit;
}

a {
  display: block;
  font-size: 1.4rem;
  transition: all 0.2s;
}

a:hover {
  cursor: pointer;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
@-webkit-keyframes zoomIn {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
body {
  background-color: #4b0e72;
}
body > img {
  width: 0;
  height: 0;
}
body.no_scroll {
  position: fixed;
}

.modal_wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 25;
}
.modal_wrap.shown {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal_panel {
  position: relative;
  width: 100vw;
}
@media screen and (min-width: 1024px) {
  .modal_panel {
    width: 70%;
    max-width: 1200px;
  }
}

.modal_frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.modal_frame iframe {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 25;
}
.modal.shown {
  display: block;
  opacity: 1;
  -webkit-animation: fadeIn 1s ease 0s 1 both;
          animation: fadeIn 1s ease 0s 1 both;
}

.overlay,
[id=overlay] {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  opacity: 0;
  z-index: 20;
}
.overlay.shown,
[id=overlay].shown {
  display: block;
  opacity: 1;
  -webkit-animation: fadeIn 1s ease 0s 1 both;
          animation: fadeIn 1s ease 0s 1 both;
}

.modal_close_upper,
[id=modal_close_upper] {
  display: block;
  position: absolute;
  top: -1.8em;
  right: 0.2em;
  width: 1.4em;
  height: 1.4em;
  font-size: 3.47vw;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .modal_close_upper,
[id=modal_close_upper] {
    font-size: min(1.8rem, 1.3541666667vw);
  }
}

.modal_close_lower,
[id=modal_close_lower] {
  display: block;
  position: absolute;
  bottom: -1.4em;
  left: 0;
  width: 100%;
  height: 1em;
  font-size: 3.47vw;
  line-height: 1;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .modal_close_lower,
[id=modal_close_lower] {
    font-size: min(1.8rem, 1.3541666667vw);
  }
}

.modal_person {
  width: 86.97vw;
}
@media screen and (min-width: 1024px) {
  .modal_person {
    width: 30%;
    max-width: 685px;
  }
}

.modal_yt {
  width: 100vw;
}
@media screen and (min-width: 1024px) {
  .modal_yt {
    width: 70%;
  }
}

.yt_wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.yt_wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.modal_facility {
  width: 86.97vw;
  padding: 8vw 7.06vw;
  background-color: #7f1084;
}
@media screen and (min-width: 1024px) {
  .modal_facility {
    width: 30%;
    max-width: 685px;
    padding: 3%;
  }
}
.modal_facility .me_img {
  width: 100%;
}
.modal_facility .me_text {
  margin-top: 3.2vw;
  font-size: 3.6vw;
  line-height: 1.52;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .modal_facility .me_text {
    margin-top: 1%;
    font-size: 1.6rem;
  }
}
.modal_facility .me_link {
  display: block;
  width: 90.84%;
  padding: 0.4em 0 0.5em;
  border-radius: 1.6vw;
  margin: 5.33vw auto 0;
  font-weight: bold;
  font-size: 4.8vw;
  line-height: 1;
  color: #7f1084;
  background-color: #fff;
  text-align: center;
  opacity: 1;
  transition: opacity 0.4s ease;
}
@media screen and (min-width: 1024px) {
  .modal_facility .me_link {
    max-width: 496px;
    border-radius: min(12px, 0.625vw);
    margin-top: 5%;
    font-size: 1.8rem;
  }
}
.modal_facility .me_link:hover {
  opacity: 0.7;
}

.header {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 14.67vw;
  padding: 0 4.67%;
  background-color: transparent;
  z-index: 10;
}
@media screen and (min-width: 1024px) {
  .header {
    height: 60px;
    padding: 0 50px 0 40px;
    background-color: #6b3fbd;
  }
}
.header .header_logo {
  width: 34.93vw;
}
@media screen and (min-width: 1024px) {
  .header .header_logo {
    width: 166px;
  }
}
.header .header_snslist {
  display: flex;
  align-items: flex-end;
}
.header .header_snslist > li + li {
  margin-left: 7.6vw;
}
@media screen and (min-width: 1024px) {
  .header .header_snslist > li + li {
    margin-left: 42px;
  }
}
.header .header_instagram {
  display: block;
  width: 7.06vw;
}
@media screen and (min-width: 1024px) {
  .header .header_instagram {
    width: 32px;
  }
}
.header .header_facebook {
  display: block;
  width: 4.4vw;
}
@media screen and (min-width: 1024px) {
  .header .header_facebook {
    width: 20px;
  }
}
.header a {
  transition: opacity 0.4s ease;
}
.header a:hover {
  opacity: 0.6;
}

.main {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .main {
    padding-top: 60px;
  }
  .main::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 33.984375%;
    width: 32.03125%;
    height: 100%;
    background-color: #fff;
    z-index: 3;
  }
}
.main .bg {
  position: relative;
  width: 100%;
  padding: 15.33vw 0 14vw;
  margin: 0 auto 0;
  background: repeating-linear-gradient(295deg, #254dc1 0%, #d8007f 20%, #254dc1 40%);
  overflow: hidden;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .main .bg {
    width: 31.61%;
    padding: 0.862% 1.5625% 0.787%;
  }
  .main .bg::before, .main .bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 4.94%;
    height: 100%;
    background-color: #e1007f;
    z-index: 2;
  }
  .main .bg::before {
    left: 0;
  }
  .main .bg::after {
    right: 0;
  }
}
.main .sec_kv {
  position: relative;
  width: 100%;
}
.main .sec_kv::before {
  content: "";
  display: block;
  padding-top: 148.1333333333%;
}
.main .sec_kv .kv_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .sec_kv .kv_title {
  width: 94.27%;
  margin: 0 auto 0;
  opacity: 0;
}
.main .sec_kv .kv_title.run {
  opacity: 1;
  -webkit-animation: bounceInDown 0.6s ease 1s 1 both;
          animation: bounceInDown 0.6s ease 1s 1 both;
}
.main .sec_kv .kv_people {
  display: flex;
  position: absolute;
  width: 189.8666666667%;
  height: 92.8vw;
  top: 42vw;
  left: -31.0666666667%;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .main .sec_kv .kv_people {
    top: 28.802880288%;
    height: 62.1062106211%;
  }
}
.main .sec_kv .kv_people.leftshow {
  transform: translateX(25.2808988764%);
}
.main .sec_kv .kv_people.leftshow > li:nth-of-type(1)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.6666666667vw;
  left: -16.4vw;
  width: 32.9333333333vw;
  height: 65.8666666667vw;
  background-image: url(../img/balloon_reno.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  -webkit-animation: heartBeat 0.6s ease 0.5s 1 both;
          animation: heartBeat 0.6s ease 0.5s 1 both;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .main .sec_kv .kv_people.leftshow > li:nth-of-type(1)::before {
    bottom: -0.78125vw;
    left: -4.8046875vw;
    width: 9.6484375vw;
    height: 19.296875vw;
  }
}
.main .sec_kv .kv_people.rightshow {
  transform: translateX(-25.2808988764%);
}
.main .sec_kv .kv_people.rightshow > li:nth-of-type(6)::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2.6666666667vw;
  right: 9.3333333333vw;
  width: 32.4vw;
  height: 65.6vw;
  background-image: url(../img/balloon_taison.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  -webkit-animation: heartBeat 0.6s ease 0.5s 1 both;
          animation: heartBeat 0.6s ease 0.5s 1 both;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .main .sec_kv .kv_people.rightshow > li:nth-of-type(6)::before {
    bottom: -0.78125vw;
    right: 2.734375vw;
    width: 9.4921875vw;
    height: 19.21875vw;
  }
}
.main .sec_kv .kv_people > li {
  position: relative;
}
.main .sec_kv .kv_people > li img {
  transition: opacity 0.4s ease;
}
.main .sec_kv .kv_people > li button {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.main .sec_kv .kv_people > li button:hover img {
  opacity: 0.6;
}
.main .sec_kv .kv_people > li:nth-of-type(1) {
  width: 16.3623595506%;
}
.main .sec_kv .kv_people > li:nth-of-type(1) button {
  display: block;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20.6% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20.6% 100%);
  transform: translateX(0.071942446%);
}
.main .sec_kv .kv_people > li:nth-of-type(2) {
  width: 16.3623595506%;
  opacity: 0;
}
.main .sec_kv .kv_people > li:nth-of-type(2).run {
  opacity: 1;
  -webkit-animation: fadeIn 0.4s ease 0.5s 1 both;
          animation: fadeIn 0.4s ease 0.5s 1 both;
}
.main .sec_kv .kv_people > li:nth-of-type(2) button {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 45.9227467811% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 45.9227467811% 100%, 0% 100%);
}
.main .sec_kv .kv_people > li:nth-of-type(3) {
  width: 19.5224719101%;
  opacity: 0;
}
.main .sec_kv .kv_people > li:nth-of-type(3).run {
  opacity: 1;
  -webkit-animation: fadeIn 0.4s ease 0.5s 1 both;
          animation: fadeIn 0.4s ease 0.5s 1 both;
}
.main .sec_kv .kv_people > li:nth-of-type(3) button {
  -webkit-clip-path: polygon(45.3237410072% 0%, 93.5251798561% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(45.3237410072% 0%, 93.5251798561% 0%, 100% 100%, 0% 100%);
  transform: translateX(-45.6834532374%);
}
.main .sec_kv .kv_people > li:nth-of-type(4) {
  width: 16.1516853933%;
  opacity: 0;
}
.main .sec_kv .kv_people > li:nth-of-type(4).run {
  opacity: 1;
  -webkit-animation: fadeIn 0.4s ease 0.5s 1 both;
          animation: fadeIn 0.4s ease 0.5s 1 both;
}
.main .sec_kv .kv_people > li:nth-of-type(4) button {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 73.9130434783% 100%, 7.3913043478% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 73.9130434783% 100%, 7.3913043478% 100%);
  transform: translateX(-62.6086956522%);
}
.main .sec_kv .kv_people > li:nth-of-type(5) {
  width: 15.1685393258%;
  opacity: 0;
}
.main .sec_kv .kv_people > li:nth-of-type(5).run {
  opacity: 1;
  -webkit-animation: fadeIn 0.4s ease 0.5s 1 both;
          animation: fadeIn 0.4s ease 0.5s 1 both;
}
.main .sec_kv .kv_people > li:nth-of-type(5) button {
  -webkit-clip-path: polygon(28.7037037037% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(28.7037037037% 0%, 100% 0%, 100% 100%, 0% 100%);
  transform: translateX(-94.9074074074%);
}
.main .sec_kv .kv_people > li:nth-of-type(6) {
  width: 16.3623595506%;
}
.main .sec_kv .kv_people > li:nth-of-type(6) button {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 79.3991416309% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 79.3991416309% 100%, 0% 100%);
  transform: translateX(-88.1974248927%);
}
.main .sec_kv .kv_text {
  margin-top: 99vw;
  font-size: 3.47vw;
  line-height: 1.35;
  text-align: center;
  color: #fff;
  opacity: 0;
}
.main .sec_kv .kv_text.run {
  opacity: 1;
  -webkit-animation: fadeIn 0.4s ease 1s 1 both;
          animation: fadeIn 0.4s ease 1s 1 both;
}
@media screen and (min-width: 1024px) {
  .main .sec_kv .kv_text {
    margin-top: 98%;
    font-size: 1.2vw;
  }
}
.main .sec_kv .btn_l,
.main .sec_kv .btn_r {
  display: none;
}
@media screen and (min-width: 1024px) {
  .main .sec_kv .btn_l,
.main .sec_kv .btn_r {
    display: block;
    position: absolute;
    bottom: 0;
    width: 2.5833333333vw;
    height: 2.5833333333vw;
    opacity: 0;
  }
  .main .sec_kv .btn_l.run,
.main .sec_kv .btn_r.run {
    opacity: 1;
    -webkit-animation: fadeIn 0.4s ease 1s 1 both;
            animation: fadeIn 0.4s ease 1s 1 both;
  }
  .main .sec_kv .btn_l img,
.main .sec_kv .btn_r img {
    transition: opacity 0.4s ease;
  }
  .main .sec_kv .btn_l:hover img,
.main .sec_kv .btn_r:hover img {
    opacity: 0.6;
  }
}
.main .sec_kv .btn_l {
  left: 6.5%;
}
.main .sec_kv .btn_r {
  right: 6.5%;
}
.main .sec_movie {
  position: relative;
  width: 100%;
  margin: 2.4vw auto 0;
}
.main .sec_movie::before {
  content: "";
  display: block;
  padding-top: 1570%;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie::before {
    padding-top: 1492.9333333333%;
  }
}
@media screen and (min-width: 1024px) {
  .main .sec_movie {
    margin-top: 3%;
  }
}
.main .sec_movie .movie_wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main .sec_movie .movie_logo {
  width: 82.67%;
  margin: 0 auto 0;
  opacity: 0;
}
.main .sec_movie .movie_logo.run {
  opacity: 1;
  -webkit-animation: fadeInUp 0.8s ease 0s 1 both;
          animation: fadeInUp 0.8s ease 0s 1 both;
}
.main .sec_movie .movie_list_wrapper {
  position: relative;
  width: 92%;
  margin: 4.4vw auto 0;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list_wrapper {
    margin-top: 5%;
  }
}
.main .sec_movie .movie_list_wrapper::before, .main .sec_movie .movie_list_wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0.4vw;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 0 0.2325vw #fff, 0 0 0.465vw #e5007f, 0 0 0.93vw #e5007f;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list_wrapper::before, .main .sec_movie .movie_list_wrapper::after {
    width: 3px;
    box-shadow: 0 0 1px #fff, 0 0 3px #e5007f, 0 0 6px #e5007f;
  }
}
.main .sec_movie .movie_list_wrapper::before {
  left: 0;
}
.main .sec_movie .movie_list_wrapper::after {
  right: 0;
}
.main .sec_movie .movie_list {
  position: relative;
  padding: 4vw 0 5.33vw;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list {
    padding: 5% 0;
  }
}
.main .sec_movie .movie_list::before, .main .sec_movie .movie_list::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 0.4vw;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 0 0.2325vw #fff, 0 0 0.465vw #009fe8, 0 0 0.93vw #009fe8;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list::before, .main .sec_movie .movie_list::after {
    width: 3px;
    box-shadow: 0 0 1px #fff, 0 0 3px #009fe8, 0 0 6px #009fe8;
  }
}
.main .sec_movie .movie_list::before {
  left: 2.13vw;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list::before {
    left: 3%;
  }
}
.main .sec_movie .movie_list::after {
  right: 2.13vw;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list::after {
    right: 3%;
  }
}
.main .sec_movie .movie_list > li.animation {
  opacity: 0;
}
.main .sec_movie .movie_list > li.animation.run {
  opacity: 1;
  -webkit-animation: zoomIn 0.3s ease 0.2s 1 both;
          animation: zoomIn 0.3s ease 0.2s 1 both;
}
.main .sec_movie .movie_list > li + li {
  margin-top: 8%;
}
.main .sec_movie .movie_list .movie_chapter {
  width: 89.83%;
  margin: 0 auto 0;
}
.main .sec_movie .movie_list .modal_movie {
  display: block;
  width: 84.3%;
  margin: 0 auto 0;
  transition: opacity 0.4s ease;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list .modal_movie:hover {
    opacity: 0.7;
  }
}
.main .sec_movie .movie_list .movie_info {
  display: flex;
  justify-content: space-between;
  width: 84.3%;
  margin: 3% auto 0;
}
.main .sec_movie .movie_list .movie_insidestory {
  width: 24.83%;
}
.main .sec_movie .movie_list .movie_storytext {
  width: 72.76%;
  font-size: 4vw;
  line-height: 1.37;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list .movie_storytext {
    font-size: 1vw;
  }
}
.main .sec_movie .movie_list .modal_explanation {
  display: block;
  width: 71.51%;
  padding: 1.8666666667vw 0 2.1333333333vw;
  border: solid 0.4vw #fff;
  border-radius: 2.8vw;
  margin: 3% auto 0;
  font-weight: bold;
  font-size: 4.8vw;
  line-height: 1;
  background-color: #ce1a83;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 2.4vw #ae348f, inset 0 0 0.8vw #cd1c84;
  transition-property: color background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list .modal_explanation {
    padding: 0.7291666667vw 0 0.8333333333vw;
    border: solid min(3px, 0.15625vw) #fff;
    border-radius: min(12px, 1.0416666667vw);
    font-size: 1.25vw;
    box-shadow: 0 0 min(18px, 0.9375vw) #ae348f, inset 0 0 min(6px, 0.3125vw) #cd1c84;
  }
}
.main .sec_movie .movie_list .modal_explanation:hover {
  background-color: #fff;
  color: #ce1a83;
  box-shadow: 0 0 2.4vw #ae348f, inset 0 0 0.8vw #fff;
}
@media screen and (min-width: 1024px) {
  .main .sec_movie .movie_list .modal_explanation:hover {
    box-shadow: 0 0 min(18px, 0.9375vw) #ae348f, inset 0 0 min(6px, 0.3125vw) #fff;
  }
}
.main [class^=bgneon] {
  display: none;
  position: fixed;
}
@media screen and (min-width: 1024px) {
  .main [class^=bgneon] {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 0.6s ease 0s 1 both;
            animation: fadeIn 0.6s ease 0s 1 both;
  }
}
@media screen and (min-width: 1024px) {
  .main .bgneon_01 {
    top: calc(2.2395833333vw + 60px);
    left: 26.6145833333vw;
    width: 10.7291666667vw;
    height: 11.40625vw;
    z-index: 2;
  }
  .main .bgneon_02 {
    top: calc(17.8125vw + 60px);
    left: 17.9166666667vw;
    width: 8.8020833333vw;
    height: 4.1145833333vw;
    z-index: 2;
  }
  .main .bgneon_03 {
    top: calc(18.90625vw + 60px);
    left: -1.0416666667vw;
    width: 16.3020833333vw;
    height: 10.625vw;
    z-index: 2;
  }
  .main .bgneon_04 {
    top: calc(22.7604166667vw + 60px);
    left: 25.1041666667vw;
    width: 15.46875vw;
    height: 7.6041666667vw;
    z-index: 2;
  }
  .main .bgneon_05 {
    top: calc(35.8333333333vw + 60px);
    left: 23.2291666667vw;
    width: 10vw;
    height: 5.5729166667vw;
    z-index: 2;
  }
  .main .bgneon_06 {
    top: calc(45.7291666667vw + 60px);
    left: 4.0104166667vw;
    width: 7.6041666667vw;
    height: 6.6145833333vw;
    z-index: 2;
  }
  .main .bgneon_07 {
    top: calc(45.5729166667vw + 60px);
    left: 14.1666666667vw;
    width: 26.0416666667vw;
    height: 12.7083333333vw;
    z-index: 2;
  }
  .main .bgneon_08 {
    top: calc(58.3333333333vw + 60px);
    left: -0.4166666667vw;
    width: 9.375vw;
    height: 10.6770833333vw;
    z-index: 2;
  }
  .main .bgneon_09 {
    top: calc(-0.7291666667vw + 60px);
    right: -0.9375vw;
    width: 9.8958333333vw;
    height: 8.6458333333vw;
    z-index: 2;
  }
  .main .bgneon_10 {
    top: calc(1.4583333333vw + 60px);
    right: 13.8020833333vw;
    width: 26.0416666667vw;
    height: 12.7083333333vw;
    z-index: 2;
  }
  .main .bgneon_11 {
    top: calc(16.3541666667vw + 60px);
    right: 24.3229166667vw;
    width: 8.59375vw;
    height: 9.7916666667vw;
    z-index: 2;
  }
  .main .bgneon_12 {
    top: calc(16.9791666667vw + 60px);
    right: -4.0625vw;
    width: 16.3020833333vw;
    height: 10.625vw;
    z-index: 2;
  }
  .main .bgneon_13 {
    top: calc(25.4166666667vw + 60px);
    right: 12.5vw;
    width: 10.2083333333vw;
    height: 6.09375vw;
    z-index: 2;
  }
  .main .bgneon_14 {
    top: calc(30.625vw + 60px);
    right: 7.7604166667vw;
    width: 6.4583333333vw;
    height: 5.9375vw;
    z-index: 2;
  }
  .main .bgneon_15 {
    top: calc(33.6458333333vw + 60px);
    right: 18.28125vw;
    width: 15.5208333333vw;
    height: 10.78125vw;
    z-index: 2;
  }
  .main .bgneon_16 {
    top: calc(45.0520833333vw + 60px);
    right: 28.6979166667vw;
    width: 8.1770833333vw;
    height: 7.34375vw;
    z-index: 2;
  }
  .main .bgneon_17 {
    top: calc(50.6770833333vw + 60px);
    right: 15.9375vw;
    width: 12.9166666667vw;
    height: 13.8020833333vw;
    z-index: 2;
  }
  .main .bgneon_18 {
    top: calc(64.2708333333vw + 60px);
    right: 28.8020833333vw;
    width: 10.3645833333vw;
    height: 9.4791666667vw;
    z-index: 2;
  }
  .main .bgneon_a {
    top: calc(-2.6041666667vw + 60px);
    left: 0.8333333333vw;
    width: 22.5520833333vw;
    height: 17.7083333333vw;
    transform: rotate(-10deg);
    z-index: 1;
  }
  .main .bgneon_b {
    top: calc(29.65625vw + 60px);
    left: 0.203125vw;
    width: 22.421875vw;
    height: 14.4140625vw;
    transform: rotate(-10deg);
    z-index: 1;
  }
  .main .bgneon_c {
    top: calc(35.6770833333vw + 60px);
    right: -5.65625vw;
    width: 22.421875vw;
    height: 14.4140625vw;
    transform: rotate(-15deg);
    z-index: 1;
  }
  .main .bgneon_d {
    top: calc(64.3229166667vw + 60px);
    left: 14.5833333333vw;
    width: 22.5520833333vw;
    height: 17.7083333333vw;
    transform: rotate(15deg);
    z-index: 1;
  }
  .main .bgneon_e {
    top: calc(8.9791666667vw + 60px);
    right: 6.25vw;
    width: 16.9140625vw;
    height: 13.28125vw;
    transform: rotate(-15deg);
    z-index: 1;
  }
  .main .bgneon_f {
    top: calc(52.2083333333vw + 60px);
    right: -9.1666666667vw;
    width: 22.5520833333vw;
    height: 17.7083333333vw;
    transform: rotate(-10deg);
    z-index: 1;
  }
  .main .bgneon_19 {
    top: calc(72.5520833333vw + 60px);
    left: 0.2604166667vw;
    width: 10.7291666667vw;
    height: 11.40625vw;
    z-index: 2;
  }
  .main .bgneon_20 {
    top: calc(83.3333333333vw + 60px);
    left: 17.9166666667vw;
    width: 8.8020833333vw;
    height: 4.1145833333vw;
    z-index: 2;
  }
  .main .bgneon_21 {
    top: calc(89.21875vw + 60px);
    left: -1.0416666667vw;
    width: 16.3020833333vw;
    height: 10.625vw;
    z-index: 2;
  }
  .main .bgneon_22 {
    top: calc(93.0729166667vw + 60px);
    left: 25.1041666667vw;
    width: 15.46875vw;
    height: 7.6041666667vw;
    z-index: 2;
  }
  .main .bgneon_23 {
    top: calc(106.1458333333vw + 60px);
    left: 23.2291666667vw;
    width: 10vw;
    height: 5.5729166667vw;
    z-index: 2;
  }
  .main .bgneon_24 {
    top: calc(116.0416666667vw + 60px);
    left: 4.0104166667vw;
    width: 7.6041666667vw;
    height: 6.6145833333vw;
    z-index: 2;
  }
  .main .bgneon_25 {
    top: calc(115.8854166667vw + 60px);
    left: 14.1666666667vw;
    width: 26.0416666667vw;
    height: 12.7083333333vw;
    z-index: 2;
  }
  .main .bgneon_26 {
    top: calc(128.6458333333vw + 60px);
    left: -0.4166666667vw;
    width: 9.375vw;
    height: 10.6770833333vw;
    z-index: 2;
  }
  .main .bgneon_27 {
    top: calc(69.5833333333vw + 60px);
    right: -0.9375vw;
    width: 9.8958333333vw;
    height: 8.6458333333vw;
    z-index: 2;
  }
  .main .bgneon_28 {
    top: calc(71.7708333333vw + 60px);
    right: 13.8020833333vw;
    width: 26.0416666667vw;
    height: 12.7083333333vw;
    z-index: 2;
  }
  .main .bgneon_29 {
    top: calc(86.6666666667vw + 60px);
    right: 24.3229166667vw;
    width: 8.59375vw;
    height: 9.7916666667vw;
    z-index: 2;
  }
  .main .bgneon_30 {
    top: calc(87.2916666667vw + 60px);
    right: -4.0625vw;
    width: 16.3020833333vw;
    height: 10.625vw;
    z-index: 2;
  }
  .main .bgneon_31 {
    top: calc(95.7291666667vw + 60px);
    right: 12.5vw;
    width: 10.2083333333vw;
    height: 6.09375vw;
    z-index: 2;
  }
  .main .bgneon_32 {
    top: calc(100.9375vw + 60px);
    right: 7.7604166667vw;
    width: 6.4583333333vw;
    height: 5.9375vw;
    z-index: 2;
  }
  .main .bgneon_33 {
    top: calc(103.9583333333vw + 60px);
    right: 18.28125vw;
    width: 15.5208333333vw;
    height: 10.78125vw;
    z-index: 2;
  }
  .main .bgneon_34 {
    top: calc(115.3645833333vw + 60px);
    right: 28.6979166667vw;
    width: 8.1770833333vw;
    height: 7.34375vw;
    z-index: 2;
  }
  .main .bgneon_35 {
    top: calc(120.9895833333vw + 60px);
    right: 15.9375vw;
    width: 12.9166666667vw;
    height: 13.8020833333vw;
    z-index: 2;
  }
  .main .bgneon_36 {
    top: calc(134.5833333333vw + 60px);
    right: 28.8020833333vw;
    width: 10.3645833333vw;
    height: 9.4791666667vw;
    z-index: 2;
  }
  .main .bgneon_h {
    top: calc(99.9479166667vw + 60px);
    left: 0.203125vw;
    width: 22.421875vw;
    height: 14.4140625vw;
    transform: rotate(-10deg);
    z-index: 1;
  }
  .main .bgneon_i {
    top: calc(105.9895833333vw + 60px);
    right: -5.65625vw;
    width: 22.421875vw;
    height: 14.4140625vw;
    transform: rotate(-15deg);
    z-index: 1;
  }
  .main .bgneon_j {
    top: calc(134.6354166667vw + 60px);
    left: 14.5833333333vw;
    width: 22.5520833333vw;
    height: 17.7083333333vw;
    transform: rotate(15deg);
    z-index: 1;
  }
  .main .bgneon_k {
    top: calc(79.2708333333vw + 60px);
    right: 6.25vw;
    width: 16.9140625vw;
    height: 13.28125vw;
    transform: rotate(-15deg);
    z-index: 1;
  }
  .main .bgneon_l {
    top: calc(122.2916666667vw + 60px);
    right: -9.1666666667vw;
    width: 22.5520833333vw;
    height: 17.7083333333vw;
    transform: rotate(-10deg);
    z-index: 1;
  }
}

.footer {
  position: relative;
  padding: 8vw 0 16vw;
  background-color: #6b3fbd;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .footer {
    padding: 40px 0 70px;
  }
}
.footer .footer_sns {
  font-size: 3.2vw;
  line-height: 1;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .footer .footer_sns {
    font-size: 1.6rem;
  }
}
.footer .footer_snslist {
  display: flex;
  justify-content: center;
  margin-top: 5.33vw;
}
@media screen and (min-width: 1024px) {
  .footer .footer_snslist {
    margin-top: 30px;
  }
}
.footer .footer_snslist > li + li {
  margin-left: 10.27%;
}
@media screen and (min-width: 1024px) {
  .footer .footer_snslist > li + li {
    margin-left: 60px;
  }
}
.footer .footer_snslist .footer_instagram {
  display: block;
  width: 7.07vw;
}
@media screen and (min-width: 1024px) {
  .footer .footer_snslist .footer_instagram {
    width: 38px;
  }
}
.footer .footer_snslist .footer_facebook {
  display: block;
  width: 4.4vw;
}
@media screen and (min-width: 1024px) {
  .footer .footer_snslist .footer_facebook {
    width: 23px;
  }
}
.footer .footer_logo {
  width: 60%;
  margin: 8.33vw auto 0;
}
@media screen and (min-width: 1024px) {
  .footer .footer_logo {
    width: 260px;
    margin-top: 25px;
  }
}
.footer .footer_copyright {
  margin: 2.67vw auto 0;
  font-size: 3.2vw;
  line-height: 1;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .footer .footer_copyright {
    margin-top: 13px;
    font-size: 1.4rem;
  }
}
.footer a {
  transition: opacity 0.4s ease;
}
.footer a:hover {
  opacity: 0.6;
}
/*# sourceMappingURL=style.css.map */