@charset "UTF-8";


.f-size18{
	font-size: 28px;
}

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);
	background-color: #2e318f;
}

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

a, button, dd, div, dt, h1, h2, h3, h4, h5, h6, 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, "Zen Maru Gothic", "ヒラギノ角ゴシック", "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: #fff;
    -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 .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(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 60ms ease-out, -webkit-transform .7s 60ms;
    transition: opacity .9s 60ms ease-out, -webkit-transform .7s 60ms;
    transition: transform .7s 60ms, opacity .9s 60ms ease-out;
    transition:transform .7s 60ms, opacity .9s 60ms ease-out, -webkit-transform .7s 60ms
}

.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 .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(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 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(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 60ms ease-out, -webkit-transform .7s 60ms;
    transition: opacity .9s 60ms ease-out, -webkit-transform .7s 60ms;
    transition: transform .7s 60ms, opacity .9s 60ms ease-out;
    transition:transform .7s 60ms, opacity .9s 60ms ease-out, -webkit-transform .7s 60ms
}

.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 60ms ease-out, -webkit-transform .7s 60ms;
    transition: opacity .9s 60ms ease-out, -webkit-transform .7s 60ms;
    transition: transform .7s 60ms, opacity .9s 60ms ease-out;
    transition:transform .7s 60ms, opacity .9s 60ms ease-out, -webkit-transform .7s 60ms
}

.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 .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(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 .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(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 .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(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 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(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 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(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 .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(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 .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(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 .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(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 .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(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 60ms ease-out, -webkit-transform .7s 60ms;
    transition: opacity .9s 60ms ease-out, -webkit-transform .7s 60ms;
    transition: transform .7s 60ms, opacity .9s 60ms ease-out;
    transition:transform .7s 60ms, opacity .9s 60ms ease-out, -webkit-transform .7s 60ms
}

.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 .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(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 .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(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 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(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 .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(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 60ms ease-out, -webkit-transform .7s 60ms;
    transition: opacity .9s 60ms ease-out, -webkit-transform .7s 60ms;
    transition: transform .7s 60ms, opacity .9s 60ms ease-out;
    transition:transform .7s 60ms, opacity .9s 60ms ease-out, -webkit-transform .7s 60ms
}

.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 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(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 .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(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 .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(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 .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
}

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

.titleJP.is-invasion > span:nth-child(1) {
    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(2) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(15px);
    transform:translateX(15px)
}

.titleJP.is-invasion > span:nth-child(2) {
    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(3) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform:translateX(9px)
}

.titleJP.is-invasion > span:nth-child(3) {
    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(4) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform:translateX(9px)
}

.titleJP.is-invasion > span:nth-child(4) {
    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(5) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(1.5px);
    transform:translateX(1.5px)
}

.titleJP.is-invasion > span:nth-child(5) {
    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(6) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform:translateX(10.5px)
}

.titleJP.is-invasion > span:nth-child(6) {
    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(7) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform:translateX(9px)
}

.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(13.5px);
    transform:translateX(13.5px)
}

.titleJP.is-invasion > span:nth-child(8) {
    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(9) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(3px);
    transform:translateX(3px)
}

.titleJP.is-invasion > span:nth-child(9) {
    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(10) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform:translateX(10.5px)
}

.titleJP.is-invasion > span:nth-child(10) {
    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(11) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform:translateX(9px)
}

.titleJP.is-invasion > span:nth-child(11) {
    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(12) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(9px);
    transform:translateX(9px)
}

.titleJP.is-invasion > span:nth-child(12) {
    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(13) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform:translateX(10.5px)
}

.titleJP.is-invasion > span:nth-child(13) {
    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(14) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform:translateX(13.5px)
}

.titleJP.is-invasion > span:nth-child(14) {
    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(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(7.5px);
    transform:translateX(7.5px)
}

.titleJP.is-invasion > span:nth-child(16) {
    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(17) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform:translateX(7.5px)
}

.titleJP.is-invasion > span:nth-child(17) {
    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(18) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(4.5px);
    transform:translateX(4.5px)
}

.titleJP.is-invasion > span:nth-child(18) {
    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(19) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform:translateX(7.5px)
}

.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(7.5px);
    transform:translateX(7.5px)
}

.titleJP.is-invasion > span:nth-child(21) {
    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(22) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform:translateX(6px)
}

.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(7.5px);
    transform:translateX(7.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(3px);
    transform:translateX(3px)
}

.titleJP.is-invasion > span:nth-child(24) {
    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(25) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform:translateX(6px)
}

.titleJP.is-invasion > span:nth-child(25) {
    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(26) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(13.5px);
    transform:translateX(13.5px)
}

.titleJP.is-invasion > span:nth-child(26) {
    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(27) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(4.5px);
    transform:translateX(4.5px)
}

.titleJP.is-invasion > span:nth-child(27) {
    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(28) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(6px);
    transform:translateX(6px)
}

.titleJP.is-invasion > span:nth-child(28) {
    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(29) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(10.5px);
    transform:translateX(10.5px)
}

.titleJP.is-invasion > span:nth-child(29) {
    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(30) {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translateX(7.5px);
    transform:translateX(7.5px)
}

.titleJP.is-invasion > span:nth-child(30) {
    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
}

.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 .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(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 .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(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 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(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 .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(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 .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(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 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(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 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(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 .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(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 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(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 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(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 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(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 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(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 .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)
}

.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 .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)
}

.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 .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)
}

.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 .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(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 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(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 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(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 .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(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 .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(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 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(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 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(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 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(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 .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(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 .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(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 .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)
}

.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 .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(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 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(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 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(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 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(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 .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(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 .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(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 .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)
}

@-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;
    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 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing:3px
}

@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: #fff;
    color: #000;
    display: flex;
    overflow: hidden;
    width: 100%;
    height:300px;
}

.l-footer__nav, .l-footer__pageTop {
    display: -webkit-box;
    display:-ms-flexbox
}

@media screen and (max-width: 800px) {
    .l-footer {
        height: 968px;
        -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: 11px;
    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;
/*    margin-top:169px; */
}

@media screen and (max-width: 1000px) {
    .l-footer__bottom {
        display: block;
        max-width: calc(100% - 40px);
        margin-top:72px
    }
}

.l-footer__bottom__logo {
    position: relative;
    width: 150px;
    left:4px
}

@media screen and (max-width: 800px) {
    .l-footer__bottom__logo {
        border-top: solid 1px rgba(255, 255, 255, .1);
        text-align: center;
        left: 0;
        width: 100%;
        height: 108px;
        padding-top:33px
    }
}

@media screen and (max-width: 600px) {
    .l-footer__bottom__logo {
        left:0
    }
}

.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)
}

@media screen and (max-width: 800px) {
    .l-footer__bottom__logo svg {
        width: 124px;
        height:26px
    }

    .l-footer__bottom__logo p {
        letter-spacing: 1.5px;
        margin-top: 4px;
        width: 100%;
        -webkit-transform: scale(.7);
        transform:scale(.7)
    }
}

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

@media screen and (max-width: 800px) {
    .l-footer__bottom__social {
        margin-bottom:9px
    }

    .l-footer__bottom__social.is-facebook {
        margin-right: 26px;
        width: 18px;
        height:24px
    }
}

.l-footer__bottom__social.is-twitter {
    margin-left: 0;
    margin-right: 3px;
    width:18px
}

@media screen and (max-width: 800px) {
    .l-footer__bottom__social.is-twitter {
        width: 24px;
        height: 22px;
        margin-right:0
    }
}

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

@media screen and (max-width: 800px) {
    .l-footer__bottom .line {
        width: 100%;
        max-width: calc(100vw - 10px);
        margin-top: 0;
        margin-bottom:34px
    }
}

.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: #000;
    opacity: .5;
    padding-left:6px
}

@media screen and (max-width: 800px) {
    .l-footer__bottom small {
        position: absolute;
        top: auto;
        left: 0;
        right: auto;
        bottom: 0;
        padding-left: 0;
        width: 100%;
        font-size: 10px;
        letter-spacing: -.1px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top:16px
    }
}

.l-footer__bottom__link {
    position: relative;
    top: -1px;
    font-family: Arial, "Helvetica Neue", sans-serif;
    letter-spacing: .5px;
    font-size: 10px;
    font-weight:600
}

@media screen and (min-width: 801px) {
    .l-footer__bottom__link {
        margin-left:auto
    }

    .l-footer__bottom__link:last-child {
        margin-left: 18px;
        margin-right:5px
    }
}

@media screen and (max-width: 800px) {
    .l-footer__bottom__link {
        white-space: nowrap;
        width: 90px;
        display: block;
        margin-right: 0;
        margin-bottom: 12px;
        margin-left: auto;
        text-align:right
    }
}

.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: #2e318f;
    padding-top:97px
}

@media screen and (max-width: 800px) {
    .l-footer__links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        width: 100%;
        padding-top: 86px;
        padding-bottom:50px
    }
}

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

@media screen and (max-width: 800px) {
    .l-footer__links__desc {
        max-width: 610px;
        font-size: 10px;
        letter-spacing: .7px;
        margin-bottom: 19px;
        width:calc(100% - 37px)
    }
}

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

@media screen and (max-width: 800px) {
    .l-footer__links__item, .l-footer__links__social {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(50% - 25px);
        height: 70px;
        max-width: 300px;
        margin: 0 5px 25px;
        font-size: 11px;
        letter-spacing: .4px;
        padding:0 0 3px
    }

    .l-footer__links__item svg, .l-footer__links__social svg {
        margin:7px 0 5px
    }
}

.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: #2e3190;
    pointer-events:none
}

body.header-white .l-header {
    color:#fff
}

@media screen and (max-width: 800px) {
    .l-footer__links > .line, .l-footer__links__item > .line, .l-footer__links__social > .line {
        display:none
    }

    .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: #fff;
        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: 28px;
    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 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .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: #2e318f;
        -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
    }
}

@media screen and (max-width: 1052px) and(min-width: 801px) {
    .l-header__nav__item {
        font-size: 10px;
        margin-left:-2px
    }
}

.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-company .l-header__nav__item__index, .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 .l-header__nav__box__link:nth-child(1), 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#healthandproductivity .l-header__nav__item-company .l-header__nav__box__link:nth-child(2), 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__recruit-sp .c-btn, .l-header__nav__recruit-sp .c-btn .arrow::after {
    border-color:currentColor
}

.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__recruit-sp .c-btn .arrow::before, .l-header__nav__recruit-sp .c-btn::before {
    background:currentColor
}

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

.l-header__nav__recruit-sp .c-btn .text {
    color:currentColor
}

@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__recruit-sp {
        display:none
    }
}

@media screen and (max-width: 800px) {
    .l-header__nav__recruit-sp {
        margin-top: 48px;
        width: 175px;
        opacity: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transform: translate3d(0, 0, 1px);
        transform:translate3d(0, 0, 1px)
    }

    body.menu-open .l-header__nav__recruit-sp {
        opacity: 1;
        -webkit-transition: opacity .5s .2s;
        transition:opacity .5s .2s
    }

    .l-header__nav__recruit-sp .c-btn {
        height:48px
    }

    .l-header__nav__recruit-sp .c-btn .text {
        font-size:15px
    }

    .l-header__nav__recruit-sp .c-btn .arrow {
        width: 28px;
        right:-16px
    }

    .l-header__nav__recruit-sp .c-btn .arrow:after {
        width: 6px;
        height:6px
    }
}

.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%
}

.l-header__nav__recruit {
    pointer-events:auto
}

@media screen and (max-width: 800px) {
    body.header-white .l-header__nav__recruit .c-btn .arrow::before, body.header-white .l-header__nav__recruit .c-btn::before {
        background:#fff
    }

    body.header-white .l-header__nav__recruit .c-btn, body.header-white .l-header__nav__recruit .c-btn .arrow::after {
        border-color:#fff
    }

    .l-header__nav__recruit {
        width: 105px;
        position: absolute;
        top: 21px;
        right: 82px;
        -webkit-transition: .3s;
        transition: .3s;
        opacity:0
    }

    body.init-end:not(.menu-open) .l-header__nav__recruit {
        opacity:1
    }

    .menu-open .l-header__nav__recruit {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transition: all .2s;
        transition:all .2s
    }

    body.header-white .l-header__nav__recruit .c-btn .text {
        color:#fff
    }

    body:not(.header-white) .l-header__nav__recruit .c-btn .arrow::before, body:not(.header-white) .l-header__nav__recruit .c-btn::before {
        background:#15171b
    }

    body:not(.header-white) .l-header__nav__recruit .c-btn, body:not(.header-white) .l-header__nav__recruit .c-btn .arrow::after {
        border-color:#15171b
    }

    body:not(.header-white) .l-header__nav__recruit .c-btn .text {
        color:#15171b
    }
}

@media screen and (min-width: 801px) {
    .l-header__nav__recruit .c-btn .arrow::before, .l-header__nav__recruit .c-btn::before {
        background:currentColor
    }

    .l-header__nav__recruit .c-btn, .l-header__nav__recruit .c-btn .arrow::after {
        border-color:currentColor
    }

    .l-header__nav__recruit {
        width: 167px;
        margin-left: 36px;
        opacity: 0;
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        transition:transform .3s .72s, opacity .3s .72s, color .2s, -webkit-transform .3s .72s
    }

    body.init-end .l-header__nav__recruit {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }

    body:not(.header-white) .l-header__nav__recruit {
        color:#15171b
    }

    body.header-white .l-header__nav__recruit, body.menu-open .l-header__nav__recruit, body:not(.header-white) .l-header__nav__recruit:hover {
        color:#fff
    }

    .l-header__nav__recruit .c-btn .text {
        color:currentColor
    }

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

@media screen and (max-width: 1052px) and(min-width: 801px) {
    .l-header__nav__recruit {
        width: 86px;
        margin-left:16px
    }
}

.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: 828px;
    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: 200px;
    color:#000;
}

@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, .parts-colStyle--icon .imgArea {
    -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-healthandproductivity-about__con__lead .textE, .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 {
    position: relative;
    z-index: 1;
    padding-top: 160px;
    margin-left: auto;
    margin-right: auto;
    max-width:1600px
}

.p-division-top::before {
    content: '';
    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)
}

@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 {
    content: '';
    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: -webkit-box;
    display: -ms-flexbox;
    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
    }
}

@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-healthandproductivity-about__con {
    max-width: calc(100% - 50vw + 280px);
    width: calc(100% - 400px);
    position: relative;
    background: #fff;
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index:1
}

@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-healthandproductivity-about__con {
        max-width: 84%;
        width:100%
    }
}

.p-healthandproductivity-about__con__lead {
    width: 460px;
    padding: 40px 0 0 100px;
    position:relative
}

.p-healthandproductivity-about__con__lead:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    z-index: -1;
    top:-80px
}

.p-healthandproductivity-about__con__lead .textE {
    display: block;
    font-size: .75em;
    line-height: 1;
    letter-spacing: .06em;
    font-weight:700
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-about__con__lead {
        width: 100%;
        padding:0 calc(40 / 800 * 100vw)
    }

    .p-healthandproductivity-about__con__lead:before {
        top:-40px
    }

    .p-healthandproductivity-about__con__lead .textE {
        letter-spacing: .7px;
        font-size:11px
    }
}

.p-healthandproductivity-about__con__lead .textJ {
    margin-top: 64px;
    padding-left: 46px;
    padding-top: 24px;
    position:relative
}

.p-healthandproductivity-about__con__lead .textJ .icon {
    width: 32px;
    position: absolute;
    left: 0;
    top:0
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-about__con__lead .textJ {
        margin-top: 30px;
        padding-left: 22px;
        padding-top:13px
    }

    .p-healthandproductivity-about__con__lead .textJ .icon {
        width:16px
    }
}

.p-healthandproductivity-about__con__lead .textJ .icon img {
    width: 100%;
    vertical-align:top
}

.p-healthandproductivity-about__con__text {
    width: calc(100% - 460px);
    padding: 132px 80px 120px 0;
    font-size: 1.14em;
    line-height: 2;
    letter-spacing: .5px;
    font-weight:700
}

@media screen and (max-width: 1400px) {
    .p-healthandproductivity-about__con__text {
        width: 100%;
        padding:64px 80px 120px
    }
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-about__con__text {
        padding: 32px calc(40 / 800 * 100vw) 40px;
        font-size:.8rem
    }
}

.p-healthandproductivity-system {
    background: #f8f8f8;
    padding:120px 100px
}

.p-healthandproductivity-system__lead__con {
    margin-top: 40px;
    font-size: 1.14em;
    letter-spacing: 1px;
    line-height: 2;
    font-weight:700
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-system {
        padding:60px calc(40 / 800 * 100vw)
    }

    .p-healthandproductivity-system__lead__con {
        font-size: .8em;
        margin-top:32px
    }
}

.p-healthandproductivity-system__con {
    margin-top:48px
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-system__con {
        margin-top:32px
    }
}

.p-healthandproductivity-system__con img {
    width:100%
}

.p-healthandproductivity-attempt {
    margin-top: 120px;
    padding-left: 100px;
    padding-right:100px
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-attempt {
        margin-top: 60px;
        padding-left: calc(40 / 800 * 100vw);
        padding-right:calc(40 / 800 * 100vw)
    }
}

.p-healthandproductivity-attempt__con {
    margin-top: 80px;
    background:#fff
}

.p-healthandproductivity-attempt__con .colArea {
    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;
    position:relative
}

.p-healthandproductivity-attempt__con .colArea:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(to right, #aaa 0, #aaa 2px, transparent 2px, transparent 5px);
    bottom: 0;
    left:0
}

.p-healthandproductivity-attempt__con .colArea:after {
    content: ' ';
    display: block;
    position: absolute;
    height: 100%;
    width: 2px;
    background: repeating-linear-gradient(to bottom, #aaa 0, #aaa 2px, transparent 2px, transparent 5px);
    left: 0;
    top:0
}

.p-healthandproductivity-attempt__con .colArea .col {
    position: relative;
    width:50%
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-attempt__con {
        margin-top:32px
    }

    .p-healthandproductivity-attempt__con .colArea .col {
        width:100%
    }
}

.p-healthandproductivity-attempt__con .colArea .col:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(to right, #aaa 0, #aaa 2px, transparent 2px, transparent 5px);
    top: 0;
    left:0
}

.p-healthandproductivity-attempt__con .colArea .col:after {
    content: ' ';
    display: block;
    position: absolute;
    height: 100%;
    width: 2px;
    background: repeating-linear-gradient(to bottom, #aaa 0, #aaa 2px, transparent 2px, transparent 5px);
    right: 0;
    top:0
}

.p-healthandproductivity-attempt + .c-bottom-link {
    margin-top:120px
}

.parts-colStyle--icon {
    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;
    padding:48px
}

@media screen and (max-width: 800px) {
    .p-healthandproductivity-attempt + .c-bottom-link {
        margin-top:60px
    }

    .parts-colStyle--icon {
        -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;
        padding:24px 10px
    }
}

.parts-colStyle--icon .imgArea {
    width: 104px;
    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
}

.parts-colStyle--icon .imgArea img {
    vertical-align:middle
}

@media screen and (max-width: 800px) {
    .parts-colStyle--icon .imgArea {
        width: 56px;
        height:56px
    }

    .parts-colStyle--icon .imgArea img {
        max-width: 100%;
        max-height:100%
    }
}

.parts-colStyle--icon .conArea {
    width: calc(100% - 48px - 104px);
    line-height: 1.5;
    letter-spacing:1px
}

.parts-colStyle--icon .conArea > h3 {
    font-size: 1.25em;
    font-weight:700
}

.parts-colStyle--icon .conArea > p {
    margin-top:24px
}

.p-hover-box {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    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) {
    .parts-colStyle--icon .conArea {
        width: 100%;
        margin-top: 24px;
        text-align:center
    }

    .parts-colStyle--icon .conArea > h3 {
        font-size:1em
    }

    .parts-colStyle--icon .conArea > p {
        margin-top: 12px;
        font-size:.8em
    }

    .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 {
    content: '';
    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 (min-width: 801px) {
    .p-hover-box__item {
        background-image:none !important
    }

    .p-hover-box__item h2, .p-hover-box__item p {
        mix-blend-mode:overlay
    }
}

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

.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 {
    content: '';
    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;
    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: 18px;
    color: #000;
    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:80px
}

@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: #000;
    font-weight: 600;
    font-size: 14px;
    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: 100%;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    height: 500px;
    max-width:100%;
}

@media screen and (max-width: 800px) {
    .p-top-interview__bottom {
        width: 89.4%;
        min-width: 0;
        background-image: url(../img/index/recruit-banner.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 75px;
        height:150px
    }

    .p-top-interview__bottom__bg {
        display:none
    }
}

.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: 200px;
    font-size: 29px;
    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:18px
    }
}

.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:13px
    }

    .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:#2e3191
}

.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: 71px;
        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: 650px;
    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:233px
    }
}

.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: 40px;
        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
    }
}

.f-c-w{
	color: #fff;
}

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

    .u-hide-large {
        display:none !important
    }
}

@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: 1001px) {
    .u-show-large {
        display:none !important
    }
}

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