@charset 'UTF-8';
/*@font-face {
    font-family: 'NotoSans';
    src: url(../font/NotoSans_regular.woff) format('woff');
	font-weight: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url(../font/NotoSans_bold.woff) format('woff');
	font-weight: bold;
}*/
/*初期設定
----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@page
{
    margin: 0;
}
/* リセット設定 */
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
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
}

ul
{
    list-style: none;
}

img
{
    max-width: 100%;

    vertical-align: bottom;
}
@media screen and (max-width: 768px)
{
    img
    {
        max-width: 100%;
    }
}

/* color設定 */
/* 基本設定 */
body
{
    font-family: 'Roboto Condensed', 'Noto Sans JP', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 2;

    box-sizing: border-box;
    width: 100%;
    min-width: 1280px;

    letter-spacing: .06em;

    color: white;
    background-color: #101010;

       -moz-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
}
body.fixed
{
    position: fixed;

    overflow: hidden;

    width: 100%;
}
@media screen and (max-width: 768px)
{
    body
    {
        font-size: 3.2710280374vw;

        min-width: 320px;
    }
}

header
{
    position: relative;
}

*
{
    box-sizing: border-box;

    word-break: break-all;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

textarea::-ms-input-placeholder,
input:-ms-input-placeholder
{
    color: rgba(255, 255, 255, .34);
}

html
{
    height: 100%;
}

input,
textarea
{
    -webkit-appearance: none;
}

input:focus,
button:focus,
textarea:focus
{
    outline: 0;
}

a.ul
{
    position: relative;

    text-decoration: none;

    color: white;
}
a.ul:link
{
    color: white;
}

a.ul::after
{
    position: absolute;
    bottom: -8px;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';
    transition: transform .3s;
    transform: scale(0, 1);
    transform-origin: right top;

    background: white;
}

a.ul:hover::after
{
    transform: scale(1, 1);
    transform-origin: left top;
}

a
{
    width: inherit;
    height: inherit;

    text-decoration: none;
}

a:link
{
    color: white;
}
a:visited
{
    color: white;
}
a:hover
{
    transition-duration: .2s;

    opacity: .7;
}

.u-col__wh
{
    color: #fff;
}

.u-content
{
    width: 1120px;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    .u-content
    {
        width: 100%;
        padding: 0 5.6074766355vw;
    }
}
.u-content__full
{
    padding: 108px 0 128px 0;

    background: rgba(0, 0, 0, .8);
}
@media screen and (max-width: 768px)
{
    .u-content__full
    {
        padding: 16.8224299065vw 0 18.691588785vw 0;
    }
}
.u-content__full.bg-sub
{
    background: rgba(0, 0, 0, .9);
}
.u-content__half
{
    width: 532px;
}
@media screen and (max-width: 768px)
{
    .u-content__half
    {
        width: 100%;
    }
    .u-content__half:first-child
    {
        padding-bottom: 18.691588785vw;
    }
}
.u-content__2col
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
}
.u-content__2col > .u-content__item
{
    width: 532px;

    flex-basis: 532px;
}
@media screen and (max-width: 768px)
{
    .u-content__2col
    {
        width: auto;

        gap: 11.214953271vw 5.6074766355vw;
    }
}
.u-content__2col-list
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}
.u-content__2col-list > .u-content__item
{
    width: 532px;

    flex-basis: 532px;
}
@media screen and (max-width: 768px)
{
    .u-content__2col-list > .u-content__item
    {
        width: 100%;
    }
}
@media screen and (max-width: 768px)
{
    .u-content__2col-list
    {
        width: auto;

        gap: 3.738317757vw;
    }
}
.u-content__under
{
    padding: 80px 0 128px 0;

    background: rgba(0, 0, 0, .8);
}
@media screen and (max-width: 768px)
{
    .u-content__under
    {
        padding: 5.6074766355vw 0 18.691588785vw 0;
    }
}

.u-title__wrapper
{
    padding-top: 108px;
    padding-bottom: 60px;
}
@media screen and (max-width: 768px)
{
    .u-title__wrapper
    {
        padding: 18.691588785vw 0 3.738317757vw 0;
    }
}
.u-title__lg
{
    font-family: Roboto Condensed;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;

    position: relative;

    display: flex;

    height: 100px;
    margin-bottom: 48px;

    color: #fff;

    align-items: center;
    justify-content: center;
}
.u-title__lg span
{
    font-family: Roboto Condensed;
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;

    position: absolute;

    text-align: center;
    letter-spacing: 2px;

    color: rgba(255, 255, 255, .15);
}
@media screen and (max-width: 768px)
{
    .u-title__lg
    {
        font-size: 4.6728971963vw;
    }
    .u-title__lg span
    {
        font-size: 18.691588785vw;
    }
}

.u-form__select
{
    position: relative;

    display: inline-block;
}
.u-form__select select
{
    font-size: 16px;
    line-height: 40px;

    position: relative;

    height: 40px;
    padding: 0 32px 0 16px;

    border: solid 1px rgba(255, 255, 255, .34);
    outline: none;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__select select
    {
        width: 100%;
        height: 48px;
        padding: 0 24px 0 8px;
    }
}
.u-form__select::after
{
    position: absolute;
    top: 8px;
    right: 10px;

    width: 24px;
    height: 24px;
    margin: auto;

    content: '';

    background: url(../img/common/icn_arrow_select.svg) no-repeat;
}
@media screen and (max-width: 768px)
{
    .u-form__select::after
    {
        right: 6px;
    }
}
.u-form__base
{
    font-size: 16px;
    line-height: 40px;

    position: relative;

    width: 100%;
    height: 40px;
    padding: 0 16px;

    color: #fff;
    border: solid 1px #333;
    border-radius: 4px;
    outline: none;
    background: #000;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__base
    {
        line-height: 1;

        display: inline-flex;

        height: 48px;
        padding: 8px;

        align-items: center;
    }
}
.u-form__textarea
{
    font-size: 16px;

    position: relative;

    width: 100%;
    height: 200px;
    padding: 16px;

    color: #fff;
    border: solid 1px #333;
    border-radius: 4px;
    outline: none;
    background: #000;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__textarea
    {
        line-height: 1;

        display: inline-flex;

        height: 48px;
        padding: 8px;

        align-items: center;
    }
}
.u-form__sm
{
    font-size: 16px;
    line-height: 40px;

    position: relative;

    width: 100px;
    height: 40px;
    padding: 0 16px;

    border: solid 1px rgba(255, 255, 255, .34);
    outline: none;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__sm
    {
        line-height: 1;

        display: inline-flex;

        height: 48px;
        padding: 8px;

        align-items: center;
    }
}
.u-form__xs
{
    font-size: 16px;
    line-height: 32px;

    width: 56px;
    height: 32px;
    padding: 0 8px;

    border: solid rgba(255, 255, 255, .34) 1px;
}

.u-btn__wrapper
{
    display: flex;

    justify-content: center;
}
.u-btn__def
{
    font-family: 'Roboto Condensed';
    font-size: 16px;

    display: inline-flex;

    width: 200px;
    height: 48px;

    cursor: pointer;
    transition: .2s ease;
    letter-spacing: .05em;

    color: #fff;
    border: solid 1px rgba(255, 255, 255, .34);
    border-radius: 4px;
    background: #000;

    align-items: center;
    justify-content: center;
}
.u-btn__def:hover
{
    background: #222;
}
@media screen and (max-width: 768px)
{
    .u-btn__def
    {
        font-size: 3.738317757vw;

        width: 100%;
        height: 9.3457943925vw;
    }
}
.u-btn__detail
{
    font-family: 'Roboto Condensed';
    font-size: 16px;

    display: inline-flex;

    width: 200px;
    height: 48px;

    cursor: pointer;
    transition: .2s ease;
    letter-spacing: .05em;

    color: #fff;
    border: solid 1px rgba(255, 255, 255, .34);
    border-radius: 4px;
    background: #000;

    align-items: center;
    justify-content: center;
}
.u-btn__detail:hover
{
    background: #222;
}
@media screen and (max-width: 768px)
{
    .u-btn__detail
    {
        font-size: 3.738317757vw;

        width: 100%;
        height: 9.3457943925vw;
    }
}

.u-fs__lg
{
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width: 768px)
{
    .u-fs__lg
    {
        font-size: 3.738317757vw;
        font-weight: bold;
    }
}

.u-fe
{
    display: flex;

    justify-content: flex-end;
    align-items: center;
}

.u-flex
{
    display: flex;

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.u-flex__pc
{
    display: flex;

    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .u-flex__pc
    {
        display: block;
    }
}

.u-pt__n
{
    padding-top: 0 !important;
}
.u-pt__xs
{
    padding-top: 8px;
}
@media screen and (max-width: 768px)
{
    .u-pt__xs
    {
        padding-top: 1.4018691589vw;
    }
    .u-pt__xs-sp
    {
        padding-top: 1.4018691589vw;
    }
}
.u-pt__sm
{
    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pt__sm
    {
        padding-top: 2.8037383178vw;
    }
    .u-pt__sm-sp
    {
        padding-top: 2.8037383178vw;
    }
}
.u-pt__base
{
    padding-top: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pt__base
    {
        padding-top: 3.738317757vw;
    }
    .u-pt__base-sp
    {
        padding-top: 3.738317757vw;
    }
}
.u-pt__lg
{
    padding-top: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pt__lg
    {
        padding-top: 5.6074766355vw;
    }
    .u-pt__lg-sp
    {
        padding-top: 5.6074766355vw;
    }
}
.u-pt__xl
{
    padding-top: 48px;
}
@media screen and (max-width: 768px)
{
    .u-pt__xl
    {
        padding-top: 7.476635514vw;
    }
    .u-pt__xl-sp
    {
        padding-top: 7.476635514vw;
    }
}
.u-pt__2xl
{
    padding-top: 64px;
}
@media screen and (max-width: 768px)
{
    .u-pt__2xl
    {
        padding-top: 11.214953271vw;
    }
    .u-pt__2xl-sp
    {
        padding-top: 11.214953271vw;
    }
}
.u-pt__3xl
{
    padding-top: 80px;
}
@media screen and (max-width: 768px)
{
    .u-pt__3xl
    {
        padding-top: 14.953271028vw;
    }
    .u-pt__3xl-sp
    {
        padding-top: 14.953271028vw;
    }
}
.u-pt__4xl
{
    padding-top: 96px;
}
@media screen and (max-width: 768px)
{
    .u-pt__4xl
    {
        padding-top: 14.953271028vw;
    }
    .u-pt__4xl-sp
    {
        padding-top: 14.953271028vw;
    }
}
.u-pt__5xl
{
    padding-top: 128px;
}
@media screen and (max-width: 768px)
{
    .u-pt__5xl
    {
        padding-top: 22.4299065421vw;
    }
    .u-pt__5xl-sp
    {
        padding-top: 22.4299065421vw;
    }
}

.u-ph__base
{
    padding: 24px 0;
}

.u-pb__xs
{
    padding-bottom: 8px;
}
@media screen and (max-width: 768px)
{
    .u-pb__xs
    {
        padding-bottom: 1.4018691589vw;
    }
    .u-pb__xs-sp
    {
        padding-bottom: 1.4018691589vw;
    }
}
.u-pb__sm
{
    padding-bottom: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pb__sm
    {
        padding-bottom: 2.8037383178vw;
    }
    .u-pb__sm-sp
    {
        padding-bottom: 2.8037383178vw;
    }
}
.u-pb__base
{
    padding-bottom: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pb__base
    {
        padding-bottom: 3.738317757vw;
    }
    .u-pb__base-sp
    {
        padding-bottom: 3.738317757vw;
    }
}
.u-pb__lg
{
    padding-bottom: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pb__lg
    {
        padding-bottom: 5.6074766355vw;
    }
    .u-pb__lg-sp
    {
        padding-bottom: 5.6074766355vw;
    }
}
.u-pb__xl
{
    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .u-pb__xl
    {
        padding-bottom: 7.476635514vw;
    }
    .u-pb__xl-sp
    {
        padding-bottom: 7.476635514vw;
    }
}
.u-pb__2xl
{
    padding-bottom: 64px;
}
@media screen and (max-width: 768px)
{
    .u-pb__2xl
    {
        padding-bottom: 11.214953271vw;
    }
    .u-pb__2xl-sp
    {
        padding-bottom: 11.214953271vw;
    }
}
.u-pb__3xl
{
    padding-bottom: 80px;
}
@media screen and (max-width: 768px)
{
    .u-pb__3xl
    {
        padding-bottom: 14.953271028vw;
    }
    .u-pb__3xl-sp
    {
        padding-bottom: 14.953271028vw;
    }
}
.u-pb__4xl
{
    padding-bottom: 96px;
}
@media screen and (max-width: 768px)
{
    .u-pb__4xl
    {
        padding-bottom: 14.953271028vw;
    }
    .u-pb__4xl-sp
    {
        padding-bottom: 14.953271028vw;
    }
}
.u-pb__5xl
{
    padding-bottom: 128px;
}
@media screen and (max-width: 768px)
{
    .u-pb__5xl
    {
        padding-bottom: 22.4299065421vw;
    }
    .u-pb__5xl-sp
    {
        padding-bottom: 22.4299065421vw;
    }
}

.u-pl__sm
{
    padding-left: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pl__sm
    {
        padding-left: 3.738317757vw;
    }
}
.u-pl__base
{
    padding-left: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pl__base
    {
        padding-left: 5.6074766355vw;
    }
}
.u-pl__lg
{
    padding-left: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pl__lg
    {
        padding-left: 5.6074766355vw;
    }
}

.u-pr__sm
{
    padding-right: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pr__sm
    {
        padding-left: 3.738317757vw;
    }
}
.u-pr__base
{
    padding-right: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pr__base
    {
        padding-right: 5.6074766355vw;
    }
}
.u-pr__lg
{
    padding-right: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pr__lg
    {
        padding-right: 5.6074766355vw;
    }
}

.u-txt__sm
{
    font-size: 12px;
}
.u-txt__base
{
    font-size: 16px;
    line-height: 2;
}
.u-txt__lg
{
    font-size: 18px;
    line-height: 2;
}
.u-txt__xl
{
    font-size: 20px;
    line-height: 2;
}

.u-tal
{
    text-align: left;
}

.u-tar
{
    text-align: right;
}

.u-tac
{
    text-align: center;
}

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

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

.u-dn
{
    display: none !important;
}

.u-link__all
{
    position: relative;

    display: inline-flex;

    align-items: center;
}
.u-link__all::after
{
    width: 32px;
    height: 10px;

    content: '';
    transition: .2s ease;

    background: url(../img/common/all_arrow.svg) no-repeat;
    background-position: 8px 0;
}
.u-link__all:hover::after
{
    background-position: 16px 0;
}
.u-link__back
{
    position: relative;

    display: inline-flex;

    align-items: center;
}
.u-link__back::before
{
    width: 32px;
    height: 10px;

    content: '';
    transition: .2s ease;

    background: url(../img/common/arrow_back.svg) no-repeat;
    background-position: 8px 0;
}
.u-link__back:hover::before
{
    background-position: 0 0;
}
.u-link__ul
{
    padding-bottom: 4px;

    border-bottom: solid 1px rgba(255, 255, 255, .57);
}

.bg-anime
{
    position: fixed;
    z-index: -2;

    width: 100%;
    height: 100vh;
    /*サイズを大きくひきのばす*/

    -webkit-animation: bggradient 10s ease infinite;

            animation: bggradient 10s ease infinite;

    background: linear-gradient(45deg, #175674, #10261e, #361878);
    /*グラデーションを定義*/
    background-size: 200% 200%;
}

#gradient-canvas
{
    position: fixed;
    z-index: -2;

    width: 100%;
    height: 100vh;

    --gradient-color-1: #674af9;
    --gradient-color-2: #6ec3f4;
    --gradient-color-3: #1b0554;
    --gradient-color-4: #3c1b3e;
}

@-webkit-keyframes bggradient
{
    0%
    {
        background-position: 0 50%;
    }
    50%
    {
        background-position: 100% 50%;
    }
    100%
    {
        background-position: 0 50%;
    }
}

@keyframes bggradient
{
    0%
    {
        background-position: 0 50%;
    }
    50%
    {
        background-position: 100% 50%;
    }
    100%
    {
        background-position: 0 50%;
    }
}
.header
{
    position: fixed;
    z-index: 2;

    display: block;

    width: 100%;
    height: 122px;
}
.header__inner
{
    display: flex;

    padding: 24px 40px;

    align-items: flex-start;
    justify-content: flex-end;
    gap: 24px;
}
.header__logo
{
    position: absolute;
    top: 22px;
    left: 40px;
}
.header__logo > img:hover
{
    opacity: .7;
}
@media screen and (max-width: 768px)
{
    .header
    {
        height: 64px;
    }
    .header__logo
    {
        top: 3.5046728972vw;
        left: 3.5046728972vw;
    }
    .header__logo img
    {
        width: 20.5607476636vw;
    }
    .header__inner
    {
        padding: 4.2056074766vw 3.5046728972vw;

        gap: 5.6074766355vw;
    }
}

/* menu */
.menu__lang
{
    display: flex;

    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.menu__lang > a
{
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;

    cursor: pointer;
    transition: .2s ease;
    text-decoration: none;

    color: #fff;
}
.menu__lang > a:hover
{
    opacity: .7;
}
.menu__lang > a.active
{
    color: #fff;
}

.menu__trigger,
.menu__trigger span
{
    box-sizing: border-box;

    transition: all .4s;
}

.menu__trigger
{
    position: relative;

    width: 40px;
    height: 40px;

    cursor: pointer;

    border: none;
    background: none;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}
@media screen and (max-width: 768px)
{
    .menu__trigger
    {
        width: 30px;
        height: 30px;
    }
}

.menu__trigger span
{
    position: absolute;
    left: 4px;

    width: 40px;
    height: 2px;

    border-radius: 2px;
    background-color: rgba(255, 255, 255, .37);
}
@media screen and (max-width: 768px)
{
    .menu__trigger span
    {
        left: 0;

        width: 30px;
        height: 1px;

        border-radius: 2px;
    }
}

.menu__trigger span:nth-of-type(1)
{
    top: 10px;
}
@media screen and (max-width: 768px)
{
    .menu__trigger span:nth-of-type(1)
    {
        top: 1.8691588785vw;
    }
}

.menu__trigger span:nth-of-type(2)
{
    top: 20px;
}
@media screen and (max-width: 768px)
{
    .menu__trigger span:nth-of-type(2)
    {
        top: 4.6728971963vw;
    }
}

.menu__trigger.active span:nth-of-type(1)
{
    transform: translateY(5px) rotate(-45deg);

    background-color: #878787;
}

.menu__trigger.active span:nth-of-type(2)
{
    transform: translateY(-5px) rotate(45deg);

    background-color: #878787;
}

.dr-menu
{
    position: fixed;
    z-index: 1;

    display: none;

    width: 100%;
    height: 100vh;

    background: #101010;

    align-items: center;
}
@media screen and (max-width: 768px)
{
    .dr-menu
    {
        align-items: flex-start;
    }
}
.dr-menu__inner
{
    display: flex;

    width: 736px;
    margin: 0 auto;

    gap: 80px;
}
@media screen and (max-width: 768px)
{
    .dr-menu__inner
    {
        width: 79.4392523364vw;
        padding-top: 37.3831775701vw;

        gap: 7.0093457944vw;
    }
}
.dr-menu__unit01
{
    display: flex;
    flex-direction: column;

    gap: 24px;
}
.dr-menu__unit01 a
{
    font-size: 24px;
    line-height: 1;

    display: block;

    text-decoration: none;

    color: #fff;
}
@media screen and (max-width: 768px)
{
    .dr-menu__unit01 a
    {
        font-size: 3.738317757vw;
    }
}
.dr-menu__unit02
{
    display: flex;
    flex-direction: column;

    gap: 24px;
}
.dr-menu__unit02 a
{
    font-size: 24px;
    line-height: 1;

    display: block;

    text-decoration: none;

    color: #fff;
}
@media screen and (max-width: 768px)
{
    .dr-menu__unit02 a
    {
        font-size: 3.738317757vw;
    }
}
.dr-menu__unit02-02
{
    display: flex;
    display: wrap;

    padding-top: 24px;

    align-items: center;
    gap: 32px;
}
.dr-menu__unit02-02 span
{
    color: rgba(255, 255, 255, .57);
}
@media screen and (max-width: 768px)
{
    .dr-menu__unit02-02
    {
        display: block;
    }
}
.dr-menu__sns-wrapper
{
    display: flex;
    display: wrap;

    align-items: center;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .dr-menu__sns-wrapper
    {
        padding-top: 3.738317757vw;

        gap: 3.738317757vw;
    }
    .dr-menu__sns-wrapper img
    {
        width: 5.6074766355vw;
    }
}

main
{
    min-height: 400px;
}

.mv
{
    position: relative;

    display: flex;

    width: 100%;
    height: 100vh;

    align-items: end;
}
.mv-back
{
    display: none;
}
@media screen and (max-width: 768px)
{
    .mv-back
    {
        position: absolute;
        z-index: -1;

        display: block;

        width: 100%;
        height: 113.3177570093vw;

        background: #101010;
    }
}
@media screen and (max-width: 768px)
{
    .mv
    {
        height: 113.3177570093vw;
    }
}
.mv__img
{
    position: absolute;
    z-index: -1;

    width: 100%;
    height: 100vh;

    -o-object-fit: cover;

       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
}
@media screen and (max-width: 768px)
{
    .mv__img
    {
        top: 14.953271028vw;

        height: 66.5887850467vw;
    }
}
.mv__filter
{
    position: absolute;
    z-index: -1;
    bottom: 0;

    width: 100%;
    height: 280px;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .68) 100%);
}
@media screen and (max-width: 768px)
{
    .mv__filter
    {
        bottom: 31.308411215vw;

        height: 32.7102803738vw;

        background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);
    }
}
.mv__news
{
    display: flex;
    flex-direction: column;

    width: 540px;
    margin: 64px;

    gap: 24px;
}
@media screen and (max-width: 768px)
{
    .mv__news
    {
        width: 100%;
        margin: 0;
        padding: 5.6074766355vw;
    }
}
.mv__news-title-wrapper
{
    display: flex;

    flex-wrap: wrap;
    gap: 24px;
}
@media screen and (max-width: 768px)
{
    .mv__news-title-wrapper
    {
        display: block;
    }
}
.mv__news-date
{
    font-size: 14px;
    line-height: 1.8;
}
@media screen and (max-width: 768px)
{
    .mv__news-date
    {
        font-size: 2.8037383178vw;
    }
}
.mv__news-title
{
    font-size: 16px;
    line-height: 1.6;

    flex: 1;
}
.mv__news-excerpt,
.mv__news-excerpt > p
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: rgba(255, 255, 255, .57);
}
@media screen and (max-width: 768px)
{
    .mv__news-excerpt,
    .mv__news-excerpt > p
    {
        line-height: 1.6;
    }
}

.news-list
{
    padding-top: 24px;
}
@media screen and (max-width: 768px)
{
    .news-list
    {
        padding-top: 3.738317757vw;
    }
}
.news-list-item
{
    padding: 24px 0;

    border-bottom: solid 1px rgba(255, 255, 255, .34);
}
.news-list-item:first-child
{
    padding-top: 0;
}
.news-list-item__under
{
    padding-bottom: 24px;

    border-bottom: solid 1px rgba(255, 255, 255, .34);
}
@media screen and (max-width: 768px)
{
    .news-list-item__under
    {
        padding-bottom: 3.738317757vw;
    }
}
.news-title-wrapper
{
    display: flex;

    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
}
.news-icn
{
    font-size: 11px;
    font-weight: bold;
    line-height: 1;

    padding: 4px 10px;

    color: #0f9;
    border: solid 1px #0f9;
    border-radius: 12px;
}
.news-date
{
    font-size: 14px;
    line-height: 1.8;
}
.news-title
{
    font-size: 16px;
    line-height: 1.6;

    flex: 1;
}
.news-excerpt,
.news-excerpt > p
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: rgba(255, 255, 255, .57);
}

.banner-slide__contents
{
    display: flex;

    padding: 64px 0;

    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .banner-slide__contents
    {
        overflow-x: scroll;

        padding: 9.3457943925vw 3.5046728972vw;

        gap: 3.738317757vw;
    }
    .banner-slide__contents > div
    {
        flex: 0 0 84.1121495327vw;
    }
}
.banner-slide__img
{
    width: 544px;
    height: 345px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .banner-slide__img
    {
        width: 84.1121495327vw;
        height: 53.2710280374vw;
    }
}
.banner-slide__item
{
    position: relative;

    display: block;

    padding: 0 16px;
}
@media screen and (max-width: 768px)
{
    .banner-slide__item
    {
        padding: 0;
    }
}
.banner-slide__detail
{
    margin-top: -16px;
    margin-left: 16px;
}
.banner-slide__detail-wrapper
{
    position: relative;
}
.banner-slide__title
{
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.6;

    display: inline;

    padding: 0 12px;

    word-break: break-word;

    color: #101010;
    background: #0afd00;
}
@media screen and (max-width: 768px)
{
    .banner-slide__title
    {
        font-size: 4.2056074766vw;
    }
}
.banner-slide__txt
{
    font-size: 16px;
    line-height: 1.6;

    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .banner-slide__txt
    {
        font-size: 3.2710280374vw;

        padding-top: 3.738317757vw;
    }
}

.under-slide
{
    position: relative;
}
.under-slide__contents
{
    display: flex;
}
.under-slide__img
{
    width: 832px;
    height: 555px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .under-slide__img
    {
        width: 100vw;
        height: 70.0934579439vw;
    }
}
.under-slide__item
{
    position: relative;

    display: block;

    padding: 0;
}
.under-slide__logo
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;
}

.under-nav
{
    display: flex;

    padding-bottom: 48px;

    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
}
@media screen and (max-width: 768px)
{
    .under-nav
    {
        padding-bottom: 32px;

        gap: 8px;
    }
}
.under-nav > a
{
    font-size: 15px;
    font-weight: bold;
    line-height: 1;

    display: inline-flex;

    width: 96px;
    height: 32px;
    padding: 0 16px;

    border: solid 1px #666;

    align-items: center;
    justify-content: center;
}
.under-nav > a.active
{
    pointer-events: none;

    color: #000;
    border: none;
    background: #0f9;
}

.disco-slide__contents
{
    display: flex;

    padding: 24px 0 48px;

    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .disco-slide__contents
    {
        overflow-x: scroll;

        padding: 3.738317757vw 3.5046728972vw 5.6074766355vw;

        gap: 3.738317757vw;
    }
    .disco-slide__contents > div
    {
        flex: 0 0 84.1121495327vw;
    }
}
.disco-slide__img
{
    width: 544px;
    height: 544px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .disco-slide__img
    {
        width: 84.1121495327vw;
        height: 84.1121495327vw;
    }
}
.disco-slide__item
{
    position: relative;

    display: block;

    padding: 0 16px;
}
@media screen and (max-width: 768px)
{
    .disco-slide__item
    {
        padding: 0;
    }
}
.disco-slide__date
{
    font-size: 12px;

    color: rgba(255, 255, 255, .57);
}
.disco-slide__detail
{
    margin-top: -16px;
    margin-left: 16px;
}
.disco-slide__detail-wrapper
{
    position: relative;
}
.disco-slide__title
{
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.6;

    display: inline;

    padding: 0 12px;

    word-break: break-word;

    color: #101010;
    background: #0afd00;
}
@media screen and (max-width: 768px)
{
    .disco-slide__title
    {
        font-size: 4.2056074766vw;
    }
}
.disco-slide__txt
{
    font-size: 16px;
    line-height: 1.6;

    display: flex;

    padding-top: 16px;

    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
@media screen and (max-width: 768px)
{
    .disco-slide__txt
    {
        font-size: 3.2710280374vw;

        padding-top: 3.738317757vw;

        gap: 1.8691588785vw;
    }
}

.disco-list__img
{
    width: 544px;
    height: 544px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .disco-list__img
    {
        width: 100%;
        height: auto;
    }
}

.disco-cate
{
    font-size: 13px;
    line-height: 1;

    margin-top: 16px;
    padding: 4px 8px;

    color: rgba(255, 255, 255, .57);
    border: solid 1px #666;
}

.movie-slide__contents
{
    display: flex;

    padding: 24px 0 48px;

    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .movie-slide__contents
    {
        overflow-x: scroll;

        padding: 3.738317757vw 3.5046728972vw 5.6074766355vw;

        gap: 3.738317757vw;
    }
    .movie-slide__contents > div
    {
        flex: 0 0 84.1121495327vw;
    }
}
.movie-slide__item
{
    position: relative;

    display: block;

    width: 1120px;
    padding: 0 16px;
}
@media screen and (max-width: 768px)
{
    .movie-slide__item
    {
        width: 84.1121495327vw;
        padding: 0;
    }
}
.movie-slide__detail
{
    margin-top: -16px;
    margin-left: 16px;
}
.movie-slide__detail-wrapper
{
    position: relative;
}
.movie-slide__title
{
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.6;

    display: inline;

    padding: 0 12px;

    word-break: break-word;

    color: #101010;
    background: #0afd00;
}
@media screen and (max-width: 768px)
{
    .movie-slide__title
    {
        font-size: 4.2056074766vw;
    }
}
.movie-slide__txt
{
    font-size: 16px;
    line-height: 1.6;

    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .movie-slide__txt
    {
        font-size: 3.2710280374vw;

        padding-top: 3.738317757vw;
    }
}

.movie-box
{
    position: relative;
}

.movie-box > p
{
    width: 100%;

    aspect-ratio: 16/9;
}

.movie-box iframe
{
    width: 100%;
    height: 100%;

    aspect-ratio: 16/9;
}

.list-unit__item
{
    position: relative;

    display: block;

    width: 100%;
}
@media screen and (max-width: 768px)
{
    .list-unit__item
    {
        padding: 0;
    }
}
.list-unit__detail
{
    margin-top: -16px;
    margin-left: 16px;
}
.list-unit__detail-wrapper
{
    position: relative;
}
.list-unit__title
{
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    line-height: 1.6;

    display: inline;

    padding: 0 12px;

    word-break: break-word;

    color: #101010;
    background: #0afd00;
}
@media screen and (max-width: 768px)
{
    .list-unit__title
    {
        font-size: 4.2056074766vw;
    }
}
.list-unit__txt
{
    font-size: 16px;
    line-height: 1.6;

    display: -webkit-box;
    overflow: hidden;

    padding-top: 16px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px)
{
    .list-unit__txt
    {
        font-size: 3.2710280374vw;

        padding-top: 3.738317757vw;
    }
}

.detail__wrapper
{
    width: 736px;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    .detail__wrapper
    {
        width: 100%;
        padding: 0;
    }
}
.detail__2col-wrapper
{
    display: flex;

    justify-content: space-between;
    flex-wrap: wrap;
}
.detail__2col-item
{
    width: 352px;
}
@media screen and (max-width: 768px)
{
    .detail__2col-item
    {
        width: 100%;
    }
}
.detail__date
{
    font-size: 16px;
}
.detail__title
{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
}
.detail__heading-lg
{
    font-size: 20px;
    font-weight: bold;

    padding-bottom: 24px;

    color: #fff;
}
@media screen and (max-width: 768px)
{
    .detail__heading-lg
    {
        font-size: 4.6728971963vw;

        padding-bottom: 5.6074766355vw;
    }
}
.detail__heading-md
{
    font-size: 16px;
    font-weight: bold;

    padding-bottom: 16px;

    color: #fff;
}
@media screen and (max-width: 768px)
{
    .detail__heading-md
    {
        font-size: 3.738317757vw;

        padding-bottom: 3.738317757vw;
    }
}
.detail__content
{
    padding-top: 48px;

    color: rgba(255, 255, 255, .84);
}
@media screen and (max-width: 768px)
{
    .detail__content img
    {
        height: auto !important;
    }
}
.detail__content iframe
{
    width: 100%;
    height: auto;

    aspect-ratio: 16/9;
}
.detail__img
{
    padding-bottom: 24px;
}
@media screen and (max-width: 768px)
{
    .detail__img
    {
        padding-bottom: 5.6074766355vw;
    }
}
.detail__img > img
{
    display: block;
}
.detail__img > .detail__cap
{
    font-size: 12px;
    font-style: italic;

    display: block;

    padding-top: 16px;

    color: rgba(255, 255, 255, .57);
}
@media screen and (max-width: 768px)
{
    .detail__img > .detail__cap
    {
        font-size: 2.8037383178vw;

        padding-top: 2.8037383178vw;
    }
}
.detail__txt
{
    font-size: 16px;
    line-height: 2;

    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .detail__txt
    {
        font-size: 3.738317757vw;

        padding-bottom: 11.214953271vw;
    }
}
.detail__txt-sm
{
    font-size: 14px;
    line-height: 2;

    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .detail__txt-sm
    {
        font-size: 3.2710280374vw;

        padding-bottom: 11.214953271vw;
    }
}
.detail__line
{
    padding-bottom: 48px;

    border-top: solid 1px rgba(255, 255, 255, .34);
}
@media screen and (max-width: 768px)
{
    .detail__line
    {
        padding-bottom: 11.214953271vw;
    }
}
.detail__frame
{
    margin-bottom: 48px;
    padding: 40px;

    background: #000;
}
@media screen and (max-width: 768px)
{
    .detail__frame
    {
        margin-bottom: 11.214953271vw;
        padding: 3.738317757vw;
    }
}
.detail__tb
{
    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .detail__tb
    {
        padding-bottom: 11.214953271vw;
    }
}
.detail__tb > dl
{
    display: flex;

    padding: 16px;

    background: rgba(255, 255, 255, .1);
}
@media screen and (max-width: 768px)
{
    .detail__tb > dl
    {
        display: block;

        padding: 3.738317757vw;
    }
}
.detail__tb > dl:nth-child(even)
{
    background: rgba(255, 255, 255, .05);
}
.detail__tb > dl dt
{
    font-size: 12px;
    font-weight: bold;

    padding-top: 2px;

    flex-basis: 160px;
}
@media screen and (max-width: 768px)
{
    .detail__tb > dl dt
    {
        font-size: 2.8037383178vw;

        padding-top: 0;
    }
}
.detail__tb > dl dd
{
    font-size: 14px;

    flex: 1;
}
@media screen and (max-width: 768px)
{
    .detail__tb > dl dd
    {
        font-size: 3.2710280374vw;
    }
}
.detail__list
{
    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .detail__list
    {
        padding-bottom: 11.214953271vw;
    }
}
.detail__list > li
{
    font-size: 14px;

    display: block;

    padding: 16px;

    background: rgba(255, 255, 255, .1);
}
@media screen and (max-width: 768px)
{
    .detail__list > li
    {
        font-size: 3.2710280374vw;

        display: block;

        padding: 3.738317757vw;
    }
}
.detail__list > li:nth-child(even)
{
    background: rgba(255, 255, 255, .05);
}
.detail__link
{
    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .detail__link
    {
        padding-bottom: 11.214953271vw;
    }
}
.detail__slide
{
    display: flex;

    flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    .detail__slide
    {
        padding-bottom: 0;

        gap: 3.738317757vw;
    }
}
.detail__slide-item
{
    display: flex !important;

    margin-bottom: 40px;

    background: #000;

    align-items: center;
}
@media screen and (max-width: 768px)
{
    .detail__slide-item
    {
        margin-bottom: 9.3457943925vw;
    }
}
.detail__slide-item > img
{
    width: 736px;
    height: 736px;

    -o-object-fit: contain;

       object-fit: contain;
}
@media screen and (max-width: 768px)
{
    .detail__slide-item > img
    {
        width: 100%;
        height: auto !important;

        -o-object-fit: inherit;

           object-fit: inherit;
    }
}
.detail__slide .slick-track
{
    display: flex;
}
.detail__slide .slick-slide
{
    height: auto !important;
}

.playguide__wrapper
{
    display: flex;

    flex-wrap: wrap;
    gap: 24px;
}

.biography
{
    position: relative;

    background: url(../img/common/bg_bio.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
@media screen and (max-width: 768px)
{
    .biography
    {
        background-color: #000;
        background-attachment: inherit;
        background-position: top center;
        background-size: contain;
    }
}

.contact__wrapper
{
    width: 736px;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    .contact__wrapper
    {
        width: 100%;
    }
}
.contact__item
{
    padding-bottom: 24px;
}
.contact__item > span
{
    font-size: 13px;

    display: block;

    padding-bottom: 4px;
}

.wpcf7 form .wpcf7-response-output
{
    width: 736px;
    margin: 40px auto !important;

    text-align: center;

    border: none !important;
}
@media screen and (max-width: 768px)
{
    .wpcf7 form .wpcf7-response-output
    {
        width: 100%;
        margin: 4.6728971963vw auto !important;
    }
}

.wpcf7-not-valid-tip
{
    font-size: 12px !important;
    font-weight: normal;

    color: #ffa2a2 !important;
}
@media screen and (max-width: 768px)
{
    .wpcf7-not-valid-tip
    {
        font-size: 2.8037383178vw !important;
    }
}

.footer
{
    background: #000;
}
.footer-copy
{
    font-size: 14px;

    padding: 64px 0;

    text-align: center;

    border-top: solid 1px #333;
}
@media screen and (max-width: 768px)
{
    .footer-copy
    {
        font-size: 2.8037383178vw;

        padding: 11.214953271vw;
    }
}

.footer-ban
{
    display: flex;

    width: 1120px;
    margin: 0 auto;
    padding: 80px 0;

    gap: 32px;
    justify-content: center;
}
.footer-ban > a
{
    display: block;

    width: 192px;
    height: auto;
}
@media screen and (max-width: 768px)
{
    .footer-ban
    {
        display: flex;

        width: 100%;
        margin: 0 auto;
        padding: 9.3457943925vw 3.5046728972vw;

        gap: 5.6074766355vw 1.8691588785vw;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footer-ban > a
    {
        display: block;

        width: 42.0560747664vw;
        height: auto;
    }
}

#loading,
#loading-under
{
    position: fixed;
    z-index: 9999;
    top: 0;

    width: 100%;
    height: 100vh;

    transition: all 1s;

    background-color: #000;
}

.logo-anime
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    bottom: 0;
    left: 0;

    margin: auto;
}

.spinner
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 40px;
    height: 40px;
    margin: auto;
}

.loaded
{
    visibility: hidden;

    opacity: 0;
}

.double-bounce1,
.double-bounce2
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-animation: sk-bounce 2s infinite ease-in-out;
            animation: sk-bounce 2s infinite ease-in-out;

    opacity: .6;
    border-radius: 50%;
    background-color: #0f9;
}

.double-bounce2
{
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

@-webkit-keyframes sk-bounce
{
    0%,
    100%
    {
        -webkit-transform: scale(0);
    }
    50%
    {
        -webkit-transform: scale(1);
    }
}
@keyframes sk-bounce
{
    0%,
    100%
    {
        transform: scale(0);
    }
    50%
    {
        transform: scale(1);
    }
}
.fade
{
    -webkit-animation: fade;
            animation: fade;
    /* 任意のアニメーション名の記述 */
    -webkit-animation-duration: 2s;
            animation-duration: 2s;

    opacity: 0;
    /* アニメーション間隔を必ず併記してください */
}

.fadeInUp
{
    -webkit-animation: fade-in-up;
            animation: fade-in-up;
    /* 任意のアニメーション名の記述 */
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;

    opacity: 0;
    /* アニメーション間隔を必ず併記してください */
}

.delay-time
{
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    /*この数字を指定したい遅延時間に変更*/
}

.delay-time__s
{
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms;
    /*この数字を指定したい遅延時間に変更*/
}

@-webkit-keyframes fadeInUpSmall
{
    from
    {
        transform: translate3d(0, 30%, 0);

        opacity: 0;
    }
    to
    {
        transform: translate3d(0, 0, 0);

        opacity: 1;
    }
}

@keyframes fadeInUpSmall
{
    from
    {
        transform: translate3d(0, 30%, 0);

        opacity: 0;
    }
    to
    {
        transform: translate3d(0, 0, 0);

        opacity: 1;
    }
}
.animate__fadeInUpSmall
{
    -webkit-animation-name: fadeInUpSmall;
            animation-name: fadeInUpSmall;
}

/*　上に上がる動き　*/
.UpMove
{
    -webkit-animation: UpAnime .5s forwards;
            animation: UpAnime .5s forwards;
}

.UpMove-r
{
    -webkit-animation: UpAnime-r .5s forwards;
            animation: UpAnime-r .5s forwards;
}

@-webkit-keyframes UpAnime
{
    from
    {
        transform: translateY(0);

        opacity: 1;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 0;
    }
}

@keyframes UpAnime
{
    from
    {
        transform: translateY(0);

        opacity: 1;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 0;
    }
}
@-webkit-keyframes UpAnime-r
{
    from
    {
        transform: translateY(0);

        opacity: 0;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 1;
    }
}
@keyframes UpAnime-r
{
    from
    {
        transform: translateY(0);

        opacity: 0;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 1;
    }
}
/*　下に下がる動き　*/
.DownMove
{
    -webkit-animation: DownAnime .5s forwards;
            animation: DownAnime .5s forwards;
}

.DownMove-r
{
    -webkit-animation: DownAnime-r .5s forwards;
            animation: DownAnime-r .5s forwards;
}

@-webkit-keyframes DownAnime
{
    from
    {
        transform: translateY(-30px);

        opacity: 0;
    }
    to
    {
        transform: translateY(0);

        opacity: 1;
    }
}

@keyframes DownAnime
{
    from
    {
        transform: translateY(-30px);

        opacity: 0;
    }
    to
    {
        transform: translateY(0);

        opacity: 1;
    }
}
@-webkit-keyframes DownAnime-r
{
    from
    {
        transform: translateY(-30px);

        opacity: 1;
    }
    to
    {
        transform: translateY(0);

        opacity: 0;
    }
}
@keyframes DownAnime-r
{
    from
    {
        transform: translateY(-30px);

        opacity: 1;
    }
    to
    {
        transform: translateY(0);

        opacity: 0;
    }
}
.slick-dots
{
    bottom: 0;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 40px;
    height: 1px;
    margin: 0;
    padding: 0;

    cursor: pointer;
}

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

    display: block;

    width: 40px;
    height: 1px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: rgba(255, 255, 255, .3);
}

.slick-dots li.slick-active button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 40px;
    height: 1px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
}

.slick-dots li button:before
{
    content: none;
}

.slick-dotted.slick-slider
{
    margin-bottom: 40px;
}
@media screen and (max-width: 768px)
{
    .slick-dotted.slick-slider
    {
        margin-bottom: 0;
    }
}

.slick-arrow:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100% !important;
    height: 100% !important;

    content: '' !important;
}

.slick-next:before
{
    background: url(../img/common/arrow_next.svg) !important;
    background-size: contain !important;
}

.slick-prev:before
{
    background: url(../img/common/arrow_pre.svg) !important;
    background-size: contain !important;
}

.slick-arrow
{
    z-index: 2 !important;

    width: 48px !important;
    height: 48px !important;
}

.slick-next
{
    top: 44.4% !important;
    right: 40px !important;
}
@media screen and (max-width: 768px)
{
    .slick-next
    {
        right: 0 !important;
    }
}

.slick-prev
{
    top: 44.4% !important;
    left: 40px !important;
}
@media screen and (max-width: 768px)
{
    .slick-prev
    {
        left: 0 !important;
    }
}

.slick__detail .slick-arrow:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100% !important;
    height: 100% !important;

    content: '' !important;
}
.slick__detail .slick-next:before
{
    background: url(../img/common/arrow_next.svg) !important;
    background-size: contain !important;
}
.slick__detail .slick-prev:before
{
    background: url(../img/common/arrow_pre.svg) !important;
    background-size: contain !important;
}
.slick__detail .slick-arrow
{
    z-index: 2 !important;

    width: 48px !important;
    height: 48px !important;
}
.slick__detail .slick-next
{
    top: 44.4% !important;
    right: -80px !important;
}
@media screen and (max-width: 768px)
{
    .slick__detail .slick-next
    {
        right: 0 !important;
    }
}
.slick__detail .slick-prev
{
    top: 44.4% !important;
    left: -80px !important;
}
@media screen and (max-width: 768px)
{
    .slick__detail .slick-prev
    {
        left: 0 !important;
    }
}

.slick-dots > li:first-child:last-child
{
    display: none;
}

.mw_wp_form_confirm .u-form__select
{
    padding-top: 5px;
}
@media screen and (max-width: 768px)
{
    .mw_wp_form_confirm .u-form__select
    {
        padding-top: 0;
    }
}
.mw_wp_form_confirm .u-form__select::after
{
    content: none;
}

.skiptranslate
{
    display: none !important;
}

body
{
    top: inherit !important;
}

.wp-pagenavi
{
    font-size: 16px;

    padding-top: 64px;
    /* 全体 */

    text-align: center;
}
@media screen and (max-width: 768px)
{
    .wp-pagenavi
    {
        font-size: 3.738317757vw;

        padding-top: 11.214953271vw;
    }
}

.wp-pagenavi a
{
    /* フォント色 */
    color: rgba(255, 255, 255, .57);
}

.pages
{
    /* 左の表記 */
    margin-right: 16px;
}
@media screen and (max-width: 768px)
{
    .pages
    {
        margin-right: 3.738317757vw;
    }
}

.wp-pagenavi .current,
.wp-pagenavi a.page
{
    line-height: 40px;

    display: inline-block;

    width: 40px;
    height: 40px;
    /* ボタン */
    margin: 0 6px 6px 0;

    text-align: center;

    border: none;
    border-radius: inherit;
}
@media screen and (max-width: 768px)
{
    .wp-pagenavi .current,
    .wp-pagenavi a.page
    {
        line-height: 9.3457943925vw;

        width: 9.3457943925vw;
        height: 9.3457943925vw;
        margin: 0 .9345794393vw .9345794393vw 0;
    }
}

.wp-pagenavi .current
{
    font-weight: bold;

    color: white;
    /* カレント数字 */
    border: none;
    background: inherit;
}

.wp-pagenavi a.page:hover
{
    /* マウスオーバー */
    background: inherit;
}

.wp-pagenavi .first,
.wp-pagenavi .extend
{
    /* ... */
    margin-right: 10px;
}
@media screen and (max-width: 768px)
{
    .wp-pagenavi .first,
    .wp-pagenavi .extend
    {
        margin-right: 2.3364485981vw;
    }
}

.wp-pagenavi .last
{
    font-size: 14px;
}
@media screen and (max-width: 768px)
{
    .wp-pagenavi .last
    {
        font-size: 3.2710280374vw;
    }
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink
{
    /* 記号の削除 */
    display: none;
}

/***************************************************
 * Generated by SVG Artista on 7/21/2023, 11:29:27 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/
svg .svg-elem-1
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 0s, fill .7s cubic-bezier(.47, 0, .745, .715) .8s;

    stroke-dashoffset: 907.7816772461px;
    stroke-dasharray: 907.7816772461px;
    fill: transparent;
}

svg.active .svg-elem-1
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-2
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .12s, fill .7s cubic-bezier(.47, 0, .745, .715) .9s;

    stroke-dashoffset: 1037.2066650391px;
    stroke-dasharray: 1037.2066650391px;
    fill: transparent;
}

svg.active .svg-elem-2
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-3
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .24s, fill .7s cubic-bezier(.47, 0, .745, .715) 1s;

    stroke-dashoffset: 927.6853637695px;
    stroke-dasharray: 927.6853637695px;
    fill: transparent;
}

svg.active .svg-elem-3
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-4
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .36s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.1s;

    stroke-dashoffset: 15.9400215149px;
    stroke-dasharray: 15.9400215149px;
    fill: transparent;
}

svg.active .svg-elem-4
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-5
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .48s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.2s;

    stroke-dashoffset: 6.7480535507px;
    stroke-dasharray: 6.7480535507px;
    fill: transparent;
}

svg.active .svg-elem-5
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-6
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .6s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.3s;

    stroke-dashoffset: 14.4241352081px;
    stroke-dasharray: 14.4241352081px;
    fill: transparent;
}

svg.active .svg-elem-6
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-7
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .72s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.4s;

    stroke-dashoffset: 7.7221097946px;
    stroke-dasharray: 7.7221097946px;
    fill: transparent;
}

svg.active .svg-elem-7
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-8
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .84s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.5s;

    stroke-dashoffset: 9.3142924309px;
    stroke-dasharray: 9.3142924309px;
    fill: transparent;
}

svg.active .svg-elem-8
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-9
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) .96s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.6s;

    stroke-dashoffset: 6.6547217369px;
    stroke-dasharray: 6.6547217369px;
    fill: transparent;
}

svg.active .svg-elem-9
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-10
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.08s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.7s;

    stroke-dashoffset: 9.1141209602px;
    stroke-dasharray: 9.1141209602px;
    fill: transparent;
}

svg.active .svg-elem-10
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-11
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.2s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.8s;

    stroke-dashoffset: 10.3105926514px;
    stroke-dasharray: 10.3105926514px;
    fill: transparent;
}

svg.active .svg-elem-11
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-12
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.32s, fill .7s cubic-bezier(.47, 0, .745, .715) 1.9s;

    stroke-dashoffset: 6.0811982155px;
    stroke-dasharray: 6.0811982155px;
    fill: transparent;
}

svg.active .svg-elem-12
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-13
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.44s, fill .7s cubic-bezier(.47, 0, .745, .715) 2s;

    stroke-dashoffset: 6.6458683014px;
    stroke-dasharray: 6.6458683014px;
    fill: transparent;
}

svg.active .svg-elem-13
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-14
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.56s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.1s;

    stroke-dashoffset: 4.9645981789px;
    stroke-dasharray: 4.9645981789px;
    fill: transparent;
}

svg.active .svg-elem-14
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-15
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.68s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.2s;

    stroke-dashoffset: 4.9290704727px;
    stroke-dasharray: 4.9290704727px;
    fill: transparent;
}

svg.active .svg-elem-15
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-16
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.8s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.3s;

    stroke-dashoffset: 7.8011174202px;
    stroke-dasharray: 7.8011174202px;
    fill: transparent;
}

svg.active .svg-elem-16
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-17
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 1.92s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.4s;

    stroke-dashoffset: 5.6561043262px;
    stroke-dasharray: 5.6561043262px;
    fill: transparent;
}

svg.active .svg-elem-17
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-18
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.04s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.5s;

    stroke-dashoffset: 4.9352719784px;
    stroke-dasharray: 4.9352719784px;
    fill: transparent;
}

svg.active .svg-elem-18
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-19
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.16s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.6s;

    stroke-dashoffset: 6.9380140305px;
    stroke-dasharray: 6.9380140305px;
    fill: transparent;
}

svg.active .svg-elem-19
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-20
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.28s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.7s;

    stroke-dashoffset: 5.6005735397px;
    stroke-dasharray: 5.6005735397px;
    fill: transparent;
}

svg.active .svg-elem-20
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-21
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.4s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.8s;

    stroke-dashoffset: 5.3417656422px;
    stroke-dasharray: 5.3417656422px;
    fill: transparent;
}

svg.active .svg-elem-21
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-22
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.52s, fill .7s cubic-bezier(.47, 0, .745, .715) 2.9s;

    stroke-dashoffset: 6.4465441704px;
    stroke-dasharray: 6.4465441704px;
    fill: transparent;
}

svg.active .svg-elem-22
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-23
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.64s, fill .7s cubic-bezier(.47, 0, .745, .715) 3s;

    stroke-dashoffset: 4.3359348774px;
    stroke-dasharray: 4.3359348774px;
    fill: transparent;
}

svg.active .svg-elem-23
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-24
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.76s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.1s;

    stroke-dashoffset: 4.4377408028px;
    stroke-dasharray: 4.4377408028px;
    fill: transparent;
}

svg.active .svg-elem-24
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-25
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 2.88s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.2s;

    stroke-dashoffset: 4.2334592342px;
    stroke-dasharray: 4.2334592342px;
    fill: transparent;
}

svg.active .svg-elem-25
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-26
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.3s;

    stroke-dashoffset: 4.3523256779px;
    stroke-dasharray: 4.3523256779px;
    fill: transparent;
}

svg.active .svg-elem-26
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-27
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.12s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.4s;

    stroke-dashoffset: 4.176119566px;
    stroke-dasharray: 4.176119566px;
    fill: transparent;
}

svg.active .svg-elem-27
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-28
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.24s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.5s;

    stroke-dashoffset: 4.5161333084px;
    stroke-dasharray: 4.5161333084px;
    fill: transparent;
}

svg.active .svg-elem-28
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-29
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.36s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.6s;

    stroke-dashoffset: 4.7647018433px;
    stroke-dasharray: 4.7647018433px;
    fill: transparent;
}

svg.active .svg-elem-29
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-30
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.48s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.7s;

    stroke-dashoffset: 4.4460375309px;
    stroke-dasharray: 4.4460375309px;
    fill: transparent;
}

svg.active .svg-elem-30
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-31
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.6s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.8s;

    stroke-dashoffset: 4.939930439px;
    stroke-dasharray: 4.939930439px;
    fill: transparent;
}

svg.active .svg-elem-31
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-32
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.72s, fill .7s cubic-bezier(.47, 0, .745, .715) 3.9s;

    stroke-dashoffset: 4.1371321678px;
    stroke-dasharray: 4.1371321678px;
    fill: transparent;
}

svg.active .svg-elem-32
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-33
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.84s, fill .7s cubic-bezier(.47, 0, .745, .715) 4s;

    stroke-dashoffset: 4.6078236103px;
    stroke-dasharray: 4.6078236103px;
    fill: transparent;
}

svg.active .svg-elem-33
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-34
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 3.96s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.1s;

    stroke-dashoffset: 5.1305849552px;
    stroke-dasharray: 5.1305849552px;
    fill: transparent;
}

svg.active .svg-elem-34
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-35
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.08s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.2s;

    stroke-dashoffset: 4.2157213688px;
    stroke-dasharray: 4.2157213688px;
    fill: transparent;
}

svg.active .svg-elem-35
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-36
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.2s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.3s;

    stroke-dashoffset: 5.2200829983px;
    stroke-dasharray: 5.2200829983px;
    fill: transparent;
}

svg.active .svg-elem-36
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-37
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.32s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.4s;

    stroke-dashoffset: 4.7138667107px;
    stroke-dasharray: 4.7138667107px;
    fill: transparent;
}

svg.active .svg-elem-37
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-38
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.44s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.5s;

    stroke-dashoffset: 4.5898432732px;
    stroke-dasharray: 4.5898432732px;
    fill: transparent;
}

svg.active .svg-elem-38
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-39
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.56s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.6s;

    stroke-dashoffset: 3.9825339317px;
    stroke-dasharray: 3.9825339317px;
    fill: transparent;
}

svg.active .svg-elem-39
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-40
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.68s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.7s;

    stroke-dashoffset: 4.1175098419px;
    stroke-dasharray: 4.1175098419px;
    fill: transparent;
}

svg.active .svg-elem-40
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-41
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.8s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.8s;

    stroke-dashoffset: 3.7688441277px;
    stroke-dasharray: 3.7688441277px;
    fill: transparent;
}

svg.active .svg-elem-41
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-42
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 4.92s, fill .7s cubic-bezier(.47, 0, .745, .715) 4.9s;

    stroke-dashoffset: 3.6490721703px;
    stroke-dasharray: 3.6490721703px;
    fill: transparent;
}

svg.active .svg-elem-42
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-43
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.04s, fill .7s cubic-bezier(.47, 0, .745, .715) 5s;

    stroke-dashoffset: 3.9459842443px;
    stroke-dasharray: 3.9459842443px;
    fill: transparent;
}

svg.active .svg-elem-43
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-44
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.16s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.1s;

    stroke-dashoffset: 4.7798774242px;
    stroke-dasharray: 4.7798774242px;
    fill: transparent;
}

svg.active .svg-elem-44
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-45
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.28s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.2s;

    stroke-dashoffset: 3.5900540352px;
    stroke-dasharray: 3.5900540352px;
    fill: transparent;
}

svg.active .svg-elem-45
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-46
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.4s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.3s;

    stroke-dashoffset: 3.6065628529px;
    stroke-dasharray: 3.6065628529px;
    fill: transparent;
}

svg.active .svg-elem-46
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-47
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.52s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.4s;

    stroke-dashoffset: 4.6541547775px;
    stroke-dasharray: 4.6541547775px;
    fill: transparent;
}

svg.active .svg-elem-47
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-48
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.64s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.5s;

    stroke-dashoffset: 3.5263460875px;
    stroke-dasharray: 3.5263460875px;
    fill: transparent;
}

svg.active .svg-elem-48
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-49
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.76s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.6s;

    stroke-dashoffset: 3.5485115051px;
    stroke-dasharray: 3.5485115051px;
    fill: transparent;
}

svg.active .svg-elem-49
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-50
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 5.88s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.7s;

    stroke-dashoffset: 3.5886451006px;
    stroke-dasharray: 3.5886451006px;
    fill: transparent;
}

svg.active .svg-elem-50
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-51
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.8s;

    stroke-dashoffset: 4.485742569px;
    stroke-dasharray: 4.485742569px;
    fill: transparent;
}

svg.active .svg-elem-51
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-52
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.12s, fill .7s cubic-bezier(.47, 0, .745, .715) 5.9s;

    stroke-dashoffset: 3.6755026579px;
    stroke-dasharray: 3.6755026579px;
    fill: transparent;
}

svg.active .svg-elem-52
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-53
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.24s, fill .7s cubic-bezier(.47, 0, .745, .715) 6s;

    stroke-dashoffset: 3.3696615696px;
    stroke-dasharray: 3.3696615696px;
    fill: transparent;
}

svg.active .svg-elem-53
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-54
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.36s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.1s;

    stroke-dashoffset: 3.2773536444px;
    stroke-dasharray: 3.2773536444px;
    fill: transparent;
}

svg.active .svg-elem-54
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-55
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.48s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.2s;

    stroke-dashoffset: 3.3886220455px;
    stroke-dasharray: 3.3886220455px;
    fill: transparent;
}

svg.active .svg-elem-55
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-56
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.6s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.3s;

    stroke-dashoffset: 3.4806978703px;
    stroke-dasharray: 3.4806978703px;
    fill: transparent;
}

svg.active .svg-elem-56
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-57
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.72s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.4s;

    stroke-dashoffset: 3.5450804234px;
    stroke-dasharray: 3.5450804234px;
    fill: transparent;
}

svg.active .svg-elem-57
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-58
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.84s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.5s;

    stroke-dashoffset: 3.547500968px;
    stroke-dasharray: 3.547500968px;
    fill: transparent;
}

svg.active .svg-elem-58
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-59
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 6.96s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.6s;

    stroke-dashoffset: 3.2457101345px;
    stroke-dasharray: 3.2457101345px;
    fill: transparent;
}

svg.active .svg-elem-59
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-60
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.08s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.7s;

    stroke-dashoffset: 3.1971774101px;
    stroke-dasharray: 3.1971774101px;
    fill: transparent;
}

svg.active .svg-elem-60
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-61
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.2s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.8s;

    stroke-dashoffset: 3.1953704357px;
    stroke-dasharray: 3.1953704357px;
    fill: transparent;
}

svg.active .svg-elem-61
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-62
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.32s, fill .7s cubic-bezier(.47, 0, .745, .715) 6.9s;

    stroke-dashoffset: 3.0234794617px;
    stroke-dasharray: 3.0234794617px;
    fill: transparent;
}

svg.active .svg-elem-62
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-63
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.44s, fill .7s cubic-bezier(.47, 0, .745, .715) 7s;

    stroke-dashoffset: 3.9875839949px;
    stroke-dasharray: 3.9875839949px;
    fill: transparent;
}

svg.active .svg-elem-63
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-64
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.56s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.1s;

    stroke-dashoffset: 3.0999871492px;
    stroke-dasharray: 3.0999871492px;
    fill: transparent;
}

svg.active .svg-elem-64
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-65
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.68s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.2s;

    stroke-dashoffset: 3.3139271736px;
    stroke-dasharray: 3.3139271736px;
    fill: transparent;
}

svg.active .svg-elem-65
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-66
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.8s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.3s;

    stroke-dashoffset: 3.338416934px;
    stroke-dasharray: 3.338416934px;
    fill: transparent;
}

svg.active .svg-elem-66
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-67
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 7.92s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.4s;

    stroke-dashoffset: 2.9091835618px;
    stroke-dasharray: 2.9091835618px;
    fill: transparent;
}

svg.active .svg-elem-67
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-68
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.04s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.5s;

    stroke-dashoffset: 2.9600281715px;
    stroke-dasharray: 2.9600281715px;
    fill: transparent;
}

svg.active .svg-elem-68
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-69
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.16s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.6s;

    stroke-dashoffset: 2.886252284px;
    stroke-dasharray: 2.886252284px;
    fill: transparent;
}

svg.active .svg-elem-69
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-70
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.28s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.7s;

    stroke-dashoffset: 3.1391777992px;
    stroke-dasharray: 3.1391777992px;
    fill: transparent;
}

svg.active .svg-elem-70
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-71
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.4s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.8s;

    stroke-dashoffset: 2.9047390223px;
    stroke-dasharray: 2.9047390223px;
    fill: transparent;
}

svg.active .svg-elem-71
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-72
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.52s, fill .7s cubic-bezier(.47, 0, .745, .715) 7.9s;

    stroke-dashoffset: 2.8585118055px;
    stroke-dasharray: 2.8585118055px;
    fill: transparent;
}

svg.active .svg-elem-72
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-73
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.64s, fill .7s cubic-bezier(.47, 0, .745, .715) 8s;

    stroke-dashoffset: 3.3641183376px;
    stroke-dasharray: 3.3641183376px;
    fill: transparent;
}

svg.active .svg-elem-73
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-74
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.76s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.1s;

    stroke-dashoffset: 3.3505934477px;
    stroke-dasharray: 3.3505934477px;
    fill: transparent;
}

svg.active .svg-elem-74
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-75
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 8.88s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.2s;

    stroke-dashoffset: 3.4378806353px;
    stroke-dasharray: 3.4378806353px;
    fill: transparent;
}

svg.active .svg-elem-75
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-76
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.3s;

    stroke-dashoffset: 2.6783583164px;
    stroke-dasharray: 2.6783583164px;
    fill: transparent;
}

svg.active .svg-elem-76
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-77
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.12s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.4s;

    stroke-dashoffset: 3.2694150209px;
    stroke-dasharray: 3.2694150209px;
    fill: transparent;
}

svg.active .svg-elem-77
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-78
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.24s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.5s;

    stroke-dashoffset: 2.6956242323px;
    stroke-dasharray: 2.6956242323px;
    fill: transparent;
}

svg.active .svg-elem-78
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-79
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.36s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.6s;

    stroke-dashoffset: 2.7866367102px;
    stroke-dasharray: 2.7866367102px;
    fill: transparent;
}

svg.active .svg-elem-79
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-80
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.48s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.7s;

    stroke-dashoffset: 2.9920278788px;
    stroke-dasharray: 2.9920278788px;
    fill: transparent;
}

svg.active .svg-elem-80
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-81
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.6s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.8s;

    stroke-dashoffset: 2.6373428106px;
    stroke-dasharray: 2.6373428106px;
    fill: transparent;
}

svg.active .svg-elem-81
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-82
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.72s, fill .7s cubic-bezier(.47, 0, .745, .715) 8.9s;

    stroke-dashoffset: 2.8557304144px;
    stroke-dasharray: 2.8557304144px;
    fill: transparent;
}

svg.active .svg-elem-82
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-83
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.84s, fill .7s cubic-bezier(.47, 0, .745, .715) 9s;

    stroke-dashoffset: 2.5536501408px;
    stroke-dasharray: 2.5536501408px;
    fill: transparent;
}

svg.active .svg-elem-83
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-84
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 9.96s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.1s;

    stroke-dashoffset: 2.7259358764px;
    stroke-dasharray: 2.7259358764px;
    fill: transparent;
}

svg.active .svg-elem-84
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-85
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.08s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.2s;

    stroke-dashoffset: 2.5960025191px;
    stroke-dasharray: 2.5960025191px;
    fill: transparent;
}

svg.active .svg-elem-85
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-86
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.2s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.3s;

    stroke-dashoffset: 2.5474050045px;
    stroke-dasharray: 2.5474050045px;
    fill: transparent;
}

svg.active .svg-elem-86
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-87
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.32s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.4s;

    stroke-dashoffset: 5.035576582px;
    stroke-dasharray: 5.035576582px;
    fill: transparent;
}

svg.active .svg-elem-87
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-88
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.44s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.5s;

    stroke-dashoffset: 2.9500257373px;
    stroke-dasharray: 2.9500257373px;
    fill: transparent;
}

svg.active .svg-elem-88
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-89
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.56s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.6s;

    stroke-dashoffset: 3.9844069481px;
    stroke-dasharray: 3.9844069481px;
    fill: transparent;
}

svg.active .svg-elem-89
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-90
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.68s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.7s;

    stroke-dashoffset: 3.9940341711px;
    stroke-dasharray: 3.9940341711px;
    fill: transparent;
}

svg.active .svg-elem-90
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-91
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.8s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.8s;

    stroke-dashoffset: 3.5789899826px;
    stroke-dasharray: 3.5789899826px;
    fill: transparent;
}

svg.active .svg-elem-91
{
    stroke-dashoffset: 0;
    fill: white;
}

svg .svg-elem-92
{
    transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715) 10.92s, fill .7s cubic-bezier(.47, 0, .745, .715) 9.9s;

    stroke-dashoffset: 3.5099391937px;
    stroke-dasharray: 3.5099391937px;
    fill: transparent;
}

svg.active .svg-elem-92
{
    stroke-dashoffset: 0;
    fill: white;
}

.gt_float_switcher
{
    font-family: 'Roboto Condensed' !important;
    font-size: 16px !important;
    font-style: italic !important;

    background: transparent !important;
    box-shadow: none !important;
}

.gt_float_switcher .gt_options a
{
    padding: 0 !important;

    color: #666 !important;
}

.gt_float_switcher .gt-selected
{
    background-color: transparent !important;
}

.gt_float_switcher .gt-selected .gt-current-lang
{
    font-size: 16px !important;

    padding: 0 !important;

    color: #fff !important;
}

.gt_float_switcher img
{
    display: none !important;
}

.gt_float_switcher .gt_options a:hover
{
    background: none !important;
}