/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

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

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(../../_/node_modules/slick-carousel/slick/ajax-loader_c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(data:application/vnd.ms-fontobject;base64,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);
    src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format('embedded-opentype'), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff'), url(data:font/ttf;base64,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) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    -webkit-transition-duration: inherit;
            transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
            transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
            transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
            animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */

.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0;
            transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: -webkit-gradient(linear,
        left bottom, left top,
        from(rgba(0, 0, 0, .85)),
        color-stop(50%, rgba(0, 0, 0, .3)),
        color-stop(65%, rgba(0, 0, 0, .15)),
        color-stop(75.5%, rgba(0, 0, 0, .075)),
        color-stop(82.85%, rgba(0, 0, 0, .037)),
        color-stop(88%, rgba(0, 0, 0, .019)),
        to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
            animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
            transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
            transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
            transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
            transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
            transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
            transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
            transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
            transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */

/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}@charset "UTF-8";

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 {
  line-height: 1;
}

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;
}

@charset "UTF-8";

.fancybox-bg {
  opacity: 0;
  background: #000;
  -webkit-animation: fancybox-fade-out 0.3s ease-in 0s forwards;
          animation: fancybox-fade-out 0.3s ease-in 0s forwards;
}

.fancybox-slide--iframe .fancybox-content {
    margin-top: 5vw;
  }

.fancybox-iframe {
  background: #000;
}

.fancybox-slide--iframe .fancybox-content {
    background: #000;
  }

.fancybox-close-small {
  display: none;
}

.fancybox-button--close svg {
    display: none;
  }

.fancybox-is-open .fancybox-bg {
  opacity: 0;
  -webkit-animation: fancybox-fade-in 0.3s ease-in 0s forwards;
          animation: fancybox-fade-in 0.3s ease-in 0s forwards;
}

.fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
    width: 921px;
    height: 518px;
    max-width: 100%;
  }

.fancybox-slide--iframe.fancybox-slide--video .fancybox-content .fancybox-close-small {
      background: url(../../resources/img/common/modal_close_6eebb1c694aba083fc06c16e60ff4b7e.png) center top no-repeat;
      width: 42px;
      height: 42px;
      top: -40px;
      right: 0;
    }

.fancybox-slide--iframe.fancybox-slide--video .fancybox-content .fancybox-close-small:after {
        content: none;
      }

.fancybox-inner:before {
    content: '';
    display: inline-block;
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MC41NyA0MC41NyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICNmZmY7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICAgIHN0cm9rZS13aWR0aDogLjhweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/jgqTjg6Tjg7xfMSIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSIvPgogIDxnIGlkPSJf44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPgogICAgPGcgaWQ9IlBWX21vZGFsIj4KICAgICAgPGc+CiAgICAgICAgPGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNDAuMjgiIHkxPSIuMjgiIHgyPSIuMjgiIHkyPSI0MC4yOCIvPgogICAgICAgIDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjQwLjI4IiB5MT0iNDAuMjgiIHgyPSIuMjgiIHkyPSIuMjgiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+) center top no-repeat;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 9999999999;
  }

@-webkit-keyframes fancybox-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  1% {
    visibility: visible;
  }

  100% {
    opacity: 0.9;
    visibility: visible;
  }
}

@keyframes fancybox-fade-in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  1% {
    visibility: visible;
  }

  100% {
    opacity: 0.9;
    visibility: visible;
  }
}

@-webkit-keyframes fancybox-fade-out {
  0% {
    opacity: 0.9;
    visibility: visible;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fancybox-fade-out {
  0% {
    opacity: 0.9;
    visibility: visible;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.pv-modal {
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  min-width: 921px;
}

.pv-modal .fancybox-bg {
    background: transparent;
  }

.pv-modal .fancybox-inner {
    right: 0 !important;
    position: relative;
    height: 652px;
  }

.pv-modal .fancybox-slide {
    overflow: hidden;
  }

.pv-modal .fancybox-content {
    max-width: 919px;
    max-height: 518px;
    vertical-align: top;
    position: relative;
    top: 45px;
  }

.pv-modal .fancybox-thumbs {
    position: relative;
    margin: auto !important;
    left: 0;
    width: 940px;
    padding: 0;
    background: transparent;
  }

.pv-modal .fancybox-thumbs .fancybox-thumbs__list {
      height: auto;
    }

.pv-modal .fancybox-thumbs a {
      width: 292px !important;
      height: 164px !important;
      max-width: none;
      max-height: none;
      margin: 0 10px 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

.pv-modal .fancybox-thumbs a img {
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover;
           object-fit: cover;
      }

.pv-modal .fancybox-thumbs a:before {
        border: none;
      }

.pv-modal .fancybox-thumbs a.fancybox-thumbs-active:before {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 41, 185, 0.7);
          position: absolute;
        }

.pv-modal .fancybox-thumbs a.fancybox-thumbs-active:after {
          content: 'NOW PLAYING' !important;
          background: none !important;
          width: auto !important;
          height: auto !important;
          color: white;
          font-size: 16px;
          font-family: Syncopate, sans-serif;
          position: absolute;
          z-index: 99999;
        }

.pv-modal .fancybox-thumbs a:hover:before {
          content: '';
          display: block;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 41, 185, 0.7);
          position: absolute;
          opacity: 1;
        }

.pv-modal .fancybox-thumbs a:hover:after {
          content: '';
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjEuNTMgMjUuMjEiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgICAgc3Ryb2tlOiAjZmZmOwogICAgICAgIHN0cm9rZS1taXRlcmxpbWl0OiAxMDsKICAgICAgICBzdHJva2Utd2lkdGg6IDNweDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iQ2hhcmFJbmZvIj4KICAgIDxnPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0xOC40NywxMC44N2MwLC44My0uMTIsMS41OS0uMzYsMi4yOHMtLjYyLDEuMjktMS4xNSwxLjc5LTEuMjIuODktMi4wNiwxLjE3Yy0uODUuMjgtMS44Ny40Mi0zLjA5LjQyaC03LjM3djUuMjJIMFY1LjIzaDExLjgxYzEuMjEsMCwyLjI0LjE0LDMuMDkuNDIuODUuMjgsMS41My42NywyLjA2LDEuMTdzLjkyLDEuMSwxLjE1LDEuNzkuMzYsMS40NS4zNiwyLjI3Wm0tNC40OS4wN2MwLS4zOS0uMDUtLjcyLS4xNi0uOTktLjExLS4yOC0uMjktLjUtLjUzLS42OC0uMjUtLjE4LS41Ny0uMzEtLjk3LS4zOS0uNC0uMDgtLjg5LS4xMy0xLjQ3LS4xM2gtNi40MXY0LjI2aDYuNDFjLjU4LDAsMS4wNy0uMDMsMS40Ny0uMS40LS4wNy43Mi0uMTguOTctLjM1LjI1LS4xNi40Mi0uMzguNTMtLjY0LjExLS4yNi4xNi0uNTkuMTYtLjk3WiIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTIyLjE1LDIxLjc1VjUuMjNoNC40NHYxMi45MWgxMnYzLjYyaC0xNi40NFoiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im01NS4zNSwxOC42MmgtOS4xNmwtMS41NCwzLjEzaC00Ljk1bDguNi0xNi41M2g0Ljk1bDguNiwxNi41M2gtNC45NWwtMS41NC0zLjEzWm0tNy41Ny0zLjIyaDYuMDFsLTIuOTktNi4wOS0zLjAxLDYuMDlaIi8+CiAgICAgICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJtNzMuNTMsMTV2Ni43NWgtNC40M3YtNi43NWwtNy45Ny05Ljc4aDQuOThsNS4yMiw2LjY1LDUuMTktNi42NWg0Ljk4bC03Ljk3LDkuNzhaIi8+CiAgICAgIDwvZz4KICAgICAgPGc+CiAgICAgICAgPHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMDcuOTMgMS4wNiAxMTkuNDIgMTIuNiAxMDcuOTMgMjQuMTUiLz4KICAgICAgICA8bGluZSBjbGFzcz0iY2xzLTEiIHgxPSI5NC40IiB5MT0iMTIuNiIgeDI9IjExOS40MiIgeTI9IjEyLjYiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+) center top no-repeat;
          width: 86px;
          height: 17px;
          display: inline-block;
          position: absolute;
          z-index: 99999;
        }

@font-face {
  font-family: "Noto Sans JP";
  src: url("/resources/fonts/NotoSansJP-Bold.otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("/resources/fonts/NotoSansJP-Regular.otf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Syncopate";
  src: url("/resources/fonts/Syncopate-Bold.ttf") format("TrueType");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Urbanist";
  src: url("/resources/fonts/Urbanist-VariableFont_wght.ttf") format("TrueType");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Urbanist";
  src: url("/resources/fonts/Urbanist-Bold.ttf") format("TrueType");
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: Urbanist, "Noto Sans JP", "Helvetica Neue", Helvetica, Arial, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #fff;
  position: relative;
}

.container {
  position: relative;
  z-index: 100;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

section {
  position: relative;
}

canvas {
  pointer-events: none;
}

.wrapper {
  width: 1280px;
  position: relative;
  margin: auto;
}

.disp-none {
  display: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

main {
  display: block;
}

a {
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.v-pc {
  display: block;
}

.v-sp {
  display: none;
}

.tm {
  vertical-align: top;
  font-size: 0.5em;
}

img.v-pc {
    display: block;
  }

img.v-sp {
    display: none;
  }

@-webkit-keyframes fadeOutAnim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOutAnim {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeInAnim {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnim {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeInScale {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes fadeInScale {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@-webkit-keyframes particleAnim {
  0% {
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes particleAnim {
  0% {
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes pathmove {
  0% {
    height: 0;
    top: 15px;
    opacity: 0;
  }

  30% {
    height: 30px;
    opacity: 1;
  }

  100% {
    height: 0;
    top: 65px;
    opacity: 0;
  }
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 15px;
    opacity: 0;
  }

  30% {
    height: 30px;
    opacity: 1;
  }

  100% {
    height: 0;
    top: 65px;
    opacity: 0;
  }
}

@-webkit-keyframes fadeInText1 {
  0% {
    opacity: 0;
    top: 100%;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}

@keyframes fadeInText1 {
  0% {
    opacity: 0;
    top: 100%;
  }

  100% {
    opacity: 1;
    top: 0;
  }
}

@-webkit-keyframes fadeInText2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInText2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes fadeInText3 {
  0% {
    opacity: 0;
    left: -100%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInText3 {
  0% {
    opacity: 0;
    left: -100%;
  }

  100% {
    opacity: 1;
    left: 0;
  }
}

@-webkit-keyframes removeCover {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@keyframes removeCover {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@-webkit-keyframes slideInText {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInText {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes move-waves {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
            transform: translate3d(-90px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(85px, 0, 0);
            transform: translate3d(85px, 0, 0);
  }
}

@keyframes move-waves {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
            transform: translate3d(-90px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(85px, 0, 0);
            transform: translate3d(85px, 0, 0);
  }
}

@-webkit-keyframes openModalAnim {
  0% {
    top: 100vh;
  }

  100% {
    top: -124px;
  }
}

@keyframes openModalAnim {
  0% {
    top: 100vh;
  }

  100% {
    top: -124px;
  }
}

@-webkit-keyframes closeModalAnim {
  0% {
    top: -124px;
  }

  100% {
    top: 100vh;
  }
}

@keyframes closeModalAnim {
  0% {
    top: -124px;
  }

  100% {
    top: 100vh;
  }
}

#loading {
  background: #fff;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 998;
}

#loading .loading-text-box {
    position: relative;
  }

#loading h1 {
    width: 251px;
    height: 30px;
    margin-bottom: 22px;
  }

#loading .loading-text {
    font-family: Urbanist, sans-serif;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
  }

#loading .wave-box {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #029eeb;
    z-index: 100;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.03, 0.1, 0.25, 1.02);
    transition: -webkit-transform 2.5s cubic-bezier(0.03, 0.1, 0.25, 1.02);
    transition: transform 2.5s cubic-bezier(0.03, 0.1, 0.25, 1.02);
    transition: transform 2.5s cubic-bezier(0.03, 0.1, 0.25, 1.02), -webkit-transform 2.5s cubic-bezier(0.03, 0.1, 0.25, 1.02);
  }

#loading .wave-box.run {
      -webkit-transform: translateY(110%);
              transform: translateY(110%);
    }

#loading .wave-box .waves {
      position: absolute;
      top: -10vh;
      left: 0;
      width: 100%;
      height: 10vh;
      margin-bottom: -7px; /* Fix for safari gap */
    }

#loading .wave-box .parallax > use {
      -webkit-animation: move-waves 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
              animation: move-waves 30s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    }

#loading .wave-box .parallax > use:nth-child(1) {
      -webkit-animation-delay: -0.5s;
              animation-delay: -0.5s;
      -webkit-animation-duration: 3s;
              animation-duration: 3s;
    }

#loading .wave-box .parallax > use:nth-child(2) {
      -webkit-animation-delay: -1s;
              animation-delay: -1s;
      -webkit-animation-duration: 5.5s;
              animation-duration: 5.5s;
    }

#loading .wave-box .parallax > use:nth-child(3) {
      -webkit-animation-delay: -4s;
              animation-delay: -4s;
      -webkit-animation-duration: 13s;
              animation-duration: 13s;
    }

#loading .wave-box .parallax > use:nth-child(4) {
      -webkit-animation-delay: -5s;
              animation-delay: -5s;
      -webkit-animation-duration: 20s;
              animation-duration: 20s;
    }

header {
  width: 100%;
  position: absolute;
  z-index: 99;
}

header.top {
    display: none;
  }

header .logo {
    display: block;
    width: 160px;
    height: 112px;
    margin: 4.9vw 0 0 4.2vw;
  }

header .nav-box {
    position: absolute;
    top: 45px;
    right: 220px;
  }

header .nav-box .nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

header .nav-box .nav li {
        margin-right: 40px;
      }

header .nav-box .nav li:last-child {
          margin-right: 0;
        }

header .nav-box .nav li a {
          display: block;
        }

header .nav-box .nav li a img {
            width: 100%;
          }

header .nav-box .nav li:nth-child(1) a {
            width: 78px;
          }

header .nav-box .nav li:nth-child(2) a {
            width: 130px;
          }

header .nav-box .nav li:nth-child(3) a {
            width: 94px;
          }

header .nav-box .nav li:nth-child(4) a {
            width: 35px;
          }

header .nav-box .nav li:nth-child(5) a {
            width: 136px;
          }

header .nav-box .nav li:nth-child(6) a {
            width: 58px;
          }

header .nav-box .news {
      font-family: Urbanist, sans-serif;
      position: absolute;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 14px;
      top: -12px;
      right: -97px;
      padding: 13px;
      z-index: 100;
    }

header .nav-box .news:after {
        content: '';
        display: block;
        position: absolute;
        top: 11px;
        right: 0;
        width: 1px;
        height: 18px;
        background: #1d384a;
      }

header .menu-btn {
    display: none;
  }

footer {
  position: relative;
  z-index: 99;
  padding: 110px 5% 70px;
}

.copyright {
  font-size: 12px;
}

.footer-contents,
.logos {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.footer-contents {
  padding: 30px 0 45px;
}

.footer-contents .animate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
  }

.footer-contents .spec p,
  .footer-contents .share p {
    margin-bottom: 26px;
  }

.footer-contents ul li {
    font-size: 14px;
  }

.spec-lp {
  width: 480px;
  display: block;
  margin: 0 auto 30px;
}

.p3r-logo {
  width: 18%;
  min-width: 300px;
  padding-top: 75px;
  padding-left: 58px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p3r-logo.run {
    -webkit-animation: fadeInAnim 1.5s ease-out both;
            animation: fadeInAnim 1.5s ease-out both;
  }

.p3r-logo img {
    display: block;
    width: 161px;
    height: 112px;
  }

.spec {
  width: 48%;
  margin-right: 13px;
}

.animate-spec,
.animate-links,
.animate-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 16px;
}

.animate-spec span, .animate-links span, .animate-share span {
    display: block;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out;
  }

.animate-spec span.run, .animate-links span.run, .animate-share span.run {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }

.spec-items,
.link-items,
.sns,
.spec-lp {
  opacity: 0;
}

.spec-items.run, .link-items.run, .sns.run, .spec-lp.run {
    -webkit-animation: fadeInUp 1s ease-out both;
            animation: fadeInUp 1s ease-out both;
  }

.spec-items li,
.share .sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.spec-items li {
  line-height: 1.5;
}

.spec-items li:not(:last-of-type) {
    margin-bottom: 10px;
  }

.spec-items li span {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

.spec-items li span:first-of-type {
      display: inline-block;
      margin-right: 45px;
      width: 130px;
    }

.spec-items li span:last-of-type {
      width: calc(100% - 145px);
      min-width: 370px;
    }

.links {
  width: 16%;
  min-width: 150px;
  margin-right: 18px;
}

.links > p {
    margin-bottom: 21px;
  }

.links .link-items li {
    line-height: 2.3;
  }

.links .link-items li > a:hover {
      color: #5ba4d7;
      -webkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
    }

.sns {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sns > a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }

.sns .sns-twitter img {
    width: 36px;
    height: 29px;
  }

.sns .sns-facebook {
    margin: 0 26px 0 23px;
  }

.sns .sns-facebook img {
      width: 34px;
      height: 34px;
    }

.sns .sns-line img {
    width: 31px;
    height: 31px;
  }

.logos {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 49px 0 0;
  margin-bottom: 59px;
  min-height: 130px;
}

.logos:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    border-bottom: 1px solid #dce7ed;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

.logos.run:before {
      width: 100%;
      -webkit-transition: width 1s linear;
      transition: width 1s linear;
    }

.logos .platforms,
  .logos .official {
    opacity: 0;
    margin-bottom: 20px;
  }

.logos .platforms.run, .logos .official.run {
      -webkit-animation: fadeInUp 1s both;
              animation: fadeInUp 1s both;
    }

.logos .platforms {
    padding-top: 17px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

.logos .platform-logos,
  .logos .official {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

.logos .platform-logos {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 5px;
    margin-bottom: 15px;
  }

.logos .platform-logos .game-pass-logo {
      margin-right: 21px;
      margin-bottom: 10px;
    }

.logos .platform-logos .xbox-xs-logo {
      margin-right: 21px;
      margin-bottom: 10px;
    }

.logos .platform-logos .xbox-one-logo,
    .logos .platform-logos .windows-logo,
    .logos .platform-logos .ps5-ps4-logo,
    .logos .platform-logos .steam-logo {
      margin-right: 22px;
      margin-bottom: 10px;
    }

.logos .platform-copyright {
    padding-left: 5px;
    color: #8d9ba5;
    font-size: 10px;
    line-height: 1.6;
  }

.logos .platform-copyright > span {
      position: relative;
      display: inline-block;
    }

.logos .platform-copyright .playstation-logo {
      background: url(../../resources/img/common/footer_ps_logo_9cbc20290408a1a8cffa98865bfab899.png);
      width: 14px;
      height: 11px;

      background-repeat: no-repeat;
    }

.logos .platform-copyright .ps5-logo {
      background: url(../../resources/img/common/footer_ps5_logo_b8ccb93a41ae8291ae68ce2a9a9fad99.png);
      width: 32px;
      height: 8px;

      background-repeat: no-repeat;
    }

.logos .platform-copyright .ps4-logo {
      background: url(../../resources/img/common/footer_ps4_logo_12b9a036d064549b9b3fdf1d9a8d2605.png);
      width: 31px;
      height: 8px;

      background-repeat: no-repeat;
    }

.logos .official .pstudio-logo {
      margin-right: 70px;
    }

.copyright {
  text-align: center;
}

.copyright .license {
    margin-right: 10px;
  }

@-webkit-keyframes privilegeTitleAnim {
  0% {
    -webkit-transform: translateY(100px) scale(0.7);
            transform: translateY(100px) scale(0.7);
  }

  45% {
    -webkit-transform: translateY(100px) scale(0.7);
            transform: translateY(100px) scale(0.7);
  }

  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

@keyframes privilegeTitleAnim {
  0% {
    -webkit-transform: translateY(100px) scale(0.7);
            transform: translateY(100px) scale(0.7);
  }

  45% {
    -webkit-transform: translateY(100px) scale(0.7);
            transform: translateY(100px) scale(0.7);
  }

  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

body,
a {
  color: #3f1d1d;
}

body {
  font-family: Urbanist, Noto Sans JP, "Helvetica Neue", Helvetica, Arial, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}

.scroll-text,
.headline-text {
  font-family: Syncopate, sans-serif;
}

.purchase-btn {
  position: fixed;
  top: 0;
  right: 1%;
  z-index: 9999;
  display: none;
}

.logo {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 31;
  display: none;
}

.fv {
  height: 90svh;
}

.fv .fv-movie {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
  }

.fv .fv-movie .fv-movie-img {
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      position: absolute;
      display: none;
    }

.fv .fv-movie video {
      width: 100%;
      height: 100.5%;
      position: absolute;
      top: 0;
      left: 0;
      pointer-events: none;
      -webkit-filter: drop-shadow(0 0 rgba(0, 0, 0, 0));
              filter: drop-shadow(0 0 rgba(0, 0, 0, 0));
      outline: none;
      border: none;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
    }

.fv .fv-movie #pc-fv-movie1,
    .fv .fv-movie #sp-fv-movie1 {
      z-index: 2;
      -webkit-transition: 0.5s;
      transition: 0.5s;
    }

.fv .title-logo {
    position: absolute;
    z-index: 100;
    max-width: 35%;
  }

.fv .title-logo {
    width: 448px;
    height: 252px;
    bottom: -2%;
    right: 4%;
    display: none;
  }

.fv .title-logo img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center;
         object-position: center;
    }

.fv .scroll-box {
    bottom: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: none;
    position: absolute;
    z-index: 100;
  }

.fv .scroll-box:after {
      content: '';
      position: absolute;
      top: 15px;
      left: 0;
      right: 0;
      margin: auto;
      width: 1px;
      height: 30px;
      background: #fff;
      -webkit-animation: pathmove 1.4s ease-in-out infinite;
              animation: pathmove 1.4s ease-in-out infinite;
      opacity: 0;
    }

.fv .scroll-box span {
      display: block;
    }

.fv .scroll-box .scroll-text {
      font-size: 10px;
      color: #fff;
      margin-bottom: 5px;
    }

.pv-area {
  margin-top: -1px;
  height: 240px;
  overflow: hidden;
}

.pv {
  display: block;
  position: relative;
  z-index: 10;
  width: 100vw;
  height: 240px;
  overflow: hidden;
}

.pv.list-none {
    pointer-events: none;
    position: absolute;
  }

.pv:hover #pv-player {
      display: block;
    }

.pv:hover .cover {
      background: #7e3c3c;
      mix-blend-mode: multiply;
    }

.pv:hover .play {
      color: #fff;
    }

.pv:hover .play .arrow {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTggMTciPjxkZWZzPjxzdHlsZT4uZHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnPjxwb2x5bGluZSBjbGFzcz0iZCIgcG9pbnRzPSI4LjgzNCAuNzA3IDE2LjMzNCA4LjIwNyA4LjgzNCAxNS43MDciLz48bGluZSBjbGFzcz0iZCIgeTE9IjguMjA3IiB4Mj0iMTYuMzM0IiB5Mj0iOC4yMDciLz48L2c+PC9nPjwvZz48L3N2Zz4=);
        width: 18px;
        height: 17px;

        background-repeat: no-repeat;
        -webkit-transform: translateX(13px);
                transform: translateX(13px);
        -webkit-transition: -webkit-transform 0.3s linear;
        transition: -webkit-transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear;
      }

.pv #pv-player {
    position: absolute;
    z-index: 0;
    width: 800px;
    height: 450px;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    display: none;
  }

.pv .cover {
    display: block;
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: #fff0f0;
    -webkit-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
  }

.pv .play {
    position: absolute;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

.pv .play .arrow {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTggMTciPjxkZWZzPjxzdHlsZT4uZHtmaWxsOm5vbmU7c3Ryb2tlOiMxZDM4NGE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnPjxwb2x5bGluZSBjbGFzcz0iZCIgcG9pbnRzPSI4LjgzNCAuNzA3IDE2LjMzNCA4LjIwNyA4LjgzNCAxNS43MDciLz48bGluZSBjbGFzcz0iZCIgeTE9IjguMjA3IiB4Mj0iMTYuMzM0IiB5Mj0iOC4yMDciLz48L2c+PC9nPjwvZz48L3N2Zz4=);
      width: 18px;
      height: 17px;

      background-repeat: no-repeat;
      display: inline-block;
      margin-left: 14px;
      -webkit-transition: -webkit-transform 0.3s linear;
      transition: -webkit-transform 0.3s linear;
      transition: transform 0.3s linear;
      transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    }

.story {
  background: #ffe5e5;
  position: relative;
  z-index: 1;
}

.story .wrapper {
    width: 100%;
    max-width: 1920px;
    padding: 195px 0 300px;
  }

.story .wrapper .story-title {
      display: block;
      margin: 0 auto;
      opacity: 0;
    }

.story .wrapper .story-title.run {
        -webkit-animation: fadeInUp 1s ease-out both;
                animation: fadeInUp 1s ease-out both;
      }

.story .wrapper .story-title.v-sp {
        display: none !important;
      }

.story .wrapper .story-title-description {
      display: block;
      margin: 40px auto;
      opacity: 0;
    }

.story .wrapper .story-title-description.run {
        -webkit-animation: fadeInUp 1s ease-out both;
                animation: fadeInUp 1s ease-out both;
      }

.story .wrapper .story-title-text {
      text-align: center;
      margin: 0 auto;
      line-height: 2;
      font-size: 20px;
      color: #3f1d1d;
      opacity: 0;
    }

.story .wrapper .story-title-text.run {
        -webkit-animation: fadeInUp 1s ease-out both;
                animation: fadeInUp 1s ease-out both;
      }

.bg-text {
  position: absolute;
  bottom: -398px;
  right: 0;
  width: 1349px;
  padding-bottom: 570px;
  opacity: 0.15;
  max-width: 100%;
}

.bg-text svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.bg-text svg.active .svg-elem-1,
      .bg-text svg.active .svg-elem-2,
      .bg-text svg.active .svg-elem-3,
      .bg-text svg.active .svg-elem-4,
      .bg-text svg.active .svg-elem-5,
      .bg-text svg.active .svg-elem-6,
      .bg-text svg.active .svg-elem-7,
      .bg-text svg.active .svg-elem-8,
      .bg-text svg.active .svg-elem-9,
      .bg-text svg.active .svg-elem-10,
      .bg-text svg.active .svg-elem-11,
      .bg-text svg.active .svg-elem-12,
      .bg-text svg.active .svg-elem-13 {
        opacity: 1;
        stroke-dashoffset: 0;
      }

.bg-text .cls-1 {
    fill: none;
    stroke: #3f1d1d;
    stroke-miterlimit: 10;
    stroke-width: 1px;
  }

.bg-text .svg-elem-1 {
    opacity: 0;
    stroke-dashoffset: 2231.653564453125px;
    stroke-dasharray: 2231.653564453125px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, opacity 0.5s ease-out 0s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, opacity 0.5s ease-out 0s;
  }

.bg-text .svg-elem-2 {
    opacity: 0;
    stroke-dashoffset: 2274.000244140625px;
    stroke-dasharray: 2274.000244140625px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, opacity 0.5s ease-out 0.12s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, opacity 0.5s ease-out 0.12s;
  }

.bg-text .svg-elem-3 {
    opacity: 0;
    stroke-dashoffset: 1443.9835205078125px;
    stroke-dasharray: 1443.9835205078125px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, opacity 0.5s ease-out 0.24s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, opacity 0.5s ease-out 0.24s;
  }

.bg-text .svg-elem-4 {
    opacity: 0;
    stroke-dashoffset: 2106.967041015625px;
    stroke-dasharray: 2106.967041015625px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, opacity 0.5s ease-out 0.36s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, opacity 0.5s ease-out 0.36s;
  }

.bg-text .svg-elem-5 {
    opacity: 0;
    stroke-dashoffset: 1913.166259765625px;
    stroke-dasharray: 1913.166259765625px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, opacity 0.5s ease-out 0.48s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, opacity 0.5s ease-out 0.48s;
  }

.bg-text .svg-elem-6 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.6s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.6s;
  }

.bg-text .svg-elem-7 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.72s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.72s;
  }

.bg-text .svg-elem-8 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.84s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.84s;
  }

.bg-text .svg-elem-9 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.96s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 0.96s;
  }

.bg-text .svg-elem-10 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.08s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.08s;
  }

.bg-text .svg-elem-11 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.2s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.2s;
  }

.bg-text .svg-elem-12 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.32s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.32s;
  }

.bg-text .svg-elem-13 {
    opacity: 0;
    stroke-dashoffset: 2266.784912109375px;
    stroke-dasharray: 2266.784912109375px;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.44s;
    transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, opacity 0.5s linear 1.44s;
  }

.story-text1 > p,
.story-text2 > p {
  font-size: 14px;
  color: #3f1d1d;
}

.story-text1 > p,
.story-text2 > p {
  position: relative;
  line-height: 1.7;
  letter-spacing: 0.8px;
  overflow: hidden;
}

.story-text1 > p span, .story-text2 > p span {
    display: block;
    position: absolute;
    top: 75px;
    left: 0;
  }

.story-text1 {
  margin-top: 41px;
}

.story-text1 > p {
    height: 75px;
  }

.story-text1 > p span {
      height: 75px;
    }

.story-text1 > p:nth-of-type(2) {
      margin-top: 21px;
    }

.story-text1 > p:nth-of-type(3) {
      margin-top: 21px;
    }

.story-text1 > p .l1.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text1 > p .l2.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text1 > p .l3.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text1 > p .l4.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text1 > p .l5.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text2 {
  margin-top: 72px;
}

.story-text2 > p {
    height: 75px;
    margin-top: 21px;
  }

.story-text2 > p span {
      height: 75px;
    }

.story-text2 > p .l1.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text2 > p .l2.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text2 > p .l3.run {
      -webkit-animation: fadeInText1 1s ease-out both;
              animation: fadeInText1 1s ease-out both;
    }

.story-text-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.story-text-box.introduction-text {
    width: 620px;
    padding: 56px 32px 0 20px;
  }

.story-text-box.features-text {
    width: 600px;
    padding: 31px 20px 0 0;
    margin-left: 81px;
  }

.story-text-box.game-system-text {
    width: 600px;
    padding: 31px 20px 0;
  }

.story-img {
  position: relative;
  width: calc(1000 / 1920 * 100vw);
  max-width: 1000px;
  height: 425px;
  overflow: hidden;
}

.story-img:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
  }

.story-img.introduction-img {
    background: url(../../resources/img/expansion/ss_introduction_48024cc5d03154f818e51c7020cdd349.png) center top no-repeat;
    background-size: auto 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }

.story-img.introduction-img.run {
      opacity: 1;
    }

.story-img.introduction-img.run:before {
        -webkit-animation: removeCover 0.5s linear 0.2s both;
                animation: removeCover 0.5s linear 0.2s both;
      }

.story-img.features-img {
    background: url(../../resources/img/expansion/ss_features_28ed32fa5b89caec7a4e03a2d97d0fe8.png) center top no-repeat;
    background-size: auto 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }

.story-img.features-img.run {
      opacity: 1;
    }

.story-img.features-img.run:before {
        -webkit-animation: removeCover 0.5s linear 0.2s both;
                animation: removeCover 0.5s linear 0.2s both;
      }

.introduction,
.features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.introduction {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 160px;
}

.introduction-title {
  width: calc(525 / 1920 * 100vw);
  max-width: 525px;
  min-width: 365px;
  margin-left: 2px;
}

.introduction-title .cls-1 {
    fill: #3f1d1d;
    -webkit-transition: 1000ms ease-out;
    transition: 1000ms ease-out;
  }

.introduction-title svg path:nth-child(1) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(2) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(3) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(4) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(5) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(6) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(7) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(8) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(9) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(10) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(11) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title svg path:nth-child(12) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.introduction-title.run svg path:nth-child(1) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(1 * 60ms);
                    transition-delay: calc(1 * 60ms);
          }

.introduction-title.run svg path:nth-child(2) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(2 * 60ms);
                    transition-delay: calc(2 * 60ms);
          }

.introduction-title.run svg path:nth-child(3) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(3 * 60ms);
                    transition-delay: calc(3 * 60ms);
          }

.introduction-title.run svg path:nth-child(4) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(4 * 60ms);
                    transition-delay: calc(4 * 60ms);
          }

.introduction-title.run svg path:nth-child(5) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(5 * 60ms);
                    transition-delay: calc(5 * 60ms);
          }

.introduction-title.run svg path:nth-child(6) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(6 * 60ms);
                    transition-delay: calc(6 * 60ms);
          }

.introduction-title.run svg path:nth-child(7) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(7 * 60ms);
                    transition-delay: calc(7 * 60ms);
          }

.introduction-title.run svg path:nth-child(8) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(8 * 60ms);
                    transition-delay: calc(8 * 60ms);
          }

.introduction-title.run svg path:nth-child(9) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(9 * 60ms);
                    transition-delay: calc(9 * 60ms);
          }

.introduction-title.run svg path:nth-child(10) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(10 * 60ms);
                    transition-delay: calc(10 * 60ms);
          }

.introduction-title.run svg path:nth-child(11) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(11 * 60ms);
                    transition-delay: calc(11 * 60ms);
          }

.introduction-title.run svg path:nth-child(12) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(12 * 60ms);
                    transition-delay: calc(12 * 60ms);
          }

.features {
  margin-top: 162px;
}

.features-title {
  width: calc(354 / 1920 * 100vw);
  max-width: 354px;
  min-width: 248px;
  margin-left: 3px;
}

.features-title .cls-1 {
    fill: #3f1d1d;
    -webkit-transition: 1000ms ease-out;
    transition: 1000ms ease-out;
  }

.features-title svg path:nth-child(1) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title svg path:nth-child(2) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title svg path:nth-child(3) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title svg path:nth-child(4) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title svg path:nth-child(5) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title svg path:nth-child(6) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title svg path:nth-child(7) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title svg path:nth-child(8) {
          opacity: 0;
          -webkit-transform: translateY(80px);
                  transform: translateY(80px);
        }

.features-title.run svg path:nth-child(1) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(1 * 60ms);
                    transition-delay: calc(1 * 60ms);
          }

.features-title.run svg path:nth-child(2) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(2 * 60ms);
                    transition-delay: calc(2 * 60ms);
          }

.features-title.run svg path:nth-child(3) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(3 * 60ms);
                    transition-delay: calc(3 * 60ms);
          }

.features-title.run svg path:nth-child(4) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(4 * 60ms);
                    transition-delay: calc(4 * 60ms);
          }

.features-title.run svg path:nth-child(5) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(5 * 60ms);
                    transition-delay: calc(5 * 60ms);
          }

.features-title.run svg path:nth-child(6) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(6 * 60ms);
                    transition-delay: calc(6 * 60ms);
          }

.features-title.run svg path:nth-child(7) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(7 * 60ms);
                    transition-delay: calc(7 * 60ms);
          }

.features-title.run svg path:nth-child(8) {
            opacity: 1;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            -webkit-transition-delay: calc(8 * 60ms);
                    transition-delay: calc(8 * 60ms);
          }

.more-btn {
  display: block;
  width: 260px;
  margin: 30px 0 0;
  opacity: 0;
}

.more-btn img {
    width: 100%;
  }

.more-btn.run {
    -webkit-animation: fadeInUp 0.6s ease-in-out 0.3s both;
            animation: fadeInUp 0.6s ease-in-out 0.3s both;
  }

.characters {
  background: #ffe5e5;
  position: relative;
  z-index: 1;
}

.characters .wrapper {
    padding: 0 0 330px;
  }

.characters .wrapper .characters-title {
      width: calc(451 / 1920 * 100vw);
      max-width: 451px;
      min-width: 451px;
      margin: 0 auto;
    }

.characters .wrapper .characters-title svg path {
          -webkit-transition: 1000ms ease-out;
          transition: 1000ms ease-out;
        }

.characters .wrapper .characters-title svg path:nth-child(1) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(2) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(3) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(4) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(5) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(6) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(7) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(8) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(9) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title svg path:nth-child(10) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.characters .wrapper .characters-title.run svg path:nth-child(1) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(1 * 60ms);
                        transition-delay: calc(1 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(2) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(2 * 60ms);
                        transition-delay: calc(2 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(3) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(3 * 60ms);
                        transition-delay: calc(3 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(4) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(4 * 60ms);
                        transition-delay: calc(4 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(5) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(5 * 60ms);
                        transition-delay: calc(5 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(6) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(6 * 60ms);
                        transition-delay: calc(6 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(7) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(7 * 60ms);
                        transition-delay: calc(7 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(8) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(8 * 60ms);
                        transition-delay: calc(8 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(9) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(9 * 60ms);
                        transition-delay: calc(9 * 60ms);
              }

.characters .wrapper .characters-title.run svg path:nth-child(10) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(10 * 60ms);
                        transition-delay: calc(10 * 60ms);
              }

.characters .wrapper .chara-box {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }

.characters .wrapper .chara-box:before {
        content: "";
        background: #fff0f0;
        width: 3000px;
        height: 230px;
        position: absolute;
        bottom: 20px;
      }

.characters .wrapper .chara-box .chara-image-box {
        position: absolute;
        width: 36%;
        height: 100vh;
        overflow: visible;
      }

.characters .wrapper .chara-box .sees-box {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        top: 41px;
        width: calc(16 / 460 * 100%);
        height: calc(87 / 460 * 100%);
      }

.characters .wrapper .chara-box .sees-box .sees {
          width: 100%;
          position: relative;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          overflow: hidden;
        }

.characters .wrapper .chara-box .sees-box .sees .l1 {
            position: absolute;
            display: block;
            width: 100%;
            top: 0;
            left: -100%;
          }

.characters .wrapper .chara-box .sees-box .sees .l1.run {
              -webkit-animation: fadeInText3 1s ease-out both;
                      animation: fadeInText3 1s ease-out both;
            }

.characters .wrapper .chara-box .name-img {
        position: absolute;
        top: 35px;
      }

.characters .wrapper .chara-box .name-img.run path:nth-child(1) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(1 * 40ms);
                        transition-delay: calc(1 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(2) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(2 * 40ms);
                        transition-delay: calc(2 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(3) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(3 * 40ms);
                        transition-delay: calc(3 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(4) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(4 * 40ms);
                        transition-delay: calc(4 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(5) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(5 * 40ms);
                        transition-delay: calc(5 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(6) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(6 * 40ms);
                        transition-delay: calc(6 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(7) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(7 * 40ms);
                        transition-delay: calc(7 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(8) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(8 * 40ms);
                        transition-delay: calc(8 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(9) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(9 * 40ms);
                        transition-delay: calc(9 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(10) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(10 * 40ms);
                        transition-delay: calc(10 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(11) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(11 * 40ms);
                        transition-delay: calc(11 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(12) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(12 * 40ms);
                        transition-delay: calc(12 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(13) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(13 * 40ms);
                        transition-delay: calc(13 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(14) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(14 * 40ms);
                        transition-delay: calc(14 * 40ms);
              }

.characters .wrapper .chara-box .name-img.run path:nth-child(15) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(15 * 40ms);
                        transition-delay: calc(15 * 40ms);
              }

.characters .wrapper .chara-box .name-img.chara1-name {
          width: calc(70 / 460 * 100%);
          right: 5.4%;
        }

.characters .wrapper .chara-box .name-img.chara2-name {
          width: calc(70 / 460 * 100%);
          left: 0;
        }

.characters .wrapper .chara-box .name-img path {
          -webkit-transition: 500ms ease-out;
          transition: 500ms ease-out;
        }

.characters .wrapper .chara-box .name-img path:nth-child(1) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(2) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(3) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(4) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(5) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(6) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(7) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(8) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(9) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(10) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(11) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(12) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(13) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(14) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .name-img path:nth-child(15) {
              opacity: 0;
              -webkit-transform: translateX(-15px);
                      transform: translateX(-15px);
            }

.characters .wrapper .chara-box .chara-visual {
        position: relative;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out 0.3s;
        transition: opacity 0.5s ease-in-out 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }

.characters .wrapper .chara-box .chara-visual img {
          width: 100%;
          position: absolute;
          max-height: 100vh;
          -o-object-fit: contain;
             object-fit: contain;
          top: 0;
          left: 0;
          -webkit-transition: opacity ease-in-out 0.3s;
          transition: opacity ease-in-out 0.3s;
        }

.characters .wrapper .chara-box .chara-visual.run {
          opacity: 1;
        }

.characters .wrapper .chara-box .chara-visual.on img.normal {
              opacity: 0;
            }

.characters .wrapper .chara-box .chara-visual.on img.battle {
              opacity: 1;
            }

.characters .wrapper .chara-box .chara-info-box {
        width: 39%;
        padding: 35px 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
      }

.characters .wrapper .chara-box .chara-info-box.hidden {
          opacity: 0;
          -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
        }

.characters .wrapper .chara-box .chara-name-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out 0.6s;
        transition: opacity 0.5s ease-in-out 0.6s;
      }

.characters .wrapper .chara-box .chara-name-box.run {
          opacity: 1;
        }

.characters .wrapper .chara-box .chara-name {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 3px;
      }

.characters .wrapper .chara-box .cv {
        font-family: Syncopate, sans-serif;
        font-size: 16px;
        margin: 12px 0 0 6px;
      }

.characters .wrapper .chara-box .cv .cv-name {
          font-family: Urbanist, Noto Sans JP, "Helvetica Neue", Helvetica, Arial, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", "Hiragino Kaku Gothic ProN", "\30E1\30A4\30EA\30AA", Meiryo, sans-serif;
          display: inline-block;
          margin-left: 11px;
        }

.characters .wrapper .chara-box .profile-text {
        font-size: 14px;
        margin-top: 20px;
        line-height: 1.9;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out 0.9s;
        transition: opacity 0.5s ease-in-out 0.9s;
      }

.characters .wrapper .chara-box .profile-text p {
          margin-bottom: 10px;
        }

.characters .wrapper .chara-box .profile-text p:last-child {
            margin-bottom: 0;
          }

.characters .wrapper .chara-box .profile-text.run {
          opacity: 1;
        }

.characters .wrapper .chara-box .chara-contents {
        margin-top: 38px;
      }

.characters .wrapper .chara-box .chara-contents-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out 1.2s;
        transition: opacity 0.5s ease-in-out 1.2s;
      }

.characters .wrapper .chara-box .chara-contents-list.run {
          opacity: 1;
        }

.characters .wrapper .chara-box .chara-contents-list li {
          width: calc(240 / 500 * 100%);
        }

.characters .wrapper .chara-box .chara-contents-list li > a,
          .characters .wrapper .chara-box .chara-contents-list li > img {
            display: block;
            width: 100%;
            margin: 0 0 20px;
          }

.characters .wrapper .chara-box .chara-contents-list li .thumbnail {
            width: 100%;
          }

.characters .wrapper .chara-box.chara-box-chara1 {
        margin-top: 125px;
      }

.characters .wrapper .chara-box.chara-box-chara1:before {
          left: 0;
        }

.characters .wrapper .chara-box.chara-box-chara1 .sees-box {
          right: 0;
        }

.characters .wrapper .chara-box.chara-box-chara1 .chara-image-box {
          right: 12.5%;
        }

.characters .wrapper .chara-box.chara-box-chara1 .chara-info-box {
          margin-left: 12.5%;
        }

.characters .wrapper .chara-box.chara-box-chara2 {
        margin-top: 147px;
      }

.characters .wrapper .chara-box.chara-box-chara2:before {
          left: -1720px;
        }

.characters .wrapper .chara-box.chara-box-chara2 .sees-box {
          left: 17%;
        }

.characters .wrapper .chara-box.chara-box-chara2 .chara-image-box {
          left: 12.5%;
        }

.characters .wrapper .chara-box.chara-box-chara2 .chara-info-box {
          margin-left: 48.5%;
        }

.expansion-pass {
  background-color: #fff0f0;
}

.expansion-pass .wrapper {
    padding: 200px 0 160px;
    color: #3f1d1d;
  }

.expansion-pass .wrapper .expansion-pass-description {
      max-width: 90%;
      opacity: 0;
    }

.expansion-pass .wrapper .expansion-pass-description.run {
        -webkit-animation: fadeInUp 1s ease-out both;
                animation: fadeInUp 1s ease-out both;
      }

.expansion-pass .wrapper .expansion-pass-text {
      margin-top: 100px;
      font-size: 20px;
      opacity: 0;
    }

.expansion-pass .wrapper .expansion-pass-text.run {
        -webkit-animation: fadeInUp 1s ease-out both;
                animation: fadeInUp 1s ease-out both;
      }

.expansion-pass .wrapper ul {
      margin-top: 150px;
    }

.expansion-pass .wrapper ul li {
        margin-top: 100px;
        text-align: center;
        opacity: 0;
      }

.expansion-pass .wrapper ul li.run {
          -webkit-animation: fadeInUp 1s ease-out both;
                  animation: fadeInUp 1s ease-out both;
        }

.expansion-pass .wrapper ul li .title {
          margin: 0 auto 70px;
          position: relative;
          display: block;
        }

.expansion-pass .wrapper ul li .title:before {
            content: '';
            background-color: #3f1d1d;
            position: absolute;
            top: 79%;
            right: 0;
            width: calc(50% - 130px);
            height: 1px;
          }

.expansion-pass .wrapper ul li .title:after {
            content: '';
            background-color: #3f1d1d;
            position: absolute;
            top: 79%;
            left: 0;
            width: calc(50% - 130px);
            height: 1px;
          }

.expansion-pass .wrapper ul li .sub-text {
          margin: -15px auto 45px;
          font-style: normal;
          font-weight: 700;
          font-size: 20px;
          line-height: 34px;
          text-align: center;
          letter-spacing: 0.1em;
          color: #3f1d1d;
        }

.expansion-pass .wrapper ul li img {
          margin: 0 auto;
          max-width: 100%;
        }

.expansion-pass .wrapper ul li img.expansion-pass1-2 {
            margin-top: 80px;
          }

.expansion-pass .wrapper ul li .expansion-pass1-title {
          background: url(../../resources/img/expansion/expansion_pass1_title_f67da9ad471c822813a70b9a237cf2bc.png);
          width: 261px;
          height: 91px;

          width: auto;
          background-repeat: no-repeat;
          background-position: center;
        }

.expansion-pass .wrapper ul li .expansion-pass2-title {
          background: url(../../resources/img/expansion/expansion_pass2_title_5053a1899de0b33633843df0a15355f7.png);
          width: 260px;
          height: 91px;

          width: auto;
          background-repeat: no-repeat;
          background-position: center;
        }

.expansion-pass .wrapper ul li .expansion-pass3-title {
          background: url(../../resources/img/expansion/expansion_pass3_title_d04317f6c078eaf3bef8f5037c2ffee9.png);
          width: 261px;
          height: 91px;

          width: auto;
          background-repeat: no-repeat;
          background-position: center;
        }

.expansion-pass .wrapper ul li .expansion-pass3-title:before,
          .expansion-pass .wrapper ul li .expansion-pass3-title:after {
            top: 70%;
            width: calc(50% - 200px);
          }

.buy-now {
  background-color: #ffe5e5;
}

.buy-now .wrapper {
    padding: 120px 0;
    text-align: center;
  }

.buy-now .wrapper h2 {
      text-align: center;
      margin-bottom: 120px;
    }

.buy-now .wrapper h2 svg {
        width: 455px;
        height: 78px;
      }

.buy-now .wrapper h2 svg path {
          -webkit-transition: 1000ms ease-out;
          transition: 1000ms ease-out;
          fill: #3f1d1d;
        }

.buy-now .wrapper h2 svg path:nth-child(1) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(2) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(3) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(4) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(5) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(6) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(7) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(8) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(9) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(10) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(11) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2 svg path:nth-child(12) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.buy-now .wrapper h2.run svg path:nth-child(1) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(1 * 60ms);
                        transition-delay: calc(1 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(2) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(2 * 60ms);
                        transition-delay: calc(2 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(3) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(3 * 60ms);
                        transition-delay: calc(3 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(4) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(4 * 60ms);
                        transition-delay: calc(4 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(5) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(5 * 60ms);
                        transition-delay: calc(5 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(6) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(6 * 60ms);
                        transition-delay: calc(6 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(7) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(7 * 60ms);
                        transition-delay: calc(7 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(8) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(8 * 60ms);
                        transition-delay: calc(8 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(9) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(9 * 60ms);
                        transition-delay: calc(9 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(10) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(10 * 60ms);
                        transition-delay: calc(10 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(11) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(11 * 60ms);
                        transition-delay: calc(11 * 60ms);
              }

.buy-now .wrapper h2.run svg path:nth-child(12) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(12 * 60ms);
                        transition-delay: calc(12 * 60ms);
              }

.buy-now .wrapper .buy-now-description {
      max-width: 100%;
    }

.buy-now .wrapper img {
      margin: 0 auto;
    }

.buy-now .wrapper .order-btn {
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
      color: #3f1d1d;
      margin-top: 70px;
    }

.buy-now .wrapper .order-btn .select-region-box {
        position: relative;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: calc(159 / 608 * 100%);
        margin-left: 19px;
      }

.buy-now .wrapper .order-btn .select-region-box:after {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          right: 5%;
          margin: auto;
          width: 12px;
          height: 6px;
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiA2Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMWQzODRhOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iX+OCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIi8+CiAgPGcgaWQ9Il/jgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+CiAgICA8ZyBpZD0iUHJlT3JkZXJOb3dfdGV4dCI+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI2IDYgMTIgMCAwIDAgNiA2Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=) left top no-repeat;
          pointer-events: none;
        }

.buy-now .wrapper .order-btn .select-region-box select {
          color: #3f1d1d;
        }

.buy-now .wrapper .order-btn .select-region-box select:focus {
            outline: none;
          }

.buy-now .wrapper .order-btn .select-region-box .select-region {
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          width: 100%;
          height: 32px;
          border: 1px solid #3f1d1d;
          font-size: 16px;
          font-weight: bold;
          padding: 0 11px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
        }

.buy-now .wrapper .order-btn .order-btn-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }

.buy-now .wrapper .order-btn .order-btn-box {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 10px;
        display: none;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
      }

.buy-now .wrapper .order-btn .order-btn-box a {
          margin: 10px;
        }

.buy-now .wrapper .order-btn .order-btn-box.active {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
        }

.buy-now .official-site {
    background-color: #e5eef6;
  }

.buy-now .official-site .wrapper {
      padding: 49px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

.buy-now .official-site .wrapper .official-site-text {
        margin: 0 5% 0 0;
        max-width: 49%;
      }

.buy-now .official-site .wrapper .official-site-btn {
        max-width: 46%;
      }

.buy-now .official-site .wrapper .official-site-btn img {
          width: 100%;
        }

footer {
  padding: 0 5% 30px !important;
}

footer .logos {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

footer .logos:before {
      content: none;
    }

.modal-overlay.open {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    overflow-y: scroll;
    z-index: 999999999;
  }

.modal-close-btn {
  position: absolute;
  top: 30px;
  right: 13px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MC41NyA0MC41NyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMxZDM4NGE7CiAgICAgICAgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOwogICAgICAgIHN0cm9rZS13aWR0aDogLjhweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9IkZlYXR1cmVzX01vZGFsX3RleHQiPgogICAgPGc+CiAgICAgIDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjQwLjI4IiB5MT0iLjI4IiB4Mj0iLjI4IiB5Mj0iNDAuMjgiLz4KICAgICAgPGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iNDAuMjgiIHkxPSI0MC4yOCIgeDI9Ii4yOCIgeTI9Ii4yOCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+) center top no-repeat;
  width: 50px;
  height: 50px;
  z-index: 999;
  cursor: pointer;
}

.trailer-modal {
  display: none;
}

.trailer-modal.open {
    background-color: rgba(0, 0, 0, 0.7);
  }

body.hidden {
    overflow: hidden;
  }

@-webkit-keyframes fadeInFeatures {
  0% {
    -webkit-transform: translate(0, 80px);
            transform: translate(0, 80px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes fadeInFeatures {
  0% {
    -webkit-transform: translate(0, 80px);
            transform: translate(0, 80px);
  }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.disp-none {
  display: none;
}

.feature-modal {
  height: calc(100% + 124px) !important;
  top: calc(100vh + 124px);
  -webkit-transition: top 0.8s ease-in-out;
  transition: top 0.8s ease-in-out;
  z-index: 100;
  width: 100%;
}

.feature-modal::-webkit-scrollbar {
    display: none;
  }

.feature-modal.open {
    top: -124px;
  }

.feature-modal .modal-close-btn {
    position: absolute;
    opacity: 0;
    right: 23px;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }

.feature-modal .modal-close-btn.show {
      position: fixed !important;
      opacity: 1;
      -webkit-animation: fadeInFeatures 0.5s ease-in-out both;
              animation: fadeInFeatures 0.5s ease-in-out both;
    }

.feature-modal .contents-area {
    position: relative;
    background-color: white;
    margin-top: 124px;
    padding-bottom: 200px;
  }

.feature-modal .contents-area .bottom-wave {
      position: absolute;
      bottom: 0;
      height: calc(100% - 31vw);
      width: 100%;
      z-index: 0;
      background-color: #fff0f0;
    }

.feature-modal .contents-area .bottom-wave:before {
        content: '';
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEyNC43NCIgdmlld0JveD0iMCAwIDE5MjAgMTI0Ljc0Ij4KICA8cGF0aCBpZD0id2F2ZV9wYXRoIiBkYXRhLW5hbWU9IndhdmVfcGF0aCIgZD0iTTE5MjAsOS41MzdzLTI0Ny42NzgsNTMuMTQtNTMwLjYsNTMuMTRDMTAxOS40Nyw2Mi42NzgsMTAxOS40Ny44ODgsNjQ5LjUzNy44ODgsMzEyLjQ1My44ODgsMjgyLjUwOSw1Mi4xODcsMCw2MS4zdjY0LjMyNkgxOTIwdjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuODg4KSIgZmlsbD0iI2ZmZjBmMCIvPgo8L3N2Zz4K) center top no-repeat;
        width: 100%;
        height: 6.5vw;
        top: -6.4vw;
        background-size: cover;
        position: absolute;
        display: inline-block;
      }

.feature-modal .contents-area .slider {
      width: 47.1%;
      max-width: 640px;
      opacity: 0;
      -webkit-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
      position: relative;
    }

.feature-modal .contents-area .slider:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 1;
        pointer-events: none;
      }

.feature-modal .contents-area .slider.run {
        opacity: 1;
      }

.feature-modal .contents-area .slider.run:before {
          -webkit-animation: removeCover 0.5s linear 0.2s both;
                  animation: removeCover 0.5s linear 0.2s both;
        }

.feature-modal .contents-area .slider img {
        position: relative;
        width: calc(640 / 1360 * 100vw);
        max-width: 640px;
        overflow: hidden;
        -o-object-fit: contain;
           object-fit: contain;
      }

.feature-modal .contents-area .text-box {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 50%;
      padding: 0 42px;
      display: grid;
      grid-template-rows: 44% 50%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }

.feature-modal .contents-area .text-box.link-episode-text,
      .feature-modal .contents-area .text-box.grimoire-text {
        margin-left: 0;
      }

.feature-modal .contents-area .text-box h3 {
        width: 484px;
        margin: 0 0 0 0;
        display: grid;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
      }

.feature-modal .contents-area .text-box h3.feature-modal-link-episode-title {
          width: 455px;
        }

.feature-modal .contents-area .text-box h3.feature-modal-difficulty-title {
          width: 644px;
        }

.feature-modal .contents-area .text-box h3.feature-modal-grimoire-title {
          width: 452px;
        }

.feature-modal .contents-area .text-box h3.feature-modal-music-title {
          width: 194px;
        }

.feature-modal .contents-area .text-box h3 span {
          font-weight: bold;
          margin: 20px 0;
          display: inline-block;
          opacity: 0;
          -webkit-transition: 400ms ease-out 800ms;
          transition: 400ms ease-out 800ms;
        }

.feature-modal .contents-area .text-box h3 .cls-1 {
          -webkit-transition: 1000ms ease-out;
          transition: 1000ms ease-out;
        }

.feature-modal .contents-area .text-box h3 svg path:nth-child(1) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(2) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(3) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(4) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(5) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(6) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(7) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(8) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(9) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(10) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(11) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(12) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(13) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(14) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(15) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(16) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(17) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(18) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(19) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3 svg path:nth-child(20) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(1) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(1 * 60ms);
                          transition-delay: calc(1 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(2) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(2 * 60ms);
                          transition-delay: calc(2 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(3) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(3 * 60ms);
                          transition-delay: calc(3 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(4) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(4 * 60ms);
                          transition-delay: calc(4 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(5) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(5 * 60ms);
                          transition-delay: calc(5 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(6) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(6 * 60ms);
                          transition-delay: calc(6 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(7) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(7 * 60ms);
                          transition-delay: calc(7 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(8) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(8 * 60ms);
                          transition-delay: calc(8 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(9) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(9 * 60ms);
                          transition-delay: calc(9 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(10) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(10 * 60ms);
                          transition-delay: calc(10 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(11) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(11 * 60ms);
                          transition-delay: calc(11 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(12) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(12 * 60ms);
                          transition-delay: calc(12 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(13) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(13 * 60ms);
                          transition-delay: calc(13 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(14) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(14 * 60ms);
                          transition-delay: calc(14 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(15) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(15 * 60ms);
                          transition-delay: calc(15 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(16) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(16 * 60ms);
                          transition-delay: calc(16 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(17) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(17 * 60ms);
                          transition-delay: calc(17 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(18) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(18 * 60ms);
                          transition-delay: calc(18 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(19) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(19 * 60ms);
                          transition-delay: calc(19 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run svg path:nth-child(20) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(20 * 60ms);
                          transition-delay: calc(20 * 60ms);
                }

.feature-modal .contents-area .text-box h3.run span {
            opacity: 1;
          }

.feature-modal .contents-area .text-box p {
        position: relative;
        line-height: 1.7;
        letter-spacing: 0.8px;
        overflow: hidden;
        font-size: 18px;
      }

.feature-modal .contents-area .text-box p:nth-of-type(2),
        .feature-modal .contents-area .text-box p:nth-of-type(3) {
          margin-top: 21px;
        }

.feature-modal .contents-area .text-box p span {
          opacity: 0;
        }

.feature-modal .contents-area .text-box p span.l1.run {
            -webkit-transition: 1000ms ease-out;
            transition: 1000ms ease-out;
            opacity: 1;
          }

.feature-modal .contents-area .text-box p span.l2.run {
            -webkit-transition: 1000ms ease-out 100ms;
            transition: 1000ms ease-out 100ms;
            opacity: 1;
          }

.feature-modal .contents-area .text-box p span.l3.run {
            -webkit-transition: 1000ms ease-out 200ms;
            transition: 1000ms ease-out 200ms;
            opacity: 1;
          }

.feature-modal .contents-area .wrapper {
      z-index: 1;
      padding-top: 65px;
    }

.feature-modal .contents-area .feature-modal-new-theurgy,
    .feature-modal .contents-area .feature-modal-link-episode,
    .feature-modal .contents-area .feature-modal-difficulty,
    .feature-modal .contents-area .feature-modal-grimoire,
    .feature-modal .contents-area .feature-modal-music {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 150px;
    }

.feature-modal .contents-area .feature-modal-new-theurgy {
      margin-top: 150px;
    }

.feature-modal .contents-area .feature-modal-title {
      width: calc(535 / 1920 * 100vw);
      max-width: 535px;
      min-width: 365px;
      margin: 60px auto 200px;
    }

.feature-modal .contents-area .feature-modal-title h2 {
        text-align: center;
        margin: 20px 0;
        font-size: 20px;
        opacity: 0;
        -webkit-transition: 400ms ease-out 800ms;
        transition: 400ms ease-out 800ms;
      }

.feature-modal .contents-area .feature-modal-title .cls-1 {
        -webkit-transition: 1000ms ease-out;
        transition: 1000ms ease-out;
      }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(1) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(2) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(3) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(4) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(5) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(6) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(7) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(8) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(9) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(10) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(11) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(12) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(13) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(14) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(15) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(16) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(17) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(18) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(19) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title svg path:nth-child(20) {
              opacity: 0;
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
            }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(1) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(1 * 60ms);
                        transition-delay: calc(1 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(2) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(2 * 60ms);
                        transition-delay: calc(2 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(3) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(3 * 60ms);
                        transition-delay: calc(3 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(4) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(4 * 60ms);
                        transition-delay: calc(4 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(5) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(5 * 60ms);
                        transition-delay: calc(5 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(6) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(6 * 60ms);
                        transition-delay: calc(6 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(7) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(7 * 60ms);
                        transition-delay: calc(7 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(8) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(8 * 60ms);
                        transition-delay: calc(8 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(9) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(9 * 60ms);
                        transition-delay: calc(9 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(10) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(10 * 60ms);
                        transition-delay: calc(10 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(11) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(11 * 60ms);
                        transition-delay: calc(11 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(12) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(12 * 60ms);
                        transition-delay: calc(12 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(13) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(13 * 60ms);
                        transition-delay: calc(13 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(14) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(14 * 60ms);
                        transition-delay: calc(14 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(15) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(15 * 60ms);
                        transition-delay: calc(15 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(16) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(16 * 60ms);
                        transition-delay: calc(16 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(17) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(17 * 60ms);
                        transition-delay: calc(17 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(18) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(18 * 60ms);
                        transition-delay: calc(18 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(19) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(19 * 60ms);
                        transition-delay: calc(19 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run svg path:nth-child(20) {
                opacity: 1;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-transition-delay: calc(20 * 60ms);
                        transition-delay: calc(20 * 60ms);
              }

.feature-modal .contents-area .feature-modal-title.run h2 {
          opacity: 1;
        }

.feature-modal .top-wave {
    position: absolute;
    width: 100vw;
    height: 124px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTIwIiBoZWlnaHQ9IjEyNC43NCIgdmlld0JveD0iMCAwIDE5MjAgMTI0Ljc0Ij4KICA8cGF0aCBpZD0id2F2ZV9wYXRoIiBkYXRhLW5hbWU9IndhdmVfcGF0aCIgZD0iTTE5MjAsOS41MzdzLTI0Ny42NzgsNTMuMTQtNTMwLjYsNTMuMTRDMTAxOS40Nyw2Mi42NzgsMTAxOS40Ny44ODgsNjQ5LjUzNy44ODgsMzEyLjQ1My44ODgsMjgyLjUwOSw1Mi4xODcsMCw2MS4zdjY0LjMyNkgxOTIwdjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuODg4KSIgZmlsbD0iI2ZmZmZmZiIvPgo8L3N2Zz4K) center top no-repeat;
    background-size: cover;
    top: 1px;
  }

.feature-modal .modal-dialog {
    max-width: 1360px;
    margin: auto;
  }

@media screen and (max-width: 640px) {
    .fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
      width: 640px;
      height: 330px;
      max-width: 100%;
    }
}

@media screen and (max-width: 750px) {
  .pv-modal {
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(0, 0, 0, 0.7);
    min-width: 100%;
  }

    .pv-modal .fancybox-bg {
      background: transparent;
    }

    .pv-modal .fancybox-slide {
      overflow: visible;
      -webkit-transition: none !important;
      transition: none !important;
      padding: 0;
    }

    .pv-modal .fancybox-stage {
      overflow: visible;
    }

    .pv-modal .fancybox-content {
      max-width: none;
      max-height: none;
      vertical-align: top;
      position: relative;
      margin-top: 20%;
    }

    .pv-modal .fancybox-thumbs {
      position: relative;
      margin: 5% auto 0 !important;
      left: 0;
      width: 100%;
      padding: 0;
      background: transparent;
    }

      .pv-modal .fancybox-thumbs .fancybox-thumbs__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }

      .pv-modal .fancybox-thumbs a {
        width: 332px !important;
        height: 183px !important;
        max-width: none;
        max-height: none;
        margin: 0 auto 26px;
      }

        .pv-modal .fancybox-thumbs a img {
          margin: 0 !important;
          width: 100% !important;
          height: 100% !important;
          -o-object-fit: cover;
             object-fit: cover;
        }

        .pv-modal .fancybox-thumbs a:before {
          border: none;
        }
  .v-pc {
    display: none;
  }

  .v-sp {
    display: block;
  }
    img.v-pc {
      display: none;
    }

    img.v-sp {
      display: block;
    }
    #loading .wave-box .waves {
      top: -40px;
      height: 40px;
      min-height: 40px;
    }
  header {
    z-index: 200;
  }

    header .logo {
      margin: 45px 0 0 45px;
    }

    header .nav-box {
      background: rgba(128, 209, 255, 0.5);
      -webkit-backdrop-filter: blur(30px);
              backdrop-filter: blur(30px);
      width: 100%;
      height: 100vh;
      top: 0;
      left: 0;
      position: fixed;
      display: none;
    }

      header .nav-box .nav {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 273px 85px 0 0;
      }

        header .nav-box .nav li {
          margin: 0 0 100px;
        }

          header .nav-box .nav li:last-child {
            margin: 0;
          }
            header .nav-box .nav li:nth-child(1) a {
              width: 155px;
            }
            header .nav-box .nav li:nth-child(2) a {
              width: 259px;
            }
            header .nav-box .nav li:nth-child(3) a {
              width: 186px;
            }
            header .nav-box .nav li:nth-child(4) a {
              width: 74px;
            }
            header .nav-box .nav li:nth-child(5) a {
              width: 274px;
            }
            header .nav-box .nav li:nth-child(6) a {
              width: 115px;
            }

      header .nav-box .news {
        font-size: 22px;
        top: 55px;
        right: 290px;
      }

        header .nav-box .news:after {
          right: -3px;
          height: 26px;
        }

    header .menu-btn {
      background: url(../../resources/img/common/sp/menu_btn_d3afda2769ecbdf8d383793bedcaae82.png);
      width: 162px;
      height: 162px;

      font-size: 20px;
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 1000;
      outline: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

      header .menu-btn:focus {
        outline: none;
      }

      header .menu-btn span {
        color: #fff;
        position: absolute;
        display: block;
        -webkit-transform-origin: bottom left;
                transform-origin: bottom left;
        -webkit-transition: 0.3s;
        transition: 0.3s;
      }

        header .menu-btn span:not(:last-child) {
          background: #fff;
          width: 53px;
          height: 2px;
          right: 24px;
        }

        header .menu-btn span:nth-child(1) {
          top: 20px;
        }

        header .menu-btn span:nth-child(2) {
          top: 31px;
        }

        header .menu-btn span:nth-child(3) {
          top: 43px;
        }

        header .menu-btn span:nth-child(4) {
          width: 62px;
          text-align: center;
          top: 54px;
          right: 20px;
        }

          header .menu-btn span:nth-child(4):after {
            content: "MENU";
          }
          header .menu-btn.opened span:nth-child(1) {
            width: 52px;
            -webkit-transform: rotate(25deg);
                    transform: rotate(25deg);
          }

          header .menu-btn.opened span:nth-child(2) {
            opacity: 0;
          }

          header .menu-btn.opened span:nth-child(3) {
            width: 52px;
            -webkit-transform: rotate(-25deg);
                    transform: rotate(-25deg);
          }
            header .menu-btn.opened span:nth-child(4):after {
              content: "CLOSE";
            }
  footer {
    padding: 80px 7% 60px;
  }

  .footer-contents {
    padding: 30px 0 60px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .spec {
    width: 100%;
    margin-right: auto;
    margin-bottom: 31px;
  }
    .spec-items li span:first-of-type {
      margin-right: 38px;
    }

  .spec-lp {
    width: 376px;
    margin: 0 auto 50px;
  }

  .links {
    margin-right: 186px;
  }

  .logos {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 52px 0 0;
    margin-bottom: 42px;
  }

    .logos .platforms {
      padding-top: 0;
      margin-bottom: 79px;
    }

    .logos .platform-logos {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 32px;
    }

      .logos .platform-logos .game-pass-logo,
      .logos .platform-logos .xbox-xs-logo,
      .logos .platform-logos .xbox-one-logo {
        margin-bottom: 18px;
      }

      .logos .platform-logos .game-pass-logo {
        margin-right: 22px;
      }

      .logos .platform-logos .xbox-one-logo {
        margin-right: 4px;
      }

    .logos .platform-copyright {
      font-size: 12px;
      line-height: 1.5;
    }
  .purchase-btn {
    top: auto;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    margin: auto;
    text-align: center;
    bottom: 3%;
  }

  .logo {
    top: 20px;
    height: 20px;
  }

  .fv {
    height: 1000px;
  }

    .fv .title-logo {
      max-width: none;
      top: 50%;
      bottom: auto;
      left: 50%;
      right: auto;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
    }
      .fv .fv-movie .fv-movie-img {
        width: 100% !important;
        height: 100% !important;
      }

      .fv .fv-movie video {
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: bottom;
           object-position: bottom;
      }

    .fv .scroll-box {
      margin-bottom: 0 !important;
      left: auto;
      right: -2%;
    }

      .fv .scroll-box:after {
        width: 2px;
      }

      .fv .scroll-box .scroll-text {
        font-size: 18px;
      }
      .pv:hover .play {
        color: #3f1d1d;
      }

        .pv:hover .play .arrow {
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1LjkxNiAyMy45MTQiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOm5vbmU7c3Ryb2tlOiMxZDM4NGE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnPjxwb2x5bGluZSBjbGFzcz0iZCIgcG9pbnRzPSIxMy4yNTEgLjcwNyAyNC41MDEgMTEuOTU3IDEzLjI1MSAyMy4yMDciLz48bGluZSBjbGFzcz0iZCIgeTE9IjExLjk1NyIgeDI9IjI0LjUwMSIgeTI9IjExLjk1NyIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
          width: 25px;
          height: 23px;
        }
      .pv.run #pv-player {
        display: block;
      }

      .pv.run .cover {
        background: #7e3c3c;
        mix-blend-mode: multiply;
      }

      .pv.run .play {
        color: #fff;
      }

        .pv.run .play .arrow {
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI2IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjYgMjQiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnPjxwb2x5bGluZSBjbGFzcz0iZCIgcG9pbnRzPSIxMy4yNTEgLjcwNyAyNC41MDEgMTEuOTU3IDEzLjI1MSAyMy4yMDciLz48bGluZSBjbGFzcz0iZCIgeTE9IjExLjk1NyIgeDI9IjI0LjUwMSIgeTI9IjExLjk1NyIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
          width: 26px;
          height: 24px;

          background-repeat: no-repeat;
          -webkit-transform: translateX(13px);
                  transform: translateX(13px);
          -webkit-transition: -webkit-transform 0.3s linear;
          transition: -webkit-transform 0.3s linear;
          transition: transform 0.3s linear;
          transition: transform 0.3s linear, -webkit-transform 0.3s linear;
        }

    .pv .play {
      color: #3f1d1d;
      font-size: 24px;
    }

      .pv .play .arrow {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1LjkxNiAyMy45MTQiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOm5vbmU7c3Ryb2tlOiMxZDM4NGE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9ImEiLz48ZyBpZD0iYiI+PGcgaWQ9ImMiPjxnPjxwb2x5bGluZSBjbGFzcz0iZCIgcG9pbnRzPSIxMy4yNTEgLjcwNyAyNC41MDEgMTEuOTU3IDEzLjI1MSAyMy4yMDciLz48bGluZSBjbGFzcz0iZCIgeTE9IjExLjk1NyIgeDI9IjI0LjUwMSIgeTI9IjExLjk1NyIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);
        width: 25px;
        height: 23px;
      }
    .story .wrapper {
      padding: 154px 50px 250px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }
        .story .wrapper .story-title.v-pc {
          display: none !important;
        }

        .story .wrapper .story-title.v-sp {
          display: block !important;
        }

      .story .wrapper .story-title-text {
        font-size: 21px;
      }

  .story-text1 > p,
  .story-text2 > p {
    font-size: 20px;
    line-height: 2;
  }

  .chara-text > p,
  .chara-text2 > p {
    font-size: 12px;
  }

  .story-text1 {
    margin-top: 47px;
  }

    .story-text1 > p {
      height: 120px;
    }

      .story-text1 > p span {
        top: 120px;
      }

  .story-text2 {
    margin-top: 50px;
  }

    .story-text2 > p {
      height: 120px;
    }

      .story-text2 > p span {
        top: 120px;
      }
    .story-text-box.introduction-text,
    .story-text-box.features-text,
    .story-text-box.game-system-text {
      width: 100% !important;
    }

    .story-text-box.introduction-text {
      padding: 0;
    }

    .story-text-box.features-text {
      padding: 0;
      margin-left: 0 !important;
    }

    .story-text-box.game-system-text {
      padding: 0;
      margin-left: 0 !important;
    }

  .story-img {
    width: 650px;
    height: 277px;
  }

    .story-img.introduction-img {
      margin: 29px auto 0;
    }

    .story-img.features-img {
      margin: 34px auto 0;
    }

    .story-img.game-system-img {
      margin: 34px auto 0;
    }

  .introduction,
  .features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .introduction-title,
  .features-title {
    margin: 0 auto;
  }

  .introduction-title {
    width: 525px;
    max-width: none;
    min-width: auto;
  }

  .features {
    margin-top: 113px;
  }

  .features-title {
    width: 354px;
    max-width: none;
    min-width: auto;
  }

  .more-btn {
    margin: 70px auto 0;
  }
    .characters .wrapper {
      padding: 0 0 30px;
    }
        .characters .wrapper .chara-box:before {
          width: 800px;
          bottom: auto;
          top: 130px;
        }

        .characters .wrapper .chara-box .chara-image-box {
          width: 100%;
          height: auto;
        }

        .characters .wrapper .chara-box .sees-box {
          top: 65px;
          width: 24px;
          height: 131px;
        }

        .characters .wrapper .chara-box .name-img {
          top: 70px;
        }

          .characters .wrapper .chara-box .name-img.chara1-name {
            width: 100px;
            right: auto;
            left: 0;
          }

          .characters .wrapper .chara-box .name-img.chara2-name {
            width: 100px;
            left: 0;
          }
          .characters .wrapper .chara-box .chara-visual img {
            width: 692px;
            height: 1000px;
          }

        .characters .wrapper .chara-box .chara-info-box {
          width: 100%;
          padding: 1090px 0 100px;
        }

        .characters .wrapper .chara-box .chara-name {
          font-size: 40px;
        }

        .characters .wrapper .chara-box .cv {
          font-size: 20px;
          margin: 16px 0 0 10px;
        }

        .characters .wrapper .chara-box .profile-text {
          font-size: 20px;
        }
          .characters .wrapper .chara-box .chara-contents-list li {
            width: 312px;
          }

        .characters .wrapper .chara-box.chara-box-chara1 {
          margin-top: 55px;
        }

          .characters .wrapper .chara-box.chara-box-chara1:before {
            left: -60px;
          }

          .characters .wrapper .chara-box.chara-box-chara1 .sees-box {
            right: auto;
            left: 112px;
          }

          .characters .wrapper .chara-box.chara-box-chara1 .chara-image-box {
            right: 0;
          }
            .characters .wrapper .chara-box.chara-box-chara1 .chara-visual img {
              left: 70px;
            }

          .characters .wrapper .chara-box.chara-box-chara1 .chara-info-box {
            margin-left: 0;
          }

        .characters .wrapper .chara-box.chara-box-chara2 {
          margin-top: 77px;
        }

          .characters .wrapper .chara-box.chara-box-chara2:before {
            left: -60px;
          }

          .characters .wrapper .chara-box.chara-box-chara2 .sees-box {
            left: 112px;
          }

          .characters .wrapper .chara-box.chara-box-chara2 .chara-image-box {
            left: 0;
          }
            .characters .wrapper .chara-box.chara-box-chara2 .chara-visual img {
              left: -20px;
            }

          .characters .wrapper .chara-box.chara-box-chara2 .chara-info-box {
            margin-left: 0;
          }

  .bg-text {
    max-width: 94%;
    bottom: -348px;
  }
    .expansion-pass .wrapper {
      padding: 260px 0 200px;
    }

      .expansion-pass .wrapper .expansion-pass-description {
        margin: 0 auto;
      }

      .expansion-pass .wrapper .expansion-pass-text {
        font-size: 21px;
        opacity: 0;
        line-height: 2;
        text-align: center;
      }
      .buy-now .official-site .wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      }

        .buy-now .official-site .wrapper .official-site-text {
          max-width: none;
          margin: 0 auto;
        }

        .buy-now .official-site .wrapper .official-site-btn {
          max-width: none;
          margin: 40px auto 0;
        }
}

@media screen and (max-width: 1280px) {
  .wrapper {
    width: 86%;
  }
  footer {
    position: relative;
  }

  .footer-contents {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .p3r-logo {
    width: 100%;
    min-width: auto;
    padding-top: 0;
    padding-left: 0;
    margin-bottom: 70px;
  }

    .p3r-logo img {
      margin: 0 auto;
    }

  .spec {
    width: 100%;
    margin-bottom: 70px;
  }
}

@media screen and (min-width: 901px) and (max-width: 1080px) {
    header .nav-box {
      right: 180px;
    }
        header .nav-box .nav li {
          margin-right: 25px;
        }
}

@media screen and (min-width: 751px) and (max-width: 900px) {
  header {
    -webkit-transform: scale3d(0.92, 0.92, 0.92);
            transform: scale3d(0.92, 0.92, 0.92);
  }

    header .nav-box {
      right: 110px;
    }
        header .nav-box .nav li {
          margin-right: 10px;
        }

      header .nav-box .news {
        right: -67px;
      }

      header .nav-box .lang-box {
        right: -140px;
      }
}

@media screen and (min-width: 751px) {
    .spec-lp img {
      -webkit-transition: opacity ease-in-out 0.3s;
      transition: opacity ease-in-out 0.3s;
    }
      .spec-lp:hover img {
        opacity: 0.8;
      }
  }

@media screen and (max-width: 1040px) {
  .story-text1 > p {
    height: 120px;
  }

    .story-text1 > p span {
      top: 120px;
    }

  .story-text2 > p {
    height: 120px;
  }

    .story-text2 > p span {
      top: 120px;
    }
    .story-text-box.introduction-text {
      width: calc(600 / 1040 * 100%);
    }

    .story-text-box.features-text {
      width: calc(600 / 1040 * 100%);
      margin-left: 50px;
    }
}

@media screen and (min-width: 1400px) {

.feature-modal .contents-area .bottom-wave {
        height: calc(100% - 28vw)
    }
      }

@media screen and (min-width: 1600px) {

.feature-modal .contents-area .bottom-wave {
        height: calc(100% - 450px)
    }
      }

@media screen and (max-width: 1360px) {
      .feature-modal .contents-area .feature-modal-new-theurgy,
      .feature-modal .contents-area .feature-modal-difficulty,
      .feature-modal .contents-area .feature-modal-music {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
      }

      .feature-modal .contents-area .feature-modal-link-episode,
      .feature-modal .contents-area .feature-modal-grimoire {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
      }
    }

@media screen and (max-width: 1100px) {
    .feature-modal .modal-close-btn {
      position: absolute;
      opacity: 0;
      right: 23px;
      -webkit-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out;
    }

      .feature-modal .modal-close-btn.show {
        position: fixed !important;
        opacity: 1;
        -webkit-animation: fadeInFeatures 0.5s ease-in-out both;
                animation: fadeInFeatures 0.5s ease-in-out both;
      }

    .feature-modal .top-wave {
      height: 90px;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NTAgOTAuMTUiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiLz4KICA8ZyBpZD0iX+OCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj4KICAgIDxnIGlkPSJDaGFyYUluZm8iPgogICAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDIxLjA0Uzk5LjU5LDAsMjEyLjM5LDBjMTY0LjE5LDAsMTY0LjE5LDI3LjQyLDMyOC4zNywyNy40MiwxMTAuOTQsMCwyMDkuMjQtMjAuNjQsMjA5LjI0LTIwLjY0VjkwLjE1SDBWMjEuMDRaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=) center top no-repeat;
      background-size: cover;
      top: 40px;
    }

    .feature-modal .contents-area {
      padding-bottom: 0;
    }

      .feature-modal .contents-area .bottom-wave {
        height: calc(100% - 400px) !important;
      }

        .feature-modal .contents-area .bottom-wave:before {
          content: '';
          background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAuMTk3IiBoZWlnaHQ9IjExMS41MTMiIHZpZXdCb3g9IjAgMCA3NTAuMTk3IDExMS41MTMiPgogIDxwYXRoIGlkPSJ3YXZlX3BhdGhfMiIgZGF0YS1uYW1lPSJ3YXZlX3BhdGhfMiIgZD0iTS44NTIsMjEuMzg5UzEwMC41LjMyNSwyMTMuMzg3LjMyNWMxNjQuMTg2LDAsMTY0LjE4NiwyNy40MjQsMzI4LjM3MiwyNy40MjRDNjUyLjcsMjcuNzQ5LDc1MSw3LjEwOCw3NTEsNy4xMDhsLS4wOSwxMDQuNzNILjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44MDEgLTAuMzI1KSIgZmlsbD0iI2ZmZjBmMCIvPgo8L3N2Zz4K) center top no-repeat;
          width: 100%;
          height: 6.5vw;
          top: -6.4vw;
          background-size: cover;
          position: absolute;
          display: inline-block;
        }

      .feature-modal .contents-area .slider {
        width: 640px;
        margin: 40px auto 0;
      }

        .feature-modal .contents-area .slider img {
          width: 640px;
          height: 360px;
        }

      .feature-modal .contents-area .text-box {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 640px;
        padding: 3% 0 0;
        margin-left: 0 !important;
        display: grid;
        grid-template-rows: 35% 65%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }

        .feature-modal .contents-area .text-box h3 {
          margin: 0 0 0 0;
          display: grid;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
        }

          .feature-modal .contents-area .text-box h3 span {
            font-size: 18px;
          }

        .feature-modal .contents-area .text-box p {
          position: relative;
          line-height: 1.7;
          letter-spacing: 0.8px;
          overflow: hidden;
          font-size: 18px;
        }

          .feature-modal .contents-area .text-box p:nth-of-type(2),
          .feature-modal .contents-area .text-box p:nth-of-type(3) {
            margin-top: 21px;
          }

          .feature-modal .contents-area .text-box p span {
            display: block;
          }

      .feature-modal .contents-area .wrapper {
        z-index: 1;
        padding-top: 65px;
      }

      .feature-modal .contents-area .feature-modal-new-theurgy,
      .feature-modal .contents-area .feature-modal-link-episode,
      .feature-modal .contents-area .feature-modal-difficulty,
      .feature-modal .contents-area .feature-modal-grimoire,
      .feature-modal .contents-area .feature-modal-music {
        margin-top: 80px;
        position: relative;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
      }

      .feature-modal .contents-area .feature-modal-new-theurgy,
      .feature-modal .contents-area .feature-modal-difficulty,
      .feature-modal .contents-area .feature-modal-music {
        -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
      }


      .feature-modal .contents-area .feature-modal-link-episode,
      .feature-modal .contents-area .feature-modal-grimoire {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      }

      .feature-modal .contents-area .feature-modal-new-theurgy {
        margin-top: 230px;
      }

      .feature-modal .contents-area .feature-modal-title {
        width: 418px;
        max-width: none;
        min-width: 418px;
        margin: 40px auto 100px;
      }

        .feature-modal .contents-area .feature-modal-title h2 {
          text-align: center;
          margin: 20px 0;
          font-size: 20px;
          opacity: 0;
          -webkit-transition: 400ms ease-out 800ms;
          transition: 400ms ease-out 800ms;
        }

        .feature-modal .contents-area .feature-modal-title .cls-1 {
          -webkit-transition: 1000ms ease-out;
          transition: 1000ms ease-out;
        }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(1) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(2) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(3) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(4) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(5) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(6) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(7) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(8) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(9) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(10) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(11) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(12) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(13) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(14) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(15) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(16) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(17) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(18) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(19) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
              .feature-modal .contents-area .feature-modal-title svg path:nth-child(20) {
                opacity: 0;
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
              }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(1) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(1 * 60ms);
                          transition-delay: calc(1 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(2) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(2 * 60ms);
                          transition-delay: calc(2 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(3) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(3 * 60ms);
                          transition-delay: calc(3 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(4) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(4 * 60ms);
                          transition-delay: calc(4 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(5) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(5 * 60ms);
                          transition-delay: calc(5 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(6) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(6 * 60ms);
                          transition-delay: calc(6 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(7) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(7 * 60ms);
                          transition-delay: calc(7 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(8) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(8 * 60ms);
                          transition-delay: calc(8 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(9) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(9 * 60ms);
                          transition-delay: calc(9 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(10) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(10 * 60ms);
                          transition-delay: calc(10 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(11) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(11 * 60ms);
                          transition-delay: calc(11 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(12) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(12 * 60ms);
                          transition-delay: calc(12 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(13) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(13 * 60ms);
                          transition-delay: calc(13 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(14) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(14 * 60ms);
                          transition-delay: calc(14 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(15) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(15 * 60ms);
                          transition-delay: calc(15 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(16) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(16 * 60ms);
                          transition-delay: calc(16 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(17) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(17 * 60ms);
                          transition-delay: calc(17 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(18) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(18 * 60ms);
                          transition-delay: calc(18 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(19) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(19 * 60ms);
                          transition-delay: calc(19 * 60ms);
                }
                .feature-modal .contents-area .feature-modal-title.run svg path:nth-child(20) {
                  opacity: 1;
                  -webkit-transform: translateY(0);
                          transform: translateY(0);
                  -webkit-transition-delay: calc(20 * 60ms);
                          transition-delay: calc(20 * 60ms);
                }

          .feature-modal .contents-area .feature-modal-title.run h2 {
            opacity: 1;
          }
}

@media screen and (min-width: 1920px) {
    .feature-modal .wrapper {
      width: 1360px;
    }
}