@charset "UTF-8";
address,
dl,
ol,
pre,
ul {
    margin-bottom: 1rem
}

button,
hr,
input {
    overflow: visible
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
legend,
main,
nav,
section {
    display: block
}

progress,
sub,
sup {
    vertical-align: baseline
}

label,
output {
    display: inline-block
}

pre,
textarea {
    overflow: auto
}

label,
ol ol,
ol ul,
textarea,
ul ol,
ul ul {
    margin-bottom: 0
}

body,
caption {
    text-align: left
}

body,
sub,
sup {
    position: relative
}

body,
html,
legend {
    width: 100%
}

.maskDown::before,
body::after,
body::before {
    content: ''
}

body.is-opening,
body::after {
    position: fixed;
    top: 0;
    height: 100%;
    left: 0
}

#__bs_notify__,
body::after,
body::before {
    pointer-events: none
}

.c-bottom-link__inner,
.c-interview__wrap,
.c-share__inner,
.l-footer__links,
.l-footer__pageTop,
.swiper-container-multirow-column>.swiper-wrapper,
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@font-face {
    font-family: NotoSansCJKjp;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSansCJKjpMedium.woff);
    src: local("Noto Sans CJK JP Medium"), url(../fonts/NotoSansCJKjpMedium.woff) format("woff")
}

@font-face {
    font-family: NotoSansCJKjp;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSansCJKjpBold.woff);
    src: local("Noto Sans CJK JP Bold"), url(../fonts/NotoSansCJKjpBold.woff) format("woff")
}

.title-jp {
    font-family: YakuHanJP, NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2.5px
}

@media screen and (max-width:800px) {
    .title-jp {
        font-size: 17px;
        letter-spacing: 3px
    }
}

.f-title-en {
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 25px;
    line-height: 1.44;
    font-weight: 600;
    letter-spacing: 1.2px
}

@media screen and (max-width:800px) {
    .f-title-en {
        font-size: 18px;
        letter-spacing: .7px
    }
}

.f-head-en {
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .5px
}

@media screen and (max-width:800px) {
    .f-head-en {
        font-size: 11px
    }
}

.f-desc-jp {
    font-family: YakuHanJP, NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1px
}

@media screen and (max-width:800px) {
    .f-desc-jp {
        font-size: 13px;
        line-height: 1.88;
        letter-spacing: .2px
    }
}

.text-en {
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-weight: 500
}

#__bs_notify__ {
    background: red!important
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[tabindex='-1']:focus {
    outline: 0!important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

a {
    -webkit-tap-highlight-color: transparent
}

::selection {
    background: rgba(31, 146, 192, .253)
}

::-moz-selection {
    background: rgba(31, 146, 192, .253)
}

a,
button,
dd,
div,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
optgroup,
p,
select,
small,
span,
textarea {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    word-break: break-all;
    text-decoration: none
}

abbr[data-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    padding: 0;
    margin-top: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a:hover {
    text-decoration: none
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a,
a:not([href]):not([tabindex]):focus,
button,
input,
textarea {
    outline: 0
}

pre {
    margin-top: 0
}

figure,
img,
picture {
    vertical-align: middle;
    border-style: none;
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    caption-side: bottom
}

th {
    text-align: inherit
}

button {
    border-radius: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    word-break: break-all;
    resize: none;
    -webkit-appearance: none
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
    background: 0 0
}

select::-ms-expand {
    display: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month],
textarea {
    -webkit-appearance: none
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

li,
ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

input[type=text] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: 0;
    background: 0 0
}

textarea {
    white-space: pre;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: 0;
    background: 0 0
}

a,
p,
span {
    color: currentColor
}

svg {
    fill: currentColor;
    vertical-align: bottom
}

body {
    margin: 0;
    background-color: #fff;
    z-index: 0;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: auto;
    font-size: 14px;
    font-weight: 500;
    font-family: YakuHanJP, NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif;
    color: #15171b
}

.c-bottom-link__title,
.c-btn .text,
.c-contact-link .number {
    font-family: Arial, "Helvetica Neue", sans-serif
}

body::before {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    width: 400px;
    min-width: calc(50vw - 280px);
    height: 100%;
    background-color: #f8f8f8;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .6s .2s cubic-bezier(.19, .82, .27, 1);
    transition: -webkit-transform .6s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .6s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .6s .2s cubic-bezier(.19, .82, .27, 1), -webkit-transform .6s .2s cubic-bezier(.19, .82, .27, 1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

@media screen and (max-width:1000px) {
    body::before {
        width: 350px;
        padding-left: 30px
    }
}

@media screen and (max-width:800px) {
    body::before {
        width: 100%;
        -webkit-transition: opacity .3s, -webkit-transform .4s cubic-bezier(.79, .17, .15, .96);
        transition: opacity .3s, -webkit-transform .4s cubic-bezier(.79, .17, .15, .96);
        transition: transform .4s cubic-bezier(.79, .17, .15, .96), opacity .3s;
        transition: transform .4s cubic-bezier(.79, .17, .15, .96), opacity .3s, -webkit-transform .4s cubic-bezier(.79, .17, .15, .96);
        -webkit-transform: scaleX(.266);
        transform: scaleX(.266)
    }
}

@media screen and (min-width:801px) {
    body.is-change-start::before,
    body:not(.init-end)::before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: opacity .3s, -webkit-transform .3s cubic-bezier(.19, .82, .27, 1);
        transition: opacity .3s, -webkit-transform .3s cubic-bezier(.19, .82, .27, 1);
        transition: transform .3s cubic-bezier(.19, .82, .27, 1), opacity .3s;
        transition: transform .3s cubic-bezier(.19, .82, .27, 1), opacity .3s, -webkit-transform .3s cubic-bezier(.19, .82, .27, 1)
    }
}

@media screen and (max-width:800px) {
    body.menu-open::before {
        -webkit-transform: scaleX(1)!important;
        transform: scaleX(1)!important;
        -webkit-transition: opacity .3s, -webkit-transform .3s .1s cubic-bezier(.7, .3, .3, .9);
        transition: opacity .3s, -webkit-transform .3s .1s cubic-bezier(.7, .3, .3, .9);
        transition: transform .3s .1s cubic-bezier(.7, .3, .3, .9), opacity .3s;
        transition: transform .3s .1s cubic-bezier(.7, .3, .3, .9), opacity .3s, -webkit-transform .3s .1s cubic-bezier(.7, .3, .3, .9)
    }
}

body#index::before,
body#philosophy::before {
    -webkit-transform-origin: right;
    transform-origin: right;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

@media screen and (min-width:801px) {
    body#division::before,
    body#interview::before {
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@media screen and (max-width:1000px) {
    body#sitemap::before {
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@media screen and (max-width:800px) {
    body#privacy::before {
        -webkit-transform-origin: right;
        transform-origin: right;
        opacity: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

body::after {
    z-index: 100;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .4s .2s;
    transition: opacity .4s .2s;
    background: #fff
}

body.is-change-start::after {
    opacity: 1;
    -webkit-transition: opacity .27s;
    transition: opacity .27s;
    pointer-events: all
}

body:not(#news):not(#sitemap):not(#newsDetail):not(#interviewDetail) #container {
    overflow: hidden;
    width: 100%
}

#wrapper,
.l-footer,
.l-recruit-link {
    width: 100%
}

.container {
    position: relative;
    min-height: 100vh
}

.maskDown::after,
.maskDown::before {
    position: absolute;
    height: 100%;
    width: 100%
}

.about-titleEN>span:nth-child(1),
.titleEN>span:nth-child(1) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(1),
.titleEN.is-invasion>span:nth-child(1) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: transform .7s 0s, opacity .9s 0s ease-out;
    transition: transform .7s 0s, opacity .9s 0s ease-out, -webkit-transform .7s 0s
}

.about-titleEN>span:nth-child(2),
.titleEN>span:nth-child(2) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(2),
.titleEN.is-invasion>span:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: transform .7s 0s, opacity .9s 0s ease-out;
    transition: transform .7s 0s, opacity .9s 0s ease-out, -webkit-transform .7s 0s
}

.about-titleEN>span:nth-child(3),
.titleEN>span:nth-child(3) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(3),
.titleEN.is-invasion>span:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: transform .7s .36s, opacity .9s .36s ease-out;
    transition: transform .7s .36s, opacity .9s .36s ease-out, -webkit-transform .7s .36s
}

.about-titleEN>span:nth-child(4),
.titleEN>span:nth-child(4) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(4),
.titleEN.is-invasion>span:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: transform .7s .36s, opacity .9s .36s ease-out;
    transition: transform .7s .36s, opacity .9s .36s ease-out, -webkit-transform .7s .36s
}

.about-titleEN>span:nth-child(5),
.titleEN>span:nth-child(5) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(5),
.titleEN.is-invasion>span:nth-child(5) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: transform .7s .12s, opacity .9s .12s ease-out;
    transition: transform .7s .12s, opacity .9s .12s ease-out, -webkit-transform .7s .12s
}

.about-titleEN>span:nth-child(6),
.titleEN>span:nth-child(6) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(6),
.titleEN.is-invasion>span:nth-child(6) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: transform .7s .36s, opacity .9s .36s ease-out;
    transition: transform .7s .36s, opacity .9s .36s ease-out, -webkit-transform .7s .36s
}

.about-titleEN>span:nth-child(7),
.titleEN>span:nth-child(7) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(7),
.titleEN.is-invasion>span:nth-child(7) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: transform .7s .36s, opacity .9s .36s ease-out;
    transition: transform .7s .36s, opacity .9s .36s ease-out, -webkit-transform .7s .36s
}

.about-titleEN>span:nth-child(8),
.titleEN>span:nth-child(8) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(8),
.titleEN.is-invasion>span:nth-child(8) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: transform .7s .3s, opacity .9s .3s ease-out;
    transition: transform .7s .3s, opacity .9s .3s ease-out, -webkit-transform .7s .3s
}

.about-titleEN>span:nth-child(9),
.titleEN>span:nth-child(9) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(9),
.titleEN.is-invasion>span:nth-child(9) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: transform .7s .3s, opacity .9s .3s ease-out;
    transition: transform .7s .3s, opacity .9s .3s ease-out, -webkit-transform .7s .3s
}

.about-titleEN>span:nth-child(10),
.titleEN>span:nth-child(10) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(10),
.titleEN.is-invasion>span:nth-child(10) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: transform .7s .12s, opacity .9s .12s ease-out;
    transition: transform .7s .12s, opacity .9s .12s ease-out, -webkit-transform .7s .12s
}

.about-titleEN>span:nth-child(11),
.titleEN>span:nth-child(11) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(11),
.titleEN.is-invasion>span:nth-child(11) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: transform .7s .18s, opacity .9s .18s ease-out;
    transition: transform .7s .18s, opacity .9s .18s ease-out, -webkit-transform .7s .18s
}

.about-titleEN>span:nth-child(12),
.titleEN>span:nth-child(12) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(12),
.titleEN.is-invasion>span:nth-child(12) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: transform .7s .36s, opacity .9s .36s ease-out;
    transition: transform .7s .36s, opacity .9s .36s ease-out, -webkit-transform .7s .36s
}

.about-titleEN>span:nth-child(13),
.titleEN>span:nth-child(13) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(13),
.titleEN.is-invasion>span:nth-child(13) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: transform .7s .18s, opacity .9s .18s ease-out;
    transition: transform .7s .18s, opacity .9s .18s ease-out, -webkit-transform .7s .18s
}

.about-titleEN>span:nth-child(14),
.titleEN>span:nth-child(14) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(14),
.titleEN.is-invasion>span:nth-child(14) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: transform .7s .18s, opacity .9s .18s ease-out;
    transition: transform .7s .18s, opacity .9s .18s ease-out, -webkit-transform .7s .18s
}

.about-titleEN>span:nth-child(15),
.titleEN>span:nth-child(15) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(15),
.titleEN.is-invasion>span:nth-child(15) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: transform .7s .12s, opacity .9s .12s ease-out;
    transition: transform .7s .12s, opacity .9s .12s ease-out, -webkit-transform .7s .12s
}

.about-titleEN>span:nth-child(16),
.titleEN>span:nth-child(16) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(16),
.titleEN.is-invasion>span:nth-child(16) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: transform .7s .18s, opacity .9s .18s ease-out;
    transition: transform .7s .18s, opacity .9s .18s ease-out, -webkit-transform .7s .18s
}

.about-titleEN>span:nth-child(17),
.titleEN>span:nth-child(17) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(17),
.titleEN.is-invasion>span:nth-child(17) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: transform .7s .18s, opacity .9s .18s ease-out;
    transition: transform .7s .18s, opacity .9s .18s ease-out, -webkit-transform .7s .18s
}

.about-titleEN>span:nth-child(18),
.titleEN>span:nth-child(18) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(18),
.titleEN.is-invasion>span:nth-child(18) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: transform .7s .12s, opacity .9s .12s ease-out;
    transition: transform .7s .12s, opacity .9s .12s ease-out, -webkit-transform .7s .12s
}

.about-titleEN>span:nth-child(19),
.titleEN>span:nth-child(19) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(19),
.titleEN.is-invasion>span:nth-child(19) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: transform .7s .12s, opacity .9s .12s ease-out;
    transition: transform .7s .12s, opacity .9s .12s ease-out, -webkit-transform .7s .12s
}

.about-titleEN>span:nth-child(20),
.titleEN>span:nth-child(20) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(20),
.titleEN.is-invasion>span:nth-child(20) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: opacity .9s .36s ease-out, -webkit-transform .7s .36s;
    transition: transform .7s .36s, opacity .9s .36s ease-out;
    transition: transform .7s .36s, opacity .9s .36s ease-out, -webkit-transform .7s .36s
}

.about-titleEN>span:nth-child(21),
.titleEN>span:nth-child(21) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(21),
.titleEN.is-invasion>span:nth-child(21) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: transform .7s 0s, opacity .9s 0s ease-out;
    transition: transform .7s 0s, opacity .9s 0s ease-out, -webkit-transform .7s 0s
}

.about-titleEN>span:nth-child(22),
.titleEN>span:nth-child(22) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(22),
.titleEN.is-invasion>span:nth-child(22) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: transform .7s 0s, opacity .9s 0s ease-out;
    transition: transform .7s 0s, opacity .9s 0s ease-out, -webkit-transform .7s 0s
}

.about-titleEN>span:nth-child(23),
.titleEN>span:nth-child(23) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(23),
.titleEN.is-invasion>span:nth-child(23) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: transform .7s .3s, opacity .9s .3s ease-out;
    transition: transform .7s .3s, opacity .9s .3s ease-out, -webkit-transform .7s .3s
}

.about-titleEN>span:nth-child(24),
.titleEN>span:nth-child(24) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(24),
.titleEN.is-invasion>span:nth-child(24) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: transform .7s .12s, opacity .9s .12s ease-out;
    transition: transform .7s .12s, opacity .9s .12s ease-out, -webkit-transform .7s .12s
}

.about-titleEN>span:nth-child(25),
.titleEN>span:nth-child(25) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(25),
.titleEN.is-invasion>span:nth-child(25) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: transform .7s .18s, opacity .9s .18s ease-out;
    transition: transform .7s .18s, opacity .9s .18s ease-out, -webkit-transform .7s .18s
}

.about-titleEN>span:nth-child(26),
.titleEN>span:nth-child(26) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(26),
.titleEN.is-invasion>span:nth-child(26) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: opacity .9s .12s ease-out, -webkit-transform .7s .12s;
    transition: transform .7s .12s, opacity .9s .12s ease-out;
    transition: transform .7s .12s, opacity .9s .12s ease-out, -webkit-transform .7s .12s
}

.about-titleEN>span:nth-child(27),
.titleEN>span:nth-child(27) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(27),
.titleEN.is-invasion>span:nth-child(27) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .24s ease-out, -webkit-transform .7s .24s;
    transition: opacity .9s .24s ease-out, -webkit-transform .7s .24s;
    transition: transform .7s .24s, opacity .9s .24s ease-out;
    transition: transform .7s .24s, opacity .9s .24s ease-out, -webkit-transform .7s .24s
}

.about-titleEN>span:nth-child(28),
.titleEN>span:nth-child(28) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(28),
.titleEN.is-invasion>span:nth-child(28) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: opacity .9s .3s ease-out, -webkit-transform .7s .3s;
    transition: transform .7s .3s, opacity .9s .3s ease-out;
    transition: transform .7s .3s, opacity .9s .3s ease-out, -webkit-transform .7s .3s
}

.about-titleEN>span:nth-child(29),
.titleEN>span:nth-child(29) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(29),
.titleEN.is-invasion>span:nth-child(29) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: opacity .9s 0s ease-out, -webkit-transform .7s 0s;
    transition: transform .7s 0s, opacity .9s 0s ease-out;
    transition: transform .7s 0s, opacity .9s 0s ease-out, -webkit-transform .7s 0s
}

.about-titleEN>span:nth-child(30),
.titleEN>span:nth-child(30) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.about-titleEN.is-invasion>span:nth-child(30),
.titleEN.is-invasion>span:nth-child(30) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: opacity .9s .18s ease-out, -webkit-transform .7s .18s;
    transition: transform .7s .18s, opacity .9s .18s ease-out;
    transition: transform .7s .18s, opacity .9s .18s ease-out, -webkit-transform .7s .18s
}

.titleJP>span:nth-child(1) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform: translateX(9px)
}

.titleJP.is-invasion>span:nth-child(1) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms, -webkit-transform .8s 60ms ease-out
}

.titleJP>span:nth-child(2) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform: translateX(7.5px)
}

.titleJP.is-invasion>span:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out, opacity .8s .18s;
    transition: transform .8s .18s ease-out, opacity .8s .18s, -webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(3) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px)
}

.titleJP.is-invasion>span:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms, -webkit-transform .8s 60ms ease-out
}

.titleJP>span:nth-child(4) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px)
}

.titleJP.is-invasion>span:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out, opacity .8s .18s;
    transition: transform .8s .18s ease-out, opacity .8s .18s, -webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(5) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
}

.titleJP.is-invasion>span:nth-child(5) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out, opacity .8s .24s;
    transition: transform .8s .24s ease-out, opacity .8s .24s, -webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(6) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleJP.is-invasion>span:nth-child(6) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out, opacity .8s .24s;
    transition: transform .8s .24s ease-out, opacity .8s .24s, -webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(7) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform: translateX(7.5px)
}

.titleJP.is-invasion>span:nth-child(7) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out, opacity .8s .24s;
    transition: transform .8s .24s ease-out, opacity .8s .24s, -webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(8) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform: translateX(9px)
}

.titleJP.is-invasion>span:nth-child(8) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out, opacity .8s .3s;
    transition: transform .8s .3s ease-out, opacity .8s .3s, -webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(9) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform: translateX(6px)
}

.titleJP.is-invasion>span:nth-child(9) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out, opacity .8s .18s;
    transition: transform .8s .18s ease-out, opacity .8s .18s, -webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(10) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform: translateX(9px)
}

.titleJP.is-invasion>span:nth-child(10) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out, opacity .8s .24s;
    transition: transform .8s .24s ease-out, opacity .8s .24s, -webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(11) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform: translateX(7.5px)
}

.titleJP.is-invasion>span:nth-child(11) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out, opacity .8s .12s;
    transition: transform .8s .12s ease-out, opacity .8s .12s, -webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(12) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform: translateX(10.5px)
}

.titleJP.is-invasion>span:nth-child(12) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out, opacity .8s .3s;
    transition: transform .8s .3s ease-out, opacity .8s .3s, -webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(13) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(13) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out, opacity .8s .18s;
    transition: transform .8s .18s ease-out, opacity .8s .18s, -webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(14) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.titleJP.is-invasion>span:nth-child(14) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out, opacity .8s .12s;
    transition: transform .8s .12s ease-out, opacity .8s .12s, -webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(15) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.titleJP.is-invasion>span:nth-child(15) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out, opacity .8s .3s;
    transition: transform .8s .3s ease-out, opacity .8s .3s, -webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(16) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px)
}

.titleJP.is-invasion>span:nth-child(16) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out, opacity .8s .12s;
    transition: transform .8s .12s ease-out, opacity .8s .12s, -webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(17) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(17) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out, opacity .8s .18s;
    transition: transform .8s .18s ease-out, opacity .8s .18s, -webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(18) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform: translateX(1.5px)
}

.titleJP.is-invasion>span:nth-child(18) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms, -webkit-transform .8s 60ms ease-out
}

.titleJP>span:nth-child(19) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.titleJP.is-invasion>span:nth-child(19) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out, opacity .8s .18s;
    transition: transform .8s .18s ease-out, opacity .8s .18s, -webkit-transform .8s .18s ease-out
}

.titleJP>span:nth-child(20) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.titleJP.is-invasion>span:nth-child(20) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms, -webkit-transform .8s 60ms ease-out
}

.titleJP>span:nth-child(21) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.titleJP.is-invasion>span:nth-child(21) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out, opacity .8s .3s;
    transition: transform .8s .3s ease-out, opacity .8s .3s, -webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(22) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(22) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out, opacity .8s .24s;
    transition: transform .8s .24s ease-out, opacity .8s .24s, -webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(23) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(4.5px);
    transform: translateX(4.5px)
}

.titleJP.is-invasion>span:nth-child(23) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms, -webkit-transform .8s 60ms ease-out
}

.titleJP>span:nth-child(24) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(24) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out, opacity .8s .24s;
    transition: transform .8s .24s ease-out, opacity .8s .24s, -webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(25) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.titleJP.is-invasion>span:nth-child(25) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: opacity .8s 60ms, -webkit-transform .8s 60ms ease-out;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms;
    transition: transform .8s 60ms ease-out, opacity .8s 60ms, -webkit-transform .8s 60ms ease-out
}

.titleJP>span:nth-child(26) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.titleJP.is-invasion>span:nth-child(26) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out, opacity .8s .12s;
    transition: transform .8s .12s ease-out, opacity .8s .12s, -webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(27) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.titleJP.is-invasion>span:nth-child(27) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: opacity .8s .24s, -webkit-transform .8s .24s ease-out;
    transition: transform .8s .24s ease-out, opacity .8s .24s;
    transition: transform .8s .24s ease-out, opacity .8s .24s, -webkit-transform .8s .24s ease-out
}

.titleJP>span:nth-child(28) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.titleJP.is-invasion>span:nth-child(28) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: opacity .8s .12s, -webkit-transform .8s .12s ease-out;
    transition: transform .8s .12s ease-out, opacity .8s .12s;
    transition: transform .8s .12s ease-out, opacity .8s .12s, -webkit-transform .8s .12s ease-out
}

.titleJP>span:nth-child(29) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform: translateX(13.5px)
}

.titleJP.is-invasion>span:nth-child(29) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: opacity .8s .3s, -webkit-transform .8s .3s ease-out;
    transition: transform .8s .3s ease-out, opacity .8s .3s;
    transition: transform .8s .3s ease-out, opacity .8s .3s, -webkit-transform .8s .3s ease-out
}

.titleJP>span:nth-child(30) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform: translateX(9px)
}

.titleJP.is-invasion>span:nth-child(30) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: opacity .8s .18s, -webkit-transform .8s .18s ease-out;
    transition: transform .8s .18s ease-out, opacity .8s .18s;
    transition: transform .8s .18s ease-out, opacity .8s .18s, -webkit-transform .8s .18s ease-out
}

.fadeIn {
    opacity: 0
}

.fadeInUp {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.fadeInUpOver {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.fadeInDown {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.fadeInDownOver {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0
}

.fadeInLeft {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0
}

.fadeInLeftOver {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0
}

.fadeInRight {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0
}

.fadeInRightOver {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0
}

.fadeInRightSkew {
    -webkit-transform: translateX(30px) skewX(-10deg);
    transform: translateX(30px) skewX(-10deg);
    opacity: 0
}

.fadeInLeftSkew {
    -webkit-transform: translateX(-30px) skewX(10deg);
    transform: translateX(-30px) skewX(10deg);
    opacity: 0
}

.scaleUpIn {
    -webkit-transform: scale(.93);
    transform: scale(.93);
    opacity: 0
}

.scaleUpInOver {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    opacity: 0
}

.scaleDownIn {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    opacity: 0
}

.scaleDownInOver {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 0
}

.scaleXIn {
    -webkit-transform: scaleX(.4);
    transform: scaleX(.4)
}

.scaleXInOver {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.scaleYIn {
    -webkit-transform: scaleY(.4);
    transform: scaleY(.4)
}

.scaleYInOver {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.maskDown {
    overflow: hidden
}

.maskDown::before {
    z-index: 10;
    left: 0;
    top: -100%
}

.c-bottom-link__circle::before,
.maskDown::after {
    top: 0;
    left: 0;
    content: ''
}

.maskDown::after {
    z-index: 11;
    background: #fff
}

.is-invasion .parent-observe,
.is-invasion:not(.no-fade) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important;
    -webkit-transition: opacity .5s ease-in, -webkit-transform 1s;
    transition: opacity .5s ease-in, -webkit-transform 1s;
    transition: transform 1s, opacity .5s ease-in;
    transition: transform 1s, opacity .5s ease-in, -webkit-transform 1s
}

.fadeInDownOver.is-invasion,
.fadeInUpOver.is-invasion {
    -webkit-transition: opacity .4s 50ms, -webkit-transform 1.3s 50ms cubic-bezier(.08, .92, .35, 1);
    transition: opacity .4s 50ms, -webkit-transform 1.3s 50ms cubic-bezier(.08, .92, .35, 1);
    transition: transform 1.3s 50ms cubic-bezier(.08, .92, .35, 1), opacity .4s 50ms;
    transition: transform 1.3s 50ms cubic-bezier(.08, .92, .35, 1), opacity .4s 50ms, -webkit-transform 1.3s 50ms cubic-bezier(.08, .92, .35, 1)
}

.fadeInDown.is-invasion,
.fadeInLeftSkew.is-invasion,
.fadeInRightSkew.is-invasion,
.fadeInUp.is-invasion {
    -webkit-transition: opacity .4s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .4s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1);
    transition: transform 1s cubic-bezier(.08, .92, .35, 1), opacity .4s;
    transition: transform 1s cubic-bezier(.08, .92, .35, 1), opacity .4s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1)
}

.scaleDownIn.is-invasion,
.scaleDownInOver.is-invasion,
.scaleUpIn.is-invasion,
.scaleUpInOver.is-invasion {
    -webkit-transition: opacity .8s .1s, -webkit-transform 1.3s .1s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .8s .1s, -webkit-transform 1.3s .1s cubic-bezier(.08, .92, .35, 1);
    transition: transform 1.3s .1s cubic-bezier(.08, .92, .35, 1), opacity .8s .1s;
    transition: transform 1.3s .1s cubic-bezier(.08, .92, .35, 1), opacity .8s .1s, -webkit-transform 1.3s .1s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion .parent-observe.fadeInDownOver,
.is-invasion .parent-observe.fadeInLeftOver,
.is-invasion .parent-observe.fadeInRightOver,
.is-invasion .parent-observe.fadeInUpOver {
    -webkit-transition: opacity .7s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .7s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1);
    transition: transform 1s cubic-bezier(.08, .92, .35, 1), opacity .7s;
    transition: transform 1s cubic-bezier(.08, .92, .35, 1), opacity .7s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion .parent-observe.fadeInDown,
.is-invasion .parent-observe.fadeInLeftSkew,
.is-invasion .parent-observe.fadeInRightSkew,
.is-invasion .parent-observe.fadeInUp {
    -webkit-transition: opacity .4s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .4s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1);
    transition: transform 1s cubic-bezier(.08, .92, .35, 1), opacity .4s;
    transition: transform 1s cubic-bezier(.08, .92, .35, 1), opacity .4s, -webkit-transform 1s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion .parent-observe.scaleDownIn,
.is-invasion .parent-observe.scaleDownInOver,
.is-invasion .parent-observe.scaleUpIn,
.is-invasion .parent-observe.scaleUpInOver {
    -webkit-transition: opacity .5s, -webkit-transform 1.5s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .5s, -webkit-transform 1.5s cubic-bezier(.08, .92, .35, 1);
    transition: transform 1.5s cubic-bezier(.08, .92, .35, 1), opacity .5s;
    transition: transform 1.5s cubic-bezier(.08, .92, .35, 1), opacity .5s, -webkit-transform 1.5s cubic-bezier(.08, .92, .35, 1)
}

.maskDown.is-invasion::after,
.maskDown.is-invasion::before {
    -webkit-transform: translateY(200.1%);
    transform: translateY(200.1%);
    -webkit-transition: -webkit-transform .9s cubic-bezier(.08, .92, .35, 1);
    transition: -webkit-transform .9s cubic-bezier(.08, .92, .35, 1);
    transition: transform .9s cubic-bezier(.08, .92, .35, 1);
    transition: transform .9s cubic-bezier(.08, .92, .35, 1), -webkit-transform .9s cubic-bezier(.08, .92, .35, 1)
}

.delay1 {
    -webkit-transition-delay: .1s!important;
    transition-delay: .1s!important
}

.delay2 {
    -webkit-transition-delay: .2s!important;
    transition-delay: .2s!important
}

.delay3 {
    -webkit-transition-delay: .3s!important;
    transition-delay: .3s!important
}

.delay4 {
    -webkit-transition-delay: .4s!important;
    transition-delay: .4s!important
}

.delay5 {
    -webkit-transition-delay: .5s!important;
    transition-delay: .5s!important
}

.delay6 {
    -webkit-transition-delay: .6s!important;
    transition-delay: .6s!important
}

.delay7 {
    -webkit-transition-delay: .7s!important;
    transition-delay: .7s!important
}

.delay8 {
    -webkit-transition-delay: .8s!important;
    transition-delay: .8s!important
}

.delay9 {
    -webkit-transition-delay: .9s!important;
    transition-delay: .9s!important
}

.delay10 {
    -webkit-transition-delay: 1s!important;
    transition-delay: 1s!important
}

.inter-svg path:nth-child(1),
.inter-svg.js-inter path:nth-child(1) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(1),
.inter-svg.js-inter.is-invasion path:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .12s, -webkit-transform .8s .12s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .12s, -webkit-transform .8s .12s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .12s cubic-bezier(.19, .82, .27, 1), opacity .6s .12s;
    transition: transform .8s .12s cubic-bezier(.19, .82, .27, 1), opacity .6s .12s, -webkit-transform .8s .12s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(2),
.inter-svg.js-inter path:nth-child(2) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(2),
.inter-svg.js-inter.is-invasion path:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s;
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(3),
.inter-svg.js-inter path:nth-child(3) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(3),
.inter-svg.js-inter.is-invasion path:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(4),
.inter-svg.js-inter path:nth-child(4) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(4),
.inter-svg.js-inter.is-invasion path:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s;
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(5),
.inter-svg.js-inter path:nth-child(5) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(5),
.inter-svg.js-inter.is-invasion path:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(6),
.inter-svg.js-inter path:nth-child(6) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(6),
.inter-svg.js-inter.is-invasion path:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 30ms cubic-bezier(.19, .82, .27, 1), opacity .6s 30ms;
    transition: transform .8s 30ms cubic-bezier(.19, .82, .27, 1), opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(7),
.inter-svg.js-inter path:nth-child(7) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(7),
.inter-svg.js-inter.is-invasion path:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s;
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(8),
.inter-svg.js-inter path:nth-child(8) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(8),
.inter-svg.js-inter.is-invasion path:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(9),
.inter-svg.js-inter path:nth-child(9) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(9),
.inter-svg.js-inter.is-invasion path:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(10),
.inter-svg.js-inter path:nth-child(10) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(10),
.inter-svg.js-inter.is-invasion path:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(11),
.inter-svg.js-inter path:nth-child(11) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(11),
.inter-svg.js-inter.is-invasion path:nth-child(11) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(12),
.inter-svg.js-inter path:nth-child(12) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(12),
.inter-svg.js-inter.is-invasion path:nth-child(12) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(13),
.inter-svg.js-inter path:nth-child(13) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(13),
.inter-svg.js-inter.is-invasion path:nth-child(13) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(14),
.inter-svg.js-inter path:nth-child(14) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(14),
.inter-svg.js-inter.is-invasion path:nth-child(14) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .27s, -webkit-transform .8s .27s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .27s, -webkit-transform .8s .27s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .27s cubic-bezier(.19, .82, .27, 1), opacity .6s .27s;
    transition: transform .8s .27s cubic-bezier(.19, .82, .27, 1), opacity .6s .27s, -webkit-transform .8s .27s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(15),
.inter-svg.js-inter path:nth-child(15) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(15),
.inter-svg.js-inter.is-invasion path:nth-child(15) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(16),
.inter-svg.js-inter path:nth-child(16) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(16),
.inter-svg.js-inter.is-invasion path:nth-child(16) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(17),
.inter-svg.js-inter path:nth-child(17) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(17),
.inter-svg.js-inter.is-invasion path:nth-child(17) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(18),
.inter-svg.js-inter path:nth-child(18) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(18),
.inter-svg.js-inter.is-invasion path:nth-child(18) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 90ms, -webkit-transform .8s 90ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 90ms, -webkit-transform .8s 90ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 90ms cubic-bezier(.19, .82, .27, 1), opacity .6s 90ms;
    transition: transform .8s 90ms cubic-bezier(.19, .82, .27, 1), opacity .6s 90ms, -webkit-transform .8s 90ms cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(19),
.inter-svg.js-inter path:nth-child(19) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(19),
.inter-svg.js-inter.is-invasion path:nth-child(19) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .12s, -webkit-transform .8s .12s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .12s, -webkit-transform .8s .12s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .12s cubic-bezier(.19, .82, .27, 1), opacity .6s .12s;
    transition: transform .8s .12s cubic-bezier(.19, .82, .27, 1), opacity .6s .12s, -webkit-transform .8s .12s cubic-bezier(.19, .82, .27, 1)
}

.inter-svg path:nth-child(20),
.inter-svg.js-inter path:nth-child(20) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.inter-svg.is-invasion path:nth-child(20),
.inter-svg.js-inter.is-invasion path:nth-child(20) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(1) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(1) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 30ms cubic-bezier(.19, .82, .27, 1), opacity .6s 30ms;
    transition: transform .8s 30ms cubic-bezier(.19, .82, .27, 1), opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(2) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(2) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(3) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(3) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(4) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(4) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(5) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(5) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s;
    transition: transform .8s .24s cubic-bezier(.19, .82, .27, 1), opacity .6s .24s, -webkit-transform .8s .24s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(6) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(6) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .27s, -webkit-transform .8s .27s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .27s, -webkit-transform .8s .27s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .27s cubic-bezier(.19, .82, .27, 1), opacity .6s .27s;
    transition: transform .8s .27s cubic-bezier(.19, .82, .27, 1), opacity .6s .27s, -webkit-transform .8s .27s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(7) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(7) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .18s, -webkit-transform .8s .18s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .18s, -webkit-transform .8s .18s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .18s cubic-bezier(.19, .82, .27, 1), opacity .6s .18s;
    transition: transform .8s .18s cubic-bezier(.19, .82, .27, 1), opacity .6s .18s, -webkit-transform .8s .18s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(8) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(8) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(9) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(9) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s;
    transition: transform .8s .21s cubic-bezier(.19, .82, .27, 1), opacity .6s .21s, -webkit-transform .8s .21s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(10) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(10) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 30ms cubic-bezier(.19, .82, .27, 1), opacity .6s 30ms;
    transition: transform .8s 30ms cubic-bezier(.19, .82, .27, 1), opacity .6s 30ms, -webkit-transform .8s 30ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(11) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(11) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(12) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(12) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(13) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(13) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(14) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(14) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(15) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(15) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(16) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(16) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .8s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .8s .15s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(17) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(17) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .18s, -webkit-transform .8s .18s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .18s, -webkit-transform .8s .18s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .18s cubic-bezier(.19, .82, .27, 1), opacity .6s .18s;
    transition: transform .8s .18s cubic-bezier(.19, .82, .27, 1), opacity .6s .18s, -webkit-transform .8s .18s cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(18) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(18) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms;
    transition: transform .8s 60ms cubic-bezier(.19, .82, .27, 1), opacity .6s 60ms, -webkit-transform .8s 60ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(19) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(19) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s 90ms, -webkit-transform .8s 90ms cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s 90ms, -webkit-transform .8s 90ms cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s 90ms cubic-bezier(.19, .82, .27, 1), opacity .6s 90ms;
    transition: transform .8s 90ms cubic-bezier(.19, .82, .27, 1), opacity .6s 90ms, -webkit-transform .8s 90ms cubic-bezier(.19, .82, .27, 1)
}

.p-top-mv .inter-svg.js-inter path:nth-child(20) {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.p-top-mv .inter-svg.js-inter.is-invasion path:nth-child(20) {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .8s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .8s .3s cubic-bezier(.19, .82, .27, 1)
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes navFadeIn {
    0% {
        position: fixed;
        opacity: 0
    }
    100% {
        position: fixed;
        opacity: 1
    }
}

@keyframes navFadeIn {
    0% {
        position: fixed;
        opacity: 0
    }
    100% {
        position: fixed;
        opacity: 1
    }
}

@-webkit-keyframes navAbsolute {
    0% {
        position: fixed;
        opacity: 1
    }
    99% {
        position: fixed;
        opacity: 0
    }
    100% {
        position: absolute;
        opacity: 1
    }
}

@keyframes navAbsolute {
    0% {
        position: fixed;
        opacity: 1
    }
    99% {
        position: fixed;
        opacity: 0
    }
    100% {
        position: absolute;
        opacity: 1
    }
}

@-webkit-keyframes navFadeOut {
    0% {
        opacity: 1
    }
    99.9% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes navFadeOut {
    0% {
        opacity: 1
    }
    99.9% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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

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

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

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

@-webkit-keyframes infinite_left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes infinite_left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes down_turn {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@keyframes down_turn {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
}

@-webkit-keyframes up_turn {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }
}

@keyframes up_turn {
    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        opacity: 0
    }
}

@-webkit-keyframes right_turn {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        opacity: 0
    }
}

@keyframes right_turn {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        opacity: 0
    }
}

@-webkit-keyframes left_turn {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0
    }
}

@keyframes left_turn {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0
    }
}

@-webkit-keyframes scaling {
    0%,
    100%,
    66% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    33% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes scaling {
    0%,
    100%,
    66% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    33% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes scaleOut {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
        opacity: 0
    }
}

@-webkit-keyframes rollY {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes rollY {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@-webkit-keyframes roll50 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes roll50 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes roll100 {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(350deg);
        transform: rotate(350deg)
    }
}

@keyframes roll100 {
    0% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(350deg);
        transform: rotate(350deg)
    }
}

@-webkit-keyframes jump {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
        transform: translate3d(0, 0, 0) scale(1, 1);
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }
    15%,
    85% {
        -webkit-transform: translate3d(0, 2px, 0) scale(1.1, .9);
        transform: translate3d(0, 2px, 0) scale(1.1, .9)
    }
    50% {
        -webkit-transform: translate3d(0, -4px, 0) scale(1, 1.1);
        transform: translate3d(0, -4px, 0) scale(1, 1.1)
    }
}

@keyframes jump {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1, 1);
        transform: translate3d(0, 0, 0) scale(1, 1);
        -webkit-transform-origin: bottom;
        transform-origin: bottom
    }
    15%,
    85% {
        -webkit-transform: translate3d(0, 2px, 0) scale(1.1, .9);
        transform: translate3d(0, 2px, 0) scale(1.1, .9)
    }
    50% {
        -webkit-transform: translate3d(0, -4px, 0) scale(1, 1.1);
        transform: translate3d(0, -4px, 0) scale(1, 1.1)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate0(0);
        transform: translate0(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate0(0);
        transform: translate0(0)
    }
}

@-webkit-keyframes moveLight {
    0%,
    100% {
        -webkit-transform: translate0(0);
        transform: translate0(0)
    }
    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes moveLight {
    0%,
    100% {
        -webkit-transform: translate0(0);
        transform: translate0(0)
    }
    50% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes pin {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@keyframes pin {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(.7) translate3d(0, 0, 0);
        transform: scale(.7) translate3d(0, 0, 0);
        opacity: 0
    }
    30% {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1.4) translate3d(0, 0, 0);
        transform: scale(1.4) translate3d(0, 0, 0);
        opacity: 0
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(.7) translate3d(0, 0, 0);
        transform: scale(.7) translate3d(0, 0, 0);
        opacity: 0
    }
    30% {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1.4) translate3d(0, 0, 0);
        transform: scale(1.4) translate3d(0, 0, 0);
        opacity: 0
    }
}

@-webkit-keyframes instagramBody {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes instagramBody {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.c-bottom-link {
    position: relative;
    height: 430px;
    margin-top: 0;
    background-color: #fff;
    text-align: center
}

@media screen and (min-width:801px) {
    body#philosophy .c-bottom-link {
        height: 530px;
        margin-top: -50px
    }
    .c-bottom-link::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #d5d5d5;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
}

@media screen and (max-width:800px) {
    .c-bottom-link {
        height: 189px;
        margin-top: 0
    }
    body#service .c-bottom-link,
    body#workers .c-bottom-link {
        height: 220px
    }
}

.c-bottom-link__inner {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-top: 32px
}

@media screen and (min-width:801px) {
    body#philosophy .c-bottom-link__inner {
        padding-top: 152px
    }
}

.c-bottom-link__title {
    font-size: 31px;
    font-weight: 600;
    letter-spacing: 0
}

@media screen and (max-width:800px) {
    .c-bottom-link__inner {
        display: block;
        padding-top: 66px
    }
    .c-bottom-link__title {
        font-size: 18px;
        letter-spacing: .5px
    }
}

.c-bottom-link__desc {
    margin-top: 8px;
    font-size: 12px;
    letter-spacing: 0;
    padding-left: 2px;
    opacity: .5;
    font-weight: 700
}

@media screen and (max-width:800px) {
    .c-bottom-link__desc {
        margin-top: 1px;
        font-size: 10px
    }
}

.c-bottom-link__circle {
    position: relative;
    left: 0;
    margin: 37px auto 0;
    width: 31px;
    height: 31px;
    color: #aaa
}

.c-bottom-link__circle::before {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transition: .3s;
    transition: .3s
}

.c-bottom-link__circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width:800px) {
    .c-bottom-link__circle {
        width: 25px;
        height: 25px;
        margin-top: 18px;
        left: 0
    }
    .c-bottom-link__circle svg {
        width: 24px;
        top: 8px
    }
}

@media screen and (min-width:801px) {
    .c-bottom-link:hover .c-bottom-link__circle::before {
        -webkit-transform: scale(1.58);
        transform: scale(1.58);
        background-color: #043b8e;
        border-color: transparent;
        opacity: .7;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .c-bottom-link:hover .c-bottom-link__circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-width:801px) {
    .c-bottom-link:hover .c-bottom-link__circle svg {
        fill: #aaa;
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
    .c-bottom-link:hover::before {
        opacity: 1
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .c-bottom-link:hover .c-bottom-link__circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.c-btn {
    position: relative;
    width: 100%;
    height: 45px;
    border-radius: 23px;
    border: 1px solid #d5d5d5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    letter-spacing: .6px;
    font-size: 10px;
    padding-top: 1px
}

.c-btn .arrow,
.c-btn::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (max-width:800px) {
    .c-btn {
        height: 41px
    }
}

.c-contact__submit .c-btn,
.p-instagram__link .c-btn,
.p-interviewDetail__link .c-btn,
.p-newsDetail__link .c-btn,
.p-recruit-interview__link .c-btn {
    height: 60px;
    border-radius: 30px;
    letter-spacing: .6px;
    font-size: 12px
}

@media screen and (max-width:800px) {
    .c-contact__submit .c-btn,
    .p-instagram__link .c-btn,
    .p-interviewDetail__link .c-btn,
    .p-newsDetail__link .c-btn,
    .p-recruit-interview__link .c-btn {
        height: 41px
    }
    .c-btn .text {
        font-size: 11px
    }
}

.c-btn::before {
    content: '';
    left: -13px;
    right: auto;
    width: 30px;
    height: 1px;
    background: #d5d5d5;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.79, .17, .15, .96);
    transition: -webkit-transform .2s cubic-bezier(.79, .17, .15, .96);
    transition: transform .2s cubic-bezier(.79, .17, .15, .96);
    transition: transform .2s cubic-bezier(.79, .17, .15, .96), -webkit-transform .2s cubic-bezier(.79, .17, .15, .96)
}

.c-btn .text {
    color: #aaa;
    font-weight: 800;
    display: inline-block;
    -webkit-transition: .3s;
    transition: .3s
}

.c-btn .arrow {
    left: auto;
    right: -13px;
    width: 26px;
    height: 7px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s .1s, -webkit-transform .4s;
    transition: opacity .3s .1s, -webkit-transform .4s;
    transition: transform .4s, opacity .3s .1s;
    transition: transform .4s, opacity .3s .1s, -webkit-transform .4s
}

@media screen and (max-width:800px) {
    .c-btn .arrow {
        width: 22px;
        right: -9px
    }
}

.c-btn .arrow::after,
.c-btn .arrow::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.c-btn .arrow::before {
    left: 0;
    width: 100%;
    height: 1px;
    background: #d5d5d5
}

.c-btn .arrow::after {
    left: auto;
    width: 5px;
    height: 5px;
    border-top: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-btn .icon {
    position: relative;
    top: -2px;
    display: block;
    width: 15px;
    height: 15px;
    color: #aaa;
    margin-left: 6px;
    margin-right: -3px
}

.c-btn .icon::after,
.c-btn .icon::before {
    content: '';
    position: absolute;
    left: auto;
    bottom: 0;
    margin: auto;
    width: 12px
}

.c-btn .icon::before {
    top: 2px;
    right: 3px;
    height: 9px;
    border: 1px solid currentColor;
    -webkit-transition: .35s cubic-bezier(.19, .82, .27, 1);
    transition: .35s cubic-bezier(.19, .82, .27, 1)
}

.c-btn .icon::after {
    top: 7px;
    right: 0;
    height: 10px;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    -webkit-transition: .3s cubic-bezier(.19, .82, .27, 1);
    transition: .3s cubic-bezier(.19, .82, .27, 1)
}

@media screen and (min-width:801px) {
    .c-btn:hover {
        background-color: #043b8e;
        border: 1px solid #043b8e;
        opacity: .7
    }
    .c-btn:hover::before {
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform .4s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .4s cubic-bezier(.08, .92, .35, 1);
        transition: transform .4s cubic-bezier(.08, .92, .35, 1);
        transition: transform .4s cubic-bezier(.08, .92, .35, 1), -webkit-transform .4s cubic-bezier(.08, .92, .35, 1)
    }
    .c-btn:hover .text {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        color: #fff;
        -webkit-transition: color .3s, -webkit-transform .2s cubic-bezier(.19, .82, .27, 1);
        transition: color .3s, -webkit-transform .2s cubic-bezier(.19, .82, .27, 1);
        transition: transform .2s cubic-bezier(.19, .82, .27, 1), color .3s;
        transition: transform .2s cubic-bezier(.19, .82, .27, 1), color .3s, -webkit-transform .2s cubic-bezier(.19, .82, .27, 1)
    }
    .c-btn:hover .arrow {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 0;
        -webkit-transition: opacity .2s, -webkit-transform .3s;
        transition: opacity .2s, -webkit-transform .3s;
        transition: transform .3s, opacity .2s;
        transition: transform .3s, opacity .2s, -webkit-transform .3s
    }
    .c-btn:hover .icon {
        color: #fff
    }
    .c-btn:hover .icon::before {
        -webkit-transform: translate(8px, 3px) rotateX(180deg) rotateY(180deg);
        transform: translate(8px, 3px) rotateX(180deg) rotateY(180deg)
    }
    .c-btn:hover .icon::after {
        -webkit-transform: translate(2px, -2px) rotateX(180deg) rotateY(180deg);
        transform: translate(2px, -2px) rotateX(180deg) rotateY(180deg)
    }
}

.c-contact-link {
    position: relative;
    z-index: 2;
    border-top: solid 1px #d5d5d5;
    height: 230px;
    background: #fff
}

@media screen and (max-width:800px) {
    .c-contact-link {
        height: 198px
    }
}

.c-contact-link__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #15171b;
    width: 966px;
    height: 180px;
    margin: -50px auto 0;
    color: #fff;
    max-width: calc(100% - 20px)
}

@media screen and (max-width:800px) {
    .c-contact-link__inner {
        width: calc(100% - 40px);
        position: relative;
        display: block;
        padding-top: 33px;
        margin: -30px auto 0;
        height: 150px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-contact-link .head {
    font-size: 15px;
    line-height: 2;
    width: 273px;
    min-width: 273px;
    letter-spacing: 1px;
    font-weight: 600;
    white-space: nowrap
}

@media screen and (max-width:800px) {
    .c-contact-link .head {
        font-size: 13px;
        letter-spacing: 1px;
        position: relative;
        left: 0;
        width: 100%;
        text-align: center
    }
    .c-contact-link .head br,
    .c-contact-link .line {
        display: none
    }
}

.c-contact-link .line {
    width: 1px;
    height: 23px;
    background-color: #fff;
    margin-right: 50px
}

.c-contact-link .icon {
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 15px
}

@media screen and (max-width:800px) {
    .c-contact-link .icon {
        position: absolute;
        top: 30px;
        left: -170px;
        right: 0;
        bottom: 0;
        margin: auto
    }
}

.c-contact-link .number {
    font-size: 25px;
    letter-spacing: 2.5px;
    margin-right: 10px;
    font-weight: 700;
    height: 24px
}

@media screen and (max-width:800px) {
    .c-contact-link .number {
        font-size: 20px;
        margin-top: 11px;
        width: 110px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap
    }
}

.c-contact-link .time {
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    height: 24px;
    line-height: 38px
}

@media screen and (max-width:800px) {
    .c-contact-link .time {
        line-height: 1;
        margin-top: 6px;
        width: 110px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap
    }
}

.c-contact {
    position: relative;
    width: 85.6%;
    max-width: 1200px;
    padding-bottom: 120px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .3s cubic-bezier(.79, .17, .15, .96);
    transition: opacity .5s .4s, -webkit-transform .5s .3s cubic-bezier(.79, .17, .15, .96);
    transition: transform .5s .3s cubic-bezier(.79, .17, .15, .96), opacity .5s .4s;
    transition: transform .5s .3s cubic-bezier(.79, .17, .15, .96), opacity .5s .4s, -webkit-transform .5s .3s cubic-bezier(.79, .17, .15, .96)
}

body.is-change-start .c-contact {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 0s .3s;
    transition: 0s .3s
}

@media screen and (max-width:1200px) {
    .c-contact {
        width: 100%;
        padding-left: 86px
    }
}

@media screen and (max-width:800px) {
    .c-contact {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 75px
    }
}

.c-contact__line {
    height: 1px;
    width: 766px;
    max-width: calc(100% - 10px);
    background-color: #d5d5d5
}

@media screen and (max-width:800px) {
    .c-contact__line {
        width: 100%;
        max-width: none
    }
}

.c-contact__desc {
    width: 766px;
    max-width: calc(100% - 10px);
    font-size: 15px;
    letter-spacing: 1.5px;
    margin-top: 73px;
    line-height: 2
}

@media screen and (max-width:800px) {
    .c-contact__desc {
        width: 100%;
        max-width: none;
        font-size: 13px;
        margin-top: 44px;
        line-height: 1.92;
        letter-spacing: .8px
    }
}

.c-contact__body {
    width: 766px;
    max-width: calc(100% - 10px);
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 2px
}

@media screen and (max-width:800px) {
    .c-contact__body {
        margin-top: 15px;
        width: 100%;
        max-width: none;
        padding-left: 0
    }
}

body#contactJobSeekerThanks .c-contact__body,
body#contactRecruiterThanks .c-contact__body {
    margin-top: 73px
}

@media screen and (max-width:800px) {
    body#contactJobSeekerThanks .c-contact__body,
    body#contactRecruiterThanks .c-contact__body {
        margin-top: 47px
    }
}

.c-contact__submit {
    margin: 80px 12px 0 auto;
    width: 220px;
    height: 60px
}

@media screen and (max-width:800px) {
    .c-contact__submit {
        margin: 50px 10px 0 auto;
        width: 150px;
        height: 40px
    }
}

.c-contents {
    width: 100%;
    margin-top: 72px;
    font-size: 15px;
    line-height: 2.1;
    letter-spacing: 1.46px;
    -webkit-transition: .4s .9s;
    transition: .4s .9s
}

body#interviewDetail .c-contents {
    letter-spacing: 1px
}

body.is-change-start .c-contents {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.c-contents ul li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px
}

@media screen and (max-width:800px) {
    .c-contents {
        line-height: 1.884;
        font-size: 13px;
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 45px
    }
    body#interviewDetail .c-contents {
        letter-spacing: .7px
    }
    .c-contents ul li {
        padding-left: 18px;
        margin-bottom: 9px
    }
}

.c-contents ul li::before {
    content: '・';
    position: absolute;
    top: 0;
    left: -1px;
    width: 100%;
    height: 100%
}

.c-contents ol li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}

@media screen and (max-width:800px) {
    .c-contents ul li::before {
        left: 5px
    }
    .c-contents ol li {
        padding-left: 18px;
        margin-bottom: 9px
    }
}

.c-contents ol li:nth-child(1)::before {
    content: "1."
}

.c-contents ol li:nth-child(2)::before {
    content: "2."
}

.c-contents ol li:nth-child(3)::before {
    content: "3."
}

.c-contents ol li:nth-child(4)::before {
    content: "4."
}

.c-contents ol li:nth-child(5)::before {
    content: "5."
}

.c-contents ol li:nth-child(6)::before {
    content: "6."
}

.c-contents ol li:nth-child(7)::before {
    content: "7."
}

.c-contents ol li:nth-child(8)::before {
    content: "8."
}

.c-contents ol li:nth-child(9)::before {
    content: "9."
}

.c-contents ol li:nth-child(10)::before {
    content: "10."
}

.c-contents ol li:nth-child(11)::before {
    content: "11."
}

.c-contents ol li:nth-child(12)::before {
    content: "12."
}

.c-contents ol li:nth-child(13)::before {
    content: "13."
}

.c-contents ol li:nth-child(14)::before {
    content: "14."
}

.c-contents ol li:nth-child(15)::before {
    content: "15."
}

.c-contents ol li:nth-child(16)::before {
    content: "16."
}

.c-contents ol li:nth-child(17)::before {
    content: "17."
}

.c-contents ol li:nth-child(18)::before {
    content: "18."
}

.c-contents ol li:nth-child(19)::before {
    content: "19."
}

.c-contents ol li:nth-child(20)::before {
    content: "20."
}

.c-contents ol li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-contents>p,
.c-contents>table {
    margin: 20px 0
}

@media screen and (max-width:800px) {
    .c-contents ol li::before {
        left: 1px
    }
    .c-contents>p,
    .c-contents>table {
        margin: 9px 0
    }
}

.c-contents h2 {
    font-size: 25px;
    font-weight: 600;
    margin: 60px 0 10px
}

@media screen and (max-width:800px) {
    .c-contents h2 {
        line-height: 1.7;
        font-size: 15px
    }
}

.c-contents h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 25px 0 6px
}

body#interviewDetail .c-contents h3 {
    margin: 35px 0 10px;
    font-size: 15px;
    background-color: #d5d5d5;
    display: inline-block;
    line-height: 1.5;
    padding: 0 5px;
    letter-spacing: 1px
}

@media screen and (max-width:800px) {
    .c-contents h3 {
        font-size: 15px
    }
    body#interviewDetail .c-contents h3 {
        letter-spacing: .2px;
        margin: 23px 0 10px;
        line-height: 1.3;
        padding: 0 3px;
        font-size: 13px
    }
}

.c-contents h4 {
    font-size: 16px;
    font-weight: 600
}

.c-contents p>img {
    position: relative;
    margin: 20px 0
}

.c-feature__body,
.c-feature__desc,
.c-feature__head,
.c-flow__head {
    margin-left: auto;
    margin-right: auto
}

body#interviewDetail .c-contents p>img {
    right: 7.3vw;
    width: calc(100% + 7.3vw);
    max-width: calc(100% + 7.3vw);
    min-width: calc(100% + 7.3vw)
}

@media screen and (min-width:1406px) {
    body#interviewDetail .c-contents p>img {
        width: 902px;
        max-width: 902px;
        min-width: 902px;
        right: 103px
    }
}

@media screen and (max-width:800px) {
    .c-contents h4 {
        font-size: 15px
    }
    body#interviewDetail .c-contents p>img {
        right: 20px;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        min-width: calc(100% + 40px)
    }
}

.c-contents p>a {
    position: relative;
    display: inline-block;
    padding-right: 14px;
    color: #15171b;
    opacity: .6;
    border-bottom: solid 1px currentColor;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-contents p>a::after,
.c-contents p>a::before {
    position: absolute;
    left: auto;
    margin: auto;
    width: 12px;
    content: '';
    bottom: 0
}

.c-contents p>a::before {
    top: 2px;
    right: 3px;
    height: 9px;
    border: 1px solid currentColor;
    -webkit-transition: .5s cubic-bezier(.19, .82, .27, 1);
    transition: .5s cubic-bezier(.19, .82, .27, 1)
}

.c-contents p>a::after {
    top: 7px;
    right: 0;
    height: 10px;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    -webkit-transition: .5s cubic-bezier(.19, .82, .27, 1);
    transition: .5s cubic-bezier(.19, .82, .27, 1)
}

.c-contents table {
    padding: 31px 38px 18px;
    display: block;
    background-color: #f8f8f8
}

.c-contents table thead {
    display: block;
    margin-bottom: 22px
}

.c-contents table tbody {
    display: block
}

.c-contents table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 13px
}

.c-contents table tbody td {
    display: block
}

@media screen and (max-width:800px) {
    .c-contents table {
        padding: 34px 18px 18px
    }
    .c-contents table tbody tr {
        margin-bottom: 16px;
        display: block
    }
    .c-contents table tbody td {
        display: block;
        min-width: 100%
    }
}

.c-contents table tbody td:first-child {
    color: #aaa
}

@media screen and (min-width:801px) {
    .c-contents p>a:hover {
        opacity: 1
    }
    .c-contents p>a:hover::before {
        -webkit-transform: translate(3px, 3px) rotateX(180deg) rotateY(180deg);
        transform: translate(3px, 3px) rotateX(180deg) rotateY(180deg)
    }
    .c-contents p>a:hover::after {
        -webkit-transform: translate(-3px, -2px) rotateX(180deg) rotateY(180deg);
        transform: translate(-3px, -2px) rotateX(180deg) rotateY(180deg)
    }
    .c-contents table tbody td:first-child {
        line-height: 1;
        margin-top: 8px;
        border-right: solid 1px #15171b;
        width: 102px;
        max-width: 102px;
        min-width: 102px
    }
    .c-contents table tbody td:not(:first-child) {
        width: calc(100% - 102px);
        max-width: calc(100% - 102px);
        min-width: calc(100% - 102px);
        padding-left: 19px;
        line-height: 2
    }
    .c-feature-item__inner {
        padding: 60px 8px 50px 100px
    }
    .c-feature-item:nth-child(even) .c-feature-item__inner {
        padding: 60px 50px 50px 60px
    }
}

.c-feature-item {
    width: calc(100% - 100px);
    margin-bottom: 80px
}

.c-feature-item:nth-child(even),
.c-feature-item:nth-child(even) .c-feature-item__box {
    margin-left: auto;
    margin-right: 0
}

@media screen and (max-width:600px) {
    .c-feature-item {
        width: calc(100% - 20px);
        margin-bottom: 50px
    }
}

.c-feature-item__bg {
    width: 100%;
    height: 484px;
    overflow: hidden
}

@media screen and (max-width:1000px) {
    .c-feature-item__bg {
        height: 350px
    }
}

@media screen and (max-width:800px) {
    .c-feature-item__bg {
        height: 190px
    }
}

.c-feature-item__img {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    display: block
}

.c-feature-item__box {
    position: relative;
    z-index: 1;
    width: 633px;
    background: #fff;
    margin-top: -153px
}

@media screen and (max-width:800px) {
    .c-feature-item__box {
        margin-top: -40px;
        width: 88.6%
    }
}

.c-feature-item__inner {
    width: 583px
}

.c-feature-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-feature-item__head span:nth-child(1),
.c-feature-item__head span:nth-child(2) {
    line-height: 1;
    display: block;
    font-weight: 600;
    font-family: Arial, "Helvetica Neue", sans-serif
}

.c-feature-item__head span:nth-child(1) {
    font-size: 10px;
    letter-spacing: .7px
}

@media screen and (max-width:800px) {
    .c-feature-item__inner {
        width: 100%;
        padding: 39px 40px 35px
    }
    .c-feature-item__head {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .c-feature-item__head span:nth-child(1) {
        padding-top: 0;
        letter-spacing: .2px
    }
}

.c-feature-item__head span:nth-child(2) {
    font-size: 32px;
    padding-top: 7px;
    padding-left: 6px;
    letter-spacing: .7px
}

.c-feature-item__title,
.c-flow__head {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.c-feature-item__index {
    width: 70px;
    max-width: 70px;
    min-width: 70px;
    height: 44px;
    border-right: solid 1px #d5d5d5
}

@media screen and (max-width:800px) {
    .c-feature-item__head span:nth-child(2) {
        padding-left: 10px;
        padding-top: 5px;
        font-size: 25px
    }
    .c-feature-item__index {
        margin-right: 20px;
        height: 37px;
        width: 68px;
        max-width: 68px;
        min-width: 68px;
        margin-bottom: 15px
    }
}

.c-feature-item__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.7;
    padding-left: 20px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 2px
}

@media screen and (max-width:800px) {
    .c-feature-item__title {
        margin-top: 0;
        padding-left: 0;
        font-size: 15px
    }
}

.c-feature-item__desc {
    font-size: 15px;
    line-height: 2;
    margin-top: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: justify
}

.c-feature-item.is-invasion .c-feature-item__img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity .6s, -webkit-transform .8s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .6s, -webkit-transform .8s cubic-bezier(.08, .92, .35, 1);
    transition: transform .8s cubic-bezier(.08, .92, .35, 1), opacity .6s;
    transition: transform .8s cubic-bezier(.08, .92, .35, 1), opacity .6s, -webkit-transform .8s cubic-bezier(.08, .92, .35, 1)
}

.c-feature {
    position: relative;
    padding-top: 208px;
    padding-bottom: 40px;
    background-color: #f8f8f8
}

@media screen and (max-width:800px) {
    .c-feature-item__desc {
        font-size: 13px;
        margin-top: 18px;
        line-height: 1.88;
        letter-spacing: .5px
    }
    .c-feature {
        padding-top: 131px;
        padding-bottom: 18px
    }
}

body#service .c-feature {
    margin-top: -100px
}

.c-feature__desc,
.c-feature__head {
    width: 85.3%;
    max-width: 1400px;
    min-width: 760px
}

.c-feature__head {
	color: darkblue;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-top: 3%;
    margin-left: 3%;
}

@media screen and (max-width:800px) {
    body#service .c-feature {
        margin-top: -60px
    }
    .c-feature__desc,
    .c-feature__head {
        width: 89.4%;
        min-width: 0
    }
    .c-feature__head {
        font-size: 17px;
        letter-spacing: 1.8px
    }
}

.c-feature__desc {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 2;
    margin-top: 24px;
    padding-left: 2px;
    height: 8px
}

@media screen and (max-width:800px) {
    .c-feature__desc {
        height: auto;
        margin-top: 18px;
        font-size: 13px;
        padding-left: 0
    }
}

.c-feature__body {
    margin-top: 74px;
    max-width: 1600px
}

.c-flow {
    background: #f8f8f8;
    padding-top: 73px;
    padding-bottom: 120px
}

.c-flow__head {
    width: 85.3%;
    max-width: 1400px;
    min-width: 760px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:800px) {
    .c-feature__body {
        margin-top: 33px
    }
    .c-flow {
        padding-bottom: 60px;
        padding-top: 62px
    }
    .c-flow__head {
        width: 89.4%;
        min-width: 0
    }
}

.c-flow__head .swiper-button-next,
.c-flow__head .swiper-button-prev {
    width: 45px;
    height: 45px;
    min-width: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    margin-left: 10px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (min-width:1201px) {
    .c-flow__head .swiper-button-next,
    .c-flow__head .swiper-button-prev {
        display: none
    }
}

@media screen and (max-width:800px) {
    .c-flow__head .swiper-button-next,
    .c-flow__head .swiper-button-prev {
        width: 40px;
        height: 40px;
        min-width: 40px
    }
}

.c-flow__head .swiper-button-next::before,
.c-flow__head .swiper-button-prev::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #aaa;
    -webkit-transition: .3s;
    transition: .3s
}

.c-flow__body,
.c-flow__step .head {
    display: -webkit-box;
    display: -ms-flexbox
}

.c-flow__head .swiper-button-prev {
    padding-left: 4px
}

.c-flow__head .swiper-button-prev::before {
    border-left: solid 1px #aaa;
    -webkit-transform: translateX(0) rotate(-45deg);
    transform: translateX(0) rotate(-45deg)
}

@media screen and (min-width:801px) {
    .c-flow__head .swiper-button-prev:hover {
        background-color: #d5d5d5
    }
    .c-flow__head .swiper-button-prev:hover::before {
        border-color: #15171b;
        -webkit-transform: translateX(-4px) rotate(-45deg);
        transform: translateX(-4px) rotate(-45deg)
    }
}

.c-flow__head .swiper-button-next {
    padding-right: 4px
}

.c-flow__head .swiper-button-next::before {
    border-right: solid 1px #aaa;
    -webkit-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg)
}

@media screen and (min-width:801px) {
    .c-flow__head .swiper-button-next:hover {
        background-color: #d5d5d5
    }
    .c-flow__head .swiper-button-next:hover::before {
        border-color: #15171b;
        -webkit-transform: translateX(4px) rotate(45deg);
        transform: translateX(4px) rotate(45deg)
    }
}

.c-flow__step:nth-child(2),
.p-hover-box::after {
    border-left: solid 1px #d5d5d5
}

.c-flow__title {
    letter-spacing: 2.5px;
    font-size: 30px;
    font-weight: 600;
    width: 100%
}

@media screen and (max-width:800px) {
    .c-flow__title {
        font-size: 17px;
        margin-left: -2px;
        letter-spacing: 1.5px
    }
}

.c-flow__body {
    display: flex;
    margin-top: 73px;
    height: 233px;
    width: 1200px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none
}

@media screen and (max-width:800px) {
    .c-flow__body {
        pointer-events: auto;
        height: 222px;
        margin-top: 28px
    }
}

.c-flow__body .swiper-wrapper {
    position: relative;
    height: 100%
}

.c-flow__step {
    position: relative;
    width: 290px;
    max-width: 290px;
    min-width: 290px;
    padding-top: 21px;
    pointer-events: all
}

.c-flow__step::before,
.c-flow__step:not(:nth-child(5))::after {
    position: absolute;
    left: auto;
    top: 0;
    content: ''
}

@media screen and (max-width:800px) {
    .c-flow__step {
        width: 262px;
        max-width: 262px;
        min-width: 262px;
        padding-top: 13px
    }
}

.c-flow__step .desc,
.c-flow__step .head {
    line-height: 1.7;
    max-width: calc(100% - 20px);
    -webkit-box-align: center;
    margin-left: auto;
    margin-right: auto
}

.c-flow__step::before {
    right: 0;
    width: 10px;
    height: 100%;
    border: 1px solid #d5d5d5;
    border-left: none
}

.c-needs__body,
.c-news:first-child {
    border-top: solid 1px #d5d5d5
}

.c-flow__step:not(:nth-child(5))::after {
    right: -6px;
    bottom: 0;
    width: 13px;
    height: 13px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: solid 1px #d5d5d5;
    border-top: solid 1px #d5d5d5;
    background: #f8f8f8
}

.c-flow__step .index {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 12px;
    padding: 8px 20px 7px;
    background: #15171b;
    border-radius: 15px;
    letter-spacing: .8px
}

@media screen and (max-width:800px) {
    .c-flow__step .index {
        letter-spacing: 0;
        padding: 8px 14px 7px
    }
}

.c-flow__step .head {
    margin-top: 25px;
    font-size: 15px;
    font-weight: 600;
    height: 50px;
    letter-spacing: 1.5px;
    width: 220px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media screen and (max-width:1000px) {
    .c-flow__step .head {
        margin-top: 19px;
        font-size: 15px;
        letter-spacing: 1.3px
    }
}

.c-flow__step .desc {
    margin-top: 10px;
    font-size: 12px;
    width: 208px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:800px) {
    .c-flow__step .desc {
        line-height: 2.1;
        margin-top: 8px
    }
}

.c-flow__spacer {
    display: block;
    width: 20px;
    max-width: 20px;
    min-width: 20px;
    height: 100%
}

.c-flow__progress,
.c-header {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.c-flow__progress {
    position: relative;
    margin-top: 51px;
    height: 4px;
    width: 85.3%;
    background: #d5d5d5
}

@media screen and (min-width:1201px) {
    .c-flow__progress {
        display: none
    }
}

.c-header-contact__call,
.c-input {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:800px) {
    .c-flow__progress {
        margin-top: 21px;
        width: 90%;
        height: 2px
    }
}

.c-flow__progress .swiper-scrollbar-drag {
    position: relative;
    top: 0;
    height: 4px;
    background: #15171b;
    cursor: pointer
}

@media screen and (max-width:800px) {
    .c-flow__progress .swiper-scrollbar-drag {
        height: 2px
    }
}

.c-flow__progress .swiper-scrollbar-drag::before {
    content: '';
    position: absolute;
    left: 0;
    top: -11px;
    width: 100%;
    height: 22px
}

.c-header {
    width: 85.6%;
    height: 533px
}

@media screen and (max-width:1200px) {
    .c-header {
        width: 100%;
        padding-left: 86px
    }
}

@media screen and (max-width:800px) {
    .c-header {
        width: 100%;
        padding: 0 20px;
        height: 282px
    }
}

.c-header-contact {
    height: 588px
}

@media screen and (max-width:800px) {
    .c-header-contact {
        height: 476px
    }
}

.c-header-contact__call {
    background-color: #15171b;
    color: #fff;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 164px;
    margin-top: 116px;
    width: 766px;
    max-width: calc(100% - 10px);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .2s cubic-bezier(.79, .17, .15, .96);
    transition: opacity .5s .3s, -webkit-transform .5s .2s cubic-bezier(.79, .17, .15, .96);
    transition: transform .5s .2s cubic-bezier(.79, .17, .15, .96), opacity .5s .3s;
    transition: transform .5s .2s cubic-bezier(.79, .17, .15, .96), opacity .5s .3s, -webkit-transform .5s .2s cubic-bezier(.79, .17, .15, .96)
}

@media screen and (max-width:800px) {
    .c-header-contact__call {
        height: 154px;
        max-width: 100%;
        position: relative;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 91px;
        width: 100%;
        padding-top: 33px
    }
}

.c-header-contact__call .head {
    font-size: 15px;
    line-height: 2;
    width: 198px;
    min-width: 198px;
    letter-spacing: 1.2px;
    font-weight: 600
}

@media screen and (max-width:800px) {
    .c-header-contact__call .head {
        font-size: 13px;
        letter-spacing: 1px;
        position: relative;
        left: 0;
        width: 100%;
        text-align: center
    }
    .c-header-contact__call .head br,
    .c-header-contact__call .line {
        display: none
    }
}

.c-header-contact__call .line {
    width: 1px;
    height: 45px;
    background-color: #fff;
    margin-right: 41px
}

.c-header-contact__call .icon {
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 19px
}

@media screen and (max-width:800px) {
    .c-header-contact__call .icon {
        position: absolute;
        top: 30px;
        left: -170px;
        right: 0;
        bottom: 0;
        margin: auto
    }
}

.c-header-contact__call .number {
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 25px;
    letter-spacing: 2.5px;
    margin-right: 10px;
    font-weight: 700;
    height: 24px
}

@media screen and (max-width:800px) {
    .c-header-contact__call .number {
        font-size: 20px;
        margin-top: 11px;
        width: 110px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap
    }
}

.c-header-contact__call .time {
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    height: 24px;
    line-height: 38px
}

body.is-change-start .c-header-contact__call,
body:not(.init-end) .c-header-contact__call {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 0s .3s;
    transition: 0s .3s
}

body#contactJobSeekerThanks .c-header,
body#contactRecruiterThanks .c-header {
    height: 262px
}

@media screen and (max-width:800px) {
    .c-header-contact__call .time {
        line-height: 1;
        margin-top: 6px;
        width: 110px;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap
    }
    body#contactJobSeekerThanks .c-header,
    body#contactRecruiterThanks .c-header {
        height: 273px
    }
}

body#information .c-header,
body#interview .c-header,
body#news .c-header,
body#privacy .c-header,
body#sitemap .c-header {
    height: auto
}

.c-header__inner {
    width: 100%;
    min-width: 500px;
    padding-top: 160px
}

@media screen and (max-width:600px) {
    .c-header__inner {
        min-width: 0
    }
}

.c-header__jp {
    font-size: 12px;
    padding-left: 4px;
    line-height: 1;
    letter-spacing: .3px;
    font-weight: 600;
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s cubic-bezier(.79, .17, .15, .96);
    transition: opacity .5s .1s, -webkit-transform .5s cubic-bezier(.79, .17, .15, .96);
    transition: transform .5s cubic-bezier(.79, .17, .15, .96), opacity .5s .1s;
    transition: transform .5s cubic-bezier(.79, .17, .15, .96), opacity .5s .1s, -webkit-transform .5s cubic-bezier(.79, .17, .15, .96)
}

@media screen and (max-width:800px) {
    .c-header__inner {
        padding-top: 107px
    }
    .c-header__jp {
        font-size: 10px;
        padding-left: 0
    }
}

body.is-change-start .c-header__jp,
body:not(.init-end) .c-header__jp {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: 0s .3s;
    transition: 0s .3s
}

.c-header__en {
    font-family: Arial, "Helvetica Neue", sans-serif;
    line-height: 1;
    font-size: 30px;
    margin-top: 26px;
    letter-spacing: .7px;
    font-weight: 700;
    -webkit-transition: opacity .5s .2s, -webkit-transform .7s cubic-bezier(.79, .17, .15, .96);
    transition: opacity .5s .2s, -webkit-transform .7s cubic-bezier(.79, .17, .15, .96);
    transition: transform .7s cubic-bezier(.79, .17, .15, .96), opacity .5s .2s;
    transition: transform .7s cubic-bezier(.79, .17, .15, .96), opacity .5s .2s, -webkit-transform .7s cubic-bezier(.79, .17, .15, .96)
}

@media screen and (max-width:800px) {
    .c-header__en {
        letter-spacing: .3px;
        margin-top: 13px;
        font-size: 23px
    }
}

.c-header__en span {
    font-size: 20px;
    letter-spacing: .9px
}

body.is-change-start .c-header__en,
body:not(.init-end) .c-header__en {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: 0s .3s;
    transition: 0s .3s
}

.c-header__index {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 400px;
    min-width: calc(50vw - 280px);
    height: 533px;
    padding-top: 158px;
    padding-left: 40px
}

@media screen and (max-width:1000px) {
    .c-header__index {
        width: 350px;
        padding-left: 30px
    }
}

@media screen and (max-width:800px) {
    .c-header__en span {
        font-size: 23px;
        letter-spacing: .9px
    }
    .c-header__index {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 47px;
        padding-top: 0;
        padding-left: 0;
        display: none
    }
    body#contactJobSeekerThanks .c-header__index,
    body#contactRecruiterThanks .c-header__index {
        margin-top: 90px;
        padding-bottom: 18px;
        border-bottom: solid 1px #d5d5d5;
        margin-bottom: 30px
    }
    body#contactJobSeeker .c-header__index,
    body#contactJobSeekerThanks .c-header__index,
    body#contactRecruiter .c-header__index,
    body#contactRecruiterThanks .c-header__index {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-header__index__item {
    position: relative;
    line-height: 1.2;
    font-size: 12px;
    letter-spacing: .7px;
    margin-bottom: 37px;
    padding-left: 15px;
    font-weight: 600;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    cursor: pointer
}

.c-header__index__item:nth-child(1) {
    -webkit-transition: opacity .4s .5s, color .2s, -webkit-transform .4s .5s;
    transition: opacity .4s .5s, color .2s, -webkit-transform .4s .5s;
    transition: opacity .4s .5s, transform .4s .5s, color .2s;
    transition: opacity .4s .5s, transform .4s .5s, color .2s, -webkit-transform .4s .5s
}

.c-header__index__item:nth-child(2) {
    -webkit-transition: opacity .4s .6s, color .2s, -webkit-transform .4s .6s;
    transition: opacity .4s .6s, color .2s, -webkit-transform .4s .6s;
    transition: opacity .4s .6s, transform .4s .6s, color .2s;
    transition: opacity .4s .6s, transform .4s .6s, color .2s, -webkit-transform .4s .6s
}

.c-header__index__item:nth-child(3) {
    -webkit-transition: opacity .4s .7s, color .2s, -webkit-transform .4s .7s;
    transition: opacity .4s .7s, color .2s, -webkit-transform .4s .7s;
    transition: opacity .4s .7s, transform .4s .7s, color .2s;
    transition: opacity .4s .7s, transform .4s .7s, color .2s, -webkit-transform .4s .7s
}

.c-header__index__item:nth-child(4) {
    -webkit-transition: opacity .4s .8s, color .2s, -webkit-transform .4s .8s;
    transition: opacity .4s .8s, color .2s, -webkit-transform .4s .8s;
    transition: opacity .4s .8s, transform .4s .8s, color .2s;
    transition: opacity .4s .8s, transform .4s .8s, color .2s, -webkit-transform .4s .8s
}

.c-header__index__item:nth-child(5) {
    -webkit-transition: opacity .4s .9s, color .2s, -webkit-transform .4s .9s;
    transition: opacity .4s .9s, color .2s, -webkit-transform .4s .9s;
    transition: opacity .4s .9s, transform .4s .9s, color .2s;
    transition: opacity .4s .9s, transform .4s .9s, color .2s, -webkit-transform .4s .9s
}

.c-header__index__item:nth-child(6) {
    -webkit-transition: opacity .4s 1s, color .2s, -webkit-transform .4s 1s;
    transition: opacity .4s 1s, color .2s, -webkit-transform .4s 1s;
    transition: opacity .4s 1s, transform .4s 1s, color .2s;
    transition: opacity .4s 1s, transform .4s 1s, color .2s, -webkit-transform .4s 1s
}

.c-header__index__item:nth-child(7) {
    -webkit-transition: opacity .4s 1.1s, color .2s, -webkit-transform .4s 1.1s;
    transition: opacity .4s 1.1s, color .2s, -webkit-transform .4s 1.1s;
    transition: opacity .4s 1.1s, transform .4s 1.1s, color .2s;
    transition: opacity .4s 1.1s, transform .4s 1.1s, color .2s, -webkit-transform .4s 1.1s
}

.c-header__index__item:nth-child(8) {
    -webkit-transition: opacity .4s 1.2s, color .2s, -webkit-transform .4s 1.2s;
    transition: opacity .4s 1.2s, color .2s, -webkit-transform .4s 1.2s;
    transition: opacity .4s 1.2s, transform .4s 1.2s, color .2s;
    transition: opacity .4s 1.2s, transform .4s 1.2s, color .2s, -webkit-transform .4s 1.2s
}

.c-header__index__item:nth-child(9) {
    -webkit-transition: opacity .4s 1.3s, color .2s, -webkit-transform .4s 1.3s;
    transition: opacity .4s 1.3s, color .2s, -webkit-transform .4s 1.3s;
    transition: opacity .4s 1.3s, transform .4s 1.3s, color .2s;
    transition: opacity .4s 1.3s, transform .4s 1.3s, color .2s, -webkit-transform .4s 1.3s
}

.c-header__index__item:nth-child(10) {
    -webkit-transition: opacity .4s 1.4s, color .2s, -webkit-transform .4s 1.4s;
    transition: opacity .4s 1.4s, color .2s, -webkit-transform .4s 1.4s;
    transition: opacity .4s 1.4s, transform .4s 1.4s, color .2s;
    transition: opacity .4s 1.4s, transform .4s 1.4s, color .2s, -webkit-transform .4s 1.4s
}

body.is-change-start .c-header__index__item,
body:not(.init-end) .c-header__index__item {
    opacity: 0!important;
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-transition: 0s .5s;
    transition: 0s .5s
}

.c-header__index__item::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 1px;
    background-color: #15171b
}

@media screen and (max-width:800px) {
    .c-header__index__item {
        padding-left: 9px;
        font-size: 10px;
        margin-bottom: 0;
        margin-right: 17px;
        font-weight: 500
    }
    .c-header__index__item::before {
        width: 4px
    }
}

@media screen and (min-width:801px) {
    .c-header__index__item:hover {
        color: #515151
    }
}

body#contactJobSeeker .c-header__index__item:nth-child(2),
body#contactJobSeekerThanks .c-header__index__item:nth-child(1),
body#contactRecruiter .c-header__index__item:nth-child(2),
body#contactRecruiterThanks .c-header__index__item:nth-child(1) {
    opacity: .5;
    pointer-events: none
}

.c-input select {
    cursor: pointer
}

.c-input input[type=text],
.c-input input[type=tel],
.c-input select {
    border-radius: 0;
    border: 1px solid #d5d5d5;
    padding-left: 23px;
    height: 60px;
    font-size: 12px;
    -webkit-transition: .2s;
    transition: .2s;
    background-color: #fff
}

@media screen and (max-width:800px) {
    .c-input input[type=text],
    .c-input input[type=tel],
    .c-input select {
        padding-left: 13px;
        height: 45px
    }
}

.c-input input[type=text]:hover,
.c-input input[type=tel]:hover,
.c-input select:hover {
    background-color: #f8f8f8
}

.c-input input[type=checkbox],
.c-input input[type=radio] {
    width: 0;
    height: 0;
    opacity: 0
}

.c-input textarea {
    width: 100%;
    height: 300px;
    border-radius: 0;
    border: 1px solid #d5d5d5;
    padding: 20px 23px;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    background-color: #fff
}

.c-input textarea:hover {
    background-color: #f8f8f8
}

.c-input {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(50% - 10px);
    max-width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    margin-right: 100%;
    margin-top: 35px
}

.c-input-email input,
.c-input-email-check input,
.c-input-tel input,
.c-input-text input {
    width: 100%
}

@media screen and (max-width:800px) {
    .c-input textarea {
        height: 200px
    }
    .c-input {
        margin-top: 26.2px;
        width: 100%;
        min-width: 100%;
        max-width: 600px
    }
}

.c-input-text {
    margin-right: 0
}

.c-input-department {
    margin-right: 100%
}

.c-input-email,
.c-input-email-check {
    margin-right: 0
}

.c-input-textArea {
    width: 100%;
    max-width: 100%;
    min-width: 100%
}

.c-input-birthday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-input-birthday select {
    width: 27%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-input-birthday .line {
    margin-top: -2px
}

.c-input-select:not(.c-input-birthday) {
    position: relative
}

.c-input-select:not(.c-input-birthday) select {
    position: relative;
    width: 100%
}

.c-input-select:not(.c-input-birthday)::after {
    content: '';
    position: absolute;
    top: auto;
    left: auto;
    right: 28px;
    bottom: 28px;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 1px #15171b;
    border-right: solid 1px #15171b
}

.c-input-radio .radio-item {
    white-space: nowrap
}

.c-input-radio .radio-item label {
    position: relative;
    line-height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 1px
}

.c-input-radio .radio-item input[type=radio]+label::before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    width: 25px;
    height: 25px;
    min-width: 24px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #d5d5d5 inset, 0 0 0 4px #fff inset;
    box-shadow: 0 0 0 1px #d5d5d5 inset, 0 0 0 4px #fff inset;
    background: #fff;
    -webkit-transition: background .1s;
    transition: background .1s
}

.c-input-radio .radio-item input[type=radio]:checked+label::before {
    background: #15171b
}

@media screen and (max-width:800px) {
    .c-input-select:not(.c-input-birthday)::after {
        right: 15px;
        bottom: 20px
    }
    .c-input-radio .radio-item input[type=radio]+label::before {
        -webkit-box-shadow: 0 0 0 1px #d5d5d5 inset, 0 0 0 5px #fff inset;
        box-shadow: 0 0 0 1px #d5d5d5 inset, 0 0 0 5px #fff inset;
        margin-right: 6px;
        width: 30px;
        height: 30px;
        min-width: 30px
    }
    .c-input-radio .radio-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-input-radio .radio-item:nth-child(2) {
    margin-right: 30px
}

@media screen and (max-width:800px) {
    .c-input-radio .radio-item {
        margin-bottom: 10px;
        margin-right: 10px
    }
}

.c-input-privacy {
    margin-top: 40px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-bottom: 75px
}

.c-input-privacy label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    line-height: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    height: 24px;
    font-size: 15px;
    letter-spacing: .8px
}

@media screen and (max-width:800px) {
    .c-input-privacy label {
        height: auto;
        display: block;
        font-size: 13px;
        padding-left: 38px;
        line-height: 1.6
    }
}

.c-input-privacy input[type=checkbox]+label::before {
    content: '';
    display: inline-block;
    border: 1px solid #d5d5d5;
    margin-right: 18px;
    width: 25px;
    height: 25px;
    min-width: 25px
}

@media screen and (max-width:800px) {
    .c-input-privacy input[type=checkbox]+label::before {
        position: absolute;
        top: calc(50% + 2px);
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-right: 10px;
        width: 30px;
        height: 30px;
        min-width: 30px
    }
}

.c-input-privacy input[type=checkbox]+label::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 9px;
    width: 7px;
    height: 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: solid 2px #15171b;
    border-bottom: solid 2px #15171b;
    opacity: 0;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

@media screen and (max-width:800px) {
    .c-input-privacy input[type=checkbox]+label::after {
        top: calc(50% - 1px);
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        left: 10px;
        width: 10px;
        height: 16px;
        border-right: solid 2px #15171b;
        border-bottom: solid 2px #15171b
    }
    .c-input-privacy {
        padding-bottom: 45px;
        margin-top: 26px
    }
}

.c-input.is-error input[type=text],
.c-input.is-error input[type=tel],
.c-input.is-error select,
.c-input.is-error textarea,
.c-input.is-error.c-input-privacy label::before {
    border: 1px solid #eb0823
}

.c-input-privacy input[type=checkbox]:checked+label::after {
    opacity: 1
}

.c-input-privacy a {
    display: inline;
    position: relative;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.c-input-privacy a::before {
    content: '';
    position: absolute;
    top: calc(100% + 1px);
    left: 3px;
    width: calc(100% - 6px);
    height: 1px;
    background: #aaa
}

.c-input-privacy a:hover {
    opacity: .7
}

.c-input-privacy__desc {
    position: relative;
    margin-top: 15px;
    padding-left: 11px;
    font-size: 12px;
    letter-spacing: .6px;
    line-height: 1.83
}

@media screen and (max-width:800px) {
    .c-input-privacy a {
        margin-right: 3px
    }
    .c-input-privacy a::before {
        top: 100%
    }
    .c-input-privacy__desc {
        letter-spacing: .5px;
        font-size: 10px;
        padding-left: 9px;
        margin-top: 27px;
        line-height: 1.9
    }
}

.c-input-privacy__desc::before {
    content: '※';
    position: absolute;
    top: 0;
    left: -2px;
    background: #fff
}

.c-interview__circle::before,
.c-news__circle::before,
.c-slide__data__pager .js-slide-pager::before,
.c-works__head::before,
.l-footer__pageTop::after {
    content: ''
}

.c-input.is-error.c-input-privacy label {
    color: #eb0823
}

.c-input.is-error.c-input-privacy label a::before {
    background-color: #eb0823
}

.c-input__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 17px
}

@media screen and (max-width:800px) {
    .c-input__label {
        margin-bottom: 12px;
        font-size: 13px
    }
}

.c-input__label span {
    font-weight: 600;
    display: inline-block;
    margin-left: 4px;
    color: #eb0823;
    font-size: 10px;
    vertical-align: super;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.c-interview__wrap,
.c-news__link {
    display: -webkit-box;
    display: -ms-flexbox
}

.c-interview {
    position: relative;
    z-index: 1;
    height: 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    pointer-events: none
}

.c-interview__wrap {
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 390px;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

body:not(#index) .c-interview__wrap {
    pointer-events: auto
}

.c-interview.swiper-slide-active,
.c-interview.swiper-slide-next,
.c-interview.swiper-slide-prev {
    pointer-events: none
}

.c-interview__img {
    position: relative;
    width: 100%;
    padding-top: 134%;
    background-color: #fff;
    overflow: hidden;
    z-index: -1
}

.c-interview__img span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0) scale(1.001);
    transform: translate3d(0, 0, 0) scale(1.001);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.c-interview__inner {
    position: relative;
    z-index: 3;
    margin: -80px -1px 0 auto;
    width: calc(100% - 40px);
    padding: 32px 40px 163px;
    background-color: #fff;
    height: 100%;
    min-width: 300px;
    pointer-events: auto
}

@media screen and (max-width:1200px) {
    .c-interview__inner {
        padding: 15px 20px 150px;
        min-width: 260px
    }
}

@media screen and (max-width:800px) {
    .c-interview__inner {
        margin: -76px 0 0 auto;
        padding: 14px 21px 135px;
        width: calc(100% - 30px);
        min-width: 0
    }
}

@media screen and (max-width:600px) {
    body#interview .c-interview__inner {
        padding: 22px 31px 140px;
        margin: -140px 0 0 auto;
        width: calc(100% - 21px)
    }
}

.c-interview__title {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.8;
    text-align: justify
}

.c-interview__desc {
    position: absolute;
    top: auto;
    left: 40px;
    right: auto;
    bottom: 100px
}

@media screen and (max-width:1200px) {
    .c-interview__title {
        font-size: 16px
    }
    .c-interview__desc {
        position: absolute;
        top: auto;
        left: 20px;
        right: auto;
        bottom: 90px
    }
}

@media screen and (max-width:800px) {
    .c-interview__title {
        font-weight: 600;
        line-height: 1.73;
        font-size: 15px
    }
    .c-interview__desc {
        width: calc(100% - 40px);
        bottom: 61px
    }
}

@media screen and (max-width:600px) {
    body#interview .c-interview__desc {
        left: 28px;
        bottom: 82px
    }
}

.c-interview__desc p {
    font-size: 10px;
    color: #aaa;
    line-height: 1.2;
    margin-bottom: 11px;
    letter-spacing: .2px
}

.c-interview__desc p>span {
    display: inline-block;
    margin-right: 5px
}

.c-interview__circle {
    color: #aaa;
    position: absolute;
    top: auto;
    left: auto;
    right: 50px;
    bottom: 40px;
    width: 31px;
    height: 31px
}

.c-interview__circle::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transition: .3s;
    transition: .3s
}

.c-interview__circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width:1200px) {
    .c-interview__circle {
        right: 30px
    }
}

@media screen and (max-width:800px) {
    .c-interview__desc p {
        margin-bottom: 10px
    }
    .c-interview__desc p>span {
        line-height: 21px;
        margin-top: -8px
    }
    .c-interview__circle {
        width: 25px;
        height: 25px;
        right: 28px;
        bottom: 20px
    }
    .c-interview__circle svg {
        width: 24px;
        top: 8px
    }
}

@media screen and (max-width:600px) {
    body#interview .c-interview__circle {
        bottom: 30px;
        right: 40px
    }
}

@media screen and (min-width:801px) {
    .c-interview:hover .c-interview__circle::before {
        -webkit-transform: scale(1.58);
        transform: scale(1.58);
        background-color: #043b8e;
        border-color: transparent;
        opacity: .7;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .c-interview:hover .c-interview__circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-width:801px) {
    .c-interview:hover .c-interview__circle svg {
        fill: #aaa;
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .c-interview:hover .c-interview__circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

@media screen and (min-width:801px) {
    .c-interview:hover .c-interview__img span {
        -webkit-transform: translate3d(0, 0, 0) scale(1.07);
        transform: translate3d(0, 0, 0) scale(1.07);
        -webkit-transition: -webkit-transform .7s cubic-bezier(.19, .82, .27, 1);
        transition: -webkit-transform .7s cubic-bezier(.19, .82, .27, 1);
        transition: transform .7s cubic-bezier(.19, .82, .27, 1);
        transition: transform .7s cubic-bezier(.19, .82, .27, 1), -webkit-transform .7s cubic-bezier(.19, .82, .27, 1)
    }
}

.p-recruit-interview__item .c-interview__wrap {
    max-width: 88.5%;
    margin-left: 0;
    min-width: 295px
}

@media screen and (max-width:800px) {
    .p-recruit-interview__item .c-interview__wrap {
        max-width: 100%;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .p-recruit-interview__item .c-interview__img {
        padding-top: 130%
    }
}

.p-recruit-interview__item .c-interview__inner {
    margin: -240px -14% 0 auto;
    width: calc(100% - 77px);
    min-width: 350px;
    padding: 39px 50px 200px
}

@media screen and (max-width:1000px) {
    .p-recruit-interview__item .c-interview__inner {
        margin: -170px -14% 0 auto;
        padding: 25px 30px 200px 25px;
        width: calc(100% - 20px);
        min-width: 300px
    }
}

@media screen and (max-width:800px) {
    .p-recruit-interview__item .c-interview__inner {
        margin: -135px 0 0 auto;
        padding: 25px 30px 140px 32px;
        width: 280px;
        min-width: 0
    }
}

.p-recruit-interview__item .c-interview__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.76
}

.p-recruit-interview__item .c-interview__desc {
    margin-top: 31px;
    bottom: 125px;
    left: 50px
}

@media screen and (max-width:1000px) {
    .p-recruit-interview__item .c-interview__title {
        line-height: 1.7;
        font-size: 15px
    }
    .p-recruit-interview__item .c-interview__desc {
        left: 25px
    }
}

.p-recruit-interview__item .c-interview__desc p {
    font-size: 12px;
    padding-left: 2px;
    letter-spacing: 0;
    margin-bottom: 9px
}

@media screen and (max-width:800px) {
    .p-recruit-interview__item .c-interview__desc {
        left: 29px;
        bottom: 82px
    }
    .p-recruit-interview__item .c-interview__desc p {
        color: #aaa;
        font-size: 10px
    }
}

.p-recruit-interview__item .c-interview__desc p span {
    margin-right: 13px
}

.p-recruit-interview__item .c-interview__circle {
    right: 63px;
    bottom: 52px
}

.c-lower-video {
    position: relative;
    display: block;
    overflow: hidden;
    background: #f8f8f8
}

.c-news__img,
.c-phil-section__image__bg__img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.c-lower-video__item {
    position: relative;
    height: auto;
    width: 100vw;
    display: block;
    padding: 0;
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity 0s .5s linear, -webkit-transform 0s .5s cubic-bezier(.7, .3, .3, .9);
    transition: opacity 0s .5s linear, -webkit-transform 0s .5s cubic-bezier(.7, .3, .3, .9);
    transition: opacity 0s .5s linear, transform 0s .5s cubic-bezier(.7, .3, .3, .9);
    transition: opacity 0s .5s linear, transform 0s .5s cubic-bezier(.7, .3, .3, .9), -webkit-transform 0s .5s cubic-bezier(.7, .3, .3, .9);
    -webkit-transform: scale(1.12) translate3d(0, 0, 0);
    transform: scale(1.12) translate3d(0, 0, 0)
}

.c-needs,
.c-needs__head {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

body:not(.is-change-start).init-end .c-lower-video__item.video-loaded {
    -webkit-transition: opacity .4s .4s linear, -webkit-transform .8s .2s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .4s .4s linear, -webkit-transform .8s .2s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .4s .4s linear, transform .8s .2s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .4s .4s linear, transform .8s .2s cubic-bezier(.7, .3, .3, .9), -webkit-transform .8s .2s cubic-bezier(.7, .3, .3, .9);
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
}

.c-lower-video__img {
    width: 100%;
    height: auto;
    display: none;
    -webkit-transform: scale(1.12) translate3d(0, 0, 0);
    transform: scale(1.12) translate3d(0, 0, 0);
    opacity: 0;
    -webkit-transition: opacity .3s linear, -webkit-transform 0s .5s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .3s linear, -webkit-transform 0s .5s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .3s linear, transform 0s .5s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .3s linear, transform 0s .5s cubic-bezier(.7, .3, .3, .9), -webkit-transform 0s .5s cubic-bezier(.7, .3, .3, .9)
}

@media screen and (max-width:800px) {
    .p-recruit-interview__item .c-interview__circle {
        right: 42px;
        bottom: 32px
    }
    .c-lower-video__item {
        display: none
    }
    .c-lower-video__img {
        display: block;
        -webkit-transition: opacity .4s .4s linear, -webkit-transform .8s .2s cubic-bezier(.7, .3, .3, .9);
        transition: opacity .4s .4s linear, -webkit-transform .8s .2s cubic-bezier(.7, .3, .3, .9);
        transition: opacity .4s .4s linear, transform .8s .2s cubic-bezier(.7, .3, .3, .9);
        transition: opacity .4s .4s linear, transform .8s .2s cubic-bezier(.7, .3, .3, .9), -webkit-transform .8s .2s cubic-bezier(.7, .3, .3, .9);
        height: auto;
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

.c-lower-video__img:first-child {
    display: block
}

body:not(.is-change-start).init-end .c-lower-video__img:first-child {
    display: block;
    -webkit-transition: opacity .4s .4s linear, -webkit-transform .8s .1s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .4s .4s linear, -webkit-transform .8s .1s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .4s .4s linear, transform .8s .1s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .4s .4s linear, transform .8s .1s cubic-bezier(.7, .3, .3, .9), -webkit-transform .8s .1s cubic-bezier(.7, .3, .3, .9);
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
}

.c-needs {
    min-width: 220px;
    width: 308px;
    max-width: 30%
}

@media screen and (max-width:800px) {
    .c-needs {
        margin-bottom: 14px;
        min-width: 250px;
        width: 250px;
        max-width: 30%
    }
}

.c-needs:nth-child(2) .c-needs__head {
    width: 180px
}

.c-needs:nth-child(3) .c-needs__head {
    width: 190px
}

.c-needs:nth-child(4) .c-needs__head {
    width: 152px
}

.c-needs__head {
    height: 220px
}

@media screen and (max-width:800px) {
    .c-needs__head {
        height: 180px;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        left: -10px
    }
}

.c-needs__head svg {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 100%;
    height: 100%;
    opacity: 0
}

.c-needs__body {
    width: 100%;
    padding-top: 33px
}

.c-needs__problem {
    font-size: 15px;
    line-height: 2;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center
}

@media screen and (max-width:800px) {
    .c-needs__body {
        padding-top: 23px
    }
    .c-needs__problem {
        padding-top: 2px;
        font-size: 13px;
        line-height: 1.9;
        font-weight: 600;
        letter-spacing: .8px
    }
}

.c-needs__desc {
    font-size: 12px;
    line-height: 2;
    letter-spacing: .7px;
    margin-top: 16px;
    font-family: NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif
}

.c-news__head .day,
.c-pager,
.c-phil-section__box .data-head,
.c-phil-section__head {
    font-family: Arial, "Helvetica Neue", sans-serif
}

@media screen and (max-width:800px) {
    .c-needs__desc {
        margin-top: 14px;
        line-height: 1.86;
        width: calc(100% + 40px);
        position: relative;
        left: -20px;
        font-size: 11px
    }
}

.c-needs:nth-child(2) .c-needs__head svg:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) scale(.5) rotate(60deg);
    transform: translate(-50%, -50%) scale(.5) rotate(60deg)
}

.c-needs:nth-child(2) .c-needs__head svg:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) scale(.7) rotate(90deg);
    transform: translate(-50%, -50%) scale(.7) rotate(90deg)
}

.c-needs:nth-child(3) .c-needs__head svg:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) scale(.7) rotate(0);
    transform: translate(-50%, -50%) scale(.7) rotate(0)
}

.c-needs:nth-child(3) .c-needs__head svg:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) scale(1.2) rotate(-40deg);
    transform: translate(-50%, -50%) scale(1.2) rotate(-40deg)
}

.c-needs:nth-child(4) .c-needs__head svg:nth-child(1) {
    -webkit-transform: translate(-50%, -40%) scale(.7) rotate(0);
    transform: translate(-50%, -40%) scale(.7) rotate(0)
}

.c-needs:nth-child(4) .c-needs__head svg:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) scale(1.2) rotate(40deg);
    transform: translate(-50%, -50%) scale(1.2) rotate(40deg)
}

.c-needs.is-invasion .c-needs__head svg {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(0)!important;
    transform: translate(-50%, -50%) scale(1) rotate(0)!important
}

.c-needs.is-invasion .c-needs__head svg:nth-child(1) {
    -webkit-transition: opacity .3s .2s, -webkit-transform .8s;
    transition: opacity .3s .2s, -webkit-transform .8s;
    transition: transform .8s, opacity .3s .2s;
    transition: transform .8s, opacity .3s .2s, -webkit-transform .8s
}

.c-needs.is-invasion .c-needs__head svg:nth-child(2) {
    -webkit-transition: opacity .2s .4s, -webkit-transform .5s .3s;
    transition: opacity .2s .4s, -webkit-transform .5s .3s;
    transition: transform .5s .3s, opacity .2s .4s;
    transition: transform .5s .3s, opacity .2s .4s, -webkit-transform .5s .3s
}

.c-news {
    width: calc(100% - 400px);
    height: 155px;
    border-bottom: solid 1px #d5d5d5
}

.c-news:nth-child(1) {
    -webkit-transition: .4s .4s;
    transition: .4s .4s
}

.c-news:nth-child(2) {
    -webkit-transition: .4s .5s;
    transition: .4s .5s
}

.c-news:nth-child(3) {
    -webkit-transition: .4s .6s;
    transition: .4s .6s
}

.c-news:nth-child(4) {
    -webkit-transition: .4s .7s;
    transition: .4s .7s
}

.c-news:nth-child(5) {
    -webkit-transition: .4s .8s;
    transition: .4s .8s
}

.c-news:nth-child(6) {
    -webkit-transition: .4s .9s;
    transition: .4s .9s
}

.c-news:nth-child(7) {
    -webkit-transition: .4s 1s;
    transition: .4s 1s
}

.c-news:nth-child(8) {
    -webkit-transition: .4s 1.1s;
    transition: .4s 1.1s
}

.c-news:nth-child(9) {
    -webkit-transition: .4s 1.2s;
    transition: .4s 1.2s
}

.c-news:nth-child(10) {
    -webkit-transition: .4s 1.3s;
    transition: .4s 1.3s
}

.c-news:nth-child(11) {
    -webkit-transition: .4s 1.4s;
    transition: .4s 1.4s
}

.c-news:nth-child(12) {
    -webkit-transition: .4s 1.5s;
    transition: .4s 1.5s
}

.c-news:nth-child(13) {
    -webkit-transition: .4s 1.6s;
    transition: .4s 1.6s
}

.c-news:nth-child(14) {
    -webkit-transition: .4s 1.7s;
    transition: .4s 1.7s
}

.c-news:nth-child(15) {
    -webkit-transition: .4s 1.8s;
    transition: .4s 1.8s
}

.c-news:nth-child(16) {
    -webkit-transition: .4s 1.9s;
    transition: .4s 1.9s
}

.c-news:nth-child(17) {
    -webkit-transition: .4s 2s;
    transition: .4s 2s
}

.c-news:nth-child(18) {
    -webkit-transition: .4s 2.1s;
    transition: .4s 2.1s
}

.c-news:nth-child(19) {
    -webkit-transition: .4s 2.2s;
    transition: .4s 2.2s
}

.c-news:nth-child(20) {
    -webkit-transition: .4s 2.3s;
    transition: .4s 2.3s
}

body.is-change-start .c-news {
    -webkit-transition: 0s .3s;
    transition: 0s .3s;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0
}

@media screen and (max-width:800px) {
    .c-news {
        width: 100%;
        height: 130px
    }
}

@media screen and (min-width:801px) {
    .c-news:first-child {
        height: 156px
    }
}

.c-news__link {
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-news__head,
.c-pager a,
.c-pager li {
    display: -ms-flexbox;
    -webkit-box-align: center
}

.c-news__img {
    width: 110px;
    height: 74px;
    min-width: 110px;
    margin-right: 20px;
    margin-left: 2px
}

.c-news__inner {
    height: 74px;
    width: calc(100% - 230px)
}

@media screen and (max-width:1000px) {
    .c-news__inner {
        width: calc(100% - 190px)
    }
}

.c-news__head {
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    opacity: .7;
    white-space: nowrap
}

.c-news__head .day {
    font-size: 12px
}

@media screen and (max-width:800px) {
    .c-news__img {
        position: relative;
        left: -3px;
        top: -2px;
        margin-right: 16px
    }
    .c-news__inner {
        width: 100%
    }
    .c-news__head .day {
        font-size: 10px
    }
}

.c-news__head .line {
    display: block;
    background-color: currentColor;
    width: 1px;
    height: 10px;
    margin: 0 11px 0 13px
}

.c-news__head .tag {
    font-size: 10px;
    letter-spacing: .8px
}

@media screen and (max-width:800px) {
    .c-news__head .line {
        margin: 0 10px 0 11px
    }
    .c-news__head .tag {
        position: relative;
        top: -2px;
        letter-spacing: 0
    }
}

.c-news__title {
    font-size: 14px;
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 11px;
    letter-spacing: 1px;
    transition: opacity .2s;
    max-height: 56px
}

@media screen and (max-width:800px) {
    .c-news__title {
        max-height: 60px;
        width: 102%;
        letter-spacing: .6px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 9px;
        line-height: 1.83;
        font-size: 11px
    }
}

.c-news__circle {
    min-width: 30px;
    position: relative;
    width: 31px;
    height: 31px;
    color: #aaa;
    margin-right: 13px;
    margin-left: auto
}

.c-news__circle::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transition: .3s;
    transition: .3s
}

.c-news__circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width:800px) {
    .c-news__circle {
        width: 25px;
        height: 25px;
        display: none
    }
    .c-news__circle svg {
        width: 24px;
        top: 8px
    }
}

@media screen and (min-width:801px) {
    .c-news:hover .c-news__title {
        opacity: .6
    }
    .c-news:hover .c-news__circle::before {
        -webkit-transform: scale(1.58);
        transform: scale(1.58);
        background-color: #043b8e;
        border-color: transparent;
        opacity: .7;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .c-news:hover .c-news__circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-width:801px) {
    .c-news:hover .c-news__circle svg {
        fill: #aaa;
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .c-news:hover .c-news__circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.c-pager {
    margin: 75px 0;
    position: relative;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #aaa
}

@media screen and (max-width:800px) {
    .c-pager {
        margin: 48px 0 25px auto;
        width: 350px;
        font-size: 11px;
        max-width: 100%
    }
    body#interview .c-pager {
        max-width: 79%;
        margin-left: auto;
        margin-right: auto
    }
}

.c-pager a,
.c-pager li {
    width: 12px;
    height: 20px;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:800px) {
    .c-pager a,
    .c-pager li {
        width: 10px;
        height: 15px
    }
}

.c-pager svg {
    width: 6px;
    height: 11px
}

.c-pager__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:801px) {
    body#interview .c-pager__list {
        padding-left: 35px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-pager__item,
.c-pager__leader {
    margin-right: 35px
}

@media screen and (max-width:800px) {
    .c-pager__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .c-pager__item,
    .c-pager__leader {
        margin-right: 0
    }
}

.c-pager__leader {
    pointer-events: none;
    padding-bottom: 8px
}

.c-pager__leader:not(.is-active) {
    display: none!important
}

.c-phil-section,
.c-phil-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    align-content: center
}

.c-pager .is-current {
    color: #15171b
}

.c-phil-section {
    position: relative;
    width: calc(100% - 40px);
    display: flex;
    -ms-flex-line-pack: center;
    padding-bottom: 110px;
    margin: 0 0 0 auto;
    min-height: 100vh
}

@media screen and (max-width:800px) {
    .c-phil-section {
        margin: 0 auto 70px;
        width: 89%;
        max-width: 430px;
        display: block;
        padding-bottom: 0
    }
}

.c-phil-section__wrap {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center
}

.c-phil-section__head {
    width: 100%;
    padding-left: 12px;
    margin-bottom: 40px
}

@media screen and (max-width:800px) {
    .c-phil-section__head {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0;
        -webkit-transform-origin: 0;
        transform-origin: 0;
        padding-left: 3px
    }
    .c-phil-section__head.parent-observe {
        -webkit-transform: rotate(90deg) translateY(10px)!important;
        transform: rotate(90deg) translateY(10px)!important
    }
    .is-invasion .c-phil-section__head.parent-observe {
        -webkit-transform: rotate(90deg) translateY(0)!important;
        transform: rotate(90deg) translateY(0)!important
    }
}

.c-phil-section__image {
    position: relative;
    z-index: 1;
    width: 40.65%;
    min-width: 40.65%;
    max-width: 40.65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:800px) {
    .c-phil-section__image {
        min-width: 40.65%;
        width: calc(100% - 47px);
        margin-left: auto;
        margin-right: auto
    }
}

.c-phil-section__image__inner {
    position: relative;
    overflow: hidden
}

.c-phil-section__image__bg {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: -1;
    overflow: hidden
}

.c-phil-section__image__bg__img {
    width: 100%;
    height: 100%;
    -webkit-transition: .7s;
    transition: .7s;
    opacity: .3;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.is-invasion .c-phil-section__image__bg__img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.c-phil-section__image svg {
    width: 100%;
    fill: #fff;
    margin: 0;
    padding: 0
}

.c-phil-section__inner {
    min-width: 55.69%;
    width: 55.69%;
    padding-top: 10px
}

@media screen and (max-width:800px) {
    .c-phil-section__inner {
        width: 100%;
        min-width: 100%;
        margin-top: 0
    }
}

.c-phil-section__inner svg {
    max-width: 100%
}

@media screen and (max-width:1000px) {
    .c-phil-section__inner svg {
        margin-top: 15px;
        display: block;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto
    }
}

.c-phil-section__inner svg>path:nth-child(1),
.c-phil-section__inner svg>polygon:nth-child(1) {
    -webkit-transition: .4s .17s;
    transition: .4s .17s
}

.is-invasion .c-phil-section__inner svg>path:nth-child(1),
.is-invasion .c-phil-section__inner svg>polygon:nth-child(1) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.c-phil-section__inner svg>path:nth-child(2),
.c-phil-section__inner svg>polygon:nth-child(2) {
    -webkit-transition: .4s .24s;
    transition: .4s .24s
}

.is-invasion .c-phil-section__inner svg>path:nth-child(2),
.is-invasion .c-phil-section__inner svg>polygon:nth-child(2) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.c-phil-section__inner svg>path:nth-child(3),
.c-phil-section__inner svg>polygon:nth-child(3) {
    -webkit-transition: .4s .31s;
    transition: .4s .31s
}

.is-invasion .c-phil-section__inner svg>path:nth-child(3),
.is-invasion .c-phil-section__inner svg>polygon:nth-child(3) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.c-phil-section__inner svg>path:nth-child(4),
.c-phil-section__inner svg>polygon:nth-child(4) {
    -webkit-transition: .4s .38s;
    transition: .4s .38s
}

.is-invasion .c-phil-section__inner svg>path:nth-child(4),
.is-invasion .c-phil-section__inner svg>polygon:nth-child(4) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.c-phil-section__inner svg>path:nth-child(5),
.c-phil-section__inner svg>polygon:nth-child(5) {
    -webkit-transition: .4s .45s;
    transition: .4s .45s
}

.is-invasion .c-phil-section__inner svg>path:nth-child(5),
.is-invasion .c-phil-section__inner svg>polygon:nth-child(5) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.c-phil-section__inner svg>path:nth-child(6),
.c-phil-section__inner svg>polygon:nth-child(6) {
    -webkit-transition: .4s .52s;
    transition: .4s .52s
}

.is-invasion .c-phil-section__inner svg>path:nth-child(6),
.is-invasion .c-phil-section__inner svg>polygon:nth-child(6) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.c-phil-section__inner svg>path:nth-child(7),
.c-phil-section__inner svg>polygon:nth-child(7) {
    -webkit-transition: .4s .59s;
    transition: .4s .59s
}

.is-invasion .c-phil-section__inner svg>path:nth-child(7),
.is-invasion .c-phil-section__inner svg>polygon:nth-child(7) {
    -webkit-transform: none!important;
    transform: none!important;
    opacity: 1!important
}

.c-phil-section__box {
    position: relative;
    width: 100%;
    background: #f8f8f8;
    padding: 55px 52px 27px;
    margin-top: 40px;
    opacity: 0;
    -webkit-transition: .4s .5s;
    transition: .4s .5s
}

.is-invasion .c-phil-section__box {
    opacity: 1
}

@media screen and (max-width:1000px) {
    .c-phil-section__box {
        margin-top: 25px;
        padding: 30px 25px 10px
    }
}

@media screen and (max-width:800px) {
    .c-phil-section__box {
        margin-top: 40px;
        padding: 39px 0 10px;
        z-index: 1
    }
    .c-phil-section__box::before {
        content: '';
        z-index: -1;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #f8f8f8
    }
}

.c-phil-section__box>p {
    margin-bottom: 10px
}

.c-phil-section__box>p span {
    background-color: #d5d5d5;
    padding: 0 3px
}

.c-phil-section__box>svg {
    position: absolute;
    top: 29px;
    left: 33px;
    width: 18px;
    height: 18px
}

.c-phil-section__box .data {
    position: relative;
    margin: 15px 0;
    padding-left: 112px
}

@media screen and (max-width:1000px) {
    .c-phil-section__box>svg {
        left: 15px;
        top: 0
    }
    .c-phil-section__box .data {
        margin: 14px 0;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-phil-section__box .data:nth-child(3) {
    margin-top: 23px
}

@media screen and (max-width:800px) {
    .c-phil-section__box>svg {
        left: -2px;
        top: 3px;
        width: 15px;
        height: 15px
    }
    .c-phil-section__box .data:nth-child(3) {
        margin-top: 16px
    }
}

.c-phil-section__box .data-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 103px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 13px;
    background-color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .4px
}

.c-phil-section__box .data-title {
    font-weight: 600;
    letter-spacing: 1.5px
}

.c-phil-section__box .data-desc {
    margin-top: 5px;
    letter-spacing: 1px;
    line-height: 2;
    font-size: 12px
}

@media screen and (max-width:1000px) {
    .c-phil-section__box .data-head {
        width: 90px;
        height: 22px;
        position: relative;
        margin-right: 9px
    }
    .c-phil-section__box .data-desc {
        width: 100%
    }
    .c-phil-section__box .data-desc br {
        display: none
    }
}

.c-share {
    position: absolute;
    top: 0;
    left: auto;
    z-index: 10;
    right: 100%;
    width: 7.3vw;
    height: 100%
}

@media screen and (max-width:800px) {
    .c-phil-section__box .data-desc {
        margin-top: 4px;
        margin-left: -2px;
        letter-spacing: .5px;
        font-size: 10px
    }
    .c-share {
        display: none
    }
    body#division .c-slide {
        margin-top: 0
    }
}

.c-share__inner,
.c-share__item {
    display: -webkit-box;
    display: -ms-flexbox;
    width: 20px
}

.c-share__inner {
    position: sticky;
    top: 130px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa;
    padding-right: 20%
}

body.browserIE .c-share__inner {
    position: relative;
    top: 0
}

.c-share__head {
    margin-bottom: 24px;
    margin-left: 1px
}

.c-share__item {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s
}

.c-share__item.is-fb svg {
    width: 10px;
    height: 18px
}

.c-share__item.is-tw svg {
    width: 16px;
    height: 14px
}

.c-share__item.is-line svg {
    width: 16px;
    height: 16px
}

@media screen and (min-width:801px) {
    .c-share__item:hover {
        color: #043b8e;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.c-slide {
    position: relative;
    padding-top: 108px;
    padding-bottom: 120px;
    overflow: hidden
}

body#division .c-slide {
    background-color: #f8f8f8
}

.c-slide__inner {
    width: 1166px;
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto
}

.c-slide__head {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .5px;
    font-family: NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif
}

@media screen and (max-width:800px) {
    .c-slide {
        padding-top: 75px!important
    }
    body#workers .c-slide__inner {
        border-top: solid 1px #d5d5d5;
        padding-top: 70px
    }
    .c-slide__head {
        font-size: 17px;
        margin-left: -2px;
        letter-spacing: 1px
    }
}

.c-slide__desc {
    margin-top: 27px;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 1.8
}

@media screen and (max-width:800px) {
    .c-slide__desc {
        margin-top: 19px;
        font-size: 13px;
        letter-spacing: .4px;
        line-height: 1.88
    }
}

.c-slide__slide {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 450px;
    margin-top: 27px
}

@media screen and (max-width:1000px) {
    .c-slide__slide {
        height: 490px
    }
}

@media screen and (max-width:800px) {
    .c-slide__slide {
        height: 440px
    }
}

@media screen and (max-width:600px) {
    .c-slide {
        padding-bottom: 67px!important
    }
    .c-slide__slide {
        margin-top: 35px;
        height: auto
    }
}

.c-slide__slide__main {
    position: relative;
    z-index: 5;
    width: 450px;
    height: 450px
}

@media screen and (max-width:1000px) {
    .c-slide__slide__main {
        width: 350px;
        height: 350px
    }
}

@media screen and (max-width:800px) {
    .c-slide__slide__main {
        width: 300px;
        height: 300px
    }
}

@media screen and (max-width:600px) {
    .c-slide__slide__main {
        width: 235px;
        height: 235px;
        position: absolute;
        top: 102px;
        left: 0
    }
    body#division .c-slide__slide__main {
        top: 82px
    }
}

.c-slide__slide__main__next,
.c-slide__slide__main__prev {
    z-index: 10;
    width: 60px;
    height: 60px;
    background-color: #15171b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    padding-top: 1px;
    cursor: pointer
}

.c-slide__slide__main__next::before,
.c-slide__slide__main__prev::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaa;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (min-width:801px) {
    .c-slide__slide__main__next:hover::before,
    .c-slide__slide__main__prev:hover::before {
        opacity: 1
    }
}

.c-slide__slide__main__next svg,
.c-slide__slide__main__prev svg {
    position: relative;
    width: 7px;
    height: 18px
}

.c-slide__slide__main__next {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0
}

.c-slide__slide__main__prev {
    position: absolute;
    top: auto;
    left: auto;
    right: 60px;
    bottom: 0
}

.c-slide__slide__next,
.c-slide__slide__prev {
    width: 140px;
    height: 140px;
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

.c-slide__slide__next {
    position: absolute;
    top: auto;
    left: 490px;
    right: auto;
    bottom: 0
}

@media screen and (max-width:1000px) {
    .c-slide__slide__next,
    .c-slide__slide__prev {
        width: 120px;
        height: 120px
    }
    .c-slide__slide__next {
        left: 0
    }
}

@media screen and (max-width:600px) {
    .c-slide__slide__next,
    .c-slide__slide__prev {
        width: 70px;
        height: 70px
    }
    .c-slide__slide__next {
        bottom: auto;
        left: 265px;
        top: 102px
    }
    body#division .c-slide__slide__next {
        top: 82px
    }
}

.c-slide__slide__prev {
    position: absolute;
    top: auto;
    left: 650px;
    right: auto;
    bottom: 0
}

@media screen and (max-width:1000px) {
    .c-slide__slide__prev {
        left: 140px
    }
}

@media screen and (max-width:600px) {
    .c-slide__slide__prev {
        bottom: auto;
        left: 265px;
        top: 212px
    }
    body#division .c-slide__slide__prev {
        top: 192px
    }
}

.c-slide__slide__item {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    overflow: hidden;
    pointer-events: none
}

.c-slide__slide__item .inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    overflow: hidden
}

.c-slide__slide__item .inner .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width:1001px) {
    .c-slide__slide__item .inner .img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.c-slide__slide__item.slide-up {
    z-index: 2
}

.c-slide__slide__item.is-current,
.c-slide__slide__item.is-current .inner {
    -webkit-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.79, .17, .15, .96)!important;
    transition: -webkit-transform .6s cubic-bezier(.79, .17, .15, .96)!important;
    transition: transform .6s cubic-bezier(.79, .17, .15, .96)!important;
    transition: transform .6s cubic-bezier(.79, .17, .15, .96), -webkit-transform .6s cubic-bezier(.79, .17, .15, .96)!important
}

@media screen and (min-width:1001px) {
    .c-slide__slide__item.is-current .inner .img {
        -webkit-transform: scale(1.01)!important;
        transform: scale(1.01)!important;
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, .82, .27, 1)!important;
        transition: -webkit-transform 1.2s cubic-bezier(.19, .82, .27, 1)!important;
        transition: transform 1.2s cubic-bezier(.19, .82, .27, 1)!important;
        transition: transform 1.2s cubic-bezier(.19, .82, .27, 1), -webkit-transform 1.2s cubic-bezier(.19, .82, .27, 1)!important
    }
}

.c-slide__slide .slide-name {
    position: absolute;
    top: 100%;
    left: 0
}

.c-slide__slide .slide-name p {
    position: absolute;
    top: 3px;
    left: 0;
    line-height: 2;
    color: #aaa;
    font-size: 12px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform 0s .4s;
    transition: opacity .3s, -webkit-transform 0s .4s;
    transition: transform 0s .4s, opacity .3s;
    transition: transform 0s .4s, opacity .3s, -webkit-transform 0s .4s
}

@media screen and (max-width:600px) {
    .c-slide__slide .slide-name p {
        top: 8px;
        letter-spacing: -.1px;
        width: 70px;
        font-size: 11px;
        line-height: 1.27
    }
}

.c-slide__slide.index-0 .slide-name p:nth-child(1),
.c-slide__slide.index-1 .slide-name p:nth-child(2),
.c-slide__slide.index-2 .slide-name p:nth-child(3) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: opacity .6s, -webkit-transform .7s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s, -webkit-transform .7s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s cubic-bezier(.19, .82, .27, 1), opacity .6s;
    transition: transform .7s cubic-bezier(.19, .82, .27, 1), opacity .6s, -webkit-transform .7s cubic-bezier(.19, .82, .27, 1)
}

.c-slide__slide.dir-prev .c-slide__slide__item {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.c-slide__slide.dir-prev .c-slide__slide__item .inner {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.c-slide__data {
    position: absolute;
    top: 0;
    left: 490px;
    width: calc(100% - 490px)
}

@media screen and (max-width:1000px) {
    .c-slide__data {
        left: 390px;
        width: calc(100% - 390px)
    }
}

@media screen and (max-width:800px) {
    .c-slide__data {
        left: 325px;
        width: calc(100% - 325px)
    }
}

@media screen and (max-width:600px) {
    .c-slide__data {
        position: relative;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 2
    }
}

.c-slide__data__pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-slide__data__pager .js-slide-pager {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    color: #aaa;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 800;
    padding-top: 8px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    margin-right: 29px
}

.c-slide__bg,
.c-slide__data__because {
    display: -webkit-box;
    display: -ms-flexbox
}

.swiper-scrollbar-cursor-drag,
.swiper-slide-zoomed {
    cursor: move
}

@media screen and (max-width:600px) {
    .c-slide__data__pager .js-slide-pager {
        font-size: 13px;
        width: 40px;
        margin-right: 20px
    }
}

.c-works,
.c-works__head::before,
.c-works__inner {
    margin-left: auto;
    margin-right: auto
}

.c-slide__data__pager .js-slide-pager::before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    background: #15171b;
    -webkit-transform-origin: left;
    transform-origin: left;
    left: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: left .5s cubic-bezier(.79, .17, .15, .96), -webkit-transform 0s .5s;
    transition: left .5s cubic-bezier(.79, .17, .15, .96), -webkit-transform 0s .5s;
    transition: left .5s cubic-bezier(.79, .17, .15, .96), transform 0s .5s;
    transition: left .5s cubic-bezier(.79, .17, .15, .96), transform 0s .5s, -webkit-transform 0s .5s
}

.c-slide__data__pager .js-slide-pager.is-current {
    pointer-events: none;
    color: #15171b
}

.c-slide__data__pager .js-slide-pager.is-current::before {
    left: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: left 0s, -webkit-transform 6s linear;
    transition: left 0s, -webkit-transform 6s linear;
    transition: left 0s, transform 6s linear;
    transition: left 0s, transform 6s linear, -webkit-transform 6s linear
}

.c-slide__data__name {
    position: relative;
    margin-top: 20px;
    height: 56px;
    font-size: 10px;
    font-family: NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif;
    letter-spacing: 1px;
    font-weight: 600
}

body#division .c-slide__data__name {
    height: 47px
}

.c-slide__data__name p {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
    letter-spacing: 1.3px;
    font-size: 25px;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform 0s .4s;
    transition: opacity .3s, -webkit-transform 0s .4s;
    transition: transform 0s .4s, opacity .3s;
    transition: transform 0s .4s, opacity .3s, -webkit-transform 0s .4s
}

@media screen and (max-width:800px) {
    body#division .c-slide__data__name {
        height: 21px
    }
    .c-slide__data__name {
        height: 50px
    }
    .c-slide__data__name p {
        font-size: 20px;
        white-space: nowrap
    }
}

@media screen and (max-width:600px) {
    .c-slide__data__name {
        margin-top: 18px;
        height: 40px
    }
    .c-slide__data__name p {
        font-size: 15px
    }
}

.c-slide__slide.index-0 .c-slide__data__name p:nth-child(1),
.c-slide__slide.index-1 .c-slide__data__name p:nth-child(2),
.c-slide__slide.index-2 .c-slide__data__name p:nth-child(3) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .6s, -webkit-transform .7s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s, -webkit-transform .7s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s cubic-bezier(.19, .82, .27, 1), opacity .6s;
    transition: transform .7s cubic-bezier(.19, .82, .27, 1), opacity .6s, -webkit-transform .7s cubic-bezier(.19, .82, .27, 1)
}

.c-slide__data__because {
    width: 128px;
    height: 27px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #d5d5d5;
    font-size: 10px;
    border-radius: 14px;
    margin-top: 25px
}

@media screen and (max-width:800px) {
    .c-slide__data__because {
        width: 122px;
        height: 30px;
        margin-top: 20px;
        padding: 0 6px 2px 0
    }
}

@media screen and (max-width:600px) {
    .c-slide__data__because {
        margin-top: 287px
    }
}

.c-slide__data__desc {
    position: relative;
    margin-top: 15px
}

.c-slide__data__desc p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    letter-spacing: .8px;
    line-height: 2;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform 0s .4s;
    transition: opacity .3s, -webkit-transform 0s .4s;
    transition: transform 0s .4s, opacity .3s;
    transition: transform 0s .4s, opacity .3s, -webkit-transform 0s .4s
}

.c-slide__slide.index-0 .c-slide__data__desc p:nth-child(1),
.c-slide__slide.index-1 .c-slide__data__desc p:nth-child(2) {
    -webkit-transform: translateY(0);
    -webkit-transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    opacity: 1
}

@media screen and (max-width:1200px) {
    .c-slide__data__desc p {
        letter-spacing: .6px;
        line-height: 1.8
    }
}

.c-slide__slide.index-0 .c-slide__data__desc p:nth-child(1) {
    transform: translateY(0);
    transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s;
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1)
}

.c-slide__slide.index-1 .c-slide__data__desc p:nth-child(2) {
    transform: translateY(0);
    transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s;
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1)
}

.c-slide__slide.index-2 .c-slide__data__desc p:nth-child(3) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s;
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1)
}

@media screen and (max-width:800px) {
    .c-slide__data__desc {
        margin-top: 13px
    }
    .c-slide__data__desc p {
        font-size: 13px;
        line-height: 1.88
    }
    .c-slide__slide.index-0 .c-slide__data__desc p:nth-child(1),
    .c-slide__slide.index-1 .c-slide__data__desc p:nth-child(2),
    .c-slide__slide.index-2 .c-slide__data__desc p:nth-child(3) {
        position: relative
    }
}

.c-slide__bg,
.c-works {
    position: absolute;
    right: 0
}

.c-slide__bg {
    top: auto;
    left: auto;
    bottom: -27px;
    z-index: 1;
    line-height: 1;
    font-family: Arial, "Helvetica Neue", sans-serif;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 160px;
    font-weight: 600;
    color: #fff
}

.c-works__head,
.p-company-location__item .name {
    font-family: NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif
}

.c-works,
.c-works__head {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:800px) {
    .c-slide__bg {
        font-size: 120px;
        bottom: -20px
    }
}

@media screen and (max-width:600px) {
    body#division .c-slide__data__desc {
        margin-top: 280px
    }
    .c-slide__bg {
        font-size: 79px;
        bottom: -17px
    }
}

.c-works {
    top: 60px;
    left: 0;
    width: 966px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-works__figure {
    width: 48.71%;
    max-width: calc(100% - 360px);
    -webkit-transform: scale(1.1) rotate(30deg);
    transform: scale(1.1) rotate(30deg);
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform 0s .4s;
    transition: opacity .2s, -webkit-transform 0s .4s;
    transition: transform 0s .4s, opacity .2s;
    transition: transform 0s .4s, opacity .2s, -webkit-transform 0s .4s
}

@media screen and (max-width:800px) {
    .c-works {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        top: 0
    }
    .c-works__figure {
        width: 55%;
        max-width: calc(100% - 300px)
    }
}

@media screen and (max-width:700px) {
    .c-works {
        display: block
    }
    .c-works__figure {
        margin-left: auto;
        margin-right: auto;
        max-width: 420px;
        width: 100%
    }
}

.c-works__figure img {
    width: 100%;
    height: auto
}

.c-works__inner {
    position: relative;
    left: 3.3%;
    width: 330px;
    min-width: 330px
}

@media screen and (max-width:800px) {
    .c-works__inner {
        width: 270px;
        min-width: 270px
    }
}

@media screen and (max-width:700px) {
    .c-works__inner {
        left: 0;
        width: 88%;
        min-width: 0;
        max-width: 500px;
        margin-top: 30px
    }
}

.c-works__head {
    position: relative;
    width: 100%;
    height: 55px;
    font-size: 15px;
    letter-spacing: 1.6px;
    padding-right: 4px;
    font-weight: 600;
    color: #fff;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #15171b
}

.c-works__head::before {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border-width: 11px 8px 0;
    border-color: #15171b transparent transparent;
    border-style: solid
}

.p-works-data.is-1 .c-works:nth-child(1),
.p-works-data.is-2 .c-works:nth-child(2),
.p-works-data.is-3 .c-works:nth-child(3),
.p-works-data.is-4 .c-works:nth-child(4) {
    position: relative;
    top: 0;
    pointer-events: auto;
    max-width: 100%
}

.c-works__list {
    margin-top: 2px
}

.c-works__list__item {
    height: 57.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 9px;
    background-image: linear-gradient(to right, #d5d5d5, #d5d5d5 2px, transparent 2px, transparent 6px);
    background-size: 6px 1px;
    background-position: left bottom;
    background-repeat: repeat-x;
    font-weight: 600;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 20px
}

.c-works__list__index {
    margin-left: -3px;
    margin-right: 10px
}

.c-works__list__figure {
    width: 19px;
    height: 23px;
    margin-right: 8px
}

.c-works__list__figure svg {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.c-works__list__ratio {
    font-size: 20px;
    letter-spacing: .8px
}

.c-works__list__ratio span {
    font-size: 12px
}

.c-works__list__data {
    margin-left: auto;
    margin-right: -2px;
    letter-spacing: .7px
}

.c-works__list__data span {
    font-family: YakuHanJP, NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 12px
}

.c-works {
    pointer-events: none;
    max-width: calc(100% - 120px)
}

.c-works__head,
.c-works__list__item {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform 0s .4s;
    transition: opacity .3s, -webkit-transform 0s .4s;
    transition: transform 0s .4s, opacity .3s;
    transition: transform 0s .4s, opacity .3s, -webkit-transform 0s .4s
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__figure {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s;
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__head,
.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s;
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item:nth-child(1) {
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item:nth-child(2) {
    -webkit-transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s;
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item:nth-child(3) {
    -webkit-transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s;
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item:nth-child(4) {
    -webkit-transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item:nth-child(5) {
    -webkit-transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s;
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item:nth-child(6) {
    -webkit-transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s;
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-1 .c-works:nth-child(1) .c-works__list__item:nth-child(7) {
    -webkit-transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s;
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__figure {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s;
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__head,
.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s;
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item:nth-child(1) {
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item:nth-child(2) {
    -webkit-transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s;
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item:nth-child(3) {
    -webkit-transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s;
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item:nth-child(4) {
    -webkit-transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item:nth-child(5) {
    -webkit-transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s;
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item:nth-child(6) {
    -webkit-transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s;
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-2 .c-works:nth-child(2) .c-works__list__item:nth-child(7) {
    -webkit-transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s;
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__figure {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s;
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__head,
.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s;
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item:nth-child(1) {
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item:nth-child(2) {
    -webkit-transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s;
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item:nth-child(3) {
    -webkit-transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s;
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item:nth-child(4) {
    -webkit-transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item:nth-child(5) {
    -webkit-transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s;
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item:nth-child(6) {
    -webkit-transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s;
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-3 .c-works:nth-child(3) .c-works__list__item:nth-child(7) {
    -webkit-transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s;
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__figure {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9);
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s;
    transition: transform .7s cubic-bezier(.7, .3, .3, .9), opacity .6s .15s, -webkit-transform .7s cubic-bezier(.7, .3, .3, .9)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__head,
.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s;
    transition: transform .7s .1s cubic-bezier(.19, .82, .27, 1), opacity .6s .1s, -webkit-transform .7s .1s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item:nth-child(1) {
    -webkit-transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s;
    transition: transform .7s .15s cubic-bezier(.19, .82, .27, 1), opacity .6s .15s, -webkit-transform .7s .15s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item:nth-child(2) {
    -webkit-transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s;
    transition: transform .7s .2s cubic-bezier(.19, .82, .27, 1), opacity .6s .2s, -webkit-transform .7s .2s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item:nth-child(3) {
    -webkit-transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s;
    transition: transform .7s .25s cubic-bezier(.19, .82, .27, 1), opacity .6s .25s, -webkit-transform .7s .25s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item:nth-child(4) {
    -webkit-transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s;
    transition: transform .7s .3s cubic-bezier(.19, .82, .27, 1), opacity .6s .3s, -webkit-transform .7s .3s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item:nth-child(5) {
    -webkit-transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s;
    transition: transform .7s .35s cubic-bezier(.19, .82, .27, 1), opacity .6s .35s, -webkit-transform .7s .35s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item:nth-child(6) {
    -webkit-transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s;
    transition: transform .7s .4s cubic-bezier(.19, .82, .27, 1), opacity .6s .4s, -webkit-transform .7s .4s cubic-bezier(.19, .82, .27, 1)
}

.p-works-data.is-4 .c-works:nth-child(4) .c-works__list__item:nth-child(7) {
    -webkit-transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1);
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s;
    transition: transform .7s .45s cubic-bezier(.19, .82, .27, 1), opacity .6s .45s, -webkit-transform .7s .45s cubic-bezier(.19, .82, .27, 1)
}

.js-fix-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none
}

.js-parent-fit {
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ps__rail-y,
.ps__thumb-y {
    width: 4px;
    position: absolute
}

video.js-parent-fit:not(.video-loaded) {
    opacity: 0!important
}

video.js-parent-fit.video-loaded {
    -webkit-transition: opacity .3s!important;
    transition: opacity .3s!important
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-y {
    display: none;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    background-color: #e1e1e1;
    top: 0;
    right: 0;
    left: auto!important
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block
}

.ps__thumb-y {
    background-color: #15171b;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    right: 0
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto!important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps {
        overflow: auto!important
    }
}

@media screen and (max-width:600) {
    .ps__rail-y {
        display: none!important;
        -webkit-overflow-scrolling: touch
    }
    .js-scrollbar {
        overflow-y: scroll
    }
}

.js-white-area {
    position: absolute;
    top: calc(100vh - 52px);
    left: 0;
    width: 100%;
    height: calc(100% - 100vh);
    min-height: 1px;
    opacity: 0;
    z-index: 100;
    pointer-events: none
}

.swiper-slide,
.swiper-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

@media screen and (max-width:800px) {
    .c-works {
        max-width: 100%
    }
    body.menu-open .js-white-area {
        display: none
    }
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-pagination-lock,
.swiper-scrollbar-lock {
    display: none
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.l-footer,
.swiper-zoom-container {
    display: -webkit-box;
    display: -ms-flexbox
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid;
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

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

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.l-breadCrumb {
    position: absolute;
    z-index: 101;
    left: 0;
    top: 0;
    pointer-events: none;
    font-family: Arial, "Helvetica Neue", sans-serif
}

@media screen and (min-width:801px) {
    .l-breadCrumb {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        left: 43px;
        top: 154px;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: .65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: opacity .3s .5s;
        transition: opacity .3s .5s
    }
    .l-breadCrumb__first,
    .l-breadCrumb__second,
    .l-breadCrumb__third {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 12px;
        pointer-events: none;
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s;
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    .l-breadCrumb__first a,
    .l-breadCrumb__second a,
    .l-breadCrumb__third a {
        opacity: .5;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-breadCrumb__first svg,
    .l-breadCrumb__second svg,
    .l-breadCrumb__third svg {
        opacity: .5
    }
    .l-breadCrumb svg {
        width: 8px;
        height: 8px;
        margin-right: 12px;
        margin-bottom: 2px
    }
    .l-breadCrumb.is-second .l-breadCrumb__first,
    .l-breadCrumb.is-second .l-breadCrumb__second,
    .l-breadCrumb.is-third .l-breadCrumb__third {
        pointer-events: auto;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .l-breadCrumb.is-second .l-breadCrumb__first:nth-child(1),
    .l-breadCrumb.is-second .l-breadCrumb__second:nth-child(1),
    .l-breadCrumb.is-third .l-breadCrumb__third:nth-child(1) {
        -webkit-transition: opacity .35s .3s, -webkit-transform .35s .3s;
        transition: opacity .35s .3s, -webkit-transform .35s .3s;
        transition: opacity .35s .3s, transform .35s .3s;
        transition: opacity .35s .3s, transform .35s .3s, -webkit-transform .35s .3s
    }
    .l-breadCrumb.is-second .l-breadCrumb__first:nth-child(2),
    .l-breadCrumb.is-second .l-breadCrumb__second:nth-child(2),
    .l-breadCrumb.is-third .l-breadCrumb__third:nth-child(2) {
        -webkit-transition: opacity .35s .4s, -webkit-transform .35s .4s;
        transition: opacity .35s .4s, -webkit-transform .35s .4s;
        transition: opacity .35s .4s, transform .35s .4s;
        transition: opacity .35s .4s, transform .35s .4s, -webkit-transform .35s .4s
    }
    .l-breadCrumb.is-second .l-breadCrumb__first:nth-child(3),
    .l-breadCrumb.is-second .l-breadCrumb__second:nth-child(3),
    .l-breadCrumb.is-third .l-breadCrumb__third:nth-child(3) {
        -webkit-transition: opacity .35s .5s, -webkit-transform .35s .5s;
        transition: opacity .35s .5s, -webkit-transform .35s .5s;
        transition: opacity .35s .5s, transform .35s .5s;
        transition: opacity .35s .5s, transform .35s .5s, -webkit-transform .35s .5s
    }
    .l-breadCrumb.is-second .l-breadCrumb__first:hover a,
    .l-breadCrumb.is-second .l-breadCrumb__second:hover a,
    .l-breadCrumb.is-third .l-breadCrumb__third:hover a {
        opacity: 1
    }
    body#philosophy .l-breadCrumb {
        color: #fff
    }
}

.l-footer__nav__item,
.l-footer__pageTop span {
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-weight: 800
}

@media screen and (max-width:800px) {
    .l-breadCrumb {
        background: #fff;
        position: relative;
        pointer-events: auto;
        width: 100%;
        height: 46px;
        border-top: solid 1px #d5d5d5;
        color: #aaa;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 20px;
        font-size: 9px;
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .l-breadCrumb:not(.init-end) .l-breadCrumb,
    body.is-change-start .l-breadCrumb {
        opacity: 0
    }
    .l-breadCrumb svg {
        position: relative;
        margin: 0 10px;
        width: 7px;
        height: 7px
    }
    body#index .l-breadCrumb {
        display: none
    }
    .l-breadCrumb__first,
    .l-breadCrumb__second,
    .l-breadCrumb__third {
        height: 15px;
        opacity: 0;
        pointer-events: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .l-breadCrumb.is-second .l-breadCrumb__first,
    .l-breadCrumb.is-second .l-breadCrumb__second,
    .l-breadCrumb.is-third .l-breadCrumb__third {
        opacity: 1;
        pointer-events: auto
    }
}

.l-footer {
    position: relative;
    background-color: #15171b;
    color: #fff;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.l-footer__nav,
.l-footer__pageTop {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:800px) {
    .l-footer {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.l-footer__pageTop {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, .1);
    width: 150px;
    height: 82px;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    pointer-events: all
}

@media screen and (max-width:800px) {
    .l-footer__pageTop {
        width: 108px;
        height: 65px
    }
}

.l-footer__pageTop::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    background-color: #fff;
    pointer-events: none
}

.l-footer__pageTop svg {
    position: relative;
    z-index: 1;
    height: 13px
}

.l-footer__pageTop span {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    font-size: 11px;
    letter-spacing: .7px;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.l-footer__inner {
    position: relative;
    width: 66.6%;
    max-width: calc(100% - 290px);
    padding-top: 77px
}

@media screen and (min-width:801px) {
    .l-footer__pageTop:hover {
        color: #15171b
    }
    .l-footer__pageTop:hover::after {
        opacity: 1
    }
    .l-footer__pageTop:hover svg {
        -webkit-animation: up_turn .3s;
        animation: up_turn .3s
    }
    .l-footer__pageTop:hover span {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .3s cubic-bezier(.08, .92, .35, 1);
        transition: transform .3s cubic-bezier(.08, .92, .35, 1);
        transition: transform .3s cubic-bezier(.08, .92, .35, 1), -webkit-transform .3s cubic-bezier(.08, .92, .35, 1)
    }
    .l-footer__inner a {
        -webkit-transition: opacity .2s;
        transition: opacity .2s
    }
    .l-footer__inner a:hover {
        opacity: .5
    }
}

@media screen and (max-width:800px) {
    .l-footer__pageTop svg {
        height: 12px
    }
    .l-footer__pageTop span {
        font-size: 10px;
        margin-top: 4px;
        letter-spacing: 0
    }
    .l-footer__inner {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding-bottom: 22px;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto
    }
}

.l-footer__nav {
    margin-right: 0;
    margin-left: auto;
    width: 100%;
    max-width: 909px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1000px) {
    .l-footer__inner {
        padding-top: 48px
    }
    .l-footer__nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 45px
    }
}

@media screen and (max-width:800px) {
    .l-footer__nav {
        padding-left: 0;
        width: 100%
    }
}

.l-footer__nav__box {
    width: 19.5%;
    min-width: 160px
}

@media screen and (max-width:1000px) {
    .l-footer__nav__box {
        min-width: 150px;
        margin-right: 20%
    }
}

.l-footer__nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 15px;
    margin-top: 25px;
    padding-bottom: 1px;
    letter-spacing: .9px
}

@media screen and (max-width:800px) {
    .l-footer__nav__box {
        padding-left: 19px;
        margin-right: 0;
        width: 50%
    }
    .l-footer__nav__item {
        margin-top: 32px;
        letter-spacing: .5px;
        font-size: 14px
    }
}

.l-footer__nav__item span {
    position: relative;
    left: 5px;
    top: -4px;
    font-size: 10px
}

.l-footer__nav__child {
    position: relative;
    top: 1px;
    display: block;
    font-weight: 700;
    font-size: 10px;
    margin-top: 15px;
    letter-spacing: 1.1px
}

.l-footer__bottom small,
.l-footer__bottom__logo p {
    font-weight: 800;
    font-size: 10px;
    font-family: Arial, "Helvetica Neue", sans-serif
}

@media screen and (max-width:800px) {
    .l-footer__nav__child {
        margin-top: 14px;
        position: relative;
        top: -2px;
        letter-spacing: 0;
        left: 1px
    }
}

.l-footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 720px;
    max-width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}



.l-footer__bottom__logo {
    position: relative;
    width: 150px;
    left: 4px
}


.l-footer__bottom__logo svg {
    display: block;
    width: 150px;
    height: 29px;
    margin-left: auto;
    margin-right: auto
}

.l-footer__bottom__logo p {
    margin-top: 8px;
    text-align: center;
    letter-spacing: 1.1px;
    padding-left: 2px;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}


.l-footer__bottom__social {
    margin-bottom: 5px;
    height: 17px
}

.l-footer__bottom__social.is-facebook {
    margin-left: auto;
    margin-right: 16px;
    width: 14px;
    padding: 0 2px
}


.l-footer__bottom__social.is-twitter {
    margin-left: 0;
    margin-right: 3px;
    width: 18px
}

.l-footer__bottom__social svg {
    width: 100%;
    height: 100%
}

.l-footer__bottom .line {
    margin-top: 27px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 10px);
    height: 1px;
    background-color: #d5d5d5;
    opacity: .1
}


.l-footer__bottom small {
    letter-spacing: .31px;
    -webkit-transform: scale(.88);
    transform: scale(.88);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    white-space: nowrap;
    margin-top: 45px;
    color: #aaa;
    opacity: .5;
    padding-left: 6px
}

.l-footer__bottom__link {
    position: relative;
    top: -1px;
    font-family: Arial, "Helvetica Neue", sans-serif;
    letter-spacing: .5px;
    font-size: 10px;
    font-weight: 600
}


.l-footer__links,
.l-footer__links__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.l-footer__links {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33.4%;
    min-width: 290px;
    font-weight: 700;
    background-color: #000;
    padding-top: 97px
}

.l-footer__links__desc {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    letter-spacing: .5px;
    padding-right: 10px;
    width: 256px;
    margin-bottom: 19px
}

.l-footer__links__item,
.l-footer__links__social {
    width: 255px;
    height: 66px;
    margin-left: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    letter-spacing: .8px;
    padding: 0 0 0 4px;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 10px
}
.l-footer__links__item>.line,
.l-footer__links__social>.line {
    display: block;
    width: 1px;
    height: 14px;
    margin: 0 15px;
    background-color: #d5d5d5;
    opacity: .2
}

.l-footer__links__item {
    background-color: rgba(255, 255, 255, .2)
}

.l-footer__links__social {
    border: 1px solid rgba(255, 255, 255, .2)
}

@media screen and (min-width:801px) {
    .l-footer__links__item:hover {
        background-color: #fff;
        color: #15171b
    }
    .l-footer__links__social:hover {
        border: 1px solid #fff
    }
}

.l-footer__links>.line {
    margin: 30px auto 37px;
    width: 255px;
    height: 1px;
    background-color: #d5d5d5;
    opacity: .1
}

.l-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    color: #15171b;
    pointer-events: none
}

body.header-white .l-header {
    color: #fff
}

@media screen and (max-width:800px) {

    .l-header {
        max-width: 100%;
        overflow: hidden
    }
    body.menu-open .l-header {
        pointer-events: auto;
        color: #fff
    }
    .l-header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        background-color: #15171b;
        opacity: 0;
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(.266);
        transform: scaleX(.266);
        -webkit-transition: opacity .4s, -webkit-transform .4s cubic-bezier(.79, .17, .15, .96);
        transition: opacity .4s, -webkit-transform .4s cubic-bezier(.79, .17, .15, .96);
        transition: opacity .4s, transform .4s cubic-bezier(.79, .17, .15, .96);
        transition: opacity .4s, transform .4s cubic-bezier(.79, .17, .15, .96), -webkit-transform .4s cubic-bezier(.79, .17, .15, .96)
    }
    body.menu-open .l-header::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1;
        -webkit-transition: opacity .4s, -webkit-transform .3s cubic-bezier(.7, .3, .3, .9);
        transition: opacity .4s, -webkit-transform .3s cubic-bezier(.7, .3, .3, .9);
        transition: opacity .4s, transform .3s cubic-bezier(.7, .3, .3, .9);
        transition: opacity .4s, transform .3s cubic-bezier(.7, .3, .3, .9), -webkit-transform .3s cubic-bezier(.7, .3, .3, .9)
    }
}

.l-header__logo {
    position: absolute;
    top: 40px;
    left: 41px;
    z-index: 100;
    width: 140px;
    height: 24px;
    pointer-events: auto;
    -webkit-transition: .4s .4s, color .2s;
    transition: .4s .4s, color .2s;
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

body.init-end .l-header__logo {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width:1000px) {
    .l-header__logo {
        left: 30px
    }
}

@media screen and (max-width:800px) {
    .l-header__logo {
        left: 20px;
        top: 30px;
        width: 135px;
        height: 24px
    }
}

.l-header__logo a,
.l-header__logo h1,
.l-header__logo svg {
    width: 100%;
    height: 100%
}

.l-header__nav {
    width: 100%;
    position: absolute;
    top: 35px;
    left: auto;
    right: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:1000px) {
    .l-header__nav {
        right: 30px
    }
}

.l-header__nav__item {
    position: relative;
    z-index: 1;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .6px;
    margin-left: 13px
}

@media screen and (min-width:801px) {
    .l-header__logo:hover {
        color: #043b8e
    }
    .l-header__nav__item {
        pointer-events: auto
    }
}

@media screen and (max-width:850px) {
    .l-header__nav__item {
        margin-left: 6px
    }
}

@media screen and (max-width:800px) {
    .l-header__nav {
        color: #fff;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        right: 0;
        top: 0;
        overflow: scroll;
        width: 100%;
        height: 100%;
        max-width: 100%;
        padding: 82px 40px 40px
    }
    .l-header__nav__item {
        letter-spacing: .6px;
        margin-top: 25px;
        margin-left: 0;
        font-size: 15px;
        max-height: 23px;
        -webkit-transition: .3s, max-height .3s;
        transition: .3s, max-height .3s;
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    body.menu-open .l-header__nav__item {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    body.menu-open .l-header__nav__item:nth-child(1) {
        -webkit-transition: .3s .23s, max-height .3s;
        transition: .3s .23s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(2) {
        -webkit-transition: .3s .26s, max-height .3s;
        transition: .3s .26s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(3) {
        -webkit-transition: .3s .29s, max-height .3s;
        transition: .3s .29s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(4) {
        -webkit-transition: .3s .32s, max-height .3s;
        transition: .3s .32s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(5) {
        -webkit-transition: .3s .35s, max-height .3s;
        transition: .3s .35s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(6) {
        -webkit-transition: .3s .38s, max-height .3s;
        transition: .3s .38s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(7) {
        -webkit-transition: .3s .41s, max-height .3s;
        transition: .3s .41s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(8) {
        -webkit-transition: .3s .44s, max-height .3s;
        transition: .3s .44s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(9) {
        -webkit-transition: .3s .47s, max-height .3s;
        transition: .3s .47s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(10) {
        -webkit-transition: .3s .5s, max-height .3s;
        transition: .3s .5s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(11) {
        -webkit-transition: .3s .53s, max-height .3s;
        transition: .3s .53s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(12) {
        -webkit-transition: .3s .56s, max-height .3s;
        transition: .3s .56s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(13) {
        -webkit-transition: .3s .59s, max-height .3s;
        transition: .3s .59s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(14) {
        -webkit-transition: .3s .62s, max-height .3s;
        transition: .3s .62s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(15) {
        -webkit-transition: .3s .65s, max-height .3s;
        transition: .3s .65s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(16) {
        -webkit-transition: .3s .68s, max-height .3s;
        transition: .3s .68s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(17) {
        -webkit-transition: .3s .71s, max-height .3s;
        transition: .3s .71s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(18) {
        -webkit-transition: .3s .74s, max-height .3s;
        transition: .3s .74s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(19) {
        -webkit-transition: .3s .77s, max-height .3s;
        transition: .3s .77s, max-height .3s
    }
    body.menu-open .l-header__nav__item:nth-child(20) {
        -webkit-transition: .3s .8s, max-height .3s;
        transition: .3s .8s, max-height .3s
    }
}

.l-header__nav__item .link {
    -webkit-transition: color .2s;
    transition: color .2s;
    position: relative;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: pointer
}

@media screen and (min-width:801px) {
    .l-header__nav__item .link {
        padding: 10px 10px 5px
    }
    .l-header__nav__item .link::before {
        content: '';
        position: absolute;
        top: auto;
        left: 2px;
        right: 0;
        bottom: 1px;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 18px);
        height: 1px;
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform .25s cubic-bezier(.79, .17, .15, .96);
        transition: -webkit-transform .25s cubic-bezier(.79, .17, .15, .96);
        transition: transform .25s cubic-bezier(.79, .17, .15, .96);
        transition: transform .25s cubic-bezier(.79, .17, .15, .96), -webkit-transform .25s cubic-bezier(.79, .17, .15, .96);
        background-color: #043b8e
    }
}

.l-header__nav__item__index {
    -webkit-transition: color .2s;
    transition: color .2s;
    position: absolute;
    top: 4px;
    left: auto;
    right: 1px;
    font-size: 10px
}

@media screen and (max-width:800px) {
    .l-header__nav__item .link {
        display: inline-block
    }
    .l-header__nav__item-service .l-header__nav__item__index {
        top: -4px;
        left: 73px;
        right: auto
    }
    .l-header__nav__item-contact .l-header__nav__item__index {
        top: -4px;
        left: 82px;
        right: auto
    }
}

@media screen and (min-width:801px) {
    .l-header__nav__item:hover .l-header__nav__item__index,
    .l-header__nav__item:hover .link {
        color: #043b8e
    }
    .l-header__nav__item:hover .link::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: color .25s, -webkit-transform .45s cubic-bezier(.08, .92, .35, 1);
        transition: color .25s, -webkit-transform .45s cubic-bezier(.08, .92, .35, 1);
        transition: transform .45s cubic-bezier(.08, .92, .35, 1), color .25s;
        transition: transform .45s cubic-bezier(.08, .92, .35, 1), color .25s, -webkit-transform .45s cubic-bezier(.08, .92, .35, 1)
    }
}

.l-header__nav__item__toggle {
    position: absolute;
    top: -12px;
    left: auto;
    right: -12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    -webkit-transition: .3s;
    transition: .3s
}

.l-header__nav__item__toggle::after,
.l-header__nav__item__toggle::before {
    position: absolute;
    right: 0;
    margin: auto;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    content: ''
}

.l-header__nav__item__toggle::before {
    width: 12px;
    height: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.l-header__nav__item__toggle::after {
    width: 2px;
    height: 12px
}

@media screen and (max-width:800px) {
    .l-header__nav__item.is-open {
        max-height: 87px
    }
    .l-header__nav__item.is-open .l-header__nav__box {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto
    }
    .l-header__nav__item.is-open .l-header__nav__item__toggle {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .l-header__nav__item.is-open .l-header__nav__item__toggle::before {
        opacity: 0
    }
}

.l-header__nav__item__fixCover {
    position: fixed;
    z-index: -2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #15171b;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.l-header__nav__item:nth-child(1)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(1)>.link {
    -webkit-transition: opacity .3s .44s, color .2s, -webkit-transform .3s .44s;
    transition: opacity .3s .44s, color .2s, -webkit-transform .3s .44s;
    transition: transform .3s .44s, opacity .3s .44s, color .2s;
    transition: transform .3s .44s, opacity .3s .44s, color .2s, -webkit-transform .3s .44s
}

.l-header__nav__item:nth-child(2)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(2)>.link {
    -webkit-transition: opacity .3s .48s, color .2s, -webkit-transform .3s .48s;
    transition: opacity .3s .48s, color .2s, -webkit-transform .3s .48s;
    transition: transform .3s .48s, opacity .3s .48s, color .2s;
    transition: transform .3s .48s, opacity .3s .48s, color .2s, -webkit-transform .3s .48s
}

.l-header__nav__item:nth-child(3)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(3)>.link {
    -webkit-transition: opacity .3s .52s, color .2s, -webkit-transform .3s .52s;
    transition: opacity .3s .52s, color .2s, -webkit-transform .3s .52s;
    transition: transform .3s .52s, opacity .3s .52s, color .2s;
    transition: transform .3s .52s, opacity .3s .52s, color .2s, -webkit-transform .3s .52s
}

.l-header__nav__item:nth-child(4)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(4)>.link {
    -webkit-transition: opacity .3s .56s, color .2s, -webkit-transform .3s .56s;
    transition: opacity .3s .56s, color .2s, -webkit-transform .3s .56s;
    transition: transform .3s .56s, opacity .3s .56s, color .2s;
    transition: transform .3s .56s, opacity .3s .56s, color .2s, -webkit-transform .3s .56s
}

.l-header__nav__item:nth-child(5)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(5)>.link {
    -webkit-transition: opacity .3s .6s, color .2s, -webkit-transform .3s .6s;
    transition: opacity .3s .6s, color .2s, -webkit-transform .3s .6s;
    transition: transform .3s .6s, opacity .3s .6s, color .2s;
    transition: transform .3s .6s, opacity .3s .6s, color .2s, -webkit-transform .3s .6s
}

.l-header__nav__item:nth-child(6)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(6)>.link {
    -webkit-transition: opacity .3s .64s, color .2s, -webkit-transform .3s .64s;
    transition: opacity .3s .64s, color .2s, -webkit-transform .3s .64s;
    transition: transform .3s .64s, opacity .3s .64s, color .2s;
    transition: transform .3s .64s, opacity .3s .64s, color .2s, -webkit-transform .3s .64s
}

.l-header__nav__item:nth-child(7)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(7)>.link {
    -webkit-transition: opacity .3s .68s, color .2s, -webkit-transform .3s .68s;
    transition: opacity .3s .68s, color .2s, -webkit-transform .3s .68s;
    transition: transform .3s .68s, opacity .3s .68s, color .2s;
    transition: transform .3s .68s, opacity .3s .68s, color .2s, -webkit-transform .3s .68s
}

.l-header__nav__item:nth-child(8)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(8)>.link {
    -webkit-transition: opacity .3s .72s, color .2s, -webkit-transform .3s .72s;
    transition: opacity .3s .72s, color .2s, -webkit-transform .3s .72s;
    transition: transform .3s .72s, opacity .3s .72s, color .2s;
    transition: transform .3s .72s, opacity .3s .72s, color .2s, -webkit-transform .3s .72s
}

.l-header__nav__item:nth-child(9)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(9)>.link {
    -webkit-transition: opacity .3s .76s, color .2s, -webkit-transform .3s .76s;
    transition: opacity .3s .76s, color .2s, -webkit-transform .3s .76s;
    transition: transform .3s .76s, opacity .3s .76s, color .2s;
    transition: transform .3s .76s, opacity .3s .76s, color .2s, -webkit-transform .3s .76s
}

.l-header__nav__item:nth-child(10)>.l-header__nav__item__index,
.l-header__nav__item:nth-child(10)>.link {
    -webkit-transition: opacity .3s .8s, color .2s, -webkit-transform .3s .8s;
    transition: opacity .3s .8s, color .2s, -webkit-transform .3s .8s;
    transition: transform .3s .8s, opacity .3s .8s, color .2s;
    transition: transform .3s .8s, opacity .3s .8s, color .2s, -webkit-transform .3s .8s
}

body#company .l-header__nav__item-company,
body#contactJobSeeker .l-header__nav__item-contact .l-header__nav__select__link:nth-child(2),
body#contactRecruiter .l-header__nav__item-contact .l-header__nav__select__link:nth-child(1),
body#interview .l-header__nav__item-interview,
body#news .l-header__nav__item-news,
body#philosophy .l-header__nav__item-philosophy,
body#recruit .l-header__nav__item-recruit,
body#service .l-header__nav__item-service .l-header__nav__box__link:nth-child(1),
body#workers .l-header__nav__item-service .l-header__nav__box__link:nth-child(2) {
    color: #043b8e;
    pointer-events: none
}

.l-header__nav__box {
    width: 600px;
    height: 280px
}

@media screen and (min-width:801px) {
    .l-header__nav__item .link,
    .l-header__nav__item__index {
        opacity: 0;
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
    body.init-end .l-header__nav__item .l-header__nav__item__index,
    body.init-end .l-header__nav__item .link {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .l-header__nav__box {
        position: absolute;
        top: calc(100% + 20px);
        left: -118px;
        z-index: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 40px;
        background-color: #fff;
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 1px);
        transform: translate3d(0, 5px, 1px);
        pointer-events: none;
        -webkit-transition: .3s;
        transition: .3s
    }
}

@media screen and (max-width:800px) {
    .l-header__nav__box {
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        pointer-events: none;
        padding-top: 0;
        height: auto;
        width: 100%
    }
}

@media screen and (min-width:801px) {
    .l-header__nav__box::after,
    .l-header__nav__box::before {
        content: '';
        position: absolute
    }
    .l-header__nav__box::after {
        top: -12px;
        left: 148px;
        width: 0;
        height: 0;
        border-width: 0 7px 13px;
        border-color: transparent transparent #fff;
        border-style: solid
    }
    .l-header__nav__box::before {
        top: -60px;
        left: 122px;
        z-index: -1;
        width: 76px;
        height: 100px;
        opacity: 0
    }
}

.l-header__nav__box__link {
    width: 250px;
    color: #15171b;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media screen and (max-width:800px) {
    .l-header__nav__box__link {
        display: block;
        color: #aaa;
        width: auto;
        margin-top: 14px
    }
}

.l-header__nav__box__link .image {
    width: 100%;
    height: 154px;
    overflow: hidden
}

.l-header__nav__box__link .image>span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transform-origin: right;
    transform-origin: right
}

.l-header__nav__box__link .title {
    font-size: 18px;
    font-family: Arial, "Helvetica Neue", sans-serif;
    margin-top: 18px;
    letter-spacing: 0
}

.l-header__nav__box__link .desc {
    font-family: YakuHanJP, NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 4px;
    padding-left: 1px
}

.l-header__btn .close,
.l-header__btn .open,
.p-company-history__item .year,
.p-company-history__item__data .month>span,
.p-company-location__head h2 {
    font-family: Arial, "Helvetica Neue", sans-serif
}

@media screen and (max-width:800px) {
    .l-header__nav__box__link .desc {
        font-size: 10px
    }
}

@media screen and (min-width:801px) {
    .l-header__nav__box__link:hover {
        color: #043b8e
    }
    .l-header__nav__box__link:hover .image span {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
}

.l-header__nav__select {
    width: 220px;
    height: 134px;
    position: absolute;
    top: calc(100% + 20px);
    left: auto;
    right: 12px;
    z-index: -1;
    background-color: #fff;
    color: #15171b;
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    pointer-events: none;
    -webkit-transition: .3s;
    transition: .3s
}

.l-header__nav__select::after {
    content: '';
    position: absolute;
    top: -12px;
    left: auto;
    right: 19px;
    width: 0;
    height: 0;
    border-width: 0 7px 13px;
    border-color: transparent transparent #fff;
    border-style: solid
}

.l-header__nav__select::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 155px;
    z-index: -1;
    width: 76px;
    height: 100px;
    opacity: 0
}

.l-header__nav__select__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 1;
    height: 67px;
    padding-top: 3px;
    padding-left: 10px;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s
}

.l-header__nav__select__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.l-header__nav__select__link p,
.l-header__nav__select__link svg {
    position: relative;
    z-index: 1
}

.l-header__nav__select__link svg {
    width: 6px;
    height: 15px;
    margin-left: 17px;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (min-width:801px) {
    .l-header__nav__select__link:hover::before {
        opacity: 1
    }
    .l-header__nav__select__link:hover svg {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

.l-header__nav__social {
    position: relative;
    margin-top: auto;
    margin-bottom: 0;
    height: 85px;
    min-height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
    padding-top: 25px
}

body.menu-open .l-header__nav__social {
    opacity: 1;
    -webkit-transition: opacity .5s .2s;
    transition: opacity .5s .2s
}

.l-header__nav__social__item {
    position: relative;
    display: block;
    height: 17px;
    margin-right: 26px
}

.l-header__nav__social__item.is-wantedly {
    width: 137px;
    height: 25px;
    margin-right: 20px
}

.l-header__nav__social__item.is-facebook {
    top: 2px;
    width: 20px;
    height: 22px
}

.l-header__nav__social__item.is-twitter {
    left: -2px;
    top: 2px;
    width: 26px;
    height: 22px
}

.l-header__nav__social__item.is-instagram {
    width: 22px;
    height: 22px;
    top: 1px;
    margin-right: 0
}

.l-header__nav__social__item svg {
    width: 100%;
    height: 100%
}

@media screen and (min-width:801px) {
    .l-header__nav__item:hover .l-header__nav__box,
    .l-header__nav__item:hover .l-header__nav__select {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
        pointer-events: all
    }
    .l-header__nav__item:hover .l-header__nav__item__fixCover {
        opacity: .1
    }
}

.l-header__btn {
    position: absolute;
    top: 30px;
    left: auto;
    right: 20px;
    z-index: 300;
    width: 33px;
    height: 30px;
    cursor: pointer;
    pointer-events: all;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0
}

body.init-end .l-header__btn {
    opacity: 1
}

.l-header__btn .line1,
.l-header__btn .line2 {
    display: block;
    width: 100%;
    height: 2px;
    background: currentColor;
    margin-bottom: 5px;
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition: .3s;
    transition: .3s
}

.l-header__btn .close,
.l-header__btn .open {
    pointer-events: none;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    width: calc(100% + 2px);
    height: 12px;
    font-size: 11px;
    white-space: nowrap;
    letter-spacing: .5px;
    font-weight: 800;
    -webkit-transition: .3s;
    transition: .3s;
    color: currentColor
}

.l-header__btn .close {
    left: -3px;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    opacity: 0
}

.l-header__btn .open {
    left: -1px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

body.menu-open .l-header__btn .line1 {
    -webkit-transform: translateY(3px) rotate(27deg);
    transform: translateY(3px) rotate(27deg)
}

body.menu-open .l-header__btn .line2 {
    -webkit-transform: translateY(-4px) rotate(-27deg);
    transform: translateY(-4px) rotate(-27deg)
}

body.menu-open .l-header__btn .open {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    opacity: 0
}

body.menu-open .l-header__btn .close {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.l-opening {
    position: fixed;
    z-index: 300;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    overflow: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    background-color: #fff
}

.l-opening__inner {
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

body:not(.is-opening) .l-opening {
    -webkit-transform: translateX(-100%)!important;
    transform: translateX(-100%)!important;
    -webkit-transition: .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: .7s .1s cubic-bezier(.19, .82, .27, 1)
}

body:not(.is-opening) .l-opening__inner {
    -webkit-transform: translateX(100%)!important;
    transform: translateX(100%)!important;
    -webkit-transition: .7s .1s cubic-bezier(.19, .82, .27, 1);
    transition: .7s .1s cubic-bezier(.19, .82, .27, 1)
}

.l-opening__wrap {
    position: absolute;
    z-index: 1;
    right: 48.92%;
    top: 3.8%;
    bottom: 0;
    margin: auto;
    width: 43vw;
    height: 35.5vw
}

@media screen and (max-width:1000px) {
    .l-opening__wrap {
        top: 0;
        right: 54%
    }
}

@media screen and (max-width:800px) {
    .l-opening__wrap {
        right: auto;
        left: 3%
    }
}

@media screen and (max-width:650px) {
    .l-opening__wrap {
        width: 280px;
        height: 231px
    }
}

.l-opening #svg-opening {
    fill: #aaa;
    width: 43vw;
    height: 35.5vw;
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

@media screen and (max-width:650px) {
    .l-opening #svg-opening {
        width: 280px;
        height: 231px
    }
}

.l-recruit-link::after,
.l-recruit-link>a {
    width: 100%;
    height: 100%
}

.l-opening #svg-opening .op-after {
    fill: none;
    stroke: #aaa;
    stroke-width: 1px
}

.l-opening #svg-opening .op-after path,
.l-opening #svg-opening .op-after polygon,
.l-opening #svg-opening .op-after rect {
    opacity: 0
}

@media screen and (min-width:801px) {
    .l-opening #svg-opening .op-after path,
    .l-opening #svg-opening .op-after polygon,
    .l-opening #svg-opening .op-after rect {
        -webkit-transform: translate3d(3%, 1%, 0);
        transform: translate3d(3%, 1%, 0)
    }
    .l-opening #svg-opening .op-after path:nth-child(2n),
    .l-opening #svg-opening .op-after polygon:nth-child(2n),
    .l-opening #svg-opening .op-after rect:nth-child(2n) {
        -webkit-transform: translate3d(3%, -1%, 0);
        transform: translate3d(3%, -1%, 0)
    }
}

.l-recruit-link {
    position: relative;
    width: 100%;
    height: 413px;
    overflow: hidden
}

body#company .l-recruit-link,
body#contactJobSeeker .l-recruit-link,
body#contactRecruiter .l-recruit-link,
body#information .l-recruit-link,
body#news .l-recruit-link,
body#newsDetail .l-recruit-link,
body#recruit .l-recruit-link,
body#service .l-recruit-link,
body#workers .l-recruit-link {
    display: none
}

.l-recruit-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #15171b;
    opacity: .5;
    pointer-events: none
}

.l-recruit-link>a,
.l-recruit-link__inner {
    position: relative;
    display: block;
    z-index: 1
}

.l-recruit-link__inner {
    width: 85.3%;
    max-width: 1400px;
    min-width: 760px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 93px;
    color: #fff
}

@media screen and (max-width:800px) {
    .l-opening #svg-opening .op-after path,
    .l-opening #svg-opening .op-after polygon,
    .l-opening #svg-opening .op-after rect {
        -webkit-transform: translate3d(3%, 0, 0);
        transform: translate3d(3%, 0, 0)
    }
    .l-recruit-link {
        height: 303px
    }
    .l-recruit-link__inner {
        width: 89.4%;
        min-width: 0;
        padding-top: 35px
    }
}

.l-recruit-link__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.l-recruit-link h2 {
    margin-left: -1px;
    letter-spacing: .4px
}

.l-recruit-link__desc {
    margin-top: 23px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1.4px
}

@media screen and (max-width:800px) {
    .l-recruit-link__desc {
        margin-top: 18px;
        font-size: 13px;
        letter-spacing: .8px;
        line-height: 1.73
    }
}

.l-recruit-link__circle {
    position: relative;
    margin-top: 44px;
    width: 31px;
    height: 31px;
    color: #aaa
}

.l-recruit-link__circle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transition: .3s;
    transition: .3s
}

.l-recruit-link__circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width:800px) {
    .l-recruit-link__circle {
        width: 25px;
        height: 25px;
        margin-top: 29px
    }
    .l-recruit-link__circle svg {
        width: 24px;
        top: 8px
    }
}

@media screen and (min-width:801px) {
    .l-recruit-link:hover .l-recruit-link__circle::before {
        -webkit-transform: scale(1.58);
        transform: scale(1.58);
        background-color: #aaa;
        border-color: transparent;
        opacity: .7;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .l-recruit-link:hover .l-recruit-link__circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-width:801px) {
    .l-recruit-link:hover .l-recruit-link__circle svg {
        fill: #aaa;
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .l-recruit-link:hover .l-recruit-link__circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.p-company-about__video {
    width: 100vw;
    height: auto;
    display: block;
    padding: 0;
    margin: 0
}

.p-company-about__data {
    position: relative;
    z-index: 1;
    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;
    margin-left: auto;
    margin-right: auto;
    width: 85.3%;
    max-width: 1200px;
    min-width: 940px;
    padding-top: 30px
}

.p-company-about__data__head {
    position: relative;
    width: 100%;
    letter-spacing: 2.5px
}

@media screen and (max-width:1000px) {
    .p-company-about__data {
        padding-top: 16px;
        width: 100%;
        display: block;
        min-width: 0;
        padding-left: 5.3vw
    }
    .p-company-about__data__head {
        z-index: 3
    }
}

.p-company-about__data__inner {
    position: relative;
    width: calc(100% - 454px);
    min-width: 520px;
    padding-top: 66px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1.4px
}

@media screen and (max-width:1000px) {
    .p-company-about__data__inner {
        z-index: 2;
        padding-top: 40px;
        padding-bottom: 15px;
        width: 85%
    }
}

@media screen and (max-width:800px) {
    .p-company-about__data__inner {
        font-size: 13px;
        line-height: 1.88;
        padding-top: 30px;
        min-width: 0;
        width: 94.6%
    }
}

.p-company-about__data__inner::before {
    content: '';
    position: absolute;
    z-index: -1;
    right: 0;
    top: -155px;
    width: 100vw;
    height: 100%;
    background: #fff
}

@media screen and (max-width:1000px) {
    .p-company-about__data__inner::before {
        height: calc(100% + 155px)
    }
}

.p-company-about__data__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px
}

.p-company-about__data__item .head {
    opacity: .5;
    width: 144px;
    min-width: 144px
}

.p-company-about__data__item .body {
    position: relative;
    padding-left: 20px
}

@media screen and (max-width:800px) {
    .p-company-about__data__inner::before {
        top: -76px;
        height: calc(100% + 76px)
    }
    .p-company-about__data__item {
        margin-bottom: 19px;
        display: block
    }
    .p-company-about__data__item .body {
        padding-left: 0;
        margin-top: 3px
    }
    .p-company-about__data__item .data {
        letter-spacing: .6px
    }
}

@media screen and (min-width:801px) {
    .l-recruit-link:hover .l-recruit-link__bg {
        -webkit-transform: translate3d(0, 0, 0) scale(1.04);
        transform: translate3d(0, 0, 0) scale(1.04);
        -webkit-transition: -webkit-transform 1s cubic-bezier(.19, .82, .27, 1);
        transition: -webkit-transform 1s cubic-bezier(.19, .82, .27, 1);
        transition: transform 1s cubic-bezier(.19, .82, .27, 1);
        transition: transform 1s cubic-bezier(.19, .82, .27, 1), -webkit-transform 1s cubic-bezier(.19, .82, .27, 1)
    }
    .p-company-about__data__item .body::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 0;
        height: calc(100% - 16px);
        border-left: solid 1px #15171b
    }
}

.p-company-about__data__item .p-mark {
    margin-top: 16px;
    padding-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-company-about__data__item .p-mark img {
    width: 52px;
    height: 51px;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.p-company-about__data__item .p-mark p {
    margin-left: 15px;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: .9px
}

@media screen and (max-width:800px) {
    .p-company-about__data__item .p-mark {
        margin-top: 25px
    }
    .p-company-about__data__item .p-mark img {
        width: 51px;
        height: 50px
    }
    .p-company-about__data__item .p-mark p {
        line-height: 1.7;
        letter-spacing: .4px;
        font-size: 10px
    }
}

.p-company-about__data__img {
    width: 454px;
    max-width: calc(100% - 530px);
    margin-top: 46px;
    overflow: hidden
}

@media screen and (max-width:1000px) {
    .p-company-about__data__img {
        max-width: 600px;
        max-height: 600px;
        margin-left: auto;
        margin-right: 0;
        width: 100vw;
        height: 100vw;
        margin-top: -100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media screen and (max-width:600px) {
    .p-company-about__data__img {
        overflow: hidden;
        position: relative;
        right: 5.3vw;
        margin-top: -43px
    }
}

.p-company-about__data__img img {
    width: 100%;
    height: auto
}

.p-company-about__growth {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70.5%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    min-width: 800px;
    margin-top: 165px
}

.p-company-location__head,
.p-hover-box__item a,
.p-phil-sections__marker,
.p-top-interview__bottom a {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

@media screen and (max-width:800px) {
    .p-company-about__growth {
        display: block;
        min-width: auto;
        width: 89%;
        margin-top: 70px
    }
}

.p-company-about__growth__graph {
    position: relative;
    width: 90.6%
}

@media screen and (max-width:1000px) {
    .p-company-about__growth__graph {
        width: 450px
    }
}

@media screen and (max-width:800px) {
    .p-company-about__growth__graph {
        margin-left: auto;
        margin-right: auto;
        margin-top: -49px;
        max-width: 600px;
        width: 107%;
        left: -20px
    }
    .p-company-about__growth__graph__pin {
        -webkit-transform-origin: 32% 56%;
        transform-origin: 32% 56%;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

.p-company-about__growth__graph__base {
    width: 100%;
    height: auto
}

.p-company-about__growth__graph__pin {
    position: absolute;
    top: calc(14.3% - 28px);
    left: auto;
    right: calc(9.5% - 28px);
    width: 56px;
    height: 56px;
    max-width: 56px;
    max-height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0
}

.p-company-about__growth__graph__pin p,
.p-company-history__head {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.p-company-about__growth__graph__pin p {
    position: absolute;
    top: -75px;
    left: 50%;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 130px;
    height: 49px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: #043b8e;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px);
    opacity: 0
}

@media screen and (max-width:800px) {
    .p-company-about__growth__graph__pin p {
        font-size: 19px;
        top: -60px;
        margin-left: -20px
    }
}

.p-company-about__growth__graph__pin p::before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: 59px;
    width: 0;
    height: 0;
    border-width: 10px 7.5px 0;
    border-color: #043b8e transparent transparent;
    border-style: solid
}

.p-company-about__growth__graph__pin::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(9, 61, 124, .2);
    -webkit-animation-name: wave;
    animation-name: wave;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@media screen and (max-width:800px) {
    .p-company-about__growth__graph__pin::before {
        width: 72%;
        height: 72%
    }
}

.p-company-about__growth__graph__pin::after {
    content: '';
    position: relative;
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    background-color: #093d7c;
    z-index: 1;
    -webkit-animation-name: pin;
    animation-name: pin;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.p-company-about__growth__graph__shadow {
    display: block;
    position: absolute;
    top: auto;
    left: 16%;
    right: auto;
    bottom: 5%;
    width: 66.9%;
    height: 17.3%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 20% 80%;
    transform-origin: 20% 80%;
    opacity: 0
}

.p-company-about__growth__graph .svg-company-graph {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 100%
}

@media screen and (max-width:800px) {
    .p-company-about__growth__graph .svg-company-graph {
        width: 97%;
        right: 1%
    }
}

body:not(.browserIE) .p-company-about__growth__graph .svg-company-graph__lines,
body:not(.browserIE) .p-company-about__growth__graph .svg-company-graph__panels polygon {
    opacity: 0
}

body:not(.browserIE) .p-company-about__growth__graph .svg-company-graph__stroke {
    stroke-dashoffset: 2751px;
    stroke-dasharray: 917px
}

.p-company-about__growth__graph.is-invasion .p-company-about__growth__graph__pin {
    opacity: 1;
    -webkit-transition: .3s .8s;
    transition: .3s .8s
}

.p-company-about__growth__graph.is-invasion .p-company-about__growth__graph__pin::after,
.p-company-about__growth__graph.is-invasion .p-company-about__growth__graph__pin::before {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.p-company-about__growth__graph.is-invasion .p-company-about__growth__graph__pin p {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s 1s, -webkit-transform .5s 1s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .5s 1s, -webkit-transform .5s 1s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s 1s cubic-bezier(.08, .92, .35, 1), opacity .5s 1s;
    transition: transform .5s 1s cubic-bezier(.08, .92, .35, 1), opacity .5s 1s, -webkit-transform .5s 1s cubic-bezier(.08, .92, .35, 1)
}

.p-company-about__growth__graph.is-invasion .p-company-about__growth__graph__shadow {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .15s .15s, -webkit-transform 1s .2s;
    transition: opacity .15s .15s, -webkit-transform 1s .2s;
    transition: transform 1s .2s, opacity .15s .15s;
    transition: transform 1s .2s, opacity .15s .15s, -webkit-transform 1s .2s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__panels polygon:nth-child(1) {
    opacity: 1;
    -webkit-transition: .3s .3s;
    transition: .3s .3s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__panels polygon:nth-child(2) {
    opacity: 1;
    -webkit-transition: .3s .4s;
    transition: .3s .4s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__panels polygon:nth-child(3) {
    opacity: 1;
    -webkit-transition: .3s .5s;
    transition: .3s .5s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__panels polygon:nth-child(4) {
    opacity: 1;
    -webkit-transition: .3s .6s;
    transition: .3s .6s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__panels polygon:nth-child(5) {
    opacity: 1;
    -webkit-transition: .3s .7s;
    transition: .3s .7s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__panels polygon:nth-child(6) {
    opacity: 1;
    -webkit-transition: .3s .8s;
    transition: .3s .8s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__panels polygon:nth-child(7) {
    opacity: 1;
    -webkit-transition: .3s .9s;
    transition: .3s .9s
}

.p-company-about__growth__graph.is-invasion .svg-company-graph__lines {
    opacity: 1;
    -webkit-transition: opacity .3s 1.2s;
    transition: opacity .3s 1.2s
}

body:not(.browserIE) .p-company-about__growth__graph.is-invasion .svg-company-graph__stroke {
    stroke-dashoffset: 1834px;
    -webkit-transition: stroke-dashoffset 1s cubic-bezier(.7, .3, .3, .9);
    transition: stroke-dashoffset 1s cubic-bezier(.7, .3, .3, .9)
}

.p-company-about__growth__inner {
    position: absolute;
    top: 28%;
    left: 0;
    -webkit-transform: translateY(-28%);
    transform: translateY(-28%);
    width: 350px;
    margin-top: 45px
}

@media screen and (max-width:1000px) {
    .p-company-about__growth__inner {
        width: 320px
    }
}

.p-company-about__growth__head {
    line-height: 1.71
}

@media screen and (max-width:800px) {
    .p-company-about__growth__inner {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
        left: 0;
        margin-top: 0
    }
    .p-company-about__growth__head {
        line-height: 1.6;
        font-size: 16px
    }
}

.p-company-about__growth__desc {
    margin-top: 21px;
    line-height: 2;
    font-size: 15px;
    letter-spacing: 2.3px;
    padding-left: 2px
}

@media screen and (max-width:1000px) {
    .p-company-about__growth__desc {
        font-size: 14px;
        letter-spacing: 1.5px
    }
}

@media screen and (max-width:800px) {
    .p-company-about__growth__desc {
        height: 100px;
        font-size: 13px;
        padding-left: 0;
        letter-spacing: 1.1px;
        line-height: 1.93;
        margin-top: 17px;
        width: 65%
    }
}

.p-company-history {
    padding-top: 248px;
    padding-bottom: 85px;
    background-color: #f8f8f8;
    margin-top: -100px
}

.p-company-history__head {
    width: 85.3%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.p-company-history__head h2 {
    margin-right: auto;
    margin-left: 0
}

@media screen and (max-width:800px) {
    .p-company-history {
        padding-bottom: 53px;
        padding-top: 90px;
        margin-top: 0
    }
    .p-company-history__head {
        width: 90%
    }
    .p-company-history__head h2 {
        letter-spacing: 2px
    }
}

.p-company-history__head .swiper-button-next,
.p-company-history__head .swiper-button-prev {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    margin-left: 10px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width:800px) {
    .p-company-history__head .swiper-button-next,
    .p-company-history__head .swiper-button-prev {
        width: 40px;
        height: 40px
    }
}

.p-company-history__head .swiper-button-next::before,
.p-company-history__head .swiper-button-prev::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #aaa;
    -webkit-transition: .3s;
    transition: .3s
}

.p-company-history__head .swiper-button-prev {
    padding-left: 4px
}

.p-company-history__head .swiper-button-prev::before {
    border-left: solid 1px #aaa;
    -webkit-transform: translateX(0) rotate(-45deg);
    transform: translateX(0) rotate(-45deg)
}

@media screen and (min-width:801px) {
    .p-company-history__head .swiper-button-prev:hover {
        background-color: #d5d5d5
    }
    .p-company-history__head .swiper-button-prev:hover::before {
        border-color: #15171b;
        -webkit-transform: translateX(-4px) rotate(-45deg);
        transform: translateX(-4px) rotate(-45deg)
    }
}

.p-company-history__head .swiper-button-next {
    padding-right: 4px
}

.p-company-history__head .swiper-button-next::before {
    border-right: solid 1px #aaa;
    -webkit-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg)
}

@media screen and (min-width:801px) {
    .p-company-history__head .swiper-button-next:hover {
        background-color: #d5d5d5
    }
    .p-company-history__head .swiper-button-next:hover::before {
        border-color: #15171b;
        -webkit-transform: translateX(4px) rotate(45deg);
        transform: translateX(4px) rotate(45deg)
    }
}

.p-company-history__slide {
    margin-right: 0;
    margin-left: auto;
    width: 100%;
    margin-top: 73px;
    height: 554px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.browserIE .p-company-history__slide {
    cursor: pointer
}

@media screen and (max-width:800px) {
    .p-company-history__slide {
        margin-top: 30px;
        height: 375px
    }
}

.p-company-history__slide__spacer {
    display: block;
    width: 7.5vw;
    max-width: 7.5vw;
    min-width: 7.5vw;
    height: 100%
}

@media screen and (max-width:800px) {
    .p-company-history__slide__spacer {
        width: 5vw;
        max-width: 5vw;
        min-width: 5vw
    }
}

.p-company-history__slide>.swiper-wrapper {
    position: relative;
    height: 100%
}

.p-company-history__item {
    position: relative;
    width: 260px;
    height: 554px;
    min-width: 260px;
    padding: 28px;
    overflow: hidden;
    background-color: #fff
}

@media screen and (max-width:800px) {
    .p-company-history__item {
        width: 190px;
        height: 375px;
        min-width: 190px;
        padding: 15px 17px 0 21px
    }
}

.p-company-history__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 1px;
    height: 100%;
    background-size: 1px 5px;
    background-image: linear-gradient(to bottom, #aaa, #aaa 1px, #fff 1px, #fff 100%)
}

.p-company-history__item .year {
    text-align: right;
    line-height: 1;
    font-size: 110px;
    font-weight: 700;
    letter-spacing: -2.3px;
    opacity: .1;
    white-space: nowrap;
    position: absolute;
    top: -3px;
    left: auto;
    right: 87px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

@media screen and (max-width:800px) {
    .p-company-history__item .year {
        font-size: 80px;
        top: 0;
        right: 63px
    }
}

.p-company-history__item__data {
    margin-bottom: 25px
}

.p-company-history__item__data .month {
    line-height: 30px;
    font-size: 12px
}

@media screen and (max-width:800px) {
    .p-company-history__item__data .month {
        font-size: 10px
    }
}

.p-company-history__item__data .month>span {
    font-size: 30px;
    font-weight: 700
}

@media screen and (max-width:800px) {
    .p-company-history__item__data .month>span {
        font-size: 20px
    }
}

.p-company-history__item__data .desc {
    margin-top: 4px;
    line-height: 1.71;
    letter-spacing: 1.6px;
    font-size: 14px
}

@media screen and (max-width:800px) {
    .p-company-history__item__data .desc {
        margin-top: 0;
        line-height: 1.9;
        letter-spacing: 1px;
        font-size: 11px
    }
}

.p-company-history__progress {
    position: relative;
    margin-top: 51px;
    height: 4px;
    width: 85.3%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    background: #d5d5d5
}

@media screen and (max-width:800px) {
    .p-company-history__progress {
        margin-top: 21px;
        width: 90%;
        height: 2px
    }
}

.p-company-history__progress .swiper-scrollbar-drag {
    position: relative;
    top: 0;
    height: 4px;
    background: #15171b;
    cursor: pointer
}

@media screen and (max-width:800px) {
    .p-company-history__progress .swiper-scrollbar-drag {
        height: 2px
    }
}

.p-company-history__progress .swiper-scrollbar-drag::before {
    content: '';
    position: absolute;
    left: 0;
    top: -11px;
    width: 100%;
    height: 22px
}

.p-company-location {
    margin-top: 147px
}

.p-company-location__top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    width: 100%;
    height: 768px
}

@media screen and (max-width:800px) {
    .p-company-location {
        margin-top: 72px
    }
    .p-company-location__top {
        display: block;
        height: auto
    }
}

.p-company-location__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .p-company-location__bg {
        width: 100%;
        height: 57.7vw
    }
}

.p-company-location__bg .c-lower-video {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:1328px) {
    .p-company-location__bg .c-lower-video .c-lower-video__item {
        top: 0;
        -webkit-transform: translate(-50%, 0)!important;
        transform: translate(-50%, 0)!important;
        left: 50%;
        height: 100%;
        width: auto
    }
}

.p-company-location__head {
    width: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    line-height: 1
}

.p-company-location__head h2 {
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 700
}

@media screen and (max-width:800px) {
    .p-company-location__head {
        width: 100%;
        height: 57.7vw;
        padding-bottom: 7px
    }
    .p-company-location__head h2 {
        letter-spacing: .4px;
        font-size: 18px
    }
}

.p-company-location__head p {
    font-size: 12px;
    letter-spacing: 1.3px;
    margin-top: 16px
}

.p-company-location__inner {
    position: relative;
    width: 50%;
    height: 100%
}

@media screen and (max-width:1000px) {
    .p-company-location__inner {
        width: 65%
    }
}

.p-company-location__inner .ps__rail-y {
    right: auto!important;
    left: 0!important;
    z-index: 2
}

.p-company-location .js-toggle {
    border-bottom: solid 1px #d5d5d5
}

@media screen and (max-width:800px) {
    .p-company-location__head p {
        font-size: 10px;
        margin-top: 7px
    }
    .p-company-location__inner {
        width: 90%;
        margin: -30px auto 0
    }
    .p-company-location .js-toggle {
        position: relative;
        max-height: 73px;
        overflow: hidden;
        -webkit-transition: max-height .3s;
        transition: max-height .3s
    }
    .p-company-location .js-toggle.is-open {
        max-height: 176px
    }
    .p-company-location .js-toggle::before {
        content: '';
        position: absolute;
        top: 31px;
        left: auto;
        right: 23px;
        width: 9px;
        height: 9px;
        z-index: 2;
        margin: auto;
        border-bottom: solid 1px #15171b;
        border-right: solid 1px #15171b;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.p-company-location__item {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    height: 176px;
    padding-top: 40px;
    padding-left: 48px;
    cursor: pointer
}

@media screen and (max-width:800px) {
    .p-company-location__item {
        padding-top: 27px;
        padding-left: 21px;
        padding-bottom: 24px;
        height: auto
    }
}

.p-company-location__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.p-company-location__item .name {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.4px
}

@media screen and (max-width:800px) {
    .p-company-location__item .name {
        font-size: 13px
    }
}

.p-company-location__item .desc {
    margin-top: 10px;
    line-height: 2;
    font-size: 12px;
    letter-spacing: 1.3px
}

@media screen and (max-width:800px) {
    .p-company-location__item .desc {
        letter-spacing: 1px;
        font-size: 10px;
        opacity: 0;
        line-height: 1.9;
        visibility: hidden;
        -webkit-transition: .3s;
        transition: .3s;
        padding-right: 60px
    }
    .js-toggle.is-open .p-company-location__item .desc {
        visibility: visible;
        opacity: 1
    }
}

.p-company-location__item .map {
    width: 145px;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(100% - 145px);
    background-color: #15171b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    font-family: Arial, "Helvetica Neue", sans-serif;
    font-weight: 600;
    letter-spacing: .7px;
    -webkit-transform: translateX(65px);
    transform: translateX(65px);
    -webkit-transition: .5s cubic-bezier(.19, .82, .27, 1);
    transition: .5s cubic-bezier(.19, .82, .27, 1);
    padding-left: 2px
}

@media screen and (max-width:800px) {
    .p-company-location__item .map {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        width: 40px;
        height: 40px;
        padding-left: 0;
        left: auto;
        top: auto;
        right: 0;
        bottom: 0
    }
    .p-company-location__item .map svg {
        width: 7.5px;
        height: 12px
    }
}

@media screen and (min-width:801px) {
    .p-company-location__inner {
        min-width: 520px
    }
    .p-company-location__item .map svg {
        margin-right: 8px;
        -webkit-transition: .3s .1s;
        transition: .3s .1s;
        -webkit-transform: translateX(9px);
        transform: translateX(9px)
    }
}

.p-company-location__item .map span {
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

@media screen and (min-width:801px) {
    .p-company-location__item:hover::before {
        opacity: .4
    }
    .p-company-location__item:hover .map {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .p-company-location__item:hover .map svg {
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .p-company-location__item:hover .map span {
        -webkit-transition: .5s;
        transition: .5s;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.p-company-location__slide {
    position: relative;
    z-index: 2;
    width: 92.7%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: 0;
    margin-top: 178px
}

@media screen and (min-width:1401px) {
    .p-company-location__slide {
        margin-right: auto
    }
}

@media screen and (max-width:1000px) {
    .p-company-location__slide {
        width: 100%
    }
}

@media screen and (max-width:800px) {
    .p-company-location__item .map span {
        display: none
    }
    .p-company-location__slide {
        margin-top: 75px
    }
}

.p-company-location__slide__main {
    position: relative;
    z-index: 5;
    width: calc(100% - 400px);
    height: 535px
}

@media screen and (max-width:1200px) {
    .p-company-location__slide__main {
        width: calc(100% - 300px)
    }
}

@media screen and (max-width:1000px) {
    .p-company-location__slide__main {
        width: 78.6vw;
        height: 55.2vw;
        margin-left: auto;
        margin-right: auto
    }
}

.p-company-location__slide__main__pager {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -2;
    width: 300px;
    padding-top: 26px
}

@media screen and (max-width:1000px) {
    .p-company-location__slide__main__pager {
        left: 0;
        top: calc(100% + 13px)
    }
}

.p-company-location__slide__main__pager .js-slide-pager {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    font-size: 12px;
    letter-spacing: .4px;
    margin-bottom: 16px;
    height: 18px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (min-width:1001px) {
    .p-company-location__slide__main__pager .js-slide-pager::before {
        content: '';
        position: relative;
        top: 1px;
        display: block;
        width: 9px;
        height: 9px;
        background-color: #15171b;
        border-radius: 50%;
        margin-right: 10px;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        opacity: .5
    }
    .p-company-location__slide__main__pager .js-slide-pager::after {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 30px;
        height: 1px;
        margin: auto;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: #15171b;
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(.79, .17, .15, .96);
        transition: -webkit-transform 1s cubic-bezier(.79, .17, .15, .96);
        transition: transform 1s cubic-bezier(.79, .17, .15, .96);
        transition: transform 1s cubic-bezier(.79, .17, .15, .96), -webkit-transform 1s cubic-bezier(.79, .17, .15, .96)
    }
    .p-company-location__slide__main__pager .js-slide-pager.is-current::before {
        opacity: 1
    }
    .p-company-location__slide__main__pager .js-slide-pager.is-current::after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transition: -webkit-transform 6s linear;
        transition: -webkit-transform 6s linear;
        transition: transform 6s linear;
        transition: transform 6s linear, -webkit-transform 6s linear
    }
}

@media screen and (min-width:1001px) and (min-width:801px) {
    .p-company-location__slide__main__pager .js-slide-pager:hover {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
}

@media screen and (max-width:1000px) {
    .p-company-location__slide__main__pager .js-slide-pager {
        opacity: 0;
        padding-left: 0;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transform: translateX(10px) rotateX(90deg);
        transform: translateX(10px) rotateX(90deg);
        position: absolute;
        top: 0;
        left: 0;
        font-size: 11px;
        font-weight: 600
    }
    .p-company-location__slide__main__pager .js-slide-pager.is-current {
        -webkit-transition: .3s .1s;
        transition: .3s .1s;
        opacity: 1;
        -webkit-transform: translateX(0) rotateX(0);
        transform: translateX(0) rotateX(0)
    }
}

.p-company-location__slide__main__pager .js-slide-pager.is-current {
    pointer-events: none
}

.p-company-location__slide__main__next,
.p-company-location__slide__main__prev {
    z-index: 10;
    width: 60px;
    height: 60px;
    background-color: #15171b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    padding-top: 1px;
    cursor: pointer
}

@media screen and (max-width:800px) {
    .p-company-location__slide__main__next,
    .p-company-location__slide__main__prev {
        width: 70.6vw;
        height: 44.5vw;
        margin: auto;
        background-color: unset
    }
}

.p-company-location__slide__main__next::before,
.p-company-location__slide__main__prev::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaa;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (max-width:800px) {
    .p-company-location__slide__main__next::before,
    .p-company-location__slide__main__prev::before {
        background-color: #15171b;
        opacity: .8
    }
}

.p-company-location__slide__main__next svg,
.p-company-location__slide__main__prev svg {
    position: relative;
    width: 7px;
    height: 18px
}

.p-company-location__slide__main__next {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0
}

@media screen and (max-width:800px) {
    .p-company-location__slide__main__next svg,
    .p-company-location__slide__main__prev svg {
        width: 7px;
        height: 12px;
        margin: 13px
    }
    .p-company-location__slide__main__next {
        position: absolute;
        top: 30px;
        left: calc(100% + 10px);
        right: auto;
        bottom: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.p-company-location__slide__main__prev {
    position: absolute;
    top: auto;
    left: auto;
    right: 60px;
    bottom: 0
}

@media screen and (max-width:800px) {
    .p-company-location__slide__main__prev {
        position: absolute;
        top: 30px;
        left: auto;
        right: calc(100% + 10px);
        bottom: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (min-width:801px) {
    .p-company-location__slide__main__next:hover::before,
    .p-company-location__slide__main__prev:hover::before {
        opacity: 1
    }
    .p-company-location__slide__next {
        position: absolute;
        top: 269px;
        left: auto;
        right: 99px;
        width: 530px;
        height: 306px;
        -webkit-filter: saturate(0);
        filter: saturate(0)
    }
}

@media screen and (max-width:800px) {
    .p-company-location__slide__next,
    .p-company-location__slide__prev {
        margin: auto;
        width: 70.6vw;
        height: 44.5vw
    }
    .p-company-location__slide__next {
        position: absolute;
        top: 30px;
        left: calc(89.3% + 10px);
        right: auto;
        bottom: 0
    }
    .p-company-location__slide__prev {
        position: absolute;
        top: 30px;
        left: auto;
        right: calc(89.3% + 10px);
        bottom: 0
    }
}

.p-company-location__slide__item {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    overflow: hidden;
    pointer-events: none
}

.p-company-location__slide__item .inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    overflow: hidden
}

.p-company-location__slide__item .inner .img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width:1001px) {
    .p-company-location__slide__item .inner .img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.p-company-location__slide__item.slide-up {
    z-index: 2
}

.p-company-location__slide__item.is-current,
.p-company-location__slide__item.is-current .inner {
    -webkit-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.79, .17, .15, .96)!important;
    transition: -webkit-transform .6s cubic-bezier(.79, .17, .15, .96)!important;
    transition: transform .6s cubic-bezier(.79, .17, .15, .96)!important;
    transition: transform .6s cubic-bezier(.79, .17, .15, .96), -webkit-transform .6s cubic-bezier(.79, .17, .15, .96)!important
}

@media screen and (min-width:1001px) {
    .p-company-location__slide__item.is-current .inner .img {
        -webkit-transform: scale(1.01)!important;
        transform: scale(1.01)!important;
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, .82, .27, 1)!important;
        transition: -webkit-transform 1.2s cubic-bezier(.19, .82, .27, 1)!important;
        transition: transform 1.2s cubic-bezier(.19, .82, .27, 1)!important;
        transition: transform 1.2s cubic-bezier(.19, .82, .27, 1), -webkit-transform 1.2s cubic-bezier(.19, .82, .27, 1)!important
    }
}

.p-company-location__slide.dir-prev .p-company-location__slide__item {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.p-company-location__slide.dir-prev .p-company-location__slide__item .inner {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.p-division-about {
    position: relative;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px
}

.p-division-about__inner {
    position: relative;
    width: calc(100% - 100px);
    color: #fff;
    padding: 96px 95px 55px;
    height: 100%
}

@media screen and (max-width:1000px) {
    .p-division-about__inner {
        width: calc(100% - 50px);
        padding: 60px 50px 25px
    }
}

@media screen and (max-width:600px) {
    .p-division-about__inner {
        width: 100%;
        padding: 56px 20px 25px
    }
}

.p-division-about__inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #fff;
    border-bottom: solid 195px #f8f8f8
}

.p-division-about__bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.p-division-about__title {
    position: relative;
    z-index: 2;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px
}

.p-division-about__works {
    position: relative;
    z-index: 2;
    margin-top: 71px;
    padding-left: 5px
}

.p-division-about__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 40px;
    margin-bottom: 44px;
    padding-bottom: 17px;
    font-family: NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif
}

.p-division-about__list::after,
.p-division-about__list::before {
    content: '';
    position: absolute;
    top: auto;
    height: 1px;
    background: #fff;
    right: auto;
    bottom: 0
}

.p-hover-box__cursor,
.p-hover-box__item h2,
.p-instagram__title,
.p-interviewDetail__other__head,
.p-interviewDetail__top__title,
.p-newsDetail__head .day,
.p-newsDetail__related__head,
.p-newsDetail__related__item .day,
.p-news__years {
    font-family: Arial, "Helvetica Neue", sans-serif
}

.p-division-about__list::before {
    left: 0;
    width: 160px
}

.p-division-about__list::after {
    left: 160px;
    width: calc(100% - 160px);
    opacity: .5
}

@media screen and (max-width:800px) {
    .p-division-about__title {
        font-size: 15px
    }
    .p-division-about__works {
        margin-top: 33px;
        padding-left: 0
    }
    .p-division-about__list {
        margin-bottom: 35px;
        display: block
    }
    .p-division-about__list::before {
        display: none
    }
    .p-division-about__list::after {
        width: 100%;
        left: 0
    }
}

.p-division-about__list__head {
    width: 160px;
    max-width: 160px;
    min-width: 160px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.7;
    height: 100%
}

@media screen and (max-width:800px) {
    .p-division-about__list__head {
        font-size: 13px;
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }
    .p-division-about__list__head br {
        display: none
    }
}

.p-division-about__list__data {
    margin-top: -4px;
    padding-left: 4px;
    line-height: 2.2;
    font-size: 14px;
    letter-spacing: .4px
}

.p-division-about__list__data span {
    display: inline-block
}

@media screen and (max-width:800px) {
    .p-division-about__list__data {
        margin-top: 14px;
        letter-spacing: 0;
        padding-left: 0;
        line-height: 2;
        font-size: 11px;
        width: 100%
    }
    .p-division-about__list__data span {
        display: inline
    }
}

.p-division-about__list__data span:not(:last-child)::after {
    content: '/';
    margin: 0 6px 0 10px
}

.p-division-top::before,
.p-division-top__cover::before,
.p-hover-box::after,
.p-information__inner::before {
    content: ''
}

.p-division-top {
    position: relative;
    z-index: 1;
    padding-top: 160px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px
}

.p-division-top::before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101vw;
    height: 100%;
    background: #fff
}

.p-division-top__cover {
    position: relative;
    margin-left: auto;
    margin-right: 0;
    width: calc(100% - 100px);
    height: 383px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.p-division-top__inner,
.p-hover-box::after,
.p-information {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:1000px) {
    .p-division-top__cover {
        height: 280px
    }
}

@media screen and (max-width:800px) {
    .p-division-top {
        padding-top: 108px
    }
    .p-division-top__cover {
        width: calc(100% - 40px);
        height: 188px
    }
}

@media screen and (max-width:600px) {
    .p-division-top__cover {
        width: 100%
    }
}

.p-division-top__cover__box {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
    width: 450px;
    height: 60px;
    background-color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1;
    padding-left: 21px;
    letter-spacing: .3px;
    -webkit-transition: .3s .3s, color .5s .35s;
    transition: .3s .3s, color .5s .35s;
    color: #15171b;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-division-top__inner,
.p-hover-box {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:1000px) {
    .p-division-top__cover__box {
        width: 400px
    }
}

@media screen and (max-width:800px) {
    .p-division-top__cover__box {
        font-size: 13px;
        width: 355px;
        height: 63px;
        bottom: -31px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.p-division-top__cover::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.79, .17, .15, .96);
    transition: -webkit-transform .5s cubic-bezier(.79, .17, .15, .96);
    transition: transform .5s cubic-bezier(.79, .17, .15, .96);
    transition: transform .5s cubic-bezier(.79, .17, .15, .96), -webkit-transform .5s cubic-bezier(.79, .17, .15, .96);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

body.is-change-start .p-division-top__cover::before {
    -webkit-transition: -webkit-transform 0s .5s;
    transition: -webkit-transform 0s .5s;
    transition: transform 0s .5s;
    transition: transform 0s .5s, -webkit-transform 0s .5s;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

body.is-change-start .p-division-top__cover__box {
    -webkit-transition: -webkit-transform 0s .5s;
    transition: -webkit-transform 0s .5s;
    transition: transform 0s .5s;
    transition: transform 0s .5s, -webkit-transform 0s .5s;
    -webkit-transform: translateY(101%);
    transform: translateY(101%);
    color: #fff
}

.p-division-top__inner {
    margin-top: 87px;
    width: calc(100% - 200px);
    display: flex;
    -webkit-transition: .4s .5s;
    transition: .4s .5s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width:1000px) {
    .p-division-top__inner {
        width: calc(100% - 50px)
    }
}

@media screen and (max-width:800px) {
    .p-division-top__inner {
        width: calc(100% - 40px);
        margin-top: 58px;
        display: block
    }
}

body.is-change-start .p-division-top__inner {
    -webkit-transition: 0 .5s;
    transition: 0 .5s;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.p-division-top__head {
    position: relative;
    width: 450px;
    padding-left: 47px;
    padding-top: 17px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: .3px
}

@media screen and (max-width:1000px) {
    .p-division-top__head {
        width: 320px;
        font-size: 26px
    }
}

@media screen and (max-width:800px) {
    .p-division-top__head {
        padding-left: 6px;
        padding-top: 21px;
        width: 100%;
        font-size: 17px
    }
}

.p-division-top__head svg {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width:801px) {
    .p-division-top__head p {
        letter-spacing: 2.5px;
        display: block;
        margin-top: -1px
    }
    .p-hover-box__item {
        background-image: none!important
    }
}

@media screen and (max-width:800px) {
    .p-division-top__head svg {
        width: 20px;
        height: 20px
    }
    .p-division-top__head p {
        display: inline;
        margin-left: -2px
    }
}

.p-division-top__body {
    width: calc(100% - 445px);
    padding-top: 23px
}

.p-division-top__about {
    line-height: 1.75;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.2px
}

@media screen and (max-width:1000px) {
    .p-division-top__body {
        width: calc(100% - 340px)
    }
    .p-division-top__about {
        font-size: 18px
    }
}

@media screen and (max-width:800px) {
    .p-division-top__body {
        width: 100%;
        padding-left: 10px;
        margin-top: 13px
    }
    .p-division-top__about {
        font-size: 15px
    }
}

.p-division-top__desc {
    line-height: 2;
    font-size: 15px;
    margin-top: 22px;
    letter-spacing: .8px;
    padding-bottom: 111px
}

.p-hover-box {
    position: relative;
    z-index: 1;
    display: flex;
    height: 44.28vw
}

.p-hover-box::after,
.p-hover-box__cursor {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

@media screen and (max-width:800px) {
    .p-division-top__desc {
        letter-spacing: 1px;
        font-size: 13px;
        padding-bottom: 70px;
        line-height: 1.88;
        text-align: justify
    }
    .p-hover-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }
}

.p-hover-box__cursor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
    right: 15px;
    bottom: 10px;
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    background-color: rgba(4, 59, 142, .7);
    color: #fff;
    font-weight: 800;
    font-size: 10px;
    letter-spacing: .5px;
    opacity: 0;
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.p-hover-box__cursor.is-hover {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.p-hover-box::after {
    right: 0;
    width: 33.33%;
    height: 100%;
    border-right: solid 1px #d5d5d5;
    z-index: 5;
    opacity: .7
}

.p-hover-box__item {
    width: calc(100% / 3);
    height: 100%;
    color: #15171b;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

@media screen and (max-width:800px) {
    .p-hover-box::after,
    .p-hover-box__cursor {
        display: none
    }
    .p-hover-box__item {
        position: relative;
        width: 100%;
        height: 38.1vw;
        color: #fff;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat
    }
    .p-hover-box__item::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #15171b;
        opacity: 0;
        -webkit-transition: .2s;
        transition: .2s
    }
    .p-hover-box__item:hover::after {
        opacity: .5
    }
}

.p-hover-box__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-bottom: 6px
}

@media screen and (max-width:800px) {
    .p-hover-box__item a {
        position: relative;
        z-index: 2;
        padding-bottom: 0;
        padding-top: 9px
    }
}

.p-hover-box__item h2,
.p-hover-box__item p {
    position: relative;
    z-index: 1
}

@media screen and (min-width:801px) {
    .p-hover-box__item h2,
    .p-hover-box__item p {
        mix-blend-mode: overlay
    }
}

.p-hover-box__item h2 {
    font-size: 25px;
    margin-bottom: 2px
}

@media screen and (max-width:800px) {
    .p-hover-box__item h2 {
        font-size: 18px
    }
}

.p-hover-box__item p {
    font-size: 12px;
    letter-spacing: 1px
}

.p-hover-box__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .2s .1s linear;
    transition: opacity .2s .1s linear;
    overflow: hidden;
    pointer-events: none
}

.p-hover-box__item:hover {
    color: #fff
}

.p-hover-box__item:hover h2,
.p-hover-box__item:hover p {
    mix-blend-mode: unset
}

.p-hover-box__item:hover .p-hover-box__bg {
    opacity: 1;
    z-index: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.p-information {
    margin-top: 120px;
    width: 85.4%;
    max-width: 1200px
}

@media screen and (max-width:1000px) {
    .p-information {
        width: 100%
    }
}

.p-information__inner {
    position: relative;
    width: calc(100% - 400px);
    padding-top: 7px;
    padding-left: 1px;
    padding-bottom: 120px
}

@media screen and (max-width:1000px) {
    .p-information__inner {
        width: 85.4%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:800px) {
    .p-hover-box__item p {
        font-size: 10px;
        letter-spacing: 0
    }
    .p-information {
        margin-top: 87px
    }
    .p-information__inner {
        padding-bottom: 75px;
        padding-top: 6px;
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 40px)
    }
    .p-information__inner::before {
        width: 100%
    }
}

.p-information__inner::before {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: #d5d5d5
}

.p-information h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 67px 0 28px
}

@media screen and (max-width:800px) {
    .p-information h2 {
        letter-spacing: .8px;
        margin: 40px 0 18px;
        line-height: 1.7;
        font-size: 15px
    }
}

.p-information p {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1.2px;
    margin-bottom: 15px
}

@media screen and (max-width:800px) {
    .p-information p {
        margin-bottom: 11px;
        text-align: justify;
        letter-spacing: 1px;
        line-height: 1.88;
        font-size: 13px
    }
}

.p-information a {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    color: #15171b;
    opacity: 1;
    border-bottom: solid 1px currentColor;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1.3px
}

.p-information a::after,
.p-information a::before {
    position: absolute;
    left: auto;
    margin: auto;
    width: 12px;
    content: '';
    bottom: 0
}

.p-instagram__body,
.p-instagram__head {
    display: -webkit-box;
    display: -ms-flexbox
}

.p-information a::before {
    top: 0;
    right: 3px;
    height: 9px;
    border: 1px solid #aaa;
    -webkit-transition: .5s cubic-bezier(.19, .82, .27, 1);
    transition: .5s cubic-bezier(.19, .82, .27, 1)
}

.p-information a::after {
    top: 5px;
    right: 0;
    height: 10px;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    -webkit-transition: .4s cubic-bezier(.19, .82, .27, 1);
    transition: .4s cubic-bezier(.19, .82, .27, 1)
}

.p-information a:hover {
    opacity: 1
}

.p-information a:hover::before {
    -webkit-transform: translate(3px, 3px) rotateX(180deg) rotateY(180deg);
    transform: translate(3px, 3px) rotateX(180deg) rotateY(180deg);
    color: #15171b
}

.p-information a:hover::after {
    -webkit-transform: translate(-3px, -2px) rotateX(180deg) rotateY(180deg);
    transform: translate(-3px, -2px) rotateX(180deg) rotateY(180deg);
    color: #15171b
}

.p-instagram {
    background: #f8f8f8;
    overflow: hidden;
    width: 100vw;
    padding-bottom: 75px
}

.p-instagram__head {
    width: 85.3%;
    max-width: 1400px;
    min-width: 760px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 119px;
    border-top: solid 1px #d5d5d5;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:800px) {
    .p-information a {
        font-size: 11px;
        letter-spacing: .7px
    }
    .p-instagram__head {
        width: 89.4%;
        min-width: 0;
        padding-top: 63px
    }
}

.p-instagram__title {
    font-weight: 700;
    font-size: 25px;
    letter-spacing: 1px
}

.p-instagram__link {
    width: 220px;
    height: 60px;
    margin-right: 15px
}

@media screen and (max-width:800px) {
    .p-instagram__title {
        letter-spacing: .76px;
        font-size: 18px
    }
    .p-instagram__link {
        margin-right: 10px;
        width: 150px;
        height: 40px
    }
}

.p-instagram__desc {
    letter-spacing: 1.6px;
    width: 100%;
    position: relative;
    font-size: 15px;
    margin-top: 18px;
    padding-top: 5px;
    padding-left: 23px
}

.p-instagram__desc svg {
    position: absolute;
    top: 0;
    left: -1px;
    width: 18px;
    height: 18px
}

@media screen and (max-width:800px) {
    .p-instagram__desc {
        margin-top: 14px;
        font-size: 13px;
        padding-top: 23px;
        padding-left: 2px
    }
    .p-instagram__desc svg {
        width: 14px;
        height: 14px
    }
}

.p-instagram__body {
    position: relative;
    margin-top: 58px;
    height: 27vw;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-animation: instagramBody 30s linear infinite;
    animation: instagramBody 30s linear infinite;
    width: 500vw;
    min-width: 500vw
}

@media screen and (max-width:800px) {
    .p-instagram__body {
        -webkit-animation: instagramBody 24s linear infinite;
        animation: instagramBody 24s linear infinite;
        width: 813.3vw;
        min-width: 813.3vw;
        height: 40vw
    }
}

.p-instagram__body__clone,
.p-instagram__body__view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    height: 100%;
    width: 50%;
    min-width: 50%
}

.p-instagram__body__clone {
    position: absolute;
    top: 0;
    left: 50%
}

.p-instagram__body img {
    display: block;
    margin-right: 1.5vw
}

.p-instagram__body img:nth-child(even) {
    width: 20vw;
    height: 20vw
}

@media screen and (max-width:800px) {
    .p-instagram__body img {
        margin-right: 4vw
    }
    .p-instagram__body img:nth-child(even) {
        width: 33.33vw;
        height: 33.33vw
    }
}

.p-instagram__body img:nth-child(odd) {
    width: 27vw;
    height: 27vw
}

@media screen and (max-width:800px) {
    .p-instagram__body img:nth-child(odd) {
        width: 40vw;
        height: 40vw
    }
}

.p-interview-archive {
    position: relative;
    margin-top: 119px
}

.p-interview-archive::before {
    content: '';
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    background: #f8f8f8
}

.p-interview-archive__inner {
    width: 85.3%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    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;
    min-width: 920px;
    -webkit-transition: .4s .4s;
    transition: .4s .4s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media screen and (max-width:800px) {
    .p-interview-archive::before {
        top: 50px;
        height: calc(100% - 50px)
    }
    .p-interview-archive__inner {
        width: 89.4%;
        min-width: 0
    }
}

body.is-change-start .p-interview-archive__inner {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

@media screen and (max-width:1000px) {
    .p-interview-archive__inner {
        max-width: 800px;
        min-width: 700px
    }
}

@media screen and (max-width:630px) {
    .p-interview-archive {
        margin-top: 130px;
        padding-bottom: 50px
    }
    .p-interview-archive__inner {
        min-width: 0;
        width: 79%;
        padding-bottom: 0
    }
}

.p-interview-archive__inner::after {
    content: "";
    display: block;
    width: 30.5%;
    height: 0
}

@media screen and (max-width:800px) {
    .p-interview-archive__inner::after {
        width: 46%
    }
}

.p-interview-archive__item {
    width: 30.5%;
    margin-bottom: 80px
}

@media screen and (max-width:1000px) {
    .p-interview-archive__item {
        width: 44%
    }
}

@media screen and (max-width:800px) {
    .p-interview-archive__item {
        width: 46%
    }
}

@media screen and (max-width:630px) {
    .p-interview-archive__item {
        margin-bottom: 40px;
        width: 100%
    }
    .p-interview-archive__item:last-child {
        margin-bottom: 0
    }
}

.p-interviewDetail {
    position: relative
}

.p-interviewDetail__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px
}

.p-interviewDetail__top {
    width: 50%;
    padding-left: 100px;
    padding-top: 152px
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__top {
        width: 100%
    }
}

.p-interviewDetail__top__title {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .7px
}

@media screen and (max-width:800px) {
    .p-interviewDetail__head {
        padding-bottom: 0
    }
    .p-interviewDetail__top {
        padding-top: 100px;
        padding-left: 19px
    }
    .p-interviewDetail__top__title {
        font-size: 10px
    }
}

.p-interviewDetail__top__copy {
    width: 77.5%;
    font-size: 30px;
    line-height: 1.69;
    font-weight: 600;
    letter-spacing: 1.2px;
    margin-top: 34px
}

@media screen and (max-width:1200px) {
    .p-interviewDetail__top__copy {
        width: 90%
    }
}

@media screen and (max-width:800px) {
    .p-interviewDetail__top__copy {
        font-size: 23px;
        line-height: 1.65;
        letter-spacing: 1.5px;
        margin-top: 3px;
        width: 98%
    }
}

.p-interviewDetail__top__desc {
    margin: 40px 0 0 -3px
}

@media screen and (max-width:800px) {
    .p-interviewDetail__top__desc {
        margin: 34px 0 0
    }
}

.p-interviewDetail__top__desc p {
    font-size: 12px;
    color: #aaa;
    line-height: 1.2;
    margin-bottom: 7px;
    letter-spacing: .5px;
    font-weight: 600
}

.p-interviewDetail__top__desc p>span {
    display: inline-block;
    margin-right: 14px
}

@media screen and (max-width:800px) {
    .p-interviewDetail__top__desc p {
        line-height: 1;
        letter-spacing: .3px;
        font-size: 11px;
        margin-bottom: 10px
    }
    .p-interviewDetail__top__desc p>span {
        line-height: 21px;
        margin-top: -8px
    }
}

.p-interviewDetail__top__profile {
    position: relative;
    z-index: 1;
    width: 82.5%;
    margin-top: 168px;
    padding-top: 40px;
    padding-bottom: 45px;
    padding-right: 40px
}

@media screen and (max-width:1200px) {
    .p-interviewDetail__top__profile {
        margin-top: 100px;
        width: 89%
    }
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__top__profile {
        margin-top: -150px;
        max-width: 500px
    }
}

@media screen and (max-width:800px) {
    .p-interviewDetail__top__profile {
        margin-top: -130px;
        padding: 25px 40px 35px 20px
    }
}

.p-interviewDetail__top__profile::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: calc(100% + 100px);
    height: 100%;
    background: #f8f8f8
}

.p-interviewDetail__top__profile span {
    font-family: Arial, "Helvetica Neue", sans-serif;
    color: #aaa;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 1px
}

.p-interviewDetail__top__profile p {
    font-size: 12px;
    line-height: 2;
    font-weight: 600;
    letter-spacing: .65px;
    margin-top: 10px
}

.p-interviewDetail__thumbnail {
    display: block;
    width: 50%;
    height: auto
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__thumbnail {
        margin-top: 25px;
        min-width: 275px;
        margin-left: auto;
        margin-right: 0
    }
}

@media screen and (max-width:800px) {
    .p-interviewDetail__top__profile p {
        line-height: 1.92;
        font-size: 11px
    }
    .p-interviewDetail__thumbnail {
        width: 50%
    }
}

.p-interviewDetail__body {
    position: relative
}

.p-interviewDetail__inner {
    width: 85.4%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__inner {
        width: 100%
    }
}

.p-interviewDetail__contents {
    position: relative;
    width: calc(100% - 400px);
    padding-bottom: 70px
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__contents {
        width: 85.4%;
        margin-left: auto;
        margin-right: auto
    }
}

.p-interviewDetail__contents::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d5d5d5
}

@media screen and (max-width:800px) {
    .p-interviewDetail__contents {
        width: 100%;
        padding-top: 22px;
        padding-bottom: 35px
    }
    .p-interviewDetail__contents::after {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto
    }
}

.p-interviewDetail__link {
    width: calc(100% - 400px);
    padding: 80px 0 121px
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__link {
        padding: 50px 0 75px;
        width: 85.4%;
        margin-left: auto;
        margin-right: auto
    }
}

.p-interviewDetail__link__inner {
    margin: 0 14px 0 auto;
    width: 220px;
    height: 60px
}

@media screen and (max-width:800px) {
    .p-interviewDetail__link__inner {
        height: 41px;
        margin-right: 3px;
        width: 150px
    }
}

.p-interviewDetail__other {
    position: absolute;
    top: 14px;
    left: auto;
    right: 0;
    width: 400px;
    min-width: calc(50vw - 280px);
    height: 100%;
    padding-bottom: 275px
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__other {
        padding: 60px 0;
        width: 100%;
        position: relative;
        top: 0;
        background-color: #f8f8f8
    }
}

@media screen and (max-width:800px) {
    .p-interviewDetail__other {
        padding: 46px 0 52px;
        width: auto;
        position: relative
    }
}

.p-interviewDetail__other__wrap {
    position: sticky;
    top: 130px
}

@media screen and (max-width:1000px) {
    .p-interviewDetail__other__inner {
        width: 85.4%;
        margin-left: auto;
        margin-right: auto
    }
}

.p-interviewDetail__other__head {
    padding-left: 30px;
    font-size: 14.1px;
    font-weight: 700;
    letter-spacing: 1.4px;
    height: 45px;
    border-bottom: solid 1px #d5d5d5
}

@media screen and (max-width:800px) {
    .p-interviewDetail__other__wrap {
        position: relative;
        top: 0
    }
    .p-interviewDetail__other__inner {
        width: calc(100% - 40px)
    }
    .p-interviewDetail__other__head {
        letter-spacing: 1.2px;
        height: 40px;
        padding-left: 40px
    }
}

.p-interviewDetail__other__item {
    position: relative;
    display: block;
    border-bottom: solid 1px #d5d5d5
}

.p-interviewDetail__other__item a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 25px 55px 30px 120px;
    height: 151px
}

@media screen and (max-width:800px) {
    .p-interviewDetail__other__item a {
        height: 121px;
        padding: 29px 18px 21px 89px
    }
}

.p-interviewDetail__other__item a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #d5d5d5;
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    -webkit-transform-origin: right;
    transform-origin: right;
    pointer-events: none;
    -webkit-transition: opacity .25s, -webkit-transform .4s;
    transition: opacity .25s, -webkit-transform .4s;
    transition: transform .4s, opacity .25s;
    transition: transform .4s, opacity .25s, -webkit-transform .4s
}

.p-interviewDetail__other__item .img {
    width: 70px;
    height: 94px;
    position: absolute;
    top: 28px;
    left: 30px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width:800px) {
    .p-interviewDetail__other__item .img {
        width: 50px;
        height: 70px;
        top: 25px;
        left: 20px
    }
}

.p-interviewDetail__other__item .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.61;
    letter-spacing: .3px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 66px;
    overflow: hidden
}

.p-interviewDetail__other__item__bottom {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa
}

@media screen and (max-width:800px) {
    .p-interviewDetail__other__item .title {
        line-height: 1.8;
        letter-spacing: .4px;
        width: 89%;
        max-height: 34px;
        font-size: 11px
    }
    .p-interviewDetail__other__item__bottom {
        margin-top: 13px;
        padding-left: 1px
    }
}

.p-interviewDetail__other__item__bottom p {
    font-size: 10px;
    color: #aaa;
    line-height: 1.2;
    margin-bottom: 7px;
    letter-spacing: 0;
    white-space: nowrap;
    font-weight: 600
}

.p-interviewDetail__other__item__bottom p>span {
    display: inline-block;
    margin-right: 10px
}

.p-interviewDetail__other__item:hover .title {
    opacity: .6
}

.p-interviewDetail__other__item:hover a::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: .5;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: opacity .4s, -webkit-transform .4s cubic-bezier(.08, .92, .35, 1);
    transition: opacity .4s, -webkit-transform .4s cubic-bezier(.08, .92, .35, 1);
    transition: transform .4s cubic-bezier(.08, .92, .35, 1), opacity .4s;
    transition: transform .4s cubic-bezier(.08, .92, .35, 1), opacity .4s, -webkit-transform .4s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (min-width:801px) {
    body.is-change-start .p-interviewDetail__other__head,
    body.is-change-start .p-interviewDetail__other__item {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

.p-interviewDetail__other__head {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: .4s .4s;
    transition: .4s .4s
}

.p-interviewDetail__other__item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.p-interviewDetail__other__item:nth-child(1) {
    -webkit-transition: .4s .5s;
    transition: .4s .5s
}

.p-interviewDetail__other__item:nth-child(2) {
    -webkit-transition: .4s .55s;
    transition: .4s .55s
}

.p-interviewDetail__other__item:nth-child(3) {
    -webkit-transition: .4s .6s;
    transition: .4s .6s
}

.p-interviewDetail__other__item:nth-child(4) {
    -webkit-transition: .4s .65s;
    transition: .4s .65s
}

.p-interviewDetail__other__item:nth-child(5) {
    -webkit-transition: .4s .7s;
    transition: .4s .7s
}

.p-interviewDetail__other__item:nth-child(6) {
    -webkit-transition: .4s .75s;
    transition: .4s .75s
}

.p-interviewDetail__other__item:nth-child(7) {
    -webkit-transition: .4s .8s;
    transition: .4s .8s
}

.p-interviewDetail__other__item:nth-child(8) {
    -webkit-transition: .4s .85s;
    transition: .4s .85s
}

.p-interviewDetail__other__item:nth-child(9) {
    -webkit-transition: .4s .9s;
    transition: .4s .9s
}

.p-interviewDetail__other__item:nth-child(10) {
    -webkit-transition: .4s .95s;
    transition: .4s .95s
}

.p-interviewDetail__other__item:nth-child(11) {
    -webkit-transition: .4s 1s;
    transition: .4s 1s
}

.p-interviewDetail__other__item:nth-child(12) {
    -webkit-transition: .4s 1.05s;
    transition: .4s 1.05s
}

.p-interviewDetail__other__item:nth-child(13) {
    -webkit-transition: .4s 1.1s;
    transition: .4s 1.1s
}

.p-interviewDetail__other__item:nth-child(14) {
    -webkit-transition: .4s 1.15s;
    transition: .4s 1.15s
}

.p-interviewDetail__other__item:nth-child(15) {
    -webkit-transition: .4s 1.2s;
    transition: .4s 1.2s
}

.p-interviewDetail__other__item:nth-child(16) {
    -webkit-transition: .4s 1.25s;
    transition: .4s 1.25s
}

.p-interviewDetail__other__item:nth-child(17) {
    -webkit-transition: .4s 1.3s;
    transition: .4s 1.3s
}

.p-interviewDetail__other__item:nth-child(18) {
    -webkit-transition: .4s 1.35s;
    transition: .4s 1.35s
}

.p-interviewDetail__other__item:nth-child(19) {
    -webkit-transition: .4s 1.4s;
    transition: .4s 1.4s
}

.p-interviewDetail__other__item:nth-child(20) {
    -webkit-transition: .4s 1.45s;
    transition: .4s 1.45s
}

.p-news {
    position: relative;
    margin-top: 113px;
    min-height: 800px
}

.p-news__select {
    margin-left: auto;
    position: sticky;
    right: 0;
    top: 113px;
    width: 400px;
    min-width: calc(50vw - 280px)
}

@media screen and (max-width:1000px) {
    .p-news__select {
        width: 350px
    }
}

body.browserIE .p-news__select {
    position: fixed;
    top: 150px
}

@media screen and (max-width:800px) {
    .p-interviewDetail__other__item__bottom p {
        letter-spacing: .5px;
        margin-bottom: 10px
    }
    .p-news {
        margin-top: 42px;
        min-height: 0
    }
    .p-news__select {
        top: 0;
        width: auto;
        position: relative
    }
    .p-news__categories {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 18px
    }
}

.p-news__categories__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 73px;
    padding-bottom: 2px;
    padding-left: 30px;
    letter-spacing: 1.2px;
    font-size: 12px;
    border-bottom: solid 1px #d5d5d5;
    -webkit-transition: .2s;
    transition: .2s
}

@media screen and (min-width:801px) {
    li:first-child .p-news__categories__item {
        border-top: solid 1px #d5d5d5;
        height: 74px
    }
}

@media screen and (max-width:800px) {
    .p-news__categories__item {
        font-size: 11px;
        padding-left: 0;
        border: none;
        width: auto;
        height: auto;
        display: block;
        color: #d5d5d5;
        letter-spacing: 1px;
        margin-right: 22px
    }
}

.p-news__categories__item.is-current {
    background-color: #15171b;
    color: #fff;
    pointer-events: none
}

@media screen and (max-width:800px) {
    .p-news__categories__item.is-current {
        background-color: unset;
        color: #15171b
    }
    .p-news__categories__item:hover {
        color: #15171b
    }
}

@media screen and (min-width:801px) {
    .p-news__categories__item:hover {
        background-color: #d5d5d5
    }
    .p-newsDetail__contents {
        min-height: 515px
    }
}

.p-news__years {
    position: relative;
    margin-top: 32px;
    display: inline-block;
    left: 30px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    height: 50px
}

@media screen and (max-width:800px) {
    .p-news__years {
        display: block;
        position: relative;
        z-index: 2;
        width: 216px;
        margin-top: 25px;
        font-size: 11px;
        padding-left: 20px;
        margin-left: 0;
        left: 0;
        height: 35px
    }
}

.p-newsDetail,
.p-news__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.p-news__years__head {
    width: 62px;
    line-height: 50px;
    height: 100%
}

@media screen and (max-width:800px) {
    .p-news__years__head {
        line-height: 31px;
        width: 50px;
        letter-spacing: .5px
    }
}

.p-news__years__list {
    position: absolute;
    top: 0;
    left: 52px;
    width: 209px;
    height: auto;
    max-height: 50px;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

@media screen and (max-width:800px) {
    .p-news__years__list {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        max-height: 35px;
        width: 145px;
        background-color: #fff
    }
}

.p-news__years__list__current {
    position: relative;
    width: 100%;
    height: 49px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    background-color: #fff;
    cursor: pointer;
    border-bottom: solid 1px #d5d5d5;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

@media screen and (max-width:800px) {
    .p-news__years__list__current {
        height: 34px;
        padding-left: 15px
    }
}

.p-news__years__list__current::after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 21px;
    bottom: 4px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-bottom: solid 2px #d5d5d5;
    border-right: solid 2px #d5d5d5;
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, .3, .3, .9);
    transition: -webkit-transform .3s cubic-bezier(.7, .3, .3, .9);
    transition: transform .3s cubic-bezier(.7, .3, .3, .9);
    transition: transform .3s cubic-bezier(.7, .3, .3, .9), -webkit-transform .3s cubic-bezier(.7, .3, .3, .9)
}

@media screen and (max-width:800px) {
    .p-news__years__list__current::after {
        right: 14px;
        width: 8px;
        height: 8px
    }
}

.p-news__years__list__current:hover {
    background-color: #f8f8f8
}

.p-news__years__list__current:hover::after {
    -webkit-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg)
}

.p-news__years__list__wrap {
    position: relative;
    width: 100%;
    max-height: 199px;
    background-color: #fff
}

.is-open .p-news__years__list__current,
.p-news__years__list__item:hover {
    background-color: #f8f8f8
}

.p-news__years__list__item {
    position: relative;
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    font-size: 12px;
    cursor: pointer;
    border-top: solid 1px #d5d5d5;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

@media screen and (max-width:800px) {
    .p-news__years__list__wrap {
        max-height: 149px
    }
    .p-news__years__list__item {
        height: 30px;
        padding-left: 15px
    }
}

li:first-child .p-news__years__list__item {
    border: none
}

.is-open .p-news__years__list {
    max-height: 250px
}

.p-newsDetail__head::after,
.p-newsDetail__inner::after {
    content: '';
    top: auto;
    left: 0;
    height: 1px;
    background: #d5d5d5;
    right: 0;
    bottom: 0
}

.is-open .p-news__years__list__current::after {
    -webkit-transform: translateY(6px) rotate(-135deg);
    transform: translateY(6px) rotate(-135deg)
}

.is-open .p-news__years__list__current:hover::after {
    -webkit-transform: translateY(3px) rotate(-135deg);
    transform: translateY(3px) rotate(-135deg)
}

.p-news__inner {
    margin-top: -302px;
    padding-top: 6px;
    width: 85.6%
}

body.browserIE .p-news__inner {
    margin-top: 0
}

@media screen and (max-width:1000px) {
    .p-news__inner {
        width: 100%;
        padding-left: 40px
    }
}

@media screen and (max-width:800px) {
    .is-open .p-news__years__list {
        max-height: 215px
    }
    .p-news__inner {
        width: 100%;
        padding: 52px 20px;
        margin-top: 0
    }
}

body.is-change-start .p-news__categories li,
body.is-change-start .p-news__years {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.p-news__categories li {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.p-news__categories li:nth-child(1) {
    -webkit-transition: .4s .45s;
    transition: .4s .45s
}

.p-news__categories li:nth-child(2) {
    -webkit-transition: .4s .5s;
    transition: .4s .5s
}

.p-news__categories li:nth-child(3) {
    -webkit-transition: .4s .55s;
    transition: .4s .55s
}

.p-news__categories li:nth-child(4) {
    -webkit-transition: .4s .6s;
    transition: .4s .6s
}

.p-news__categories li:nth-child(5) {
    -webkit-transition: .4s .65s;
    transition: .4s .65s
}

.p-news__categories li:nth-child(6) {
    -webkit-transition: .4s .7s;
    transition: .4s .7s
}

.p-news__categories li:nth-child(7) {
    -webkit-transition: .4s .75s;
    transition: .4s .75s
}

.p-news__categories li:nth-child(8) {
    -webkit-transition: .4s .8s;
    transition: .4s .8s
}

.p-news__categories li:nth-child(9) {
    -webkit-transition: .4s .85s;
    transition: .4s .85s
}

.p-news__categories li:nth-child(10) {
    -webkit-transition: .4s .9s;
    transition: .4s .9s
}

.p-news__categories li:nth-child(11) {
    -webkit-transition: .4s .95s;
    transition: .4s .95s
}

.p-news__categories li:nth-child(12) {
    -webkit-transition: .4s 1s;
    transition: .4s 1s
}

.p-news__categories li:nth-child(13) {
    -webkit-transition: .4s 1.05s;
    transition: .4s 1.05s
}

.p-news__categories li:nth-child(14) {
    -webkit-transition: .4s 1.1s;
    transition: .4s 1.1s
}

.p-news__categories li:nth-child(15) {
    -webkit-transition: .4s 1.15s;
    transition: .4s 1.15s
}

.p-news__categories li:nth-child(16) {
    -webkit-transition: .4s 1.2s;
    transition: .4s 1.2s
}

.p-news__categories li:nth-child(17) {
    -webkit-transition: .4s 1.25s;
    transition: .4s 1.25s
}

.p-news__categories li:nth-child(18) {
    -webkit-transition: .4s 1.3s;
    transition: .4s 1.3s
}

.p-news__categories li:nth-child(19) {
    -webkit-transition: .4s 1.35s;
    transition: .4s 1.35s
}

.p-news__categories li:nth-child(20) {
    -webkit-transition: .4s 1.4s;
    transition: .4s 1.4s
}

.p-news__years {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: .4s .6s;
    transition: .4s .6s
}

.p-newsDetail {
    padding-top: 157px;
    width: 85.4%
}

@media screen and (max-width:1000px) {
    .p-newsDetail {
        width: 100%
    }
}

.p-newsDetail__inner {
    position: relative;
    width: calc(100% - 400px);
    padding-bottom: 32px
}

@media screen and (max-width:1000px) {
    .p-newsDetail__inner {
        width: 85.4%;
        margin-left: auto;
        margin-right: auto
    }
    .p-newsDetail__head {
        padding-left: 40px
    }
}

.p-newsDetail__inner::after {
    display: block;
    width: 100%;
    position: absolute
}

@media screen and (max-width:800px) {
    .p-newsDetail {
        padding-top: 42px
    }
    .p-newsDetail__inner {
        width: 100%;
        padding-top: 65px;
        padding-bottom: 35px
    }
    .p-newsDetail__inner::after {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto
    }
}

.p-newsDetail__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 80px
}

.p-newsDetail__head::after {
    display: block;
    position: absolute;
    width: 100%;
    -webkit-transform-origin: right;
    transform-origin: right
}

.p-newsDetail__head .day {
    font-size: 14px;
    letter-spacing: .3px
}

@media screen and (max-width:800px) {
    .p-newsDetail__head {
        padding-bottom: 50px;
        padding-left: 0
    }
    .p-newsDetail__head::after {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto
    }
    .p-newsDetail__head .day {
        font-size: 12px;
        padding-left: 20px
    }
}

.p-newsDetail__head .line {
    display: block;
    background-color: #aaa;
    width: 1px;
    height: 8px;
    margin: 0 11px 0 10px
}

.p-newsDetail__head .tag {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .8px
}

@media screen and (max-width:800px) {
    .p-newsDetail__head .tag {
        position: relative;
        top: -2px;
        letter-spacing: 0
    }
}

.p-newsDetail__contents {
    position: relative
}

.p-newsDetail__title {
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 2.8px;
    margin-top: 21px
}

@media screen and (max-width:800px) {
    .p-newsDetail__title {
        padding-left: 20px;
        font-size: 23px;
        line-height: 1.65;
        letter-spacing: 1.8px;
        margin-top: 3px
    }
}

.p-newsDetail__thumbnail {
    width: 100%;
    height: auto;
    margin-top: 52px
}

@media screen and (max-width:800px) {
    .p-newsDetail__thumbnail {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 42px
    }
}

@media screen and (max-width:600px) {
    .p-newsDetail__thumbnail {
        width: 100%
    }
}

.p-newsDetail__link {
    width: calc(100% - 400px);
    padding: 80px 0 121px
}

@media screen and (max-width:1000px) {
    .p-newsDetail__link {
        padding: 50px 0 75px;
        width: 85.4%;
        margin-left: auto;
        margin-right: auto
    }
}

.p-newsDetail__link__inner {
    margin: 0 14px 0 auto;
    width: 220px;
    height: 60px
}

@media screen and (max-width:800px) {
    .p-newsDetail__link__inner {
        height: 41px;
        margin-right: 3px;
        width: 150px
    }
}

.p-newsDetail__related {
    position: absolute;
    top: 201px;
    left: auto;
    right: 0;
    width: 400px;
    min-width: calc(50vw - 280px)
}

@media screen and (max-width:1000px) {
    .p-newsDetail__related {
        padding: 60px 0;
        width: 100%;
        position: relative;
        top: 0;
        background-color: #f8f8f8
    }
}

@media screen and (max-width:800px) {
    .p-newsDetail__related {
        padding: 46px 0 52px;
        width: auto;
        position: relative
    }
}

@media screen and (max-width:1000px) {
    .p-newsDetail__related__inner {
        width: 85.4%;
        margin-left: auto;
        margin-right: auto
    }
}

.p-newsDetail__related__head {
    padding-left: 30px;
    font-size: 14.1px;
    font-weight: 700;
    letter-spacing: 1.4px;
    height: 45px;
    border-bottom: solid 1px #d5d5d5
}

@media screen and (max-width:800px) {
    .p-newsDetail__related__inner {
        width: calc(100% - 40px)
    }
    .p-newsDetail__related__head {
        height: 40px;
        padding-left: 20px
    }
}

.p-newsDetail__related__item {
    display: block;
    border-bottom: solid 1px #d5d5d5;
    padding: 25px 40px 30px 31px
}

.p-newsDetail__related__item__bottom {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa
}

.p-newsDetail__related__item .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 1.3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 42px;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .p-newsDetail__related__item {
        padding: 21px 18px
    }
    .p-newsDetail__related__item__bottom {
        margin-top: 10px;
        padding-left: 1px
    }
    .p-newsDetail__related__item .title {
        letter-spacing: .8px;
        max-height: 34px;
        font-size: 11px
    }
}

.p-newsDetail__related__item .day {
    font-size: 12px
}

.p-newsDetail__related__item .line {
    display: block;
    background-color: currentColor;
    width: 1px;
    height: 10px;
    margin: 0 11px 0 13px
}

@media screen and (max-width:800px) {
    .p-newsDetail__related__item .day {
        font-size: 11px
    }
    .p-newsDetail__related__item .line {
        margin: 0 10px 0 15px
    }
}

.p-newsDetail__related__item .tag {
    font-size: 10px;
    letter-spacing: .8px
}

body.is-change-start .p-newsDetail__head::after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

body.is-change-start .p-newsDetail .day,
body.is-change-start .p-newsDetail .line,
body.is-change-start .p-newsDetail .tag,
body.is-change-start .p-newsDetail__thumbnail,
body.is-change-start .p-newsDetail__title {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

@media screen and (min-width:801px) {
    body.is-change-start .p-newsDetail__related__head,
    body.is-change-start .p-newsDetail__related__item {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0
    }
}

.p-newsDetail__head::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform .6s .4s cubic-bezier(.79, .17, .15, .96);
    transition: -webkit-transform .6s .4s cubic-bezier(.79, .17, .15, .96);
    transition: transform .6s .4s cubic-bezier(.79, .17, .15, .96);
    transition: transform .6s .4s cubic-bezier(.79, .17, .15, .96), -webkit-transform .6s .4s cubic-bezier(.79, .17, .15, .96)
}

.p-newsDetail .day,
.p-newsDetail .line,
.p-newsDetail .tag,
.p-newsDetail__thumbnail,
.p-newsDetail__title {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.p-newsDetail .day:nth-child(1),
.p-newsDetail .line:nth-child(1),
.p-newsDetail .tag:nth-child(1),
.p-newsDetail__thumbnail:nth-child(1),
.p-newsDetail__title:nth-child(1) {
    -webkit-transition: .4s .3s;
    transition: .4s .3s
}

.p-newsDetail .day:nth-child(2),
.p-newsDetail .line:nth-child(2),
.p-newsDetail .tag:nth-child(2),
.p-newsDetail__thumbnail:nth-child(2),
.p-newsDetail__title:nth-child(2) {
    -webkit-transition: .4s .35s;
    transition: .4s .35s
}

.p-newsDetail .day:nth-child(3),
.p-newsDetail .line:nth-child(3),
.p-newsDetail .tag:nth-child(3),
.p-newsDetail__thumbnail:nth-child(3),
.p-newsDetail__title:nth-child(3) {
    -webkit-transition: .4s .4s;
    transition: .4s .4s
}

.p-newsDetail .day:nth-child(4),
.p-newsDetail .line:nth-child(4),
.p-newsDetail .tag:nth-child(4),
.p-newsDetail__thumbnail:nth-child(4),
.p-newsDetail__title:nth-child(4) {
    -webkit-transition: .4s .45s;
    transition: .4s .45s
}

.p-newsDetail .day:nth-child(5),
.p-newsDetail .line:nth-child(5),
.p-newsDetail .tag:nth-child(5),
.p-newsDetail__thumbnail:nth-child(5),
.p-newsDetail__title:nth-child(5) {
    -webkit-transition: .4s .5s;
    transition: .4s .5s
}

.p-newsDetail .day:nth-child(6),
.p-newsDetail .line:nth-child(6),
.p-newsDetail .tag:nth-child(6),
.p-newsDetail__thumbnail:nth-child(6),
.p-newsDetail__title:nth-child(6) {
    -webkit-transition: .4s .55s;
    transition: .4s .55s
}

.p-newsDetail__related__head {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: .4s .4s;
    transition: .4s .4s
}

.p-newsDetail__related__item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.p-newsDetail__related__item:nth-child(1) {
    -webkit-transition: .4s .7s;
    transition: .4s .7s
}

.p-newsDetail__related__item:nth-child(2) {
    -webkit-transition: .4s .75s;
    transition: .4s .75s
}

.p-newsDetail__related__item:nth-child(3) {
    -webkit-transition: .4s .8s;
    transition: .4s .8s
}

.p-newsDetail__related__item:nth-child(4) {
    -webkit-transition: .4s .85s;
    transition: .4s .85s
}

.p-newsDetail__related__item:nth-child(5) {
    -webkit-transition: .4s .9s;
    transition: .4s .9s
}

.p-newsDetail__related__item:nth-child(6) {
    -webkit-transition: .4s .95s;
    transition: .4s .95s
}

.p-newsDetail__related__item:nth-child(7) {
    -webkit-transition: .4s 1s;
    transition: .4s 1s
}

.p-newsDetail__related__item:nth-child(8) {
    -webkit-transition: .4s 1.05s;
    transition: .4s 1.05s
}

.p-newsDetail__related__item:nth-child(9) {
    -webkit-transition: .4s 1.1s;
    transition: .4s 1.1s
}

.p-newsDetail__related__item:nth-child(10) {
    -webkit-transition: .4s 1.15s;
    transition: .4s 1.15s
}

.p-newsDetail__related__item:nth-child(11) {
    -webkit-transition: .4s 1.2s;
    transition: .4s 1.2s
}

.p-newsDetail__related__item:nth-child(12) {
    -webkit-transition: .4s 1.25s;
    transition: .4s 1.25s
}

.p-newsDetail__related__item:nth-child(13) {
    -webkit-transition: .4s 1.3s;
    transition: .4s 1.3s
}

.p-newsDetail__related__item:nth-child(14) {
    -webkit-transition: .4s 1.35s;
    transition: .4s 1.35s
}

.p-newsDetail__related__item:nth-child(15) {
    -webkit-transition: .4s 1.4s;
    transition: .4s 1.4s
}

.p-newsDetail__related__item:nth-child(16) {
    -webkit-transition: .4s 1.45s;
    transition: .4s 1.45s
}

.p-newsDetail__related__item:nth-child(17) {
    -webkit-transition: .4s 1.5s;
    transition: .4s 1.5s
}

.p-newsDetail__related__item:nth-child(18) {
    -webkit-transition: .4s 1.55s;
    transition: .4s 1.55s
}

.p-newsDetail__related__item:nth-child(19) {
    -webkit-transition: .4s 1.6s;
    transition: .4s 1.6s
}

.p-newsDetail__related__item:nth-child(20) {
    -webkit-transition: .4s 1.65s;
    transition: .4s 1.65s
}

.p-newsDetail__related__item:nth-child(21) {
    -webkit-transition: .4s 1.7s;
    transition: .4s 1.7s
}

.p-newsDetail__related__item:nth-child(22) {
    -webkit-transition: .4s 1.75s;
    transition: .4s 1.75s
}

.p-newsDetail__related__item:nth-child(23) {
    -webkit-transition: .4s 1.8s;
    transition: .4s 1.8s
}

.p-newsDetail__related__item:nth-child(24) {
    -webkit-transition: .4s 1.85s;
    transition: .4s 1.85s
}

.p-newsDetail__related__item:nth-child(25) {
    -webkit-transition: .4s 1.9s;
    transition: .4s 1.9s
}

.p-newsDetail__related__item:nth-child(26) {
    -webkit-transition: .4s 1.95s;
    transition: .4s 1.95s
}

.p-newsDetail__related__item:nth-child(27) {
    -webkit-transition: .4s 2s;
    transition: .4s 2s
}

.p-newsDetail__related__item:nth-child(28) {
    -webkit-transition: .4s 2.05s;
    transition: .4s 2.05s
}

.p-newsDetail__related__item:nth-child(29) {
    -webkit-transition: .4s 2.1s;
    transition: .4s 2.1s
}

.p-newsDetail__related__item:nth-child(30) {
    -webkit-transition: .4s 2.15s;
    transition: .4s 2.15s
}

.p-phil-message {
    border-top: solid 1px #d5d5d5;
    background-color: #f8f8f8
}

.p-phil-message__top {
    position: relative;
    width: 85.3%;
    min-width: 760px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1066px;
    padding-top: 112px;
    padding-bottom: 74px;
    padding-left: 150px
}

.p-phil-message__head {
    position: absolute;
    top: 118px;
    left: -3px;
    margin-bottom: 39px;
    letter-spacing: 1.2px
}

@media screen and (max-width:1000px) {
    .p-phil-message__top {
        padding-left: 0;
        padding-top: 80px
    }
    .p-phil-message__head {
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 24px
    }
}

.p-phil-message__copy {
    margin-top: -5px;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.8;
    margin-bottom: 22px;
    letter-spacing: 1.4px
}

@media screen and (max-width:1000px) {
    .p-phil-message__copy {
        margin-top: 0;
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 1px;
        margin-bottom: 25px;
        margin-left: -1px
    }
}

@media screen and (max-width:800px) {
    .p-phil-message__top {
        min-width: 0;
        padding-left: 0;
        padding-top: 74px;
        padding-bottom: 54px;
        width: 500px;
        max-width: 89.5%
    }
    .p-phil-message__copy {
        line-height: 1.7;
        font-size: 15px;
        margin-bottom: 13px
    }
}

.p-phil-message__desc {
    letter-spacing: 1px;
    font-family: NotoSansCJKjp, "ヒラギノ角ゴシック", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.7
}

.p-recruit-about__item h2>span,
.p-service-intro__head h2,
.p-sitemap__item__name,
.p-top-interview__bottom .head,
.p-top-news__item__top .day,
.p-top-service__head,
.p-top-service__item__head span,
.p-works-agency__head span {
    font-family: Arial, "Helvetica Neue", sans-serif
}

@media screen and (max-width:1000px) {
    .p-phil-message__desc {
        letter-spacing: .5px;
        text-align: justify;
        padding-right: 1px;
        font-size: 13px
    }
}

.p-phil-message__desc p {
    margin: 12px 0
}

.p-phil-message__bottom {
    position: relative;
    z-index: 4;
    background-color: #15171b;
    width: 85.3%;
    min-width: 760px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1066px;
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 25px
}

@media screen and (max-width:800px) {
    .p-phil-message__bottom {
        width: 89.4%;
        min-width: 0
    }
    .p-phil-message__bottom__inner {
        text-align: center
    }
}

.p-phil-message__bottom__inner {
    position: relative;
    color: #fff
}

@media screen and (max-width:1000px) {
    .p-phil-message__bottom {
        padding-bottom: 3px;
        width: 100%;
        margin-top: 0;
        height: 257px
    }
    .p-phil-message__bottom__inner {
        height: auto;
        padding: 0
    }
}

@media screen and (max-width:900px) {
    .p-phil-message__bottom__inner {
        padding-right: 10px
    }
}

.p-phil-message__bottom__inner svg {
    position: relative;
    width: 42px;
    height: 42px;
    fill: none;
    stroke: #fff;
    stroke-width: 1px;
    top: 10px;
    left: 9px
}

.p-phil-message__bottom__copy {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1.5px;
    padding-left: 7px;
    margin-top: 23px
}

@media screen and (max-width:1000px) {
    .p-phil-message__bottom__inner svg {
        width: 35px;
        height: 35px;
        left: 5px;
        top: 0
    }
    .p-phil-message__bottom__copy {
        padding-left: 16px;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 28px
    }
}

@media screen and (max-width:800px) {
    .p-phil-message__bottom__inner svg {
        margin-left: auto;
        margin-right: auto
    }
    .p-phil-message__bottom__copy {
        font-size: 20px;
        line-height: 1.5;
        margin-left: 11px;
        letter-spacing: 1.7px
    }
}

@media screen and (max-width:600px) {
    .p-phil-message__bottom__copy {
        font-size: 17px;
        padding-right: 15px;
        margin-top: 19px
    }
}

.p-phil-message__bottom__from {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: right;
    -ms-flex-align: right;
    align-items: right;
    font-weight: 700;
    font-size: 12px;
    padding-left: 3px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: 17px
}

@media screen and (max-width:1000px) {
    .p-phil-message__bottom__from {
        font-size: 11px;
        padding-left: 10px;
        margin-top: 22px
    }
}

.p-phil-message__bottom__from span {
    margin-left: 15px
}

@media screen and (max-width:800px) {
    .p-phil-message__bottom__from {
        padding-left: 25px;
        margin-top: 25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .p-phil-message__bottom__from span {
        display: block;
        width: 100%;
        font-weight: 500;
        margin-top: 3px;
        margin-left: 0
    }
}

.p-phil-mv__bottom,
.p-phil-mv__inner {
    display: -webkit-box;
    display: -ms-flexbox
}

.p-phil-mv {
    width: 100%;
    height: 100vh;
    min-height: 640px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .p-phil-mv {
        min-height: 0;
        height: auto
    }
}

.p-phil-mv__bg {
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: -1;
    overflow: hidden
}

.p-phil-mv__bg video {
    width: 101vw;
    height: 56.8226vw
}

.p-phil-mv__inner {
    width: 100%;
    height: 100vh;
    min-height: 640px;
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    padding: 101px 7.3% 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-phil-mv__copy {
    width: 100%
}

.p-phil-mv__copy .svg-phil-copy {
    max-width: 84%
}

@media screen and (max-width:800px) {
    .p-phil-mv__inner {
        min-height: 0;
        height: 100%;
        padding: 113px 5% 0;
        display: block
    }
    .p-phil-mv__copy .svg-phil-copy {
        max-width: 98%
    }
}

.p-phil-mv__bottom {
    width: 100%;
    position: relative;
    margin-top: 8.1vh;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 58px;
    padding-right: 30px
}

@media screen and (max-width:1251px) {
    .p-phil-mv__bottom {
        margin-top: 30px
    }
}

.p-phil-mv__bottom .svg-dq {
    position: absolute;
    top: 1px;
    left: 0;
    fill: none;
    stroke: #fff;
    stroke-width: 1px
}

@media screen and (max-width:1000px) {
    .p-phil-mv__bottom {
        padding-left: 40px;
        padding-right: 0
    }
    .p-phil-mv__bottom .svg-dq {
        left: -5px;
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width:800px) {
    .p-phil-mv__bottom {
        padding-left: 11px;
        padding-top: 20px
    }
    .p-phil-mv__bottom .svg-dq {
        width: 20px;
        height: 20px;
        left: 0;
        top: 4px
    }
}

.p-phil-mv__title {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 37.7%
}

@media screen and (max-width:800px) {
    .p-phil-mv__title {
        margin-top: 6px;
        margin-bottom: 0;
        width: 298px
    }
}

.p-phil-mv__title svg {
    max-width: 100%
}

.p-phil-mv__desc {
    margin-top: 16px;
    padding-bottom: 20px
}

.p-phil-mv__desc p {
    font-size: 15px;
    letter-spacing: .7px;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 6px;
    color: #fff
}

body.is-change-start .p-phil-mv__bg {
    opacity: 0
}

body.is-change-start .p-phil-mv__copy,
body:not(.init-end) .p-phil-mv__copy {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0
}

body.is-change-start .p-phil-mv__copy path,
body:not(.init-end) .p-phil-mv__copy path {
    fill: #fff!important
}

body.is-change-start .p-phil-mv__bottom svg,
body.is-change-start .p-phil-mv__desc,
body.is-change-start .p-phil-mv__title,
body:not(.init-end) .p-phil-mv__bottom svg,
body:not(.init-end) .p-phil-mv__desc,
body:not(.init-end) .p-phil-mv__title {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

.p-phil-mv__bg {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.p-phil-mv__copy {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: 1.3s cubic-bezier(.79, .17, .15, .96), opacity .8s .4s;
    transition: 1.3s cubic-bezier(.79, .17, .15, .96), opacity .8s .4s
}

.p-phil-mv__bottom svg,
.p-phil-mv__title {
    -webkit-transition: .8s .2s cubic-bezier(.79, .17, .15, .96), opacity .5s .5s;
    transition: .8s .2s cubic-bezier(.79, .17, .15, .96), opacity .5s .5s
}

.p-phil-mv__desc {
    -webkit-transition: .8s .3s cubic-bezier(.79, .17, .15, .96), opacity .5s .6s;
    transition: .8s .3s cubic-bezier(.79, .17, .15, .96), opacity .5s .6s
}

.p-phil-sections {
    position: relative;
    width: 100%;
    padding-right: 100px;
    min-height: 1500px;
    padding-top: 120px
}

@media screen and (min-width:801px) {
    .p-phil-sections::after {
        content: '';
        position: absolute;
        top: 0;
        left: auto;
        right: 100px;
        width: 1px;
        height: 100%;
        background: #d5d5d5
    }
}

.p-phil-sections__marker {
    position: absolute;
    right: 0;
    width: 100px;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:800px) {
    .p-phil-mv__desc {
        margin-top: 14px
    }
    .p-phil-mv__desc p {
        font-size: 13px;
        line-height: 1.88;
        margin-bottom: 11px;
        letter-spacing: .3px
    }
    .p-phil-sections {
        padding-right: 0;
        padding-top: 50px
    }
    .p-phil-sections__marker {
        display: none
    }
}

.p-phil-sections__marker__item {
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin: 5px 0;
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    -webkit-transform: scale(1) rotate(-90deg);
    transform: scale(1) rotate(-90deg)
}

.p-phil-sections__body,
.p-privacy {
    margin-left: auto;
    margin-right: auto
}

.p-phil-sections__marker__item span {
    display: block;
    background: #15171b;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.p-phil-sections__marker__item svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #15171b;
    stroke-width: 1px;
    stroke-dasharray: 70px;
    -webkit-transition: opacity .3s, -webkit-transform .4s;
    transition: opacity .3s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s;
    transition: opacity .3s, transform .4s, -webkit-transform .4s;
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

.p-phil-sections__marker__item:hover {
    opacity: 1!important;
    -webkit-transform: scale(1.2) rotate(-90deg);
    transform: scale(1.2) rotate(-90deg)
}

.p-phil-sections__marker__item:hover span {
    -webkit-transform: scale(1.7);
    transform: scale(1.7)
}

.p-phil-sections.is-top .p-phil-sections__marker {
    top: 0
}

.p-phil-sections.is-fixed .p-phil-sections__marker {
    position: fixed;
    top: 0
}

.p-phil-sections.is-bottom .p-phil-sections__marker {
    bottom: 0
}

.p-phil-sections.page-1 .p-phil-sections__marker__item.index-1,
.p-phil-sections.page-2 .p-phil-sections__marker__item.index-2,
.p-phil-sections.page-3 .p-phil-sections__marker__item.index-3,
.p-phil-sections.page-4 .p-phil-sections__marker__item.index-4 {
    opacity: 1
}

.p-phil-sections.page-1 .p-phil-sections__marker__item.index-1 svg,
.p-phil-sections.page-2 .p-phil-sections__marker__item.index-2 svg,
.p-phil-sections.page-3 .p-phil-sections__marker__item.index-3 svg,
.p-phil-sections.page-4 .p-phil-sections__marker__item.index-4 svg {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-phil-sections__body {
    max-width: 1450px
}

.p-privacy {
    width: 85.6%;
    max-width: 1200px;
    padding-top: 120px;
    padding-bottom: 54px
}

@media screen and (max-width:1000px) {
    .p-privacy {
        width: 100%;
        padding: 120px 40px 54px
    }
}

@media screen and (max-width:800px) {
    .p-privacy {
        width: 100%;
        padding: 86px 19px 42px
    }
}

.p-privacy a {
    text-decoration: underline;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media screen and (min-width:801px) {
    .p-privacy a:hover {
        opacity: .5
    }
}

.p-privacy__inner {
    width: 770px
}

@media screen and (max-width:1000px) {
    .p-privacy__inner {
        width: 100%
    }
}

.p-privacy__guide,
.p-privacy__policy {
    padding: 74px 0 67px 2px;
    border-top: solid 1px #d5d5d5
}

.p-privacy h2 {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 28px
}

@media screen and (max-width:600px) {
    .p-privacy h2 {
        font-size: 15px;
        letter-spacing: .7px;
        margin-bottom: 9px
    }
}

.p-privacy h3 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 9px
}

.p-privacy .box+h3,
.p-privacy .p-privacy__box+h3 {
    margin-top: 57px
}

@media screen and (max-width:600px) {
    .p-privacy h3 {
        font-size: 11px;
        letter-spacing: 1px;
        margin-bottom: 7px
    }
    .p-privacy .box+h3,
    .p-privacy .p-privacy__box+h3 {
        margin-top: 26px
    }
}

.p-privacy .text+h3,
.p-privacy ol+h3 {
    margin-top: 31px
}

@media screen and (max-width:600px) {
    .p-privacy .text+h3,
    .p-privacy ol+h3 {
        margin-top: 14px
    }
}

.p-privacy__guide .text+h3,
.p-privacy__guide ol+h3 {
    margin-top: 52px
}

.p-privacy .desc {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1.1px;
    margin-bottom: 72px
}

@media screen and (max-width:600px) {
    .p-privacy__guide .text+h3,
    .p-privacy__guide ol+h3 {
        margin-top: 23.5px
    }
    .p-privacy .desc {
        font-size: 13px;
        line-height: 1.9;
        letter-spacing: .4px;
        margin-bottom: 41px
    }
}

.p-privacy .boxText,
.p-privacy .text {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1px
}

@media screen and (max-width:600px) {
    .p-privacy .boxText,
    .p-privacy .text {
        font-size: 11px;
        line-height: 1.9;
        letter-spacing: 1px;
        margin-bottom: 9px
    }
}

.p-privacy .lineText {
    margin-top: 29px;
    letter-spacing: 1.1px;
    line-height: 2
}

.p-privacy .lineText::before {
    content: '-';
    display: inline-block;
    -webkit-transform: scaleX(2);
    transform: scaleX(2);
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 17px
}

@media screen and (max-width:600px) {
    .p-privacy .lineText {
        margin-top: 10px;
        font-size: 12px;
        letter-spacing: 0
    }
    .p-privacy .lineText::before {
        width: 14px
    }
}

.p-privacy .box {
    border: 1px solid #d5d5d5;
    border-bottom: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 14px;
    margin-bottom: 33px
}

@media screen and (max-width:800px) {
    .p-privacy__guide,
    .p-privacy__policy {
        padding: 47px 0 34px
    }
    .p-privacy .box {
        margin-bottom: 12px;
        margin-top: 3px
    }
}

.p-privacy .box p {
    width: 100%;
    line-height: 1.85;
    font-size: 12px;
    letter-spacing: 1px
}

.p-privacy .box div {
    border-bottom: solid 1px #d5d5d5;
    padding: 15px 15px 17px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:600px) {
    .p-privacy .box p {
        font-size: 10px;
        line-height: 1.8;
        letter-spacing: .6px
    }
    .p-privacy .box div {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 10.5px 12px 12px 9px
    }
}

.p-privacy .box div.aline-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-privacy .box.col-2 div,
.p-privacy .box.col-3 div {
    width: calc(100% / 3)
}

.p-privacy .box.col-2 div:nth-child(2n) {
    width: calc(100% / 1.5)
}

.p-privacy .box.col-2 div:nth-child(2n),
.p-privacy .box.col-3 div:nth-child(3n - 1),
.p-privacy .box.col-3 div:nth-child(3n) {
    border-left: solid 1px #d5d5d5
}

.p-privacy ol {
    margin-top: 26px
}

.p-privacy ol li {
    position: relative;
    padding-left: 21px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.85;
    margin-bottom: 11.5px
}

.p-privacy ol li:nth-child(1)::before {
    content: "(1)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol {
        margin-top: 10px
    }
    .p-privacy ol li {
        padding-left: 19px;
        letter-spacing: .7px;
        margin-bottom: 6.6px;
        font-size: 10px
    }
    .p-privacy ol li:nth-child(1)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(2)::before {
    content: "(2)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(2)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(3)::before {
    content: "(3)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(3)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(4)::before {
    content: "(4)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(4)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(5)::before {
    content: "(5)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(5)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(6)::before {
    content: "(6)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(6)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(7)::before {
    content: "(7)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(7)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(8)::before {
    content: "(8)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(8)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(9)::before {
    content: "(9)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(9)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(10)::before {
    content: "(10)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(10)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(11)::before {
    content: "(11)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(11)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(12)::before {
    content: "(12)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(12)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(13)::before {
    content: "(13)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(13)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(14)::before {
    content: "(14)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(14)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(15)::before {
    content: "(15)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(15)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(16)::before {
    content: "(16)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(16)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(17)::before {
    content: "(17)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(17)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(18)::before {
    content: "(18)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(18)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(19)::before {
    content: "(19)";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(19)::before {
        left: -1px
    }
}

.p-privacy ol li:nth-child(20)::before {
    content: "(20)";
    position: absolute;
    top: 0;
    left: 0
}

.p-privacy__enactment {
    margin-top: 52px
}

.p-privacy__company,
.p-privacy__enactment {
    text-align: right;
    margin-bottom: 10px
}

.p-privacy__company p,
.p-privacy__enactment p {
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 1.72;
    white-space: nowrap
}

.p-privacy__company p>span,
.p-privacy__enactment p>span {
    display: inline-block;
    width: 111px
}

@media screen and (max-width:600px) {
    .p-privacy ol li:nth-child(20)::before {
        left: -1px
    }
    .p-privacy__enactment {
        margin-top: 33px
    }
    .p-privacy__company,
    .p-privacy__enactment {
        margin-bottom: 13px
    }
    .p-privacy__company p,
    .p-privacy__enactment p {
        letter-spacing: 1px;
        font-size: 10px;
        line-height: 1.8
    }
    .p-privacy__company p>span,
    .p-privacy__enactment p>span {
        width: 88px
    }
}

.p-privacy__box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 33px;
    padding: 32px 40px 35px;
    border: 1px solid #d5d5d5
}

.p-privacy__box p {
    font-size: 12px;
    line-height: 1.85;
    letter-spacing: 1.2px;
    width: 100%
}

.p-privacy__box p>span {
    display: inline-block;
    width: 32px
}

.p-privacy__box__top {
    letter-spacing: .8px;
    font-weight: 800;
    margin-bottom: 8px
}

@media screen and (max-width:600px) {
    .p-privacy__box {
        padding: 16px 21px 18px;
        margin-top: 14px
    }
    .p-privacy__box p {
        line-height: 1.9;
        letter-spacing: .8px;
        font-size: 10px
    }
    .p-privacy__box p>span {
        width: 26px;
        margin-left: -2px
    }
    .p-privacy__box__top {
        margin-bottom: 6px;
        line-height: 1.85
    }
}

.p-recruit-about {
    margin: 113px auto 0;
    width: 85.2%
}

.p-recruit-about__title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 2px
}

@media screen and (max-width:800px) {
    .p-recruit-about {
        width: 89.4%;
        margin-top: 69px
    }
    .p-recruit-about__title {
        font-size: 17px
    }
}

.p-recruit-about__desc {
    margin-top: 31px;
    margin-bottom: 54px;
    font-size: 15px;
    letter-spacing: 1px
}

@media screen and (max-width:800px) {
    .p-recruit-about__desc {
        margin-bottom: 35px;
        line-height: 1.88;
        font-size: 13px;
        margin-top: 20px;
        letter-spacing: .8px
    }
}

.p-recruit-about__item {
    position: relative;
    z-index: 1;
    width: 92.6vw;
    height: 383px;
    margin-bottom: 1px;
    color: #fff;
    background-color: #15171b;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .p-recruit-about__item {
        width: 95.2vw;
        height: 178px
    }
}

.p-recruit-about__item__inner {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 60px;
    padding-top: 129px
}

.p-recruit-about__item__bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 40px);
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .4;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: left;
    transform-origin: left
}

.p-recruit-about__item h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1
}

@media screen and (max-width:800px) {
    .p-recruit-about__item__inner {
        padding-left: 20px;
        padding-top: 53px
    }
    .p-recruit-about__item__bg {
        width: 100%
    }
    .p-recruit-about__item h2 {
        font-size: 15px;
        letter-spacing: 1.2px
    }
}

.p-recruit-about__item h2>span {
    font-size: 12px;
    margin-left: 8px;
    letter-spacing: .8px
}

@media screen and (max-width:800px) {
    .p-recruit-about__item h2>span {
        letter-spacing: .2px;
        font-size: 10px
    }
}

.p-recruit-about__item p {
    font-weight: 600;
    font-size: 14px;
    margin-top: 28px;
    letter-spacing: 1px
}

@media screen and (max-width:800px) {
    .p-recruit-about__item p {
        font-size: 11px;
        margin-top: 12px;
        letter-spacing: .6px
    }
}

.p-recruit-about__item__circle {
    margin-top: 38px;
    position: relative;
    width: 31px;
    height: 31px;
    color: #fff
}

.p-recruit-about__item__circle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transition: .3s;
    transition: .3s
}

.p-recruit-about__item__circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

.p-recruit-about__item:hover .p-recruit-about__item__circle::before {
    -webkit-transform: scale(1.58);
    transform: scale(1.58);
    background-color: #aaa;
    border-color: transparent;
    opacity: .7;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:800px) {
    .p-recruit-about__item__circle {
        width: 25px;
        height: 25px;
        margin-top: 21px
    }
    .p-recruit-about__item__circle svg {
        width: 24px;
        top: 8px
    }
    .p-recruit-about__item:hover .p-recruit-about__item__circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.p-recruit-about__item:hover .p-recruit-about__item__circle svg {
    fill: #aaa;
    -webkit-transform: translateX(13px);
    transform: translateX(13px);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:800px) {
    .p-recruit-about__item:hover .p-recruit-about__item__circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

@media screen and (min-width:801px) {
    .p-recruit-about__item:hover .p-recruit-about__item__bg {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: -webkit-transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: transform .5s cubic-bezier(.19, .82, .27, 1), -webkit-transform .5s cubic-bezier(.19, .82, .27, 1)
    }
}

.p-recruit-interview {
    margin-top: -100px;
    padding: 204px 0 120px;
    background-color: #f8f8f8
}

.p-recruit-interview__inner {
    margin-left: auto;
    margin-right: auto;
    width: 85.2%;
    min-width: 760px;
    max-width: 1400px
}

.p-recruit-interview__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-recruit-interview__title {
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0
}

@media screen and (max-width:800px) {
    .p-recruit-interview {
        padding: 132px 0 40px;
        margin-top: -60px
    }
    .p-recruit-interview__inner {
        width: 89%;
        min-width: 0
    }
    .p-recruit-interview__title {
        font-size: 17px;
        letter-spacing: 1.7px
    }
}

.p-recruit-interview__link {
    position: relative;
    width: 220px;
    height: 60px
}

@media screen and (max-width:800px) {
    .p-recruit-interview__link {
        width: 150px;
        margin-left: auto;
        margin-right: 8px
    }
}

.p-recruit-interview__desc {
    width: 100%;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-top: 18px
}

@media screen and (max-width:800px) {
    .p-recruit-interview__desc {
        letter-spacing: .9px;
        margin-top: 25px;
        line-height: 1.8;
        font-size: 13px;
        font-weight: 500;
        min-width: 102%
    }
}

.p-recruit-interview__body {
    margin-top: 56px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-recruit-interview__item {
    position: relative;
    width: 45.5%
}

.p-recruit-links {
    background-color: #f8f8f8;
    height: 238px;
    position: relative
}

@media screen and (max-width:800px) {
    .p-recruit-interview__body {
        margin-top: 33px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .p-recruit-interview__item {
        max-width: 400px;
        width: 90%;
        margin-bottom: 39px
    }
    .p-recruit-links {
        border-top: solid 1px #d5d5d5;
        background-color: unset;
        padding: 50px 0;
        height: auto
    }
}

.p-recruit-links__inner {
    position: relative;
    top: -42px;
    width: 966px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #15171b;
    color: #fff
}

@media screen and (max-width:800px) {
    .p-recruit-links__inner {
        top: 0;
        display: block;
        width: 335px;
        height: 145px
    }
}

.p-recruit-links__item {
    width: calc(50% - 1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media screen and (max-width:800px) {
    .p-recruit-links__item {
        width: 100%;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 72px;
        margin-left: auto;
        margin-right: auto;
        padding: 2px 30px 0 20px
    }
}

.p-recruit-links__item p {
    font-size: 15px;
    letter-spacing: 1px;
    padding-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .2s;
    transition: .2s
}

.p-recruit-links__item p span {
    position: relative;
    display: block;
    width: 16px;
    height: 13px;
    margin-left: 5px;
    -webkit-transition: .5s cubic-bezier(.19, .82, .27, 1);
    transition: .5s cubic-bezier(.19, .82, .27, 1);
    -webkit-transform: rotateX(0) rotateY(0);
    transform: rotateX(0) rotateY(0)
}

@media screen and (max-width:800px) {
    .p-recruit-links__item p {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .5px
    }
    .p-recruit-links__item p span {
        width: 12px;
        height: 10px;
        left: 2px;
        top: 0
    }
}

.p-recruit-links__item p span::after,
.p-recruit-links__item p span::before {
    position: absolute;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    content: ''
}

.p-recruit-links__item p span::before {
    top: 0;
    left: 0;
    border: 1px solid #fff
}

.p-recruit-links__item p span::after {
    top: 3px;
    left: 3px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.p-recruit-links__circle {
    position: relative;
    width: 31px;
    height: 31px;
    color: #fff
}

.p-recruit-links__circle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transition: .3s;
    transition: .3s
}

.p-recruit-links__circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width:800px) {
    .p-recruit-links__circle {
        width: 25px;
        height: 25px
    }
    .p-recruit-links__circle svg {
        width: 24px;
        top: 8px
    }
}

.p-recruit-links__line {
    width: 1px;
    height: 25px;
    background-color: #fff
}

@media screen and (max-width:800px) {
    .p-recruit-links__line {
        width: 88%;
        height: 1px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:801px) {
    .p-recruit-links__item:first-child {
        padding: 0 8.4% 0 11.5%
    }
    .p-recruit-links__item:last-child {
        padding: 0 11.5% 0 8.4%
    }
    .p-recruit-links__item:hover p {
        opacity: .7
    }
    .p-recruit-links__item:hover p span {
        -webkit-transform: rotateX(180deg) rotateY(180deg);
        transform: rotateX(180deg) rotateY(180deg)
    }
    .p-recruit-links__item:hover .p-recruit-links__circle::before {
        -webkit-transform: scale(1.58);
        transform: scale(1.58);
        background-color: #043b8e;
        border-color: transparent;
        opacity: .7;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .p-recruit-links__item:hover .p-recruit-links__circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-width:801px) {
    .p-recruit-links__item:hover .p-recruit-links__circle svg {
        fill: #aaa;
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .p-recruit-links__item:hover .p-recruit-links__circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.p-recruit-message {
    position: relative;
    background-color: #15171b;
    color: #fff
}

.p-recruit-message__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    width: 85.2%;
    min-width: 520px;
    max-width: 1400px;
    padding-top: 33px;
    padding-bottom: 137px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1.4px
}

@media screen and (max-width:1000px) {
    .p-recruit-message__inner {
        padding-top: 20px;
        padding-bottom: 60px;
        width: 85%
    }
}

@media screen and (max-width:800px) {
    .p-recruit-message__inner {
        font-size: 13px;
        line-height: 1.88;
        padding-top: 13px;
        min-width: 0;
        width: 90%
    }
}

.p-recruit-message__inner::before {
    content: '';
    position: absolute;
    z-index: -1;
    right: 39%;
    top: -80px;
    width: 100vw;
    height: 100%;
    background: #15171b
}

@media screen and (max-width:1000px) {
    .p-recruit-message__inner::before {
        height: calc(100% + 155px)
    }
}

.p-recruit-message__title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.1px;
    width: 100%
}

@media screen and (max-width:800px) {
    .p-recruit-message__inner::before {
        right: 0;
        top: -40px;
        height: calc(100% + 40px)
    }
    .p-recruit-message__title {
        letter-spacing: .7px;
        font-size: 10px
    }
}

.p-recruit-message__copy {
    margin-top: 53px;
    position: relative;
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 1.66;
    padding-left: 48px;
    font-weight: 600;
    padding-top: 15px;
    margin-right: 10%
}

@media screen and (max-width:1000px) {
    .p-recruit-message__copy {
        padding-left: 10px;
        margin-top: 40px;
        padding-top: 35px
    }
}

.p-recruit-message__copy svg {
    position: absolute;
    top: 0;
    left: -1px;
    width: 33px;
    height: 30px;
    fill: none;
    stroke: #fff
}

@media screen and (max-width:800px) {
    .p-recruit-message__copy {
        padding-top: 19px;
        padding-left: 8px;
        margin-top: 24px;
        font-size: 17px;
        margin-right: 0;
        letter-spacing: 1.2px
    }
    .p-recruit-message__copy br {
        display: none
    }
    .p-recruit-message__copy svg {
        width: 22px;
        height: 16px
    }
}

.p-recruit-message__desc {
    width: 560px;
    font-weight: 600;
    margin-top: 69px;
    font-size: 15px;
    line-height: 2.4;
    letter-spacing: 1.2px
}

.p-service-case {
    position: relative
}

.p-service-case__inner {
    padding-top: 110px;
    width: 85.6%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:1200px) {
    .p-service-case__inner {
        width: calc(100% - 40px)
    }
}

@media screen and (max-width:1000px) {
    .p-recruit-message__desc {
        margin-top: 40px;
        padding-left: 12px
    }
    .p-service-case__inner {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 80px)
    }
}

@media screen and (max-width:800px) {
    .p-recruit-message__desc {
        font-size: 13px;
        margin-top: 17px;
        padding-left: 8px;
        letter-spacing: 1px;
        line-height: 1.94
    }
    .p-recruit-message__desc p:nth-child(2) {
        margin-bottom: 0
    }
    .p-service-case {
        background: #fff
    }
    .p-service-case__inner {
        width: 100%;
        padding: 52px 20px 14px
    }
}

.p-service-case__wrap {
    width: calc(100% - 400px)
}

.p-service-case__title {
    font-size: 30px;
    letter-spacing: .8px;
    font-weight: 600
}

@media screen and (max-width:800px) {
    .p-service-case__title {
        letter-spacing: .5px;
        font-size: 17px;
        margin-left: -2px
    }
}

.p-service-case__desc {
    margin-top: 26px;
    padding-left: 2px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: .8px;
    font-weight: 600
}

@media screen and (max-width:800px) {
    .p-service-case__desc {
        margin-top: 20px;
        padding-left: 0;
        font-size: 13px;
        line-height: 1.94;
        letter-spacing: .6px
    }
}

.p-service-case__tab {
    position: relative;
    z-index: 1;
    margin-top: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .p-service-case__tab {
        height: 63px;
        margin-top: 33px
    }
}

.p-service-case__tab::before {
    content: '';
    z-index: 1;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: .4px;
    width: 100%;
    height: 1px;
    background: #d5d5d5
}

.p-service-case__tab__item {
    position: relative;
    z-index: 3;
    padding: 10px 33px;
    height: 100%;
    font-size: 12px;
    letter-spacing: .3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media screen and (max-width:1200px) {
    .p-service-case__tab__item {
        padding: 10px 25px
    }
}

@media screen and (max-width:800px) {
    .p-service-case__tab__item {
        padding: 11px 15px;
        letter-spacing: -.4px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 11px;
        line-height: 1.85;
        height: 63px
    }
    .p-service-case__tab__item span {
        display: block;
        letter-spacing: .4px
    }
}

.p-service-case__tab__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 61px;
    border-radius: 3px 3px 0 0;
    background: #fff;
    border-top: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    border-left: solid 1px #d5d5d5;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.p-service-case.is-agent .p-service-case__tab__item.tab-agent::before,
.p-service-case.is-medicare .p-service-case__tab__item.tab-medicare::before,
.p-service-case.is-office-support .p-service-case__tab__item.tab-office-support::before {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    opacity: 1
}

@media screen and (min-width:801px) {
    .p-service-case__tab__item:hover {
        color: #aaa
    }
}

.p-service-case__body {
    margin-top: 67px;
    padding-bottom: 100px;
    position: relative
}

@media screen and (max-width:1000px) {
    .p-service-case__wrap {
        width: 100%
    }
    .p-service-case__tab__item {
        white-space: nowrap
    }
    .p-service-case__body {
        margin-top: 40px;
        padding-bottom: 0
    }
}

.p-service-case__section {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
    -webkit-transition: opacity .2s, -webkit-transform 0s .2s;
    transition: opacity .2s, -webkit-transform 0s .2s;
    transition: opacity .2s, transform 0s .2s;
    transition: opacity .2s, transform 0s .2s, -webkit-transform 0s .2s;
    pointer-events: none
}

.p-service-case.is-agent .p-service-case__section.section-agent,
.p-service-case.is-medicare .p-service-case__section.section-medicare,
.p-service-case.is-office-support .p-service-case__section.section-office-support {
    position: relative;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    pointer-events: all;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.p-service-case__section__item {
    position: relative;
    width: 100%;
    min-height: 150px;
    padding-left: 180px;
    margin-bottom: 40px
}

@media screen and (max-width:800px) {
    .p-service-case__tab__item::before {
        width: 100%;
        height: 64px
    }
    .p-service-case__section__item {
        padding-left: 96px
    }
}

.p-service-case__section__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px
}

.p-service-case__section__item .name {
    position: relative;
    top: -5px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2.1px
}

@media screen and (max-width:800px) {
    .p-service-case__section__item img {
        width: 75px;
        height: 75px
    }
    .p-service-case__section__item .name {
        letter-spacing: 1px;
        font-size: 15px
    }
}

.p-service-case__section__item .desc {
    font-size: 14px;
    line-height: 2;
    letter-spacing: .7px;
    padding-right: 8px;
    text-align: justify
}

@media screen and (max-width:800px) {
    .p-service-case__section__item .desc {
        font-size: 13px;
        line-height: 1.9
    }
}

.p-service-case__link {
    background: #d5d5d5;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 400px;
    min-width: calc(50vw - 280px);
    height: 100%;
    padding-top: 321px
}

@media screen and (max-width:1000px) {
    .p-service-case__link {
        padding-top: 0;
        width: auto;
        position: relative
    }
}

.p-service-case__link__item {
    display: block;
    position: relative;
    height: 197px;
    border-bottom: solid 1px #fff;
    padding: 27px 0 0 21px;
    -webkit-transition: background .3s;
    transition: background .3s
}

.p-service-case__link__item .circle::before,
.p-service-case__link__item:after {
    content: '';
    top: 0;
    left: 0;
    -webkit-transition: .3s
}

@media screen and (max-width:1000px) {
    .p-service-case__link__item {
        height: 121px
    }
}

.p-service-case__link__item:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff
}

@media screen and (max-width:1000px) {
    .p-service-case__link__item:first-child::before {
        background: #d5d5d5
    }
}

.p-service-case__link__item:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 0;
    -webkit-transform-origin: right;
    transform-origin: right;
    transition: .3s
}

.p-service-case__link__item .head {
    position: relative;
    z-index: 2;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .8px
}

.p-service-case__link__item .data {
    position: relative;
    z-index: 2;
    margin-top: 11px;
    margin-left: 1px;
    font-size: 10px;
    padding: 5px 14px 7px;
    letter-spacing: .4px;
    background: #f8f8f8;
    font-weight: 600;
    color: #15171b;
    border-radius: 15px;
    display: inline-block;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media screen and (max-width:800px) {
    .p-service-case__link__item .head {
        letter-spacing: .4px
    }
    .p-service-case__link__item .data {
        letter-spacing: .2px;
        padding: 7px 10px;
        margin-top: 12px;
        font-weight: 400;
        margin-left: -1px
    }
}

.p-service-intro__body,
.p-service-intro__head,
.p-sitemap,
.p-top-interview__head {
    margin-left: auto;
    margin-right: auto
}

.p-service-case__link__item .circle {
    margin-top: 30px;
    position: relative;
    z-index: 2;
    width: 31px;
    height: 31px;
    color: #fff
}

.p-service-case__link__item .circle::before {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    transition: .3s
}

.p-service-case__link__item .circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width:800px) {
    .p-service-case__link__item .circle {
        width: 25px;
        height: 25px
    }
    .p-service-case__link__item .circle svg {
        width: 24px;
        top: 8px
    }
}

@media screen and (max-width:1000px) {
    .p-service-case__link__item .circle {
        position: absolute;
        top: 0;
        left: auto;
        right: 30px;
        bottom: 0;
        margin: auto
    }
}

.p-service-case.is-agent .p-service-case__link__item.link-agent,
.p-service-case.is-medicare .p-service-case__link__item.link-medicare,
.p-service-case.is-office-support .p-service-case__link__item.link-office-support {
    background: #fff
}

.p-service-case.is-agent .p-service-case__link__item.link-agent .data,
.p-service-case.is-medicare .p-service-case__link__item.link-medicare .data,
.p-service-case.is-office-support .p-service-case__link__item.link-office-support .data {
    background: #d5d5d5
}

.p-service-case.is-agent .p-service-case__link__item.link-agent .circle,
.p-service-case.is-medicare .p-service-case__link__item.link-medicare .circle,
.p-service-case.is-office-support .p-service-case__link__item.link-office-support .circle {
    color: #d5d5d5
}

@media screen and (min-width:801px) {
    .p-service-case__link__item:hover::after {
        -webkit-transform: scaleX(1.05);
        transform: scaleX(1.05);
        opacity: 1
    }
    .p-service-case__link__item:hover .data {
        background: #aaa!important
    }
    .p-service-case__link__item:hover .circle::before {
        -webkit-transform: scale(1.58);
        transform: scale(1.58);
        background-color: #043b8e;
        border-color: transparent;
        opacity: .7;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .p-service-case__link__item:hover .circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-width:801px) {
    .p-service-case__link__item:hover .circle svg {
        fill: #aaa;
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .p-service-case__link__item:hover .circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.p-service-intro {
    position: relative;
    z-index: 1
}

.p-service-intro__inner {
    position: relative;
    padding-top: 120px
}

@media screen and (max-width:800px) {
    .p-service-intro__inner {
        padding-top: 24px
    }
    .p-service-intro__inner::before {
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
        width: 84%;
        height: 84%;
        background: #fff
    }
}

.p-service-intro__body::before,
.p-service-intro__body__delta::before {
    background-image: linear-gradient(to right, #aaa, #aaa 1px, transparent 1px, transparent 4px), linear-gradient(to right, #aaa, #aaa 1px, transparent 1px, transparent 4px), linear-gradient(to bottom, #aaa, #aaa 1px, transparent 1px, transparent 4px), linear-gradient(to bottom, #aaa, #aaa 1px, transparent 1px, transparent 4px);
    background-size: 4px 1px, 4px 1px, 1px 4px, 1px 4px;
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    pointer-events: none;
    right: 0;
    bottom: 0;
    content: ''
}

.p-service-intro__head {
    position: relative;
    z-index: 1;
    width: 85.3%;
    max-width: 1400px;
    min-width: 760px
}

.p-service-intro__head h2 {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .8px
}

@media screen and (max-width:800px) {
    .p-service-intro__head {
        width: 89.4%;
        min-width: 0
    }
    .p-service-intro__head h2 {
        letter-spacing: .7px;
        font-size: 11px
    }
}

.p-service-intro__head p {
    position: relative;
    margin-top: 53px;
    font-weight: 600;
    font-size: 20px;
    padding-left: 24px;
    padding-top: 5px;
    letter-spacing: 1.5px
}

.p-service-intro__head p svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px
}

@media screen and (max-width:800px) {
    .p-service-intro__head p {
        line-height: 1.7;
        letter-spacing: 1px;
        font-size: 15px;
        padding-left: 20px;
        margin-top: 37px
    }
    .p-service-intro__head p svg {
        width: 14px;
        height: 14px
    }
}

.p-service-intro__body {
    position: relative;
    width: 100%;
    width: 85.3%;
    max-width: 1400px;
    min-width: 780px;
    margin-top: 50px;
    padding-bottom: 55px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.p-service-intro__body::before {
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:800px) {
    .p-service-intro__body {
        width: 89.4%;
        min-width: 0;
        margin-top: 40px;
        display: block
    }
}

.p-service-intro__body__delta {
    width: 18px;
    height: 18px;
    position: absolute;
    top: -9px;
    left: 55px;
    z-index: 2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .p-service-intro__body__delta {
        left: 27px;
        width: 22px;
        height: 22px;
        top: -11px
    }
}

.p-service-intro__body__delta::before {
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #fff;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    z-index: 1
}

.p-service-intro__body__delta::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px
}

.p-sitemap {
    padding-top: 6px;
    width: 85.6%;
    max-width: 1200px
}

@media screen and (max-width:800px) {
    .p-sitemap {
        width: 100%;
        padding: 52px 20px
    }
}

.p-sitemap a {
    -webkit-transition: color .3s;
    transition: color .3s
}

.p-sitemap a:hover {
    color: #043b8e
}

.p-sitemap__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 400px);
    margin-top: 109px;
    padding-bottom: 120px;
    border-top: solid 1px #d5d5d5;
    -webkit-transition: .4s .6s;
    transition: .4s .6s
}

.p-sitemap__list,
.p-top-interview__head {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:1000px) {
    .p-sitemap__inner {
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .p-sitemap__inner {
        padding-bottom: 24px;
        margin-top: 37px
    }
}

body.is-change-start .p-sitemap__inner {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.p-sitemap__list {
    width: 50%;
    display: flex
}

.p-sitemap__list::before {
    content: '';
    display: block;
    margin-top: 10px;
    width: 1px;
    height: calc(100% - 20px);
    background: #d5d5d5
}

.p-sitemap__item {
    display: block;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    border-bottom: solid 1px #d5d5d5;
    padding: 40px 40px 58px;
    line-height: 1
}

.p-sitemap__item__name {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .7px
}

@media screen and (max-width:600px) {
    .p-sitemap__list {
        width: 100%
    }
    .p-sitemap__item {
        padding: 26px 20px 49px
    }
    .p-sitemap__item__name {
        font-size: 13px
    }
}

.p-sitemap__item>ul {
    margin-top: 28px;
    padding-left: 1px
}

@media screen and (max-width:600px) {
    .p-sitemap__item>ul {
        margin-top: 29px
    }
}

.p-sitemap__item>ul>li {
    font-size: 12px;
    letter-spacing: 1.3px;
    margin-top: 19px
}

.p-sitemap__item>ul>li>ul {
    padding-left: 15px
}

.p-sitemap__item>ul>li>ul>li {
    margin-top: 19px
}

@media screen and (max-width:600px) {
    .p-sitemap__item>ul>li {
        font-size: 11px
    }
    .p-sitemap__item>ul>li>ul {
        padding-left: 13px
    }
    .p-sitemap__item>ul>li>ul>li {
        margin-top: 20px
    }
}

.p-sitemap__item>ul a {
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s
}

.p-sitemap__item>ul a:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.p-sitemap__description {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 400px;
    min-width: calc(50vw - 280px);
    height: 100%;
    padding: 378px 104px 0 43px;
    opacity: 0;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transition: opacity .2s, -webkit-transform 0s .2s;
    transition: opacity .2s, -webkit-transform 0s .2s;
    transition: opacity .2s, transform 0s .2s;
    transition: opacity .2s, transform 0s .2s, -webkit-transform 0s .2s;
    pointer-events: none
}

body.browserIE .p-sitemap__description {
    position: fixed;
    padding-top: 0
}

@media screen and (max-width:1000px) {
    .p-sitemap__description {
        width: 350px;
        display: none
    }
}

.p-sitemap__description p {
    position: sticky;
    width: 100%;
    top: 130px;
    display: block;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1px;
    text-align: justify;
    padding-bottom: 120px
}

body.browserIE .p-sitemap__description p {
    top: 200px;
    position: relative
}

@media screen and (min-width:801px) {
    body:not(.is-change-start) .p-sitemap a:hover+.p-sitemap__description {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, -webkit-transform .3s;
        transition: opacity .3s, transform .3s;
        transition: opacity .3s, transform .3s, -webkit-transform .3s
    }
}

.p-top-interview {
    padding-top: 109px;
    padding-bottom: 120px;
    background-color: #f8f8f8
}

.p-top-interview__head .swiper-button-next:hover,
.p-top-interview__head .swiper-button-prev:hover {
    background-color: #d5d5d5
}

.p-top-interview__head {
    width: 85.3%;
    max-width: 1400px;
    min-width: 760px;
    height: 45px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 23px
}

@media screen and (max-width:800px) {
    .p-top-interview {
        padding-top: 48px;
        padding-bottom: 75px
    }
    .p-top-interview__head {
        width: 89.4%;
        min-width: 0
    }
}

.p-top-interview__head h2 {
    margin-right: auto;
    margin-left: 0;
    margin-top: -5px
}

.p-top-interview__head__link {
    position: relative;
    width: 153px;
    margin-left: 24px
}

@media screen and (max-width:800px) {
    .p-top-interview__head__link {
        margin-left: 0;
        margin-right: -13px;
        top: -4px;
        width: 150px
    }
}

.p-top-interview__head .swiper-button-next,
.p-top-interview__head .swiper-button-prev {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width:800px) {
    .p-top-interview__head .swiper-button-next,
    .p-top-interview__head .swiper-button-prev {
        display: none
    }
}

.p-top-interview__head .swiper-button-next::before,
.p-top-interview__head .swiper-button-prev::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #aaa;
    -webkit-transition: .3s;
    transition: .3s
}

.p-top-interview__head .swiper-button-prev {
    padding-left: 4px
}

.p-top-interview__head .swiper-button-prev::before {
    border-left: solid 1px #aaa;
    -webkit-transform: translateX(0) rotate(-45deg);
    transform: translateX(0) rotate(-45deg)
}

.p-top-interview__head .swiper-button-prev:hover::before {
    border-color: #15171b;
    -webkit-transform: translateX(-4px) rotate(-45deg);
    transform: translateX(-4px) rotate(-45deg)
}

.p-top-interview__head .swiper-button-next {
    padding-right: 4px
}

.p-top-interview__head .swiper-button-next::before {
    border-right: solid 1px #aaa;
    -webkit-transform: translateX(0) rotate(45deg);
    transform: translateX(0) rotate(45deg)
}

.p-top-interview__head .swiper-button-next:hover::before {
    border-color: #15171b;
    -webkit-transform: translateX(4px) rotate(45deg);
    transform: translateX(4px) rotate(45deg)
}

.p-top-interview__body {
    position: relative;
    margin-top: 65px;
    opacity: 0
}

.p-top-interview__body.swiper-container-initialized {
    opacity: 1;
    -webkit-transition: opacity .3s .1s;
    transition: opacity .3s .1s
}

.p-top-interview__body .swiper-wrapper {
    position: relative;
    z-index: 1;
    height: auto!important;
    pointer-events: none
}

.p-top-interview__body__buttons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none
}

@media screen and (max-width:800px) {
    .p-top-interview__body {
        margin-top: 28px
    }
    .p-top-interview__body__buttons {
        z-index: 2;
        position: absolute;
        left: 0;
        right: 0;
        height: 80px;
        margin-left: auto;
        margin-right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% - 40px);
        top: 29%
    }
}

.p-top-interview__body__buttons__left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    pointer-events: all;
    cursor: pointer
}

.p-top-interview__body__buttons__right {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 50%;
    height: 100%;
    pointer-events: all;
    cursor: pointer
}

.p-top-interview__body__buttons__cursor {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 5;
    margin: auto;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

@media screen and (max-width:800px) {
    .p-top-interview__body__buttons__cursor {
        display: none
    }
}

.p-top-interview__body__buttons__cursor::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #043b8e;
    opacity: .7
}

.p-top-interview__body__buttons__cursor::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    -webkit-transform: translateX(0) rotate(-45deg);
    transform: translateX(0) rotate(-45deg)
}

.p-top-interview__body__buttons__right:hover+.p-top-interview__body__buttons__cursor::after {
    -webkit-transform: translateX(0) rotate(135deg);
    transform: translateX(0) rotate(135deg)
}

.p-top-interview__body__buttons:hover .p-top-interview__body__buttons__cursor {
    opacity: 1;
    -webkit-transition: opacity .3s .1s;
    transition: opacity .3s .1s
}

@media screen and (max-width:800px) {
    .p-top-interview__body__buttons__cursor::after {
        width: 9px;
        height: 9px
    }
    .p-top-interview__body .swiper-button-next,
    .p-top-interview__body .swiper-button-prev {
        position: relative;
        pointer-events: all;
        width: 80px;
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer
    }
}

@media screen and (max-width:800px) and (max-width:800px) {
    .p-top-interview__body .swiper-button-next,
    .p-top-interview__body .swiper-button-prev {
        width: 55px;
        height: 55px
    }
}

@media screen and (max-width:800px) {
    .p-top-interview__body .swiper-button-next::before,
    .p-top-interview__body .swiper-button-prev::before {
        -webkit-transition: .2s;
        transition: .2s;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: rgba(53, 78, 128, .7)
    }
    .p-top-interview__body .swiper-button-next::after,
    .p-top-interview__body .swiper-button-prev::after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        border-top: solid 1px #fff;
        -webkit-transition: .3s;
        transition: .3s
    }
    .p-top-interview__body .swiper-button-next:hover::before,
    .p-top-interview__body .swiper-button-prev:hover::before {
        background-color: #043b8e
    }
    .p-top-interview__body .swiper-button-prev {
        padding-left: 4px
    }
    .p-top-interview__body .swiper-button-prev::after {
        border-left: solid 1px #fff;
        -webkit-transform: translateX(0) rotate(-45deg);
        transform: translateX(0) rotate(-45deg)
    }
    .p-top-interview__body .swiper-button-prev:hover::after {
        -webkit-transform: translateX(-4px) rotate(-45deg);
        transform: translateX(-4px) rotate(-45deg)
    }
    .p-top-interview__body .swiper-button-next {
        padding-right: 4px
    }
    .p-top-interview__body .swiper-button-next::after {
        border-right: solid 1px #fff;
        -webkit-transform: translateX(0) rotate(45deg);
        transform: translateX(0) rotate(45deg)
    }
    .p-top-interview__body .swiper-button-next:hover::after {
        -webkit-transform: translateX(4px) rotate(45deg);
        transform: translateX(4px) rotate(45deg)
    }
}

@media screen and (max-width:800px) and (max-width:800px) {
    .p-top-interview__body .swiper-button-next::after,
    .p-top-interview__body .swiper-button-prev::after {
        width: 9px;
        height: 9px
    }
}

.p-top-interview__bottom {
    position: relative;
    width: 85.3%;
    min-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    height: 178px;
    max-width: 1062px
}

@media screen and (max-width:800px) {
    .p-top-interview__bottom {
        width: 89.4%;
        min-width: 0;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 50px;
        height: 150px
    }
}

.p-top-interview__bottom::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #15171b;
    opacity: .5;
    pointer-events: none;
    -webkit-transition: .2s;
    transition: .2s
}

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

.p-top-interview__bottom a {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding-left: 47px
}

.p-top-interview__bottom .head {
    margin-top: 45px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (max-width:800px) {
    .p-top-interview__bottom a {
        padding-left: 19px;
        padding-top: 7px
    }
    .p-top-interview__bottom .head {
        margin-top: 20px;
        letter-spacing: .6px;
        font-size: 15px
    }
}

.p-top-interview__bottom .desc {
    margin-top: 7px;
    font-size: 15px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin-bottom: 3px;
    letter-spacing: 1.5px;
    font-weight: 700;
    line-height: 2
}

.p-top-interview__bottom .circle {
    position: absolute;
    top: 0;
    left: auto;
    right: 60px;
    bottom: 0;
    width: 31px;
    height: 31px;
    color: #aaa;
    margin: auto
}

.p-top-interview__bottom .circle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    border-color: #fff
}

.p-top-interview__bottom .circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left;
    fill: #fff
}

.p-top-interview__bottom:hover .circle::before {
    -webkit-transform: scale(1.58);
    transform: scale(1.58);
    background-color: #aaa;
    border-color: transparent;
    opacity: .7;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:800px) {
    .p-top-interview__bottom .desc {
        line-height: 1.74;
        font-size: 10px
    }
    .p-top-interview__bottom .circle {
        width: 25px;
        height: 25px
    }
    .p-top-interview__bottom .circle svg {
        width: 24px;
        top: 8px
    }
    .p-top-interview__bottom .circle {
        right: 30px;
        top: 70px
    }
    .p-top-interview__bottom:hover .circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.p-top-interview__bottom:hover .circle svg {
    fill: #aaa;
    -webkit-transform: translateX(13px);
    transform: translateX(13px);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:800px) {
    .p-top-interview__bottom:hover .circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.p-top-interview__bottom:hover .head {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.p-top-interview__bottom:hover .desc {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: -webkit-transform .3s 50ms;
    transition: -webkit-transform .3s 50ms;
    transition: transform .3s 50ms;
    transition: transform .3s 50ms, -webkit-transform .3s 50ms
}

.p-top-mv {
    width: 100%
}

.p-top-mv__above {
    position: relative;
    color: #fff;
    height: 100vh;
    z-index: 2
}

.p-top-mv__above__bg {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: -2;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.p-top-mv__above__bg video {
    width: 101vw;
    height: 56.8226vw
}

.p-top-mv__above__bg::after,
.p-top-mv__above__bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 51vw;
    height: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity 0s, -webkit-transform .5s .2s cubic-bezier(.7, .3, .3, .9);
    transition: opacity 0s, -webkit-transform .5s .2s cubic-bezier(.7, .3, .3, .9);
    transition: transform .5s .2s cubic-bezier(.7, .3, .3, .9), opacity 0s;
    transition: transform .5s .2s cubic-bezier(.7, .3, .3, .9), opacity 0s, -webkit-transform .5s .2s cubic-bezier(.7, .3, .3, .9);
    display: none;
    background: #fff;
    -webkit-transform-origin: left;
    transform-origin: left
}

body.init-end .p-top-mv__above__bg::after,
body.init-end .p-top-mv__above__bg::before {
    display: block
}

.p-top-mv__below,
.p-top-news__head {
    display: -webkit-box;
    display: -ms-flexbox
}

.p-top-mv__above__bg::after {
    left: 49.95vw;
    -webkit-transition: opacity 0s, -webkit-transform .5s 10ms cubic-bezier(.7, .3, .3, .9);
    transition: opacity 0s, -webkit-transform .5s 10ms cubic-bezier(.7, .3, .3, .9);
    transition: transform .5s 10ms cubic-bezier(.7, .3, .3, .9), opacity 0s;
    transition: transform .5s 10ms cubic-bezier(.7, .3, .3, .9), opacity 0s, -webkit-transform .5s 10ms cubic-bezier(.7, .3, .3, .9)
}

body.is-change-start .p-top-mv__above__bg::after,
body.is-change-start .p-top-mv__above__bg::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    -webkit-transition: opacity 0s .5s, -webkit-transform 0s .5s;
    transition: opacity 0s .5s, -webkit-transform 0s .5s;
    transition: transform 0s .5s, opacity 0s .5s;
    transition: transform 0s .5s, opacity 0s .5s, -webkit-transform 0s .5s
}

.p-top-mv__below {
    height: 100vh;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 43.9%;
    margin-left: auto;
    margin-right: 0;
    padding-top: 6%;
    min-width: 450px
}

@media screen and (max-width:1000px) {
    .p-top-mv__below {
        min-width: 400px;
        margin-left: 50%
    }
}

@media screen and (max-width:800px) {
    .p-top-mv__below {
        width: 85.3%;
        max-width: 1400px;
        min-width: 760px;
        margin-left: auto;
        margin-right: auto;
        height: auto!important;
        padding-bottom: 75px;
        padding-top: calc(35.5vw + 100px)
    }
}

@media screen and (max-width:800px) and (max-width:800px) {
    .p-top-mv__below {
        width: 89.4%;
        min-width: 0
    }
}

.p-top-mv__below .svg-below-head-sp {
    width: 309px
}

.p-top-mv__below__head {
    max-width: 90%;
    margin-bottom: 33px
}

@media screen and (max-width:800px) {
    .p-top-mv__below__head {
        max-width: 90%;
        margin-bottom: 15px
    }
}

.p-top-mv__below__desc {
    font-size: 15px;
    line-height: 2;
    margin-bottom: 9px;
    letter-spacing: 1.1px
}

@media screen and (max-width:1000px) {
    .p-top-mv__below__desc {
        font-size: 14px
    }
}

@media screen and (max-width:800px) {
    .p-top-mv__below__desc {
        line-height: 1.68;
        margin-top: 11px;
        font-size: 13px
    }
    .p-top-mv__below__desc br {
        display: none
    }
}

.p-top-mv__below__link {
    width: 153px;
    height: 45px;
    margin-top: 28px
}

.p-top-mv__fixItem {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.p-top-mv__fixItem.is-top {
    z-index: 3;
    color: #fff
}

body.browserIE .p-top-mv__fixItem.is-top {
    top: 0!important;
    position: absolute!important;
    opacity: 1!important
}

.p-top-mv__fixItem.is-bottom {
    z-index: 1
}

.p-top-mv__fixItem.is-bottom .svg-mv-copy {
    color: #fff;
    fill: currentColor;
    stroke: rgba(0, 0, 0, .3);
    stroke-width: 2px;
    -webkit-transition: stroke .3s, color .3s, opacity .3s;
    transition: stroke .3s, color .3s, opacity .3s
}

.p-top-mv__fixItem.is-absolute,
body.browserIE .p-top-mv__fixItem {
    position: absolute;
    top: 100vh
}

@media screen and (max-width:800px) {
    .p-top-mv__below__link {
        margin-top: 43px
    }
    .p-top-mv__fixItem.is-absolute,
    body.browserIE .p-top-mv__fixItem {
        top: calc(50vh + 17.75vw + 70px)
    }
}

@media screen and (max-width:650px) {
    .p-top-mv__below {
        padding-top: 331px
    }
    .p-top-mv__fixItem.is-absolute,
    body.browserIE .p-top-mv__fixItem {
        top: calc(50vh + 186px)
    }
}

.p-top-mv__fixItem.is-absolute.is-bottom .svg-mv-copy,
.p-top-mv__fixItem.is-absolute.is-top,
body.browserIE .p-top-mv__fixItem.is-bottom .svg-mv-copy,
body.browserIE .p-top-mv__fixItem.is-top {
    opacity: 0
}

.p-top-mv__copy {
    position: absolute;
    z-index: 1;
    right: 48.92%;
    top: 3.8%;
    bottom: 0;
    margin: auto;
    width: 43vw;
    height: 35.5vw;
    overflow: hidden
}

@media screen and (max-width:1000px) {
    .p-top-mv__copy {
        top: 0;
        right: 54%
    }
}

@media screen and (max-width:800px) {
    .p-top-mv__copy {
        right: auto;
        left: 3%
    }
}

@media screen and (max-width:650px) {
    .p-top-mv__copy {
        width: 280px;
        height: 231px
    }
}

.p-top-mv__copy svg {
    width: 43vw;
    height: 35.5vw;
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

@media screen and (max-width:650px) {
    .p-top-mv__copy svg {
        width: 280px;
        height: 231px
    }
}

.is-bottom .p-top-mv__copy::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .09) 4%, rgba(255, 255, 255, .14) 13%, rgba(255, 255, 255, 0) 23%, rgba(255, 255, 255, .1) 28%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, .12) 49%, rgba(255, 255, 255, 0) 53%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, .08) 62%, rgba(255, 255, 255, .06) 69%, rgba(255, 255, 255, 0) 72%, rgba(255, 255, 255, .14) 80%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, .15) 96%, rgba(255, 255, 255, 0) 100%);
    -webkit-animation: moveLight 5s ease-in-out infinite both;
    animation: moveLight 5s ease-in-out infinite both
}

.p-top-news__item__thumbnail,
.p-top-news__recent__thumbnail__item,
.p-top-service__item__bg__img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.p-top-mv__copy__bg {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    z-index: -1;
    overflow: hidden;
    background-color: #15171b
}

.p-top-news {
    position: relative;
    padding-top: 120px;
    padding-bottom: 140px
}

.p-top-news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3.66vw;
    height: 120px;
    background-color: #f8f8f8
}

.p-top-news__inner {
    width: 81.7%;
    max-width: 1400px;
    min-width: 760px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 25px
}

@media screen and (max-width:800px) {
    .p-top-news {
        padding-bottom: 50px;
        padding-top: 47px
    }
    .p-top-news::before {
        display: none
    }
    .p-top-news__inner {
        width: 89.8%;
        min-width: 0
    }
}

@media screen and (max-width:1000px) {
    .p-top-news__inner {
        left: 0
    }
}

.p-top-news__head {
    position: absolute;
    top: -14px;
    left: auto;
    right: 0;
    z-index: 1;
    width: 47.9%;
    height: 45px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:800px) {
    .p-top-news__head {
        position: relative;
        top: 0;
        width: 100%
    }
}

.p-top-news__head__link {
    width: 153px;
    height: 45px;
    margin-right: 13px
}

.p-top-news__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-top-news__recent {
    width: 47.8%
}

.p-top-news__recent__thumbnail {
    position: relative;
    height: 362px;
    width: 100%
}

.p-top-news__recent__thumbnail__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s .2s;
    transition: opacity .2s .2s;
    opacity: 0
}

.p-top-news__recent__thumbnail__item.is-current {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.p-top-news__archive {
    position: relative;
    margin-top: 73px;
    width: calc(47.9% + 10px)
}

@media screen and (max-width:800px) {
    .p-top-news__archive {
        margin-top: 10px;
        width: 100%
    }
    .p-top-news__archive::after {
        display: none
    }
}

.p-top-news__archive::after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: calc(100% - 10px);
    height: 100%;
    border-top: solid 1px #d5d5d5;
    border-bottom: solid 1px #d5d5d5;
    pointer-events: none
}

.p-top-news__archive__inner {
    height: 450px;
    width: 100%;
    position: relative
}

.p-top-news__item {
    -webkit-transition: .2s;
    transition: .2s;
    width: calc(100% - 10px);
    margin-left: 10px
}

@media screen and (max-width:800px) {
    .p-top-news__archive__inner {
        height: auto;
        overflow: visible!important
    }
    .p-top-news__archive__inner .ps__rail-x,
    .p-top-news__archive__inner .ps__rail-y {
        display: none!important
    }
    .p-top-news__item {
        position: relative;
        width: 100%;
        margin-left: 0
    }
    .p-top-news__item a {
        padding-left: 129px;
        height: 128px
    }
}

.p-top-news__item a {
    display: block;
    padding-top: 28px;
    padding-bottom: 24px;
    border-bottom: solid 1px #d5d5d5
}

@media screen and (min-width:801px) {
    .p-top-news__item:first-child {
        display: none
    }
}

.p-top-news__item:nth-last-child(3) a {
    border-bottom: none
}

@media screen and (max-width:800px) {
    .p-top-news__item:nth-child(n+5) {
        display: none
    }
}

.p-top-news__item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #15171b;
    line-height: 1;
    padding-left: 2px
}

.p-top-news__item__top .day {
    font-size: 14px;
    letter-spacing: .2px
}

.p-top-news__item__top .line {
    display: block;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    margin: 0 12px 0 10px
}

@media screen and (max-width:800px) {
    .p-top-news__item__top {
        padding-left: 1px
    }
    .p-top-news__item__top .day {
        font-size: 10px
    }
    .p-top-news__item__top .line {
        margin: 0 10px 0 9px
    }
    .p-top-news__item__top .tag {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.p-top-news__item__top .tag {
    font-size: 10px;
    letter-spacing: .6px;
    margin-top: -1px
}

.p-top-news__item__thumbnail {
    position: absolute;
    top: 27px;
    left: 0;
    width: 110px;
    height: 75px
}

.p-top-news__item__title {
    width: calc(100% - 18px);
    padding-left: 1px;
    margin-top: 11px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: .56px;
    color: #aaa;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 56px;
    overflow: hidden;
    transition: .2s
}

@media screen and (max-width:800px) {
    .p-top-news__item__title {
        width: 100%;
        font-size: 11px;
        line-height: 1.818;
        -webkit-line-clamp: 3;
        color: #15171b
    }
}

@media screen and (min-width:801px) {
    .p-top-news__item:hover {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    .p-top-news__item:hover .p-top-news__item__title {
        color: #15171b
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .p-top-news__item:hover {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px)
    }
}

.p-top-news__item--recent {
    border-bottom: solid 1px #d5d5d5
}

.p-top-news__item--recent a {
    display: block;
    padding: 40px 0;
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 1
}

.p-top-news__item--recent a:hover {
    opacity: .5!important
}

.p-top-news__item--recent__title {
    width: calc(100% - 0px);
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.77;
    letter-spacing: .9px;
    color: #15171b;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 56px;
    overflow: hidden
}

.p-top-news__item--recent:hover a {
    opacity: 1
}

.p-top-service {
    position: relative;
    background-color: #f8f8f8
}

.p-top-service__inner {
    position: relative;
    z-index: 1;
    padding-top: 130px;
    padding-bottom: 140px;
    width: 85.3%;
    max-width: 1400px;
    min-width: 760px;
    margin-left: auto;
    margin-right: auto
}

.p-top-service__head {
    position: absolute;
    top: -20px;
    left: auto;
    right: 0;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    white-space: nowrap;
    line-height: 1;
    font-size: 160px;
    font-weight: 600;
    color: #fff
}

@media screen and (max-width:1000px) {
    .p-top-service__head {
        font-size: 100px;
        top: -15px
    }
}

@media screen and (max-width:800px) {
    .p-top-service__inner {
        width: 89.4%;
        min-width: 0;
        padding-top: 78px;
        padding-bottom: 35px
    }
    .p-top-service__head {
        font-size: 50px;
        top: -10px
    }
}

.p-top-service__desc {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.25;
    padding-left: 2px;
    letter-spacing: 1.1px;
    margin-bottom: 90px
}

@media screen and (max-width:800px) {
    .p-top-service__desc {
        line-height: 1.735;
        font-size: 15px;
        padding-left: 0;
        width: 103%;
        margin-bottom: 60px
    }
}

.p-top-service__item {
    position: relative;
    z-index: 1;
    width: 92.6vw;
    height: 300px;
    margin-bottom: 40px
}

@media screen and (max-width:890px) {
    .p-top-service__item {
        width: calc(380px + 50vw)
    }
}

@media screen and (max-width:800px) {
    .p-top-service__item {
        width: 100%;
        height: 150px
    }
}

.p-top-service__item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 111px
}

.p-top-service__item__head {
    -webkit-transition: color .2s;
    transition: color .2s
}

.p-top-service__item__head span {
    position: relative;
    display: block;
    line-height: 1;
    font-weight: 800
}

.p-top-service__item__head span:nth-child(1) {
    font-size: 20px;
    letter-spacing: 1px
}

@media screen and (max-width:800px) {
    .p-top-service__item a {
        padding-top: 50px
    }
    .p-top-service__item__head span:nth-child(1) {
        font-size: 11px
    }
}

.p-top-service__item__head span:nth-child(2) {
    font-size: 70px;
    left: -5px;
    margin-top: 6px;
    letter-spacing: .3px
}

@media screen and (max-width:800px) {
    .p-top-service__item__head span:nth-child(2) {
        font-size: 30px;
        margin-top: 1px;
        left: -3px
    }
}

.p-top-service__item__desc {
    font-size: 15px;
    margin-top: 13px;
    letter-spacing: 1.6px;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media screen and (max-width:800px) {
    .p-top-service__item__desc {
        font-size: 13px;
        margin-top: 8px
    }
}

.p-top-service__item__circle {
    width: 31px;
    height: 31px;
    color: #aaa;
    position: relative;
    left: -1px;
    margin-top: 47px
}

.p-top-service__item__circle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: currentColor;
    -webkit-transition: .3s;
    transition: .3s
}

.p-top-service__item__circle svg {
    position: absolute;
    top: 11px;
    left: 50%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform-origin: left;
    transform-origin: left
}

@media screen and (max-width:800px) {
    .p-top-service__item__circle {
        width: 25px;
        height: 25px;
        left: 0;
        margin-top: 28px
    }
    .p-top-service__item__circle svg {
        width: 24px;
        top: 8px
    }
}

.p-top-service__item__bg {
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
    position: absolute;
    top: 0;
    left: auto;
    right: -1px;
    z-index: -1;
    width: 82.8%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (max-width:800px) {
    .p-top-service__item__bg {
        width: 93vw;
        right: -5vw;
        max-width: 600px
    }
}

.p-top-service__item__bg__img {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: calc(100% + 40px);
    height: 100%;
    -webkit-transform: translate3d(-40px, 0, 0) scale(1);
    transform: translate3d(-40px, 0, 0) scale(1);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (min-width:801px) {
    .p-top-service__item:hover .p-top-service__item__bg {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: -webkit-transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: transform .5s cubic-bezier(.19, .82, .27, 1), -webkit-transform .5s cubic-bezier(.19, .82, .27, 1)
    }
    .p-top-service__item:hover .p-top-service__item__bg__img {
        -webkit-transform: translate3d(0, 0, 0) scale(1.05);
        transform: translate3d(0, 0, 0) scale(1.05);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: -webkit-transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: transform .5s cubic-bezier(.19, .82, .27, 1);
        transition: transform .5s cubic-bezier(.19, .82, .27, 1), -webkit-transform .5s cubic-bezier(.19, .82, .27, 1)
    }
    .p-top-service__item:hover .p-top-service__item__desc,
    .p-top-service__item:hover .p-top-service__item__head {
        color: #043b8e
    }
    .p-top-service__item:hover .p-top-service__item__circle::before {
        -webkit-transform: scale(1.58);
        transform: scale(1.58);
        background-color: #043b8e;
        border-color: transparent;
        opacity: .7;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .p-top-service__item:hover .p-top-service__item__circle::before {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media screen and (min-width:801px) {
    .p-top-service__item:hover .p-top-service__item__circle svg {
        fill: #aaa;
        -webkit-transform: translateX(13px);
        transform: translateX(13px);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: -webkit-transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1);
        transition: transform .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s cubic-bezier(.08, .92, .35, 1)
    }
}

@media screen and (min-width:801px) and (max-width:800px) {
    .p-top-service__item:hover .p-top-service__item__circle svg {
        -webkit-transform: translateX(7px);
        transform: translateX(7px)
    }
}

.p-works-agency {
    background: #d5d5d5;
    padding: 80px 0
}

@media screen and (max-width:800px) {
    .p-top-service__item__bg__img {
        width: 100%
    }
    .p-works-agency {
        padding: 66px 0 50px
    }
}

.p-works-agency__head {
    padding-left: 25px;
    position: relative;
    width: 1170px;
    max-width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    letter-spacing: 1.2px;
    line-height: 40px
}

@media screen and (max-width:800px) {
    .p-works-agency__head {
        line-height: 26px;
        font-size: 15px;
        padding-left: 4px
    }
}

.p-works-agency__head span {
    font-size: 40px;
    letter-spacing: 1px;
    font-weight: 600;
    position: relative;
    top: 3px;
    margin-right: 2px
}

.p-works-agency__head svg {
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px
}

@media screen and (max-width:800px) {
    .p-works-agency__head span {
        letter-spacing: 0;
        font-size: 30px
    }
    .p-works-agency__head svg {
        width: 15px;
        height: 15px;
        top: -18px;
        left: 4px
    }
}

.p-works-agency__body {
    margin-top: 51px;
    position: relative;
    width: 1166px;
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 50px 40px;
    font-size: 15px
}

@media screen and (max-width:960px) {
    .p-works-agency__body {
        font-size: 13px;
        display: block
    }
}

.p-works-agency__body::before {
    content: '';
    position: absolute;
    top: -9px;
    left: 70px;
    width: 22px;
    height: 22px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width:800px) {
    .p-works-agency__body {
        margin-top: 40px;
        padding: 27px 20px 10px
    }
    .p-works-agency__body::before {
        left: 24px
    }
}

.p-works-agency__desc {
    width: 196px;
    max-width: 196px;
    min-width: 196px;
    letter-spacing: 1.4px;
    position: relative;
    padding-left: 7px;
    top: -5px
}

@media screen and (max-width:800px) {
    .p-works-agency__desc {
        padding-left: 0;
        top: 0
    }
}

.p-works-agency__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
}

@media screen and (max-width:960px) {
    .p-works-agency__list {
        margin-top: 17px
    }
}

.p-works-agency__list__item {
    height: 60px;
    width: calc(25% - 7.5px);
    background: #15171b;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    font-weight: 600;
    letter-spacing: 1px
}

@media screen and (max-width:1120px) {
    .p-works-agency__list__item {
        width: calc(33.33% - 6.66px)
    }
}

@media screen and (max-width:700px) {
    .p-works-agency__list__item {
        letter-spacing: .8px;
        height: 43px;
        width: calc(50% - 5px)
    }
}

@media screen and (max-width:500px) {
    .p-works-agency__list__item {
        min-height: 43px;
        height: auto;
        padding: 9px 0;
        line-height: 1.9;
        text-align: center
    }
}

.p-works-data {
    margin-top: 113px;
    width: 1166px;
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto
}

.p-works-data__head {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 3px
}

@media screen and (max-width:800px) {
    .p-works-data {
        margin-top: 69px
    }
    .p-works-data__head {
        font-size: 17px;
        margin-left: -2px;
        letter-spacing: 2px
    }
}

.p-works-data__desc {
    margin-top: 25px;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1px
}

@media screen and (max-width:800px) {
    .p-works-data__desc {
        letter-spacing: .1px;
        margin-top: 21px;
        font-size: 13px;
        line-height: 1.86
    }
}

.p-works-data__tab {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 54px;
    height: 79px;
    overflow: hidden
}

@media screen and (max-width:800px) {
    .p-works-data__tab {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 34px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: none
    }
    .p-works-data__tab::before {
        display: none
    }
}

.p-works-data__tab::before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #d5d5d5
}

.p-works-data__tab__item {
    position: relative;
    z-index: 3;
    width: 25%;
    height: 79px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.2px;
    padding-bottom: 2px;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    white-space: nowrap
}

@media screen and (max-width:1000px) {
    .p-works-data__tab__item {
        width: auto;
        padding: 0 4vw 2px
    }
}

@media screen and (max-width:880px) {
    .p-works-data__tab__item {
        padding: 0 3.2vw 2px
    }
}

@media screen and (max-width:800px) {
    .p-works-data__tab__item {
        background-color: #fff;
        width: calc(50% - 5px);
        margin-bottom: 10px;
        height: auto;
        min-height: 53px;
        line-height: 1.86;
        padding: 15px 0;
        font-size: 13px
    }
}

.p-works-data__tab__item:hover {
    color: #aaa
}

.p-works-data__tab__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 89px;
    background: #fff;
    border-radius: 3px 3px 0 0;
    border-top: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    border-left: solid 1px #d5d5d5;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

@media screen and (min-width:801px) {
    .p-works-data__tab__item::before {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@media screen and (max-width:800px) {
    .p-works-data__tab__item::before {
        height: 100%;
        opacity: .2;
        border: 1px solid #15171b
    }
    .p-works-data__inner {
        margin-top: 20px
    }
}

.p-works-data.is-1 .p-works-data__tab__item:nth-child(1)::before,
.p-works-data.is-2 .p-works-data__tab__item:nth-child(2)::before,
.p-works-data.is-3 .p-works-data__tab__item:nth-child(3)::before,
.p-works-data.is-4 .p-works-data__tab__item:nth-child(4)::before {
    pointer-events: none;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.p-works-data__inner {
    position: relative
}


@media screen and (min-width:801px) {
    .p-works-data__inner {
        padding: 60px;
        border: 1px solid #d5d5d5;
        border-top: none;
        background: #fff
    }
    .u-show-medium {
        display: none!important
    }
}

@media screen and (min-width:701px) {
    .u-show-700 {
        display: none!important
    }
}

@media screen and (min-width:501px) {
    .u-show-500 {
        display: none!important
    }
}

@media screen and (min-width:601px) {
    .c-slide__slide .slide-name p {
        white-space: nowrap
    }
    .u-show-600,
    .u-show-sp {
        display: none!important
    }
}

@media screen and (max-width:800px) {
    .u-hide-medium {
        display: none!important
    }
}

@media screen and (max-width:700px) {
    .u-hide-700 {
        display: none!important
    }
}

@media screen and (max-width:500px) {
    .u-hide-500 {
        display: none!important
    }
}

@media screen and (max-width:600px) {
    .u-hide-600,
    .u-hide-sp {
        display: none!important
    }
}

body#about .u-hide-about,
body#index .u-hide-index,
body:not(#about) .u-show-about,
body:not(#detail) .u-show-detail,
body:not(#index) .u-show-index {
    display: none!important
}