/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
    overflow: visible;
}
progress,
sub,
sup {
    vertical-align: baseline;
}
.l-header__nav__inner,
.p-first,
.p-first__text__catch,
.p-mv,
.p-news,
.p-pickup,
.p-share,
[type="checkbox"],
[type="radio"],
legend {
    box-sizing: border-box;
}
a,
button {
    background-color: transparent;
}
button,
button:focus {
    outline: 0;
}
.l-wrapper,
body,
sub,
sup {
    position: relative;
}
.c-modal.is-first::before,
.l-wrapper::before {
	background-image: url(../images/bg_pattern_merged.png);


    content: "";
}

.c-link--img::after,
.c-modal.is-first::before,
.c-movie__link::after,
.c-movie__link::before,
.c-movie__link__coming::before,
.c-title::before,
.l-contents::before,
.l-footer__bnr::after,
.l-header__dl__btn::before,
.l-header__nav::before,
.l-wrapper::before {
    content: "";
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
details,
main {
    display: block;
}
h1 {
    font-size: 2em;
}
hr {
    box-sizing: content-box;
    height: 0;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    -webkit-tap-highlight-color: transparent;
}
abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    line-height: 1;
    color: #fff;
    background-color: #000;
}
body.is-hide {
    overflow-y: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0;
    padding: 0;
}
ol,
p,
ul {
    margin: 0;
    padding: 0;
}
strong {
    font-weight: 700;
}
li,
ol,
ul {
    list-style: none;
}
button {
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media screen and (max-width: 1024px) {
    .pc {
        display: none !important;
    }
    body {
        font-size: 3.3333333333vw;
        line-height: 2;
    }
    .l-wrapper::before {
        background-image: url(../images/sp/bg.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-color: #000;
    }
   
    
}
@media screen and (min-width: 1025px) {
    .sp {
        display: none !important;
    }
    html {
        font-size: 62.5%;
    }
    body {
        font-size: 15px;
        line-height: 1.6;
    }
}
.c-modal,
.c-modal__close,
.l-footer,
.l-header,
.l-wrapper__loading,
.p-first,
.p-mv,
.p-news,
.p-overview,
.p-pickup,
.p-prologue,
.p-share {
    font-size: 0;
}
.l-wrapper {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.l-wrapper::before,
.l-wrapper__loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #000;
    height: 100%;
}
.l-wrapper::before {
    background-size: 100% auto;
}
.l-wrapper__loading {
    right: 0;
    bottom: 0;
    background-image: url(../images/loading.gif);
    background-size: 11.71875vw auto;
    background-position: center;
    z-index: 100;
}
@media screen and (max-width: 1024px) {
    .l-wrapper__loading {
        background-size: 23.4375vw auto;
    }
}
.l-header__news,
.l-header__news::after,
.l-header__schedule,
.l-header__schedule::after {
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.l-header {
    position: relative;
    z-index: 99;
    text-align: center;
}
.l-header__side {
    position: fixed;
    top: 4.0104166667vw;
    left: 0.5208333333vw;
    width: 3.28125vw;
}
.l-header__nav__link,
.l-header__nav__sublink,
.l-header__schedule {
    position: relative;
    display: block;
}
@media screen and (max-width: 1024px) {
    .l-header__side {
        top: 0;
        left: auto;
        right: 16.25vw;
        padding-top: 1.875vw;
        width: 30vw;
        text-align: right;
    }
}
.l-footer,
.l-footer__about,
.p-first,
.p-news,
.p-pickup,
.p-prologue,
.p-share__list {
    text-align: center;
}
.l-header__news {
	


	position: fixed;
    top: 1.40625vw;
    right: 35.2916666667vw;
    width: 9.6354166667vw;

    height: 5.28125vw;
    background: url(../images/btn_h_news.png) no-repeat;
    background-size: 100% auto;
	
	

}


@media screen and (max-width: 1024px) {
    .l-header__news {
        width: 30vw;
        height: 7.3958333333vw;
		right: 15.2916666667vw;
        margin-bottom: 0.5208333333vw;
		margin-top:.5vw;
        background-image: url(../images/sp/btn_h_news.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: inline-block;
    }
}


.l-header__news::after {
    background-image: url(../images/btn_news_on.png);
}

.l-header__schedule {
    width: 100%;
    height: 19.5833333333vw;
    margin-bottom: 0.3125vw;
    background-image: url(../images/btn_side_schedule_off.png);
}
@media screen and (max-width: 1024px) {
    .l-header__schedule {
        position: absolute;
        top: 1.875vw;
        right: 100%;
        width: 30vw;
        height: 7.3958333333vw;
        margin-bottom: 0.5208333333vw;
        background-image: url(../images/sp/btn_h_schedule.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: inline-block;
    }
}
.l-header__schedule::after {
    background-image: url(../images/btn_side_schedule_on.png);
}
@media screen and (max-width: 1024px) {
    .l-header__dl {
        position: absolute;
        top: 1.875vw;
        right: 100%;
        width: 30vw;
        height: 7.3958333333vw;
        margin-bottom: 0.5208333333vw;
        background-image: url(../images/sp/btn_h_dl.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: inline-block;
    }
}

.l-header__dl__qr {
    position: absolute;
    top: 0;
    left: 0;
    width: 19.6354166667vw;
    height: 11.1458333333vw;
    background: url(../images/btn_dl_open.png) no-repeat;
    background-size: 100% auto;
    display: none;
}
.l-header__dl__btn {
    position: fixed;
    top: 1.40625vw;
    right: 45.2916666667vw;
	
    width: 9.6354166667vw;

    height: 5.28125vw;
    background: url(../images/btn_dl_off.png) no-repeat;
    background-size: 100% auto;
}
.l-header__dl__btn::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/btn_dl_on.png) no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: opacity 0.3s;
}
.l-header__dl__btn.is-hover::before {
    opacity: 1;
}
.l-header__nav {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 23.0208333333vw;
    background: url(../images/bg_nav.png) top 0.46875vw right 1.71875vw no-repeat, url(../images/bg_nav.jpg) repeat-y;
    background-size: 17.03125vw auto, 100% auto;
    transform: translateX(110%);
    transition: transform 0.3s;
    box-shadow: 0 0 0.5208333333vw 0 #000216;
}
@media screen and (max-width: 1024px) {
    .l-header__dl__btn::before {
        display: none;
    }
    .l-header__nav {
        width: 57.2916666667vw;
        background-position: top 7.7083333333vw left 15.5208333333vw, top center;
        background-size: 34.0625vw auto, 100% auto;
        box-shadow: 0 0 1.0416666667vw 0 #000216;
    }
}
.l-header__nav.is-active {
    transform: translateX(0);
}
.l-header__nav::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 0.5729166667vw;
    height: 100%;
    background-color: #460012;
    opacity: 0.5;
}
.l-header__nav__inner {
    height: 100%;
    padding: 4.7916666667vw 0 4.4270833333vw;
    overflow: auto;
}
@media screen and (max-width: 1024px) {
    .l-header__nav::before {
        width: 1.25vw;
    }
    .l-header__nav__inner {
        padding: 11.4583333333vw 0 3.9583333333vw;
    }
}
.l-header__nav__list {
    padding-left: 1.40625vw;
}
.l-header__nav__item {
    margin-top: 0.6770833333vw;
}
.l-header__nav__top {
   

	width: 5.469vw;
	height: 2.969vw;
	
    background: url(../images/txt_nav_top_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__list {
        padding-left: 3.75vw;
    }
    .l-header__nav__item {
        margin-top: 3.4375vw;
    }
    .l-header__nav__top {
        
		width: 16.4583333333vw;
        height: 5.9375vw;
		
	
        background: url(../images/sp/txt_nav_top.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__top::after {
    background: url(../images/txt_nav_top_on.png) no-repeat;
}
.l-header__nav__prologue {

    width: 9.180vw;
	height: 2.969vw;	
    background: url(../images/txt_nav_prologue_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__prologue {
        width: 25.625vw;
        height: 5.9375vw;
        background: url(../images/sp/txt_nav_prologue.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__prologue::after {
    background: url(../images/txt_nav_prologue_on.png) no-repeat;
}
.l-header__nav__overview {

	width: 14.258vw;
    height: 2.969vw;
    background: url(../images/txt_nav_overview_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__overview {
        width: 29.4791666667vw;
        height: 5.9375vw;
        background: url(../images/sp/txt_nav_overview.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__overview::after {
    background: url(../images/txt_nav_overview_on.png) no-repeat;
}
.l-header__nav__overview1 {

	width: 17.188vw;
    height: 1.986vw;
    background: url(../images/txt_nav_overview1_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__overview1 {
        width: 45.2083333333vw;
        height: 4.5833333333vw;
        background: url(../images/sp/txt_nav_overview1.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__overview1::after {
    background: url(../images/txt_nav_overview1_on.png) no-repeat;
}
.l-header__nav__overview2 {

	width: 14.128vw;
    height: 1.986vw;
    background: url(../images/txt_nav_overview2_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__overview2 {
        width: 44.375vw;
        height: 4.5833333333vw;
        background: url(../images/sp/txt_nav_overview2.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__overview2::after {
    background: url(../images/txt_nav_overview2_on.png) no-repeat;
}
.l-header__nav__overview3 {

	width: 9.505vw;
    height: 1.986vw;
    background: url(../images/txt_nav_overview3_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__overview3 {
        width: 43.5416666667vw;
        height: 4.5833333333vw;
        background: url(../images/sp/txt_nav_overview3.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__overview3::after {
    background: url(../images/txt_nav_overview3_on.png) no-repeat;
}
.l-header__nav__pickup {
   
	width: 14.258vw;
    height: 2.969vw;
    background: url(../images/txt_nav_pickup_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__pickup {
        width: 36.6666666667vw;
        height: 5.9375vw;
        background: url(../images/sp/txt_nav_pickup.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__pickup::after {
    background: url(../images/txt_nav_pickup_on.png) no-repeat;
}
.l-header__nav__news {

	width: 12.422vw;
    height: 2.969vw;
    background: url(../images/txt_nav_news_off.png) no-repeat;
    background-size: auto 100%;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__news {
        width: 31.25vw;
        height: 5.9375vw;
        background: url(../images/sp/txt_nav_news.png) no-repeat;
        background-size: auto 100%;
    }
}
.l-header__nav__news::after {
    background: url(../images/txt_nav_news_on.png) no-repeat;
}
.l-header__nav__close,
.l-header__nav__close::after,
.l-header__nav__link::after,
.l-header__nav__menu,
.l-header__nav__menu::after,
.l-header__nav__sublink::after {
    background-size: 100% auto;
}
.l-header__nav__sub {
    padding-left: 2.1875vw;
}
.l-header__nav__logo {
    width: 15.3645833333vw;
    margin: 4.4270833333vw auto 0;
    display: block;
}


.l-header__nav__app {
	width: 8.59375vw;
    margin: 1.5625vw 0.8854166667vw 0 1vw;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__app  {
        width: 35.5208333333vw;
        margin-right: 4.1666666667vw;
		marign-left: 0;
    }
}
.l-header__nav__google {
	width: 9.9479166667vw;
    margin: 1.5625vw 1.3541666667vw 0 0;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__google  {
        width: 41.0416666667vw;
        margin-right: 0;
    }
}

.l-header__nav__menu {
    z-index: 1;
    background-image: url(../images/btn_menu_off.png);
    background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__sub {
        padding-left: 5.9375vw;
    }
    .l-header__nav__logo {
        width: 45.625vw;
        margin: 3.9583333333vw auto 0;
    }
    .l-header__nav__menu {
        background-image: url(../images/sp/btn_menu.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
}
.l-header__nav__menu::after {
    background-image: url(../images/btn_menu_on.png);
    background-repeat: no-repeat;
    opacity: 0;
}
.l-header__nav__menu.is-close {
    opacity: 0;
    z-index: 0;
}
.l-header__nav__close {
    opacity: 0;
    background-image: url(../images/btn_close_off.png);
    background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__close {
        background-image: url(../images/sp/btn_close.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
}
.l-header__nav__close::after {
    background-image: url(../images/btn_close_on.png);
    background-repeat: no-repeat;
}
.l-header__nav__close.is-close {
    opacity: 1;
}
.l-header__nav__close,
.l-header__nav__menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.l-header__nav__btn {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0.5208333333vw 0.9375vw 0 0;
    width: 5.625vw;
    height: 5.625vw;
}
@media screen and (max-width: 1024px) {
    .l-header__nav__btn {
        margin: 1.5625vw 1.9791666667vw 0 0;
        width: 14.8958333333vw;
        height: 14.8958333333vw;
    }
}

.l-contents__bg::before {
    content: "";
    position: absolute;
   
   
   
}
.l-contents__bg {
    top: 0;
   
   
   
    background-image: url(../images/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 31.250vw;
    z-index: 0;
}
@media screen and (max-width: 1024px) {
    .l-contents__bg {
        background-image: none;
    }
}
.l-contents {
    position: relative;
	width: 31.250vw;
	margin-left: auto;
    margin-right: auto;

   
	


   


    


	border-left: 0.391vw solid #9c1c4b;
	border-right: 0.391vw solid #9c1c4b;

	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
}

.l-contents::before {
    position: absolute;
    top: 81.1458333333vw;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #39011e;
    opacity: 0.7;
    z-index: 1;
}

.l-footer,
.l-footer__bnr {
    position: relative;
    width: 100%;
}
.l-contents__movie {
    display: none;
}
.l-footer {
    padding-bottom: 2.0833333333vw;
    background-color: #000;
}
@media screen and (max-width: 1024px) {
	.l-contents {
	
        width: 100%;
		
	
		border-left: none;
		border-right: none;

       
        background-image: none;
    }
    .l-contents::before {
        top: 208.3333333333vw;
    }
    .l-footer {
        padding-bottom: 8.3333333333vw;
    }
}

.l-footer__bnr {
    margin-bottom: 1.71875vw;
    padding: 1.7083333333vw 0 1.2291666667vw;
}
.l-footer__bnr::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 66.6666666667vw;
    height: 0.1041666667vw;
    
}

@media screen and (max-width: 1024px) {
    .l-footer__bnr {
       
        padding: 0.3125vw 0 2.9583333333vw;
		
    }
    .l-footer__bnr::after {
        width: 95.8333333333vw;
        height: 0.625vw;
    }
}

.l-footer__bnr__item {
    width: 5.4375vw;
    margin: 0 2.2395833333vw;
    display: inline-block;
    vertical-align: bottom;
	padding-right:0vw;
	padding-left:0vw;
}

.l-footer__app,
.l-footer__google,
.l-footer__logo,
.l-footer__qr {
    vertical-align: middle;
}
@media screen and (max-width: 1024px) {
    .l-footer__bnr__item {
        width: 12.5vw;
        margin: 5.2083333333vw auto 0;
		display: inline-block;
		padding-right:5vw;
		padding-left:5vw;
    }
}

.l-footer__logo {
    width: 23.5416666667vw;
    margin-right: 0.9375vw;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .l-footer__logo {
        width: 74.375vw;
        margin: 0 auto 5.2083333333vw;
        display: block;
    }
}
.l-footer__app {
    width: 8.59375vw;
    margin: 1.5625vw 0.8854166667vw 0 0;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .l-footer__app {
        width: 35.5208333333vw;
        margin-right: 4.1666666667vw;
    }
}
.l-footer__google {
    width: 9.9479166667vw;
    margin: 1.5625vw 1.3541666667vw 0 0;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .l-footer__google {
        width: 41.0416666667vw;
        margin-right: 0;
    }
}
.l-footer__qr {
    width: 7.2916666667vw;
    display: inline-block;
}
.l-footer__official-sns {
    width: 100%;
    margin: 1.1979166667vw 0 1.9791666667vw;
    padding: 1.3541666667vw 0;
    background: linear-gradient(90deg, rgba(36, 36, 36, 0) 20%, #242424 30%, #242424 70%, rgba(36, 36, 36, 0) 80%);
}
@media screen and (max-width: 1024px) {
    .l-footer__official-sns {
        margin: 8.3333333333vw 0 7.8125vw;
        padding: 5.2083333333vw 0 1.0416666667vw;
        background: linear-gradient(90deg, rgba(36, 36, 36, 0) 0, #242424 10%, #242424 90%, rgba(36, 36, 36, 0) 100%);
    }
}

.l-footer__official-sns2__container {
	
}
@media screen and (max-width: 1024px) {
    .l-footer__official-sns2__container {
	
	}
}
.l-footer__official-sns2 {
    width: 100%;
    margin: 1.1979166667vw 0 1.9791666667vw;
   
    
}
@media screen and (max-width: 1024px) {
    .l-footer__official-sns2 {
       
       
        
    }
}

.l-footer__official-sns__item2 {
    width: 5.90625vw;
    margin: 0 0.5208333333vw;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .l-footer__official-sns__item2 {
	
    }
}


.c-modal.is-first::before,
.c-modal__close,
.c-modal__close::after {
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.l-footer__official-sns__item {
    width: 13.90625vw;
    margin: 0 0.5208333333vw;
    display: inline-block;
}
.l-footer__about {
    text-decoration: underline;
    font-size: 11px;
    color: #fff;
}
@media screen and (max-width: 1024px) {
    .l-footer__official-sns__item {
        width: 42.3958333333vw;
        margin: 0 2.0833333333vw 4.1666666667vw;
    }
    .l-footer__about {
        font-size: 2.9166666667vw;
    }
}

.l-footer__banner__container {
	width: 100%;
	margin-top: -2vw;
}
.l-footer__banner {
	position: relative;
	width: 70%;
    margin: 0 auto;

    padding: 1.3541666667vw 0;

}
@media screen and (max-width: 1024px) {
	.l-footer__banner__container {
		width: 100%;
		margin-top: -10vw;
	}
    .l-footer__banner {
		width: 100%;
        margin: 8.3333333333vw 0 7.8125vw;
        padding: 5.2083333333vw 0 1.0416666667vw;
    }
}
.l-footer__banner__item {
    width: 17.90625vw;
    margin: 0 0.5208333333vw;
	padding-bottom: 2vw;
    display: inline-block;
}
@media screen and (max-width: 1024px) {
    .l-footer__banner__item {
        width: 30.3958333333vw;
        margin: 0 2.0833333333vw 4.1666666667vw;
		padding-bottom: 1vw;
    }
}
.l-footer__banner__link {
}


.l-footer__about.is-hover {
    text-decoration: none;
}
.l-footer__text {
    padding-top: 0.9791666667vw; 
    font-size: 11px;
    line-height: 1.6;
}
@media screen and (max-width: 1024px) {
    .l-footer__text {
        padding-top: 2.8125vw;
        font-size: 2.9166666667vw;
        line-height: 1.5;
    }
}

.l-footer__text__copyright {
    display: block;
    font-size: 11px;
    padding-top: 0vw;
	margin-top: -1vw;
}

.c-slider__next,
.c-slider__prev {
    position: absolute;
    width: 4.6875vw;
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    .l-footer__text__copyright {
        padding-top: 0vw;
        font-size: 2.9166666667vw;
		margin-top: -10vw;
    }
    .c-slider__next,
    .c-slider__prev {
        width: 10.7291666667vw;
    }
    .c-modal {
        padding: 4.1666666667vw 0;
    }
}


.c-slider__pu {
    position: relative;
    width: 100%;
    height: 100%;
}
.c-slider__pu__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

   
	opacity: 1;	
	transition: opacity 0.5s;

}

@media screen and (max-width: 1024px) {
	.c-slider__pu__item {
	
       
		opacity: 1;
	
	}
}


	
       
.c-slider__pu__item.is-show {
    opacity: 1;
    z-index: 1;
}
.c-slider__pu__btn {
    display: inline-block;
}
.c-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s;
    display: none;
}
.c-modal.is-show {
    opacity: 1;
}
.c-modal.is-first::before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
}
@media screen and (max-width: 1024px) {
    .c-modal.is-first::before {
        background-image: url(../images/sp/bg.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-color: #000;
    }
}
.c-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
.c-modal__contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.c-modal__inner {
    width: 53.3333333333vw;
    height: 30vw;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
    .c-modal__inner {
        width: 87.8125vw;
        height: 49.375vw;
    }
}
.c-modal__img {
    width: 964px;
    margin-bottom: -30px;
}
@media screen and (max-width: 1024px) {
    .c-modal__img {
        width: 100%;
    }
}
.c-modal__close {
    position: absolute;
    right: 0;
    bottom: -5.625vw;
    width: 5.625vw;
    height: 5.625vw;
    display: block;
    background-image: url(../images/btn_close_off.png);
}
@media screen and (max-width: 1024px) {
    .c-modal__close {
        bottom: -11.25vw;
        width: 11.25vw;
        height: 11.25vw;
    }
}
.c-modal__close::after {
    background-image: url(../images/btn_close_on.png);
}
.c-movie {
    position: relative;
    width: 21.6145833333vw;
    height: 12.5vw;
}
@media screen and (max-width: 1024px) {
    .c-movie {
        width: 43.2291666667vw;
        height: 25vw;
    }
}
.c-link--img::after,
.c-movie__link,
.c-movie__link::after,
.c-movie__link::before,
.c-movie__link__coming::before {
    height: 100%;
    position: absolute;
}
.c-movie__link {
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    vertical-align: bottom;
}
.c-movie__link::after {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-image: url(../images/frame_movie.png), url(../images/txt_movie.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 100% 100%;
}
.c-movie__link::before {
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    transition: opacity 0.3s;
}
.c-movie__link.is-hover::before {
    opacity: 0;
}
.c-movie__link__coming::before {
    top: 0;
    left: 0;
    width: 100%;
    background-color: #474953;
}
.c-movie__link__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    height: 110%;
    background: url(../images/txt_coming-soon.png) top 2.8645833333vw center no-repeat rgba(56, 56, 56, 0.7);
    background-size: 45% auto;
    z-index: 2;
}
.c-link--dark {
    filter: brightness(1);
    transition: filter 0.3s;
}
.c-link--dark.is-hover {
    filter: brightness(80%);
}
.c-link--light {
    filter: brightness(1);
    transition: filter 0.3s;
}
.c-link--light.is-hover {
    filter: brightness(120%);
}
.c-link--img::after {
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}
.c-link--img.is-hover::after {
    opacity: 1;
}
.c-light::before {
    -webkit-animation: light1 infinite alternate 0.5s;
    animation: light1 infinite alternate 0.5s;
}
.c-light::after {
    animation: light1 infinite alternate-reverse 0.5s;
}
.c-light__effect::before {
    -webkit-animation: light2 infinite alternate 2s;
    animation: light2 infinite alternate 2s;
}
.c-light__effect::after {
    animation: light2 infinite alternate-reverse 2s;
}
@-webkit-keyframes light1 {
    0% {
        filter: saturate(200%) brightness(200%);
    }
    100% {
        filter: saturate(0) brightness(50%);
    }
}
@keyframes light1 {
    0% {
        filter: saturate(200%) brightness(200%);
    }
    100% {
        filter: saturate(0) brightness(50%);
    }
}
@-webkit-keyframes light2 {
    0%,
    40% {
        filter: saturate(100%) brightness(100%);
    }
    100%,
    60% {
        filter: saturate(0) brightness(50%);
    }
}
@keyframes light2 {
    0%,
    40% {
        filter: saturate(100%) brightness(100%);
    }
    100%,
    60% {
        filter: saturate(0) brightness(50%);
    }
}
.c-title {
    padding: 3.3854166667vw 0;
    margin: 0 auto;
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 1s, transform 1s;
}
.c-title::before,
.p-news__bg {
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
    .c-movie__link {
        vertical-align: top;
    }
    .c-movie__link__text {
        background: url(../images/txt_coming-soon.png) top 5.7291666667vw center no-repeat rgba(56, 56, 56, 0.7);
        background-size: 45% auto;
    }
    .c-link--img::after {
        display: none;
    }
    .c-title {
        padding: 6.7708333333vw 0;
        margin: 0 auto;
    }
}
.c-title::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8.8020833333vw;
    height: 8.8020833333vw;
    background: url(../images/bg_ttl.png) no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: opacity 1s;
}

.c-title__img,
.p-mv,
.p-mv__data,
.p-mv__info,
.p-mv__title {
    position: relative;
}
@media screen and (max-width: 1024px) {
    .c-title::before {
        width: 27.6041666667vw;
        height: 27.6041666667vw;
    }
}
.c-title.is-show {
    opacity: 1;
    transform: scale(1);
}
.c-title.is-show::before {
    opacity: 1;
}
.p-mv::before,
.p-mv__bg_char::before,
.p-mv__title {
    opacity: 0;
    transition: opacity 1s, transform 1s;
}




.p-mv {
    width: 100%;
    padding: 5.4166666667vw 0 5.3125vw;
}
.p-mv::after,
.p-mv::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
}

.p-mv::before {
    top: 0;
    height: 64.1145833333vw;
	margin-top:1vw;
   

	transform: translateY(5%);
	
	
}

@media screen and (max-width: 1024px) {
    .p-mv {
        padding: 79.7916666667vw 0 0;
    }
    .p-mv::before {
        height: 175.625vw;
        background: url(../images/sp/img_mv01.png) top center no-repeat, url(../images/sp/img_mv02.png) top center no-repeat;
        background-size: 100% auto, 100% auto;
    }
}
.p-mv::after {
    top: 4.0895833333vw;
    height: 101.40625vw;
    background: url(../images/bg_mv.png) center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-mv::after {
        top: 90.625vw;
        right: 0;
        width: 100%;
        height: 175.1041666667vw;
        background: url(../images/sp/bg_mv.png) top right no-repeat;
        background-size: 100% auto;
    }
}
.p-mv.is-show::before,.p-mv__bg_char.is-show::before {
    opacity: 1;
    transform: translateY(0);
}






.p-mv__bg_char::after,
.p-mv__bg_char::before {
    content: "";
    position: absolute;
   
	width: 62.000vw;

	
	left: -15.5vw;
	display:block;
	transform: translateY(5%);

	
}
.p-mv__bg_char::before {
	top: 0;
    height: 64.1145833333vw;
	margin-top:1vw;
    background: url(../images/img_mv01.png) top center no-repeat, url(../images/img_mv02.png) top center no-repeat;
    background-size: 100% auto, 100% auto;


	
}
@media screen and (max-width: 1024px) {
    .p-mv__bg_char::before {
		display: none;
	}
		
}
.p-mv__title {
    width: 20.273vw;
    margin: 13vw auto -2.3958333333vw;
    transform: scale(0.95);
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .p-mv__title {
        width: 56.875vw;
        margin: 0 auto -2.3958333333vw;
		margin-top: -27.6145833333vw;
        transition: opacity 1s 0.5s, transform 1s 0.5s;
    }
}
.p-mv__title.is-show {
    opacity: 1;
    transform: scale(1);
}
.p-mv__fgo {
    position: absolute;
    top: 0.4858333333vw;
    left: 0.44375vw;
    width: 9.531vw;
}

@media screen and (max-width: 1024px) {
    .p-mv__fgo {
        top: 1.6666666667vw;
        left: 1.6666666667vw;
        width: 20.9375vw;
    }
}
.p-mv__catch {
    position: absolute;
    top: 18.38125vw;
    left: -0.5vw;
    width: 100%;
    height: 16.9479166667vw;
    background: url(../images/txt_mv_catch.png) bottom right no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: opacity 1s 0.8s;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .p-mv__catch {
       
		top: 17.8541666667vw;
        left: 0;
        width: 100%;
        height: 83.6458333333vw;
        background: url(../images/sp/txt_mv_catch.png) top right no-repeat;
        background-size: 100% auto;
    }
}
.p-mv__catch.is-show {
    opacity: 1;
}
.p-mv__catch__link {
    position: absolute;
    bottom: -2.7083333333vw;
   
	right: 11.5vw;
    width: 7.389vw;
    height: 2.441vw;
    background: url(../images/btn_mv_catch_off.png) bottom right no-repeat;
    background-size: 100% auto;
    display: block;
}


@media screen and (max-width: 1024px) {
    .p-mv__catch__link {
        top: auto;
		
        bottom: -6.5708333333vw;
       
		width: 17.867vw;
	
		height: 6.030vw;
       
		right: 39.5291666667vw;
        background: url(../images/sp/btn_mv_catch.png) bottom right no-repeat;
        background-size: 100% auto;
    }
}

.p-mv__catch__link::after {
    background-image: url(../images/btn_mv_catch_on.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.p-mv__data {
    width: 100%;
    height: 5.250vw;
    margin: 8.9666666667vw auto 1.25vw;
    background: url(../images/txt_mv_day.png) no-repeat;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s 1.2s;
}

@media screen and (max-width: 1024px) {
    .p-mv__data {
        width: 100%;
        height: 17.3958333333vw;
        margin: 0 auto -0.3125vw;
		margin-top: 16.6145833333vw;
        background: url(../images/sp/txt_mv_day.png) no-repeat;
        background-size: 100% auto;
        transition: opacity 1s 0.8s;
    }
}
.p-mv__data.is-show {
    opacity: 1;
}
.p-mv__info {
    width: 24.251vw;
    height: 2.8541666667vw;
    margin: -1vw auto;
    background: url(../images/txt_mv_info.png) no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition: opacity 1s 1.2s;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .p-mv__info {
        width: 100%;
        width: 81.5625vw;
        height: 7.7083333333vw;
        background: url(../images/sp/txt_mv_info.png) no-repeat;
        background-size: 100% auto;
        transition: opacity 1s 0.8s;
    }
}
.p-mv__info.is-show {
    opacity: 1;
}
.p-mv__movie {
    position: relative;
	margin-left: 1.8vw; 
    width: 27.5vw;
    height: 15.8333333333vw;
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 1s 0.5s;
    z-index: 1;
}


.pv-mv__dl__anchor {
	display: block; 
	position: relative; 
	top: 0; 
	visibility: hidden;
}
@media screen and (max-width: 1024px) {
	.pv-mv__dl__anchor {
		display: block; 
		position: relative; 
		top: -20vw; 
		visibility: hidden;
	}
}
.p-mv__dl,
.p-prologue {
    position: relative;
    z-index: 1;
}
.p-mv__movie.is-show {
    opacity: 1;
}
.p-mv__movie__link::after {
    background-image: url(../images/frame_movie.png), url(../images/txt_mv_movie.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 100% 100%;
}
.p-mv__dl {
        margin: 0 auto 2.6041666667vw;
        text-align: center;
}
.p-mv__dl__app {
	width: 12.207vw;
	margin-right: 1.1666666667vw;
	display: inline-block;
}
.p-mv__dl__google {
	width: 13.770vw;
	display: inline-block;
}
	
@media screen and (max-width: 1024px) {
    .p-mv__movie {
        position: relative;
        top: auto;
        left: auto;
        width: 55vw;
        height: 31.6666666667vw;
        margin: 2.1875vw auto 2.9166666667vw;
        transition: opacity 1s 1.2s;
    }
    .p-mv__dl {
        margin: 0 auto 2.6041666667vw;
        text-align: center;
    }
    .p-mv__dl__app {
        width: 35.5208333333vw;
        margin-right: 4.1666666667vw;
        display: inline-block;
    }
    .p-mv__dl__google {
        width: 41.0416666667vw;
        display: inline-block;
    }
}
.p-prologue {
    width: 100%;
    margin: 0.9166666667vw auto 2.9166666667vw;
    padding: 1.8541666667vw 0 1.7604166667vw;
    background: linear-gradient(90deg, rgba(26, 1, 14, 0) 7%, rgba(26, 1, 14, 0.5) 15%, rgba(26, 1, 14, 0.5) 85%, rgba(26, 1, 14, 0) 93%);
}

.p-prologue__title {
    position: absolute;
    top: -6.9166666667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 12.8854166667vw;
}

@media screen and (max-width: 1024px) {
    .p-prologue {
        margin: 16.0833333333vw auto -1.7708333333vw;
        padding: 5.3125vw 0 5.4166666667vw;
    }
    .p-prologue__title {
        top: -14.04958333333vw;
       
        width: 32.6666666667vw;
       
    }
}
.p-prologue__title.is-show {
    transform: scale(1) translateX(-50%);
}
.p-prologue__text {
    position: relative;
    width: 28.56875vw;
    height: 19.7291666667vw;
    margin: 2vw auto;
    background-image: url(../images/txt_prologue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    opacity: 0;
    transition: opacity 1s;
}

@media screen and (max-width: 1024px) {
    .p-prologue__text {
        width: 89.0625vw;
        height: 52.9166666667vw;
        background-image: url(../images/sp/txt_prologue.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
}
.p-prologue__text.is-show {
    opacity: 1;
}
.p-overview {
    position: relative;
    width: 100%;
    margin-top: 0vw;
    padding: 0.625vw 0 11.6145833333vw;

	background: url(../images/sp/bg_overview03.png) top 88.0208333333vw left no-repeat, url(../images/sp/bg_overview02.png) top 55.4166666667vw left no-repeat, url(../images/sp/bg_overview01.png) top left no-repeat;
    background-size: 100% auto, 100% auto, 100% auto;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .p-overview {
        margin-top: 0;
        padding: 3.2291666667vw 0 0;
        background: url(../images/sp/bg_overview03.png) top 268.0208333333vw left no-repeat, url(../images/sp/bg_overview02.png) top 170.4166666667vw left no-repeat, url(../images/sp/bg_overview01.png) top left no-repeat;
        background-size: 100% auto, 100% auto, 100% auto;
    }
}
.p-overview__title {
    position: relative;
    width: 20.1041666667vw;
    margin: 0 auto;
    z-index: 1;
}

.p-overview__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);
    mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, #000 10%, #000 90%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 1024px) {
    .p-overview__title {
        width: 57.2083333333vw;
        margin-top: 2vw;
    }
    .p-overview__bg {
        -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, #000 5%, #000 95%, rgba(0, 0, 0, 0) 100%);
        mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, #000 5%, #000 95%, rgba(0, 0, 0, 0) 100%);
    }
}
.p-overview__bg__effect {
    position: absolute;
    width: 1.9270833333vw;
    height: 1.3541666667vw;
    background: url(../images/bg_effect01.png) no-repeat;
    background-size: 100% auto;
    transform: scale(0.6);
}
@media screen and (max-width: 1024px) {
    .p-overview__bg__effect {
        width: 3.8541666667vw;
        height: 2.7083333333vw;
    }
}
.p-overview__bg__effect:nth-of-type(2n) {
    width: 1.1979166667vw;
    height: 1.25vw;
    background: url(../images/bg_effect02.png) no-repeat;
    background-size: 100% auto;
}
.p-overview__bg__effect:nth-of-type(3n) {
    transform: scale(0.3);
}
.p-overview__bg__effect:nth-of-type(4n) {
    transform: scale(0.4);
}
.p-overview__bg__effect:nth-of-type(5n) {
    transform: scale(0.5);
}
.p-overview__bg__effect:nth-child(even) {
    top: -0.5208333333vw;
}
.p-overview__bg__effect:nth-child(1) {
    -webkit-animation: particle1 23966ms infinite 6824ms;
    animation: particle1 23966ms infinite 6824ms;
}
@-webkit-keyframes particle1 {
    0% {
        top: 0;
        left: 36%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 30%;
        opacity: 0;
    }
}
@keyframes particle1 {
    0% {
        top: 0;
        left: 36%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 30%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(2) {
    -webkit-animation: particle2 12844ms infinite 2921ms;
    animation: particle2 12844ms infinite 2921ms;
}
@-webkit-keyframes particle2 {
    0% {
        top: 0;
        left: 77%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 75%;
        opacity: 0;
    }
}
@keyframes particle2 {
    0% {
        top: 0;
        left: 77%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 75%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(3) {
    -webkit-animation: particle3 24564ms infinite 1.97s;
    animation: particle3 24564ms infinite 1.97s;
}
@-webkit-keyframes particle3 {
    0% {
        top: 0;
        left: 20%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 4%;
        opacity: 0;
    }
}
@keyframes particle3 {
    0% {
        top: 0;
        left: 20%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 4%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(4) {
    -webkit-animation: particle4 20646ms infinite 2101ms;
    animation: particle4 20646ms infinite 2101ms;
}
@-webkit-keyframes particle4 {
    0% {
        top: 0;
        left: 92%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 39%;
        opacity: 0;
    }
}
@keyframes particle4 {
    0% {
        top: 0;
        left: 92%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 39%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(5) {
    -webkit-animation: particle5 16946ms infinite 12027ms;
    animation: particle5 16946ms infinite 12027ms;
}
@-webkit-keyframes particle5 {
    0% {
        top: 0;
        left: 68%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 24%;
        opacity: 0;
    }
}
@keyframes particle5 {
    0% {
        top: 0;
        left: 68%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 24%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(6) {
    -webkit-animation: particle6 24.4s infinite 1.02s;
    animation: particle6 24.4s infinite 1.02s;
}
@-webkit-keyframes particle6 {
    0% {
        top: 0;
        left: 44%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 100%;
        opacity: 0;
    }
}
@keyframes particle6 {
    0% {
        top: 0;
        left: 44%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 100%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(7) {
    -webkit-animation: particle7 12347ms infinite 9517ms;
    animation: particle7 12347ms infinite 9517ms;
}
@-webkit-keyframes particle7 {
    0% {
        top: 0;
        left: 100%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 86%;
        opacity: 0;
    }
}
@keyframes particle7 {
    0% {
        top: 0;
        left: 100%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 86%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(8) {
    -webkit-animation: particle8 11449ms infinite 436ms;
    animation: particle8 11449ms infinite 436ms;
}
@-webkit-keyframes particle8 {
    0% {
        top: 0;
        left: 36%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 31%;
        opacity: 0;
    }
}
@keyframes particle8 {
    0% {
        top: 0;
        left: 36%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 31%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(9) {
    -webkit-animation: particle9 21947ms infinite 10102ms;
    animation: particle9 21947ms infinite 10102ms;
}
@-webkit-keyframes particle9 {
    0% {
        top: 0;
        left: 44%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 62%;
        opacity: 0;
    }
}
@keyframes particle9 {
    0% {
        top: 0;
        left: 44%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 62%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(10) {
    -webkit-animation: particle10 17739ms infinite 5204ms;
    animation: particle10 17739ms infinite 5204ms;
}
@-webkit-keyframes particle10 {
    0% {
        top: 0;
        left: 23%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 84%;
        opacity: 0;
    }
}
@keyframes particle10 {
    0% {
        top: 0;
        left: 23%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 84%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(11) {
    -webkit-animation: particle11 24862ms infinite 5246ms;
    animation: particle11 24862ms infinite 5246ms;
}
@-webkit-keyframes particle11 {
    0% {
        top: 0;
        left: 23%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 40%;
        opacity: 0;
    }
}
@keyframes particle11 {
    0% {
        top: 0;
        left: 23%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 40%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(12) {
    -webkit-animation: particle12 21.77s infinite 10527ms;
    animation: particle12 21.77s infinite 10527ms;
}
@-webkit-keyframes particle12 {
    0% {
        top: 0;
        left: 83%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 52%;
        opacity: 0;
    }
}
@keyframes particle12 {
    0% {
        top: 0;
        left: 83%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 52%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(13) {
    -webkit-animation: particle13 21409ms infinite 7469ms;
    animation: particle13 21409ms infinite 7469ms;
}
@-webkit-keyframes particle13 {
    0% {
        top: 0;
        left: 87%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 97%;
        opacity: 0;
    }
}
@keyframes particle13 {
    0% {
        top: 0;
        left: 87%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 97%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(14) {
    -webkit-animation: particle14 21129ms infinite 8.76s;
    animation: particle14 21129ms infinite 8.76s;
}
@-webkit-keyframes particle14 {
    0% {
        top: 0;
        left: 79%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 84%;
        opacity: 0;
    }
}
@keyframes particle14 {
    0% {
        top: 0;
        left: 79%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 84%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(15) {
    -webkit-animation: particle15 23967ms infinite 10.26s;
    animation: particle15 23967ms infinite 10.26s;
}
@-webkit-keyframes particle15 {
    0% {
        top: 0;
        left: 19%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 77%;
        opacity: 0;
    }
}
@keyframes particle15 {
    0% {
        top: 0;
        left: 19%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 77%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(16) {
    -webkit-animation: particle16 22304ms infinite 6.12s;
    animation: particle16 22304ms infinite 6.12s;
}
@-webkit-keyframes particle16 {
    0% {
        top: 0;
        left: 11%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 46%;
        opacity: 0;
    }
}
@keyframes particle16 {
    0% {
        top: 0;
        left: 11%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 46%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(17) {
    -webkit-animation: particle17 10459ms infinite 14564ms;
    animation: particle17 10459ms infinite 14564ms;
}
@-webkit-keyframes particle17 {
    0% {
        top: 0;
        left: 87%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 100%;
        opacity: 0;
    }
}
@keyframes particle17 {
    0% {
        top: 0;
        left: 87%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 100%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(18) {
    -webkit-animation: particle18 23167ms infinite 7662ms;
    animation: particle18 23167ms infinite 7662ms;
}
@-webkit-keyframes particle18 {
    0% {
        top: 0;
        left: 60%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 66%;
        opacity: 0;
    }
}
@keyframes particle18 {
    0% {
        top: 0;
        left: 60%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 66%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(19) {
    -webkit-animation: particle19 21.8s infinite 9625ms;
    animation: particle19 21.8s infinite 9625ms;
}
@-webkit-keyframes particle19 {
    0% {
        top: 0;
        left: 29%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 59%;
        opacity: 0;
    }
}
@keyframes particle19 {
    0% {
        top: 0;
        left: 29%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 59%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(20) {
    -webkit-animation: particle20 21856ms infinite 3224ms;
    animation: particle20 21856ms infinite 3224ms;
}
@-webkit-keyframes particle20 {
    0% {
        top: 0;
        left: 3%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 7%;
        opacity: 0;
    }
}
@keyframes particle20 {
    0% {
        top: 0;
        left: 3%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 7%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(21) {
    -webkit-animation: particle21 14941ms infinite 11229ms;
    animation: particle21 14941ms infinite 11229ms;
}
@-webkit-keyframes particle21 {
    0% {
        top: 0;
        left: 32%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 89%;
        opacity: 0;
    }
}
@keyframes particle21 {
    0% {
        top: 0;
        left: 32%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 89%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(22) {
    -webkit-animation: particle22 10953ms infinite 8895ms;
    animation: particle22 10953ms infinite 8895ms;
}
@-webkit-keyframes particle22 {
    0% {
        top: 0;
        left: 74%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 70%;
        opacity: 0;
    }
}
@keyframes particle22 {
    0% {
        top: 0;
        left: 74%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 70%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(23) {
    -webkit-animation: particle23 11557ms infinite 1255ms;
    animation: particle23 11557ms infinite 1255ms;
}
@-webkit-keyframes particle23 {
    0% {
        top: 0;
        left: 18%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 64%;
        opacity: 0;
    }
}
@keyframes particle23 {
    0% {
        top: 0;
        left: 18%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 64%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(24) {
    -webkit-animation: particle24 16.66s infinite 10787ms;
    animation: particle24 16.66s infinite 10787ms;
}
@-webkit-keyframes particle24 {
    0% {
        top: 0;
        left: 26%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 96%;
        opacity: 0;
    }
}
@keyframes particle24 {
    0% {
        top: 0;
        left: 26%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 96%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(25) {
    -webkit-animation: particle25 20137ms infinite 12163ms;
    animation: particle25 20137ms infinite 12163ms;
}
@-webkit-keyframes particle25 {
    0% {
        top: 0;
        left: 83%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 74%;
        opacity: 0;
    }
}
@keyframes particle25 {
    0% {
        top: 0;
        left: 83%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 74%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(26) {
    -webkit-animation: particle26 16.97s infinite 8932ms;
    animation: particle26 16.97s infinite 8932ms;
}
@-webkit-keyframes particle26 {
    0% {
        top: 0;
        left: 76%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 19%;
        opacity: 0;
    }
}
@keyframes particle26 {
    0% {
        top: 0;
        left: 76%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 19%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(27) {
    -webkit-animation: particle27 11118ms infinite 5183ms;
    animation: particle27 11118ms infinite 5183ms;
}
@-webkit-keyframes particle27 {
    0% {
        top: 0;
        left: 74%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 18%;
        opacity: 0;
    }
}
@keyframes particle27 {
    0% {
        top: 0;
        left: 74%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 18%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(28) {
    -webkit-animation: particle28 23711ms infinite 2.68s;
    animation: particle28 23711ms infinite 2.68s;
}
@-webkit-keyframes particle28 {
    0% {
        top: 0;
        left: 52%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 36%;
        opacity: 0;
    }
}
@keyframes particle28 {
    0% {
        top: 0;
        left: 52%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 36%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(29) {
    -webkit-animation: particle29 16642ms infinite 12381ms;
    animation: particle29 16642ms infinite 12381ms;
}
@-webkit-keyframes particle29 {
    0% {
        top: 0;
        left: 98%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 54%;
        opacity: 0;
    }
}
@keyframes particle29 {
    0% {
        top: 0;
        left: 98%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 54%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(30) {
    -webkit-animation: particle30 22852ms infinite 5.1s;
    animation: particle30 22852ms infinite 5.1s;
}
@-webkit-keyframes particle30 {
    0% {
        top: 0;
        left: 63%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 91%;
        opacity: 0;
    }
}
@keyframes particle30 {
    0% {
        top: 0;
        left: 63%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 91%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(31) {
    -webkit-animation: particle31 13.29s infinite 10699ms;
    animation: particle31 13.29s infinite 10699ms;
}
@-webkit-keyframes particle31 {
    0% {
        top: 0;
        left: 51%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 10%;
        opacity: 0;
    }
}
@keyframes particle31 {
    0% {
        top: 0;
        left: 51%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 10%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(32) {
    -webkit-animation: particle32 21317ms infinite 735ms;
    animation: particle32 21317ms infinite 735ms;
}
@-webkit-keyframes particle32 {
    0% {
        top: 0;
        left: 33%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 42%;
        opacity: 0;
    }
}
@keyframes particle32 {
    0% {
        top: 0;
        left: 33%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 42%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(33) {
    -webkit-animation: particle33 11116ms infinite 7592ms;
    animation: particle33 11116ms infinite 7592ms;
}
@-webkit-keyframes particle33 {
    0% {
        top: 0;
        left: 3%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 15%;
        opacity: 0;
    }
}
@keyframes particle33 {
    0% {
        top: 0;
        left: 3%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 15%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(34) {
    -webkit-animation: particle34 13246ms infinite 8178ms;
    animation: particle34 13246ms infinite 8178ms;
}
@-webkit-keyframes particle34 {
    0% {
        top: 0;
        left: 95%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 1%;
        opacity: 0;
    }
}
@keyframes particle34 {
    0% {
        top: 0;
        left: 95%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 1%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(35) {
    -webkit-animation: particle35 17304ms infinite 4415ms;
    animation: particle35 17304ms infinite 4415ms;
}
@-webkit-keyframes particle35 {
    0% {
        top: 0;
        left: 53%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 87%;
        opacity: 0;
    }
}
@keyframes particle35 {
    0% {
        top: 0;
        left: 53%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 87%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(36) {
    -webkit-animation: particle36 18985ms infinite 9732ms;
    animation: particle36 18985ms infinite 9732ms;
}
@-webkit-keyframes particle36 {
    0% {
        top: 0;
        left: 85%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 93%;
        opacity: 0;
    }
}
@keyframes particle36 {
    0% {
        top: 0;
        left: 85%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 93%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(37) {
    -webkit-animation: particle37 23659ms infinite 8448ms;
    animation: particle37 23659ms infinite 8448ms;
}
@-webkit-keyframes particle37 {
    0% {
        top: 0;
        left: 47%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 72%;
        opacity: 0;
    }
}
@keyframes particle37 {
    0% {
        top: 0;
        left: 47%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 72%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(38) {
    -webkit-animation: particle38 18651ms infinite 7698ms;
    animation: particle38 18651ms infinite 7698ms;
}
@-webkit-keyframes particle38 {
    0% {
        top: 0;
        left: 92%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 66%;
        opacity: 0;
    }
}
@keyframes particle38 {
    0% {
        top: 0;
        left: 92%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 66%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(39) {
    -webkit-animation: particle39 13781ms infinite 294ms;
    animation: particle39 13781ms infinite 294ms;
}
@-webkit-keyframes particle39 {
    0% {
        top: 0;
        left: 2%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 84%;
        opacity: 0;
    }
}
@keyframes particle39 {
    0% {
        top: 0;
        left: 2%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 84%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(40) {
    -webkit-animation: particle40 20739ms infinite 10974ms;
    animation: particle40 20739ms infinite 10974ms;
}
@-webkit-keyframes particle40 {
    0% {
        top: 0;
        left: 45%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 53%;
        opacity: 0;
    }
}
@keyframes particle40 {
    0% {
        top: 0;
        left: 45%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 53%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(41) {
    -webkit-animation: particle41 16934ms infinite 12813ms;
    animation: particle41 16934ms infinite 12813ms;
}
@-webkit-keyframes particle41 {
    0% {
        top: 0;
        left: 39%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 28%;
        opacity: 0;
    }
}
@keyframes particle41 {
    0% {
        top: 0;
        left: 39%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 28%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(42) {
    -webkit-animation: particle42 14162ms infinite 12038ms;
    animation: particle42 14162ms infinite 12038ms;
}
@-webkit-keyframes particle42 {
    0% {
        top: 0;
        left: 95%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 11%;
        opacity: 0;
    }
}
@keyframes particle42 {
    0% {
        top: 0;
        left: 95%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 11%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(43) {
    -webkit-animation: particle43 14282ms infinite 3218ms;
    animation: particle43 14282ms infinite 3218ms;
}
@-webkit-keyframes particle43 {
    0% {
        top: 0;
        left: 80%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 77%;
        opacity: 0;
    }
}
@keyframes particle43 {
    0% {
        top: 0;
        left: 80%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 77%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(44) {
    -webkit-animation: particle44 11.83s infinite 715ms;
    animation: particle44 11.83s infinite 715ms;
}
@-webkit-keyframes particle44 {
    0% {
        top: 0;
        left: 81%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 70%;
        opacity: 0;
    }
}
@keyframes particle44 {
    0% {
        top: 0;
        left: 81%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 70%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(45) {
    -webkit-animation: particle45 21537ms infinite 348ms;
    animation: particle45 21537ms infinite 348ms;
}
@-webkit-keyframes particle45 {
    0% {
        top: 0;
        left: 12%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 17%;
        opacity: 0;
    }
}
@keyframes particle45 {
    0% {
        top: 0;
        left: 12%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 17%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(46) {
    -webkit-animation: particle46 14734ms infinite 11587ms;
    animation: particle46 14734ms infinite 11587ms;
}
@-webkit-keyframes particle46 {
    0% {
        top: 0;
        left: 52%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 69%;
        opacity: 0;
    }
}
@keyframes particle46 {
    0% {
        top: 0;
        left: 52%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 69%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(47) {
    -webkit-animation: particle47 23904ms infinite 5829ms;
    animation: particle47 23904ms infinite 5829ms;
}
@-webkit-keyframes particle47 {
    0% {
        top: 0;
        left: 63%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 30%;
        opacity: 0;
    }
}
@keyframes particle47 {
    0% {
        top: 0;
        left: 63%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 30%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(48) {
    -webkit-animation: particle48 17817ms infinite 3053ms;
    animation: particle48 17817ms infinite 3053ms;
}
@-webkit-keyframes particle48 {
    0% {
        top: 0;
        left: 58%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 6%;
        opacity: 0;
    }
}
@keyframes particle48 {
    0% {
        top: 0;
        left: 58%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 6%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(49) {
    -webkit-animation: particle49 13339ms infinite 12987ms;
    animation: particle49 13339ms infinite 12987ms;
}
@-webkit-keyframes particle49 {
    0% {
        top: 0;
        left: 19%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 92%;
        opacity: 0;
    }
}
@keyframes particle49 {
    0% {
        top: 0;
        left: 19%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 92%;
        opacity: 0;
    }
}
.p-overview__bg__effect:nth-child(50) {
    -webkit-animation: particle50 11739ms infinite 7015ms;
    animation: particle50 11739ms infinite 7015ms;
}
@-webkit-keyframes particle50 {
    0% {
        top: 0;
        left: 13%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 81%;
        opacity: 0;
    }
}
@keyframes particle50 {
    0% {
        top: 0;
        left: 13%;
    }
    85% {
        opacity: 0;
    }
    100% {
        top: 100%;
        left: 81%;
        opacity: 0;
    }
}
.p-overview1::before,
.p-overview2::before,
.p-pickup::before {
    left: 0;
    content: "";
}
.p-overview1 {
    position: relative;
    margin: 1.71875vw 0 4.4270833333vw;
	margin-top: 2vw;
    opacity: 0;
    transition: opacity 1s;
}

.p-overview1.is-show {
    opacity: 1;
}
.p-overview1.is-show::before {
    opacity: 1;
    transform: translateY(0);
}
.p-overview2,
.p-overview3,
.p-overview4 {
    opacity: 0;
    transition: opacity 1s;
}

.p-overview1::before {
    position: absolute;
    top: 10vw;
    width: 100%;
    height: 58.0208333333vw;
    background: url(../images/img_overview1_side02.png) no-repeat, url(../images/img_overview1_side01.png) no-repeat;
    background-size: 100% auto, 100% auto;
    opacity: 0;
    transform: translateY(5%);
    transition: opacity 1s, transform 1s;
}

@media screen and (max-width: 1024px) {
    .p-overview1 {
        margin: 5.1041666667vw 0 10.2083333333vw;
    }
    .p-overview1::before {
        height: 100%;
        background: url(../images/sp/img_overview1_side02.png) top no-repeat, url(../images/sp/img_overview1_side01.png) top no-repeat;
        background-size: 100% auto, 100% auto;
    }
}
.p-overview1__title {
    position: relative;
    width: 28.625vw;
    height: 15.2083333333vw;
    margin: 0 auto;
	margin-top:-11vw;
    background: url(../images/ttl_overview1.png) bottom center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-overview1__title {
        width: 94.4791666667vw;
        height: 28.9583333333vw;
       
        background: url(../images/sp/ttl_overview1.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}
.p-overview1__text {
    position: relative;
    width: 31.7083333333vw;
    height: 20vw;
    margin: -2.38125vw auto 0.8854166667vw;
    background: url(../images/txt_overview1.png) bottom center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-overview1__text {
        width: 67.2916666667vw;
        height: 40.1041666667vw;
        margin: 2.7083333333vw auto 1.0416666667vw;
        background: url(../images/sp/txt_overview1.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}
.p-overview1__img {
    position: relative;
    width: 30.5104166667vw;
    height: 11.2916666667vw;
    margin: 0 auto 1.875vw;
    background: url(../images/img_overview1.png) bottom center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-overview1__img {
        width: 98.0208333333vw;
        height: 39.0625vw;
        margin: 0 auto 2.0833333333vw;
        background: url(../images/sp/img_overview1.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}
.p-overview1__schedule {
    position: relative;
    width: 28.5416666667vw;
    height: 4.84375vw;
    margin: 0 auto;
    background: url(../images/btn_schedule_off.png) bottom center no-repeat;
    background-size: 100% auto;
    display: block;
}
.p-overview1__schedule::after {
    background: url(../images/btn_schedule_on.png) center no-repeat;
    background-size: 100% auto;
}
.p-overview4 {
    position: relative;
    margin-bottom: 6.25vw;
}
@media screen and (max-width: 1024px) {
    .p-overview4 {
        margin-bottom: 10.8333333333vw;
    }
}
.p-overview4.is-show {
    opacity: 1;
}

.p-overview4__title {
    position: relative;
    width: 30.5208333333vw;
    height: 5.5729166667vw;
    margin: 0 auto;
    background: url(../images/ttl_overview4.png) bottom center no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 1024px) {
    .p-overview4__title {
        width: 94.4791666667vw;
        height: 9.7708333333vw;
        background: url(../images/sp/ttl_overview4.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}

.p-overview4__img {
    position: relative;
    width: 28.542vw;
    height: 10.721vw;
   
    margin: 0 auto 1.875vw;
    background: url(../images/img_overview4.png) bottom center no-repeat;
    background-size: 100% auto;
    padding-top: 2vw;
}
@media screen and (max-width: 1024px) {
    .p-overview4__img {
       
        width: 78.125vw;
       
        height: 30.664vw;
        margin: 0 auto 2.0833333333vw;
        background: url(../images/sp/img_overview4.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}
.p-overview2 {
    position: relative;
    margin-bottom: 6.25vw;
}
@media screen and (max-width: 1024px) {
    .p-overview1__schedule {
        width: 57.1875vw;
        height: 9.6875vw;
    }
    .p-overview2 {
        margin-bottom: 10.8333333333vw;
    }
}
.p-overview2.is-show {
    opacity: 1;
}
.p-overview2::before {
    position: absolute;
    top: 6.8604166667vw;
    width: 100%;
    height: 58.125vw;
    background: url(../images/img_overview2.png) no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-overview2::before {
        top: 27.0833333333vw;
        height: 94.2708333333vw;
        background: url(../images/sp/img_overview2.png) top center no-repeat;
        background-size: 100% auto;
    }
}
.p-overview2__title {
    position: relative;
    width: 30.5208333333vw;
    height: 5.5729166667vw;
    margin: 0 auto;
    background: url(../images/ttl_overview2.png) bottom center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-overview2__title {
        width: 94.4791666667vw;
        height: 19.2708333333vw;
        background: url(../images/sp/ttl_overview2.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}

.p-overview2__text {
    position: relative;
    width: 26.34375vw;
    height: 8.65625vw;
    margin: 0.0416666667vw auto 15.3645833333vw;
    background: url(../images/txt_overview2.png) bottom center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-overview2__text {
        width: 88.0208333333vw;
        height: 26.6666666667vw;
        margin: 2.6041666667vw auto 56.875vw;
        background: url(../images/sp/txt_overview2.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}
.p-overview2__news {
    position: relative;
    width: 28.4895833333vw;
    height: 7.84375vw;
    margin: 0 auto;
    background: url(../images/btn_news_off.png) bottom center no-repeat;
    background-size: 100% auto;
    display: block;
}
.p-overview2__news::after {
    background: url(../images/btn_news_on.png) center no-repeat;
    background-size: 100% auto;
}
.p-overview3 {
    position: relative;
    padding-bottom: 1.9791666667vw;
    
	background: url(../images/bg_overview3.png) bottom center no-repeat;

    background-size: auto 17.9583333333vw;
	
}

.p-overview3.is-show,
.p-pickup__item.is-show {
    opacity: 1;
}
@media screen and (max-width: 1024px) {
    .p-overview2__news {
        width: 56.9791666667vw;
        height: 9.6875vw;
    }
    .p-overview3 {
        padding-bottom: 2.6041666667vw;
        background-size: auto 55vw;
		
	
	
    }
}

.p-overview3__title {
    position: relative;
    width: 30.5208333333vw;
    height: 7.84375vw;
    margin: 0 auto 2.96875vw;
    background: url(../images/ttl_overview3.png) bottom center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-overview3__title {
        width: 94.4791666667vw;
        height: 13.4791666667vw;
       
        margin: 0 auto 6.1458333333vw;
        background: url(../images/sp/ttl_overview3.png) bottom center no-repeat;
        background-size: 100% auto;
    }
}


.p-overview3__iframe {
    position: relative;
	
	width: 28.125vw;
    height: 15.820vw;


    margin: -1vw auto;
    background-color: #000;
    display: block;


}



.p-overview3__iframe__coming {
    background: url(../images/txt_coming-soon.png) center no-repeat #000;
    background-size: 19.8958333333vw auto;
}

@media screen and (max-width: 1024px) {
    .p-overview3__iframe {
        width: 87.8125vw;
        height: 49.375vw;
		margin: 0 auto;
    }
    .p-overview3__iframe__coming {
        background-size: 26.9791666667vw auto;
    }
}

.p-pickup {
    position: relative;
    width: 100%;
    height: 125vw;

    margin-top: -11.625vw;
    padding-top: 3vw;

    z-index: 2;

}



@media screen and (max-width: 1024px) {
    .p-pickup {
        height: 308.125vw;
       
        margin-top: 0;
       
    }
}

.p-pickup::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 125.0vw;

    background: url(../images/bg_pickup.jpg) top center repeat-y;
    background-size: 100% auto;
    -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, #000 17%, #000 80%, rgba(0, 0, 0, 0) 95%);
    mask: linear-gradient(0deg, rgba(0, 0, 0, 0) 5%, #000 17%, #000 80%, rgba(0, 0, 0, 0) 95%);
}



.p-pickup__title {
    position: relative;
    width: 20.9270833333vw;
    margin: 0 auto;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .p-pickup::before {
        top: 0;
        bottom: auto;
        height: 340.125vw;
       
        background: url(../images/sp/bg_pickup.jpg) bottom 12vw center repeat-y;
       
        background-size: 100% auto;
    }
    .p-pickup__title {
        width: 60.8541666667vw;
		margin-top: 11vw;
	
    }
}


       
       
       
       
	
       

.p-pickup__bg,
.p-pickup__bg::after,
.p-pickup__bg::before,
.p-pickup__inner,
.p-pickup__item,
.p-pickup__list,
.p-pickup__text {
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}
.p-pickup__inner {
	margin-top: 16vw;

    background: url(../images/bg_pickup.png) top -3vw center no-repeat,  url(../images/bg_pickup.png) top 41vw center no-repeat;
    background-size: 100% auto;

	height: 100%;

}

@media screen and (max-width: 1024px) {
    .p-pickup__inner {
        background: url(../images/sp/bg_pickup.png) top center no-repeat,  url(../images/bg_pickup.png) top 141vw center no-repeat;
        background-size: 100% auto;
        margin-top: 9vw;
       
    }
}


.p-pickup__bg::after,
.p-pickup__bg::before {
    content: "";

    opacity: 1;
}
.p-pickup__bg::before {
    transition: opacity 1s 0.3s;
}
.p-pickup__bg::after {
    transition: opacity 0.5s;
}


.p-pickup__bg.is-show::after,
.p-pickup__bg.is-show::before {
    opacity: 1;
}
.p-pickup__bg__1::before {
    background: url(../images/bg_pickup_servant01.png) top center no-repeat;
    background-size: 90% auto;
	margin-top:8.2vw;
}




@media screen and (max-width: 1024px) {
    .p-pickup__bg::after,
    .p-pickup__bg::before {
        opacity: 1;
    }
   
}
@media screen and (max-width: 1024px) {
    .p-pickup__bg__1::before {
        background: url(../images/sp/bg_pickup_servant01.png) top center no-repeat;
        background-size: 100% auto;
		margin-top:0vw;
    }
}


.p-pickup__bg__1::after {
    background: url(../images/img_pickup_servant01.png) top right no-repeat;
    background-size: 60% auto;
	margin-top:7vw;

}

@media screen and (max-width: 1024px) {
    .p-pickup__bg__1::after {
        background: url(../images/sp/img_pickup_servant01.png) top left no-repeat;
        background-size: 100% auto;
    }
}

.p-pickup__bg__2::before {
    background: url(../images/bg_pickup_servant02.png) top center no-repeat;
    background-size: 95% auto;
	margin-top:51.9vw;
	margin-left:0.75vw;


	
	height: 45vw;
}



@media screen and (max-width: 1024px) {
    .p-pickup__bg__2::before {
        background: url(../images/sp/bg_pickup_servant02.png) top center no-repeat;
        background-size: 100% auto;
	
		margin-top:140.940vw;
		margin-left:0.40vw;
		height: 100%;
    }
   
	
	

}
.p-pickup__bg__2::after {
    background: url(../images/img_pickup_servant02.png) top right no-repeat;
    background-size: 80% auto;
	margin-top:58vw;
}





.p-pickup__text {
    opacity: 1;
    
    transition: transform 1s, opacity 0.5s;
}


@media screen and (max-width: 1024px) {
    .p-pickup__bg__2::after {
        background: url(../images/sp/img_pickup_servant02.png) top left no-repeat;
        background-size: 100% auto;
	
		margin-top:141vw;
	
    }
    .p-pickup__text {
		
        z-index: 1;
    }
}


	
	
   
	
	



.p-pickup__text.is-show {
    opacity: 1;
    transform: translateX(0);
}
.p-pickup__text__1 {
    background: url(../images/txt_pickup_catch01.png) no-repeat;
    background-size: 80% auto;
	margin-left: 1vw;
}

@media screen and (max-width: 1024px) {
    .p-pickup__text__1 {
        background: url(../images/sp/txt_pickup_catch01.png) no-repeat;
        background-size: 105% auto;
        margin-top: -10.5vw;
    }
}


.p-pickup__text__2 {
    background: url(../images/txt_pickup_catch02.png) no-repeat;
    background-size: 90% auto;
	margin-left: 1.2vw;

	margin-top: 50vw;
	height: 5vw;

}

@media screen and (max-width: 1024px) {
    .p-pickup__text__2 {
        margin-top: 133vw;
        margin-left: -9vw;
		height: 55vw;
    }
}







.p-pickup__info {
    position: absolute;
    left: -2.8vw;
	bottom: 80.2916666667vw;
	transform: scale(.65,.65);

	z-index:4;
}
.p-pickup__2 .p-pickup__info {
	bottom: 31.2916666667vw;
}

@media screen and (max-width: 1024px) {
	.p-pickup__2 .p-pickup__info {
		bottom: 26.2916666667vw;
	}
}








@media screen and (max-width: 1024px) {
	.p-pickup__info {
		left: 0vw;
		transform: scale(1,1);
	}
}

.p-pickup__movie {
    margin: 1.1979166667vw 0 0.8854166667vw;
}


.p-pickup__name {
    position: relative;
    width: 23.5416666667vw;

    height: 19.53125vw;
}

@media screen and (max-width: 1024px) {
    .p-pickup__text__2 {
        background: url(../images/sp/txt_pickup_catch02.png) no-repeat;
        background-size: 105% auto;
    }
    .p-pickup__info {
        left: 3.3333333333vw;
        bottom: 171.2916666667vw;
    }
    .p-pickup__movie {
        margin: 0.5208333333vw 0 0.9375vw;
    }
    .p-pickup__name {
        width: 46.875vw;
        height: 36.5833333333vw;
    }
}



.p-pickup__name__1 {
    background: url(../images/txt_pickup_profile01.png) bottom left no-repeat;
    background-size: 100% auto;
}

.p-pickup__name__1.is-new::before {
    top:5vw;
}

.p-pickup__name__2 {
    background: url(../images/txt_pickup_profile02.png) bottom left no-repeat;
    background-size: 100% auto;
}
.p-pickup__name__2.is-new::before {
    top: -3.28125vw;
}
.p-pickup__name.is-new::before {
    content: "";
    position: absolute;
    left: 0.78125vw;
    width: 6.3541666667vw;
    height: 2.34375vw;
    background: url(../images/ico_pickup_new.png) no-repeat;
    background-size: 100% auto;
}
@media screen and (max-width: 1024px) {
	.p-pickup__name__1.is-new::before {
		top:7vw;
	}
    .p-pickup__name__2.is-new::before {
        top: -6.5625vw;
    }
    .p-pickup__name.is-new::before {
        left: 1.5625vw;
        width: 12.7083333333vw;
        height: 4.6875vw;
    }
}

.p-pickup__illust {
    width: 19.0104166667vw;
    height: 3.0354166667vw;
}
.p-pickup__illust__1 {
    background-image: url(../images/txt_pickup_illust01.png);
    background-size: 100% auto;
}
.p-pickup__illust__2 {
    background-image: url(../images/txt_pickup_illust02.png);
    background-size: 100% auto;
}
.p-pickup__btn {
    position: absolute;
    bottom: 24vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

@media screen and (max-width: 1024px) {
    .p-pickup__illust {
        width: 38.0208333333vw;
        height: 7.2708333333vw;
    }
    .p-pickup__btn {
        width: 100%;
        bottom: 11.3541666667vw;
    }
}

.p-pickup__btn__item {
    position: relative;
	width: 5.13020833335vw;
	height: 5.20833333335vw;
    margin: 0 0.9375vw;
	opacity:0;
}

@media screen and (max-width: 1024px) {
    .p-pickup__btn__item {
		display: none;
        width: 20.5208333333vw;
        height: 20.8333333333vw;
        margin: 0 1.8229166667vw;
		opacity:1;
    }
}



.p-pickup__btn__item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
}
.p-pickup__btn__item.is-active::after,
.p-pickup__btn__item.is-hover::after {
    opacity: 1;
}
.p-pickup__btn__1 {
    background: url(../images/btn_pickup_servant01_off.png) bottom center;
    background-size: 100% auto;
}
.p-pickup__btn__1::after {
    background: url(../images/btn_pickup_servant01_on.png) bottom center;
    background-size: 100% auto;
}
.p-pickup__btn__2 {
    background: url(../images/btn_pickup_servant02_off.png) bottom center;
    background-size: 100% auto;
}
.p-pickup__btn__2::after {
    background: url(../images/btn_pickup_servant02_on.png) bottom center;
    background-size: 100% auto;
}
.p-pickup__next,
.p-pickup__prev {
    top: 43.9583333333vw;
    z-index: 5;
	width: 2.0833333333vw;
}



.p-pickup__prev {
    left: 3.1458333333vw;
}
.p-pickup__next {
    right: 3.1458333333vw;
}

.p-pickup__prev, .p-pickup__next {
    opacity: 0;
	pointer-events: none; 
}
 


@media screen and (max-width: 1024px) {
    .p-pickup__next,
    .p-pickup__prev {
        top: auto;
        bottom: 14.375vw;
        width: 7.0833333333vw;
		opacity: 0;
		pointer-events:auto; 
    }
    .p-pickup__prev {
        left: 2.1875vw;
    }
    .p-pickup__next {
        right: 2.1875vw;
    }
}




.p-news {
    position: relative;
    width: 100%;
    margin-top: -16.625vw;

    padding: 0.4166666667vw 0 5.3645833333vw;
	z-index:2;
}

@media screen and (max-width: 1024px) {
    .p-news {
        margin-top: 0;
        padding: 10vw 0 9.2708333333vw;
    }
    .p-news__bg {
        display: none;
    }
}



.p-news__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 111.9791666667vw;
    padding-top: 62.98828125vw;
}
.p-news__bg::after,
.p-news__bg__inner {
    position: absolute;
    top: 0;
    left: 0;
}
.p-news__bg::after {
    content: "";
    width: 100%;

    opacity: 0.6;
}

.p-first,
.p-first__btn,
.p-news__sns__text,
.p-news__text,
.p-news__title,
.p-share {
    position: relative;
}
.p-news__title {
    width: 18.03125vw;
    background-size: 100% auto;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .p-news__title {
        width: 51.8541666667vw;
    }
}
.p-news__text {
    width: 26.875vw;
    height: 7.6770833333vw;
    margin: 1.1770833333vw auto 0vw;
    background-image: url(../images/txt_news.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-news__text {
        width: 78.3333333333vw;
        height: 18.8541666667vw;
        margin: 5.7291666667vw auto 3.2291666667vw;
        background-image: url(../images/sp/txt_news.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
}
.p-news__list {
	width: 30.7083333333vw;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .p-news__list {
        width: 75vw;
    }
}
.p-news__item {
    width: 27.5vw;
    margin: 0 0.625vw 1.46875vw;
    display: inline-block;
    vertical-align: bottom;
}

@media screen and (max-width: 1024px) {
    .p-news__item {
        width: 100%;
        margin: 3.125vw auto 0;
        display: block;
    }
}
.p-news__sns {
    margin-top: 1.25vw;
}
.p-news__sns__text {
    width: 20.5833333333vw;
    height: 3.125vw;
    margin: 0 auto 2vw;
    background: url(../images/txt_follow.png) center no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 1024px) {
    .p-news__sns {
        margin-top: 8.6458333333vw;
    }
    .p-news__sns__text {
        width: 51.9791666667vw;
        height: 10.2083333333vw;
        margin: 8.6458333333vw auto 5.5208333333vw;
        background-image: url(../images/sp/txt_follow.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        display: block;
    }
}
.p-news__sns__item {
    width: 12.6354166667vw;
    margin-left: 0.9895833333vw;
    display: inline-block;
    vertical-align: middle;
}

.p-share {
    padding: 2.5520833333vw 0 1.7708333333vw;
    background: url(../images/bg_share.jpg) center no-repeat;
    background-size: 100% 100%;
	z-index:3;
}

@media screen and (max-width: 1024px) {
    .p-news__sns__item {
        width: 38.9583333333vw;
        margin: 0 2.0833333333vw;
    }
    .p-share {
        padding: 2.7083333333vw 0 4.8958333333vw;
        background: url(../images/sp/bg_share.jpg) center no-repeat;
        background-size: 100% 100%;
    }
}
.p-share__logo {
    width: 14.6041666667vw;
    margin: 2vw auto;
}

@media screen and (max-width: 1024px) {
    .p-share__logo {
        width: 40.9375vw;
        margin: 0 auto;
        float: none;
    }
}
.p-share__text {
    width: 18.7708333333vw;
    height: 3.3854166667vw;
    margin: 0 auto;
    background-image: url(../images/txt_share.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-share__text {
        float: none;
        width: 63.5416666667vw;
        height: 6.7708333333vw;
        margin: 2.5vw auto 5.7291666667vw;
        background-image: url(../images/sp/txt_share.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
}
.p-share__list {
    float: left;
    width: 31.7708333333vw;
}
@media screen and (max-width: 1024px) {
    .p-share__list {
        float: none;
        width: 100%;
    }
}
.p-share__item {
    width: 2.6041666667vw;
    margin: 0 1.1979166667vw;
    display: inline-block;
}
.p-share__link {
    display: block;
}
.p-first {
    padding: 3.0729166667vw 0 2.4479166667vw;
    background: url(../images/img_first.png) top center no-repeat, url(../images/bg_first.jpg) top center repeat-y;
    background-size: 100% auto, 100% auto;
    z-index: 1;
}




@media screen and (max-width: 1024px) {
    .p-share__item {
        width: 8.3333333333vw;
        margin: 0 4.1666666667vw;
    }
    .p-first {
        padding: 9.4791666667vw 0 8.5416666667vw;
        background: url(../images/sp/img_first.png) top center no-repeat, url(../images/sp/bg_first.jpg) top center no-repeat;
        background-size: 100% auto, cover;
    }
}
.p-first__title {
    width: 25.59375vw;
    height: 2.8645833333vw;
    margin: 0 auto 0.8229166667vw;
    background: url(../images/ttl_first.png) center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-first__title {
        width: 88.75vw;
        height: 6.5625vw;
        margin: 0 auto 3.75vw;
        background: url(../images/sp/ttl_first.png) center no-repeat;
        background-size: 100% auto;
    }
}
.p-first__text {
    width: 26.0729166667vw;
    height: 3.6979166667vw;
    margin: 0 auto 0.8229166667vw;
    background: url(../images/txt_first.png) center no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 1024px) {
    .p-first__text {
        width: 83.3333333333vw;
        height: 9.1666666667vw;
        margin: 0 auto 3.125vw;
        background: url(../images/txt_first.png) center no-repeat;
        background-size: 100% auto;
    }
}
.p-first__text__catch {
    width: 100%;
    height: 14.9479166667vw;
    margin: 12.96875vw auto 0.4979166667vw;
    padding-top: 1.25vw;
    -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 2%, #000 5%, #000 95%, rgba(0, 0, 0, 0) 98%);
    mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 2%, #000 5%, #000 95%, rgba(0, 0, 0, 0) 98%);
}

@media screen and (max-width: 1024px) {
    .p-first__text__catch {
        height: 29.8958333333vw;
        margin: 41.6666666667vw auto 1.3541666667vw;
        padding-top: 2.5vw;
        -webkit-mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 2%, #000 5%, #000 95%, rgba(0, 0, 0, 0) 98%);
        mask: linear-gradient(90deg, rgba(0, 0, 0, 0) 2%, #000 5%, #000 95%, rgba(0, 0, 0, 0) 98%);
    }
}
.p-first__text__catch::before {
    content: "";
    width: 100%;
    height: 12.5520833333vw;
    background: url(../images/txt_first_catch.png) center no-repeat rgba(2, 43, 83, 0.7);
    background-size: 28.2604166667vw auto;
    box-shadow: 0 0 0.5208333333vw 0.2604166667vw #5ff3ee;
    display: block;
}

.p-first__item {
    width: 23.5vw;
    margin: 0 0.5729166667vw;
    display: inline-block;
}

@media screen and (max-width: 1024px) {
    .p-first__text__catch::before {
        height: 25.1041666667vw;
        background: url(../images/sp/txt_first_catch.png) center no-repeat rgba(2, 43, 83, 0.7);
        background-size: 66.9791666667vw auto;
        box-shadow: 0 0 1.0416666667vw 0.5208333333vw #5ff3ee;
    }
    .p-first__item {
        width: 75vw;
        margin: 3.125vw auto 0;
        display: block;
    }
}
.p-first__btn {
    width: 18.7604166667vw;
    height: 6.9791666667vw;
    margin: 0 auto;
    background: url(../images/btn_first_dl_off.png) center no-repeat;
    background-size: 100% auto;
    display: block;
}

@media screen and (max-width: 1024px) {
    .p-first__btn {
        width: 45.5208333333vw;
        height: 13.9583333333vw;
    }
}
.p-first__btn::after {
    background: url(../images/btn_first_dl_on.png) center no-repeat;
    background-size: 100% auto;
}
.u-clearfix::after {
    clear: both;
    content: "";
    height: 0;
    display: block;
    width: 0;
}