@charset "UTF-8";
/*---------------------------------------------
メディアクエリー
---------------------------------------------*/
/*---------------------------------------------
共通
---------------------------------------------*/
html {
  color: #000;
}

/*リセット
--------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html,
body {
  line-height: 1;
  background-color: #000;
  scrollbar-width: none;
  overflow-x: hidden;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

a img {
  border: none;
}

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

img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .sp_none {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .sp_none {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .pc_none {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pc_none {
    display: block !important;
  }
}

/*---------------------------------------------
font
---------------------------------------------*/
.ja {
  font-family: dnp-shuei-mincho-pr6, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.buy {
  font-family: itc-benguiat-condensed, sans-serif;
  font-style: normal;
  font-weight: 400;
}

/*---------------------------------------------
loading
---------------------------------------------*/
.loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1500;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .loading {
    width: 100%;
  }
}
.loading .loading_img {
  display: block;
  position: fixed;
  width: 60%;
  aspect-ratio: 1/1;
  z-index: 600;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .loading .loading_img {
    max-width: 500px;
  }
}
.loading .show_movie {
  position: fixed;
  width: auto;
  height: 100vh;
  z-index: 500;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .loading .show_movie {
    width: 100vw;
    object-fit: cover;
  }
}
.loading .loading_bg {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 450;
}

/*---------------------------------------------
FV
---------------------------------------------*/
body {
  margin: 0;
}

video {
  display: block;
  width: 100%;
}

.bg {
  position: relative;
}
.bg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg2.jpg);
  background-size: cover;
  background-position: 60% center;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .bg:after {
    width: 33.3333333333%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 60% center;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .bg:before {
    width: 33.3333333333%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.bg.active:after {
  animation: ChangeImage 8s infinite;
}
.bg.active:before {
  animation: ChangeImage 8s infinite;
  animation-delay: 4s;
}

@keyframes ChangeImage {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.fv {
  position: relative;
  max-width: 375px;
  margin-bottom: 30px !important;
}
.fv .fvTop_netflix {
  width: 35%;
  margin: 0 auto 10px auto;
  padding-top: 20px;
}
@media screen and (min-width: 769px) {
  .fv .fvTop_netflix {
    display: none;
  }
}
.fv .fv_copy {
  color: #fff;
  font-size: 8px;
  text-align: right;
  display: block;
  margin-top: 10px;
  font-family: sans-serif;
}
.fv .fvBottom {
  width: 90%;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .fv .fvBottom {
    display: none;
  }
}
.fv .fvBottom img {
  width: 45%;
}
.fv .glitch {
  background: #000 no-repeat center;
  position: relative;
  max-width: 335px;
  margin: 0 auto;
}
.fv .glitch::before, .fv .glitch::after,
.fv .glitch .channel {
  background: inherit;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fv .glitch::before {
  animation: glitch-before 2s linear infinite alternate both;
  content: "";
}
@keyframes glitch-before {
  0% {
    clip-path: polygon(0% 47.8170888937%, 100% 47.8170888937%, 100% 57.2967786168%, 0% 57.2967786168%);
    transform: translate(5.8759148658%, -0.3382092685%);
  }
  0.5% {
    clip-path: polygon(0% 68.1899308207%, 100% 68.1899308207%, 100% 76.9805734237%, 0% 76.9805734237%);
    transform: translate(-4.2469060392%, 0.1440086687%);
  }
  1% {
    clip-path: polygon(0% 65.6891455608%, 100% 65.6891455608%, 100% 75.2143118713%, 0% 75.2143118713%);
    transform: translate(-1.4587743278%, 0.3535095754%);
  }
  1.5% {
    clip-path: polygon(0% 62.8470754657%, 100% 62.8470754657%, 100% 64.5879836615%, 0% 64.5879836615%);
    transform: translate(-5.6271715004%, 0.2515339779%);
  }
  2% {
    clip-path: polygon(0% 20.5580685997%, 100% 20.5580685997%, 100% 27.9421008248%, 0% 27.9421008248%);
    transform: translate(-4.6548734127%, 0.1122384205%);
  }
  2.5% {
    clip-path: polygon(0% 26.9059778163%, 100% 26.9059778163%, 100% 33.4639583236%, 0% 33.4639583236%);
    transform: translate(-5.9051323898%, 0.4463949566%);
  }
  3% {
    clip-path: polygon(0% 42.1554813045%, 100% 42.1554813045%, 100% 45.154433772%, 0% 45.154433772%);
    transform: translate(-5.4652358909%, 0.2367835849%);
  }
  3.5% {
    clip-path: polygon(0% 4.2231766535%, 100% 4.2231766535%, 100% 11.2237031914%, 0% 11.2237031914%);
    transform: translate(5.173663053%, 0.3995658896%);
  }
  4% {
    clip-path: polygon(0% 11.6115734067%, 100% 11.6115734067%, 100% 12.852166221%, 0% 12.852166221%);
    transform: translate(-0.37192084%, 0.0243767476%);
  }
  4.5% {
    clip-path: polygon(0% 29.3117453617%, 100% 29.3117453617%, 100% 32.2639928371%, 0% 32.2639928371%);
    transform: translate(7.9814938565%, -0.3497170292%);
  }
  5%, 100% {
    clip-path: none;
    transform: none;
  }
}
.fv .glitch::after {
  animation: glitch-after 2s linear infinite alternate both;
  content: "";
}
@keyframes glitch-after {
  0% {
    clip-path: polygon(0% 11.4659892649%, 100% 11.4659892649%, 100% 20.2513632122%, 0% 20.2513632122%);
    transform: translate(-3.8541493436%, -0.1778733966%);
  }
  0.5% {
    clip-path: polygon(0% 49.3855899535%, 100% 49.3855899535%, 100% 52.3984707714%, 0% 52.3984707714%);
    transform: translate(-2.3038121603%, 0.4951058165%);
  }
  1% {
    clip-path: polygon(0% 82.3789033959%, 100% 82.3789033959%, 100% 85.0161090033%, 0% 85.0161090033%);
    transform: translate(-1.2401625445%, 0.2488535629%);
  }
  1.5% {
    clip-path: polygon(0% 69.9411329666%, 100% 69.9411329666%, 100% 76.527036986%, 0% 76.527036986%);
    transform: translate(5.8735323393%, 0.3720933927%);
  }
  2% {
    clip-path: polygon(0% 73.0477717216%, 100% 73.0477717216%, 100% 76.9232245137%, 0% 76.9232245137%);
    transform: translate(-7.587532814%, 0.4287862455%);
  }
  2.5% {
    clip-path: polygon(0% 83.7842061251%, 100% 83.7842061251%, 100% 85.6598176647%, 0% 85.6598176647%);
    transform: translate(-6.5523245218%, 0.3043042133%);
  }
  3% {
    clip-path: polygon(0% 57.4563125086%, 100% 57.4563125086%, 100% 64.3381123369%, 0% 64.3381123369%);
    transform: translate(5.9708153879%, 0.0807504563%);
  }
  3.5% {
    clip-path: polygon(0% 82.170102259%, 100% 82.170102259%, 100% 87.1565386782%, 0% 87.1565386782%);
    transform: translate(-7.2166565333%, -0.4106411435%);
  }
  4% {
    clip-path: polygon(0% 51.2596808786%, 100% 51.2596808786%, 100% 52.6494257481%, 0% 52.6494257481%);
    transform: translate(5.7102360839%, -0.1500806166%);
  }
  4.5% {
    clip-path: polygon(0% 8.2042077305%, 100% 8.2042077305%, 100% 11.1391420225%, 0% 11.1391420225%);
    transform: translate(1.0507959169%, 0.1591205669%);
  }
  5%, 100% {
    clip-path: none;
    transform: none;
  }
}
.fv .glitch .channel {
  mix-blend-mode: screen;
}
.fv .glitch .channel::before {
  bottom: 0;
  content: "";
  display: block;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.fv .glitch .r {
  animation: rgb-shift-r 2s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-r {
  0% {
    transform: translate(-0.2938233265%, -0.3180922505%);
  }
  0.5% {
    transform: translate(-0.3483442476%, -0.2303249826%);
  }
  1% {
    transform: translate(1.5054158213%, 0.3146724058%);
  }
  1.5% {
    transform: translate(1.4610209118%, 0.1511224115%);
  }
  2% {
    transform: translate(1.1054514601%, 0.4247981965%);
  }
  2.5% {
    transform: translate(-1.0598854606%, -0.3593493753%);
  }
  3% {
    transform: translate(1.5763750016%, 0.2281907426%);
  }
  3.5% {
    transform: translate(0.3229108184%, 0.2449721771%);
  }
  4% {
    transform: translate(-0.2120102189%, -0.2779562529%);
  }
  4.5% {
    transform: translate(1.9499553264%, 0.4865900541%);
  }
  5%, 100% {
    transform: none;
  }
}
.fv .glitch .r::before {
  background: #f00;
}
.fv .glitch .g {
  animation: rgb-shift-g 2s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-g {
  0% {
    transform: translate(0.0415059068%, 0.3658087382%);
  }
  0.5% {
    transform: translate(1.8809011717%, 0.0674985296%);
  }
  1% {
    transform: translate(-0.8974322384%, 0.2038383949%);
  }
  1.5% {
    transform: translate(-1.1395064487%, -0.4925501929%);
  }
  2% {
    transform: translate(1.3218812391%, 0.182368217%);
  }
  2.5% {
    transform: translate(0.6647552564%, -0.1010293504%);
  }
  3% {
    transform: translate(-0.6945859806%, -0.2461651017%);
  }
  3.5% {
    transform: translate(-0.2352908188%, 0.4828717465%);
  }
  4% {
    transform: translate(1.3628284267%, -0.2960680609%);
  }
  4.5% {
    transform: translate(0.4542438949%, 0.2363470894%);
  }
  5%, 100% {
    transform: none;
  }
}
.fv .glitch .g::before {
  background: #0f0;
}
.fv .glitch .b {
  animation: rgb-shift-b 2s steps(1, jump-end) infinite alternate both;
}
@keyframes rgb-shift-b {
  0% {
    transform: translate(0.2531771748%, -0.1577846978%);
  }
  0.5% {
    transform: translate(0.8419449074%, -0.406691556%);
  }
  1% {
    transform: translate(0.384842505%, 0.2270304213%);
  }
  1.5% {
    transform: translate(1.5813692949%, -0.0764897823%);
  }
  2% {
    transform: translate(-0.6927839015%, -0.2458409672%);
  }
  2.5% {
    transform: translate(0.3751552305%, 0.3280487111%);
  }
  3% {
    transform: translate(-1.5229366618%, -0.280502682%);
  }
  3.5% {
    transform: translate(-1.1708860031%, -0.4111466279%);
  }
  4% {
    transform: translate(0.5521752853%, 0.2218520702%);
  }
  4.5% {
    transform: translate(-0.6253541477%, -0.0358781098%);
  }
  5%, 100% {
    transform: none;
  }
}
.fv .glitch .b::before {
  background: #00f;
}
.fv .lead {
  color: #c31e3c;
  font-size: 10px;
  text-align: center;
  line-height: 2;
  padding: 40px 0 300px;
  font-family: sans-serif;
}
.fv .hidden {
  z-index: 200;
}
.fv .video_img {
  position: absolute;
  z-index: 200;
  width: 68%;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
}

.inner {
  margin: 0 auto;
  max-width: 375px;
  position: relative;
  z-index: 2;
}

.pin-spacer {
  margin-bottom: 30px !important;
}

/*---------------------------------------------
flexslider
---------------------------------------------*/
.flexslider {
  width: 90%;
  margin: 0 auto;
  background: none;
  border: none;
}
.flexslider .slides li {
  content: "";
  width: 100%;
  aspect-ratio: 1/1;
  background-size: contain;
  background-position-y: top;
  z-index: 100 !important;
}
.flexslider .slides li:nth-child(1) {
  background-image: url(../images/top1.jpg);
}
.flexslider .slides li:nth-child(2) {
  background-image: url(../images/top2.jpg);
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
  display: none;
}

.flex-control-paging li a {
  display: none;
}

/*---------------------------------------------
main
---------------------------------------------*/
.main {
  position: relative;
}
.main .kakko_wrap {
  pointer-events: none;
  position: fixed;
  opacity: 1;
  transition: 1s;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 200;
}
.main .kakko_wrap ul {
  position: relative;
  height: 100vh;
}
.main .kakko_wrap li {
  position: absolute;
  z-index: 10;
  width: 16%;
}
.main .kakko_wrap li:nth-child(1) {
  top: 3vh;
  left: 6%;
}
.main .kakko_wrap li:nth-child(2) {
  top: 3vh;
  right: 6%;
}
.main .kakko_wrap li:nth-child(3) {
  bottom: 3vh;
  right: 6%;
}
.main .kakko_wrap li:nth-child(4) {
  bottom: 3vh;
  left: 6%;
}
.main .kakko_wrap li:nth-child(5) {
  width: 8px;
  right: 2%;
  top: 3vh;
}
.main .kakko_wrap li:nth-child(6) {
  width: 30px;
  left: 14%;
  top: 5vh;
}
.main .kakko_wrap li:nth-child(8) {
  width: 8px;
  right: 2%;
  bottom: 3vh;
}
.main .kakko_wrap li:nth-child(7) {
  width: 11px;
  top: 5.5vh;
  left: 9%;
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.main .credit_wrap {
  color: #fff;
}
.main .credit_wrap .credit {
  display: flex;
  width: 76%;
  margin: 0 auto;
  justify-content: space-between;
}
.main .credit_wrap .credit .st {
  display: block;
  font-size: 10px;
  margin-bottom: 4px;
  text-align: right;
}
.main .credit_wrap .credit .item_price {
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: right;
}
.main .credit_wrap .credit .buy_btn {
  color: #fff;
  text-decoration: none;
  background: #c31e3c;
  padding: 6px 10px;
  height: 16px;
}
.main .credit_wrap .img {
  filter: sepia(100%);
  animation-duration: 1.5s;
  animation-fill-mode: both;
}
.main .credit_wrap .img.color {
  animation-name: changeFilter;
  transition: 1s;
}
@keyframes changeFilter {
  0% {
    filter: sepia(100%);
  }
  100% {
    filter: sepia(0%);
  }
}
.main .credit_wrap + .credit_wrap {
  margin-top: 100px;
}
.main .contents {
  position: fixed;
  top: 5%;
  right: 10%;
  z-index: 300;
}
.main .contents ul {
  position: relative;
  width: 100%;
  height: 11px;
}
.main .contents li {
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 11px;
  background-repeat: no-repeat;
  background-size: contain;
}
.main .contents #bat1 {
  background-image: url(../images/full.png);
  z-index: 2;
}
.main .contents #bat2 {
  background-image: url(../images/bat_80.png);
  z-index: 2;
}
.main .contents #bat3 {
  background-image: url(../images/bat_60.png);
  z-index: 2;
}
.main .contents #bat4 {
  background-image: url(../images/bat_40.png);
  z-index: 2;
}
.main .contents #bat5 {
  background-image: url(../images/bat_20.png);
  z-index: 2;
}
.main .contents #bat6 {
  background-image: url(../images/bat_10.png);
  z-index: 1;
}

.scroll_content {
  height: 100vh;
  width: 100%;
  position: fixed;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  z-index: 100;
}
.scroll_content::-webkit-scrollbar {
  width: 3px;
}
.scroll_content::-webkit-scrollbar-thumb {
  background-color: #fff;
}
.scroll_content::-webkit-scrollbar-track {
  background-color: #000;
  overflow: auto;
}

.scroll .movie {
  height: 100vh;
  width: 100%;
  object-fit: contain;
  position: sticky;
  top: 0;
}
.scroll .movie video {
  object-fit: cover;
  height: 100vh;
}

.inner_wrap {
  margin-top: -100vh;
  position: relative;
  perspective: 1000px;
  z-index: 400;
  transform: translateZ(100px);
}

.credit_wrap {
  position: relative;
  overflow: hidden;
  perspective: 1000px;
}

.creditBox {
  margin-top: 15%;
}

.credit + .credit {
  margin-top: 20px !important;
}

.credit1 {
  padding-top: 100vh;
}

.credit2 img {
  transform: scale(1.2);
  transform-origin: left top;
}
.credit2 .creditBox {
  margin-top: 20%;
}

.credit3 img {
  transform: scale(1.05);
  transform-origin: left top;
}

.credit4 img {
  transform: scale(1.2);
  transform-origin: top;
}
.credit4 .creditBox {
  margin-top: 25%;
}

.credit5 img {
  transform: scale(1.1);
  transform-origin: left top;
}
.credit5 .img_sm {
  transform: scale(0.7);
  transform-origin: center;
}
.credit5 .creditBox {
  margin-top: 25%;
}

.credit6 img {
  transform: scale(1.1);
  transform-origin: left top;
}
.credit6 .creditBox {
  margin-top: 20%;
}

.credit7 img {
  transform: scale(0.9);
  transform-origin: left top;
}
.credit7 .creditBox {
  margin-top: 0;
}

.credit8 img {
  transform: scale(1.1);
  transform-origin: left top;
}
.credit8 .creditBox {
  margin-top: 40%;
}

.credit9 img {
  transform: scale(1.2);
  transform-origin: top;
}
.credit9 .creditBox {
  margin-top: 70%;
}

.credit10 img {
  transform: scale(1.1);
  transform-origin: top;
}

.credit11 {
  padding-bottom: 150px;
}
.credit11 img {
  transform: scale(1.1);
  transform-origin: left top;
}
.credit11 .creditBox {
  margin-top: 40%;
}
@media screen and (min-width: 769px) {
  .credit11 {
    padding-bottom: 50px;
  }
}

.timerField {
  opacity: 1;
  transition: 1s;
  position: fixed;
  z-index: 400;
  color: #fff;
  font-size: 12px;
  top: 50vh;
  left: 3%;
  transform: rotate(90deg) translateY(-50%);
  transform-origin: 10px;
  font-family: sans-serif;
}

[data-aos=fade-up] {
  transform: translate3d(0, 20px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-20px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(20px, 0, 0);
}

.last_wrap {
  display: block;
  height: 100vh;
  background-color: #000;
  position: absolute;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .last_wrap {
    display: none;
  }
}

.last_movie {
  width: 70%;
  margin: 0 auto;
}

.last_btn {
  width: 55%;
  margin: 0 auto 0 auto;
  text-align: center;
  background: #c31e3c;
}

.last_link {
  width: 100%;
  height: 100%;
  padding: 6px 0;
  display: inline-block;
  color: #fff;
  font-family: itc-benguiat-condensed, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.footer {
  width: 70%;
  margin: 0 auto;
  padding: 80px 0;
  background-color: #000;
}

.footer_images {
  display: flex;
  justify-content: space-between;
}
.footer_images > img {
  width: 45%;
}

.copyright {
  width: 80%;
  margin: 20px auto 0 auto;
}

@media screen and (max-width: 768px) {
  .pc_wrap {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .fv {
    padding-top: 100px;
    padding-bottom: max(500px, 65.0195058518vh);
    z-index: 1000;
  }
  .fv .flexslider {
    width: 100%;
  }
  .fv .glitch {
    max-width: none;
    width: 100%;
  }
  .lead {
    display: none;
  }
  .scroll_content {
    width: 33.3333333333%;
  }
  .main .kakko_wrap {
    width: 33.3333333333%;
    transform: translateX(-50%);
    left: 50%;
  }
  .main .contents {
    right: 36.3333333333%;
  }
  .timerField {
    left: 34.3333333333%;
  }
  .pc_wrap {
    width: 33.3333333333%;
    height: 100vh;
    color: #c31e3c;
    font-size: 0.8vw;
    background-size: cover;
    position: fixed;
    top: 0;
    z-index: 10;
    font-family: sans-serif;
  }
  .pc_wrap.left {
    padding-top: 10vh;
    background-image: url(../images/end_pcleft.jpg);
    left: 0;
  }
  .pc_wrap.right {
    padding-top: 20vh;
    background-image: url(../images/end_pcright.jpg);
    right: 0;
  }
  .pc_wrap_netflix {
    width: 50%;
    margin: 0 auto;
  }
  .pc_wrap_logo {
    width: 30%;
    margin: 0 auto;
  }
  .pc_wrap_text {
    width: 80%;
    margin: 50px auto;
    text-align: center;
    line-height: 2;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .pc_wrap_movie {
    width: 75%;
    margin: 0 auto;
  }
  .pc_wrap .last_btn {
    width: 40%;
  }
  .pc_wrap .last_link {
    padding: 10px 0;
  }
}/*# sourceMappingURL=style.css.map */