/* -----------------------------------------------
 index　　ベースカラー#2462a2　
-------------------------------------------------- */




@charset "UTF-8";
img, legend {
    border: 0
}
legend, td, th {
    padding: 0
}
.l-gf, .l-gf__wrap, sub, sup {
    position: relative
}
.c-all-interview, .l-gh__title a, a {
    text-decoration: none
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype')
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype')
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype')
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype')
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype')
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype')
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype')
}
@font-face {
    font-family: 'Sawarabi Mincho';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.eot);
    src: url(https://fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.eot?#iefix) format('embedded-opentype'), url(https://fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.woff) format('woff'), url(https://fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.ttf) format('truetype')
}
@font-face {
    font-family: Catamaran;
    font-style: normal;
    font-weight: 400;
    src: local('Catamaran'), local('Catamaran-Regular'), url(https://fonts.gstatic.com/s/catamaran/v2/iVYgK2bOLvZcSxr0ITOecqCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}
@font-face {
    font-family: Ethos;
    src: url(../font/ethos-regularitalic-webfont.woff2) format("woff2"), url(../font/ethos-regularitalic-webfont.woff) format("woff")
}
@-webkit-keyframes mouseonButtonStr {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
49.9% {
opacity:0;
-webkit-transform:translateX(5px) scale(.5);
transform:translateX(5px) scale(.5)
}
50% {
opacity:0;
-webkit-transform:translateX(-5px) scale(1.6);
transform:translateX(-5px) scale(1.6)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes mouseonButtonStr {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
49.9% {
opacity:0;
-webkit-transform:translateX(5px) scale(.5);
transform:translateX(5px) scale(.5)
}
50% {
opacity:0;
-webkit-transform:translateX(-5px) scale(1.6);
transform:translateX(-5px) scale(1.6)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-webkit-keyframes mouseonListItem {
0% {
opacity:1;
color:#777;
-webkit-transform:translateX(0);
transform:translateX(0)
}
49.9% {
opacity:0;
color:#777;
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
50% {
opacity:0;
color:#0446a1;
-webkit-transform:translateX(-5px);
transform:translateX(-5px)
}
100% {
opacity:1;
color:#0446a1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes mouseonListItem {
0% {
opacity:1;
color:#777;
-webkit-transform:translateX(0);
transform:translateX(0)
}
49.9% {
opacity:0;
color:#777;
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
50% {
opacity:0;
color:#0446a1;
-webkit-transform:translateX(-5px);
transform:translateX(-5px)
}
100% {
opacity:1;
color:#0446a1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes mouseoffListItem {
0% {
opacity:1;
color:#0446a1
}
49.9% {
opacity:0;
color:#0446a1
}
50% {
opacity:0;
color:#777
}
100% {
opacity:1;
color:#777
}
}
@keyframes mouseoffListItem {
0% {
opacity:1;
color:#0446a1
}
49.9% {
opacity:0;
color:#0446a1
}
50% {
opacity:0;
color:#777
}
100% {
opacity:1;
color:#777
}
}
@-webkit-keyframes animateBorderTop {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:right;
transform-origin:right
}
33.3% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right;
transform-origin:right
}
66.6% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:left;
transform-origin:left
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:left;
transform-origin:left
}
}
@keyframes animateBorderTop {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:right;
transform-origin:right
}
33.3% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right;
transform-origin:right
}
66.6% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:left;
transform-origin:left
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:left;
transform-origin:left
}
}
@-webkit-keyframes animateBorderRight {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
33.3% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
66.6% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
transform-origin:top
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:top;
transform-origin:top
}
}
@keyframes animateBorderRight {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
33.3% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
66.6% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
transform-origin:top
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:top;
transform-origin:top
}
}
@-webkit-keyframes animateBorderBottom {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:left;
transform-origin:left
}
33.3% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:left;
transform-origin:left
}
66.6% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right;
transform-origin:right
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:right;
transform-origin:right
}
}
@keyframes animateBorderBottom {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:left;
transform-origin:left
}
33.3% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:left;
transform-origin:left
}
66.6% {
-webkit-transform:scaleX(0);
transform:scaleX(0);
-webkit-transform-origin:right;
transform-origin:right
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
-webkit-transform-origin:right;
transform-origin:right
}
}
@-webkit-keyframes animateBorderLeft {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:top;
transform-origin:top
}
33.3% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
transform-origin:top
}
66.6% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
}
@keyframes animateBorderLeft {
0% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:top;
transform-origin:top
}
33.3% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:top;
transform-origin:top
}
66.6% {
-webkit-transform:scaleY(0);
transform:scaleY(0);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
100% {
-webkit-transform:scaleY(1);
transform:scaleY(1);
-webkit-transform-origin:bottom;
transform-origin:bottom
}
}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden], template {
    display: none
}
a {
    background-color: transparent;
    color: #2462a2
}
a:active, a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b, optgroup, strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre, textarea {
    overflow: auto
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
h1, h2, h3, h4, h5, h6, strong {
    font-weight: 400
}
button {
    overflow: visible
}
button, select {
    text-transform: none
}
.c-all-interview, .c-button-basic--en, .c-button-border--en, .c-contents-multi-column__item-head--en, .c-learn-more, .c-lower-eyecatch__title-en, .c-lower-header__en, .c-outline-box__title-en, .c-section-expand__title--en, .l-gh__title-label {
    text-transform: uppercase
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled], html input[disabled] {
    cursor: default
}
.c-tabs__item, .l-gh__entry {
    cursor: pointer
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
    line-height: normal
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
body {
    margin: 0;
    width: 100%;
    min-height: 100%;
    overflow-y: scroll;
    font-family: "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .06em;
    color: #222;
    background-color: #eee
}

@media all and (min-width:569px) {
body {
    font-size: 13px;
    font-size: .8125rem
}
.l-gf {
    margin-top: 6.66667%
}
}

@media all and (max-width:1024px) {
body {
    font-size: 12px;
    font-size: .75rem
}
}
body.is-ie {
    font-family: "メイリオ", Meiryo, "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif
}
button, input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}
select::-ms-expand {
display:none
}
strong {
    color: #ec8642
}
.c-all-interview, .c-button-border--en, .c-calendar__time--en, .c-learn-more, .l-gh__title-label {
    1
font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-weight: 700
}
::-moz-selection {
color:#fff;
background:rgba(20,55,91,.8)
}
::selection {
    color: #fff;
    background: rgba(20,55,91,.8)
}
input::-moz-selection, textarea::-moz-selection {
color:#222;
background:rgba(20,55,91,.2)
}
input::selection, textarea::selection {
    color: #222;
    background: rgba(20,55,91,.2)
}
.l-gf {
    box-sizing: border-box;
    z-index: 10;
    background-color: #fff
}

@media all and (min-width:1025px) {
.l-gf {
    padding: 5.55556% 13.33333% 3.33333%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.l-gf {
    padding: 60px 6.66667% 40px
}
}
.l-gf__logo svg {
    display: block;
    margin: 0 auto;
    fill: #666
}
.c-all-interview svg, .c-icon-external__square {
    fill: #0446a1
}
.l-gf__copyright {
    color: #666;
    font-family: Catamaran;
    letter-spacing: .1em
}

@media all and (min-width:769px) {
.l-gf__logo {
    position: absolute;
    bottom: 0;
    right: 0
}
.l-gf__copyright {
    line-height: 1;
    font-size: 13px;
    font-size: .8125rem
}
}

@media all and (max-width:768px) {
.l-gf__logo {
    text-align: center
}
.l-gf__copyright {
    line-height: 1.83333;
    font-size: 12px;
    font-size: .75rem;
    text-align: center
}
}

@media all and (min-width:569px) {
.l-gf__copyright br {
    display: none
}
}
.l-gh {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10000;
    text-align: center;
    pointer-events: none
}
.l-gh__bg, .l-gh__entry, .l-gh__title a {
    pointer-events: auto
}

@media all and (min-width:1367px) {
.l-gh {
    height: 90px
}
.l-gh__title {
    margin-top: 34px
}
}
.l-gh__title {
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

@media all and (min-width:569px) and (max-width:1366px) {
.l-gh {
    height: 75px
}
.l-gh__title {
    margin-top: 28px
}
}
.l-gh__title a {
    display: block;
    color: #222
}
.l-gh__title-logo {
    display: block
}

@media all and (max-width:568px) {
.l-gf {
    padding: 60px 20px 100px
}
.l-gh {
    height: 60px
}
.l-gh__title {
    margin-top: 22px;
    margin-left: 40px
}
.l-gh__title-logo svg {
    width: 170px;
    display: block
}
}
.l-gh__title-line {
    height: 14px;
    background-color: #fff /*メインタイトル仕切り線*/
    
}

@media all and (min-width:1025px) {
.l-gh__title-line {
    width: 2px;
    margin: 0 14px -1px
        
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.l-gh__title-line {
    
    width: 2px;
    margin: 0 10px -1px
}
}

@media all and (max-width:568px) {
.l-gh__title-line {
    width: 1px;
    margin: 0 7px -1px
}
}
.l-gh__title-label {
    display: block;
    line-height: 1
}

@media all and (min-width:569px) {
.l-gh__title-label {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 20px;
    font-size: 1rem;
    letter-spacing: .1em;
    margin-bottom: -2px
}
}

@media all and (max-width:568px) {
.l-gh__title-label {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 11px;
    font-size: .6875rem;
    letter-spacing: .06em;
    padding-top: 4px
}
}

@media all and (min-width:569px) {
.l-gh__entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    font-family: Catamaran;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .16em
}
}

@media all and (min-width:1025px) {
.l-gh__entry {
    width: 13.33333%
}
}

@media all and (max-width:568px) {
.l-gh__entry {
    display: none
}
}
.l-gh__entry-label {
    position: relative;
    z-index: 2
}
.l-gh__bg, .l-gh__entry:after {
    position: absolute;
    top: 0;
    bottom: 0px;
    padding: 0px 0px 10px 0px
}
.l-gh__entry-label .js-typo {
    display: inline-block
}
.l-gh__entry:after {
    content: "";
    display: block;
    right: 0;
    left: 0;
    background-color: #0446a1
}
.l-gh__bg {
    background-color: #fff
}

@media all and (min-width:1025px) {
.l-gh__bg {
    right: 13.33333%;
    left: 13.33333%
}
.l-gh__entry:hover .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.l-gh__entry:hover .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.l-gh__entry:hover .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}
.l-gh__entry:hover .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.l-gh__entry:hover .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}
.l-gh__entry:hover .js-typo:nth-of-type(5) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.l-gh__entry:hover .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.l-gh__entry:hover .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.l-gh__entry:hover .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}
.l-gh__entry:hover .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.l-gh__entry:hover .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}
.l-gh__entry:hover .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.l-gh__entry:hover .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}
.l-gh__entry:hover .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.l-gh__entry:hover .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}
.l-gh__entry:hover .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.l-gh__entry:hover .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}
.l-gh__entry:hover .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.l-gh__entry:hover .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}
.l-gh__entry:hover .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.l-gh__entry:hover .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}
.l-gh__entry:hover .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.l-gh__entry:hover .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}
.l-gh__entry:hover .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}
.l-gh__entry:hover .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}
.l-gh__entry:hover .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}
.l-gh__entry:hover .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}
.l-gh__entry:hover .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}
.l-gh__entry:hover .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}
.l-gh__entry:hover .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}
.l-gh__entry:hover .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}
.l-gh__entry:hover:after {
    background-color: #b0c4de
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.l-gh__entry {
    width: 16.66667%
}
.l-gh__bg {
    right: 16.66667%;
    left: 16.66667%
}
}

@media all and (max-width:568px) {
.l-gh__bg {
    right: 0;
    left: 0
}
.l-page__bg {
    display: none
}
}
.l-gh__title.is-closed {
    opacity: 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.l-gh__title.is-closed a {
    pointer-events: none
}
.l-gh__title.is-opened {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}
.l-gh__bg, .p-gnav__column-wrap {
    -webkit-transition-duration: .6s
}
.l-gh__bg {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.l-gh__bg.is-closed {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}
.l-gh__bg.is-opened {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.l-gh__entry:after {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.l-page__inner {
    position: relative;
    z-index: 2
}

@media all and (min-width:1367px) {
.l-page__inner {
    padding-top: 90px
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.l-page__inner {
    padding-top: 75px
}
}

@media all and (min-width:569px) {
.l-page__bg {
    opacity: .6;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 26.66667%;
    background: -webkit-linear-gradient(left, #dedede 0, #fff 100%);
    background: linear-gradient(to right, #dedede 0, #fff 100%)
}
}

@media all and (min-width:1025px) {
.l-page__bg {
    right: 13.33333%
}
.c-all-interview {
    font-size: 12.5px;
    font-size: .78125rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.l-page__bg {
    right: 16.66667%
}
}
.c-all-interview {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #0446a1;
    letter-spacing: .12em
}
.c-all-interview .js-typo, .c-arrow, .c-button-basic, .c-button-basic__label .js-typo {
    display: inline-block
}

@media all and (min-width:1025px) {
.c-all-interview svg {
    margin-right: 14px
}
.c-all-interview:hover .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.c-all-interview:hover .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.c-all-interview:hover .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}
.c-all-interview:hover .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.c-all-interview:hover .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}
.c-all-interview:hover .js-typo:nth-of-type(5) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.c-all-interview:hover .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.c-all-interview:hover .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.c-all-interview:hover .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}
.c-all-interview:hover .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.c-all-interview:hover .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}
.c-all-interview:hover .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.c-all-interview:hover .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}
.c-all-interview:hover .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.c-all-interview:hover .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}
.c-all-interview:hover .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.c-all-interview:hover .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}
.c-all-interview:hover .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.c-all-interview:hover .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}
.c-all-interview:hover .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.c-all-interview:hover .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}
.c-all-interview:hover .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.c-all-interview:hover .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}
.c-all-interview:hover .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}
.c-all-interview:hover .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}
.c-all-interview:hover .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}
.c-all-interview:hover .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}
.c-all-interview:hover .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}
.c-all-interview:hover .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}
.c-all-interview:hover .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}
.c-all-interview:hover .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}
}

@media all and (max-width:1024px) {
.c-all-interview {
    font-size: 11px;
    font-size: .6875rem
}
.c-all-interview svg {
    width: 15px;
    margin-right: 16px
}
}
.c-arrow {
    position: relative
}

@media all and (min-width:1025px) {
.c-arrow {
    width: 30px;
    height: 10px;
    margin-left: 12px
}
}

@media all and (max-width:1024px) {
.c-arrow {
    width: 20px;
    height: 8px;
    margin-left: 4px
}
}
.c-arrow__line {
    height: 1px;
    background-color: #2462a2
}
.c-arrow__line--white {
    background-color: #fff
}
.c-arrow__line--01 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}
.c-arrow__line--02 {
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@media all and (min-width:1025px) {
.c-arrow__line--02 {
    width: 14px
}
.c-arrow, .c-arrow__line {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
}

@media all and (max-width:1024px) {
.c-arrow__line--02 {
    width: 11px
}
}
.c-arrow-down {
    width: 16px;
    height: 16px
}
.c-arrow-down__wrap {
    position: relative
}
.c-arrow-down__line {
    width: 10px;
    height: 1px;
    position: absolute;
    top: 8px;
    left: 3px;
    background-color: #222
}
.c-arrow-down__line--01 {
    -webkit-transform: rotate(45deg) translate(-2px, 3px);
    -ms-transform: rotate(45deg) translate(-2px, 3px);
    transform: rotate(45deg) translate(-2px, 3px)
}
.c-arrow-down__line--02 {
    -webkit-transform: rotate(-45deg) translate(2px, 3px);
    -ms-transform: rotate(-45deg) translate(2px, 3px);
    transform: rotate(-45deg) translate(2px, 3px)
}
.c-button-basic {
    position: relative;
    border: 0;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    letter-spacing: .14em
}
.c-button-border, .c-button-large {
    border: 0;
    text-align: center;
    text-decoration: none
}
.c-button-basic--en {
    font-family: Catamaran
}
.c-button-basic--submit {
    text-align: center
}

@media all and (min-width:569px) {
.c-button-basic--submit {
    width: 250px
}
}

@media all and (min-width:1025px) {
.c-button-basic--submit {
    margin: 0 3.57143%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.l-page__inner {
    padding-top: 75px
}
.c-button-basic--submit {
    margin: 0 3.57143%
}
}

@media all and (max-width:768px) {
.l-page__inner {
    padding-top: 60px
}
.c-button-basic--submit {
    width: 160px;
    margin: 0 10px
}
}
.c-button-basic__label {
    position: relative;
    z-index: 2
}

@media all and (min-width:769px) {
.c-button-basic__label {
    padding: 22px 60px
}
}

@media all and (max-width:768px) {
.c-button-basic__label {
    padding: 15px 40px
}
}
.c-button-basic__label--submit {
    padding-right: 0;
    padding-left: 0
}
.c-button-basic__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0446a1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.c-button-basic__bg--utility {
    background-color: #8d8d8d
}
.c-button-basic[disabled] {
    color: #eee
}
.c-button-basic[disabled] .c-button-basic__bg {
    background-color: #aaa
}

@media all and (min-width:1025px) {
.c-button-basic:hover .c-button-basic__label .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(5) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}
.c-button-basic:hover .c-button-basic__label .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}
.c-button-basic:hover .c-button-basic__bg {
    background-color: #b0c4de
}
.c-button-basic:hover[disabled] .c-button-basic__bg {
    background-color: #aaa
}
.c-button-border:hover .c-button-border__label .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(5) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}
.c-button-border:hover .c-button-border__label .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}
.c-button-border:hover .c-button-border__border {
    -webkit-animation-duration: .45s;
    animation-duration: .45s
}
.c-button-border:hover .c-button-border__border--top {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
    -webkit-animation-name: animateBorderTop;
    animation-name: animateBorderTop
}
.c-button-border:hover .c-button-border__border--right {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: animateBorderRight;
    animation-name: animateBorderRight
}
.c-button-border:hover .c-button-border__border--bottom {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
    -webkit-animation-name: animateBorderBottom;
    animation-name: animateBorderBottom
}
.c-button-border:hover .c-button-border__border--left {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: animateBorderLeft;
    animation-name: animateBorderLeft
}
}
.c-button-border {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    line-height: 1;
    overflow: hidden;
    position: relative;
    color: #0446a1;
    background-color: transparent
}

@media all and (max-width:768px) {
.c-button-border {
    padding: 15px 0
}
}
.c-button-border--en {
    letter-spacing: .14em
}
.c-button-border__label .js-typo {
    display: inline-block
}
.c-button-border__border {
    position: absolute;
    background-color: #0446a1
}
.c-button-border__border--top {
    height: 2px;
    top: 0;
    right: 0;
    left: 0
}
.c-button-border__border--right {
    width: 2px;
    top: 0;
    right: 0;
    bottom: 0
}
.c-button-border__border--bottom {
    height: 2px;
    bottom: 0;
    right: 0;
    left: 0
}
.c-button-border__border--left {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 0
}
.c-button-large {
    display: block;
    position: relative;
    border-radius: 0;
    letter-spacing: .14em;
    color: #fff
}

@media all and (min-width:769px) {
.c-button-border {
    padding: 15px 0
}
.c-button-large {
    margin: 6.66667% 20%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-button-large {
    margin: 50px 40px
}
}

@media all and (max-width:568px) {
.c-button-large {
    margin: 50px 20px
}
}
.c-button-large__label {
    position: relative;
    z-index: 2
}

@media all and (min-width:1025px) {
.c-button-large__label {
    padding: 60px 0;
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-button-large__label {
    padding: 45px 0;
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (max-width:768px) {
.c-button-large__label {
    padding: 30px 0;
    font-size: 12px;
    font-size: .75rem
}
}
.c-button-large__label--submit {
    padding-right: 0;
    padding-left: 0
}
.c-button-large__label .js-typo {
    display: inline-block
}
.c-button-large__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0446a1
}
.c-button-wrap {
    text-align: center
}

@media all and (min-width:569px) {
.c-button-wrap {
    margin-bottom: 5.55556%
}
}

@media all and (max-width:568px) {
.c-button-wrap {
    margin-bottom: 50px
}
}

@media all and (min-width:769px) {
.c-button-wrap--in-expand {
    margin: 2.15385em 17.85714% 0
}
.c-calendar--in-float {
    padding: 14.28571%
}
}

@media all and (max-width:768px) {
.c-button-wrap--in-expand {
    margin: 20px 0 0
}
}
.c-calendar {
    position: relative;
    z-index: 10
}

@media all and (min-width:569px) and (max-width:768px) {
.c-calendar--in-float {
    padding: 60px 40px
}
}

@media all and (max-width:568px) {
.c-calendar--in-float {
    padding: 45px 20px
}
}
.c-calendar__head {
    margin: 0;
    color: #0446a1;
    letter-spacing: .2em
}
.c-calendar__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media all and (min-width:1025px) {
.c-button-large:hover .c-arrow {
    width: 40px
}
.c-button-large:hover .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.c-button-large:hover .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.c-button-large:hover .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}
.c-button-large:hover .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.c-button-large:hover .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}
.c-button-large:hover .js-typo:nth-of-type(5) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.c-button-large:hover .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.c-button-large:hover .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.c-button-large:hover .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}
.c-button-large:hover .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.c-button-large:hover .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}
.c-button-large:hover .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.c-button-large:hover .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}
.c-button-large:hover .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.c-button-large:hover .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}
.c-button-large:hover .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.c-button-large:hover .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}
.c-button-large:hover .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.c-button-large:hover .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}
.c-button-large:hover .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.c-button-large:hover .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}
.c-button-large:hover .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.c-button-large:hover .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}
.c-button-large:hover .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}
.c-button-large:hover .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}
.c-button-large:hover .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}
.c-button-large:hover .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}
.c-button-large:hover .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}
.c-button-large:hover .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}
.c-button-large:hover .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}
.c-button-large:hover .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}
.c-button-large__bg {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.c-button-large:hover .c-button-large__bg {
    background-color: #b0c4de
}
.c-calendar__head {
    margin-bottom: 80px;
    font-size: 24px;
    font-size: 1.5rem
}
.c-calendar__row {
    padding-bottom: 40px
}
.c-calendar__row:last-of-type {
    padding-bottom: 0
}
}

@media all and (max-width:1024px) {
.c-calendar__head {
    margin-bottom: 40px;
    font-size: 14px;
    font-size: .875rem
}
.c-calendar__row {
    padding-bottom: 30px
}
.c-calendar__row:last-of-type {
    padding-bottom: 0
}
}
.c-calendar__row:after, .c-calendar__row:before {
    content: '';
    display: block;
    position: absolute
}
.c-calendar__row:before {
    width: 11px;
    height: 11px;
    box-sizing: border-box;
    z-index: 2;
    border: 2px solid #0446a1;
    border-radius: 50%;
    top: 0;
    left: 0;
    background-color: #fff
}
.c-calendar__row:after {
    width: 1px;
    top: 0;
    bottom: 0;
    left: 5px;
    background-color: #e5e5e5
}
.c-calendar__time {
    line-height: 1;
    margin-top: -.1em;
    padding-left: 30px;
    color: #0446a1;
    letter-spacing: .14em
}

@media all and (min-width:1025px) {
.c-calendar__time--en {
    font-size: 16px;
    font-size: 1rem
}
.c-calendar__time--in-float {
    width: 30%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-calendar__time--in-float {
    width: 20%
}
}

@media all and (max-width:568px) {
.c-calendar__time--in-float {
    width: 20%
}
}

@media all and (min-width:769px) {
.c-calendar__time--in-sub {
    width: 18.75%
}
}

@media all and (max-width:768px) {
.c-calendar__time--in-sub {
    width: 25%
}
}
.c-calendar__body {
    margin-top: -.6em
}

@media all and (min-width:1025px) {
.c-calendar__body--in-float {
    width: 70%
}
.c-calendar__body-head {
    line-height: 1.85714;
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-calendar__body--in-float {
    width: 80%
}
}

@media all and (max-width:568px) {
.c-calendar__body--in-float {
    width: 80%
}
}

@media all and (min-width:769px) {
.c-calendar__body--in-sub {
    width: 81.25%
}
}
.c-calendar__body-head {
    margin-bottom: 5px;
    color: #0446a1
}

@media all and (max-width:1024px) {
.c-calendar__body-head {
    line-height: 2;
    font-size: 12px;
    font-size: .75rem
}
}
.c-calendar__body-text {
    line-height: 2.24;
    color: #666
}
.c-calendar__body ul {
    margin: 0 0 0 1.5em;
    padding: 0
}

@media all and (min-width:1025px) {
.c-contents-multi-column {
    margin-top: -85px;
    margin-right: 10.71429%;
    margin-left: 10.71429%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-contents-multi-column {
    margin-top: -60px;
    margin-right: 7.14286%;
    margin-left: 7.14286%
}
}

@media all and (max-width:768px) {
.c-calendar__body--in-sub {
    width: 75%
}
.c-contents-multi-column {
    margin-top: -45px
}
.c-contents-multi-column--has-margin-top {
    margin-top: 0
}
}

@media all and (min-width:1025px) {
.c-contents-multi-column__item-body {
    margin-top: 85px
}
.c-contents-multi-column__item-head {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-contents-multi-column__item-body {
    margin-top: 60px
}
}

@media all and (max-width:768px) {
.c-contents-multi-column__item-body {
    margin-top: 45px
}
}
.c-contents-multi-column__item-head {
    margin-top: 0;
    letter-spacing: .1em
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-contents-multi-column__item-head {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:568px) {
.c-contents-multi-column__item-head {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: .875rem
}
}
.c-contents-multi-column__item-head--key {
    color: #0446a1
}

@media all and (min-width:569px) {
.c-contents-multi-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.c-contents-multi-column__item {
    width: 27.27273%;
    margin-left: 9.09091%
}
.c-contents-multi-column__item:nth-of-type(3n+1) {
    margin-left: 0
}
.c-contents-multi-column__item-sub-head {
    margin-top: 30px;
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (max-width:568px) {
.c-contents-multi-column__item-sub-head {
    margin-top: 20px;
    font-size: 13px;
    font-size: .8125rem
}
}
.c-contents-multi-column__item-text {
    margin: 0;
    line-height: 2.15385;
    color: #666
}

@media all and (min-width:1025px) {
.c-contents-with-image {
    margin: 4.16667% 10.71429% 0
}
.c-contents-with-image__item-image {
    width: 54.54545%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-contents-with-image {
    margin: 4.16667% 7.14286% 0
}
.c-contents-with-image__item-image {
    width: 45.45455%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-contents-with-image {
    margin-top: 60px
}
}

@media all and (max-width:568px) {
.c-contents-with-image {
    margin-top: 45px
}
}
.c-contents-with-image--no-mt {
    margin-top: 0
}

@media all and (min-width:769px) {
.c-contents-with-image__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6.06061%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-contents-with-image__item {
    margin-top: 60px
}
.c-contents-with-image__item-image {
    margin-bottom: 30px
}
}

@media all and (max-width:568px) {
.c-contents-with-image__item {
    margin-top: 45px
}
}
.c-contents-with-image__item--no-mt {
    margin-top: 0
}
.c-contents-with-image__item-image img {
    width: 100%;
    display: block
}

@media all and (min-width:1025px) {
.c-contents-with-image__item-body {
    width: 36.36364%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-contents-with-image__item-body {
    width: 45.45455%
}
}
.c-contents-with-image__item-head {
    margin-top: 0;
    margin-bottom: 20px;
    letter-spacing: .1em
}

@media all and (min-width:569px) {
.c-contents-with-image__item-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.c-contents-with-image__item-head {
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:568px) {
.c-contents-with-image__item-image {
    margin-bottom: 20px
}
.c-contents-with-image__item-head {
    font-size: 14px;
    font-size: .875rem
}
}
.c-contents-with-image__item-head:after {
    content: '';
    display: block;
    background-color: #111
}

@media all and (min-width:1025px) {
.c-contents-with-image__item-head:after {
    width: 30px;
    height: 2px;
    margin-top: 25px
}
}

@media all and (max-width:1024px) {
.c-contents-with-image__item-head:after {
    width: 25px;
    height: 1px;
    margin-top: 20px
}
}
.c-contents-with-image__item-head--key {
    color: #0446a1
}

@media all and (min-width:569px) {
.c-contents-with-image__item-sub-head {
    margin-top: 30px;
    font-size: 14px;
    font-size: .875rem
}
.c-contents-with-image-s {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
}

@media all and (max-width:568px) {
.c-contents-with-image__item-sub-head {
    margin-top: 20px;
    font-size: 13px;
    font-size: .8125rem
}
}
.c-contents-with-image__item-text {
    line-height: 2.15385;
    margin: 0;
    color: #666
}

@media all and (min-width:1025px) {
.c-contents-with-image-s {
    margin: -.89286% 10.71429% 0
}
.c-contents-with-image-s--mt100 {
    margin-top: .89286%
}
.c-contents-with-image-s__item-image {
    padding-top: 23.61111%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-contents-with-image-s {
    margin: 0 7.14286%
}
}

@media all and (min-width:569px) {
.c-contents-with-image-s__item {
    width: 27.27273%;
    margin-left: 9.09091%
}
.c-contents-with-image-s__item:nth-of-type(3n+1) {
    margin-left: 0
}
}
.c-contents-with-image-s__item-image {
    margin-bottom: 25px
}
.c-contents-with-image-s__item-image img {
    width: 100%;
    display: block
}
.c-contents-with-image-s__item-head {
    margin-top: 0;
    letter-spacing: .1em
}

@media all and (min-width:1025px) {
.c-contents-with-image-s__item-head {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-contents-with-image-s__item-image {
    padding-top: 60px
}
.c-contents-with-image-s__item-head {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:568px) {
.c-contents-with-image-s__item-image {
    padding-top: 45px
}
.c-contents-with-image-s__item-head {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: .875rem
}
}
.c-contents-with-image-s__item-head--en {
    text-transform: uppercase
}
.c-contents-with-image-s__item-head--key {
    color: #0446a1
}

@media all and (min-width:569px) {
.c-contents-with-image-s__item-sub-head {
    margin-top: 30px;
    font-size: 13px;
    font-size: .8125rem
}
}

@media all and (max-width:568px) {
.c-contents-with-image-s__item-sub-head {
    margin-top: 20px;
    font-size: 13px;
    font-size: .8125rem
}
}
.c-contents-with-image-s__item-text {
    margin: 0;
    line-height: 2.15385;
    color: #666
}
.c-head-multi-lang {
    text-align: center
}
.c-head-multi-lang__ja {
    display: block;
    letter-spacing: .2em
}

@media all and (min-width:1025px) {
.c-head-multi-lang__ja {
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-head-multi-lang__ja {
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:568px) {
.c-head-multi-lang__ja {
    font-size: 14px;
    font-size: .875rem
}
}
.c-head-multi-lang__en {
    display: block;
    color: #999;
    letter-spacing: .14em
}

@media all and (min-width:1025px) {
.c-head-multi-lang__en {
    font-size: 12px;
    font-size: .75rem
}
.c-learn-more {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
}
.c-icon-external__line {
    fill-opacity: 0;
    stroke: #0446a1;
    stroke-width: 2
}
.c-learn-more {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
    color: #2462a2;
    letter-spacing: .12em
}
.c-learn-more--white {
    color: #fff
}
.c-learn-more.is-hidden {
    display: none
}
.c-learn-more__arrow, .c-link-external {
    display: inline-block
}
.c-learn-more__label {
    white-space: nowrap
}
.c-link-external {
    color: #0446a1;
    text-decoration: none
}

@media all and (min-width:769px) {
.c-link-external {
    margin-right: 40px
}
}

@media all and (max-width:768px) {
.c-link-external {
    margin-right: 30px
}
}
.c-link-external svg {
    vertical-align: middle
}

@media all and (min-width:769px) {
.c-link-external svg {
    margin-right: 15px
}
}

@media all and (max-width:768px) {
.c-link-external svg {
    margin-right: 10px
}
}
.c-lower-eyecatch {
    overflow: hidden
}
.c-lower-eyecatch__image {
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@media all and (min-width:1025px) {
.c-lower-eyecatch__image {
    margin-left: 6.66667%;
    padding-top: 35.88889%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-head-multi-lang__en {
    font-size: 11px;
    font-size: .6875rem
}
.c-lower-eyecatch__image {
    padding-top: 38.45238%
}
}

@media all and (max-width:568px) {
.c-head-multi-lang__en {
    font-size: 10px;
    font-size: .625rem
}
.c-lower-eyecatch__image {
    padding-top: 66.66667%
}
}
.c-lower-eyecatch__image picture {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.c-lower-eyecatch__image img {
    width: 100%
}
.c-lower-eyecatch__title {
    position: relative;
    text-align: center
}

@media all and (min-width:1025px) {
.c-lower-eyecatch__title {
    margin: -3.33333% 13.33333% 5%;
    padding: 5% 0
}
}

@media all and (max-width:1024px) {
.c-learn-more {
    font-size: 11px;
    font-size: .6875rem
}
.c-lower-eyecatch__title {
    margin: -40px 20px 50px;
    padding: 45px 0
}
}
.c-lower-eyecatch__title-wrap {
    position: relative;
    z-index: 2
}
.c-lower-eyecatch__title-en {
    font-family: Ethos;
    letter-spacing: .1em;
    opacity: 0
}

@media all and (min-width:1025px) {
.c-lower-eyecatch__title-en {
    margin-bottom: 18px;
    font-size: 34px;
    font-size: 2.125rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-lower-eyecatch__title-en {
    margin-bottom: 10px;
    font-size: 27px;
    font-size: 1.6875rem
}
}

@media all and (max-width:568px) {
.c-lower-eyecatch__title-en {
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (min-width:1025px) {
.c-lower-eyecatch__title-ja {
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (max-width:1024px) {
.c-lower-eyecatch__title-ja {
    font-size: 12px;
    font-size: .75rem
}
}
.c-lower-eyecatch__image.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.c-lower-eyecatch__image.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-lower-eyecatch__image picture {
    -webkit-transform: translate3d(-90%, 0, 0);
    transform: translate3d(-90%, 0, 0)
}
.c-lower-eyecatch__image picture.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.c-lower-eyecatch__image picture.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-lower-eyecatch__title-en .js-typo {
    opacity: 0;
    display: inline-block;
    -webkit-transform: scale(1.4) translateX(-6px);
    -ms-transform: scale(1.4) translateX(-6px);
    transform: scale(1.4) translateX(-6px)
}
.c-lower-eyecatch__title-en .js-typo-wrap {
    display: inline-block;
    white-space: nowrap
}
.c-lower-eyecatch__title-en.is-animate {
    opacity: 1
}
.c-lower-eyecatch__title-en.is-animate .js-typo {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.c-lower-eyecatch__title-en.is-animate .js-typo--1 {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--2 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--3 {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--4 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--5 {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--6 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--7 {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--8 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--9 {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--10 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--11 {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--12 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--13 {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--14 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--15 {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--16 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--17 {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--18 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--19 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--20 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--21 {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--22 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--23 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--24 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--25 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--26 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--27 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--28 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--29 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--30 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--31 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--32 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--33 {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--34 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--35 {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--36 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--37 {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--38 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--39 {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--40 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--41 {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--42 {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--43 {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--44 {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--45 {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--46 {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--47 {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--48 {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--49 {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--50 {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--51 {
    -webkit-transition-delay: 3.05s;
    transition-delay: 3.05s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--52 {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--53 {
    -webkit-transition-delay: 3.15s;
    transition-delay: 3.15s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--54 {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--55 {
    -webkit-transition-delay: 3.25s;
    transition-delay: 3.25s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--56 {
    -webkit-transition-delay: 3.3s;
    transition-delay: 3.3s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--57 {
    -webkit-transition-delay: 3.35s;
    transition-delay: 3.35s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--58 {
    -webkit-transition-delay: 3.4s;
    transition-delay: 3.4s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--59 {
    -webkit-transition-delay: 3.45s;
    transition-delay: 3.45s
}
.c-lower-eyecatch__title-en.is-animate .js-typo--60 {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}
.c-lower-eyecatch__title-en.is-animate-fix .js-typo {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-lower-eyecatch__title-en.is-animate-fix .js-typo--1, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--10, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--11, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--12, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--13, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--14, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--15, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--16, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--17, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--18, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--19, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--2, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--20, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--21, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--22, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--23, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--24, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--25, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--26, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--27, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--28, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--29, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--3, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--30, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--31, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--32, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--33, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--34, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--35, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--36, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--37, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--38, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--39, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--4, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--40, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--41, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--42, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--43, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--44, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--45, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--46, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--47, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--48, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--49, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--5, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--50, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--51, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--52, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--53, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--54, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--55, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--56, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--57, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--58, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--59, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--6, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--60, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--7, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--8, .c-lower-eyecatch__title-en.is-animate-fix .js-typo--9 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-lower-eyecatch__title-ja {
    color: #666;
    letter-spacing: .2em;
    opacity: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-lower-eyecatch__title-ja.is-animate {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.c-lower-eyecatch__title-ja.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-lower-eyecatch__title-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-lower-eyecatch__title-bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.c-lower-eyecatch__title-bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

@media all and (min-width:769px) {
.c-lower-header-fixed, .c-lower-header-fixed__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.c-lower-header-fixed {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 3.33333%;
    bottom: 0;
    z-index: 100;
    line-height: 1;
    pointer-events: none
}
.c-lower-header-fixed__wrap {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg)
}
.c-lower-header-fixed__en {
    margin-bottom: -3px;
    font-size: 13px;
    font-size: .8125rem;
    font-family: Catamaran;
    text-transform: uppercase
}
.c-lower-header-fixed__line {
    width: 1px;
    height: 10px;
    margin: 0 15px -1px;
    background-color: #000
}
.c-lower-header-fixed__ja {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-size: .6875rem
}
.c-lower-header-fixed__ja-typo {
    display: block;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
}

@media all and (max-width:768px) {
.c-lower-header-fixed {
    display: none
}
}
.c-lower-header {
    position: relative;
    text-align: center
}

@media all and (min-width:569px) {
.c-lower-header {
    padding: 5% 0
}
}

@media all and (min-width:1025px) {
.c-lower-header {
    margin: 0 20% 5.55556%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-lower-header {
    margin: 0 10% 5.55556%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-lower-header {
    margin: 5.55556% 10%
}
}

@media all and (max-width:568px) {
.c-lower-header {
    margin: 50px 20px;
    padding: 45px 0
}
}
.c-lower-header__wrap {
    position: relative;
    z-index: 2
}
.c-outline-box, .c-portfolio, .c-reading-box {
    z-index: 10
}

@media all and (min-width:769px) {
.c-lower-header__wrap {
    padding: 0 5.55556%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-lower-header__wrap {
    padding: 0 40px
}
}
.c-lower-header__en {
    font-family: Ethos;
    letter-spacing: .1em;
    opacity: 0
}

@media all and (min-width:1025px) {
.c-lower-header__en {
    margin-bottom: 18px;
    font-size: 34px;
    font-size: 2.125rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-lower-header__en {
    margin-bottom: 10px;
    font-size: 27px;
    font-size: 1.6875rem
}
.c-outline-box__title {
    text-align: center
}
}

@media all and (max-width:568px) {
.c-lower-header__wrap {
    padding: 0 20px
}
.c-lower-header__en {
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (min-width:1025px) {
.c-lower-header__ja {
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (max-width:1024px) {
.c-lower-header__ja {
    font-size: 12px;
    font-size: .75rem
}
}
.c-lower-header__en .js-typo {
    opacity: 0;
    display: inline-block;
    -webkit-transform: scale(1.4) translateX(-6px);
    -ms-transform: scale(1.4) translateX(-6px);
    transform: scale(1.4) translateX(-6px)
}
.c-lower-header__en .js-typo-wrap {
    display: inline-block;
    white-space: nowrap
}
.c-lower-header__en.is-animate {
    opacity: 1
}
.c-lower-header__en.is-animate .js-typo {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.c-lower-header__en.is-animate .js-typo--1 {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}
.c-lower-header__en.is-animate .js-typo--2 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.c-lower-header__en.is-animate .js-typo--3 {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}
.c-lower-header__en.is-animate .js-typo--4 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}
.c-lower-header__en.is-animate .js-typo--5 {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}
.c-lower-header__en.is-animate .js-typo--6 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.c-lower-header__en.is-animate .js-typo--7 {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}
.c-lower-header__en.is-animate .js-typo--8 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
.c-lower-header__en.is-animate .js-typo--9 {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}
.c-lower-header__en.is-animate .js-typo--10 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.c-lower-header__en.is-animate .js-typo--11 {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}
.c-lower-header__en.is-animate .js-typo--12 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}
.c-lower-header__en.is-animate .js-typo--13 {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}
.c-lower-header__en.is-animate .js-typo--14 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}
.c-lower-header__en.is-animate .js-typo--15 {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}
.c-lower-header__en.is-animate .js-typo--16 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}
.c-lower-header__en.is-animate .js-typo--17 {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}
.c-lower-header__en.is-animate .js-typo--18 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}
.c-lower-header__en.is-animate .js-typo--19 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}
.c-lower-header__en.is-animate .js-typo--20 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}
.c-lower-header__en.is-animate .js-typo--21 {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}
.c-lower-header__en.is-animate .js-typo--22 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}
.c-lower-header__en.is-animate .js-typo--23 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}
.c-lower-header__en.is-animate .js-typo--24 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}
.c-lower-header__en.is-animate .js-typo--25 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}
.c-lower-header__en.is-animate .js-typo--26 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}
.c-lower-header__en.is-animate .js-typo--27 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}
.c-lower-header__en.is-animate .js-typo--28 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}
.c-lower-header__en.is-animate .js-typo--29 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}
.c-lower-header__en.is-animate .js-typo--30 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}
.c-lower-header__en.is-animate .js-typo--31 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}
.c-lower-header__en.is-animate .js-typo--32 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}
.c-lower-header__en.is-animate .js-typo--33 {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}
.c-lower-header__en.is-animate .js-typo--34 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}
.c-lower-header__en.is-animate .js-typo--35 {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}
.c-lower-header__en.is-animate .js-typo--36 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}
.c-lower-header__en.is-animate .js-typo--37 {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}
.c-lower-header__en.is-animate .js-typo--38 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}
.c-lower-header__en.is-animate .js-typo--39 {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}
.c-lower-header__en.is-animate .js-typo--40 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}
.c-lower-header__en.is-animate .js-typo--41 {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}
.c-lower-header__en.is-animate .js-typo--42 {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}
.c-lower-header__en.is-animate .js-typo--43 {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}
.c-lower-header__en.is-animate .js-typo--44 {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}
.c-lower-header__en.is-animate .js-typo--45 {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}
.c-lower-header__en.is-animate .js-typo--46 {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}
.c-lower-header__en.is-animate .js-typo--47 {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}
.c-lower-header__en.is-animate .js-typo--48 {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}
.c-lower-header__en.is-animate .js-typo--49 {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}
.c-lower-header__en.is-animate .js-typo--50 {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}
.c-lower-header__en.is-animate .js-typo--51 {
    -webkit-transition-delay: 3.05s;
    transition-delay: 3.05s
}
.c-lower-header__en.is-animate .js-typo--52 {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s
}
.c-lower-header__en.is-animate .js-typo--53 {
    -webkit-transition-delay: 3.15s;
    transition-delay: 3.15s
}
.c-lower-header__en.is-animate .js-typo--54 {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s
}
.c-lower-header__en.is-animate .js-typo--55 {
    -webkit-transition-delay: 3.25s;
    transition-delay: 3.25s
}
.c-lower-header__en.is-animate .js-typo--56 {
    -webkit-transition-delay: 3.3s;
    transition-delay: 3.3s
}
.c-lower-header__en.is-animate .js-typo--57 {
    -webkit-transition-delay: 3.35s;
    transition-delay: 3.35s
}
.c-lower-header__en.is-animate .js-typo--58 {
    -webkit-transition-delay: 3.4s;
    transition-delay: 3.4s
}
.c-lower-header__en.is-animate .js-typo--59 {
    -webkit-transition-delay: 3.45s;
    transition-delay: 3.45s
}
.c-lower-header__en.is-animate .js-typo--60 {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}
.c-lower-header__en.is-animate-fix .js-typo {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-lower-header__en.is-animate-fix .js-typo--1, .c-lower-header__en.is-animate-fix .js-typo--10, .c-lower-header__en.is-animate-fix .js-typo--11, .c-lower-header__en.is-animate-fix .js-typo--12, .c-lower-header__en.is-animate-fix .js-typo--13, .c-lower-header__en.is-animate-fix .js-typo--14, .c-lower-header__en.is-animate-fix .js-typo--15, .c-lower-header__en.is-animate-fix .js-typo--16, .c-lower-header__en.is-animate-fix .js-typo--17, .c-lower-header__en.is-animate-fix .js-typo--18, .c-lower-header__en.is-animate-fix .js-typo--19, .c-lower-header__en.is-animate-fix .js-typo--2, .c-lower-header__en.is-animate-fix .js-typo--20, .c-lower-header__en.is-animate-fix .js-typo--21, .c-lower-header__en.is-animate-fix .js-typo--22, .c-lower-header__en.is-animate-fix .js-typo--23, .c-lower-header__en.is-animate-fix .js-typo--24, .c-lower-header__en.is-animate-fix .js-typo--25, .c-lower-header__en.is-animate-fix .js-typo--26, .c-lower-header__en.is-animate-fix .js-typo--27, .c-lower-header__en.is-animate-fix .js-typo--28, .c-lower-header__en.is-animate-fix .js-typo--29, .c-lower-header__en.is-animate-fix .js-typo--3, .c-lower-header__en.is-animate-fix .js-typo--30, .c-lower-header__en.is-animate-fix .js-typo--31, .c-lower-header__en.is-animate-fix .js-typo--32, .c-lower-header__en.is-animate-fix .js-typo--33, .c-lower-header__en.is-animate-fix .js-typo--34, .c-lower-header__en.is-animate-fix .js-typo--35, .c-lower-header__en.is-animate-fix .js-typo--36, .c-lower-header__en.is-animate-fix .js-typo--37, .c-lower-header__en.is-animate-fix .js-typo--38, .c-lower-header__en.is-animate-fix .js-typo--39, .c-lower-header__en.is-animate-fix .js-typo--4, .c-lower-header__en.is-animate-fix .js-typo--40, .c-lower-header__en.is-animate-fix .js-typo--41, .c-lower-header__en.is-animate-fix .js-typo--42, .c-lower-header__en.is-animate-fix .js-typo--43, .c-lower-header__en.is-animate-fix .js-typo--44, .c-lower-header__en.is-animate-fix .js-typo--45, .c-lower-header__en.is-animate-fix .js-typo--46, .c-lower-header__en.is-animate-fix .js-typo--47, .c-lower-header__en.is-animate-fix .js-typo--48, .c-lower-header__en.is-animate-fix .js-typo--49, .c-lower-header__en.is-animate-fix .js-typo--5, .c-lower-header__en.is-animate-fix .js-typo--50, .c-lower-header__en.is-animate-fix .js-typo--51, .c-lower-header__en.is-animate-fix .js-typo--52, .c-lower-header__en.is-animate-fix .js-typo--53, .c-lower-header__en.is-animate-fix .js-typo--54, .c-lower-header__en.is-animate-fix .js-typo--55, .c-lower-header__en.is-animate-fix .js-typo--56, .c-lower-header__en.is-animate-fix .js-typo--57, .c-lower-header__en.is-animate-fix .js-typo--58, .c-lower-header__en.is-animate-fix .js-typo--59, .c-lower-header__en.is-animate-fix .js-typo--6, .c-lower-header__en.is-animate-fix .js-typo--60, .c-lower-header__en.is-animate-fix .js-typo--7, .c-lower-header__en.is-animate-fix .js-typo--8, .c-lower-header__en.is-animate-fix .js-typo--9 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-lower-header__ja {
    color: #666;
    letter-spacing: .2em;
    opacity: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-lower-header__ja.is-animate {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.c-lower-header__ja.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-lower-header__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9);
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-outline-box, .c-portfolio, .c-reading-box, .c-section-expand {
    position: relative
}
.c-lower-header__bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.c-lower-header__bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

@media all and (min-width:769px) {
.c-outline-box--w10 {
    padding: 20%
}
.c-outline-box--w11 {
    padding: 18.18182%
}
.c-outline-box--w12 {
    padding: 16.66667%
}
.c-outline-box--w13 {
    padding: 15.38462%
}
.c-outline-box--w14 {
    padding: 14.28571%
}
.c-outline-box--w15 {
    padding: 13.33333%
}
.c-outline-box--w16 {
    padding: 12.5%
}
.c-outline-box--w17 {
    padding: 11.76471%
}
.c-outline-box--w18 {
    padding: 11.11111%
}
.c-outline-box--w19 {
    padding: 10.52632%
}
.c-outline-box--w20 {
    padding: 10%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-outline-box {
    padding: 60px 40px
}
}
.c-outline-box__title {
    margin-top: 0;
    margin-bottom: 20px
}
.c-outline-box__title-en {
    line-height: 1.5;
    font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    color:#d2b48c;
    letter-spacing: .08em
}

@media all and (min-width:1025px) {
.c-outline-box__title-en {
    margin-bottom: 8px;
    font-size: 32px;
    font-size: 2rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-outline-box__title-en {
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (max-width:568px) {
.c-outline-box {
    padding: 45px 20px
}
.c-outline-box__title {
    text-align: center
}
.c-outline-box__title-en {
    font-size: 20px;
    font-size: 1.25rem
}
}
.c-outline-box__title-ja {
    letter-spacing: .1em
}

@media all and (min-width:1025px) {
.c-outline-box__title-ja {
    margin-bottom: 25px;
    font-size: 16px;
    font-size: 1rem
}
.c-outline-box__title:after {
    width: 30px;
    height: 2px
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-outline-box__title-ja {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:568px) {
.c-outline-box__title-ja {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: .875rem
}
.c-outline-box__title:after {
    width: 25px;
    height: 1px;
    margin: 0 auto
}
}
.c-outline-box__title:after {
    content: '';
    display: block;
    background-color: #111
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-outline-box__title:after {
    width: 25px;
    height: 1px;
    margin: 0 auto
}
}
.c-outline-box__text {
    line-height: 2.15385;
    margin: 0
}

@media all and (min-width:1025px) {
.c-outline-box__btn {
    margin-top: 30px
}
.c-pickup-data {
    margin-bottom: 40px
}
}
.c-pickup-data {
    line-height: 1;
    text-align: center
}

@media all and (min-width:769px) {
.c-pickup-data {
    font-size: 28px;
    font-size: 1.75rem
}
}

@media all and (max-width:768px) {
.c-pickup-data {
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-outline-box__btn {
    margin-top: 25px;
    text-align: center
}
.c-pickup-data {
    margin-bottom: 20px
}
}

@media all and (max-width:568px) {
.c-outline-box__btn {
    margin-top: 25px;
    text-align: center
}
.c-pickup-data {
    margin-bottom: 10px
}
}
.c-pickup-data strong {
    color: #222;
    font-weight: 400;
    font-family: Catamaran
}

@media all and (min-width:1367px) {
.c-pickup-data strong {
    font-size: 130px;
    font-size: 8.125rem
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.c-pickup-data strong {
    font-size: 100px;
    font-size: 6.25rem
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-pickup-data strong {
    font-size: 100px;
    font-size: 6.25rem
}
}

@media all and (max-width:768px) {
.c-pickup-data strong {
    font-size: 80px;
    font-size: 5rem
}
}
.c-pie-chart {
    overflow: hidden
}
.c-pie-chart svg {
    display: block
}
.c-pie-chart svg text {
    fill: #999;
    font-size: 12px;
    font-size: .75rem
}
.c-pie-chart__notes {
    line-height: 2;
    margin: 20px 0 0;
    padding: 25px 35px;
    font-size: 12px;
    font-size: .75rem;
    background-color: #eee
}
.c-pie-chart__notes-item {
    display: block;
    margin: 0
}
.c-pie-chart__notes-item-icon {
    width: 1.5em;
    display: block;
    float: left
}
.c-pie-chart__notes-item-label {
    display: block;
    overflow: hidden
}

@media all and (min-width:769px) {
.c-portfolio--in-float {
    padding: 14.28571%
}
.c-portfolio__item {
    margin-top: 14.28571%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-portfolio--in-float {
    padding: 60px 40px 40px
}
.c-portfolio__item {
    margin-top: 60px
}
}

@media all and (max-width:568px) {
.c-portfolio--in-float {
    padding: 45px 20px 20px
}
.c-portfolio__item {
    margin-top: 45px
}
}
.c-portfolio__head, .c-portfolio__item:first-of-type, .c-reading-box__head, .c-reading-box__head-underline {
    margin-top: 0
}

@media all and (min-width:1025px) {
.c-portfolio__head {
    margin-bottom: 35px;
    font-size: 24px;
    font-size: 1.5rem
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-portfolio__head {
    margin-bottom: 25px;
    font-size: 21px;
    font-size: 1.3125rem
}
}

@media all and (max-width:768px) {
.c-portfolio__head {
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 1.125rem
}
}
.c-portfolio__text {
    margin: 0;
    line-height: 2.46154
}

@media all and (min-width:1025px) {
.c-portfolio__text {
    margin-bottom: 35px
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-portfolio__text {
    margin-bottom: 25px
}
}

@media all and (max-width:768px) {
.c-portfolio__text {
    margin-bottom: 15px
}
}
.c-reading-box {
    font-family: "Sawarabi Mincho", "小塚明朝 Pro R", "小塚明朝 Std R", "Kozuka Mincho Pro", "Kozuka Mincho Std", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

@media all and (min-width:769px) {
.c-reading-box--w10 {
    padding: 20%
}
.c-reading-box--w10 .c-reading-box--has-margin {
    padding-top: 44.44444%
}
.c-reading-box--w11 {
    padding: 18.18182%
}
.c-reading-box--w11 .c-reading-box--has-margin {
    padding-top: 48.88889%
}
.c-reading-box--w12 {
    padding: 16.66667%
}
.c-reading-box--w12 .c-reading-box--has-margin {
    padding-top: 53.33333%
}
.c-reading-box--w13 {
    padding: 15.38462%
}
.c-reading-box--w13 .c-reading-box--has-margin {
    padding-top: 57.77778%
}
.c-reading-box--w14 {
    padding: 14.28571%
}
.c-reading-box--w14 .c-reading-box--has-margin {
    padding-top: 62.22222%
}
.c-reading-box--w15 {
    padding: 13.33333%
}
.c-reading-box--w15 .c-reading-box--has-margin {
    padding-top: 66.66667%
}
.c-reading-box--w16 {
    padding: 12.5%
}
.c-reading-box--w16 .c-reading-box--has-margin {
    padding-top: 71.11111%
}
.c-reading-box--w17 {
    padding: 11.76471%
}
.c-reading-box--w17 .c-reading-box--has-margin {
    padding-top: 75.55556%
}
.c-reading-box--w18 {
    padding: 11.11111%
}
.c-reading-box--w18 .c-reading-box--has-margin {
    padding-top: 80%
}
.c-reading-box--w19 {
    padding: 10.52632%
}
.c-reading-box--w19 .c-reading-box--has-margin {
    padding-top: 84.44444%
}
.c-reading-box--w20 {
    padding: 10%
}
.c-reading-box--w20 .c-reading-box--has-margin {
    padding-top: 88.88889%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-reading-box {
    padding: 60px 40px
}
}

@media all and (min-width:1025px) {
.c-reading-box__head {
    margin-bottom: 25px;
    font-size: 24px;
    font-size: 1.5rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-reading-box__head {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (max-width:568px) {
.c-reading-box {
    padding: 45px 20px
}
.c-reading-box__head {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (min-width:1025px) {
.c-reading-box__head-underline {
    line-height: 2.05;
    margin-bottom: 25px;
    font-size: 20px;
    font-size: 1.25rem
}
.c-reading-box__head-underline:after {
    width: 30px;
    height: 2px;
    margin-top: 22px
}
}
.c-reading-box__head-underline:after {
    content: '';
    display: block;
    background-color: #111
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-reading-box__head-underline {
    line-height: 2.05;
    margin-bottom: 20px;
    font-size: 17px;
    font-size: 1.0625rem
}
.c-reading-box__head-underline:after {
    width: 25px;
    height: 1px;
    margin-top: 22px
}
}

@media all and (max-width:568px) {
.c-reading-box__head-underline {
    line-height: 2.05;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: .875rem
}
.c-reading-box__head-underline:after {
    width: 25px;
    height: 1px;
    margin-top: 22px
}
}
.c-section-expand__image img, .c-section-float__image img {
    width: 100%;
    display: block
}
.c-reading-box p:first-of-type {
    margin-top: 0
}

@media all and (min-width:1025px) {
.c-reading-box p {
    line-height: 2.46154;
    margin: 2.46154em 0 0
}
}

@media all and (max-width:1024px) {
.c-reading-box p {
    line-height: 2;
    margin: 2em 0 0
}
}
.is-ie .c-reading-box {
    font-family: "小塚明朝 Pro R", "小塚明朝 Std R", "Kozuka Mincho Pro", "Kozuka Mincho Std", "游明朝", "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

@media all and (min-width:769px) {
.c-section-expand {
    margin: 0 3.33333% 5.55556%;
    padding: 6.66667% 0
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-section-expand {
    margin-bottom: 50px;
    padding: 60px 40px
}
}

@media all and (max-width:568px) {
.c-section-expand {
    margin-bottom: 50px;
    padding: 60px 20px
}
}
.c-section-expand__body {
    position: relative;
    z-index: 10
}
.c-section-expand__title {
    margin-top: 0;
    line-height: 2;
    letter-spacing: .2em;
    text-align: center
}

@media all and (min-width:1025px) {
.c-section-expand__title {
    margin-bottom: 4.16667%;
    font-size: 24px;
    font-size: 1.5rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-section-expand__title {
    margin-bottom: 40px;
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (max-width:568px) {
.c-section-expand__title {
    margin-bottom: 30px;
    font-size: 15px;
    font-size: .9375rem
}
}
.c-section-expand__title small {
    margin-left: .5em
}

@media all and (min-width:1025px) {
.c-section-expand__title small {
    font-size: 18px;
    font-size: 1.125rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-section-expand__title small {
    font-size: 15px;
    font-size: .9375rem
}
}

@media all and (max-width:568px) {
.c-section-expand__title small {
    font-size: 12px;
    font-size: .75rem
}
}
.c-section-expand__sub-title {
    line-height: 1.9;
    color: #0446a1
}

@media all and (min-width:769px) {
.c-section-expand__sub-title {
    margin: 5.35714% 17.85714% 2.67857%
}
}

@media all and (min-width:1025px) {
.c-section-expand__sub-title {
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-section-expand__sub-title {
    font-size: 18px;
    font-size: 1.125rem
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-section-expand__sub-title {
    margin: 60px 0 0
}
}

@media all and (max-width:568px) {
.c-section-expand__sub-title {
    margin: 40px 0 0;
    font-size: 14px;
    font-size: .875rem
}
}
.c-section-expand__sub-title-number {
    display: inline-block;
    margin-right: .5em
}

@media all and (min-width:769px) {
.c-section-expand__sub-title+.c-section-expand__text:first-of-type {
    margin-top: 2.15385em
}
}

@media all and (max-width:768px) {
.c-section-expand__sub-title+.c-section-expand__text:first-of-type {
    margin-top: 20px
}
}
.c-section-expand__text {
    line-height: 2.15385
}

@media all and (min-width:769px) {
.c-section-expand__text {
    margin: 2.15385em 17.85714% 0
}
}

@media all and (max-width:768px) {
.c-section-expand__text {
    margin: 20px 0 0
}
}
.c-section-expand__text:first-of-type {
    margin-top: 0
}
.c-section-expand__text--center {
    text-align: center
}
.c-section-expand__text--left {
    display: inline-block;
    text-align: left
}

@media all and (min-width:1025px) {
.c-section-expand__text--reading {
    line-height: 2.46154;
    font-size: 13px;
    font-size: .8125rem
}
.c-section-expand__text--reading p {
    margin: 2.28571em 0 0
}
.c-section-expand__body {
    opacity: 0
}
.c-section-expand__body.is-animate {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.c-section-expand__body.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-section-expand__bg {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-section-expand__bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.c-section-expand__bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-expand.js-even .c-section-expand__bg {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}
}
.c-section-expand__text--notes {
    margin-top: 1em;
    color: #666}

@media all and (min-width:569px) {
.c-section-expand__text--notes {
    text-align: right
}
}
.c-section-expand__text--error-message {
    text-align: center;
    margin-bottom: 4.44444%
}
.c-section-expand__text--less-margin {
    margin: 2.15385em 10.71429% 0
}

@media all and (min-width:769px) {
.c-section-expand__image {
    margin: 3.57143% 17.85714%
}
}

@media all and (max-width:768px) {
.c-section-expand__image {
    margin: 30px 0
}
}
.c-section-expand__image:last-of-type {
    margin-bottom: 0
}
.c-section-expand__btn {
    text-align: center
}

@media all and (min-width:769px) {
.c-section-expand__btn {
    margin-top: 4.16667%
}
}

@media all and (max-width:768px) {
.c-section-expand__btn {
    margin-top: 30px
}
}

/*動画を配置するDIV*/
.c-section-expand__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; 
    height: 810px;
   background-color: rgba(255,255,255,.9)/*動画横の白を消すにはこれを削除*/
}
.c-section-float {
    overflow: hidden;
    position: relative
}

@media all and (min-width:569px) {
.c-section-float {
    margin-bottom: 5.55556%
}
}

@media all and (max-width:568px) {
.c-section-float {
    margin-bottom: 50px
}
}
.c-section-float__image {
    position: relative
}
.c-section-float__image picture {
    display: block
}
.c-section-float__contents {
    overflow: hidden;
    box-sizing: border-box;
    position: relative
}

@media all and (min-width:769px) {
.c-section-float__contents--w10 {
    width: 33.33333%
}
.c-section-float__contents--w11 {
    width: 36.66667%
}
.c-section-float__contents--w12 {
    width: 40%
}
.c-section-float__contents--w13 {
    width: 43.33333%
}
.c-section-float__contents--w14 {
    width: 46.66667%
}
.c-section-float__contents--w15 {
    width: 50%
}
.c-section-float__contents--w16 {
    width: 53.33333%
}
.c-section-float__contents--w17 {
    width: 56.66667%
}
.c-section-float__contents--w18 {
    width: 60%
}
.c-section-float__contents--w19 {
    width: 63.33333%
}
.c-section-float__contents--w20 {
    width: 66.66667%
}
.c-section-float__contents--r0 {
    float: right;
    margin-right: 0
}
.c-section-float__contents--l0 {
    float: left;
    margin-left: 0
}
.c-section-float__contents--r1 {
    float: right;
    margin-right: 3.33333%
}
.c-section-float__contents--l1 {
    float: left;
    margin-left: 3.33333%
}
.c-section-float__contents--r2 {
    float: right;
    margin-right: 6.66667%
}
.c-section-float__contents--l2 {
    float: left;
    margin-left: 6.66667%
}
.c-section-float__contents--r3 {
    float: right;
    margin-right: 10%
}
.c-section-float__contents--l3 {
    float: left;
    margin-left: 10%
}
.c-section-float__contents--r4 {
    float: right;
    margin-right: 13.33333%
}
.c-section-float__contents--l4 {
    float: left;
    margin-left: 13.33333%
}
.c-section-float__contents--r5 {
    float: right;
    margin-right: 16.66667%
}
.c-section-float__contents--l5 {
    float: left;
    margin-left: 16.66667%
}
.c-section-float__contents--over-r1 {
    margin-right: -4.33333%;
    z-index: 2
}
.c-section-float__contents--over-l1 {
    margin-left: -4.33333%;
    z-index: 2
}
.c-section-float__contents--mt10 {
    margin-top: .55556%
}
.c-section-float__contents--mt20 {
    margin-top: 1.11111%
}
.c-section-float__contents--mt30 {
    margin-top: 1.66667%
}
.c-section-float__contents--mt40 {
    margin-top: 2.22222%
}
.c-section-float__contents--mt50 {
    margin-top: 2.77778%
}
.c-section-float__contents--mt60 {
    margin-top: 3.33333%
}
.c-section-float__contents--mt70 {
    margin-top: 3.88889%
}
.c-section-float__contents--mt80 {
    margin-top: 4.44444%
}
.c-section-float__contents--mt90 {
    margin-top: 5%
}
.c-section-float__contents--mt100 {
    margin-top: 5.55556%
}
}
.c-section-float__contents-body {
    position: relative;
    z-index: 10
}
.c-section-float__contents-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media all and (min-width:769px) {
.c-section-float__contents-bg {
    z-index: -1;
    background-color: rgba(255,255,255,.9)
}
}

@media all and (max-width:768px) {
.c-section-float__contents--outline {
    margin: -40px 20px 0
}
.c-section-float__contents--mb {
    margin-bottom: 50px
}
.c-section-float__contents-bg {
    background-color: #fff
}
}

@media all and (min-width:569px) {
.c-section-parallel {
    margin-bottom: 5.55556%
}
}

@media all and (min-width:1025px) {
.c-section-float__image {
    overflow: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-section-float__image.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.c-section-float__image.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-float__image picture {
    -webkit-transform: translate3d(90%, 0, 0);
    transform: translate3d(90%, 0, 0)
}
.c-section-float__image picture.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.c-section-float__image picture.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-float__contents--has-bg .c-section-float__contents-body {
    opacity: 0
}
.c-section-float__contents--has-bg .c-section-float__contents-body.is-animate {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.c-section-float__contents--has-bg .c-section-float__contents-body.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-section-float__contents--has-bg .c-section-float__contents-bg {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-section-float__contents--has-bg .c-section-float__contents-bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.c-section-float__contents--has-bg .c-section-float__contents-bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-section-parallel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.c-section-parallel__item {
    width: 33.33%
}
}

@media all and (min-width:1367px) {
.c-section-parallel {
    padding: 0 10%
}
}

@media all and (min-width:569px) and (max-width:1366px) {
.c-section-parallel {
    padding: 0 6.66667%
}
}

@media all and (max-width:568px) {
.c-section-parallel {
    margin: 0 20px 50px
}
}
.c-section-parallel--expand {
    margin: 0 3.33333% 5.55556%;
    padding: 0
}
.c-section-parallel__item {
    display: block;
    position: relative;
    color: #222;
    text-decoration: none
}

@media all and (max-width:1024px) {
.c-section-parallel__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}
}
.c-section-parallel__item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9)
}
.c-section-parallel__item-image {
    position: relative;
    z-index: 10
}

@media all and (min-width:1025px) {
.c-section-parallel__item--l {
    width: 50%
}
.c-section-parallel__item--s {
    width: 25%
}
.c-section-parallel__item-image {
    padding-top: 66.6%
}
.c-section-parallel__item-image-over, .c-section-parallel__item-image-over-label {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.c-section-parallel__item-image-over-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-family: Catamaran;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3em
}
.c-section-parallel__item-image-over-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.4)
}
}

@media all and (max-width:1024px) {
.c-section-parallel__item-image {
    width: 50%;
    padding-top: 33.3%
}
.c-section-parallel__item-image-over {
    display: none
}
.c-section-parallel__item-body {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
}
.c-section-parallel__item-image-elm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}
.c-section-parallel__item-image-elm--about {
    background-image: url(../img/common/thumb_about.jpg)
}
.c-section-parallel__item-image-elm--lawyer {
    background-image: url(../img/common/thumb_lawyer.jpg)
}
.c-section-parallel__item-image-elm--lawyer-message {
    background-image: url(../img/common/thumb_lawyer_message.jpg)
}
.c-section-parallel__item-image-elm--lawyer-workplace {
    background-image: url(../img/common/thumb_lawyer_workplace.jpg)
}
.c-section-parallel__item-image-elm--lawyer-training {
    background-image: url(../img/common/thumb_lawyer_training.jpg)
}
.c-section-parallel__item-image-elm--lawyer-interview {
    background-image: url(../img/common/thumb_lawyer_interview.jpg)
}
.c-section-parallel__item-image-elm--lawyer-interview-conversation {
    background-image: url(../img/common/thumb_lawyer_interview_conversation.jpg)
}
.c-section-parallel__item-image-elm--lawyer-clerk {
    background-image: url(../img/common/thumb_lawyer_clerk.jpg)
}
.c-section-parallel__item-image-elm--staff {
    background-image: url(../img/common/thumb_staff.jpg)
}
.c-section-parallel__item-image-elm--staff-message {
    background-image: url(../img/common/thumb_staff_message.jpg)
}
.c-section-parallel__item-image-elm--staff-whatwedo {
    background-image: url(../img/common/thumb_staff_whatwedo.jpg)
}
.c-section-parallel__item-image-elm--staff-interview {
    background-image: url(../img/common/thumb_staff_interview.jpg)
}
.c-section-parallel__item-image-elm--staff-workplace {
    background-image: url(../img/common/thumb_staff_workplace.jpg)
}
.c-section-parallel__item-image-elm--staff-life {
    background-image: url(../img/common/thumb_staff_life.jpg)
}
.c-section-parallel__item-image-elm--women {
    background-image: url(../img/common/thumb_women.jpg)
}
.c-section-parallel__item-image-elm--women-lawyer {
    background-image: url(../img/common/thumb_women_lawyer.jpg)
}
.c-section-parallel__item-image-elm--women-staff {
    background-image: url(../img/common/thumb_women_staff.jpg)
}
.c-section-parallel__item-body {
    box-sizing: border-box;
    position: relative;
    z-index: 10
}

@media all and (min-width:1025px) {
.c-section-parallel__item-body {
    padding: 11.45833% 12.5% 12.5%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-section-parallel__item-body {
    padding: 5.88235%
}
}
.c-section-parallel__item-title {
    line-height: 1.5;
    margin-top: 0
}

@media all and (min-width:569px) {
.c-section-parallel__item-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .1em
}
}
.c-tabs__item, .p-about-map__link-google-map {
    letter-spacing: .14em;
    font-family: Catamaran;
    text-transform: uppercase
}

@media all and (max-width:568px) {
.c-section-parallel__item-body {
    padding: 0 20px
}
.c-section-parallel__item-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: .875rem
}
.c-section-parallel__item-excerpt {
    display: none
}
}
.c-section-parallel__item-title--en {
    text-transform: uppercase
}

@media all and (min-width:569px) {
.c-section-parallel__item-excerpt {
    line-height: 2;
    margin-bottom: 20px
}
.c-simple-navi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
}

@media all and (min-width:1025px) {
.c-section-parallel__item-body--l {
    padding: 7.63889% 8.33333% 8.33333%
}
.c-section-parallel__item-body--s {
    padding: 15.27778% 16.66667% 16.66667%
}
.c-section-parallel__item:after {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.c-section-parallel__item.is-animate:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.c-section-parallel__item.is-animate-fix:after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-parallel__item-image {
    opacity: 0
}
.c-section-parallel__item-image.is-animate {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}
.c-section-parallel__item-image.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-parallel__item-image-over-label .js-typo {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(6) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(7) {
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(8) {
    -webkit-transition-delay: .14s;
    transition-delay: .14s
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(9) {
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}
.c-section-parallel__item-image-over-label .js-typo:nth-of-type(10) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}
.c-section-parallel__item-image-over-bg {
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.c-section-parallel__item-body {
    opacity: 0
}
.c-section-parallel__item-body.is-animate {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}
.c-section-parallel__item-body.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-parallel__item:nth-of-type(1).is-animate:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.c-section-parallel__item:nth-of-type(1).is-animate-fix:after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-parallel__item:nth-of-type(1) .c-section-parallel__item-image.is-animate {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
.c-section-parallel__item:nth-of-type(1) .c-section-parallel__item-image.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:nth-of-type(1) .c-section-parallel__item-body.is-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}
.c-section-parallel__item:nth-of-type(1) .c-section-parallel__item-body.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:nth-of-type(2).is-animate:after {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.c-section-parallel__item:nth-of-type(2).is-animate-fix:after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-parallel__item:nth-of-type(2) .c-section-parallel__item-image.is-animate {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.c-section-parallel__item:nth-of-type(2) .c-section-parallel__item-image.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:nth-of-type(2) .c-section-parallel__item-body.is-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}
.c-section-parallel__item:nth-of-type(2) .c-section-parallel__item-body.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:nth-of-type(3).is-animate:after {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.c-section-parallel__item:nth-of-type(3).is-animate-fix:after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-parallel__item:nth-of-type(3) .c-section-parallel__item-image.is-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}
.c-section-parallel__item:nth-of-type(3) .c-section-parallel__item-image.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:nth-of-type(3) .c-section-parallel__item-body.is-animate {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}
.c-section-parallel__item:nth-of-type(3) .c-section-parallel__item-body.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:nth-of-type(4).is-animate:after {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
.c-section-parallel__item:nth-of-type(4).is-animate-fix:after {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.c-section-parallel__item:nth-of-type(4) .c-section-parallel__item-image.is-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}
.c-section-parallel__item:nth-of-type(4) .c-section-parallel__item-image.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:nth-of-type(4) .c-section-parallel__item-body.is-animate {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}
.c-section-parallel__item:nth-of-type(4) .c-section-parallel__item-body.is-animate-fix {
    -webkit-transition-delay: 0;
    transition-delay: 0
}
.c-section-parallel__item:hover .c-section-parallel__item-image-over-label .js-typo {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.c-section-parallel__item:hover .c-section-parallel__item-image-over-bg {
    opacity: 1
}
.c-section-parallel__item:hover .c-learn-more {
    color: #1471ec
}
.c-section-parallel__item:hover .c-arrow {
    width: 40px
}
.c-section-parallel__item:hover .c-arrow__line {
    background-color: #1471ec
}
.c-simple-navi__item {
    border-right: 1px solid #e6e6e6
}
}
.c-simple-navi {
    margin-bottom: 0;
    padding: 0
}

@media all and (min-width:769px) {
.c-simple-navi {
    margin-top: -1.19048%;
    margin-right: 7.14286%;
    margin-left: 7.14286%
}
}

@media all and (max-width:768px) {
.c-simple-navi {
    margin-top: 0
}
}
.c-simple-navi__item {
    display: block;
    box-sizing: border-box;
    text-align: center
}

@media all and (min-width:1367px) {
.c-simple-navi__item {
    width: 25%;
    margin-top: 40px
}
.c-simple-navi__item:nth-child(4n) {
    border-right: 0
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.c-simple-navi__item {
    width: 33.3%;
    margin-top: 30px
}
.c-simple-navi__item:nth-child(3n) {
    border-right: 0
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-simple-navi__item {
    width: 50%;
    margin-top: 20px;
    border-right: 1px solid #e6e6e6
}
.c-simple-navi__item:nth-child(2n) {
    border-right: 0
}
}

@media all and (max-width:568px) {
.c-simple-navi__item {
    margin-top: 25px
}
}
.c-simple-navi__item a {
    width: 100%;
    display: block
}

@media all and (min-width:1025px) {
.c-simple-navi__item a {
    padding: 20px 0
}
.c-simple-navi__item a:hover .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 40ms;
    animation-delay: 40ms
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(5) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .22s;
    animation-delay: .22s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .28s;
    animation-delay: .28s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .34s;
    animation-delay: .34s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .38s;
    animation-delay: .38s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .46s;
    animation-delay: .46s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .52s;
    animation-delay: .52s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}
.c-simple-navi__item a:hover .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .58s;
    animation-delay: .58s
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.c-simple-navi__item a {
    padding: 15px 0
}
}
.c-simple-navi__item a:hover {
    color: #1471ec
}
.c-simple-navi__item a .js-typo {
    display: inline-block
}

@media all and (min-width:769px) {
.c-sub-section-parallel--in-expand {
    margin: 3.57143% 17.85714% 0
}
}

@media all and (max-width:768px) {
.c-sub-section-parallel--in-expand {
    margin-top: 2.15385em
}
}
.c-sub-section {
    box-sizing: border-box
}

@media all and (min-width:769px) {
.c-sub-section--in-expand {
    margin: 3.57143% 17.85714% 0;
    padding-bottom: 3.27381%;
    border: 4px solid #e5e5e5
}
}

@media all and (max-width:768px) {
.c-sub-section--in-expand {
    margin-top: 2.15385em;
    border: 2px solid #e5e5e5
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-sub-section--in-expand {
    padding-bottom: 30px
}
}

@media all and (max-width:568px) {
.c-sub-section--in-expand {
    padding-bottom: 20px
}
}

@media all and (min-width:769px) {
.c-sub-section--in-expand-full {
    margin: 3.57143% 3.57143% 0;
    padding-bottom: 3.27381%;
    border: 4px solid #e5e5e5
}
}

@media all and (max-width:768px) {
.c-sub-section--in-expand-full {
    margin-top: 2.15385em;
    border: 2px solid #e5e5e5
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-sub-section--in-expand-full {
    padding-bottom: 30px
}
}

@media all and (max-width:568px) {
.c-sub-section--in-expand-full {
    padding-bottom: 20px
}
}

@media all and (min-width:769px) {
.c-sub-section--child {
    border: 4px solid #e5e5e5
}
.c-sub-section__title {
    margin-right: 5.55556%;
    margin-left: 5.55556%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-sub-section--child {
    margin-top: 5.55556%
}
.c-sub-section__title {
    margin-bottom: 5.09259%;
    padding: 30px 0
}
}

@media all and (max-width:768px) {
.c-sub-section--child {
    margin-top: 2.15385em;
    border: 2px solid #e5e5e5
}
}
.c-sub-section__title, .c-tabs, .p-form-confirm__item {
    border-bottom: 1px solid #e5e5e5
}
.c-sub-section__title {
    margin-top: 0;
    text-align: center
}

@media all and (min-width:1025px) {
.c-sub-section-parallel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.c-sub-section--child {
    width: 47.22222%
}
.c-sub-section__title {
    margin-bottom: 5.09259%;
    padding: 30px 0;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:1024px) {
.c-sub-section__title {
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-sub-section__title {
    margin-bottom: 30px;
    margin-right: 40px;
    margin-left: 40px;
    padding: 25px 0
}
}

@media all and (max-width:568px) {
.c-sub-section__title {
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 20px 0
}
}
.c-sub-section__body {
    line-height: 2.15385
}

@media all and (min-width:769px) {
.c-sub-section__title--in-expand-full {
    margin-bottom: 3.52564%;
    margin-right: 3.84615%;
    margin-left: 3.84615%
}
.c-sub-section__title--child {
    margin-right: 11.76471%;
    margin-left: 11.76471%
}
.c-sub-section__body {
    margin-right: 5.55556%;
    margin-left: 5.55556%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-sub-section__body {
    margin-right: 40px;
    margin-left: 40px
}
}

@media all and (max-width:568px) {
.c-sub-section__body {
    margin-right: 20px;
    margin-left: 20px
}
}

@media all and (min-width:769px) {
.c-sub-section__body--in-expand-full {
    margin-right: 3.84615%;
    margin-left: 3.84615%
}
.c-sub-section__body--child {
    margin-right: 11.76471%;
    margin-bottom: 11.76471%;
    margin-left: 11.76471%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.c-sub-section__body--child {
    margin-bottom: 40px
}
}

@media all and (max-width:568px) {
.c-sub-section__body--child {
    margin-bottom: 20px
}
}
.c-sub-section__body p {
    margin: 0 0 20px
}
.c-sub-section__parallel-list {
    margin: 0;
    padding: 0;
    color: #666
}
.c-sub-section__parallel-list-item {
    line-height: 1.75;
    box-sizing: border-box;
    margin-bottom: 5px
}

@media all and (min-width:569px) {
.c-sub-section__parallel-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.c-sub-section__parallel-list-item {
    width: 44%;
    margin-right: 2%;
    margin-left: 4%
}
.c-tabs__item {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    font-size: .875rem
}
}
.c-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.c-tabs__item {
    position: relative;
    padding-left: .14em;
    color: #999;
    text-align: center
}
.c-tabs__item--col2 {
    width: 50%
}
.c-tabs__item--col3 {
    width: 33.33%
}

@media all and (max-width:568px) {
.c-sub-section__parallel-list-item {
    margin-right: 20px;
    margin-left: 20px
}
.c-tabs__item {
    padding-top: 20px;
    padding-bottom: 18px;
    font-size: 12px;
    font-size: .75rem
}
}
.c-tabs__item.is-selected {
    color: #111
}
.c-tabs__underline {
    height: 3px;
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    background-color: #ec8642;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.c-tabs__underline.is-selected {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.c-talker {
    display: inline-block;
    padding-right: 1em;
    font-weight: 700
}

@media all and (min-width:769px) {
.c-toggle-list {
    margin: 0 17.85714%
}
}

@media all and (max-width:768px) {
.c-toggle-list {
    margin: 0
}
}
.c-toggle-list__item {
    margin-bottom: 1px
}
.c-toggle-list__item-head {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-color: #eee
}

@media all and (min-width:1025px) {
.c-toggle-list__item-head {
    padding: 30px 11.11111% 30px 5.55556%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-toggle-list__item-head {
    padding: 20px 11.11111% 20px 5.55556%
}
}

@media all and (max-width:768px) {
.c-toggle-list__item-head {
    padding: 20px 40px 20px 20px
}
}
.c-toggle-list__item-head--not-has-body {
    cursor: auto
}
.c-toggle-list__item-head-unit {
    float: left;
    padding-top: 1px
}

@media all and (min-width:769px) {
.c-toggle-list__item-head-unit {
    margin-right: 25px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:768px) {
.c-toggle-list__item-head-unit {
    margin-right: 15px;
    font-size: 14px;
    font-size: .875rem
}
}
.c-toggle-list__item-head-text {
    padding: 2px 0;
    overflow: hidden
}
.c-toggle-list__item-head-arrow {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

@media all and (min-width:769px) {
.c-toggle-list__item-head-text {
    font-size: 14px;
    font-size: .875rem
}
.c-toggle-list__item-head-arrow {
    right: 5.55556%
}
.c-toggle-list__item-body table tr td {
    padding-bottom: 5.55556%
}
}

@media all and (max-width:768px) {
.c-toggle-list__item-head-text {
    font-size: 13px;
    font-size: .8125rem
}
.c-toggle-list__item-head-arrow {
    right: 20px
}
}
.c-toggle-list__item-body {
    height: 0;
    line-height: 2.15385;
    position: relative;
    overflow: hidden;
    background-color: #fff
}
.c-toggle-list__item-body-in {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 5.55556%
}
.c-toggle-list__item-body table {
    width: 100%
}
.c-toggle-list__item-body table tr th {
    vertical-align: top;
    font-weight: 400;
    text-align: left
}
.p-form-confirm__attachment-image, .p-form-confirm__attachment-label {
    vertical-align: bottom;
    display: inline-block
}

@media all and (min-width:1367px) {
.c-toggle-list__item-body table tr th {
    width: 12.5%
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.c-toggle-list__item-body table tr th {
    width: 18.75%
}
}

@media all and (max-width:768px) {
.c-toggle-list__item-body table tr th {
    display: block;
    margin-bottom: 5px
}
.c-toggle-list__item-body table tr td {
    display: block;
    padding-bottom: 20px
}
}
.c-toggle-list__item-body table tr td ol, .c-toggle-list__item-body table tr td p, .c-toggle-list__item-body table tr td ul {
    margin: 0;
    padding: 0 0 0 1.5em
}
.c-toggle-list__item-body table tr:last-child td {
    padding-bottom: 0
}
.c-toggle-list__item.is-opened .c-toggle-list__item-head-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media all and (min-width:1025px) {
.p-about-map {
    margin: 0 10.71429%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.c-toggle-list__item-body table tr th {
    width: 18.75%
}
.p-about-map {
    margin: 0 7.14286%
}
}
.p-about-map__image-l {
    max-width: 100%
}

@media all and (min-width:769px) {
.p-about-map__image-l {
    margin-bottom: 4.54545%
}
}

@media all and (max-width:768px) {
.p-about-map__image-l {
    margin-bottom: 30px
}
}

@media all and (min-width:769px) {
.p-about-map__google-map {
    margin-bottom: 4.54545%;
    padding-top: 56.06061%
}
}

@media all and (max-width:768px) {
.p-about-map__google-map {
    margin-bottom: 30px;
    padding-top: 100%
}
}
.p-about-map__link-google-map {
    font-weight: 700;
    text-align: center
}

@media all and (min-width:769px) {
.p-about-map__link-google-map {
    margin-bottom: 6.06061%
}
.p-about-map__contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
}

@media all and (max-width:768px) {
.p-about-map__link-google-map {
    margin-bottom: 40px
}
}

@media all and (min-width:769px) {
.p-about-map__contents-items {
    width: 45.45455%
}
}
.p-about-map__contents-item {
    width: 100%;
    margin-bottom: 9.09091%
}
.p-about-map__contents-item-head {
    margin-top: 0;
    letter-spacing: .1em
}

@media all and (min-width:1025px) {
.p-about-map__contents-item-head {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-about-map__contents-item-head {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:568px) {
.p-about-map__contents-item-head {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: .875rem
}
}
.p-about-map__contents-item dl, .p-about-map__contents-item p {
    line-height: 2.15385
}
.p-about-map__contents-item dl dt {
    width: 4em;
    float: left
}
.p-about-map__contents-item dl dd {
    overflow: hidden
}
.p-about-map__train-mark:before {
    position: relative;
    top: 4px;
    left: 0;
    margin-right: 2px
}
.p-about-map__train-mark--g:before {
    content: url(../img/about/train_mark_g.png)
}
.p-about-map__train-mark--m:before {
    content: url(../img/about/train_mark_m.png)
}
.p-about-map__train-mark--z:before {
    content: url(../img/about/train_mark_z.png)
}
.p-about-map__train-mark--y:before {
    content: url(../img/about/train_mark_y.png)
}
.p-about-map__train-mark--n:before {
    content: url(../img/about/train_mark_n.png)
}
.p-about-map__image-s {
    max-width: 100%;
    display: block
}

@media all and (min-width:769px) {
.p-about-map__image-s {
    margin-top: 30px
}
}

@media all and (max-width:768px) {
.p-about-map__image-s {
    margin-top: 20px
}
}
.p-breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (min-width:1025px) {
.p-breadcrumbs {
    line-height: 1.5;
    padding: 2.77778% 0;
    font-size: 11px;
    font-size: .6875rem
}
}

@media all and (min-width:1367px) {
.p-breadcrumbs {
    margin: 0 6.66667%;
    padding: 2.77778% 0
}
}

@media all and (min-width:569px) and (max-width:1366px) {
.p-breadcrumbs {
    margin: 0 6.66667%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-breadcrumbs {
    line-height: 2.2;
    font-size: 10px;
    font-size: .625rem
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-breadcrumbs {
    padding: 22px 0
}
}

@media all and (max-width:768px) {
.p-breadcrumbs {
    display: none
}
}
.p-breadcrumbs__item {
    display: inline-block;
    color: #999;
    text-decoration: none;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}
.p-breadcrumbs__item--link {
    cursor: pointer
}
.p-breadcrumbs__item--link:hover {
    color: #0446a1
}
.p-breadcrumbs__item--current, .p-breadcrumbs__item--current:hover {
    color: #222
}
.p-breadcrumbs__arrow {
    width: 5px;
    height: 1px;
    display: inline-block;
    position: relative;
    margin: 0 1em
}
.p-breadcrumbs__arrow-line {
    width: 7px;
    height: 1px;
    position: absolute;
    top: 0;
    left: -1px;
    background-color: #666;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}
.p-breadcrumbs__arrow-line--01 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p-breadcrumbs__arrow-line--02 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.p-careerplan__col {
    box-sizing: border-box;
    background-color: #eee
}
.p-careerplan__year {
    line-height: 1;
    position: relative;
    color: #fff;
    text-align: center;
    letter-spacing: .06em;
    background-color: #fff
}

@media all and (min-width:769px) {
.p-careerplan__year {
    font-size: 12px;
    font-size: .75rem
}
}

@media all and (max-width:768px) {
.p-careerplan__year {
    font-size: 11px;
    font-size: .6875rem
}
}
.p-careerplan__year-in--1 {
    background-color: #3c91ad
}
.p-careerplan__year-in--2 {
    background-color: #3180a1
}
.p-careerplan__year-in--3 {
    background-color: #296d90
}
.p-careerplan__year-in--4 {
    background-color: #235b82
}
.p-careerplan__year-in--5 {
    background-color: #1b4c72
}
.p-careerplan__year-in--6 {
    background-color: #0446a1
}

@media all and (min-width:1367px) {
.p-careerplan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.p-careerplan__col {
    width: 16.66667%;
    border-left: 1px solid #fff
}
.p-careerplan__year {
    height: 152px
}
.p-careerplan__year-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}
.p-careerplan__year-in--1 {
    top: 100px
}
.p-careerplan__year-in--2 {
    top: 80px
}
.p-careerplan__year-in--3 {
    top: 60px
}
.p-careerplan__year-in--4 {
    top: 40px
}
.p-careerplan__year-in--5 {
    top: 20px
}
.p-careerplan__year-in--6 {
    top: 0
}
}

@media all and (min-width:569px) and (max-width:1366px) {
.p-careerplan__year-in {
    padding: 25px 0
}
}

@media all and (max-width:568px) {
.p-careerplan__year-in {
    padding: 15px 0
}
}
.p-careerplan__year-number {
    display: inline-block;
    vertical-align: bottom;
    margin-top: -2px;
    margin-right: 2px
}

@media all and (min-width:769px) {
.p-careerplan__year-number {
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:768px) {
.p-careerplan__year-number {
    font-size: 14px;
    font-size: .875rem
}
}
.p-careerplan__body {
    line-height: 2;
    color: #666
}

@media all and (min-width:1367px) {
.p-careerplan__body {
    padding: 25px 20px 30px
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-careerplan__body {
    padding: 25px 8.33333% 30px
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-careerplan__body {
    padding: 25px 8.33333% 30px
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-careerplan__body {
    padding: 25px 40px 30px
}
}

@media all and (max-width:568px) {
.p-careerplan__body {
    padding: 20px
}
}

@media all and (min-width:769px) {
.p-careerplan__body {
    font-size: 12px;
    font-size: .75rem
}
}

@media all and (max-width:768px) {
.p-careerplan__body {
    font-size: 11px;
    font-size: .6875rem
}
}
.p-careerplan__body ul {
    margin: 0;
    padding: 0 0 0 1.5em
}

@media all and (min-width:1367px) {
.p-careerplan__body ul li {
    margin-top: 1em
}
}

@media all and (max-width:1366px) {
.p-careerplan__body ul li {
    margin-top: .8em
}
}
.p-careerplan__body ul li:first-child {
    margin-top: 0
}

@media all and (min-width:569px) {
.p-entry-fixed {
    display: none
}
.p-entry-navi {
    padding: 4.86111%
}
}

@media all and (max-width:568px) {
.p-entry-fixed {
    height: 60px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 100;
    color: #fff;
    font-size: 15px;
    font-size: .9375rem;
    font-family: Catamaran;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .16em;
    background-color: #0446a1
}
}
.p-entry-navi {
    position: relative
}

@media all and (min-width:1367px) {
.p-entry-navi {
    margin: 0 10% 5.55556%
}
}

@media all and (min-width:569px) and (max-width:1366px) {
.p-entry-navi {
    margin: 0 6.66667% 5.55556%
}
}

@media all and (max-width:568px) {
.p-entry-navi {
    margin: 0 0 50px
}
}

@media all and (max-width:1024px) {
.p-entry-navi {
    padding: 50px 0 60px
}
}
.p-entry-navi__body {
    position: relative;
    z-index: 10
}
.p-entry-navi__title {
    margin-top: 0;
    line-height: 2;
    font-weight: 400;
    letter-spacing: .2em;
    text-align: center
}

@media all and (min-width:1025px) {
.p-entry-navi__title {
    margin-bottom: 4.16667%;
    font-size: 24px;
    font-size: 1.5rem
}
}

@media all and (max-width:568px) {
.p-entry-navi__title {
    margin-bottom: 30px;
    font-size: 15px;
    font-size: .9375rem
}
}
.p-entry-navi__title--en {
    text-transform: uppercase
}
.p-entry-navi__list {
    margin: 0;
    padding: 0
}

@media all and (min-width:569px) {
.p-entry-navi__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-entry-navi__list {
    padding: 0 20px
}
}
.p-entry-navi__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    text-align: center
}

@media all and (min-width:1025px) {
.p-entry-navi__list-item {
    width: 33.3%;
    margin-top: 20px;
    border-right: 1px solid #e6e6e6
}
.p-entry-navi__list-item:nth-child(3n) {
    border-right: 0
}
.p-entry-navi__list-item a {
    padding: 20px 0
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-entry-navi__list-item {
    width: 50%;
    margin-top: 20px;
    border-right: 1px solid #e6e6e6
}
.p-entry-navi__list-item:nth-child(2n) {
    border-right: 0
}
.p-entry-navi__list-item a {
    padding: 15px 0
}
}
.p-entry-navi__list-item a {
    width: 100%;
    display: block
}
.p-entry-navi__list-item a:hover {
    color: #1471ec
}
.p-entry-navi__list-item a .js-typo {
    display: inline-block
}
.p-entry-navi__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9)
}

@media all and (min-width:1025px) {
.p-entry-navi__body {
    opacity: 0
}
.p-entry-navi__body.is-animate {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.p-entry-navi__body.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.p-entry-navi__bg {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.p-entry-navi__bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.p-entry-navi__bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-entry-navi.js-even .p-entry-navi__bg {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}
.p-entry-navi__list-item a:hover .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 40ms;
    animation-delay: 40ms
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(5) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .22s;
    animation-delay: .22s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .28s;
    animation-delay: .28s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .34s;
    animation-delay: .34s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .38s;
    animation-delay: .38s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .46s;
    animation-delay: .46s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .52s;
    animation-delay: .52s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}
.p-entry-navi__list-item a:hover .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .58s;
    animation-delay: .58s
}
}
.p-fotter-sitemap__btn a:after, .p-gnav__hamburger-icon-line {
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

@media all and (min-width:569px) {
.p-form-completion {
    line-height: 2.53846;
    margin-bottom: 2.97619%;
    text-align: center
}
}

@media all and (max-width:568px) {
.p-entry-navi__list-item {
    margin-top: 25px
}
.p-form-completion {
    line-height: 2;
    margin-bottom: 40px
}
}
.p-form-confirm {
    border-top: 1px solid #e5e5e5
}
.p-form-confirm__item-head {
    box-sizing: border-box;
    color: #111;
    font-size: 14px;
    font-size: .875rem
}
.p-form-confirm__item-body {
    word-break: break-all;
    color: #666
}

@media all and (min-width:569px) {
.p-form-confirm {
    line-height: 2.15385;
    margin-bottom: 7.40741%
}
.p-form-confirm__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3.7037%;
    padding-bottom: 3.7037%
}
.p-form-confirm__item-head {
    width: 33.33333%;
    padding-right: 2em
}
.p-form-confirm__item-body {
    width: 66.66667%
}
.p-form-confirm__candidate-head {
    width: 100px
}
}

@media all and (max-width:568px) {
.p-form-confirm {
    line-height: 2;
    margin-bottom: 50px
}
.p-form-confirm__item {
    padding-top: 20px;
    padding-bottom: 20px
}
.p-form-confirm__item-head {
    margin-bottom: 5px
}
.p-form-confirm__item-head br {
    display: none
}
.p-form-confirm__candidate {
    margin-top: 5px
}
}
.p-form-confirm__candidate-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}
.p-form-confirm__candidate-row:first-of-type {
    margin-top: 0
}
.p-form-confirm__candidate-head {
    color: #111
}

@media all and (max-width:568px) {
.p-form-confirm__candidate-head {
    width: 80px
}
.p-form-confirm__attachment {
    margin-top: 10px
}
}

@media all and (min-width:569px) {
.p-form-confirm__attachment-image {
    width: 16.66667%
}
}

@media all and (max-width:568px) {
.p-form-confirm__attachment-image {
    width: 90px
}
}
.p-form-confirm__attachment-label {
    margin-left: 15px
}
.p-form-contents {
    position: relative
}

@media all and (min-width:1025px) {
.p-form-contents {
    margin: 0 17.85714%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-form-contents {
    margin: 0 7.14286%
}
}
.p-form-contents label {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap
}

@media all and (min-width:769px) {
.p-form-contents label {
    margin-right: 60px
}
.p-form-contents input[type=checkbox]+span:before, .p-form-contents input[type=radio]+span:before {
    width: 40px;
    height: 40px
}
}
.p-form-contents input[type=email], .p-form-contents input[type=text] {
    box-sizing: border-box;
    border: 0
}
.p-form-contents input[type=checkbox].has-error+span:before, .p-form-contents input[type=email].has-error, .p-form-contents input[type=radio].has-error+span:before, .p-form-contents input[type=text].has-error {
    border: 2px solid #ec8642
}
.p-form-contents input[type=checkbox], .p-form-contents input[type=radio] {
    display: none
}
.p-form-contents input[type=checkbox]+span, .p-form-contents input[type=radio]+span {
    display: block
}
.p-form-contents input[type=checkbox]+span:before, .p-form-contents input[type=radio]+span:before {
    box-sizing: border-box;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    background-color: #f4f4f4
}
.p-form-contents input[type=checkbox]:checked+span:before, .p-form-contents input[type=radio]:checked+span:before {
    background-image: url(../img/common/check.svg);
    background-position: center center;
    background-repeat: no-repeat
}

@media all and (min-width:769px) {
.p-form-contents input[type=checkbox]:checked+span:before, .p-form-contents input[type=radio]:checked+span:before {
    background-size: 14px auto
}
}

@media all and (max-width:768px) {
.p-form-contents label {
    margin-right: 20px
}
.p-form-contents input[type=checkbox]+span:before, .p-form-contents input[type=radio]+span:before {
    width: 55px;
    height: 55px
}
.p-form-contents input[type=checkbox]:checked+span:before, .p-form-contents input[type=radio]:checked+span:before {
    background-size: 17px auto
}
}
.p-form-contents textarea {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    background-color: #f4f4f4
}
.p-form-contents textarea.has-error {
    border: 2px solid #ec8642
}
.p-form-contents select {
    box-sizing: border-box;
    border: 0;
    background-color: #f4f4f4;
    background-image: url(../img/common/arrow_select.svg);
    background-size: 15px 9px;
    background-repeat: no-repeat
}
.p-form-contents__required {
    color: #ec8642
}
.p-form-contents__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.p-form-contents__input-phone-hyphen, .p-form-contents__input-zipcode-hyphen {
    display: block;
    text-align: center
}
.p-form-contents__flex--wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (min-width:769px) {
.p-form-contents textarea {
    height: 150px;
    padding: 15px 20px
}
.p-form-contents select {
    background-position: right 30px top 50%
}
.p-form-contents__notes {
    margin-bottom: 7.40741%
}
.p-form-contents__flex--has-checkbox {
    margin-top: -20px
}
.p-form-contents__flex--has-checkbox label {
    margin-top: 20px
}
}

@media all and (max-width:768px) {
.p-form-contents select {
    background-position: right 20px top 50%
}
.p-form-contents__notes {
    margin-bottom: 40px
}
.p-form-contents__flex--has-checkbox {
    margin-top: -10px
}
.p-form-contents__flex--has-checkbox label {
    margin-top: 10px
}
}

@media all and (min-width:769px) {
.p-form-contents__item {
    margin-bottom: 50px
}
}

@media all and (max-width:768px) {
.p-form-contents__item {
    margin-bottom: 30px
}
}

@media all and (min-width:769px) {
.p-form-contents__item-head {
    margin-bottom: 20px
}
}

@media all and (max-width:768px) {
.p-form-contents__item-head {
    margin-bottom: 10px
}
}
.p-form-contents__item-body ol, .p-form-contents__item-body p, .p-form-contents__item-body ul {
    line-height: 2.15385;
    color: #878787
}

@media all and (min-width:769px) {
.p-form-contents__item-body ol, .p-form-contents__item-body p, .p-form-contents__item-body ul {
    margin: -15px 0 10px
}
}

@media all and (max-width:768px) {
.p-form-contents__item-body ol, .p-form-contents__item-body p, .p-form-contents__item-body ul {
    margin: -5px 0 10px
}
}
.p-form-contents__item-body ol, .p-form-contents__item-body ul {
    padding-left: 2em
}
.p-form-contents__item-error {
    white-space: pre-wrap;
    color: #ec8642
}
.p-form-contents__input-col1, .p-form-contents__input-col2, .p-form-contents__input-col3, .p-form-contents__input-phone, .p-form-contents__input-zipcode {
    box-sizing: border-box;
    background-color: #f4f4f4
}
.p-form-contents__input-col1 {
    width: 100%
}
.p-form-contents__input-col2 {
    width: 50%;
    margin-left: 3px
}
.p-form-contents__input-col2:first-of-type {
    margin-left: 0
}
.p-form-contents__input-col3 {
    width: 33.3%;
    margin-left: 3px
}
.p-form-contents__input-col3:first-of-type {
    margin-left: 0
}

@media all and (min-width:769px) {
.p-form-contents__item-error {
    margin-top: 12px
}
.p-form-contents__input-col1, .p-form-contents__input-col2, .p-form-contents__input-col3, .p-form-contents__input-phone, .p-form-contents__input-zipcode {
    height: 70px;
    padding: 0 30px
}
.p-form-contents__input-phone {
    width: 22.22222%
}
}

@media all and (max-width:768px) {
.p-form-contents__item-error {
    margin-top: 8px
}
.p-form-contents__input-col1, .p-form-contents__input-col2, .p-form-contents__input-col3, .p-form-contents__input-phone, .p-form-contents__input-zipcode {
    height: 55px;
    padding: 0 20px
}
.p-form-contents__input-phone {
    width: 29.41176%
}
}

@media all and (min-width:769px) {
.p-form-contents__input-phone-hyphen {
    width: 16.66667%
}
}

@media all and (max-width:768px) {
.p-form-contents__input-phone-hyphen {
    width: 5.88235%
}
}

@media all and (min-width:769px) {
.p-form-contents__input-zipcode {
    width: 27.77778%
}
}

@media all and (max-width:768px) {
.p-form-contents__input-zipcode {
    width: 29.41176%
}
}

@media all and (min-width:769px) {
.p-form-contents__input-zipcode-hyphen {
    width: 5.55556%
}
}

@media all and (max-width:768px) {
.p-form-contents__input-zipcode-hyphen {
    width: 5.88235%
}
}

@media all and (min-width:1367px) {
.p-form-contents__checkbox-wrap {
    width: 33.3%
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-form-contents__checkbox-wrap {
    width: 50%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-form-contents__checkbox-wrap {
    width: 50%
}
}

@media all and (max-width:768px) {
.p-form-contents__checkbox-wrap {
    width: 100%
}
}

@media all and (min-width:769px) {
.p-form-contents__btn-zipcode {
    width: 22.22222%;
    margin-left: 5.55556%
}
.p-form-contents__has-unit-input {
    height: 70px;
    padding: 0 30px
}
}

@media all and (max-width:768px) {
.p-form-contents__btn-zipcode {
    width: 29.41176%;
    margin-left: 5.88235%
}
}
.p-form-contents__has-unit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4
}

@media all and (min-width:1367px) {
.p-form-contents__has-unit {
    width: 22.22222%;
    margin-top: 20px
}
}

@media all and (min-width:569px) and (max-width:1366px) {
.p-form-contents__has-unit {
    width: 33.33333%;
    margin-top: 20px
}
}

@media all and (max-width:568px) {
.p-form-contents__has-unit {
    width: 44.44444%;
    margin-top: 10px
}
}
.p-form-contents__has-unit-input {
    width: 75%;
    box-sizing: border-box;
    border: 0;
    background-color: #f4f4f4
}

@media all and (max-width:768px) {
.p-form-contents__has-unit-input {
    height: 55px;
    padding: 0 20px
}
}
.p-form-contents__has-unit-label {
    width: 25%;
    display: block;
    box-sizing: border-box;
    padding-left: 8%
}
.p-form-contents__attachment, .p-form-contents__candidate-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.p-form-contents__candidate-row {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media all and (min-width:769px) {
.p-form-contents__candidate select {
    height: 70px;
    padding: 0 20px;
    background-position: right 20px top 50%
}
}

@media all and (min-width:1367px) {
.p-form-contents__candidate select {
    width: 16.66667%
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-form-contents__candidate select {
    width: 22.22222%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-form-contents__candidate select {
    width: 22.22222%
}
}

@media all and (max-width:768px) {
.p-form-contents__candidate select {
    width: 100px;
    height: 55px;
    padding: 0 10px;
    background-position: right 10px top 50%
}
}

@media all and (min-width:769px) {
.p-form-contents__candidate-label {
    padding-left: 30px
}
}

@media all and (max-width:768px) {
.p-form-contents__candidate-label {
    padding-left: 20px
}
}
.p-form-contents__attachment {
    box-sizing: border-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4
}
.p-form-contents__attachment.has-error {
    border: 2px solid #ec8642
}
.p-form-contents__attachment input {
    width: 100%
}
.p-form-contents__free-text {
    line-height: 2.15385
}

@media all and (min-width:769px) {
.p-form-contents__attachment {
    height: 70px;
    margin-top: 15px;
    padding: 0 20px
}
.p-form-contents__free-text {
    margin: 7.40741% 0
}
}

@media all and (max-width:768px) {
.p-form-contents__attachment {
    height: 55px;
    padding: 0 10px
}
.p-form-contents__free-text {
    margin: 40px 0
}
}
.p-form-contents__policy {
    line-height: 2.15385;
    padding: 5.55556%;
    border: 1px solid #e3e3e3;
    background-color: #fff
}

@media all and (min-width:769px) {
.p-form-contents__policy {
    margin: 7.40741% 0
}
}

@media all and (max-width:768px) {
.p-form-contents__policy {
    margin: 40px 0
}
}
.p-form-contents__policy p {
    margin-top: 0
}

@media all and (min-width:769px) {
.p-form-contents__policy p {
    margin-bottom: 30px
}
}

@media all and (max-width:768px) {
.p-form-contents__policy p {
    margin-bottom: 10px
}
}
.p-form-contents__submit-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.p-form-required-count {
    text-align: center
}

@media all and (min-width:1025px) {
.p-form-required-count {
    width: 22.22222%;
    right: -11.11111%
}
}

@media all and (min-width:1367px) {
.p-form-required-count {
    height: 90px
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-form-required-count {
    height: 75px
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-form-required-count {
    width: 180px;
    height: 75px;
    right: 0
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-form-required-count {
    width: 180px;
    height: 60px;
    right: 0
}
}

@media all and (max-width:568px) {
.p-form-required-count {
    height: 60px;
    margin: 0 -20px 40px
}
}
.p-form-required-count__wrap {
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media all and (min-width:569px) {
.p-form-required-count {
    position: absolute;
    top: 0
}
.p-form-required-count__wrap {
    width: 100%;
    line-height: 1.5;
    position: absolute;
    top: 0;
    border: 1px solid #0446a1;
    color: #222;
    font-size: 11px;
    font-size: .6875rem;
    background-color: #fff
}
}

@media all and (min-width:1367px) {
.p-form-required-count__wrap {
    height: 90px;
    padding-top: 25px
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-form-required-count__wrap {
    height: 75px;
    padding-top: 18px
}
}
.p-form-required-count__wrap.is-fixed {
    position: fixed;
    z-index: 100
}

@media all and (min-width:1025px) {
.p-form-required-count__wrap.is-fixed {
    width: 13.33333%;
    top: 0;
    right: 13.33333%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-form-required-count__wrap {
    height: 75px;
    padding-top: 18px
}
.p-form-required-count__wrap.is-fixed {
    width: 180px;
    top: 0;
    right: 16.66667%
}
}

@media all and (max-width:568px) {
.p-form-required-count__wrap {
    height: 60px;
    padding-top: 13px;
    color: #fff;
    font-size: 10px;
    font-size: .625rem;
    letter-spacing: .3em;
    background-color: #0446a1
}
.p-form-required-count__wrap br {
    display: none
}
.p-form-required-count__wrap.is-fixed {
    top: 0;
    right: 0;
    left: 60px
}
}
.p-form-required-count__number {
    margin: 0 .1em
}

@media all and (min-width:569px) {
.p-form-required-count__number {
    color: #0446a1;
    font-size: 18px;
    font-size: 1.125rem
}
}

@media all and (max-width:568px) {
.p-form-required-count__number {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: .14em
}
}
.p-form-step {
    overflow: hidden
}

@media all and (min-width:1025px) {
.p-form-step {
    margin-bottom: 5.35714%
}
.p-form-step__wrap {
    width: 28.57143%
}
}

@media all and (max-width:1024px) {
.p-form-step {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 50px;
    padding: 0 20px
}
}
.p-form-step__wrap {
    height: 45px;
    position: relative;
    margin: 0 auto
}

@media all and (max-width:1024px) {
.p-form-step__wrap {
    width: 80%;
    max-width: 260px
}
}
.p-form-step__item {
    position: absolute;
    z-index: 2
}
.p-form-step__item--step3 {
    width: 50%
}
.p-form-step__item--step3-01 {
    left: 0
}
.p-form-step__item--step3-02 {
    left: 50%
}
.p-form-step__item--step3-03 {
    left: 100%
}
.p-form-step__item--step4 {
    width: 33.3%
}
.p-form-step__item--step4-01 {
    left: 0
}
.p-form-step__item--step4-02 {
    left: 33.3%
}
.p-form-step__item--step4-03 {
    left: 66.6%
}
.p-form-step__item--step4-04 {
    left: 100%
}
.p-form-step__item-circle {
    width: 15px;
    height: 15px;
    margin-left: -7px;
    box-sizing: border-box;
    border: 2px solid #0446a1;
    border-radius: 50%;
    background-color: #fff
}
.p-form-step__item-circle.is-current {
    background-color: #0446a1
}
.p-form-step__item-label {
    margin-top: 12px;
    margin-left: -100%;
    color: #999;
    text-align: center
}
.p-form-step__item-label.is-current {
    color: #222
}

@media all and (min-width:1025px) {
.p-form-step__item-label {
    font-size: 11px;
    font-size: .6875rem
}
.p-fotter-sitemap__list-item a:hover .js-typo {
    -webkit-animation-name: mouseonListItem;
    animation-name: mouseonListItem;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 10ms;
    animation-delay: 10ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(5) {
    -webkit-animation-delay: 40ms;
    animation-delay: 40ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(6) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(7) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(8) {
    -webkit-animation-delay: 70ms;
    animation-delay: 70ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(9) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(10) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .11s;
    animation-delay: .11s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .13s;
    animation-delay: .13s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .17s;
    animation-delay: .17s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .19s;
    animation-delay: .19s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .22s;
    animation-delay: .22s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .23s;
    animation-delay: .23s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .28s;
    animation-delay: .28s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .29s;
    animation-delay: .29s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(31) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(32) {
    -webkit-animation-delay: .31s;
    animation-delay: .31s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(33) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(34) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(35) {
    -webkit-animation-delay: .34s;
    animation-delay: .34s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(36) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(37) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(38) {
    -webkit-animation-delay: .37s;
    animation-delay: .37s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(39) {
    -webkit-animation-delay: .38s;
    animation-delay: .38s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(40) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(41) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(42) {
    -webkit-animation-delay: .41s;
    animation-delay: .41s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(43) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(44) {
    -webkit-animation-delay: .43s;
    animation-delay: .43s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(45) {
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(46) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(47) {
    -webkit-animation-delay: .46s;
    animation-delay: .46s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(48) {
    -webkit-animation-delay: .47s;
    animation-delay: .47s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(49) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.p-fotter-sitemap__list-item a:hover .js-typo:nth-of-type(50) {
    -webkit-animation-delay: .49s;
    animation-delay: .49s
}
}

@media all and (max-width:1024px) {
.p-form-step__item-label {
    font-size: 9px;
    font-size: .5625rem
}
}
.p-form-step__line {
    height: 1px;
    position: absolute;
    top: 7px;
    right: 0;
    left: 0;
    background-color: #e5e5e5
}
.p-fotter-sitemap {
    color: #666;
    letter-spacing: .1em;
    border-bottom: 1px solid #e5e5e5
}

@media all and (min-width:769px) {
.p-fotter-sitemap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-bottom: 60px
}
.p-fotter-sitemap__column {
    width: 27.27273%
}
}

@media all and (max-width:768px) {
.p-fotter-sitemap {
    margin-bottom: 20px;
    padding-bottom: 30px
}
}
.p-fotter-sitemap__section {
    border-top: 1px solid #e5e5e5;
    margin-top: 25px;
    padding-top: 25px
}

@media all and (min-width:769px) {
.p-fotter-sitemap__section:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}
.p-fotter-sitemap__list-item {
    font-size: 11px;
    font-size: .6875rem
}
}
.p-fotter-sitemap__list {
    margin: 0;
    padding: 0
}
.p-fotter-sitemap__list-item {
    display: block;
    margin: 0 0 5px
}

@media all and (max-width:768px) {
.p-fotter-sitemap__list-item {
    font-size: 12px;
    font-size: .75rem;
    text-align: center
}
.p-fotter-sitemap__address {
    text-align: center
}
}
.p-fotter-sitemap__list-item a {
    color: #666;
    text-decoration: none
}
.p-fotter-sitemap__list-item a .js-typo {
    display: inline-block
}

@media all and (min-width:569px) {
.p-fotter-sitemap__address {
    line-height: 2.45455;
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 11px;
    font-size: .6875rem
}
}

@media all and (max-width:568px) {
.p-fotter-sitemap__address {
    line-height: 2;
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: .75rem
}
}

@media all and (max-width:768px) {
.p-fotter-sitemap__btn {
    text-align: center
}
}
.p-fotter-sitemap__btn a {
    display: inline-block;
    position: relative;
    padding: 3px 18px 2px;
    color: #fff;
    font-size: 11px;
    font-size: .6875rem;
    font-family: Catamaran;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}
.p-fotter-sitemap__btn a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0446a1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-fotter-sitemap__btn-label {
    position: relative;
    z-index: 2
}
.p-fotter-sitemap__btn a:hover:after {
    background-color: #b0c4de
}
.p-gnav {
    text-align: left
}
.p-index-eyecatch__content-label-l, .p-index-introduction {
    text-align: center
}
.p-gnav__hamburger {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    pointer-events: auto
}

@media all and (min-width:1367px) {
.p-gnav__hamburger {
    width: 13.33333%;
    height: 90px
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-gnav__hamburger {
    width: 13.33333%;
    height: 75px
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-gnav__hamburger {
    width: 16.66667%;
    height: 75px
}
}

@media all and (max-width:568px) {
.p-gnav__hamburger {
    width: 60px;
    height: 60px
}
.p-gnav__hamburger-label {
    display: none
}
}
.p-gnav__hamburger-icon {
    position: relative;
    z-index: 2
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon {
    width: 20px;
    height: 2px
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon {
    width: 15px;
    height: 1px
}
}
.p-gnav__hamburger-icon-line {
    position: absolute;
    background-color: #000;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-gnav__column-wrap, .p-gnav__list-item {
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line {
    width: 20px;
    height: 2px
}
.p-gnav__hamburger-label {
    margin-left: 18px
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line {
    width: 15px;
    height: 1px
}
}
.p-gnav__hamburger-label {
    position: relative;
    z-index: 2;
    font-size: 13px;
    font-size: .8125rem;
    font-family: Catamaran;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .16em
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-gnav__hamburger-label {
    margin-left: 8px
}
}
.p-gnav__hamburger-label .js-typo {
    display: inline-block
}
.p-gnav__hamburger-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff
}
.p-gnav__contents {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    pointer-events: none
}

@media all and (min-width:1367px) {
.p-gnav__contents {
    top: 90px
}
}

@media all and (min-width:569px) and (max-width:1366px) {
.p-gnav__contents {
    top: 75px
}
}

@media all and (max-width:568px) {
.p-gnav__contents {
    top: 60px
}
}
.p-gnav__column {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2
}

@media all and (min-width:1025px) {
.p-gnav__column {
    width: 26.66667%
}
}
.p-gnav__column--01 {
    left: 0
}

@media all and (min-width:569px) and (max-width:768px) {
.p-gnav__column--01 {
    right: 240px
}
}

@media all and (max-width:568px) {
.p-gnav__column--01 {
    right: 120px
}
}
.p-gnav__column--02 {
    z-index: 2
}

@media all and (min-width:1025px) {
.p-gnav__column--02 {
    left: 26.66667%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-gnav__column--01 {
    width: 33.3%
}
.p-gnav__column--02 {
    width: 33.3%;
    left: 33.3%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-gnav__column--02 {
    left: 60px;
    right: 180px
}
}

@media all and (max-width:568px) {
.p-gnav__column--02 {
    left: 60px;
    right: 60px
}
}
.p-gnav__column--03 {
    z-index: 3
}

@media all and (min-width:1025px) {
.p-gnav__column--03 {
    left: 53.33333%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-gnav__column--03 {
    width: 33.4%;
    left: 66.6%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-gnav__column--03 {
    left: 120px;
    right: 120px
}
}

@media all and (max-width:568px) {
.p-gnav__column--03 {
    left: 120px;
    right: 0
}
}
.p-gnav__column-overlay, .p-gnav__list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
.p-gnav__column-wrap {
    height: 100%
}
.p-gnav__column-wrap--01 {
    background-color: #eee
}
.p-gnav__column-wrap--02 {
    background-color: #f8f8f8
}
.p-gnav__column-wrap--03 {
    background-color: #fff
}
.p-gnav__column-overlay {
    bottom: 0;
    z-index: 100
}
.p-gnav__list {
    height: 100%;
    overflow: hidden;
    z-index: 10;
    padding: 0
}
.p-gnav__list-inner {
    box-sizing: border-box
}

@media all and (min-width:1025px) {
.p-gnav__list-inner {
    padding: 40px 12.5%
}
}

@media all and (max-width:1024px) {
.p-gnav__list-inner {
    padding: 30px 0
}
}
.p-gnav__list-item {
    display: block;
    color: #777;
    font-size: 14px;
}
.p-gnav__list-item-wrap {
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    position: relative
}

@media all and (min-width:1025px) {
.p-gnav__list-item-wrap {
    padding: 20px 20px 20px 16.66667%
}
}

@media all and (max-width:1024px) {
.p-gnav__list-item-wrap {
    padding: 16px 20px 16px 60px
}
}
.p-gnav__list-item .js-typo {
    display: inline-block
}
.p-gnav__list-item a {
    color: #777;
    text-decoration: none
}
.p-gnav__list-item-icon {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 50%;
    margin-top: -15px
}

@media all and (min-width:1025px) {
.p-gnav__list-item-wrap--last {
    padding-left: 0
}
.p-gnav__list-item-icon {
    left: 0
}
}

@media all and (max-width:1024px) {
.p-gnav__list-item-wrap--last {
    padding-left: 40px;
    padding-right: 20px
}
.p-gnav__list-item-icon {
    left: 14px
}
}
.p-gnav__list-item-icon-line {
    position: absolute;
    z-index: 2;
    background-color: #999
}
.p-gnav__list-item-icon-line--cross1 {
    width: 11px;
    height: 1px;
    top: 15px;
    left: 10px
}
.p-gnav__list-item-icon-line--cross2 {
    width: 1px;
    height: 11px;
    top: 10px;
    left: 15px
}
.p-gnav__list-item-icon-bg {
    width: 31px;
    height: 31px;
    display: block;
    border-radius: 50%;
    background-color: #0446a1
}
.p-gnav__bg {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5)
}
.p-gnav .ps-scrollbar-y, .p-gnav .ps-scrollbar-y-rail {
    width: 1px;
    position: absolute;
    right: 0
}
.p-gnav__hamburger-icon-line--top {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--top {
    -webkit-transform: translateY(-6px) scaleX(1);
    -ms-transform: translateY(-6px) scaleX(1);
    transform: translateY(-6px) scaleX(1)
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--top {
    -webkit-transform: translateY(-4px) scaleX(1);
    -ms-transform: translateY(-4px) scaleX(1);
    transform: translateY(-4px) scaleX(1)
}
}
.p-gnav__hamburger-icon-line--top.is-opened {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--top.is-opened {
    -webkit-transform: translateY(-6px) scaleX(0);
    -ms-transform: translateY(-6px) scaleX(0);
    transform: translateY(-6px) scaleX(0)
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--top.is-opened {
    -webkit-transform: translateY(-4px) scaleX(0);
    -ms-transform: translateY(-4px) scaleX(0);
    transform: translateY(-4px) scaleX(0)
}
}
.p-gnav__hamburger-icon-line--middle {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}
.p-gnav__hamburger-icon-line--middle.is-opened {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-delay: 30ms;
    transition-delay: 30ms
}
.p-gnav__hamburger-icon-line--bottom {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-delay: .21s;
    transition-delay: .21s
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--bottom {
    -webkit-transform: translateY(6px) scaleX(1);
    -ms-transform: translateY(6px) scaleX(1);
    transform: translateY(6px) scaleX(1)
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--bottom {
    -webkit-transform: translateY(4px) scaleX(1);
    -ms-transform: translateY(4px) scaleX(1);
    transform: translateY(4px) scaleX(1)
}
}
.p-gnav__hamburger-icon-line--bottom.is-opened {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--bottom.is-opened {
    -webkit-transform: translateY(6px) scaleX(0);
    -ms-transform: translateY(6px) scaleX(0);
    transform: translateY(6px) scaleX(0)
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--bottom.is-opened {
    -webkit-transform: translateY(4px) scaleX(0);
    -ms-transform: translateY(4px) scaleX(0);
    transform: translateY(4px) scaleX(0)
}
}
.p-gnav__hamburger-icon-line--cross1 {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--cross1 {
    -webkit-transform: translate(3px, 7.25px) rotate(-45deg) scaleX(0);
    -ms-transform: translate(3px, 7.25px) rotate(-45deg) scaleX(0);
    transform: translate(3px, 7.25px) rotate(-45deg) scaleX(0)
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--cross1 {
    -webkit-transform: translate(1px, 5.3px) rotate(-45deg) scaleX(0);
    -ms-transform: translate(1px, 5.3px) rotate(-45deg) scaleX(0);
    transform: translate(1px, 5.3px) rotate(-45deg) scaleX(0)
}
}
.p-gnav__hamburger-icon-line--cross1.is-opened {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--cross1.is-opened {
    -webkit-transform: translate(3px, 7.25px) rotate(-45deg) scaleX(1);
    -ms-transform: translate(3px, 7.25px) rotate(-45deg) scaleX(1);
    transform: translate(3px, 7.25px) rotate(-45deg) scaleX(1)
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--cross1.is-opened {
    -webkit-transform: translate(1px, 5.3px) rotate(-45deg) scaleX(1);
    -ms-transform: translate(1px, 5.3px) rotate(-45deg) scaleX(1);
    transform: translate(1px, 5.3px) rotate(-45deg) scaleX(1)
}
}
.p-gnav__hamburger-icon-line--cross2 {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--cross2 {
    -webkit-transform: translate(3px, -7.25px) rotate(45deg) scaleX(0);
    -ms-transform: translate(3px, -7.25px) rotate(45deg) scaleX(0);
    transform: translate(3px, -7.25px) rotate(45deg) scaleX(0)
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--cross2 {
    -webkit-transform: translate(1px, -5.3px) rotate(45deg) scaleX(0);
    -ms-transform: translate(1px, -5.3px) rotate(45deg) scaleX(0);
    transform: translate(1px, -5.3px) rotate(45deg) scaleX(0)
}
}
.p-gnav__hamburger-icon-line--cross2.is-opened {
    -webkit-transition-delay: .21s;
    transition-delay: .21s
}

@media all and (min-width:1025px) {
.p-gnav__hamburger-icon-line--cross2.is-opened {
    -webkit-transform: translate(3px, -7.25px) rotate(45deg) scaleX(1);
    -ms-transform: translate(3px, -7.25px) rotate(45deg) scaleX(1);
    transform: translate(3px, -7.25px) rotate(45deg) scaleX(1)
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo {
    -webkit-animation-name: mouseonButtonStr;
    animation-name: mouseonButtonStr;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(5) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .69s;
    animation-delay: .69s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .78s;
    animation-delay: .78s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .81s;
    animation-delay: .81s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}
.p-gnav__hamburger:hover .p-gnav__hamburger-label .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .87s;
    animation-delay: .87s
}
}

@media all and (max-width:1024px) {
.p-gnav__hamburger-icon-line--cross2.is-opened {
    -webkit-transform: translate(1px, -5.3px) rotate(45deg) scaleX(1);
    -ms-transform: translate(1px, -5.3px) rotate(45deg) scaleX(1);
    transform: translate(1px, -5.3px) rotate(45deg) scaleX(1)
}
}
.p-gnav__contents.is-opened {
    pointer-events: auto
}
.p-gnav__column {
    pointer-events: none;
    -webkit-perspective: 500px;
    perspective: 500px
}
.p-gnav__column.is-opened {
    pointer-events: auto
}
.p-gnav__column-wrap {
    opacity: 0;
    -webkit-transform: rotateY(10deg);
    transform: rotateY(10deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-gnav__column-wrap.is-opened {
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}
.p-gnav__column-overlay {
    display: none
}

@media all and (max-width:768px) {
.p-gnav__column-overlay.is-availabled {
    display: block
}
.p-index-eyecatch-bg__item, .p-index-eyecatch-bg__item-in {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.p-index-eyecatch-bg__item-in {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.p-index-eyecatch-bg__item-in--01 {
    background-image: url(../img/index/kv_bg_sp01.jpg)
}
.p-index-eyecatch-bg__item-in--02 {
    background-image: url(../img/index/kv_bg_sp02.jpg)
}
.p-index-eyecatch-bg__item-in--03 {
    background-image: url(../img/index/kv_bg_sp03.jpg)
}
.p-index-eyecatch-bg__item-in--04 {
    background-image: url(../img/index/kv_bg_sp04.jpg)
}
.p-index-eyecatch-bg__item-in--05 {
    background-image: url(../img/index/kv_bg_sp05.jpg)
}
.p-index-eyecatch-bg__item-in--06 {
    background-image: url(../img/index/kv_bg_sp06.jpg)
}
.p-index-eyecatch-bg__item-in--07 {
    background-image: url(../img/index/kv_bg_sp07.jpg)
}
.p-index-eyecatch-bg__item-in--08 {
    background-image: url(../img/index/kv_bg_sp08.jpg)
}
.p-index-eyecatch-bg__item-in--09 {
    background-image: url(../img/index/kv_bg_sp09.jpg)
}
}
.p-gnav__list {
    pointer-events: none
}
.p-gnav__list-item {
    opacity: 0;
    -webkit-transform: translateX(-1em);
    -ms-transform: translateX(-1em);
    transform: translateX(-1em);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-gnav__list-item-icon-line.is-current {
    background-color: #fff
}
.p-gnav__list-item-icon-bg {
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-gnav__list-item-icon-bg.is-current {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.p-gnav__list.is-opened {
    pointer-events: auto
}
.p-gnav__list.is-opened .p-gnav__list-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(3) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(4) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(5) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(6) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(7) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(8) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(9) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(10) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(11) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(12) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(13) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(14) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(15) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(16) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(17) {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(18) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(19) {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}
.p-gnav__list.is-opened .p-gnav__list-item:nth-of-type(20) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.p-gnav__bg {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}
.p-gnav__bg.is-opened {
    opacity: 1
}
.p-index-eyecatch {
    box-sizing: border-box;
    overflow: hidden
}

@media all and (min-width:1367px) {
.p-index-eyecatch {
    margin-top: -90px;
    padding-top: 90px
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-index-eyecatch {
    margin-top: -75px;
    padding-top: 75px
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-index-eyecatch {
    margin-top: -75px;
    padding-top: 75px
}
}

@media all and (max-width:768px) {
.p-index-eyecatch-bg__item {
    opacity: 0
}
.p-index-eyecatch-bg__item.is-animate {
    opacity: 1;
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}
.p-index-eyecatch-bg__item.is-foremost {
    z-index: 2
}
.p-index-eyecatch-bg__item-in {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.p-index-eyecatch-bg__item-in.is-animate {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 8s;
    transition-duration: 8s
}
.p-index-eyecatch {
    margin-top: -60px;
    padding-top: 60px
}
.p-index-eyecatch__video {
    display: none
}
}
.p-index-eyecatch__wrap {
    position: relative;
    height: 100%
}
.p-index-eyecatch__video-in {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #111
}

@media all and (min-width:769px) {
.p-index-eyecatch-bg__item {
    display: none
}
.p-index-eyecatch {
    margin-bottom: 5.55556%
}
.p-index-eyecatch__video {
    width: 93.33333%;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    margin-top: 3.33333%;
    margin-bottom: 8.33333%
}
.p-index-eyecatch__video video {
    width: 100%;
    display: block
}
.p-index-eyecatch__content {
    width: 80%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3.33333%;
    padding-top: 4.44444%;
    padding-bottom: 3.88889%
}
.p-index-eyecatch__content-body {
    position: relative
}
}
.p-index-eyecatch__content-body {
    z-index: 10
}

@media all and (max-width:768px) {
.p-index-eyecatch__content-body {
    position: absolute;
    bottom: 95px;
    right: 0;
    left: 0;
    color: #fff
}
.p-index-eyecatch__content-label-l {
    display: none
}
}
.p-index-eyecatch__content-label {
    position: relative
}

@media all and (min-width:1025px) {
.p-gnav__list-item:hover .js-typo {
    -webkit-animation-name: mouseonListItem;
    animation-name: mouseonListItem;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    animation-timing-function: cubic-bezier(.785, .135, .15, .86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.p-gnav__list-item:hover .js-typo:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(2) {
    -webkit-animation-delay: 20ms;
    animation-delay: 20ms
}
.p-gnav__list-item:hover .js-typo:nth-of-type(3) {
    -webkit-animation-delay: 40ms;
    animation-delay: 40ms
}
.p-gnav__list-item:hover .js-typo:nth-of-type(4) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms
}
.p-gnav__list-item:hover .js-typo:nth-of-type(5) {
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}
.p-gnav__list-item:hover .js-typo:nth-of-type(6) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(7) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(8) {
    -webkit-animation-delay: .14s;
    animation-delay: .14s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(9) {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(10) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(11) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(12) {
    -webkit-animation-delay: .22s;
    animation-delay: .22s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(13) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(14) {
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(15) {
    -webkit-animation-delay: .28s;
    animation-delay: .28s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(16) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(17) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(18) {
    -webkit-animation-delay: .34s;
    animation-delay: .34s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(19) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(20) {
    -webkit-animation-delay: .38s;
    animation-delay: .38s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(21) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(22) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(23) {
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(24) {
    -webkit-animation-delay: .46s;
    animation-delay: .46s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(25) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(26) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(27) {
    -webkit-animation-delay: .52s;
    animation-delay: .52s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(28) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(29) {
    -webkit-animation-delay: .56s;
    animation-delay: .56s
}
.p-gnav__list-item:hover .js-typo:nth-of-type(30) {
    -webkit-animation-delay: .58s;
    animation-delay: .58s
}
.p-index-eyecatch__content-label-l {
    line-height: 1;
    margin-bottom: 25px;
    font-size: 54px;
    font-size: 3.375rem
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-index-eyecatch__content-label-l {
    line-height: 1;
    margin-bottom: 15px;
    font-size: 42px;
    font-size: 2.625rem
}
}
.p-index-eyecatch__content-label-l .js-typo {
    display: inline-block
}
.p-index-eyecatch__content-label-l .js-typo-wrap {
    display: inline-block;
    white-space: nowrap
}

@media all and (max-width:768px) {
.p-index-eyecatch__content-label-l-m {
    line-height: 1.07143;
    margin-bottom: 12px;
    font-size: 42px;
    font-size: 2.625rem;
    text-align: center
}
}
.p-index-eyecatch__content-label-s {
    line-height: 1.8;
    text-align: center
}
.p-index-eyecatch__content-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media all and (min-width:769px) {
.p-index-eyecatch__content-label-l-m {
    display: none
}
.p-index-eyecatch__content-label-s {
    font-size: 16px;
    font-size: 1rem
}
.p-index-eyecatch__content-bg {
    background-color: rgba(255,255,255,.9)
}
}

@media all and (max-width:768px) {
.p-index-eyecatch__content-label-s {
    font-size: 12px;
    font-size: .75rem
}
.p-index-eyecatch__content-bg {
    background-color: #111
}
}

@media all and (min-width:569px) {
.p-index-eyecatch__scroll {
    width: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
    padding-top: 5.55556%;
    margin: 0 auto;
    font-size: 12px;
    font-size: .75rem;
    font-family: Catamaran;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .32em
}
}

@media all and (max-width:568px) {
.p-index-eyecatch__scroll {
    display: none
}
}
.p-index-eyecatch__scroll-bar {
    width: 1px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #d7d7d7
}
@-webkit-keyframes animateScrollBar {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
80% {
-webkit-transform:translateY(200%);
transform:translateY(200%)
}
}
@keyframes animateScrollBar {
0% {
-webkit-transform:translateY(-100%);
transform:translateY(-100%)
}
80% {
-webkit-transform:translateY(200%);
transform:translateY(200%)
}
}
.p-index-eyecatch__scroll-bar-in {
    height: 80%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #143659;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}
.p-index-eyecatch__scroll-bar-in.is-animate {
    -webkit-animation-name: animateScrollBar;
    animation-name: animateScrollBar;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

@media all and (min-width:769px) {
.p-index-eyecatch__video-in {
    overflow: hidden;
    -webkit-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0)
}
.p-index-eyecatch__video-in.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.p-index-eyecatch__video-in.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-index-eyecatch__video video {
    -webkit-transform: translate3d(-75%, 0, 0);
    transform: translate3d(-75%, 0, 0)
}
.p-index-eyecatch__video video.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.p-index-eyecatch__video video.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-index-eyecatch__content-label-l {
    opacity: 0
}
.p-index-eyecatch__content-label-l .js-typo {
    opacity: 0;
    display: inline-block;
    -webkit-transform: scale(1.4) translateX(-6px);
    -ms-transform: scale(1.4) translateX(-6px);
    transform: scale(1.4) translateX(-6px)
}
.p-index-eyecatch__content-label-l .js-typo-wrap {
    display: inline-block;
    white-space: nowrap
}
.p-index-eyecatch__content-label-l.is-animate {
    opacity: 1
}
.p-index-eyecatch__content-label-l.is-animate .js-typo {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--1 {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--2 {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--3 {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--4 {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--5 {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--6 {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--7 {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--8 {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--9 {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--10 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--11 {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--12 {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--13 {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--14 {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--15 {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--16 {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--17 {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--18 {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--19 {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--20 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--21 {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--22 {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--23 {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--24 {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--25 {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--26 {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--27 {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--28 {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--29 {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--30 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--31 {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--32 {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--33 {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--34 {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--35 {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--36 {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--37 {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--38 {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--39 {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--40 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--41 {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--42 {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--43 {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--44 {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--45 {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--46 {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--47 {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--48 {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--49 {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--50 {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--51 {
    -webkit-transition-delay: 3.05s;
    transition-delay: 3.05s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--52 {
    -webkit-transition-delay: 3.1s;
    transition-delay: 3.1s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--53 {
    -webkit-transition-delay: 3.15s;
    transition-delay: 3.15s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--54 {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--55 {
    -webkit-transition-delay: 3.25s;
    transition-delay: 3.25s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--56 {
    -webkit-transition-delay: 3.3s;
    transition-delay: 3.3s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--57 {
    -webkit-transition-delay: 3.35s;
    transition-delay: 3.35s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--58 {
    -webkit-transition-delay: 3.4s;
    transition-delay: 3.4s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--59 {
    -webkit-transition-delay: 3.45s;
    transition-delay: 3.45s
}
.p-index-eyecatch__content-label-l.is-animate .js-typo--60 {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}
.p-index-eyecatch__content-label-l.is-animate-fix .js-typo {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-index-eyecatch__content-label-l.is-animate-fix .js-typo--1, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--10, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--11, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--12, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--13, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--14, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--15, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--16, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--17, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--18, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--19, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--2, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--20, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--21, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--22, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--23, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--24, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--25, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--26, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--27, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--28, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--29, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--3, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--30, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--31, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--32, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--33, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--34, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--35, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--36, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--37, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--38, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--39, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--4, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--40, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--41, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--42, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--43, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--44, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--45, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--46, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--47, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--48, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--49, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--5, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--50, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--51, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--52, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--53, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--54, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--55, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--56, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--57, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--58, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--59, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--6, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--60, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--7, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--8, .p-index-eyecatch__content-label-l.is-animate-fix .js-typo--9 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.p-index-eyecatch__content-label-s {
    opacity: 0
}
.p-index-eyecatch__content-label-s.is-animate {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.p-index-eyecatch__content-label-s.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.p-index-eyecatch__content-bg {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.p-index-eyecatch__content-bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.p-index-eyecatch__content-bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}





}
.p-index-introduction__title {
    margin: 0 ;
    color: #fff
}

@media all and (min-width:1025px) {
.p-index-introduction__title {
    margin-bottom: 35px
}
}

@media all and (max-width:1024px) {
.p-index-introduction__title {
    margin-bottom: 20px
}
}

@media all and (min-width:569px) {
.p-index-introduction__title br {
    display: none
}
}

/* -----------------------------------------------
 動画上タイトル　
-------------------------------------------------- */

.p-index-introduction__title-en, .p-index-introduction__title-ja {
    display: block;
    letter-spacing: .1em
}

@media all and (min-width:1025px) {
.p-index-introduction__title-ja {
    margin-bottom: 25px;
    font-size: 22px;
    font-size: 1.375rem ;
    font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
}

@media all and (max-width:1024px) {
.p-index-introduction__title-ja {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem;
    font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

}
}
.p-index-introduction__title-en {
        font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

    text-transform: uppercase;
    line-height: 1.19355
}

@media all and (min-width:1025px) {
.p-index-introduction__title-en {
    font-size: 60px;
    font-size: 2.375rem;
    font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

}
.p-index-introduction__text {

    font-size: 16px;
    line-height: 2.64;
    margin-bottom: 50px;
    color:#fff
}
}

@media all and (max-width:1024px) {
.p-index-introduction__title-en {
    font-size: 38px;
    font-size: 1.9375rem;
    font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

}
.p-index-introduction__text {
    line-height: 2;
    margin-bottom: 35px;
    color:#fff
}
}

@media all and (max-width:568px) {
.p-index-introduction__text {
    text-align: left
}
.p-index-introduction__text br {
    display: none
}
}

@media all and (min-width:769px) {
.p-index-introduction__video {
    display: none
}
}

@media all and (max-width:768px) {
.p-index-introduction__btn {
    display: none
}
.p-index-introduction__video {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}
.p-index-introduction__video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}
}

@media all and (min-width:769px) {
.p-index-video-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000000;
    pointer-events: none
}
.p-index-video-modal__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.p-index-video-modal__content-wrap {
    width: 73.33333%;
    position: relative
}
.p-index-video-modal__video {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    pointer-events: none
}
.p-index-video-modal__video-body {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.p-index-video-modal__video-body iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.p-index-video-modal__video-bg {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #111
}
.p-index-video-modal__close {
    cursor: pointer;
    line-height: 1;
    position: absolute;
    top: 2px;
    left: 104.54545%;
    font-family: Catamaran;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .16em
}
.p-index-video-modal__close-icon {
    width: 24px;
    height: 1px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 10px
}
.p-index-video-modal__close-icon:after, .p-index-video-modal__close-icon:before {
    width: 24px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #111
}
.p-index-video-modal__close-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p-index-video-modal__close-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.p-index-video-modal__bg {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9)
}
.p-index-video-modal__video-body.is-opened {
    pointer-events: auto;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.p-index-video-modal__video-bg {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.p-index-video-modal__video-bg.is-animate-opened {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-index-video-modal__video-bg.is-opened {
    background-color: #fff;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.p-index-video-modal__video-bg.is-animate-closed {
    background-color: #111;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}
.p-index-video-modal__close {
    pointer-events: none
}
.p-index-video-modal__close.is-visible {
    pointer-events: auto
}
.p-index-video-modal__close-icon {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}
.p-index-video-modal__close-icon.is-visible {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.p-index-video-modal__close-label {
    display: none;
    vertical-align: middle;
    opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}
.p-index-video-modal__close-label.is-visible {
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.p-index-video-modal__bg {
    pointer-events: none;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.p-index-video-modal__bg.is-animate-opened {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-index-video-modal__bg.is-opened {
    pointer-events: auto;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}
.p-index-video-modal__bg.is-animate-closed {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-index-video {
    cursor: pointer;
    position: fixed;
    top: 50%;
    left: 3.33333%;
    z-index: 101;
    white-space: nowrap;
    margin-top: -.5em;
    font-size: 12px;
    font-size: .75rem;
    color: #0446a1;
    font-family: Catamaran;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .2em;
    -webkit-transform: translate(-50%, 0) rotate(90deg);
    -ms-transform: translate(-50%, 0) rotate(90deg);
    transform: translate(-50%, 0) rotate(90deg)
}
}

@media all and (max-width:768px) {
.p-index-video, .p-index-video-modal {
    display: none
}
}

@media all and (max-width:1024px) {
.p-interview-adjacent-link {
    display: none
}
}

@media all and (min-width:1025px) {
.p-interview-adjacent-link {
    color: #222
}
.p-interview-adjacent-link__label {
    position: fixed;
    top: 50%;
    z-index: 101;
    white-space: nowrap;
    margin-top: -.5em;
    font-size: 12px;
    font-size: .75rem;
    font-family: Catamaran;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .2em
}
.p-interview-adjacent-link__label--next {
    right: 3.33333%;
    -webkit-transform: translate(50%, 0) rotate(90deg);
    -ms-transform: translate(50%, 0) rotate(90deg);
    transform: translate(50%, 0) rotate(90deg)
}
.p-interview-adjacent-link__label--previous {
    left: 3.33333%;
    -webkit-transform: translate(-50%, 0) rotate(90deg);
    -ms-transform: translate(-50%, 0) rotate(90deg);
    transform: translate(-50%, 0) rotate(90deg)
}
.p-interview-adjacent-link__body {
    width: 26.66667%;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    z-index: 100;
    overflow: hidden;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-interview-adjacent-link__body--next {
    right: 0;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}
.p-interview-adjacent-link__body--previous {
    left: 0;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%)
}
.p-interview-adjacent-link__body-in {
    background-color: #fff;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-interview-adjacent-link__body-in--next {
    padding-right: 25%;
    -webkit-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    transform: translateX(-75%)
}
.p-interview-adjacent-link__body-in--previous {
    padding-left: 25%;
    -webkit-transform: translateX(75%);
    -ms-transform: translateX(75%);
    transform: translateX(75%)
}
.p-interview-adjacent-link__thumb {
    width: 100%;
    opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}
.p-interview-adjacent-link__thumb img {
    width: 100%;
    display: block
}
.p-interview-adjacent-link__title {
    padding: 10% 0;
    text-align: center;
    opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.p-interview-adjacent-link__title-career {
    margin-bottom: 12px;
    font-size: 10px;
    font-size: .625rem
}
.p-interview-adjacent-link__title-name {
    font-size: 13px;
    font-size: .8125rem
}
.p-interview-adjacent-link:hover .p-interview-adjacent-link__body--next, .p-interview-adjacent-link:hover .p-interview-adjacent-link__body--previous {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.p-interview-adjacent-link:hover .p-interview-adjacent-link__body-in {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.p-interview-adjacent-link:hover .p-interview-adjacent-link__thumb {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}
.p-interview-adjacent-link:hover .p-interview-adjacent-link__title {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.p-interview-eyecatch__image-in {
    padding-top: 56.21795%
}
}
.p-interview-eyecatch {
    position: relative
}
.p-interview-eyecatch__image {
    overflow: hidden
}
.p-interview-eyecatch__image-in {
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    -webkit-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0)
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-interview-eyecatch__image-in {
    padding-top: 56.21795%
}
}

@media all and (max-width:568px) {
.p-interview-eyecatch__image-in {
    padding-top: 66.66667%
}
}
.p-interview-eyecatch__image picture {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.p-interview-eyecatch__image img {
    width: 100%
}
.p-interview-eyecatch__title {
    box-sizing: border-box;
    position: relative;
    text-align: center
}

@media all and (min-width:769px) {
.p-interview-eyecatch__image {
    margin: 0 6.66667%
}
.p-interview-eyecatch__title {
    margin: -3.33333% 20% 5%;
    padding: 5.55556% 40px
}
.p-interview-eyecatch__title-bg {
    background-color: rgba(255,255,255,.9)
}
}

@media all and (max-width:768px) {
.p-interview-eyecatch__title {
    margin: -40px 20px 40px;
    padding: 35px 20px
}
}
.p-interview-eyecatch__title-wrap {
    margin: 0;
    position: relative;
    z-index: 2
}
.p-interview-eyecatch__title-row1 {
    letter-spacing: .2em
}

@media all and (min-width:1025px) {
.p-interview-eyecatch__title-row1 {
    margin-bottom: 20px;
    font-size: 13px;
    font-size: .8125rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-interview-eyecatch__title-row1 {
    margin-bottom: 10px;
    font-size: 10px;
    font-size: .625rem
}
}

@media all and (max-width:568px) {
.p-interview-eyecatch__title-row1 {
    margin-bottom: 5px;
    font-size: 10px;
    font-size: .625rem
}
}
.p-interview-eyecatch__title-row2 {
    letter-spacing: .05em
}

@media all and (min-width:1025px) {
.p-interview-eyecatch__title-row2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 1.5rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-interview-eyecatch__title-row2 {
    margin-bottom: 13px;
    font-size: 20px;
    font-size: 1.25rem
}
}

@media all and (max-width:568px) {
.p-interview-eyecatch__title-row2 {
    margin-bottom: 7px;
    font-size: 16px;
    font-size: 1rem
}
}
.p-interview-eyecatch__title-row3 {
    letter-spacing: .2em
}

@media all and (max-width:768px) {
.p-interview-eyecatch__title-bg {
    background-color: #fff
}
}
.p-interview-eyecatch__image-in.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.p-interview-eyecatch__image-in.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-interview-eyecatch__image picture {
    -webkit-transform: translate3d(-90%, 0, 0);
    transform: translate3d(-90%, 0, 0)
}
.p-interview-eyecatch__image picture.is-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.p-interview-eyecatch__image picture.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-interview-eyecatch__title-wrap {
    opacity: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.p-interview-eyecatch__title-wrap.is-animate {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}
.p-interview-eyecatch__title-wrap.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.p-interview-eyecatch__title-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.p-interview-list, .p-interview-list__item-image {
    position: relative
}
.p-interview-eyecatch__title-bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}
.p-interview-eyecatch__title-bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-interview-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden
}

@media all and (min-width:1025px) {
.p-interview-eyecatch__title-row3 {
    font-size: 14px;
    font-size: .875rem
}
.p-interview-list {
    margin: 4.16667% 7.14286% 0
}
.p-interview-list__item {
    width: 33.3%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-interview-list {
    margin: 40px 7.14286% 0
}
}

@media all and (max-width:568px) {
.p-interview-list {
    margin-top: 30px;
    margin-bottom: -30px
}
}
.p-interview-list__item {
    overflow: hidden;
    text-decoration: none;
    background-color: #fff
}

@media all and (max-width:1024px) {
.p-interview-eyecatch__title-row3 {
    font-size: 10px;
    font-size: .625rem
}
.p-interview-list__item {
    width: 50%
}
}

@media all and (min-width:1025px) {
.p-interview-list__item--l {
    width: 50%
}
}
.p-interview-list__item-image img {
    width: 100%;
    display: block
}
.p-interview-list__item-body {
    margin: 0 12.5%
}
.p-interview-list__item-body--l {
    margin: 0 8.33333%
}

@media all and (min-width:1025px) {
.p-interview-list__item-image-over, .p-interview-list__item-image-over-bg, .p-interview-list__item-image-over-label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.p-interview-list__item-image-over {
    z-index: 10
}
.p-interview-list__item-image-over-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    color: #fff;
    font-family: Catamaran;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3em
}
.p-interview-list__item-image-over-bg--lawyer {
    background-color: rgba(213,158,104,.2)
}
.p-interview-list__item-image-over-bg--staff {
    background-color: rgba(14,50,66,.2)
}
.p-interview-list__item-body {
    padding: 35px 0
}
.p-interview-list__item-career {
    margin-bottom: 8px;
    font-size: 11px;
    font-size: .6875rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-interview-list__item-body {
    padding: 25px 0 30px
}
}
.p-interview-list__item-career {
    color: #999
}

@media all and (max-width:1024px) {
.p-interview-list__item-image-over {
    display: none
}
.p-interview-list__item-career {
    margin-bottom: 8px;
    font-size: 10px;
    font-size: .625rem
}
}
.p-interview-list__item-name {
    color: #222
}

@media all and (min-width:569px) {
.p-interview-list__item-name {
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (max-width:568px) {
.p-interview-list__item-body {
    padding: 15px 0 20px
}
.p-interview-list__item-name {
    font-size: 11px;
    font-size: .6875rem
}
}
.p-interview-list .ps-scrollbar-x {
    height: 3px;
    cursor: pointer;
    position: absolute;
    margin-top: -1px;
    background-color: #ec8642
}
.p-interview-list .ps-scrollbar-x-rail {
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #e5e5e5
}
.p-interview-list__item-image-over-label .js-typo {
    opacity: 0;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(6) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(7) {
    -webkit-transition-delay: .12s;
    transition-delay: .12s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(8) {
    -webkit-transition-delay: .14s;
    transition-delay: .14s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(9) {
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(10) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(11) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(12) {
    -webkit-transition-delay: .22s;
    transition-delay: .22s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(13) {
    -webkit-transition-delay: .24s;
    transition-delay: .24s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(14) {
    -webkit-transition-delay: .26s;
    transition-delay: .26s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(15) {
    -webkit-transition-delay: .28s;
    transition-delay: .28s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(16) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(17) {
    -webkit-transition-delay: .32s;
    transition-delay: .32s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(18) {
    -webkit-transition-delay: .34s;
    transition-delay: .34s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(19) {
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}
.p-interview-list__item-image-over-label .js-typo:nth-of-type(20) {
    -webkit-transition-delay: .38s;
    transition-delay: .38s
}
.p-interview-list__item-image-over-bg {
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-interview-list__item:hover .p-interview-list__item-image-over-label .js-typo {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.p-interview-list__item:hover .p-interview-list__item-image-over-bg {
    opacity: 1
}
.p-interview-profile {
    position: relative;
    z-index: 10
}
.p-interview-profile__photo img {
    width: 100%;
    display: block
}
.p-interview-profile__head-name-en, .p-interview-profile__head-name-ja, .p-interview-profile__head-position {
    display: inline-block;
    white-space: nowrap
}

@media all and (min-width:769px) {
.p-interview-profile__body {
    padding: 11.10833% 16.66667% 16.66667%
}
.p-interview-profile__head {
    margin-top: 40px;
    margin-bottom: 25px
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-interview-profile__body {
    padding: 60px 40px
}
}

@media all and (max-width:568px) {
.p-interview-profile__body {
    padding: 45px 20px
}
.p-interview-profile__year--l {
    width: 7.5em
}
}

@media all and (max-width:768px) {
.p-interview-profile__head {
    margin-top: 30px;
    margin-bottom: 15px
}
}
.p-interview-profile__head:first-of-type {
    margin-top: 0
}
.p-interview-profile__head-name-ja {
    letter-spacing: .2em;
    margin-right: 15px
}

@media all and (min-width:769px) {
.p-interview-profile__head-name-ja {
    font-size: 18px;
    font-size: 1.125rem
}
}

@media all and (max-width:768px) {
.p-interview-profile__head-name-ja {
    font-size: 16px;
    font-size: 1rem
}
}
.p-interview-profile__head-name-en {
    margin-right: 15px;
    color: #999;
    font-family: Ethos
}
.p-recent-information__item-date, .p-recent-information__title, .u-font-en {
    font-family: Catamaran
}
.p-interview-profile__head-name-en:before {
    content: '('
}
.p-interview-profile__head-name-en:after {
    content: ')'
}

@media all and (min-width:769px) {
.p-interview-profile__head-name-en {
    font-size: 13px;
    font-size: .8125rem
}
}

@media all and (max-width:768px) {
.p-interview-profile__head-name-en {
    font-size: 12px;
    font-size: .75rem
}
}
.p-interview-profile__row {
    overflow: hidden;
    line-height: 2;
    margin-bottom: 8px
}
.p-interview-profile__year {
    min-width: 5em;
    box-sizing: border-box;
    float: left;
    padding-right: 1em
}
.p-interview-profile__year--l {
    padding-right: 0
}
.p-interview-profile__text {
    overflow: hidden
}

@media all and (min-width:769px) {
.p-interview-profile__head-position {
    font-size: 13px;
    font-size: .8125rem
}
.p-interview-profile__year--l {
    width: 7.5em
}
.p-interview-profile__link {
    margin-top: 24px
}
}

@media all and (max-width:768px) {
.p-interview-profile__head-position {
    font-size: 12px;
    font-size: .75rem
}
.p-interview-profile__link {
    margin-top: 15px
}
}
.p-other-interview {
    overflow: hidden;
    position: relative
}

@media all and (min-width:769px) {
.p-other-interview {
    margin: 0 10.71429%
}
}

@media all and (max-width:768px) {
.p-other-interview {
    margin-top: 20px
}
}
.p-other-interview__wrap {
    position: absolute;
    top: 0;
    left: 0
}
.p-other-interview__item {
    overflow: hidden;
    float: left;
    text-decoration: none
}

@media all and (min-width:1025px) {
.p-interview-profile__link a:hover {
    color: #1471ec
}
.p-interview-profile__link a:hover .c-arrow {
    width: 40px
}
.p-interview-profile__link a:hover .c-arrow__line {
    background-color: #1471ec
}
.p-other-interview__item-image {
    margin-bottom: 15px
}
}

@media all and (max-width:1024px) {
.p-other-interview__item-image {
    margin-bottom: 12px
}
}
.p-other-interview__item-image img {
    width: 100%;
    display: block
}
.p-other-interview__item-career {
    color: #999
}

@media all and (min-width:1025px) {
.p-other-interview__item-career {
    margin-bottom: 8px;
    font-size: 11px;
    font-size: .6875rem
}
}

@media all and (max-width:1024px) {
.p-other-interview__item-career {
    margin-bottom: 8px;
    font-size: 10px;
    font-size: .625rem
}
}
.p-other-interview__item-name {
    color: #222
}

@media all and (min-width:1025px) {
.p-other-interview__item-name {
    margin-bottom: 19.44444%;
    font-size: 14px;
    font-size: .875rem
}
}

@media all and (max-width:1024px) {
.p-other-interview__item-name {
    margin-bottom: 21.875%;
    font-size: 11px;
    font-size: .6875rem
}
}
.p-other-interview .ps-scrollbar-x {
    height: 3px;
    cursor: pointer;
    position: absolute;
    margin-top: -1px;
    background-color: #ec8642
}
.p-other-interview .ps-scrollbar-x-rail {
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #e5e5e5
}
.p-pagetop {
    box-sizing: border-box;
    cursor: pointer;
    border: 2px solid #0446a1;
    border-radius: 50%;
    z-index: 20
}

@media all and (min-width:1025px) {
.p-pagetop {
    width: 52px;
    height: 52px;
    position: fixed;
    right: 3.33333%;
    bottom: 40px;
    margin-right: -26px
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-pagetop {
    width: 44px;
    height: 44px;
    position: fixed;
    right: 6.66667%;
    bottom: 40px;
    margin-right: -22px
}
}

@media all and (max-width:568px) {
.p-pagetop {
    width: 44px;
    height: 44px;
    position: relative;
    margin: 80px auto -22px
}
}
.p-pagetop__cursor {
    width: 10px;
    height: 10px;
    border-top: 2px solid #0446a1;
    border-right: 2px solid #0446a1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media all and (min-width:569px) {
.p-pagetop {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}
.p-pagetop.is-visible {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}
}
.p-photo-gallery {
    position: relative
}

@media all and (min-width:1025px) {
.p-photo-gallery {
    margin: 80px 0 5.35714%;
    padding-right: 3.57143%;
    padding-left: 25%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-photo-gallery {
    margin: 40px 7.14286% 0
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-interview-profile__year--l {
    min-width: 14em
}
.p-photo-gallery {
    margin: 40px 0 0
}
}

@media all and (max-width:568px) {
.p-photo-gallery {
    margin: 20px 0 0
}
}
.p-photo-gallery__image {
    overflow: hidden;
    position: relative;
    padding-top: 66.6%;
    background-color: #eee
}
.p-photo-gallery__image-inner {
    cursor: move;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.p-photo-gallery__image-inner.is-animate-prev {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}
.p-photo-gallery__image-inner.is-animate-next {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}
.p-photo-gallery__image-item {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}
.p-photo-gallery__image-item--prev {
    margin-left: -100%
}
.p-photo-gallery__image-item--next {
    margin-left: 100%
}
.p-photo-gallery__body {
    box-sizing: border-box;
    background-color: rgba(255,255,255,.9)
}

@media all and (min-width:1367px) {
.p-photo-gallery__body {
    width: 28.57143%
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-photo-gallery__body {
    width: 32.14286%
}
}

@media all and (min-width:1025px) {
.p-photo-gallery__body {
    position: absolute;
    top: 80px;
    left: 0;
    padding: 7.14286%
}
.p-photo-gallery__body-head {
    margin-bottom: 25px;
    font-size: 16px;
    font-size: 1rem
}
.p-photo-gallery__body-head:after {
    width: 30px;
    height: 2px;
    margin-top: 25px
}
}
.p-photo-gallery__body-head:after {
    content: '';
    display: block;
    background-color: #111
}
.p-photo-gallery__adjacent-line--next2, .p-photo-gallery__adjacent-line--prev2 {
    display: none
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-photo-gallery__body-head {
    margin-bottom: 16px;
    font-size: 14px;
    font-size: .875rem
}
.p-photo-gallery__body-head:after {
    width: 25px;
    height: 1px;
    margin-top: 20px
}
}

@media all and (max-width:568px) {
.p-photo-gallery__body-head {
    margin-bottom: 16px;
    font-size: 12px;
    font-size: .75rem
}
.p-photo-gallery__body-head:after {
    width: 25px;
    height: 1px;
    margin-top: 20px
}
}
.p-photo-gallery__body-text {
    line-height: 2.24;
    color: #666
}

@media all and (min-width:569px) {
.p-photo-gallery__body-text {
    font-size: 12px;
    font-size: .75rem
}
}
.p-photo-gallery__operate {
    background-color: rgba(255,255,255,.9)
}

@media all and (min-width:1025px) {
.p-photo-gallery__operate {
    width: 21.42857%;
    position: absolute;
    right: 3.57143%;
    bottom: 0;
    margin-bottom: -3.57143%;
    padding-top: 7.14286%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-photo-gallery__operate {
    width: 33.3%;
    position: relative;
    margin-top: -5.65%;
    margin-bottom: 10px;
    margin-left: auto;
    padding-top: 11.1%
}
}

@media all and (max-width:568px) {
.p-photo-gallery__body-text {
    font-size: 10px;
    font-size: .625rem
}
.p-photo-gallery__operate {
    width: 50%;
    position: relative;
    margin-top: -8.325%;
    margin-left: auto;
    padding-top: 16.65%
}
}
.p-photo-gallery__adjacent {
    width: 33.3%;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0
}
.p-photo-gallery__adjacent--prev {
    left: 0
}
.p-photo-gallery__adjacent--next {
    left: 33.3%
}
.p-photo-gallery__adjacent-line {
    position: absolute;
    top: 50%;
    left: 50%
}

@media all and (min-width:1025px) {
.p-photo-gallery__adjacent-line {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-photo-gallery__adjacent-line {
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px
}
}

@media all and (max-width:568px) {
.p-photo-gallery__adjacent-line {
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-left: -3px
}
}
.p-photo-gallery__adjacent-line--prev1 {
    border-top: 1px solid #0446a1;
    border-left: 1px solid #0446a1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.p-photo-gallery__adjacent-line--next1 {
    border-top: 1px solid #0446a1;
    border-right: 1px solid #0446a1;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.p-band-chart__chart-items, .p-photo-gallery__page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}
.p-photo-gallery__page {
    width: 33.3%;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}
.p-photo-gallery__page-line {
    width: 1px;
    height: 12px;
    background-color: #999
}

@media all and (min-width:1025px) {
.p-photo-gallery__page-line {
    margin: 0 10px
}
.p-recent-information__title {
    font-size: 24px;
    font-size: 1.5rem
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-photo-gallery__page-line {
    margin: 0 7px
}
}

@media all and (max-width:568px) {
.p-photo-gallery__page-line {
    margin: 0 5px
}
}

@media all and (min-width:769px) {
.p-portfolio__tabs {
    margin: 3.57143% 17.85714% 4.7619%
}
}

@media all and (max-width:768px) {
.p-portfolio__tabs {
    margin-top: 30px;
    margin-bottom: 30px
}
}
.p-recent-information {
    box-sizing: border-box;
    position: relative
}

@media all and (min-width:569px) {
.p-recent-information {
    margin: 0 6.66667%;
    padding: 7.69231% 3.84615%
}
}
.p-recent-information__body {
    position: relative;
    z-index: 10
}
.p-recent-information__title {
    line-height: 1;
    margin: -.5em 0 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .14em
}

@media all and (min-width:569px) {
.p-recent-information__title {
    margin-bottom: 5.55556%
}
}

@media all and (max-width:568px) {
.p-recent-information {
    padding: 60px 20px
}
.p-recent-information__title {
    margin-bottom: 50px
}
}

@media all and (min-width:569px) {
.p-recent-information__tabs {
    margin: -20px 4.16667% 5.55556%
}
}

@media all and (max-width:568px) {
.p-recent-information__tabs {
    margin-top: -18px;
    margin-bottom: 30px
}
}

@media all and (min-width:1025px) {
.p-recent-information__contents-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.p-recent-information__item {
    width: 33.3%;
    box-sizing: border-box;
    padding: 0 4.16667%;
    border-left: 1px solid #e7e7e7
}
.p-recent-information__item:first-child {
    border-left: 0
}
}
.p-recent-information__item {
    display: block;
    color: #222;
    text-decoration: none
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-recent-information__item {
    margin: 0 4.16667%
}
}

@media all and (max-width:1024px) {
.p-recent-information__item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e7e7e7
}
.p-recent-information__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0
}
}
.p-recent-information__item-date {
    line-height: 1;
    color: #999;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .1em
}

@media all and (min-width:569px) {
.p-recent-information__item-date {
    margin-bottom: 15px
}
}

@media all and (max-width:568px) {
.p-recent-information__item-date {
    margin-bottom: 10px
}
}
.p-recent-information__item-body {
    line-height: 2;
    margin-top: 0
}
.p-recruitment-address, .p-table-recruitment {
    line-height: 2.15385
}

@media all and (min-width:569px) {
.p-recent-information__item-body {
    margin-bottom: 20px
}
}

@media all and (max-width:568px) {
.p-recent-information__item-body {
    margin-bottom: 15px
}
}
.p-recent-information__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9)
}

@media all and (min-width:1025px) {
.p-recent-information__body {
    opacity: 0
}
.p-recent-information__body.is-animate {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}
.p-recent-information__body.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}
.p-recent-information__bg {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}
.p-recent-information__bg.is-animate {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}
.p-recent-information__bg.is-animate-fix {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}
.p-recent-information.js-even .p-recent-information__bg {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}
.p-recent-information__item:hover .c-learn-more__label {
    color: #1471ec
}
.p-recent-information__item:hover .c-arrow {
    width: 40px
}
.p-recent-information__item:hover .c-arrow__line {
    background-color: #1471ec
}
.p-recruitment-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5.35714% 17.85714%
}
.p-recruitment-address__item {
    width: 44.44444%
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-recruitment-address {
    margin: 5.35714% 17.85714%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-recruitment-address {
    margin: 45px 0
}
}

@media all and (max-width:568px) {
.p-recruitment-address {
    margin: 30px 0
}
}

@media all and (min-width:769px) and (max-width:1024px) {
.p-recruitment-address__item {
    margin-top: 5.35714%
}
}

@media all and (min-width:569px) and (max-width:768px) {
.p-recruitment-address__item {
    margin: 45px 0
}
}

@media all and (max-width:568px) {
.p-recruitment-address__item {
    margin: 30px 0
}
}
.p-recruitment-address__item-head {
    margin-top: 0
}

@media all and (min-width:769px) {
.p-recruitment-address__item-head {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem
}
}

@media all and (max-width:768px) {
.p-recruitment-address__item-head {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: .875rem
}
}
.p-recruitment-address__item dl, .p-recruitment-address__item p {
    margin: 0
}
.p-recruitment-address__item dl dt {
    float: left
}
.p-recruitment-address__item dl dd {
    overflow: hidden
}

@media all and (min-width:769px) {
.p-table-recruitment {
    width: 64.28571%;
    margin-right: 17.85714%;
    margin-left: 17.85714%
}
}

@media all and (max-width:768px) {
.p-table-recruitment {
    width: 100%
}
}

@media all and (min-width:1025px) {
.p-table-recruitment {
    margin-top: 4.16667%
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.p-table-recruitment {
    margin-top: 40px
}
}

@media all and (max-width:568px) {
.p-table-recruitment {
    margin-top: 30px
}
}
.p-table-recruitment a {
    color: #0446a1;
    text-decoration: none
}
.p-table-recruitment tbody {
    border-bottom: 1px solid #e4e4e4
}
.p-table-recruitment tbody tr {
    border-top: 1px solid #e4e4e4
}

@media all and (max-width:1024px) {
.p-table-recruitment tbody tr {
    display: block;
    padding: 30px 0
}
.p-table-recruitment tbody th {
    display: block;
    margin-bottom: 1em
}
}
.p-table-recruitment tbody th {
    box-sizing: border-box;
    vertical-align: top;
    font-weight: 400;
    text-align: left
}

@media all and (min-width:1367px) {
.p-table-recruitment tbody th {
    width: 16.66667%
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.p-table-recruitment tbody th {
    width: 22.22222%
}
}
.p-table-recruitment tbody td {
    vertical-align: top
}
.p-table-recruitment tbody td ol, .p-table-recruitment tbody td p, .p-table-recruitment tbody td ul {
    margin-bottom: 0
}
.p-table-recruitment tbody td ol:first-child, .p-table-recruitment tbody td p:first-child, .p-table-recruitment tbody td ul:first-child {
    margin-top: 0
}

@media all and (min-width:1025px) {
.p-table-recruitment tbody th {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 5.55556%
}
.p-table-recruitment tbody td {
    padding: 30px 0
}
.p-table-recruitment tbody td ol, .p-table-recruitment tbody td p, .p-table-recruitment tbody td ul {
    margin-top: 2.15385em
}
}

@media all and (max-width:1024px) {
.p-table-recruitment tbody td {
    display: block
}
.p-table-recruitment tbody td ol, .p-table-recruitment tbody td p, .p-table-recruitment tbody td ul {
    margin-top: 1em
}
}
.p-table-recruitment tbody td ol, .p-table-recruitment tbody td ul {
    padding-left: 0
}
.p-table-recruitment tbody td li {
    margin-left: 1.5em
}
.p-sitemap {
    padding: 0 6.66667%
}

@media all and (min-width:769px) {
.p-sitemap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.p-sitemap__wrapper {
    width: 50%
}
}

@media all and (max-width:768px) {
.p-sitemap {
    display: block
}
.p-sitemap__wrapper {
    width: 100%;
    margin: 0 auto
}
}
.p-sitemap__wrapper ul {
    list-style: none;
    margin: 12px 6.66667%;
    padding: 0
}
.p-sitemap__wrapper ul li {
    font-size: 12.5px;
    line-height: 3em;
    position: relative
}
.p-sitemap__wrapper ul li a {
    text-decoration: underline
}
.p-sitemap__list-item-under {
    padding-left: 25px;
    margin-left: 3.33333%
}
.p-sitemap__list-item-under:before {
    content: '';
    width: 15px;
    height: 10px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    left: 0
}
.p-band-chart__chart-items {
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}
.p-band-chart__chart-item {
    color: #fff;
    text-align: center;
    padding: 45px 0;
    background-color: #0446a1
}
.p-band-chart__chart-item:nth-of-type(2) {
    opacity: .9
}
.p-band-chart__chart-item:nth-of-type(3) {
    opacity: .8
}
.p-band-chart__chart-item:nth-of-type(4) {
    opacity: .7
}
.p-band-chart__chart-item:nth-of-type(5) {
    opacity: .6
}
.p-band-chart__chart-item:nth-of-type(6) {
    opacity: .5
}
.p-band-chart__chart-item:nth-of-type(7) {
    opacity: .4
}
.p-band-chart__chart-item:nth-of-type(8) {
    opacity: .3
}
.p-band-chart__chart-item:nth-of-type(9) {
    opacity: .2
}
.p-band-chart__chart-item:nth-of-type(10) {
    opacity: .1
}
.p-band-chart__scale {
    width: 100%;
    height: 18px;
    margin-top: 18px;
    position: relative;
    color: #111
}
.p-band-chart__scale-text-0 {
    position: absolute;
    top: -14px;
    left: -1%
}
.p-band-chart__scale-text-50 {
    position: absolute;
    top: -14px;
    left: 49%
}
.p-band-chart__scale-text-100 {
    position: absolute;
    top: -14px;
    right: -2%
}

@media all and (max-width:1366px) {
.p-band-chart__scale-text-50 {
    left: 48%
}
.p-band-chart__scale-text-100 {
    right: -2%
}
}
.p-band-chart__scale-bar-left {
    width: 46.875%;
    height: 1px;
    background-color: #e4e4e4;
    position: absolute;
    top: 0;
    left: 1%
}
.p-band-chart__scale-bar-right {
    width: 43.75%;
    height: 1px;
    background-color: #e4e4e4;
    position: absolute;
    top: 0;
    left: 53%
}

@media all and (max-width:1366px) {
.p-band-chart__scale-bar-left {
    width: 40.625%;
    left: 4%
}
.p-band-chart__scale-bar-right {
    width: 37.5%;
    left: 55%
}
}

@media all and (max-width:568px) {
.p-band-chart__scale-bar-left {
    width: 40.625%
}
.p-band-chart__scale-bar-right {
    width: 31.25%;
    left: 58%
}
}
.p-band-chart__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 87.5%;
    background-color: #e4e4e4;
    margin-top: 50px;
    padding: 38px 6.25% 28px
}
.p-band-chart__label-item {
    width: 50%;
    line-height: 1.75em;
    margin-bottom: 10px
}
.u-d-b {
    display: block
}
.u-d-ib {
    display: inline-block
}
.u-d-i {
    display: inline
}
.u-font-en {
    text-transform: uppercase
}
.u-font-ethos {
    font-family: Ethos
}
.u-fw-4 {
    font-weight: 400
}
.u-fw-7 {
    font-weight: 700
}

@media all and (min-width:1367px) {
.u-hidden-pc-l {
    display: none
}
}

@media all and (min-width:1025px) and (max-width:1366px) {
.u-hidden-pc-s {
    display: none
}
}

@media all and (min-width:569px) and (max-width:1024px) {
.u-hidden-tablet {
    display: none
}
}

@media all and (max-width:568px) {
.p-band-chart__label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.p-band-chart__label-item {
    width: 90%;
    padding-left: 5%
}
.u-hidden-mobile {
    display: none
}
}

@media all and (min-width:1025px) {
.u-m-t-5 {
    margin-top: 5px
}
}

@media all and (max-width:1024px) {
.u-m-t-5 {
    margin-top: 2.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-10 {
    margin-top: 10px
}
}

@media all and (max-width:1024px) {
.u-m-t-10 {
    margin-top: 5px
}
}

@media all and (min-width:1025px) {
.u-m-t-15 {
    margin-top: 15px
}
}

@media all and (max-width:1024px) {
.u-m-t-15 {
    margin-top: 7.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-20 {
    margin-top: 20px
}
}

@media all and (max-width:1024px) {
.u-m-t-20 {
    margin-top: 10px
}
}

@media all and (min-width:1025px) {
.u-m-t-25 {
    margin-top: 25px
}
}

@media all and (max-width:1024px) {
.u-m-t-25 {
    margin-top: 12.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-30 {
    margin-top: 30px
}
}

@media all and (max-width:1024px) {
.u-m-t-30 {
    margin-top: 15px
}
}

@media all and (min-width:1025px) {
.u-m-t-35 {
    margin-top: 35px
}
}

@media all and (max-width:1024px) {
.u-m-t-35 {
    margin-top: 17.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-40 {
    margin-top: 40px
}
}

@media all and (max-width:1024px) {
.u-m-t-40 {
    margin-top: 20px
}
}

@media all and (min-width:1025px) {
.u-m-t-45 {
    margin-top: 45px
}
}

@media all and (max-width:1024px) {
.u-m-t-45 {
    margin-top: 22.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-50 {
    margin-top: 50px
}
}

@media all and (max-width:1024px) {
.u-m-t-50 {
    margin-top: 25px
}
}

@media all and (min-width:1025px) {
.u-m-t-55 {
    margin-top: 55px
}
}

@media all and (max-width:1024px) {
.u-m-t-55 {
    margin-top: 27.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-60 {
    margin-top: 60px
}
}

@media all and (max-width:1024px) {
.u-m-t-60 {
    margin-top: 30px
}
}

@media all and (min-width:1025px) {
.u-m-t-65 {
    margin-top: 65px
}
}

@media all and (max-width:1024px) {
.u-m-t-65 {
    margin-top: 32.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-70 {
    margin-top: 70px
}
}

@media all and (max-width:1024px) {
.u-m-t-70 {
    margin-top: 35px
}
}

@media all and (min-width:1025px) {
.u-m-t-75 {
    margin-top: 75px
}
}

@media all and (max-width:1024px) {
.u-m-t-75 {
    margin-top: 37.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-80 {
    margin-top: 80px
}
}

@media all and (max-width:1024px) {
.u-m-t-80 {
    margin-top: 40px
}
}

@media all and (min-width:1025px) {
.u-m-t-85 {
    margin-top: 85px
}
}

@media all and (max-width:1024px) {
.u-m-t-85 {
    margin-top: 42.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-90 {
    margin-top: 90px
}
}

@media all and (max-width:1024px) {
.u-m-t-90 {
    margin-top: 45px
}
}

@media all and (min-width:1025px) {
.u-m-t-95 {
    margin-top: 95px
}
}

@media all and (max-width:1024px) {
.u-m-t-95 {
    margin-top: 47.5px
}
}

@media all and (min-width:1025px) {
.u-m-t-100 {
    margin-top: 100px
}
.u-m-b-5 {
    margin-bottom: 5px
}
}

@media all and (max-width:1024px) {
.u-m-t-100 {
    margin-top: 50px
}
.u-m-b-5 {
    margin-bottom: 2.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-10 {
    margin-bottom: 10px
}
}

@media all and (max-width:1024px) {
.u-m-b-10 {
    margin-bottom: 5px
}
}

@media all and (min-width:1025px) {
.u-m-b-15 {
    margin-bottom: 15px
}
}

@media all and (max-width:1024px) {
.u-m-b-15 {
    margin-bottom: 7.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-20 {
    margin-bottom: 20px
}
}

@media all and (max-width:1024px) {
.u-m-b-20 {
    margin-bottom: 10px
}
}

@media all and (min-width:1025px) {
.u-m-b-25 {
    margin-bottom: 25px
}
}

@media all and (max-width:1024px) {
.u-m-b-25 {
    margin-bottom: 12.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-30 {
    margin-bottom: 30px
}
}

@media all and (max-width:1024px) {
.u-m-b-30 {
    margin-bottom: 15px
}
}

@media all and (min-width:1025px) {
.u-m-b-35 {
    margin-bottom: 35px
}
}

@media all and (max-width:1024px) {
.u-m-b-35 {
    margin-bottom: 17.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-40 {
    margin-bottom: 40px
}
}

@media all and (max-width:1024px) {
.u-m-b-40 {
    margin-bottom: 20px
}
}

@media all and (min-width:1025px) {
.u-m-b-45 {
    margin-bottom: 45px
}
}

@media all and (max-width:1024px) {
.u-m-b-45 {
    margin-bottom: 22.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-50 {
    margin-bottom: 50px
}
}

@media all and (max-width:1024px) {
.u-m-b-50 {
    margin-bottom: 25px
}
}

@media all and (min-width:1025px) {
.u-m-b-55 {
    margin-bottom: 55px
}
}

@media all and (max-width:1024px) {
.u-m-b-55 {
    margin-bottom: 27.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-60 {
    margin-bottom: 60px
}
}

@media all and (max-width:1024px) {
.u-m-b-60 {
    margin-bottom: 30px
}
}

@media all and (min-width:1025px) {
.u-m-b-65 {
    margin-bottom: 65px
}
}

@media all and (max-width:1024px) {
.u-m-b-65 {
    margin-bottom: 32.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-70 {
    margin-bottom: 70px
}
}

@media all and (max-width:1024px) {
.u-m-b-70 {
    margin-bottom: 35px
}
}

@media all and (min-width:1025px) {
.u-m-b-75 {
    margin-bottom: 75px
}
}

@media all and (max-width:1024px) {
.u-m-b-75 {
    margin-bottom: 37.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-80 {
    margin-bottom: 80px
}
}

@media all and (max-width:1024px) {
.u-m-b-80 {
    margin-bottom: 40px
}
}

@media all and (min-width:1025px) {
.u-m-b-85 {
    margin-bottom: 85px
}
}

@media all and (max-width:1024px) {
.u-m-b-85 {
    margin-bottom: 42.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-90 {
    margin-bottom: 90px
}
}

@media all and (max-width:1024px) {
.u-m-b-90 {
    margin-bottom: 45px
}
}

@media all and (min-width:1025px) {
.u-m-b-95 {
    margin-bottom: 95px
}
}

@media all and (max-width:1024px) {
.u-m-b-95 {
    margin-bottom: 47.5px
}
}

@media all and (min-width:1025px) {
.u-m-b-100 {
    margin-bottom: 100px
}
.u-m-r-5 {
    margin-right: 5px
}
}

@media all and (max-width:1024px) {
.u-m-b-100 {
    margin-bottom: 50px
}
.u-m-r-5 {
    margin-right: 2.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-10 {
    margin-right: 10px
}
}

@media all and (max-width:1024px) {
.u-m-r-10 {
    margin-right: 5px
}
}

@media all and (min-width:1025px) {
.u-m-r-15 {
    margin-right: 15px
}
}

@media all and (max-width:1024px) {
.u-m-r-15 {
    margin-right: 7.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-20 {
    margin-right: 20px
}
}

@media all and (max-width:1024px) {
.u-m-r-20 {
    margin-right: 10px
}
}

@media all and (min-width:1025px) {
.u-m-r-25 {
    margin-right: 25px
}
}

@media all and (max-width:1024px) {
.u-m-r-25 {
    margin-right: 12.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-30 {
    margin-right: 30px
}
}

@media all and (max-width:1024px) {
.u-m-r-30 {
    margin-right: 15px
}
}

@media all and (min-width:1025px) {
.u-m-r-35 {
    margin-right: 35px
}
}

@media all and (max-width:1024px) {
.u-m-r-35 {
    margin-right: 17.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-40 {
    margin-right: 40px
}
}

@media all and (max-width:1024px) {
.u-m-r-40 {
    margin-right: 20px
}
}

@media all and (min-width:1025px) {
.u-m-r-45 {
    margin-right: 45px
}
}

@media all and (max-width:1024px) {
.u-m-r-45 {
    margin-right: 22.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-50 {
    margin-right: 50px
}
}

@media all and (max-width:1024px) {
.u-m-r-50 {
    margin-right: 25px
}
}

@media all and (min-width:1025px) {
.u-m-r-55 {
    margin-right: 55px
}
}

@media all and (max-width:1024px) {
.u-m-r-55 {
    margin-right: 27.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-60 {
    margin-right: 60px
}
}

@media all and (max-width:1024px) {
.u-m-r-60 {
    margin-right: 30px
}
}

@media all and (min-width:1025px) {
.u-m-r-65 {
    margin-right: 65px
}
}

@media all and (max-width:1024px) {
.u-m-r-65 {
    margin-right: 32.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-70 {
    margin-right: 70px
}
}

@media all and (max-width:1024px) {
.u-m-r-70 {
    margin-right: 35px
}
}

@media all and (min-width:1025px) {
.u-m-r-75 {
    margin-right: 75px
}
}

@media all and (max-width:1024px) {
.u-m-r-75 {
    margin-right: 37.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-80 {
    margin-right: 80px
}
}

@media all and (max-width:1024px) {
.u-m-r-80 {
    margin-right: 40px
}
}

@media all and (min-width:1025px) {
.u-m-r-85 {
    margin-right: 85px
}
}

@media all and (max-width:1024px) {
.u-m-r-85 {
    margin-right: 42.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-90 {
    margin-right: 90px
}
}

@media all and (max-width:1024px) {
.u-m-r-90 {
    margin-right: 45px
}
}

@media all and (min-width:1025px) {
.u-m-r-95 {
    margin-right: 95px
}
}

@media all and (max-width:1024px) {
.u-m-r-95 {
    margin-right: 47.5px
}
}

@media all and (min-width:1025px) {
.u-m-r-100 {
    margin-right: 100px
}
.u-m-l-5 {
    margin-left: 5px
}
}

@media all and (max-width:1024px) {
.u-m-r-100 {
    margin-right: 50px
}
.u-m-l-5 {
    margin-left: 2.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-10 {
    margin-left: 10px
}
}

@media all and (max-width:1024px) {
.u-m-l-10 {
    margin-left: 5px
}
}

@media all and (min-width:1025px) {
.u-m-l-15 {
    margin-left: 15px
}
}

@media all and (max-width:1024px) {
.u-m-l-15 {
    margin-left: 7.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-20 {
    margin-left: 20px
}
}

@media all and (max-width:1024px) {
.u-m-l-20 {
    margin-left: 10px
}
}

@media all and (min-width:1025px) {
.u-m-l-25 {
    margin-left: 25px
}
}

@media all and (max-width:1024px) {
.u-m-l-25 {
    margin-left: 12.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-30 {
    margin-left: 30px
}
}

@media all and (max-width:1024px) {
.u-m-l-30 {
    margin-left: 15px
}
}

@media all and (min-width:1025px) {
.u-m-l-35 {
    margin-left: 35px
}
}

@media all and (max-width:1024px) {
.u-m-l-35 {
    margin-left: 17.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-40 {
    margin-left: 40px
}
}

@media all and (max-width:1024px) {
.u-m-l-40 {
    margin-left: 20px
}
}

@media all and (min-width:1025px) {
.u-m-l-45 {
    margin-left: 45px
}
}

@media all and (max-width:1024px) {
.u-m-l-45 {
    margin-left: 22.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-50 {
    margin-left: 50px
}
}

@media all and (max-width:1024px) {
.u-m-l-50 {
    margin-left: 25px
}
}

@media all and (min-width:1025px) {
.u-m-l-55 {
    margin-left: 55px
}
}

@media all and (max-width:1024px) {
.u-m-l-55 {
    margin-left: 27.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-60 {
    margin-left: 60px
}
}

@media all and (max-width:1024px) {
.u-m-l-60 {
    margin-left: 30px
}
}

@media all and (min-width:1025px) {
.u-m-l-65 {
    margin-left: 65px
}
}

@media all and (max-width:1024px) {
.u-m-l-65 {
    margin-left: 32.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-70 {
    margin-left: 70px
}
}

@media all and (max-width:1024px) {
.u-m-l-70 {
    margin-left: 35px
}
}

@media all and (min-width:1025px) {
.u-m-l-75 {
    margin-left: 75px
}
}

@media all and (max-width:1024px) {
.u-m-l-75 {
    margin-left: 37.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-80 {
    margin-left: 80px
}
}

@media all and (max-width:1024px) {
.u-m-l-80 {
    margin-left: 40px
}
}

@media all and (min-width:1025px) {
.u-m-l-85 {
    margin-left: 85px
}
}

@media all and (max-width:1024px) {
.u-m-l-85 {
    margin-left: 42.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-90 {
    margin-left: 90px
}
}

@media all and (max-width:1024px) {
.u-m-l-90 {
    margin-left: 45px
}
}

@media all and (min-width:1025px) {
.u-m-l-95 {
    margin-left: 95px
}
}

@media all and (max-width:1024px) {
.u-m-l-95 {
    margin-left: 47.5px
}
}

@media all and (min-width:1025px) {
.u-m-l-100 {
    margin-left: 100px
}
}

@media all and (max-width:1024px) {
.u-m-l-100 {
    margin-left: 50px
}
}
.u-reading {
    font-family: "Sawarabi Mincho", "小塚明朝 Pro R", "小塚明朝 Std R", "Kozuka Mincho Pro", "Kozuka Mincho Std", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}
.is-ie .u-reading {
    font-family: "小塚明朝 Pro R", "小塚明朝 Std R", "Kozuka Mincho Pro", "Kozuka Mincho Std", "游明朝", "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}
.u-ta-l {
    text-align: left
}
.u-ta-c {
    text-align: center
}
.u-ta-r {
    text-align: right
}
.u-tt-u {
    text-transform: uppercase
}
.u-tt-l {
    text-transform: lowercase
}
/*中途スタッフ募集要項追加　2017.08.14*/
.c-toggle-list-margin {
    margin-top: 30px
}
.table-padding {
    padding-top: 15px !important;
}
/* Localized */