body, h1, h2, h3, h4, h5, h6, span, p, dl, dt, dd, hr, header, aside, section, article, form, input, strong, textarea {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border: 0px
}
img {
  border: 0px;
  vertical-align: bottom
}
input {
  vertical-align: middle
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
body {
  text-align: center;
  overflow-x: hidden
}
input[type=text]:focus {
  outline: none
}
select:focus {
  outline: none
}
textarea {
  outline: none
}
input, select, textarea, button {
  vertical-align: middle
}
body {
  font-feature-settings: "palt"1;
  backface-visibility: hidden;
  font-size: 62.5%;
  line-height: 1.7;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}
html body main {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  line-height: 1.7;
  font-family: 'Noto Sans JP', sans-serif;
}
body {
  line-height: 1.7;
  font-feature-settings: "palt"1
}
main {
  overflow: hidden;
  position: relative
}
small{
	font-size: 90%;
}
.wrap {
  position: relative;
  max-width: 1300px;
  margin: auto;
  box-sizing: border-box
}
.mincho {
  font-family: 'Sawarabi Mincho', sans-serif
}
.en {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
}
.show_text {
  position: relative;
  transition: clip-path 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)
}
.show_text.active {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}
.bg_black_amin {
  overflow: hidden;
  position: relative
}
.bg_black_amin:before {
  background: #000;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .8s 0s ease;
  width: 100%;
  z-index: 1
}
.bg_black_amin img {
  opacity: 0;
  transition: all .8s 0s ease
}
.bg_black_amin.active img {
  opacity: 1;
  transition: all .5s .3s ease
}
.bg_black_amin.active:before {
  transform: translateX(100%);
  opacity: 0
}
.showup {
  opacity: 0;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transform: translate3d(0, 30px, 0)
}
.showup.active {
  opacity: 1;
  transform: translate3d(0, 0, 0)
}
.showup_grow {
  opacity: 0;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
  transform: translate3d(0, 30px, 0);
  filter: drop-shadow(0em 0em 0em #fff)
}
.showup_grow.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(0em 0em 0.5em #fff)
}
.growfadein {
  opacity: 0;
  transition: all ease 1s
}
.growfadein.active {
  opacity: 0;
  animation: growfade 0.8s linear 0.5s forwards
}
@keyframes growfade {
  0% {
    opacity: 0
  }
  30% {
    opacity: 1
  }
  40% {
    opacity: 1;
    filter: brightness(1330%) drop-shadow(0em 0em 0.5em #fff)
  }
  55% {
    opacity: 1;
    filter: brightness(500%);
    transform: translate3d(0, 0px, 0)
  }
  70% {
    opacity: 1;
    filter: brightness(100%);
    transform: translate3d(0, 0px, 0)
  }
  100% {
    opacity: 1;
    filter: brightness(100%);
    transform: translate3d(0px, 0, 0)
  }
}
.tobig {
  opacity: 0;
  transform: scale(0)
}
.tobig.active {
  opacity: 1;
  transform: scale(1);
  transition: all ease 0.5s
}
.fadein {
  opacity: 0;
  transition: all 1.5s cubic-bezier(0, 0, 0.25, 1) 0.1s
}
.fadein.active {
  opacity: 1
}
.subtitle {
  position: relative;
  color: transparent
}
.subtitle:after {
  content: ' ';
  background-color: #c7113c;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left top;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block
}
.subtitle.active {
  animation: subtitletrans 1s ease 0s forwards
}
.subtitle.active:after {
  animation: subtitleshow 1s ease 0s forwards
}
@keyframes subtitleshow {
  0% {
    transform: scaleX(0);
    transform-origin: left top
  }
  50% {
    transform: scaleX(1);
    transform-origin: left top
  }
  70% {
    transform: scaleX(1);
    transform-origin: right top
  }
  100% {
    transform: scaleX(0);
    transform-origin: right top
  }
}
@keyframes subtitletrans {
  0% {
    color: transparent
  }
  50% {
    color: transparent
  }
  70% {
    color: #c7113c
  }
  100% {
    color: #c7113c
  }
}
.subtitleW {
  position: relative;
  color: transparent
}
.subtitleW:after {
  content: ' ';
  background-color: #c7113c;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left top;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block
}
.subtitleW.active {
  animation: subtitletransW 1s ease 0s forwards
}
.subtitleW.active:after {
  animation: subtitleshowW 1s ease 0s forwards
}
@keyframes subtitleshowW {
  0% {
    transform: scaleX(0);
    transform-origin: left top
  }
  50% {
    transform: scaleX(1);
    transform-origin: left top
  }
  70% {
    transform: scaleX(1);
    transform-origin: right top
  }
  100% {
    transform: scaleX(0);
    transform-origin: right top
  }
}
@keyframes subtitletransW {
  0% {
    color: transparent
  }
  50% {
    color: transparent
  }
  70% {
    color: #fff
  }
  100% {
    color: #fff
  }
}
.showvis {
  position: relative;
  color: transparent
}
.showvis span {
  position: relative;
  line-height: 1
}
.showvis span:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF;
  transform: translateX(1000px);
  top: 50%;
  z-index: 10
}
.showvis span:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF;
  top: 0%;
  z-index: 10;
  opacity: 0
}
.showvis span:nth-child(1):after {
  top: 48%
}
.showvis span:nth-child(2):after {
  top: 80%
}
.showvis span:nth-child(3):after {
  top: 54%
}
.showvis span:nth-child(1):before {
  top: -5px;
  left: -5px
}
.showvis span:nth-child(2):before {
  top: -3px;
  left: 1px
}
.showvis span:nth-child(3):before {
  top: 2px;
  left: -2px
}
.showvis.showvisDelay span:nth-child(1):before {
  top: 20px
}
.showvis.active span:nth-child(1):after {
  animation: leftin 0.5s ease 0.2s forwards
}
.showvis.active span:nth-child(2):after {
  animation: leftin 0.5s ease 0.4s forwards
}
.showvis.active span:after {
  animation: leftin 0.5s ease 0s forwards
}
.showvis.active span:before {
  animation: chikachika 0.1s ease 0.7s infinite, chikachika2 0.1s ease 1.2s forwards
}
.showvis.active span {
  animation: fadeIn 1s ease 0.7s forwards
}
.showvis.showvisDelay.active span:after {
  animation: leftin 0.4s ease 0.2s forwards
}
.showvis.showvisDelay.active span:before {
  animation: chikachika 0.1s ease 0.8s infinite, chikachika2 0.1s ease 1.4s forwards
}
.showvis.showvisDelay.active span {
  animation: fadeIn 1s ease 0.9s forwards
}
@keyframes fadeIn {
  from {
    color: transparent;
    text-shadow: 0px 0px 3px #fff, 0px 0px 5px #fff, 0px 0px 8px #fff, 0px 0px 10px #fff, 0px 0px 15px #fff, 0px 0px 20px #fff
  }
  to {
    text-shadow: none;
    color: #fff
  }
}
@keyframes chikachika {
  from {
    opacity: 0.4
  }
  to {
    opacity: 0
  }
}
@keyframes chikachika2 {
  from {
    opacity: 0.4
  }
  to {
    opacity: 0;
    transform: scaleX(0)
  }
}
@keyframes leftin {
  0% {
    transform: translateX(1000px) scale(1)
  }
  40% {
    opacity: 1;
    transform: scale(1)
  }
  70% {
    transform: scale(1)
  }
  90% {
    transform: scale(20)
  }
  100% {
    transform: translateX(0px) scale(20);
    opacity: 0
  }
}
.graph_anim .value {
  transform: scaleY(0)
}
.graph_anim.active .value {
  transform: scaleY(0);
  transform-origin: bottom left;
  animation: graph 0.8s ease 0.5s forwards
}
@keyframes graph {
  0% {
    transform: scaleY(0)
  }
  10% {
    transform: scaleY(0.1)
  }
  60% {
    transform: scaleY(0.2)
  }
  100% {
    transform: scaleY(1)
  }
}
.left_to_right {
  opacity: 0;
  transform: translate3d(-150px, 0, 0) scale(1.1)
}
.left_to_right.active {
  animation: left_to_right 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s forwards
}
@keyframes left_to_right {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0) scale(1.1)
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
  }
}
.right_to_left {
  opacity: 0;
  transform: translate3d(50px, 0, 0) scale(1.1)
}
.right_to_left.active {
  animation: right_to_left 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s forwards
}
@keyframes right_to_left {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0) scale(1.1)
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
  }
}
.showvisbac.active {
  clip-path: inset(0)
}
.showvisbac {
  position: relative;
  transition: clip-path 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  clip-path: inset(100% 0% 100% 0%)
}
.main_image.active {
  opacity: 1;
  filter: brightness(100%);
  transform: translate3d(0, 0, 0), rotate(-10deg)
}
.main_image {
  margin: auto;
  filter: brightness(1330%);
  transition: all ease 0.8s;
  transition-delay: 0.7s;
  transform: translate3d(0, -1px, 0), rotate(-10deg)
}
.loading_wrap.active {
  opacity: 0
}
.loading_wrap {
  z-index: 10;
  background-color: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  transition: all ease 1s;
  transition-delay: 0.6
}
.show_900 {
  display: none
}
.show_700 {
  display: none
}
.show_450 {
  display: none
}
@media screen and (max-width: 900px) {
  .hide_900 {
    display: none
  }
  .show_900 {
    display: block
  }
}
@media screen and (max-width: 700px) {
  .hide_700 {
    display: none
  }
  .show_700 {
    display: block
  }
}
@media screen and (max-width: 450px) {
  .hide_450 {
    display: none
  }
  .show_450 {
    display: block
  }
  body {
    font-size: 14px
  }
}
.glow_text.active {
  animation: glow_text 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s forwards
}
@keyframes glow_text {
  0% {
    text-shadow: none
  }
  10% {
    text-shadow: none
  }
  40% {
    text-shadow: 0px 0px 5px #65000c, 0px 0px 55px #ff0000
  }
  100% {
    text-shadow: 0px 0px 5px #4a0009, 0px 0px 55px rgba(255, 0, 30, 0.62)
  }
}
.glowfade {
  opacity: 0
}
.glowfade.active {
  animation: glowfade 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s forwards
}
@keyframes glowfade {
  0% {
    opacity: 0
  }
  40% {
    opacity: 1
  }
  100% {
    opacity: 1
  }
}
.to_big {
  opacity: 0
}
.to_big.active {
  animation: to_big 0.5s ease-out forwards;
  transform-origin: 50% 50%;
  opacity: 0
}
.to_bigs {
  opacity: 0
}
.to_bigs.active > * {
  animation: to_big 0.5s ease-out forwards;
  transform-origin: 50% 50%;
  opacity: 0
}
.to_bigs.active > *:nth-child(1) {
  animation-delay: 0
}
.to_bigs.active > *:nth-child(2) {
  animation-delay: 0.2s
}
.to_bigs.active > *:nth-child(3) {
  animation-delay: 0.4s
}
.to_bigs.active > *:nth-child(4) {
  animation-delay: 0.6s
}
@keyframes to_big {
  0% {
    transform: scale(0.4, 0.4);
    opacity: 0
  }
  40% {
    transform: scale(1.2, 1.2);
    opacity: 1
  }
  60% {
    transform: scale(1, 1)
  }
  80% {
    transform: scale(1.1, 1.1)
  }
  100% {
    transform: scale(1, 1);
    opacity: 1
  }
}
@keyframes poyo {
  from, to {
    transform: none;
    opacity: 0
  }
  10% {
    transform: scale(1.2);
    opacity: 1
  }
  40% {
    transform: scale(0.9);
    opacity: 1
  }
  60% {
    transform: scale(1.04);
    opacity: 1
  }
  80% {
    transform: scale(0.98);
    opacity: 1
  }
}
.to_smalle {
  opacity: 0
}
.to_smalle.active {
  animation: to_smalle 0.5s ease-out forwards;
  transform-origin: 50% 50%;
  opacity: 0
}
@keyframes to_smalle {
  0% {
    transform: scale(1.4, 1.4) rotate(90deg);
    opacity: 0
  }
  40% {
    transform: scale(1.2, 1.2) rotate(-10deg);
    opacity: 1
  }
  60% {
    transform: scale(1, 1) rotate(-10deg)
  }
  80% {
    transform: scale(1.1, 1.1) rotate(-10deg)
  }
  100% {
    transform: scale(1, 1) rotate(-10deg);
    opacity: 1
  }
}
.to_small {
  opacity: 0;
  transform-origin: center
}
.to_small.active {
  animation: to_small 0.5s ease-out forwards;
  transform-origin: 50% 50%;
  opacity: 0
}
@keyframes to_small {
  0% {
    transform: scale(2, 2);
    opacity: 0;
    transform-origin: center
  }
  40% {
    transform: scale(1.2, 1.2);
    opacity: 1;
    transform-origin: center
  }
  60% {
    transform: scale(1, 1);
    transform-origin: center
  }
  80% {
    transform: scale(1.1, 1.1);
    transform-origin: center
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
    transform-origin: center
  }
}
.bottom_to_top {
  opacity: 0;
  transition: all ease 0.8s;
  transform: translate3d(0, 1rem, 0)
}
.bottom_to_top.active {
  opacity: 1;
  transform: translate3d(0, 0, 0)
}
.bottom_to_tops > * {
  opacity: 0;
  transition: all ease 0.8s;
  transform: translate3d(0, 1rem, 0)
}
.bottom_to_tops > *:nth-child(2) {
  transition-delay: 0.2s
}
.bottom_to_tops > *:nth-child(3) {
  transition-delay: 0.4s
}
.bottom_to_tops > *:nth-child(4) {
  transition-delay: 0.6s
}
.bottom_to_tops.active > * {
  opacity: 1;
  transform: translate3d(0, 0, 0)
}
.mochimochi {
  animation: mochimochi 1s infinite
}
@keyframes mochimochi {
  0% {
    transform: scale(1, 0.8)
  }
  20% {
    transform: scale(0.8, 1.1)
  }
  90% {
    transform: scale(1, 1)
  }
  100% {
    transform: scale(1, 0.8)
  }
}
.inc_common_footer_wrap {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  font-size: 18px;
  color: #111;
  line-height: 2;
  font-family: Meiryo, sans-serif;
  text-align: left
}
@media screen and (max-width: 47.938em) {
  .inc_common_footer_wrap {
    line-height: 1.8;
    font-size: 1.6rem
  }
}
.wrap {
  padding: 0 5vw;
  max-width: 74vw;
  margin: 0 auto
}
img {
  width: 100%;
  vertical-align: bottom
}

.wrap {
  max-width: 80vw
}
main {
  font-size: 1.3vw;
  text-align: left;
  position: relative;
background:linear-gradient(rgb(247,188,21), rgb(253,213,87));
}
main a {
  color: #000;
}
main > * {
  position: relative;
  z-index: 2
}

.rwd_show {
  display: none;
}
@media screen and (max-width: 1000px) {
  .wrap {
    max-width: none
  }
  main {
    font-size: 1.7vw
  }
}
@media screen and (max-width: 750px) {
  main {
    font-size: 2vw
  }
}
@media screen and (max-width: 600px) {
  main {
    font-size: 3.5vw
  }
  .rwd_show {
    display: inline
  }
  .rwd_hide {
    display: none
  }
}
.page_header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10
}
.page_header h1 {
  position: absolute;
  right: 6vw;
  top: 3vw;
  width: 16vw;
  z-index: 10
}
/*.page_header .srixon_logo {
  display: block;
  position: absolute;
  right: 0;
  top: 2vw;
  width: 14vw;
  z-index: 10
}*/
@media screen and (max-width: 600px) {
  .page_header h1 {
    width: 22vw;
	 top: 5vw;
  }
  .page_header h1 a {
    display: flex
  }
 /* .page_header .srixon_logo {
    width: 22vw
  }*/
}
.mv {
  overflow: hidden;
  position: relative;
  background-image: url("../img/mv/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
	padding-top: 56%;
}

.mv .ball {
  position: absolute;
  top: 2vw;
  left: 3vw;
  width: 20vw;
  opacity: 0;
  transition: 0.3s all cubic-bezier(0.25, 0.1, 0.18, 1.26) 0.6s;
  transform: translate3d(50%, 50%, 0) scale(0.5) rotate(5deg)
}
.mv .x_logo {
  position: absolute;
  top: 28vw;
  left: 30vw;
  width: 36vw;
  opacity: 0;
  transition: 1s all ease 0.1s;
  transform: scale(2)
}
.mv .xmax_ja {
  position: absolute;
  top: 40.5vw;
  left: 55vw;
  width: 21vw;
  opacity: 0
}
.mv .pk {
  position: absolute;
  bottom: 4vw;
  left: 80vw;
  width: 15vw;
  /*opacity: 0;*/
  transition: 0.3s all cubic-bezier(0.25, 0.1, 0.18, 1.26) 0.7s;
}
.mv .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 1s all ease 0.2s;
  transform-origin: center
}
.mv .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mv.active .bg {
  transform: scale(1.5);
  opacity: 0
}
.mv.active .men {
  opacity: 1;
  transform: translate3d(0, 0, 0)
}
.mv.active .x_logo {
  opacity: 1;
  animation: growfade 0.8s linear 0.5s forwards
}
.mv.active .ball {
  opacity: 1;
  transform: translate3d(0%, 0%, 0)
}
.mv.active .text {
  opacity: 1;
  transform: translate3d(0%, 0%, 0)
}
.mv.active .xmax_ja {
  opacity: 1;
  animation: growfade 0.8s linear 0.5s forwards
}
@media screen and (max-width: 600px) {
  .mv .ball {
    top: 2.5vw;
	  width: 24vw;
  }
  .mv .x_logo {
    top: 45vw;
    left: 23vw;
    width: 51vw;
  }
  .mv .text {
    top: 10vw;
    left: 63vw;
    width: 34vw
  }
  .mv .xmax_ja {
    top: 40vw;
    left: 51vw;
    width: 25vw;
  }
}
.release {
  position: relative;
  padding:6vw 0;
  background-image: url(../img/release/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center;
}

.release_title{
	color: #fff;
	margin: auto;
	max-width: 70vw;
}
.release .release_title h2 {
  font-size: 300%;
	line-height: 1.5;
	  text-align: center;
}
.release .release_title p{
    font-size: 100%;
    margin-bottom: 3vw;
    text-align: right;
}

.release sup{
	font-size: 30%;
	top: 0;
}

.release .release_balls {
  display: flex;
  max-width: 60vw;
  margin: 0 auto 2vw;
	justify-content: center;
	gap: 4vw;
}
.release .release_balls figure{
	width: 100%;
}
.release .release_balls > *:nth-child(1) {
  box-sizing: border-box;
}

.release_balls_date{
	margin: 0 auto;
	max-width: 60vw;
}

.release_balls_date figure{
	width: 33%;
	margin: auto;
}

@media screen and (max-width: 600px) {
.release {
  padding:12vw 0;
}
.release_title{
	max-width: 90vw;
}
.release .release_title h2 {
	font-size: 2.4rem;
  }
	.release .release_title p{
	 margin-bottom: 3rem;
	}

  .release .release_balls {
    max-width: 81vw;
  }
	
	.release .release_balls{
		margin-bottom: 4vw;
	}
	.release_balls_date figure{
	width: 60%;
}
}


.movie_topics {
  padding: 6vw 0;
	background: url("../img/topics/bg.png");
  background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.movie_topics h2 {
  text-align: center;
  color: #fff;
  font-size: 8rem;
  margin-bottom: 2vw
}
.movie_topics .movies {
  margin-right: -2vw;
  display: flex;
  flex-wrap: wrap
}
.movie_topics .movies > * {
  padding-right: 2vw;
  flex: 0 1 50%;
  box-sizing: border-box;
  margin-bottom: 4vw
}
.movie_topics .movies > * a figure {
  position: relative
}
.movie_topics .movies > * a figure:after {
  content: '';
  display: block;
  width: 22%;
  height: 24%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/movie/movie_bt.png);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all ease 0.3s
}
.movie_topics .movies > * a:hover figure:after {
  transform: scale(1.1)
}

.movie_topics .topics{
	margin: 0 auto;
}

.movie_topics .topics a{
	display: flex;
	
}
/*.movie_topics .topics {
  margin-right: -2vw;
  display: flex;
  margin-bottom: 5vw;
  flex-wrap: wrap;
}*/
.movie_topics .topics > * {
  /*padding-right: 2vw;
  flex: 0 1 calc(100% / 3);*/
  box-sizing: border-box;
  /*margin-bottom: 3vw;*/
}
.movie_topics .topics > * figure {
  overflow: hidden;
	flex: 0 1 50%;
}
.movie_topics .topics > * figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 0.3s;
}
.movie_topics .topics > * p {
flex: 1;
  background-color: #fff;
  font-size: 80%;
  padding: 2rem 3rem;
}

.movie_topics .topics > * p b {
  font-size: 140%;
margin-bottom: 2vw;
}

.movie_topics .topics > *:hover figure img {
  transform: scale(1.05)
}
.movie_topics .tester {
  position: relative
}
.movie_topics .tester h2 {
  color: #ce112c;
  text-align: left;
  font-size: 270%;
  margin-bottom: 1vw
}
.movie_topics .tester p {
  width: 43%
}
.movie_topics .tester > div {
  box-sizing: border-box;
  padding-right: 3vw;
  position: relative
}
.movie_topics .tester > div .comming_soon {
  width: 35%;
  left: 15%;
  margin-top: 2vw
}
.movie_topics .tester .banner {
  position: absolute;
  width: 55%;
  right: 0;
  top: 0
}

@media screen and (max-width: 1000px) {
.movie_topics h2{
	font-size: 4rem;
}
}
@media screen and (max-width: 600px) {
  .movie_topics h2 {
    font-size: 294%
  }
  .movie_topics .movies {
    display: block;
    margin-bottom: 10vw
  }
	
	.movie_topics .topics a{
		display: block;
	}
	
	.movie_topics .topics > * figure{
		width: 100%;
	}
	.movie_topics .topics > * p{
		padding: 2rem;
		width: 100%;
	}
	
  .movie_topics .topics {
    flex-wrap: wrap;
  }
  .movie_topics .topics > * {
    flex: 0 1 50%
  }
  .movie_topics .tester .banner {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin-bottom: 1rem
  }
  .movie_topics .tester p {
    width: auto;
    margin-bottom: 3rem
  }
  .movie_topics .tester > div .comming_soon {
    width: 60%;
    margin: 0 auto
  }
  .movie_topics .tester h2 {
    text-align: center
  }
}
.core{
  padding: 6vw 0;
  position: relative;
  padding-bottom: 0
}

.core .wrap {
  position: relative;
  z-index: 10
}
.core h2,.dimple h2 {
  font-size: 120%;
  font-weight: 600;
  color: #fff;
  padding: 0.3em 3.5em 0.3em 1em;
  background-color: #000;
  clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  display: inline-block;
}

.core h1,.dimple h1{
	line-height: 1.5;
	margin-bottom: 3vw;
	transition-delay: 0.4s;
}

.core .desc, .dimple .desc {
  width: 12vw;
  margin: 3vw 0;
}
.core .core_cover_wrap {
  position: relative;
	margin-left: -15vw;
  height: calc(1000 / 960 * 100vw);
}
.core .core_cover_wrap > * {
  position: absolute
}

.core_cover_wrap figure{
	width: 100%;
}

.core_cover_wrap:after{
  content: '';
  display: block;
  background-image: url("../img/core/ball_white.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -4.5%;
  width: 17.5%;
  height: 19%;
  right: 1.5%
}

@media screen and (min-width: 2500px) {
.core .core_cover_wrap {
  position: relative;
	margin-left: -15vw;
  height: calc(720 / 960 * 144vw);
}
}

@media screen and (max-width: 1000px) {
  .core .core_cover_wrap {
    height: calc(1200 / 960 * 100vw);
  }
}
@media screen and (max-width: 600px) {
  .core h2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	  font-size: 1.4rem;
	  margin-bottom: 3vw;
  }
  .core .desc {
    width: 40%;
  }
  .core .core_cover_wrap {
    height: calc(1300 / 960 * 120vw);
    margin-left: -30vw;
	 margin-right: -3vw;
  }
	.core_cover_wrap:after{
		top: -2.5%;
		width: 19.5%;
	}
}
.dimple {
	padding: 6vw 0;
  position: relative;
}
.dimple h1{
	margin-bottom: 1vw;
}
.dimple .dimple_wrap {
  position: relative;
	height: calc(480 / 960 * 80vw);
	margin-left: -15vw;
}


.dimple_wrap:after {
    content: '';
    display: block;
    background-image: url("../img/dimple/ball_y.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -70.5%;
    width: 17.5%;
    height: 40%;
	right: -3.5%;}

.dimple .dimple_wrap > div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0
}
.dimple .dimple_wrap figure {
  position: absolute;
	width: 100%;
}
.dimple .dimple_wrap .bg {
  position: relative;
  width: 101.5%;
  z-index: 1
}
.dimple p{
	font-size: 140%;
	margin-bottom: 3vw;
}

@media screen and (min-width: 2500px) {
	.dimple{
		padding: 0;
	}
	.dimple .dimple_wrap{
		height: calc(320 / 960 * 124vw);
	}

}

@media screen and (max-width: 1000px) {
	  .dimple {
    height: calc(870 / 960 * 100vw);
		  padding: 12vw 0;
  }
	.dimple .dimple_wrap{
		margin-left: -5vw;
	}
}

@media screen and (max-width: 600px) {
  .dimple .dimple_wrap {
    margin-left: -10vw;
    margin-right: -3vw;
  }
	
	.dimple {
    height: calc(1200 / 960 * 100vw);
	padding: 5vw 0;
  }
	.core h1, .dimple h1{
		font-size: 2.4rem;
	}
	.dimple .desc{
		width: 40%;
		
	}
	.dimple_wrap:after{
		top: -180%;
		width: 35.5%;
		height: 60%;
		right: -8.5%;
	}
	.dimple p{
		font-size: 1.6rem;
	}
}
.descs {
  padding: 8vw 0;
	margin: 8vw 0;
	background:url("../img/descs/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.descs .wrap {
  max-width: 80vw
}

.descs .wrap .desc_initial_wrap{
	display: flex;
	position: relative;
	overflow: visible;
}

.descs .wrap .desc_initial_wrap .desc_initial_title{
	top: 0;
	flex: 0 1 50%;
	position: sticky;
	box-sizing:border-box; 
}

.desc_initial_wrap{
	margin-bottom: 8vw;
}

.desc_initial_title h1{
	font-size: 300%;
	line-height: 1.3;
}

.desc_initial_title p{
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 3vw;
}

.desc_initial_title p > small{
	font-size: 90%;
	margin-top: -3vw;

}



.desc_initial_graph{
	flex: 1;
}

.desc_initial_graph figure{
	margin-bottom: 3vw;
}

.desc_distance h1{
	font-size: 400%;
	line-height: 1.3;
	text-align: center;
}

.desc_distance > div:nth-of-type(1){
	margin-bottom: 3vw;
}

.desc_distance div > p{
	font-size: 1.6rem;
	text-align: right;
}


.descs_distance_graph{
	margin: 0 auto;
	text-align: center;
}

.descs_distance_graph figure img{
	width: 50%;
}

@media screen and (max-width: 1299px) {
	.desc_distance h1{
	font-size: 5rem;
}
}

@media screen and (max-width: 1000px) {
	.desc_initial_title h1{
		font-size: 3.6rem;
	}
	.desc_distance h1{
	font-size: 4.2rem;
}
	.descs_distance_graph figure img{
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.descs .wrap .desc_initial_wrap{
		display: block;
	}
	
	.desc_initial_title h1{
		font-size: 3rem;
		text-align: center;
	}
	.desc_distance h1{
		font-size: 2.7rem;
	}
	
	.desc_initial_title p{
		font-size: 1.8rem;
	}
	
.desc_initial_title p:nth-of-type(1){
	text-align: right;
}
	.desc_initial_title p > small{
		font-size: 70%;
	}
	
.desc_initial_graph figure{
	margin-bottom: 8vw;
}
	
	.desc_initial_graph figure:last-of-type{
	margin-bottom: 16vw;
}
	.desc_distance > div:nth-of-type(1){
		margin-bottom: 8vw;
	}
	
  .descs .wrap {
    max-width: 90vw;
    padding: 0
  }
  .descs .descs_c .descs_c_flex {
    display: block
  }
  /*.descs .descs_c .descs_c_flex > *:nth-child(3) {
    right: 10%;
    width: 84%;
    top: 83%
  }
  .descs header h2 img {
    width: 110%;
    max-width: none;
    margin-left: -5%
  }*/
}
.spec h2 {
  text-align: center;
  color: #000;
  font-size: 560%;
  margin: 2vw 0 4vw 0;
}

.spec .wrap{
	border: solid 8px #000;
	border-radius: 40px;
	margin-bottom: 8vw;
}
.spec .spec_descs {
  display: flex;
  margin-bottom: 3vw;
}
.spec .spec_descs > * {
  flex: 1;
  padding-right: 3vw;
  box-sizing: border-box
}
.spec .spec_descs .spec_descs_1 {
  margin-bottom: 2vw
}
.spec .spec_descs .spec_descs_1:nth-of-type(2)  > figure img{
  width: 80%;
}
.spec .spec_descs .spec_desc_y_table_wrap {
  background-color: #ca9807;
  padding: 1vw
}
.spec .spec_descs .spec_desc_y_table {
  background-color: #ca9807
}
.spec .spec_descs .spec_desc_y_table td {
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #fff
}
.spec .spec_descs .spec_desc_y_table th {
  color: #000;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  text-align: center
}
.spec .spec_descs .spec_desc_table {
  font-size: 70%;
  text-align: left
}
.spec .spec_descs .spec_desc_table th {
  padding: 0.5rem 0;
  position: relative;
  padding-right: 1rem;
  border-bottom: 1px solid #000
}
.spec .spec_descs .spec_desc_table th:after {
  content: '';
  display: block;
  height: 90%;
  width: 1px;
  background-color: #000;
  top: 5%;
  right: 0;
  position: absolute
}
.spec .spec_descs .spec_desc_table td {
  padding-left: 1rem;
  border-bottom: 1px solid #000
}
.spec .spec_descs .spec_desc_table tr:first-child td, .spec .spec_descs .spec_desc_table tr:first-child th {
  border-top: 2px solid #000
}
.spec .spec_descs .spec_desc_table tr:last-child td, .spec .spec_descs .spec_desc_table tr:last-child th {
  border-bottom: 2px solid #000
}
.spec .spec_images {
  margin: 3vw 0 6vw;
  display: flex
}

.spec .spec_images div > figure:first-child {
  margin-bottom: 4vw;
}
.spec .spec_images div > figure:nth-of-type(2) img{
	width: 80%;
}
.spec .spec_images > *:first-child {
  flex: 1;
  padding-right: 6vw;
  box-sizing: border-box;
}
.spec .spec_images > *:last-child {
  flex: 0 1 38%
}
.spec .spec_outer_links {
  margin-top: 5vw;
  padding-bottom: 6vw;
  display: flex;
  align-items: center;
  justify-content: center
}
.spec .spec_outer_links > a {
  display: block;
  margin: 0 3vw;
  background-color: #fff;
  color: #ce112c;
  border: 1px solid #ce112c;
  padding: 1rem;
  border-radius: 100px;
  font-weight: bold;
  width: 20em;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease-out
}
.spec .spec_outer_links > a svg {
  width: 1em;
  height: 0.8em;
  margin-right: 0.5em
}
.spec .spec_outer_links > a svg path {
  fill: #ce112c;
  transition: all 0.4s ease-out
}
.spec .spec_outer_links > a:hover {
  background-color: transparent;
  background: linear-gradient(270deg, #990a1e 0%, #000 50%, #fa0000 100%);
  background-size: 200% auto;
  background-position: right center;
  color: #fff;
  box-shadow: 0 5px 10px rgba(0, 132, 189, 0.4)
}
.spec .spec_outer_links > a:hover svg path {
  fill: #fff
}

.spec_balls{
	display: flex;
	max-width: 60vw;
	margin: 4vw auto;
	justify-content: center;
	gap: 4vw;
}
.spec_balls figure{
	width: 100%;
}

.spec .spec_balls > *:nth-child(1){
    box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .spec .spec_descs {
    display: block;
    margin-bottom: 10vw
  }
	.spec h2{
		font-size: 340%;
		margin-top: 3vw;
	}
	
  .spec .spec_descs .spec_desc_table {
    width: 100%
  }
  .spec .spec_images {
    display: block
  }
	
	.spec .spec_descs > *{
		padding-right: 0;
		margin-bottom: 12vw;
	}
  .spec .spec_images > *:first-child {
    margin-bottom: 12vw
  }
	
	.spec .spec_images div > figure:first-child{
		margin-bottom: 12vw;
	}
	.spec .spec_images div > figure:nth-of-type(2) img{
		width: 100%;
	}
	
	.spec .spec_descs .spec_descs_1{
		margin-bottom: 8vw;
	}
	.spec .spec_descs .spec_descs_1:nth-of-type(2) > figure img{
		width: 90%;
	}
	
	.spec_balls{
		max-width: 88vw;
		margin-bottom: 12vw;
	}
	
	.spec .spec_outer_links{
		display: block;
	}
 
  .spec .spec_outer_links > * {
    flex: 0 1 calc(50% - 0.5rem);
    margin: 0
  }
  .spec .spec_outer_links > a {
    margin-bottom: 3vw;
    width: auto;
    box-sizing: border-box;
  }
  .spec .spec_outer_links {
    justify-content: space-between
  }
	.spec .wrap{
		border-radius: 15px;
	}

}
#loading {
  background-color: #e60113;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}
#loading.loaded {
  transition: all ease 0.3s;
  opacity: 0;
  transform: scale(0)
}
@media screen and (min-width: 1000px) {
  #loading p {
    width: 100%
  }
  #loading img {
    width: 30%
  }
}
.inc_common_footer_wrap {
  position: relative;
  z-index: 11
}
/*# sourceMappingURL=style.css.map */