@charset "UTF-8";@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-display: block;
    font-weight: 300;
    src: url(/recruit/set/common/shared/fonts/NotoSansCJKjp-DemiLight.min.woff2) format("woff2"),url(/recruit/set/common/shared/fonts/NotoSansCJKjp-DemiLight.min.woff) format("woff")
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-display: block;
    font-weight: 400;
    src: url(/recruit/set/common/shared/fonts/NotoSansCJKjp-Regular.min.woff2) format("woff2"),url(/recruit/set/common/shared/fonts/NotoSansCJKjp-Regular.min.woff) format("woff")
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-display: block;
    font-weight: 500;
    src: url(/recruit/set/common/shared/fonts/NotoSansCJKjp-Medium.min.woff2) format("woff2"),url(/recruit/set/common/shared/fonts/NotoSansCJKjp-Medium.min.woff) format("woff")
}

@font-face {
    font-family: "Noto Serif JP";
    font-style: normal;
    font-display: block;
    font-weight: 500;
    src: url(/recruit/set/common/shared/fonts/NotoSerifCJKjp-Medium.min.woff2) format("woff2"),url(/recruit/set/common/shared/fonts/NotoSerifCJKjp-Medium.min.woff) format("woff")
}

@font-face {
    font-family: "Noto Serif JP";
    font-style: normal;
    font-display: block;
    font-weight: 600;
    src: url(/recruit/set/common/shared/fonts/NotoSerifCJKjp-SemiBold.min.woff2) format("woff2"),url(/recruit/set/common/shared/fonts/NotoSerifCJKjp-SemiBold.min.woff) format("woff")
}

@font-face {
    font-family: "Noto Serif JP";
    font-style: normal;
    font-display: block;
    font-weight: 700;
    src: url(/recruit/set/common/shared/fonts/NotoSerifCJKjp-Bold.min.woff2) format("woff2"),url(/recruit/set/common/shared/fonts/NotoSerifCJKjp-Bold.min.woff) format("woff")
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W0);
    font-weight: 100
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W1);
    font-weight: 200
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W2);
    font-weight: 300
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W3);
    font-weight: 400
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W4);
    font-weight: 500
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W5);
    font-weight: 600
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W6);
    font-weight: 700
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W7);
    font-weight: 800
}

@font-face {
    font-family: "Hiragino Sans";
    src: local(HiraginoSans-W8),local(HiraKakuStdN-W8),local(HiraKakuStd-W8);
    font-weight: 900
}

@font-face {
    font-family: "Hiragino Sans W9";
    src: local(HiraginoSans-W9);
    font-weight: 900
}

.l-loading {
    z-index: 999
}

.l-header {
    z-index: 994
}

@media only screen and (min-width: 801px) {
    .l-headerScroll {
        z-index:995
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__btn {
        z-index:997
    }
}

@media only screen and (min-width: 801px) {
    .l-share {
        z-index:997
    }
}

@media only screen and (max-width: 800px) {
    .l-spnav {
        z-index:998
    }
}

@-webkit-keyframes blink {
    75% {
        opacity: 0
    }
}

@keyframes blink {
    75% {
        opacity: 0
    }
}

@-webkit-keyframes scroller {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    15% {
        -webkit-transform: translate3d(0,-98%,0);
        transform: translate3d(0,-98%,0)
    }

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

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

@keyframes scroller {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    15% {
        -webkit-transform: translate3d(0,-98%,0);
        transform: translate3d(0,-98%,0)
    }

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

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

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomOut {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomOut {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes specialmoviesTxt {
    to {
        opacity: 1
    }
}

@keyframes specialmoviesTxt {
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

*,::after,::before {
    background-repeat: no-repeat;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

::after,::before {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    font-family: sans-serif;
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

hr {
    height: 0;
    overflow: visible
}

nav ol,nav ul {
    list-style: none
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

progress {
    vertical-align: baseline
}

small {
    font-size: 83.3333%
}

sub,sup {
    font-size: 83.3333%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

img {
    border-style: none
}

svg {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    outline-width: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,input,select,textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
    font-size: 1em;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],[type=radio] {
    padding: 0
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-cancel-button,::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

[tabindex],a,area,button,input,label,select,textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

[hidden][aria-hidden=false] {
    clip: rect(0,0,0,0);
    display: inherit;
    position: absolute
}

[hidden][aria-hidden=false]:focus {
    clip: auto
}

* {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 1em;
    font-weight: 300;
    margin: 0
}

h2 {
    font-size: 1em;
    font-weight: 300;
    margin: 0
}

h3 {
    font-size: 1em;
    font-weight: 300;
    margin: 0
}

h4 {
    font-size: 1em;
    font-weight: 300;
    margin: 0
}

h5 {
    font-size: 1em;
    font-weight: 300;
    margin: 0
}

h6 {
    font-size: 1em;
    font-weight: 300;
    margin: 0
}

ol li,ul li {
    list-style: none
}

a {
    color: #000;
    text-decoration: none;
    outline: 0
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

button,input,select,textarea {
    font-family: inherit;
    font-weight: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0
}

button {
    cursor: pointer
}

address {
    font-style: normal
}

@-o-viewport {
    width: device-width;
    initial-scale: 1
}

@viewport {
    width: device-width;
    initial-scale: 1
}

@-ms-viewport {
    width: auto;
    initial-scale: 1
}

html {
    width: 100%;
    height: 100%;
    scrollbar-gutter: stable
}

@media only screen and (min-width: 801px) {
    html {
        font-size:62.5%
    }
}

@media only screen and (max-width: 800px) {
    html {
        font-size:1.33333vw
    }
}

@media only screen and (max-width: 544px) {
    html {
        font-size:2.66667vw
    }
}

body {
    width: inherit;
    height: inherit;
    color: #333;
    font-family: "Noto Sans JP",sans-serif;
    font-weight: 300;
    letter-spacing: .04em;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'
}

@media only screen and (min-width: 801px) {
    body {
        line-height:1.7
    }
}

@media only screen and (max-width: 800px) {
    body {
        line-height:1.64286
    }
}

@media only screen and (min-width: 801px) {
    body {
        font-size:1.4rem
    }

    .body-01 {
        font-size:2.4rem
    }
}

@media only screen and (max-width: 800px) {
    body {
        font-size:1.4rem
    }
}

@media only screen and (max-width: 544px) {
    body {
        font-size:1.2rem
    }
}

body a.is-disabled {
    pointer-events: none
}

.l-wrapper {
    min-width: 320px
}

.l-wrapper ::-webkit-scrollbar {
    width: 1px
}

.l-wrapper ::-webkit-scrollbar-track {
    border-radius: 0;
    -webkit-box-shadow: inset 0;
    box-shadow: inset 0
}

.l-wrapper ::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

@media only screen and (min-width: 801px) {
    .l-wrapper {
        min-width:102.4rem;
        overflow: hidden
    }
}

.l-svg {
    display: none
}

.l-header {
    width: 100%;
    color: #fff
}

@media only screen and (min-width: 801px) {
    .l-header {
        position:relative;
        min-width: 102.4rem
    }
}

@media only screen and (min-width: 801px) {
    .l-header__main {
        position:relative;
        height: 7.4rem
    }
}

.l-header__mainInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: #fff
}

@media only screen and (min-width: 801px) {
    .l-header__mainInner {
        height:7.4rem;
        padding-left: 4rem;
        padding-right: .5rem
    }
}

@media only screen and (max-width: 800px) {
    .l-header__mainInner {
        padding-left:2rem;
        position: fixed;
        top: 0;
        left: 0;
        height: 4.8rem;
        z-index: 1000
    }
}

@media only screen and (min-width: 801px) {
    .is-set .l-header__mainInner {
        position:fixed;
        top: 0;
        left: 0;
        z-index: 100;
        height: 6rem;
        -webkit-transform: translate3d(0,-101%,0);
        transform: translate3d(0,-101%,0)
    }
}

@media only screen and (min-width: 801px) {
    .is-hide .l-header__mainInner {
        -webkit-transition:-webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (min-width: 801px) {
    .is-apear .l-header__mainInner {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.l-header__logoLink {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-header__logoLink:hover {
    opacity: .7
}

.l-header__logoScroll,.l-header__logoTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 801px) {
    .is-set .l-header__logoTop {
        display:none
    }
}

.l-header__logoScroll {
    display: none
}

@media only screen and (min-width: 801px) {
    .is-set .l-header__logoScroll {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width: 801px) {
    .is-set .l-header__logoImg,.is-set .l-header__logoSymbol {
        display:none
    }
}

.l-header__logoSymbol {
    width: 11rem
}

.l-header__logoTitle {
    display: none;
    font-size: 1.4rem;
    font-weight: 500;
    white-space: nowrap;
    color: #000
}

@media only screen and (min-width: 801px) {
    .is-set .l-header__logoTitle {
        display:block
    }
}

.l-header__logoTxt {
    display: block;
    margin-left: 1rem;
    line-height: 1;
    font-size: 1.1rem;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 400;
    padding-top: .3rem;
    color: #000
}

@media only screen and (min-width: 801px) {
    .is-set .l-header__logoTxt {
        padding-top:0
    }
}

.l-header__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2rem
}

@media only screen and (max-width: 1100px) {
    .l-header__btn {
        margin-left:.5rem
    }
}

.l-header__btn .c-btn {
    width: 16rem
}

.l-header__btn .c-btn>a {
    height: 6.4rem
}

.is-set .l-header__btn .c-btn>a {
    height: 5.2rem
}

.l-header__btn .c-btn.type1>a>p>strong,.l-header__btn .c-btn.type2>a>p>strong {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .l-header__burger {
        display:none
    }
}

@media only screen and (max-width: 800px) {
    .l-header__burger {
        position:relative;
        display: block;
        width: 4.8rem;
        height: 4.8rem
    }

    .l-header__burger a {
        position: absolute;
        top: 0;
        right: 0;
        display: block
    }

    .l-header__burger a p span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.l-header__burgerItem {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.5rem;
    -webkit-transition: height .2s .2s;
    transition: height .2s .2s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.is-menu-open .l-header__burgerItem {
    -webkit-transition: height .2s;
    transition: height .2s;
    height: 1px
}

.l-header__burgerItem::before {
    width: 100%;
    height: 1px;
    content: '';
    background: #000;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.is-menu-open .l-header__burgerItem::before {
    opacity: 0
}

.l-header__burgerItem>i::after,.l-header__burgerItem>i::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.is-menu-open .l-header__burgerItem>i::after,.is-menu-open .l-header__burgerItem>i::before {
    -webkit-transition: -webkit-transform .2s .2s;
    transition: -webkit-transform .2s .2s;
    transition: transform .2s .2s;
    transition: transform .2s .2s,-webkit-transform .2s .2s
}

.l-header__burgerItem>i::before {
    top: 0
}

.is-menu-open .l-header__burgerItem>i::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.l-header__burgerItem>i::after {
    bottom: 0
}

.is-menu-open .l-header__burgerItem>i::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (min-width: 801px) {
    .l-headerGnav {
        position:relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        height: 4rem;
        background: #000
    }
}

@media only screen and (max-width: 800px) {
    .l-headerGnav {
        display:none
    }
}

.l-headerGnav__lang {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-headerGnav__lang>li>a {
    font-size: 1.4rem;
    color: #999;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.l-headerGnav__lang>li>a:hover {
    color: #fff
}

.l-headerGnav__lang>li:not(:last-child) {
    position: relative;
    padding-right: 2rem;
    margin-right: 1.5rem
}

.l-headerGnav__lang>li:not(:last-child)::before {
    content: '/';
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.l-headerGnav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-headerGnav__menu>li {
    margin-right: 3rem
}

.l-headerGnav__menuLink {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    position: relative;
    padding-right: 1.5rem;
    display: block;
    font-size: 1.3rem;
    color: #fff
}

.l-headerGnav__menuLink:hover {
    opacity: .7
}

.l-headerGnav__menuLink::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    width: 14.4px;
    width: .9rem;
    height: 14.4px;
    height: .9rem;
    content: '';
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.l-headerGnav__menuLink[target='_blank']::before {
    top: calc(50% + 1px);
    right: -3.2px;
    right: -.2rem;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank.svg)
}

.l-headerNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

@media only screen and (max-width: 800px) {
    .l-headerNav {
        display:none
    }
}

.l-headerNav__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.l-headerNav__list {
    height: 100%
}

.l-headerNav__sub {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #333;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    padding: 6rem 4rem 4rem;
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    pointer-events: none
}

.is-current .l-headerNav__sub {
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.l-headerNav__subInner {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-headerNav__subDesc {
    width: 36rem
}

.l-headerNav__subDesc>dt {
    font-size: 3.2rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.25
}

.l-headerNav__subDesc>dt>small {
    display: block;
    color: rgba(255,255,255,.5);
    font-size: 1.5rem;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    margin-top: .8rem
}

.l-headerNav__subDesc>dd {
    font-size: 1.4rem;
    color: #fff;
    font-weight: 400;
    margin-top: 3.5rem
}

.l-headerNav__subMenu {
    width: calc(100% - 36rem);
    overflow: hidden
}

.l-headerNav__subMenuOthers,.l-headerNav__subMenuTopics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.l-headerNav__subMenuOthers,.l-headerNav__subMenuTopics {
    margin: -1.1rem -1.6rem
}

.l-headerNav__subMenuOthers>*,.l-headerNav__subMenuTopics>* {
    padding: 1.1rem 1.6rem
}

.l-headerNav__subMenuOthers>li,.l-headerNav__subMenuTopics>li {
    width: calc(100% / 3)
}

.l-headerNav__subMenuTopics {
    padding-bottom: 3rem
}

.l-headerNav__subMenuOthers {
    padding-top: 3rem;
    border-top: 1px solid rgba(255,255,255,.2)
}

.l-headerNav__subMenuOthers .l-headerNav__itemDesc>dd {
    font-size: 1rem
}

.l-headerNav__trigger {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 2rem;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

@media only screen and (max-width: 1100px) {
    .l-headerNav__trigger {
        padding:.5rem
    }
}

.is-current .l-headerNav__trigger {
    background-color: #333
}

.l-headerNav__triggerTxt {
    color: #000;
    font-weight: 500;
    font-size: 1.5rem;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

@media only screen and (max-width: 1340px) {
    .l-headerNav__triggerTxt {
        font-size:1.2rem
    }
}

.l-headerNav__triggerTxt>span {
    display: inline-block;
    white-space: nowrap
}

.is-current .l-headerNav__triggerTxt {
    color: #fff
}

.l-headerNav__triggerIcon::after,.l-headerNav__triggerIcon::before {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    bottom: 24px;
    bottom: 1.5rem;
    content: '';
    width: 14.4px;
    width: .9rem;
    height: 8px;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.is-set .l-headerNav__triggerIcon::after,.is-set .l-headerNav__triggerIcon::before {
    bottom: 12.8px;
    bottom: .8rem
}

.l-headerNav__triggerIcon::before {
    visibility: visible;
    opacity: 1;
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_bottom_bk.svg)
}

.is-current .l-headerNav__triggerIcon::before {
    visibility: hidden;
    opacity: 0
}

.l-headerNav__triggerIcon::after {
    visibility: hidden;
    opacity: 0;
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_bottom_red.svg)
}

.is-current .l-headerNav__triggerIcon::after {
    visibility: visible;
    opacity: 1
}

.l-headerNav__itemLink {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    display: block
}

.l-headerNav__itemLink:hover {
    opacity: .7
}

.l-headerNav__itemLink[target='_blank'] .l-headerNav__itemDesc>dt::before {
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank.svg)
}

.l-headerNav__itemLink:hover .l-headerNav__itemThumb>img {
    -webkit-transform: scale(1.03,1.03) translateZ(0);
    transform: scale(1.03,1.03) translateZ(0)
}

.l-headerNav__itemThumb {
    overflow: hidden
}

.l-headerNav__itemThumb>img {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.l-headerNav__itemThumb~.l-headerNav__itemDesc {
    margin-top: 1rem
}

.l-headerNav__itemDesc {
    color: rgba(255,255,255,.8)
}

.l-headerNav__itemDesc>dt {
    position: relative;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.57143;
    padding-right: 4.5rem
}

.l-headerNav__itemDesc>dt::before {
    position: absolute;
    bottom: 12.8px;
    bottom: .8rem;
    right: 0;
    width: 52.8px;
    width: 3.3rem;
    height: 9.6px;
    height: .6rem;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_line_wh.svg)
}

.l-headerNav__itemDesc>dt>span {
    display: inline-block
}

.l-headerNav__itemDesc>dd {
    font-size: 1.2rem;
    line-height: 1.83333;
    margin-top: 1rem
}

.l-synthesis {
    position: relative
}

@media only screen and (min-width: 801px) {
    .l-synthesis .l-header {
        position:absolute;
        left: 0;
        top: 0
    }
}

@media only screen and (min-width: 801px) {
    .l-synthesis .l-header__main {
        padding-left:4rem;
        padding-right: 4rem;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (min-width: 801px) {
    .l-synthesis .l-header__mainInner {
        background-color:transparent;
        padding-left: 0;
        border-bottom: 1px solid rgba(255,255,255,.2)
    }
}

@media only screen and (max-width: 800px) {
    .l-synthesis .l-header__mainInner {
        height:6rem;
        background-color: #000;
        border-bottom: 1px solid rgba(255,255,255,.5)
    }
}

.l-synthesis .l-header__logoSymbol {
    fill: #fff
}

.l-synthesis .l-header__logoTxt {
    color: #fff
}

.l-synthesis .l-header__burger {
    width: 6rem;
    height: 6rem
}

.l-synthesis .l-header__burgerItem {
    width: 2.4rem;
    height: 2rem
}

.l-synthesis .l-header__burgerItem::before {
    background-color: #fff
}

.l-synthesis .l-header__burgerItem>i::after,.l-synthesis .l-header__burgerItem>i::before {
    background-color: #fff
}

@media only screen and (max-width: 800px) {
    .l-synthesis .l-header__logoImg,.l-synthesis .l-header__logoSymbol {
        width:13.8rem
    }
}

@media only screen and (max-width: 800px) {
    .l-synthesis .l-header__logoScroll {
        display:none
    }
}

@media only screen and (min-width: 801px) {
    .l-synthesis .l-header.is-set .l-header__mainInner {
        background-color:#fff;
        padding-left: 4rem;
        padding-right: 4rem;
        border-bottom: 0
    }

    .l-synthesis .l-header.is-set .l-header__logoImg,.l-synthesis .l-header.is-set .l-header__logoSymbol {
        display: block
    }

    .l-synthesis .l-header.is-set .l-header__logoTxt {
        color: #000
    }

    .l-synthesis .l-header.is-set .l-headerNav__link,.l-synthesis .l-header.is-set .l-headerNav__triggerTxt {
        color: #000
    }

    .l-synthesis .l-header.is-set .l-headerNav__list.is-current .l-headerNav__triggerTxt {
        color: #fff
    }
}

.l-synthesis .l-headerNav__sub {
    background-color: #000;
    padding: 3rem 1.5rem
}

.l-synthesis .l-headerNav__subInner {
    margin-left: auto;
    margin-right: 0;
    width: 100%;
    max-width: 102.4rem
}

.l-synthesis .l-headerNav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding-left: 2rem;
    padding-right: 2rem
}

.l-synthesis .l-headerNav__link,.l-synthesis .l-headerNav__triggerTxt {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    color: #fff;
    font-weight: 300;
    font-size: 1.4rem
}

.l-synthesis .l-headerNav__link:hover,.l-synthesis .l-headerNav__triggerTxt:hover {
    opacity: .7
}

.l-synthesis .l-headerNav__children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.l-synthesis .l-headerNav__children>li {
    padding: 1.2rem 2rem 1.2rem .5rem
}

.l-synthesis .l-headerNav__children._col3>li {
    width: calc(100% / 3)
}

.l-synthesis .l-headerNav__children._col4>li {
    width: calc(100% / 4)
}

.l-synthesis .l-headerNav__childLink {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    position: relative;
    color: #fff;
    font-size: 1.3rem;
    padding-right: 1.5rem
}

.l-synthesis .l-headerNav__childLink:hover {
    opacity: .7
}

.l-synthesis .l-headerNav__childLink::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    width: 14.4px;
    width: .9rem;
    height: 14.4px;
    height: .9rem;
    content: '';
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.l-synthesis .l-headerNav__childLink[target='_blank']::before {
    top: calc(50% + 1px);
    right: -3.2px;
    right: -.2rem;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank.svg)
}

.l-synthesis.is-pulldown .l-header__main {
    background-color: #333
}

.l-synthesis.is-pulldown .l-header__mainInner {
    border-bottom: 1px solid #000
}

.l-synthesis.is-menu-open .l-header__burgerItem {
    height: 1px
}

.l-synthesis .is-current .l-headerNav__trigger {
    background-color: #000
}

.l-top.l-career {
    position: relative
}

@media only screen and (min-width: 801px) {
    .l-top.l-career .l-header {
        position:absolute;
        left: 0;
        top: 0
    }
}

@media only screen and (min-width: 801px) {
    .l-top.l-career .l-header__main {
        padding-left:4rem;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (min-width: 801px) {
    .l-top.l-career .l-header__mainInner {
        background-color:transparent;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.2)
    }
}

@media only screen and (min-width: 801px) {
    .l-top.l-career .l-header__logoSymbol {
        fill:#fff
    }
}

@media only screen and (min-width: 801px) {
    .l-top.l-career .l-header__logoTxt {
        color:#fff
    }
}

@media only screen and (min-width: 801px) {
    .l-top.l-career .l-header.is-set .l-header__mainInner {
        background-color:#fff;
        padding-left: 4rem;
        padding-right: .5rem;
        border-bottom: 0
    }

    .l-top.l-career .l-header.is-set .l-header__logoSymbol {
        fill: #000
    }

    .l-top.l-career .l-header.is-set .l-header__logoTxt {
        color: #000
    }

    .l-top.l-career .l-header.is-set .l-header__btn .c-btn {
        height: auto
    }

    .l-top.l-career .l-header.is-set .l-header__btn .c-btn>a {
        height: 5.2rem
    }

    .l-top.l-career .l-header.is-set .l-headerNav__link,.l-top.l-career .l-header.is-set .l-headerNav__triggerTxt {
        color: #000
    }

    .l-top.l-career .l-header.is-set .l-headerNav__triggerIcon::before {
        background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_bottom_bk.svg)
    }

    .l-top.l-career .l-header.is-set .l-headerNav__list.is-current .l-headerNav__triggerTxt {
        color: #fff
    }
}

.l-top.l-career .l-header__btn .c-btn {
    height: 100%
}

.l-top.l-career .l-header__btn .c-btn>a {
    height: 100%
}

@media only screen and (min-width: 801px) {
    .l-top.l-career .l-headerNav__triggerTxt {
        color:#fff
    }
}

.l-top.l-career .l-headerNav__triggerIcon::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_bottom_wh.svg)
}

.l-top.l-career.is-pulldown .l-header__main {
    background-color: #fff
}

.l-top.l-career.is-pulldown .l-header__mainInner {
    border-bottom: 0
}

.l-top.l-career.is-pulldown .l-header__logoSymbol {
    fill: #000
}

.l-top.l-career.is-pulldown .l-header__logoTxt {
    color: #000
}

@media only screen and (min-width: 801px) {
    .l-top.l-career.is-pulldown .l-headerNav__list.is-current .l-headerNav__triggerTxt {
        color:#fff
    }
}

@media only screen and (min-width: 801px) {
    .l-top.l-career.is-pulldown .l-headerNav__triggerTxt {
        color:#000
    }
}

.l-top.l-career.is-pulldown .l-headerNav__triggerIcon::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_bottom_bk.svg)
}

.l-footer {
    background: #333;
    color: #fff
}

.l-footer a {
    color: #fff;
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s
}

.l-footer a:hover {
    opacity: .7
}

@media only screen and (min-width: 801px) {
    .l-footer__inner {
        width:100%;
        margin: 0 auto;
        max-width: 1320px;
        padding: 5rem 4rem
    }
}

.l-footer__logo a {
    display: block
}

.l-footer__logo a img {
    margin-bottom: .5rem
}

.l-footer__logo a span {
    display: block;
    margin-left: 1rem;
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .l-footer__logo a {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__logo {
        padding:2rem 0;
        text-align: center
    }

    .l-footer__logo a img {
        width: 15rem;
        margin: 0 auto
    }

    .l-footer__logo a span {
        margin-top: 1rem;
        font-size: 1.2rem
    }
}

.l-footer__btn {
    background: rgba(255,255,255,.1)
}

.l-footer__btnList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 801px) {
    .l-footer__btn {
        padding:2.5rem 2rem
    }

    .l-footer__btnList {
        margin: 0 auto;
        max-width: 1200px
    }

    .l-footer__btn .c-btn {
        width: 49.16667%
    }

    .l-career .l-footer__btn .c-btn {
        width: 100%
    }

    .l-footer__btn .c-btn a {
        width: 100%;
        max-width: none;
        height: 10rem
    }

    .l-footer__btn .c-btn.type1 a[target='_blank'] p strong::after,.l-footer__btn .c-btn.type2 a[target='_blank'] p strong::after {
        width: 25.6px;
        width: 1.6rem;
        height: 25.6px;
        height: 1.6rem
    }

    .l-footer__btn.is-sales .c-btn {
        width: 100%
    }


    .l-footer__btn .c-btn.type3 {
        width: 72.16667%
    }

    .l-footer__btn .c-btn.type4 {
        width: 26.16667%
    }

    .l-footer__btn .c-btn.type3 a[target='_blank'] p strong::after,.l-footer__btn .c-btn.type2 a[target='_blank'] p strong::after {
        width: 25.6px;
        width: 1.6rem;
        height: 25.6px;
        height: 1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__btn {
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 7rem;
        padding: 1.5rem 1.5rem;
        background: #333
    }

    .p-homeSectionBnr__item {
        text-align: center
    }

    .l-footer__btn .c-btn {
        width: 48.5%
    }

    .l-footer__btn .c-btn.type1 a,.l-footer__btn .c-btn.type2 a {
        height: 4rem
    }

    .l-footer__btn .c-btn.type1 a p small,.l-footer__btn .c-btn.type2 a p small {
        font-size: 1rem
    }

    .l-footer__btn .c-btn.type1 a p small .u-font-en,.l-footer__btn .c-btn.type2 a p small .u-font-en {
        display: none
    }

    .l-footer__btn .c-btn.type1:first-child:last-child,.l-footer__btn .c-btn.type2:first-child:last-child {
        width: 100%;
        max-width: none
    }

    .l-footer__btn .c-btn.type1:first-child:last-child a,.l-footer__btn .c-btn.type2:first-child:last-child a {
        max-width: none
    }

    .l-footer__btn .c-btn.type3 {
        width: 62%
    }

    .l-footer__btn .c-btn.type4 {
        width: 35%
    }

    .l-footer__btn .c-btn.type3 a,.l-footer__btn .c-btn.type4 a {
        height: 4rem
    }

    .l-footer__btn .c-btn.type3 a p small,.l-footer__btn .c-btn.type4 a p small {
        font-size: 1rem
    }

    .l-footer__btn .c-btn.type3 a p small .u-font-en,.l-footer__btn .c-btn.type4 a p small .u-font-en {
        display: none
    }

    .l-footer__btn .c-btn.type3:first-child:last-child,.l-footer__btn .c-btn.type4:first-child:last-child {
        width: 100%;
        max-width: none
    }

    .l-footer__btn .c-btn.type3:first-child:last-child a,.l-footer__btn .c-btn.type4:first-child:last-child a {
        max-width: none
    }

    .l-footer__btn.is-sales .c-btn {
        width: 50%;
        margin: auto
    }

    .is-menu-open .l-footer__btn {
        opacity: 0;
        visibility: hidden
    }
}

@media only screen and (max-width: 544px) {
    .l-footer__btn.is-sales .c-btn {
        width:100%
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__top {
        position:relative;
        padding: 2rem
    }
}

.l-footer__top .l-footer__nav ul li {
    font-size: 1.6rem;
    line-height: 1.25em;
    font-weight: 500
}

.l-footer__top .l-footer__nav ul li a {
    display: block
}

.l-footer__top .l-footer__nav ul li a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.1)
}

.l-footer__top .l-footer__nav ul li a p {
    position: relative
}

.l-footer__top .l-footer__nav ul li a p::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0
}

@media only screen and (max-width: 544px) {
    .l-footer__top .l-footer__nav ul li a p::before {
        width:24px;
        width: 1.5rem;
        height: 24px;
        height: 1.5rem
    }
}

.l-footer__top .l-footer__nav ul li a[target='_blank'] p::before {
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 22.4px;
    width: 1.4rem;
    height: 22.4px;
    height: 1.4rem;
    background-size: contain
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__nav ul li a[target='_blank'] p::before {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .l-footer__top .l-footer__nav ul li a[target='_blank'] p::before {
        width:33.6px;
        width: 2.1rem;
        height: 29.12px;
        height: 1.82rem
    }
}

@media only screen and (min-width: 801px) {
    .l-footer__top .l-footer__nav {
        margin:4.16667% 0
    }

    .l-footer__top .l-footer__nav ul {
        margin-left: -2.08333%;
        margin-right: -2.08333%
    }

    .l-footer__top .l-footer__nav ul li {
        padding: 0 2.08333%
    }

    .l-footer__top .l-footer__nav ul li a::after {
        margin: 20px 0;
        margin: 1.25rem 0
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__nav ul li a p {
        padding:1.5rem 1.5rem 1.5rem 0
    }
}

.l-footer__top .l-footer__linkSetTtl {
    line-height: 1.25em
}

.l-footer__top .l-footer__linkSetTtl a,.l-footer__top .l-footer__linkSetTtl span {
    display: block;
    position: relative
}

.l-footer__top .l-footer__linkSetTtl a::after,.l-footer__top .l-footer__linkSetTtl span::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.1)
}

.l-footer__top .l-footer__linkSetTtl a p,.l-footer__top .l-footer__linkSetTtl span p {
    display: inline-block
}

.l-footer__top .l-footer__linkSet ul li {
    line-height: 1.25em
}

.l-footer__top .l-footer__linkSet ul li a {
    display: block;
    color: rgba(255,255,255,.75)
}

.l-footer__top .l-footer__linkSet ul li a[target='_blank'] {
    padding-right: 1rem
}

.l-footer__top .l-footer__linkSet ul li a[target='_blank']::after {
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
    margin-left: .5rem
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__linkSet ul li a[target='_blank']::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .l-footer__top .l-footer__linkSet ul li a[target='_blank']::after {
        width:28.8px;
        width: 1.8rem;
        height: 24.96px;
        height: 1.56rem
    }
}

@media only screen and (min-width: 801px) {
    .l-footer__top .l-footer__link {
        margin:4.16667% 0;
        margin-left: -2.08333%;
        margin-right: -2.08333%
    }

    .l-footer__top .l-footer__linkSet {
        padding: 0 2.08333%
    }

    .l-footer__top .l-footer__linkSet dl+dl {
        margin-top: 3rem
    }

    .l-footer__top .l-footer__linkSet dl+dl.c-grid__cell6 {
        padding-right: 2.08333%
    }

    .l-footer__top .l-footer__linkSetTtl {
        font-size: 1.3rem;
        font-weight: 500
    }

    .l-footer__top .l-footer__linkSetTtl a::after,.l-footer__top .l-footer__linkSetTtl span::after {
        margin: 20px 0 32px;
        margin: 1.25rem 0 2rem
    }

    .l-footer__top .l-footer__linkSetTtl a p,.l-footer__top .l-footer__linkSetTtl span p {
        position: relative;
        padding-right: 2rem
    }

    .l-footer__top .l-footer__linkSetTtl a i.link,.l-footer__top .l-footer__linkSetTtl span i.link {
        background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        right: 0
    }
}

@media only screen and (min-width: 801px) and (max-width:544px) {
    .l-footer__top .l-footer__linkSetTtl a i.link,.l-footer__top .l-footer__linkSetTtl span i.link {
        width:1.5rem;
        height: 1.5rem
    }
}

@media only screen and (min-width: 801px) {
    .l-footer__top .l-footer__linkSet ul li {
        margin:1.5rem 0;
        font-size: 1.2rem
    }

    .l-footer__top .l-footer__link [class*=c-grid__cell6--] ul li,.l-footer__top .l-footer__link [class*=c-grid__cell9--] ul li {
        margin-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__linkSet {
        width:100%;
        margin-top: 1.5rem
    }

    .l-footer__top .l-footer__linkSetTtl a p,.l-footer__top .l-footer__linkSetTtl span p {
        padding: 1.5rem 1.5rem 1.5rem 0;
        font-size: 1.5rem
    }

    .l-footer__top .l-footer__linkSetTtl a i,.l-footer__top .l-footer__linkSetTtl span i {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        right: 0;
        width: 1.6rem;
        height: 1.6rem
    }

    .l-footer__top .l-footer__linkSetTtl a i::after,.l-footer__top .l-footer__linkSetTtl a i::before,.l-footer__top .l-footer__linkSetTtl span i::after,.l-footer__top .l-footer__linkSetTtl span i::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: #fff;
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .l-footer__top .l-footer__linkSetTtl a i::before,.l-footer__top .l-footer__linkSetTtl span i::before {
        width: 100%;
        height: 1px
    }

    .l-footer__top .l-footer__linkSetTtl a i::after,.l-footer__top .l-footer__linkSetTtl span i::after {
        width: 100%;
        height: 1px;
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg)
    }

    .l-footer__top .l-footer__linkSetTtl a i.link,.l-footer__top .l-footer__linkSetTtl span i.link {
        right: .6rem
    }

    .l-footer__top .l-footer__linkSetTtl a i.link::after,.l-footer__top .l-footer__linkSetTtl span i.link::after {
        background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 19.2px;
        width: 1.2rem;
        height: 19.2px;
        height: 1.2rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        display: none;
        right: 0
    }
}

@media only screen and (max-width: 800px) and (max-width:544px) {
    .l-footer__top .l-footer__linkSetTtl a i.link::after,.l-footer__top .l-footer__linkSetTtl span i.link::after {
        width:28.8px;
        width: 1.8rem;
        height: 28.8px;
        height: 1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__linkSetTtl a i.link::before,.l-footer__top .l-footer__linkSetTtl span i.link::before {
        display:none
    }

    .l-footer__top .l-footer__linkSetTtl.is-open a i::after,.l-footer__top .l-footer__linkSetTtl.is-open span i::after {
        display: none
    }

    .l-footer__top .l-footer__linkSetTtl.is-open+dd {
        height: auto;
        visibility: visible;
        opacity: 1
    }

    .l-footer__top .l-footer__linkSet dd {
        height: 0;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: visibility .5s cubic-bezier(0,0,.25,1) 0s,opacity .5s cubic-bezier(0,0,.25,1) 0s;
        transition: visibility .5s cubic-bezier(0,0,.25,1) 0s,opacity .5s cubic-bezier(0,0,.25,1) 0s
    }

    .l-footer__top .l-footer__linkSet ul {
        padding: 1rem 0
    }

    .l-footer__top .l-footer__linkSet ul li a {
        padding: 1rem 1.5rem 1rem 0
    }
}

@media only screen and (max-width: 544px) {
    .l-footer__top .l-footer__linkSetTtl a i.link,.l-footer__top .l-footer__linkSetTtl span i.link {
        right:.9rem
    }
}

.l-footer__top .l-footer__relationTtl {
    line-height: 1.25em;
    font-weight: 500
}

.l-footer__top .l-footer__relationTtl a,.l-footer__top .l-footer__relationTtl span {
    display: block;
    position: relative
}

.l-footer__top .l-footer__relationTtl a i,.l-footer__top .l-footer__relationTtl span i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    width: 3rem;
    height: 3rem
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__relationTtl a i,.l-footer__top .l-footer__relationTtl span i {
        width:1.6rem;
        height: 1.6rem
    }
}

.l-footer__top .l-footer__relationTtl a i::after,.l-footer__top .l-footer__relationTtl a i::before,.l-footer__top .l-footer__relationTtl span i::after,.l-footer__top .l-footer__relationTtl span i::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.l-footer__top .l-footer__relationTtl a i::before,.l-footer__top .l-footer__relationTtl span i::before {
    width: 100%;
    height: 1px
}

.l-footer__top .l-footer__relationTtl a i::after,.l-footer__top .l-footer__relationTtl span i::after {
    width: 100%;
    height: 1px;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.l-footer__top .l-footer__relationTtl a i::after,.l-footer__top .l-footer__relationTtl span i::after {
    display: none
}

.l-footer__top .l-footer__relationTtl>span>small {
    display: none
}

.l-footer__top .l-footer__relationTtl.is-close a i::after,.l-footer__top .l-footer__relationTtl.is-close span i::after {
    display: block
}

.l-footer__top .l-footer__relationTtl.is-close+.l-footer__relationList {
    height: 0;
    visibility: hidden;
    opacity: 0
}

.l-footer__top .l-footer__relationList {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: visibility .5s cubic-bezier(0,0,.25,1) 0s,opacity .5s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .5s cubic-bezier(0,0,.25,1) 0s,opacity .5s cubic-bezier(0,0,.25,1) 0s
}

.l-footer__top .l-footer__relationList ul li a {
    display: block;
    position: relative;
    font-size: 1rem;
    line-height: 1.25em;
    color: rgba(255,255,255,.75)
}

.l-footer__top .l-footer__relationList ul li a img {
    vertical-align: top
}

.l-footer__top .l-footer__relationList ul li a p {
    display: inline-block;
    margin-top: .5rem
}

.l-footer__top .l-footer__relationList ul li a[target='_blank'] p::after {
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
    margin-left: .5rem
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__relationList ul li a[target='_blank'] p::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .l-footer__top .l-footer__relationList ul li a[target='_blank'] p::after {
        width:28.8px;
        width: 1.8rem;
        height: 24.96px;
        height: 1.56rem
    }
}

@media only screen and (min-width: 801px) {
    .l-footer__top .l-footer__relationTtl {
        font-size:1.6rem
    }

    .l-footer__top .l-footer__relationTtl::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: rgba(255,255,255,.1);
        margin: 20px 0 32px;
        margin: 1.25rem 0 2rem
    }

    .l-footer__top .l-footer__relationTtl a,.l-footer__top .l-footer__relationTtl span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .l-footer__top .l-footer__relationTtl a i,.l-footer__top .l-footer__relationTtl span i {
        background: rgba(255,255,255,.1)
    }

    .l-footer__top .l-footer__relationTtl a i::after,.l-footer__top .l-footer__relationTtl a i::before,.l-footer__top .l-footer__relationTtl span i::after,.l-footer__top .l-footer__relationTtl span i::before {
        width: 40%
    }

    .l-footer__top .l-footer__relationList ul {
        margin-left: -2.08333%;
        margin-right: -2.08333%
    }

    .l-footer__top .l-footer__relationList ul li {
        padding: 0 2.08333% 1.25%
    }

    .l-footer__top .l-footer__relationList ul li a[target='_blank'] p::after {
        width: 19.2px;
        width: 1.2rem;
        height: 19.2px;
        height: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__top .l-footer__relation {
        margin-top:1.5rem
    }

    .l-footer__top .l-footer__relationTtl a p,.l-footer__top .l-footer__relationTtl span p {
        padding: 1.5rem 1.5rem 1.5rem 0;
        font-size: 1.5rem
    }

    .l-footer__top .l-footer__relationList ul {
        margin-left: -1.66667%;
        margin-right: -1.66667%
    }

    .l-footer__top .l-footer__relationList ul li {
        padding: 0 1.66667% 1.66667%
    }

    .l-footer__top .l-footer__relationList ul li a[target='_blank'] p::after {
        width: 16px;
        width: 1rem;
        height: 16px;
        height: 1rem
    }
}

.l-footer__bottom {
    background: #000
}

.l-footer__bottom .l-footer__utility ul li::before {
    content: "|";
    display: inline-block;
    margin: 0 16px;
    margin: 0 1rem
}

.l-footer__bottom .l-footer__utility ul li:first-child::before {
    display: none
}

.l-footer__bottom .l-footer__utility ul li a {
    display: inline-block
}

.l-footer__bottom .l-footer__utility ul li a[target='_blank']::after {
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
    margin-left: .5rem
}

@media only screen and (max-width: 800px) {
    .l-footer__bottom .l-footer__utility ul li a[target='_blank']::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .l-footer__bottom .l-footer__utility ul li a[target='_blank']::after {
        width:28.8px;
        width: 1.8rem;
        height: 24.96px;
        height: 1.56rem
    }
}

.l-footer__bottom .l-footer__copyright {
    color: rgba(255,255,255,.5);
    font-size: 1.2rem
}

@media only screen and (min-width: 801px) {
    .l-footer__bottom .l-footer__inner {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-footer__bottom .l-footer__utilityList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .l-footer__bottom .l-footer__utilityListItem {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__bottom {
        position:relative;
        text-align: center;
        padding: 2.5rem
    }

    .l-footer__bottom.is-btn {
        padding: 2.5rem 2.5rem 9rem
    }

    .l-footer__bottom .l-footer__utility {
        margin: 0 auto 2rem;
        text-align: center
    }

    .l-footer__bottom .l-footer__utility ul li {
        display: inline-block
    }

    .l-footer__bottom .l-footer__utility ul li a {
        padding: .5rem 0
    }

    .l-footer__bottom .l-footer__copyright {
        text-align: center;
        width: 100%
    }
}

.l-footer__lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-footer__lang>li {
    color: #fff;
    font-size: 1.4rem
}

.l-footer__lang>li:not(:last-child) {
    position: relative;
    padding-right: 1.5rem;
    margin-right: 1.5rem
}

.l-footer__lang>li:not(:last-child)::after {
    content: '/';
    right: -6.4px;
    right: -.4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.l-footer__lang>li>a {
    color: #999
}

@media only screen and (min-width: 801px) {
    .l-footer__lang>li {
        font-size:1.4rem
    }

    .l-footer__lang>li:not(:last-child) {
        padding-right: 1.5rem;
        margin-right: 1.5rem
    }

    .l-footer__lang>li>a {
        color: #999;
        -webkit-transition: color .3s;
        transition: color .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .l-footer__lang>li>a:hover {
        color: #fff;
        opacity: 1
    }
}

@media only screen and (max-width: 800px) {
    .l-footer__lang {
        margin-bottom:2rem
    }

    .l-footer__lang>li {
        font-size: 1.6rem
    }

    .l-footer__lang>li:not(:last-child) {
        padding-right: 2rem;
        margin-right: 2rem
    }
}

@media only screen and (max-width: 544px) {
    .l-footer__lang>li {
        font-size:1.3rem
    }

    .l-footer__lang>li:not(:last-child) {
        padding-right: 1.5rem;
        margin-right: 1.5rem
    }
}

@media only screen and (min-width: 801px) {
    .l-footerHome__link .l-footer__linkSet:not(:first-child) {
        margin-top:2rem
    }
}

.l-footerTimeline {
    background-color: #292f33
}

.l-footerTimeline__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.l-footerTimeline__embed {
    position: relative;
    background-color: #292f33;
    overflow-y: scroll;
    overflow-x: hidden
}

.l-footerTimeline__embed>iframe {
    position: absolute!important;
    top: 0;
    left: 0;
    background-color: #fff
}

.l-footerTimeline__followIcon>img {
    margin-left: auto;
    margin-right: auto
}

.l-footerTimeline__followTxt {
    text-align: center
}

.l-footerTimeline__followTxt>p {
    font-weight: 400
}

.l-footerTimeline__followBtn {
    text-align: center
}

.l-footerTimeline__followBtn>a {
    display: inline-block;
    background-color: #fff;
    padding: 1.6rem 2.2rem
}

.l-footerTimeline__followBtnTxt {
    color: #000;
    font-weight: 400;
    font-size: 1.6rem
}

@media only screen and (min-width: 801px) {
    .l-footerTimeline {
        padding:8rem 2rem
    }

    .l-footerTimeline__inner {
        max-width: 120rem
    }

    .l-footerTimeline__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .l-footerTimeline__embed {
        width: 50%;
        height: 48rem;
        padding-right: 2rem;
        margin-left: 4rem;
        margin-right: 2rem
    }

    .l-footerTimeline__embed::-webkit-scrollbar {
        width: .5rem
    }

    .l-footerTimeline__embed::-webkit-scrollbar-thumb {
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .l-footerTimeline__embed>iframe {
        width: calc(100% - 2rem)!important;
        margin-right: 4rem
    }

    .l-footerTimeline__follow {
        width: 50%;
        margin-top: 10rem
    }

    .l-footerTimeline__followIcon>img {
        width: 5rem
    }

    .l-footerTimeline__followTxt {
        margin-top: 7rem
    }

    .l-footerTimeline__followTxt>p {
        font-size: 1.8rem
    }

    .l-footerTimeline__followBtn {
        margin-top: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .l-footerTimeline {
        padding:2rem 1rem 6rem
    }

    .l-footerTimeline__content {
        display: block
    }

    .l-footerTimeline__embed {
        width: 100%;
        height: 50rem;
        scrollbar-width: none
    }

    .l-footerTimeline__embed::-webkit-scrollbar {
        display: none
    }

    .l-footerTimeline__follow {
        width: 100%;
        margin-top: 6rem
    }

    .l-footerTimeline__followIcon>img {
        width: 4rem
    }

    .l-footerTimeline__followTxt {
        margin-top: 6rem
    }

    .l-footerTimeline__followTxt>p {
        font-size: 1.6rem
    }

    .l-footerTimeline__followBtn {
        margin-top: 3rem
    }
}

.l-special-specialmovies .l-footer {
    position: relative
}

.l-modalnav {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.l-modalnav__btn-open {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    position: fixed;
    z-index: 998
}

.l-modalnav__btn-open a {
    display: block;
    background: #fff
}

.l-modalnav__btn-open a p {
    position: relative
}

.l-modalnav__btn-open a p span,.l-modalnav__btn-open a p::after,.l-modalnav__btn-open a p::before {
    display: block;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000
}

.l-modalnav__btn-open a p span {
    top: 50%
}

.l-modalnav__btn-open a p::after,.l-modalnav__btn-open a p::before {
    content: ""
}

.l-modalnav__btn-open a p::before {
    top: 0
}

.l-modalnav__btn-open a p::after {
    bottom: 0
}

.l-modalnav__btn-close a {
    display: block
}

.l-modalnav__inner {
    width: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 801px) {
    .l-modalnav__inner {
        max-width:124rem;
        padding: 2rem
    }

    .l-modalnav__btn-open {
        width: 4.58333%
    }

    .l-modalnav__btn-open a {
        height: 0;
        padding-bottom: 218.18182%
    }

    .l-modalnav__btn-open a p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 32.72727%;
        height: 0;
        padding-bottom: 32.72727%
    }
}

@media only screen and (min-width: 1280px) {
    .l-modalnav__btn-open {
        width:5.5rem
    }
}

@media only screen and (max-width: 800px) {
    .l-modalnav__inner {
        padding:2rem
    }
}

.l-contents {
    overflow: hidden
}

.l-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .8s cubic-bezier(0,0,.25,1) 0s,visibility .8s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .8s cubic-bezier(0,0,.25,1) 0s,visibility .8s cubic-bezier(0,0,.25,1) 0s
}

.l-loading.is-disappear {
    opacity: 0;
    visibility: hidden
}

.l-shareLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 801px) {
    .l-spnav {
        display:none
    }
}

@media only screen and (max-width: 800px) {
    .l-spnav {
        display:block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background: #333;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        -webkit-transition: visibility .5s cubic-bezier(0,0,.25,1) 0s,opacity .5s cubic-bezier(0,0,.25,1) 0s;
        transition: visibility .5s cubic-bezier(0,0,.25,1) 0s,opacity .5s cubic-bezier(0,0,.25,1) 0s
    }

    .is-menu-open .l-spnav {
        visibility: visible;
        pointer-events: auto;
        opacity: 1
    }
}

.l-spnav__inner {
    width: 100%;
    padding: 6.8rem 2rem 8rem
}

@media only screen and (max-width: 800px) {
    .l-spnav__btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-spnav__btn .c-btn.type1,.l-spnav__btn .c-btn.type2 {
        width: 48.5%;
        margin-bottom: 1rem
    }

    .l-career .l-spnav__btn .c-btn a[target='_blank'] strong::after {
        width: 25.6px;
        width: 1.6rem;
        height: 25.6px;
        height: 1.6rem
    }

    .l-career .l-spnav__btn .c-btn a strong {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 544px) {
    .l-spnav__btn .c-btn.type1,.l-spnav__btn .c-btn.type2 {
        width:100%
    }
}

.l-spnav__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5rem
}

.l-spnav__share .l-shareLists>li:not(:first-child) {
    margin-left: 1rem
}

.l-spnav__lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3rem
}

.l-spnav__lang>li {
    width: 50%;
    color: #fff;
    font-size: 1.4rem;
    padding: 0 1.5rem
}

.l-spnav__lang>li:not(:last-child) {
    position: relative;
    text-align: right
}

.l-spnav__lang>li:not(:last-child)::after {
    content: '/';
    right: -6.4px;
    right: -.4rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.l-spnav__lang>li>a {
    color: #999
}

.l-spnavMenu__lists {
    margin-top: 2rem
}

.l-spnavMenu__list:not(:first-child) {
    margin-top: 2rem
}

.l-spnavMenu__trigger {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding-left: .5rem
}

.l-spnavMenu__link,.l-spnavMenu__triggerTxt {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500
}

.l-spnavMenu__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5rem;
    padding-left: .5rem;
    border-bottom: 1px solid rgba(255,255,255,.3);
    width: 100%
}

.l-spnavMenu__link::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 28.8px;
    right: 1.8rem;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    content: '';
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.l-spnavMenu__triggerIcon {
    position: relative;
    width: 5rem;
    height: 5rem
}

.l-spnavMenu__triggerIcon::after,.l-spnavMenu__triggerIcon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: '';
    background-color: #fff
}

.l-spnavMenu__triggerIcon::before {
    width: 17.6px;
    width: 1.1rem;
    height: 1px
}

.l-spnavMenu__triggerIcon::after {
    width: 1px;
    height: 17.6px;
    height: 1.1rem;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.is-accordion-open .l-spnavMenu__triggerIcon::after {
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0)
}

.l-spnavMenu__sub {
    display: none
}

.l-spnavMenu__subLists {
    padding-top: 2rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.l-spnavMenu__subLists>li:not(:first-child) {
    margin-top: .8rem
}

.l-spnavMenu__itemLink {
    position: relative;
    display: block
}

.l-spnavMenu__itemLink[target='_blank']::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    content: '';
    top: calc(50% + 2px);
    right: 14.4px;
    right: .9rem;
    width: 25.6px;
    width: 1.6rem;
    height: 25.6px;
    height: 1.6rem;
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.l-spnavMenu__itemTitle {
    color: rgba(255,255,255,.7);
    font-size: 1.4rem
}

.l-synthesis .l-spnav {
    background-color: rgba(0,0,0,.9)
}

.l-section .l-section__inner {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.l-section [class*='__body'] {
    position: relative;
    z-index: 1
}

.l-section [class*='__body']>:last-child {
    margin-bottom: 0
}

.l-section:last-child:not(.bgGray):not(.bgBk) {
    padding-bottom: 0
}

@media only screen and (min-width: 801px) {
    .l-section {
        padding:10rem 0
    }

    .l-section.ptL {
        padding-top: 12rem
    }

    .l-section.ptS {
        padding-top: 8rem
    }

    .l-section.pbL {
        padding-bottom: 12rem
    }

    .l-section.pbS {
        padding-bottom: 8rem
    }

    .l-section .l-section__inner {
        max-width: 132rem;
        padding: 0 6rem
    }
}

@media only screen and (max-width: 800px) {
    .l-section {
        padding:5rem 0
    }

    .l-section.ptL {
        padding-top: 6rem
    }

    .l-section.ptS {
        padding-top: 3rem
    }

    .l-section.pbL {
        padding-bottom: 6rem
    }

    .l-section.pbS {
        padding-bottom: 3rem
    }

    .l-section .l-section__inner {
        padding: 0 3rem
    }
}

@media only screen and (max-width: 544px) {
    .l-section {
        padding:4rem 0
    }

    .l-section.ptL {
        padding-top: 5rem
    }

    .l-section.ptS {
        padding-top: 3rem
    }

    .l-section.pbL {
        padding-bottom: 5rem
    }

    .l-section.pbS {
        padding-bottom: 3rem
    }

    .l-section .l-section__inner {
        padding: 0 2rem
    }
}

.l-section.bgGray {
    background: #f5f5f5
}

.l-section.bgDarkGray {
    background: #e6e6e6
}

.l-section.bgBk {
    background: #333;
    color: #fff
}

.l-section.full .l-section__inner {
    padding-left: 0;
    padding-right: 0
}

.l-section.inview {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s
}

.l-section.inview .l-section__inner {
    -webkit-transform: translate(0,15px);
    transform: translate(0,15px);
    -webkit-transition: -webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;
    transition: -webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .8s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .8s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s
}

.l-section.inview.is-in {
    visibility: visible;
    opacity: 1
}

.l-section.inview.is-in .l-section__inner {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.l-sectionSub:first-child {
    margin-top: 0
}

.l-sectionSub>:first-child {
    margin-top: 0
}

.l-sectionSub>:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .l-sectionSub {
        margin:8rem 0
    }

    .l-sectionSub.mtL {
        margin-top: 10rem
    }

    .l-sectionSub.mtS {
        margin-top: 5rem
    }

    .l-sectionSub.mbL {
        margin-bottom: 10rem
    }

    .l-sectionSub.mbS {
        margin-bottom: 5rem
    }
}

@media only screen and (max-width: 800px) {
    .l-sectionSub {
        margin:0 0 3rem
    }

    .l-sectionSub.mtL {
        margin-top: 4rem
    }

    .l-sectionSub.mtS {
        margin-top: 3rem
    }

    .l-sectionSub.mbL {
        margin-bottom: 4rem
    }

    .l-sectionSub.mbS {
        margin-bottom: 3rem
    }
}

.l-sectionSub.inview {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(0,15px);
    transform: translate(0,15px);
    -webkit-transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .6s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .6s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,transform .6s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,transform .6s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .6s cubic-bezier(0,0,.25,1) 0s
}

.l-sectionSub.inview.is-in {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.l-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 801px) {
    .l-container {
        max-width:120rem;
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media only screen and (max-width: 800px) {
    .l-container {
        padding-left:2rem;
        padding-right: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .l-container.narrowSp {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

.l-special-benefit .l-header,.l-special-fulltimeemployee .l-header,.l-special-training .l-header {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.4)));
    background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.4))
}

.l-special-dayofcrew .l-header,.l-special-gobeyondcrew .l-header {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.4)));
    background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.4))
}

.l-special-dayofcrew .c-mv__utility,.l-special-gobeyondcrew .c-mv__utility {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,0));
    padding: 2rem 3.33333% 3rem
}

.l-special-data .l-contents {
    background: #000
}

.l-special-specialmovies .l-contents {
    background-color: #000
}

.l-special-specialmovies .l-contents::after,.l-special-specialmovies .l-contents::before {
    content: "";
    display: block;
    z-index: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-transition: opacity .7s cubic-bezier(0,0,.25,1),background-position .7s cubic-bezier(0,0,.25,1);
    transition: opacity .7s cubic-bezier(0,0,.25,1),background-position .7s cubic-bezier(0,0,.25,1);
    background-position: 0 0;
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.l-special-specialmovies .l-contents::before {
    background-image: linear-gradient(135deg,#333 0,#000 100%)
}

.l-special-specialmovies .l-contents::after {
    background-image: linear-gradient(-135deg,#333 0,#000 100%)
}

.l-special-specialmovies.is-gray .l-contents::before {
    opacity: 1
}

.l-special-specialmovies.is-black .l-contents::after {
    opacity: 1;
    background-position: 100% 100%
}

@media only screen and (max-width: 800px) {
    .l-special-specialmovies .l-header__inner {
        background:0 0
    }

    .l-special-specialmovies .l-contents::after,.l-special-specialmovies .l-contents::before {
        z-index: 0
    }
}

#crosstalk .l-header {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,.4)));
    background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.4))
}

.l-project-5g .l-contents,.l-project-consumer .l-contents,.l-project-corp_business .l-contents,.l-project-helpo,.l-project-perplexity .l-contents,.l-project-jointvennture .l-contents,.l-project-merihariplan .l-contents,.l-project-monet .l-contents,.l-project-newtechnology .l-contents,.l-project-project .l-contents,.l-project-workstylereforms .l-contents {
    background: #333
}

body.l-company-history .l-contents,body.l-history .l-contents {
    position: relative;
    background: #000
}

@media only screen and (max-width: 800px) {
    body.l-company-women-careers .l-header__inner {
        background:0 0
    }

    body.l-company-women-careers .l-header.is-apear .l-header__inner {
        background: #000
    }
}

.c-anchor {
    position: relative
}

@media only screen and (min-width: 801px) {
    .c-anchor>p {
        position:absolute;
        top: -10rem
    }
}

@media only screen and (max-width: 800px) {
    .c-anchor>p {
        position:absolute;
        top: -10rem
    }
}

.c-article__card:first-child {
    margin-top: 0
}

.c-article__cardBtn .c-btnMore {
    margin-top: 0;
    margin-bottom: 0
}

.c-article__cardBtn .c-btnMore a {
    margin-left: auto;
    margin-right: 0
}

.c-article__cardTxt .c-txt {
    margin-top: 0;
    margin-bottom: 0
}

.c-article__cardTxt .c-txt .c-hdg {
    margin-bottom: 1.25em;
    line-height: 1.6em
}

.c-article__cardTxt .c-txt .c-hdg.fsS,.c-article__cardTxt .c-txt .c-hdg.fsSS {
    margin-bottom: 1.5em
}

.c-article__cardTxt .c-txt .c-hdg:not([class*=fs]) {
    font-weight: 300
}

.c-article__cardTalk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2rem
}

.c-article__cardTalk:last-child {
    margin-bottom: 0
}

.c-article__cardTalk>dt {
    font-weight: 500;
    color: #000;
    text-align: center
}

.c-article__cardTalk>dt>img {
    margin-bottom: .5rem
}

.l-crosstalk-discussionmeeting .c-article__cardTalk>dt {
    margin-top: .2em;
    position: relative;
    line-height: 1.25
}

.l-crosstalk-discussionmeeting .c-article__cardTalk>dt::after {
    position: absolute;
    top: 0;
    right: 16px;
    right: 1rem;
    padding-left: 0
}

.l-crosstalk-developmentofnewpeople .c-article__cardTalk>dt {
    line-height: 1
}

.l-crosstalk-developmentofnewpeople .c-article__cardTalk>dt>img {
    margin-bottom: .7rem
}

.l-crosstalk-developmentofnewpeople .c-article__cardTalk>dt>span {
    display: block;
    color: #555;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0;
    white-space: nowrap
}

.c-article__cardTalk>dd {
    color: #555
}

.c-article__cardTalk>dd>small {
    display: block;
    color: gray;
    margin-top: .5rem
}

.c-article__cardTalk>dd>span {
    display: block;
    text-align: left
}

.c-article__cardTalk>dd>span:not(:first-child) {
    margin-top: 1rem
}

.c-article__cardTtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-article__cardTtl .c-hdg.fsL,.c-article__cardTtl .c-txt,.c-article__cardTtl .c-txt>p {
    margin-bottom: 0
}

.c-article__card .c-txt p a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1)
}

.c-article__card .c-txt p em {
    font-style: normal;
    font-weight: 500
}

.c-article__card .c-img.Full img {
    margin: 0 auto
}

@media only screen and (min-width: 801px) {
    .c-article__card {
        margin:8rem 0
    }

    .c-article__card.left .c-article__cardBtn,.c-article__card.left .c-article__cardPh {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .c-article__card.left .c-article__cardTxt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 5rem
    }

    .c-article__card.right .c-article__cardBtn,.c-article__card.right .c-article__cardPh {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .c-article__card.right .c-article__cardTxt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 5rem
    }

    .c-article__cardTtl {
        margin: 8rem 0
    }

    .c-article__cardTtl>h2 {
        width: 58rem;
        margin-right: 1.66667%
    }

    .c-article__cardTtl .c-txt {
        width: calc(100% - (58rem + 1.66667%))
    }

    .c-article__cardTalk {
        margin-bottom: 2rem
    }

    .c-article__cardTalk>dt {
        width: 6rem
    }

    .c-article__cardTalk>dt>span {
        margin-top: .4rem
    }

    .c-article__cardTalk>dd {
        font-size: 1.5rem;
        width: calc(100% - 8rem)
    }

    .c-article__cardTalk>dd>small {
        font-size: 1.2rem
    }

    .c-article__card a:hover {
        opacity: .7
    }

    .c-article__card .c-img.Full {
        margin: 4rem 0
    }
}

@media only screen and (max-width: 800px) {
    .c-article .c-hdg.fsL {
        margin:2rem 0;
        font-size: 2.1rem
    }

    .c-article__card.left .c-article__cardBtn:not([class*="--sp12"]),.c-article__card.left .c-article__cardPh:not([class*="--sp12"]) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .c-article__card.left .c-article__cardTxt:not([class*="--sp12"]) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 3rem
    }

    .c-article__card.right .c-article__cardBtn:not([class*="--sp12"]),.c-article__card.right .c-article__cardPh:not([class*="--sp12"]) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .c-article__card.right .c-article__cardTxt:not([class*="--sp12"]) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 3rem
    }

    .c-article__cardBtn,.c-article__cardPh {
        margin: 1.5rem 0
    }

    .c-article__cardPh img {
        margin-left: auto;
        margin-right: auto
    }

    .c-article__cardTxt {
        margin: 2rem 0
    }

    .c-article__cardTtl .c-txt,.c-article__cardTtl>h2 {
        width: 100%
    }

    .c-article__cardTalk {
        margin-bottom: 3rem
    }

    .c-article__cardTalk>dt {
        position: relative;
        width: 5rem
    }

    .c-article__cardTalk>dt>span {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        bottom: -1.4rem
    }

    .c-article__cardTalk>dd {
        font-size: 1.3rem;
        width: calc(100% - 7rem)
    }

    .c-article__cardTalk>dd>small {
        font-size: 1.1rem
    }

    .c-article__episode {
        font-size: 1.2rem;
        font-weight: 400;
        font-family: Roboto,"Noto Sans JP",sans-serif
    }
}

@media only screen and (max-width: 544px) {
    .c-article__card.left .c-article__cardBtn:not([class*="--sp12"]),.c-article__card.left .c-article__cardPh:not([class*="--sp12"]),.c-article__card.left .c-article__cardTxt:not([class*="--sp12"]),.c-article__card.right .c-article__cardBtn:not([class*="--sp12"]),.c-article__card.right .c-article__cardPh:not([class*="--sp12"]),.c-article__card.right .c-article__cardTxt:not([class*="--sp12"]) {
        -webkit-box-ordinal-group:1;
        -ms-flex-order: 0;
        order: 0
    }

    .c-article__card.left .c-article__cardTxt:not([class*="--sp12"]),.c-article__card.right .c-article__cardTxt:not([class*="--sp12"]) {
        padding-right: 0;
        padding-left: 0
    }
}

.c-article__card.float:after {
    content: '.';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.c-article__cardPh.floatLeft,.c-article__cardPh.floatRight {
    margin-top: 0
}

.c-article__cardPh.floatLeft+.c-article__cardTxt,.c-article__cardPh.floatRight+.c-article__cardTxt {
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    .c-article__cardPh.floatLeft,.c-article__cardPh.floatRight {
        width:30%;
        margin-bottom: 1rem
    }

    .c-article__cardPh.floatLeft {
        float: left;
        margin-right: 3.5rem
    }

    .c-article__cardPh.floatRight {
        float: right;
        margin-left: 3.5rem
    }
}

@media only screen and (max-width: 800px) {
    .c-article__cardPh.floatLeft,.c-article__cardPh.floatRight {
        width:40%
    }

    .c-article__cardPh.floatLeft {
        float: left;
        margin-right: 2rem
    }

    .c-article__cardPh.floatRight {
        float: right;
        margin-left: 2rem
    }
}

@media only screen and (max-width: 544px) {
    .c-article__cardPh.floatLeft,.c-article__cardPh.floatRight {
        float:none;
        width: 100%
    }

    .c-article__cardPh.floatLeft {
        margin-right: 0
    }

    .c-article__cardPh.floatRight {
        margin-left: 0
    }
}

.c-article__card.continue {
    margin-top: -4rem
}

.c-article__card.continue .c-img>img {
    margin: 0 auto
}

@media only screen and (min-width: 801px) {
    .l-project-merihariplan .c-article__cardPh.episode5-ph {
        margin-bottom:4rem
    }
}

.l-sales .c-article__cardTalk {
    gap: 0
}

.l-sales .c-article__cardTalk>dt {
    text-align: left
}

.l-sales .c-article__cardTalk>dt::after {
    content: "：";
    padding-left: 8px;
    padding-left: .5rem
}

.l-sales .c-article__cardTalk>dd {
    width: calc(100% - 6rem)
}

@media only screen and (max-width: 800px) {
    .l-sales .c-article__cardTalk>dt {
        width:6rem
    }
}

.c-blogCard a {
    display: block
}

.c-blogCard__ttl {
    display: block;
    font-weight: 500;
    background-color: #efefef
}

.c-blogCard__cont {
    border: solid #efefef;
    border-width: 0 5px 5px
}

.c-blogCard__descTxt {
    display: block;
    font-weight: 500;
    color: #3b7396
}

.c-blogCard__descUrl {
    color: #3b7396;
    border-bottom: 1px solid #3b7396
}

.c-blogCard__btn {
    position: relative;
    border: 1px solid #ddd
}

.c-blogCard__btn>p {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.c-blogCard__btn i {
    position: absolute;
    right: 0;
    background: rgba(0,0,0,.1)
}

.c-blogCard__btn i::before {
    opacity: .25;
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (max-width: 544px) {
    .c-blogCard__btn i::before {
        width:31.2px;
        width: 1.95rem;
        height: 31.2px;
        height: 1.95rem
    }
}

@media only screen and (min-width: 801px) {
    .c-blogCard {
        max-width:96rem;
        margin: auto
    }

    .c-blogCard a {
        -webkit-transition: opacity .25s;
        transition: opacity .25s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-blogCard a:hover {
        opacity: .7
    }

    .c-blogCard a:hover .c-blogCard__btn i::before {
        left: 60%
    }

    .c-blogCard__ttl {
        font-size: 1.4rem;
        padding: 1rem 2rem
    }

    .c-blogCard__cont {
        padding: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-blogCard__ph {
        width: 24rem
    }

    .c-blogCard__desc {
        width: calc(100% - 24rem);
        padding-left: 2.5rem
    }

    .c-blogCard__descTxt {
        font-size: 1.8rem;
        line-height: 1.5;
        margin-bottom: .5rem
    }

    .c-blogCard__btn {
        width: 30rem;
        height: 4rem;
        margin: 2rem 0 0 auto
    }

    .c-blogCard__btn>p {
        font-size: 1.3rem;
        padding-left: 1.5rem
    }

    .c-blogCard__btn i {
        width: 4rem;
        height: 3.8rem
    }

    .c-blogCard__btn i::before {
        -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
        transition: left .2s cubic-bezier(0,0,.25,1) 0s
    }
}

@media only screen and (max-width: 800px) {
    .c-blogCard__ttl {
        font-size:1.4rem;
        padding: 1rem 2rem
    }

    .c-blogCard__cont {
        padding: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-blogCard__ph {
        width: 9rem
    }

    .c-blogCard__desc {
        width: calc(100% - 9rem);
        padding-left: 1rem
    }

    .c-blogCard__descTxt {
        font-size: 1.3rem;
        line-height: 1.3;
        margin-top: -.2rem
    }

    .c-blogCard__descUrl {
        display: inline-block
    }
}

@media only screen and (max-width: 544px) {
    .c-blogCard__descUrl {
        display:none
    }
}

.c-bnr a {
    position: relative;
    display: block;
    background: #333;
    overflow: hidden
}

.c-bnr a>img {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-bnr a:hover>img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .75
}

.c-bnr.separeito {
    background: #000
}

.c-bnr.separeito .c-grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-bnr.separeito a:hover .c-bnr__ph img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .75
}

.c-bnr.separeito .c-bnr__ph {
    overflow: hidden;
    background: #000
}

.c-bnr.separeito .c-bnr__ph img {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-bnr.separeito .c-bnr__desc {
    color: #fff
}

.c-bnr.separeito .c-bnr__desc i {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: rgba(255,255,255,.1)
}

.c-bnr.separeito .c-bnr__desc i::after {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    right: 0
}

@media only screen and (max-width: 544px) {
    .c-bnr.separeito .c-bnr__desc i::after {
        width:28.8px;
        width: 1.8rem;
        height: 28.8px;
        height: 1.8rem
    }
}

.c-bnr.separeito .c-bnr__descTitle {
    font-weight: 500
}

.c-bnr.separeito .c-bnr__descTxt dt {
    font-weight: 500
}

.c-bnr.separeito .c-bnr__descTxt dt small {
    font-weight: 300;
    font-size: .7em
}

@media only screen and (min-width: 801px) {
    .c-bnr.separeito .c-bnr__desc {
        padding:2rem 3rem
    }

    .c-bnr.separeito .c-bnr__desc i {
        width: 6rem
    }

    .c-bnr.separeito .c-bnr__descTitle {
        font-size: 3rem
    }

    .c-bnr.separeito .c-bnr__descTxt dt {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-bnr.separeito .c-bnr__desc {
        position:relative;
        padding: 2rem 4rem 2rem 2rem
    }

    .c-bnr.separeito .c-bnr__desc i {
        width: 4rem
    }

    .c-bnr.separeito .c-bnr__descTitle {
        font-size: 2.4rem
    }

    .c-bnr.separeito .c-bnr__descTxt dt {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 544px) {
    .c-bnr.separeito .c-bnr__desc {
        padding:2rem 3rem 2rem 2rem
    }

    .c-bnr.separeito .c-bnr__desc i {
        width: 3rem
    }
}

.c-bnr.intern this__descTitle {
    font-weight: 500
}

.c-breadcrumb {
    display: none
}

@media only screen and (min-width: 801px) {
    .c-breadcrumb {
        display:block;
        color: gray
    }

    .c-breadcrumb ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-breadcrumb ul li::after {
        content: " ";
        display: inline-block;
        margin: 0 .5em;
        background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
        background-size: contain;
        width: 14.4px;
        width: .9rem;
        height: 14.4px;
        height: .9rem;
        opacity: .8
    }

    .c-breadcrumb ul li:last-child::after {
        display: none
    }
}

.c-breadcrumb.white span {
    color: #f5f5f5
}

.c-breadcrumb.white a {
    color: #fff
}

.c-btnEntry {
    background: #000
}

.c-btnEntry__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background-color: #ce3131;
    height: 6.4rem
}

.c-btnEntry__text {
    color: #fff;
    line-height: 1.35
}

.c-btnEntry__text>em {
    display: block;
    font-style: normal;
    font-weight: 500
}

.c-btnEntry__text>small {
    display: block;
    font-weight: 500
}

.is-set .c-btnEntry__btn {
    height: 5.2rem
}

@media only screen and (min-width: 801px) {
    .c-btnEntry__btn {
        width:22rem;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-btnEntry__btn:hover {
        opacity: .75
    }

    .c-btnEntry__text>em {
        font-size: 1.4rem
    }

    .c-btnEntry__text>small {
        font-size: 1.1rem;
        margin-top: .2rem
    }
}

@media only screen and (min-width: 1280px) {
    .c-btnEntry__btn {
        width:32rem
    }
}

@media only screen and (min-width: 801px) {
    .l-footer .c-btnEntry {
        width:100%
    }

    .l-footer .c-btnEntry__btn {
        width: 100%;
        height: 10rem
    }

    .l-footer .c-btnEntry__text>em {
        font-size: 2rem
    }

    .l-footer .c-btnEntry__text>small {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .l-footer .c-btnEntry {
        width:100%;
        max-width: 36rem;
        margin-left: auto;
        margin-right: auto
    }

    .l-footer .c-btnEntry__btn {
        width: 100%;
        height: 4rem
    }

    .l-footer .c-btnEntry__text>em {
        font-size: 1.2rem
    }

    .l-footer .c-btnEntry__text>small {
        font-size: 1rem
    }
}

@media only screen and (max-width: 800px) {
    .l-spnav .c-btnEntry {
        width:100%
    }

    .l-spnav .c-btnEntry__btn {
        height: 5.2rem
    }
}

.c-btnMore a {
    position: relative;
    display: block;
    max-width: 36rem;
    background: #000;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .3s cubic-bezier(0,0,.25,1) 0s
}

.c-btnMore a p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    line-height: 1.25em!important
}

.c-btnMore a p .small {
    font-size: .92em
}

.c-btnMore a i {
    position: absolute;
    right: 0;
    background: rgba(255,255,255,.25)
}

.c-btnMore a i::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    transition: left .2s cubic-bezier(0,0,.25,1) 0s
}

@media only screen and (max-width: 544px) {
    .c-btnMore a i::before {
        width:31.2px;
        width: 1.95rem;
        height: 31.2px;
        height: 1.95rem
    }
}

.c-btnMore a:hover,.c-btnMore a[target='_blank']:hover {
    opacity: .75
}

.c-btnMore a:hover i::before,.c-btnMore a[target='_blank']:hover i::before {
    left: 60%
}

@media only screen and (min-width: 801px) {
    .c-btnMore {
        margin:3rem 0
    }

    .c-btnMore a {
        height: 6rem
    }

    .c-btnMore a p {
        padding: 0 6rem 0 8.33333%
    }

    .c-btnMore a i {
        width: 5.9rem;
        height: 5.9rem
    }

    .c-btnMore a[target='_blank'] i::before {
        background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
        content: "";
        display: inline-block;
        width: 28.8px;
        width: 1.8rem;
        height: 28.8px;
        height: 1.8rem;
        background-size: contain;
        -webkit-transform: translate(-50%,-50%) translate(2px,1px);
        transform: translate(-50%,-50%) translate(2px,1px)
    }
}

@media only screen and (min-width: 801px) and (max-width:800px) {
    .c-btnMore a[target='_blank'] i::before {
        top:50%
    }
}

@media only screen and (min-width: 801px) and (max-width:544px) {
    .c-btnMore a[target='_blank'] i::before {
        width:43.2px;
        width: 2.7rem;
        height: 37.44px;
        height: 2.34rem
    }
}

@media only screen and (max-width: 800px) {
    .c-btnMore {
        margin:2.5rem 0
    }

    .c-btnMore a {
        height: 4.8rem
    }

    .c-btnMore a p {
        padding: 0 4.8rem 0 2rem
    }

    .c-btnMore a i {
        width: 4.6rem;
        height: 4.6rem
    }

    .c-btnMore a[target='_blank'] i::before {
        background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
        content: "";
        display: inline-block;
        width: 19.2px;
        width: 1.2rem;
        height: 19.2px;
        height: 1.2rem;
        background-size: contain;
        -webkit-transform: translate(-50%,-50%) translate(2px,1px);
        transform: translate(-50%,-50%) translate(2px,1px)
    }
}

@media only screen and (max-width: 800px) and (max-width:800px) {
    .c-btnMore a[target='_blank'] i::before {
        top:50%
    }
}

@media only screen and (max-width: 800px) and (max-width:544px) {
    .c-btnMore a[target='_blank'] i::before {
        width:28.8px;
        width: 1.8rem;
        height: 24.96px;
        height: 1.56rem
    }
}

@media only screen and (max-width: 544px) {
    .c-btnMore a p {
        padding:0 4.8rem 0 2rem
    }
}

.c-btnMore.none {
    position: relative;
    display: block;
    max-width: 36rem;
    background-color: #ededed;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .3s cubic-bezier(0,0,.25,1) 0s
}

.c-btnMore.none p {
    color: #d0d0d0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    line-height: 1.25em!important
}

.c-btnMore.none p .small {
    font-size: .92em
}

.c-btnMore.none i {
    position: absolute;
    right: 0;
    background: rgba(255,255,255,.25)
}

.c-btnMore.none i::before {
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    transition: left .2s cubic-bezier(0,0,.25,1) 0s
}

@media only screen and (max-width: 800px) {
    .c-btnMore.none i::before {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .c-btnMore.none i::before {
        width:31.2px;
        width: 1.95rem;
        height: 27.04px;
        height: 1.69rem
    }
}

.c-btnMore.none+.c-note {
    margin-top: -1.5rem
}

.c-btnMore.none+.c-note li {
    padding-left: 1.5em
}

@media only screen and (min-width: 801px) {
    .c-btnMore.none {
        margin:3rem 0;
        height: 6rem
    }

    .c-btnMore.none p {
        padding: 0 6rem 0 8.33333%
    }

    .c-btnMore.none i {
        width: 5.9rem;
        height: 5.9rem
    }
}

@media only screen and (max-width: 800px) {
    .c-btnMore.none {
        margin:2.5rem 0;
        height: 4.8rem
    }

    .c-btnMore.none p {
        padding: 0 4.8rem 0 2rem
    }

    .c-btnMore.none i {
        width: 4.6rem;
        height: 4.6rem
    }

    .c-btnMore.none+.c-note {
        margin-bottom: 2.5rem
    }
}

@media only screen and (max-width: 544px) {
    .c-btnMore.none p {
        padding:0 4.8rem 0 2rem
    }
}

.c-btnMore.none.full {
    max-width: none
}

@media only screen and (min-width: 801px) {
    .c-btnMore.none.full {
        height:10rem
    }

    .c-btnMore.none.full p {
        font-size: 2.4rem
    }

    .c-btnMore.none.full i {
        width: 9.8rem;
        height: 9.8rem
    }

    .c-btnMore.none.full i::before {
        width: 32px;
        width: 2rem;
        height: 32px;
        height: 2rem
    }
}

.c-btnMore.white a {
    background: #fff;
    color: #000;
    border: 1px solid #ddd
}

.c-btnMore.white a i {
    background-color: rgba(0,0,0,.1)
}

.c-btnMore.white a i::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg);
    opacity: .25
}

.c-btnMore.white a[target='_blank'] i::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank_bk.svg);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-btnMore.white a:hover,.c-btnMore.white a[target='_blank']:hover {
    opacity: .75
}

.c-btnMore.white a:hover i::before,.c-btnMore.white a[target='_blank']:hover i::before {
    left: 60%
}

.c-btnMore.white-blue a {
    background: #fff;
    color: #000;
    border: 1px solid #ddd
}

.c-btnMore.white-blue a i {
    background-color: #3b7396
}

.c-btnMore.blue a {
    background-color: #3b7396
}

.c-btnMore.red a {
    background-color: #ce3131
}

.c-btnMore.full {
    text-align: center
}

.c-btnMore.full a {
    max-width: none
}

@media only screen and (min-width: 801px) {
    .c-btnMore.full a {
        height:10rem
    }

    .c-btnMore.full a p {
        font-size: 2.4rem
    }

    .c-btnMore.full a i {
        width: 9.8rem;
        height: 9.8rem
    }

    .c-btnMore.full a i::before {
        width: 32px;
        width: 2rem;
        height: 32px;
        height: 2rem
    }
}

@media only screen and (min-width: 801px) {
    .c-btnMore.tall a {
        height:8rem
    }

    .c-btnMore.tall a i {
        width: 7.8rem;
        height: 7.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-btnMore.tall a {
        height:6rem
    }

    .c-btnMore.tall a i {
        width: 5.8rem;
        height: 5.8rem
    }
}

.c-btnMore.short a {
    max-width: 30rem
}

.c-btnMore.back a p {
    text-align: center
}

.c-btnMore.back a i {
    left: 0;
    right: auto
}

.c-btnMore.back a i::before {
    -webkit-transform: translate(-50%,-50%) scale(-1,1);
    transform: translate(-50%,-50%) scale(-1,1)
}

.c-btnMore.back a:hover i::before {
    left: 40%
}

@media only screen and (min-width: 801px) {
    .c-btnMore.back a p {
        padding:0 8.33333%
    }
}

@media only screen and (max-width: 800px) {
    .c-btnMore.back a p {
        padding:0 3rem
    }
}

.c-btnMore.center a {
    margin-left: auto;
    margin-right: auto
}

.c-btnMore.right a {
    margin-left: auto;
    margin-right: 0
}

.c-btnShare {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    width: 4rem;
    height: 4rem;
    position: relative;
    display: block
}

.c-btnShare:hover {
    opacity: .7
}

.c-btnShare__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2rem;
    height: 2rem
}

.c-btnShare.x {
    background: #000
}

.c-btnShare.x .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_x.svg);
    width: 1.4rem;
    height: 1.4rem
}

.c-btnShare.fb {
    background: #1877f2
}

.c-btnShare.fb .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_fb.svg)
}

.c-btnShare.in {
    background: #2867b2
}

.c-btnShare.in .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_in.svg)
}

.c-btnShare.youtube {
    background: #ff2300
}

.c-btnShare.youtube .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_youtube.svg)
}

.c-btnShare.line .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_line.svg)
}

.c-btnShare.line {
    background: #00B900
}

.c-btnShare.note {
    background: #41c9b4
}

.c-btnShare.note .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_note.svg)
}

.c-btnShare.instagram {
    background: #ff0176
}

.c-btnShare.instagram .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_instagram.svg)
}

.c-btnShare.tiktok .c-btnShare__icon {
    background-image: url(/recruit/set/common/shared/img/ico/ico_share_tiktok.png);
    width: 3rem;
    height: 3rem
}

.c-btn a {
    position: relative;
    display: block;
    max-width: 36rem;
    background: #000;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .3s cubic-bezier(0,0,.25,1) 0s
}

.c-btn.type4 a {
    position: relative;
    display: block;
    max-width: 36rem;
    background: #484848;
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .3s cubic-bezier(0,0,.25,1) 0s
}

.c-btn a p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    line-height: 1.25em!important
}

.c-btn a p .small {
    font-size: .92em
}

.c-btn a i {
    position: absolute;
    right: 0
}

.c-btn a i::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    transition: left .2s cubic-bezier(0,0,.25,1) 0s
}

@media only screen and (max-width: 544px) {
    .c-btn a i::before {
        width:31.2px;
        width: 1.95rem;
        height: 31.2px;
        height: 1.95rem
    }
}

.c-btn a:hover {
    opacity: .75
}

.c-btn a:hover i::before {
    left: 60%
}

.c-btn a[target='_blank'] i::before {
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    background-size: contain
}

@media only screen and (max-width: 800px) {
    .c-btn a[target='_blank'] i::before {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .c-btn a[target='_blank'] i::before {
        width:36px;
        width: 2.25rem;
        height: 31.2px;
        height: 1.95rem
    }
}

@media only screen and (min-width: 801px) {
    .c-btn {
        margin:3rem 0
    }

    .c-btn a {
        height: 6rem
    }

    .c-btn a p {
        padding: 0 11.11111%
    }

    .c-btn a i {
        width: 5.8rem;
        height: 5.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-btn {
        margin:2.5rem 0
    }

    .c-btn a {
        height: 4.8rem
    }

    .c-btn a p {
        padding: 0 4rem;
        text-align: center
    }

    .c-btn a i {
        width: 4.6rem;
        height: 4.6rem
    }

    .c-btn a i:hover {
        width: 3.6rem
    }
}

.c-btn.white a {
    background: #fff;
    color: #000;
    border: 1px solid #ddd
}

.c-btn.white a i::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg);
    opacity: .25
}

.c-btn.white a[target='_blank'] i::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank_bk.svg)
}

.c-btn.blue a {
    background-color: #3b7396
}

.c-btn.blank a i::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank.svg);
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem
}

.c-btn.blank.white a i::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank_bk.svg)
}

.c-btn.full {
    text-align: center
}

@media only screen and (min-width: 801px) {
    .c-btn.full a {
        max-width:none;
        height: 10rem
    }

    .c-btn.full a p {
        font-size: 2.4rem
    }

    .c-btn.full a i {
        width: 9.8rem;
        height: 9.8rem
    }
}

@media only screen and (min-width: 801px) {
    .c-btn.small a {
        max-width:30rem
    }
}

.c-btn.ExSmall a {
    max-width: 12rem;
    height: 3.6rem
}

.c-btn.ExSmall a>p {
    font-size: 1.2rem;
    text-align: center
}

.c-btn.ExSmall a>i {
    width: 3rem;
    height: 3.6rem
}

.c-btn.ExSmall a>i::before {
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem
}

.c-btn.back a p {
    text-align: center
}

.c-btn.back a i {
    left: 0;
    right: auto
}

.c-btn.back a i::before {
    -webkit-transform: translate(-50%,-50%) scale(-1,1);
    transform: translate(-50%,-50%) scale(-1,1)
}

.c-btn.back a:hover i::before {
    left: 40%
}

@media only screen and (min-width: 801px) {
    .c-btn.back a p {
        padding:0 8.33333%
    }
}

@media only screen and (max-width: 800px) {
    .c-btn.back a p {
        padding:0 3rem
    }
}

.c-btn.center a {
    margin-left: auto;
    margin-right: auto
}

.c-btn.right a {
    margin-left: auto;
    margin-right: 0
}

.c-btn.accordion a {
    background: #fff;
    color: #999;
    border: none
}

.c-btn.accordion a i::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_gray.svg) center center no-repeat
}

.c-btn.accordion a:hover {
    opacity: 1
}

.c-btn.accordion a:hover i::before {
    left: 50%
}

@media only screen and (max-width: 800px) {
    .c-btn.accordion a {
        max-width:100%
    }

    .c-btn.accordion a i:hover {
        width: 4.6rem
    }
}

.c-btn.type1,.c-btn.type2 {
    margin: 0
}

.c-btn.type1 a,.c-btn.type2 a {
    border: 0
}

.c-btn.type1 a[target='_blank'] p strong::after,.c-btn.type2 a[target='_blank'] p strong::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 12.8px;
    margin-left: .8rem;
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank.svg);
    background-size: contain;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    transition: left .2s cubic-bezier(0,0,.25,1) 0s
}

.c-btn.type1 a p,.c-btn.type2 a p {
    padding: 0;
    text-align: center
}

.c-btn.type1 a p strong,.c-btn.type2 a p strong {
    display: block;
    font-weight: 500;
    letter-spacing: 0
}

.c-btn.type1 a p small,.c-btn.type2 a p small {
    display: block
}

.c-btn.type3,.c-btn.type4 {
    margin: 0
}

.c-btn.type3 a,.c-btn.type4 a {
    border: 0
}

.c-btn.type3 a[target='_blank'] p strong::after,.c-btn.type4 a[target='_blank'] p strong::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 12.8px;
    margin-left: .8rem;
    background-image: url(/recruit/set/common/shared/img/ico/ico_blank.svg);
    background-size: contain;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    transition: left .2s cubic-bezier(0,0,.25,1) 0s
}

.c-btn.type3 a p,.c-btn.type4 a p {
    padding: 0;
    text-align: center
}

.c-btn.type3 a p strong,.c-btn.type4 a p strong {
    display: block;
    font-weight: 500;
    letter-spacing: 0
}

.c-btn.type3 a p small,.c-btn.type4 a p small {
    display: block
}

@media only screen and (min-width: 801px) {
    .c-btn.type1 a p strong,.c-btn.type2 a p strong {
        margin-bottom:.5rem;
        font-size: 2rem
    }

    .l-career .c-btn.type1 a p strong,.l-career .c-btn.type2 a p strong {
        margin-bottom: 0
    }

    .c-btn.type1 a p small,.c-btn.type2 a p small {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .c-btn.type1 a,.c-btn.type2 a {
        height:5rem
    }

    .c-btn.type1 a[target='_blank'] p strong::after,.c-btn.type2 a[target='_blank'] p strong::after {
        background-position: center bottom
    }

    .c-btn.type1 a p strong,.c-btn.type2 a p strong {
        font-size: 1.2rem
    }

    .c-btn.type1 a p small,.c-btn.type2 a p small {
        font-size: 1rem
    }

        .c-btn.type3 a,.c-btn.type4 a {
        height:5rem
    }

    .c-btn.type3 a[target='_blank'] p strong::after,.c-btn.type4 a[target='_blank'] p strong::after {
        background-position: center bottom
    }

    .c-btn.type3 a p strong,.c-btn.type4 a p strong {
        font-size: 1.2rem
    }

    .c-btn.type3 a p small,.c-btn.type4 a p small {
        font-size: 1rem
    }

}

.c-btn.type1 {
    background: #000
}

.c-btn.type1 a {
    background: #ce3131
}

.c-btn.type3 a {
    background: #ce3131
}

.l-career .c-btn.type1 a {
    background: #eb8b1b
}

.c-btn.type2 {
    background: #000
}

.c-btn.type2 a {
    background: #3b7396
}

.c-btnCrew {
    width: 100%
}

.c-btnCrew>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

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

.c-btnCrew__txt {
    color: #fff;
    font-weight: 500
}

.c-btnCrew__arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

@media only screen and (min-width: 801px) {
    .c-btnCrew {
        max-width:36rem;
        height: 8rem
    }

    .c-btnCrew>a {
        padding-left: 2.5rem;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-btnCrew>a:hover {
        opacity: .7
    }

    .c-btnCrew__icon {
        width: 4.2rem
    }

    .c-btnCrew__txt {
        font-size: 1.8rem;
        padding-left: 1rem
    }

    .c-btnCrew__arrow {
        width: 8rem
    }

    .c-btnCrew__arrow>img {
        width: 1.4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-btnCrew {
        height:6rem
    }

    .c-btnCrew>a {
        padding-left: 1.5rem
    }

    .c-btnCrew__icon {
        width: 3.4rem
    }

    .c-btnCrew__txt {
        font-size: 1.6rem;
        padding-left: 1rem
    }

    .c-btnCrew__arrow {
        width: 6rem
    }

    .c-btnCrew__arrow>img {
        width: 1.4rem
    }
}

.c-btnCrew>a {
    background-color: #e3bc13
}

.c-btnAdviser {
    width: 100%
}

.c-btnAdviser>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

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

.c-btnAdviser__txt {
    color: #fff;
    font-weight: 500
}

.c-btnAdviser__arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

.c-btnEvent {
    width: 100%
}

.c-btnEvent>a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

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

.c-btnEvent__txt {
    color: #fff;
    font-weight: 500
}

.c-btnEvent__arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

@media only screen and (min-width: 801px) {
    .c-btnAdviser {
        max-width:36rem;
        height: 8rem
    }

    .c-btnAdviser>a {
        padding-left: 2.5rem;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-btnAdviser>a:hover {
        opacity: .7
    }

    .c-btnAdviser__icon {
        width: 4.2rem
    }

    .c-btnAdviser__txt {
        font-size: 1.8rem;
        padding-left: 1rem
    }

    .c-btnAdviser__arrow {
        width: 8rem
    }

    .c-btnAdviser__arrow>img {
        width: 1.4rem
    }

    .c-btnEvent {
        max-width:36rem;
        height: 8rem
    }

    .c-btnEvent>a {
        padding-left: 2.5rem;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-btnEvent>a:hover {
        opacity: .7
    }

    .c-btnEvent__icon {
        width: 4.2rem
    }

    .c-btnEvent__txt {
        font-size: 1.8rem;
        padding-left: 1rem
    }

    .c-btnEvent__arrow {
        width: 8rem
    }

    .c-btnEvent__arrow>img {
        width: 1.4rem
    }

}


@media only screen and (max-width: 800px) {
    .c-btnAdviser {
        height:6rem
    }

    .c-btnAdviser>a {
        padding-left: 1.5rem
    }

    .c-btnAdviser__icon {
        width: 3.4rem
    }

    .c-btnAdviser__txt {
        font-size: 1.6rem;
        padding-left: 1rem
    }

    .c-btnAdviser__arrow {
        width: 6rem
    }

    .c-btnAdviser__arrow>img {
        width: 1.4rem
    }

    .c-btnEvent {
        height:6rem
    }

    .c-btnEvent>a {
        padding-left: 1.5rem
    }

    .c-btnEvent__icon {
        width: 3.4rem
    }

    .c-btnEvent__txt {
        font-size: 1.6rem;
        padding-left: 1rem
    }

    .c-btnEvent__arrow {
        width: 6rem
    }

    .c-btnEvent__arrow>img {
        width: 1.4rem
    }
}

.c-btnAdviser>a {
    background-color: #cd7597
}

.c-btnEvent>a {
    background-color: #007aff
}

.c-cardFaq {
    border-bottom: 1px solid #ddd
}

@media only screen and (min-width: 801px) {
    .c-cardFaq {
        padding-top:1.5rem;
        padding-bottom: 1.5rem
    }
}

.c-cardFaq__text {
    position: relative
}

.c-cardFaq__text i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

@media only screen and (max-width: 800px) {
    .c-cardFaq__text i {
        right:0
    }
}

.c-cardFaq__text i::after,.c-cardFaq__text i::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #ddd;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.c-cardFaq__text i::before {
    width: 100%;
    height: 1px
}

.c-cardFaq__text i::after {
    width: 100%;
    height: 1px;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

@media only screen and (min-width: 801px) {
    .c-cardFaq__text {
        padding:1.5rem 4rem
    }
}

.c-cardFaq__text a {
    text-decoration: underline;
    color: #3b7396
}

@media only screen and (min-width: 801px) {
    .c-cardFaq__text a {
        -webkit-transition:opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (min-width: 801px) {
    .c-cardFaq__text a:hover {
        opacity:.7
    }
}

.c-cardFaq__answer,.c-cardFaq__question {
    position: relative
}

.c-cardFaq__answer>i,.c-cardFaq__question>i {
    position: absolute;
    left: 0;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #ccc;
    font-style: normal;
    line-height: 1em
}

@media only screen and (min-width: 801px) {
    .c-cardFaq__answer>i,.c-cardFaq__question>i {
        top:1.1rem;
        font-size: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-cardFaq__answer>i,.c-cardFaq__question>i {
        font-size:2.6rem
    }
}

.c-cardFaq__question {
    display: block;
    width: 100%;
    text-align: left
}

@media only screen and (min-width: 801px) {
    .c-cardFaq__question {
        -webkit-transition:opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (min-width: 801px) {
    .c-cardFaq__question:hover {
        opacity:.7
    }
}

@media only screen and (max-width: 800px) {
    .c-cardFaq__question>i {
        top:1.3rem
    }
}

@media only screen and (min-width: 801px) {
    .c-cardFaq__question .c-cardFaq__text {
        font-size:1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-cardFaq__question .c-cardFaq__text {
        padding:2rem 3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-cardFaq__question .c-cardFaq__text>i {
        width:2rem;
        height: 2rem
    }
}

.c-cardFaq__answer {
    height: 0
}

.c-cardFaq__answer>* {
    visibility: hidden;
    opacity: 0
}

@media only screen and (max-width: 800px) {
    .c-cardFaq__answer>i {
        top:0
    }
}

@media only screen and (max-width: 800px) {
    .c-cardFaq__answer .c-cardFaq__text {
        padding-left:3rem;
        padding-right: 3rem;
        padding-bottom: 2rem
    }
}

.c-cardFaq.is-open .c-cardFaq__answer {
    height: auto
}

.c-cardFaq.is-open .c-cardFaq__answer>* {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .5s cubic-bezier(0,0,.25,1) .1s,opacity .5s cubic-bezier(0,0,.25,1) .1s;
    transition: visibility .5s cubic-bezier(0,0,.25,1) .1s,opacity .5s cubic-bezier(0,0,.25,1) .1s
}

.c-cardFaq.is-open .c-cardFaq__text i::after {
    display: none
}

.c-cardFaq.colBlue .c-cardFaq__question>i {
    color: #89c9fb;
    -webkit-transition: color .5s cubic-bezier(0,0,.25,1);
    transition: color .5s cubic-bezier(0,0,.25,1)
}

.c-cardFaq.colBlue .c-cardFaq__answer>i {
    color: #2968f8
}

.c-cardFaq.colBlue .c-cardFaq__text {
    color: #151e3c
}

.c-cardFaq.colBlue .c-cardFaq__text>i::after,.c-cardFaq.colBlue .c-cardFaq__text>i::before {
    background-color: #2968f8
}

.c-cardFaq.colBlue.is-open .c-cardFaq__question>i {
    color: #2968f8
}

.c-cardProf__ph {
    margin-bottom: 1.25em
}

.c-cardProf__desc {
    text-align: center
}

.c-cardProf__desc dt {
    margin-bottom: .5em
}

@media only screen and (min-width: 801px) {
    .c-cardProf {
        width:35rem
    }
}

.c-cardDiscussion dl {
    position: relative;
    margin: 1.5em 0
}

.c-cardDiscussion dl dt {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 500
}

.c-cardDiscussion dl dd {
    margin-left: 4em
}

@media only screen and (min-width: 801px) {
    .c-decorationTitle {
        position:relative;
        width: 70.83333%;
        height: 26rem;
        background-color: #f2f2f2;
        margin-top: 1rem;
        margin-bottom: -13rem
    }

    .c-decorationTitle>picture>img {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 289px;
        right: 64.70588%;
        z-index: 2
    }
}

.c-employmentLink {
    text-align: center
}

.c-employmentLink>* {
    text-align: left
}

.c-employmentLink__ttl {
    display: inline-block;
    font-weight: 500;
    border-bottom: 2px solid #000;
    padding-bottom: .8em;
    margin-bottom: 1.3em
}

@media only screen and (min-width: 801px) {
    .c-employmentLink {
        max-width:96rem;
        margin: auto
    }

    .c-employmentLink__ttl {
        font-size: 1.8rem;
        margin-bottom: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-employmentLink__ttl {
        font-size:1.6rem;
        margin-bottom: 2rem
    }
}

.c-floatBnr {
    position: fixed;
    z-index: 997
}

@media only screen and (min-width: 801px) {
    .c-floatBnr {
        right:2rem;
        bottom: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .c-floatBnr {
        right:1rem;
        bottom: 8rem
    }
}

.c-floatBnr__close {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(-100%,-100%,0);
    transform: translate3d(-100%,-100%,0);
    display: block;
    border-radius: 50%;
    z-index: 1
}

@media only screen and (min-width: 801px) {
    .c-floatBnr__close>img {
        width:2.4rem;
        height: 2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-floatBnr__close>img {
        width:2rem;
        height: 2rem
    }
}

.c-floatBnr__link {
    display: block
}

@media only screen and (min-width: 801px) {
    .c-floatBnr__link {
        width:34rem
    }

    .c-floatBnr__link:hover>img {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.85" /><feFuncG type="linear" slope="0.85" /><feFuncB type="linear" slope="0.85" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(.85);
        filter: brightness(.85)
    }
}

@media only screen and (max-width: 800px) {
    .c-floatBnr__link {
        width:23.3rem
    }
}

@media only screen and (min-width: 801px) {
    .c-floatBnr__link>img {
        -webkit-transition:-webkit-filter .3s cubic-bezier(0,0,.25,1);
        transition: -webkit-filter .3s cubic-bezier(0,0,.25,1);
        transition: filter .3s cubic-bezier(0,0,.25,1);
        transition: filter .3s cubic-bezier(0,0,.25,1),-webkit-filter .3s cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (max-width: 800px) {
    .c-floatBnr.is-careerpath {
        right:1.5rem;
        bottom: 1.5rem
    }
}

.c-floatBnr.is-careerpath .c-floatBnr__close {
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

@media only screen and (max-width: 800px) {
    .c-floatBnr.is-careerpath .c-floatBnr__link {
        width:32.5rem
    }
}

.c-footNote {
    color: gray;
    position: relative;
    z-index: 1
}

.c-footNote--black {
    background-color: #000;
    color: #b3b3b3;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 801px) {
    .c-footNote {
        padding-left:3rem;
        padding-right: 3rem
    }

    .c-footNote__inner {
        text-align: right;
        padding-top: 7rem;
        max-width: 120rem;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: -3rem
    }

    .c-footNote__txt {
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-footNote__inner {
        text-align:center;
        padding: 4rem 3rem 0;
        margin-bottom: -1rem
    }

    .c-footNote__txt {
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 544px) {
    .c-footNote__inner {
        padding:4rem 2rem 0
    }
}

.c-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-grid.middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 801px) {
    .c-grid__cell1 {
        width:8.33333%
    }

    .c-grid__cell1--sp1 {
        width: 8.33333%
    }

    .c-grid__cell1--sp2 {
        width: 8.33333%
    }

    .c-grid__cell1--sp3 {
        width: 8.33333%
    }

    .c-grid__cell1--sp4 {
        width: 8.33333%
    }

    .c-grid__cell1--sp5 {
        width: 8.33333%
    }

    .c-grid__cell1--sp6 {
        width: 8.33333%
    }

    .c-grid__cell1--sp7 {
        width: 8.33333%
    }

    .c-grid__cell1--sp8 {
        width: 8.33333%
    }

    .c-grid__cell1--sp9 {
        width: 8.33333%
    }

    .c-grid__cell1--sp10 {
        width: 8.33333%
    }

    .c-grid__cell1--sp11 {
        width: 8.33333%
    }

    .c-grid__cell1--sp12 {
        width: 8.33333%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell1--sp1 {
        width:8.33333%
    }

    .c-grid__cell1--sp2 {
        width: 16.66667%
    }

    .c-grid__cell1--sp3 {
        width: 25%
    }

    .c-grid__cell1--sp4 {
        width: 33.33333%
    }

    .c-grid__cell1--sp5 {
        width: 41.66667%
    }

    .c-grid__cell1--sp6 {
        width: 50%
    }

    .c-grid__cell1--sp7 {
        width: 58.33333%
    }

    .c-grid__cell1--sp8 {
        width: 66.66667%
    }

    .c-grid__cell1--sp9 {
        width: 75%
    }

    .c-grid__cell1--sp10 {
        width: 83.33333%
    }

    .c-grid__cell1--sp11 {
        width: 91.66667%
    }

    .c-grid__cell1--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell2 {
        width:16.66667%
    }

    .c-grid__cell2--sp1 {
        width: 16.66667%
    }

    .c-grid__cell2--sp2 {
        width: 16.66667%
    }

    .c-grid__cell2--sp3 {
        width: 16.66667%
    }

    .c-grid__cell2--sp4 {
        width: 16.66667%
    }

    .c-grid__cell2--sp5 {
        width: 16.66667%
    }

    .c-grid__cell2--sp6 {
        width: 16.66667%
    }

    .c-grid__cell2--sp7 {
        width: 16.66667%
    }

    .c-grid__cell2--sp8 {
        width: 16.66667%
    }

    .c-grid__cell2--sp9 {
        width: 16.66667%
    }

    .c-grid__cell2--sp10 {
        width: 16.66667%
    }

    .c-grid__cell2--sp11 {
        width: 16.66667%
    }

    .c-grid__cell2--sp12 {
        width: 16.66667%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell2--sp1 {
        width:8.33333%
    }

    .c-grid__cell2--sp2 {
        width: 16.66667%
    }

    .c-grid__cell2--sp3 {
        width: 25%
    }

    .c-grid__cell2--sp4 {
        width: 33.33333%
    }

    .c-grid__cell2--sp5 {
        width: 41.66667%
    }

    .c-grid__cell2--sp6 {
        width: 50%
    }

    .c-grid__cell2--sp7 {
        width: 58.33333%
    }

    .c-grid__cell2--sp8 {
        width: 66.66667%
    }

    .c-grid__cell2--sp9 {
        width: 75%
    }

    .c-grid__cell2--sp10 {
        width: 83.33333%
    }

    .c-grid__cell2--sp11 {
        width: 91.66667%
    }

    .c-grid__cell2--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell3 {
        width:25%
    }

    .c-grid__cell3--sp1 {
        width: 25%
    }

    .c-grid__cell3--sp2 {
        width: 25%
    }

    .c-grid__cell3--sp3 {
        width: 25%
    }

    .c-grid__cell3--sp4 {
        width: 25%
    }

    .c-grid__cell3--sp5 {
        width: 25%
    }

    .c-grid__cell3--sp6 {
        width: 25%
    }

    .c-grid__cell3--sp7 {
        width: 25%
    }

    .c-grid__cell3--sp8 {
        width: 25%
    }

    .c-grid__cell3--sp9 {
        width: 25%
    }

    .c-grid__cell3--sp10 {
        width: 25%
    }

    .c-grid__cell3--sp11 {
        width: 25%
    }

    .c-grid__cell3--sp12 {
        width: 25%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell3--sp1 {
        width:8.33333%
    }

    .c-grid__cell3--sp2 {
        width: 16.66667%
    }

    .c-grid__cell3--sp3 {
        width: 25%
    }

    .c-grid__cell3--sp4 {
        width: 33.33333%
    }

    .c-grid__cell3--sp5 {
        width: 41.66667%
    }

    .c-grid__cell3--sp6 {
        width: 50%
    }

    .c-grid__cell3--sp7 {
        width: 58.33333%
    }

    .c-grid__cell3--sp8 {
        width: 66.66667%
    }

    .c-grid__cell3--sp9 {
        width: 75%
    }

    .c-grid__cell3--sp10 {
        width: 83.33333%
    }

    .c-grid__cell3--sp11 {
        width: 91.66667%
    }

    .c-grid__cell3--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell4 {
        width:33.33333%
    }

    .c-grid__cell4--sp1 {
        width: 33.33333%
    }

    .c-grid__cell4--sp2 {
        width: 33.33333%
    }

    .c-grid__cell4--sp3 {
        width: 33.33333%
    }

    .c-grid__cell4--sp4 {
        width: 33.33333%
    }

    .c-grid__cell4--sp5 {
        width: 33.33333%
    }

    .c-grid__cell4--sp6 {
        width: 33.33333%
    }

    .c-grid__cell4--sp7 {
        width: 33.33333%
    }

    .c-grid__cell4--sp8 {
        width: 33.33333%
    }

    .c-grid__cell4--sp9 {
        width: 33.33333%
    }

    .c-grid__cell4--sp10 {
        width: 33.33333%
    }

    .c-grid__cell4--sp11 {
        width: 33.33333%
    }

    .c-grid__cell4--sp12 {
        width: 33.33333%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell4--sp1 {
        width:8.33333%
    }

    .c-grid__cell4--sp2 {
        width: 16.66667%
    }

    .c-grid__cell4--sp3 {
        width: 25%
    }

    .c-grid__cell4--sp4 {
        width: 33.33333%
    }

    .c-grid__cell4--sp5 {
        width: 41.66667%
    }

    .c-grid__cell4--sp6 {
        width: 50%
    }

    .c-grid__cell4--sp7 {
        width: 58.33333%
    }

    .c-grid__cell4--sp8 {
        width: 66.66667%
    }

    .c-grid__cell4--sp9 {
        width: 75%
    }

    .c-grid__cell4--sp10 {
        width: 83.33333%
    }

    .c-grid__cell4--sp11 {
        width: 91.66667%
    }

    .c-grid__cell4--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell5 {
        width:41.66667%
    }

    .c-grid__cell5--sp1 {
        width: 41.66667%
    }

    .c-grid__cell5--sp2 {
        width: 41.66667%
    }

    .c-grid__cell5--sp3 {
        width: 41.66667%
    }

    .c-grid__cell5--sp4 {
        width: 41.66667%
    }

    .c-grid__cell5--sp5 {
        width: 41.66667%
    }

    .c-grid__cell5--sp6 {
        width: 41.66667%
    }

    .c-grid__cell5--sp7 {
        width: 41.66667%
    }

    .c-grid__cell5--sp8 {
        width: 41.66667%
    }

    .c-grid__cell5--sp9 {
        width: 41.66667%
    }

    .c-grid__cell5--sp10 {
        width: 41.66667%
    }

    .c-grid__cell5--sp11 {
        width: 41.66667%
    }

    .c-grid__cell5--sp12 {
        width: 41.66667%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell5--sp1 {
        width:8.33333%
    }

    .c-grid__cell5--sp2 {
        width: 16.66667%
    }

    .c-grid__cell5--sp3 {
        width: 25%
    }

    .c-grid__cell5--sp4 {
        width: 33.33333%
    }

    .c-grid__cell5--sp5 {
        width: 41.66667%
    }

    .c-grid__cell5--sp6 {
        width: 50%
    }

    .c-grid__cell5--sp7 {
        width: 58.33333%
    }

    .c-grid__cell5--sp8 {
        width: 66.66667%
    }

    .c-grid__cell5--sp9 {
        width: 75%
    }

    .c-grid__cell5--sp10 {
        width: 83.33333%
    }

    .c-grid__cell5--sp11 {
        width: 91.66667%
    }

    .c-grid__cell5--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell6 {
        width:50%
    }

    .c-grid__cell6--sp1 {
        width: 50%
    }

    .c-grid__cell6--sp2 {
        width: 50%
    }

    .c-grid__cell6--sp3 {
        width: 50%
    }

    .c-grid__cell6--sp4 {
        width: 50%
    }

    .c-grid__cell6--sp5 {
        width: 50%
    }

    .c-grid__cell6--sp6 {
        width: 50%
    }

    .c-grid__cell6--sp7 {
        width: 50%
    }

    .c-grid__cell6--sp8 {
        width: 50%
    }

    .c-grid__cell6--sp9 {
        width: 50%
    }

    .c-grid__cell6--sp10 {
        width: 50%
    }

    .c-grid__cell6--sp11 {
        width: 50%
    }

    .c-grid__cell6--sp12 {
        width: 50%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell6--sp1 {
        width:8.33333%
    }

    .c-grid__cell6--sp2 {
        width: 16.66667%
    }

    .c-grid__cell6--sp3 {
        width: 25%
    }

    .c-grid__cell6--sp4 {
        width: 33.33333%
    }

    .c-grid__cell6--sp5 {
        width: 41.66667%
    }

    .c-grid__cell6--sp6 {
        width: 50%
    }

    .c-grid__cell6--sp7 {
        width: 58.33333%
    }

    .c-grid__cell6--sp8 {
        width: 66.66667%
    }

    .c-grid__cell6--sp9 {
        width: 75%
    }

    .c-grid__cell6--sp10 {
        width: 83.33333%
    }

    .c-grid__cell6--sp11 {
        width: 91.66667%
    }

    .c-grid__cell6--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell7 {
        width:58.33333%
    }

    .c-grid__cell7--sp1 {
        width: 58.33333%
    }

    .c-grid__cell7--sp2 {
        width: 58.33333%
    }

    .c-grid__cell7--sp3 {
        width: 58.33333%
    }

    .c-grid__cell7--sp4 {
        width: 58.33333%
    }

    .c-grid__cell7--sp5 {
        width: 58.33333%
    }

    .c-grid__cell7--sp6 {
        width: 58.33333%
    }

    .c-grid__cell7--sp7 {
        width: 58.33333%
    }

    .c-grid__cell7--sp8 {
        width: 58.33333%
    }

    .c-grid__cell7--sp9 {
        width: 58.33333%
    }

    .c-grid__cell7--sp10 {
        width: 58.33333%
    }

    .c-grid__cell7--sp11 {
        width: 58.33333%
    }

    .c-grid__cell7--sp12 {
        width: 58.33333%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell7--sp1 {
        width:8.33333%
    }

    .c-grid__cell7--sp2 {
        width: 16.66667%
    }

    .c-grid__cell7--sp3 {
        width: 25%
    }

    .c-grid__cell7--sp4 {
        width: 33.33333%
    }

    .c-grid__cell7--sp5 {
        width: 41.66667%
    }

    .c-grid__cell7--sp6 {
        width: 50%
    }

    .c-grid__cell7--sp7 {
        width: 58.33333%
    }

    .c-grid__cell7--sp8 {
        width: 66.66667%
    }

    .c-grid__cell7--sp9 {
        width: 75%
    }

    .c-grid__cell7--sp10 {
        width: 83.33333%
    }

    .c-grid__cell7--sp11 {
        width: 91.66667%
    }

    .c-grid__cell7--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell8 {
        width:66.66667%
    }

    .c-grid__cell8--sp1 {
        width: 66.66667%
    }

    .c-grid__cell8--sp2 {
        width: 66.66667%
    }

    .c-grid__cell8--sp3 {
        width: 66.66667%
    }

    .c-grid__cell8--sp4 {
        width: 66.66667%
    }

    .c-grid__cell8--sp5 {
        width: 66.66667%
    }

    .c-grid__cell8--sp6 {
        width: 66.66667%
    }

    .c-grid__cell8--sp7 {
        width: 66.66667%
    }

    .c-grid__cell8--sp8 {
        width: 66.66667%
    }

    .c-grid__cell8--sp9 {
        width: 66.66667%
    }

    .c-grid__cell8--sp10 {
        width: 66.66667%
    }

    .c-grid__cell8--sp11 {
        width: 66.66667%
    }

    .c-grid__cell8--sp12 {
        width: 66.66667%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell8--sp1 {
        width:8.33333%
    }

    .c-grid__cell8--sp2 {
        width: 16.66667%
    }

    .c-grid__cell8--sp3 {
        width: 25%
    }

    .c-grid__cell8--sp4 {
        width: 33.33333%
    }

    .c-grid__cell8--sp5 {
        width: 41.66667%
    }

    .c-grid__cell8--sp6 {
        width: 50%
    }

    .c-grid__cell8--sp7 {
        width: 58.33333%
    }

    .c-grid__cell8--sp8 {
        width: 66.66667%
    }

    .c-grid__cell8--sp9 {
        width: 75%
    }

    .c-grid__cell8--sp10 {
        width: 83.33333%
    }

    .c-grid__cell8--sp11 {
        width: 91.66667%
    }

    .c-grid__cell8--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell9 {
        width:75%
    }

    .c-grid__cell9--sp1 {
        width: 75%
    }

    .c-grid__cell9--sp2 {
        width: 75%
    }

    .c-grid__cell9--sp3 {
        width: 75%
    }

    .c-grid__cell9--sp4 {
        width: 75%
    }

    .c-grid__cell9--sp5 {
        width: 75%
    }

    .c-grid__cell9--sp6 {
        width: 75%
    }

    .c-grid__cell9--sp7 {
        width: 75%
    }

    .c-grid__cell9--sp8 {
        width: 75%
    }

    .c-grid__cell9--sp9 {
        width: 75%
    }

    .c-grid__cell9--sp10 {
        width: 75%
    }

    .c-grid__cell9--sp11 {
        width: 75%
    }

    .c-grid__cell9--sp12 {
        width: 75%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell9--sp1 {
        width:8.33333%
    }

    .c-grid__cell9--sp2 {
        width: 16.66667%
    }

    .c-grid__cell9--sp3 {
        width: 25%
    }

    .c-grid__cell9--sp4 {
        width: 33.33333%
    }

    .c-grid__cell9--sp5 {
        width: 41.66667%
    }

    .c-grid__cell9--sp6 {
        width: 50%
    }

    .c-grid__cell9--sp7 {
        width: 58.33333%
    }

    .c-grid__cell9--sp8 {
        width: 66.66667%
    }

    .c-grid__cell9--sp9 {
        width: 75%
    }

    .c-grid__cell9--sp10 {
        width: 83.33333%
    }

    .c-grid__cell9--sp11 {
        width: 91.66667%
    }

    .c-grid__cell9--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell10 {
        width:83.33333%
    }

    .c-grid__cell10--sp1 {
        width: 83.33333%
    }

    .c-grid__cell10--sp2 {
        width: 83.33333%
    }

    .c-grid__cell10--sp3 {
        width: 83.33333%
    }

    .c-grid__cell10--sp4 {
        width: 83.33333%
    }

    .c-grid__cell10--sp5 {
        width: 83.33333%
    }

    .c-grid__cell10--sp6 {
        width: 83.33333%
    }

    .c-grid__cell10--sp7 {
        width: 83.33333%
    }

    .c-grid__cell10--sp8 {
        width: 83.33333%
    }

    .c-grid__cell10--sp9 {
        width: 83.33333%
    }

    .c-grid__cell10--sp10 {
        width: 83.33333%
    }

    .c-grid__cell10--sp11 {
        width: 83.33333%
    }

    .c-grid__cell10--sp12 {
        width: 83.33333%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell10--sp1 {
        width:8.33333%
    }

    .c-grid__cell10--sp2 {
        width: 16.66667%
    }

    .c-grid__cell10--sp3 {
        width: 25%
    }

    .c-grid__cell10--sp4 {
        width: 33.33333%
    }

    .c-grid__cell10--sp5 {
        width: 41.66667%
    }

    .c-grid__cell10--sp6 {
        width: 50%
    }

    .c-grid__cell10--sp7 {
        width: 58.33333%
    }

    .c-grid__cell10--sp8 {
        width: 66.66667%
    }

    .c-grid__cell10--sp9 {
        width: 75%
    }

    .c-grid__cell10--sp10 {
        width: 83.33333%
    }

    .c-grid__cell10--sp11 {
        width: 91.66667%
    }

    .c-grid__cell10--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell11 {
        width:91.66667%
    }

    .c-grid__cell11--sp1 {
        width: 91.66667%
    }

    .c-grid__cell11--sp2 {
        width: 91.66667%
    }

    .c-grid__cell11--sp3 {
        width: 91.66667%
    }

    .c-grid__cell11--sp4 {
        width: 91.66667%
    }

    .c-grid__cell11--sp5 {
        width: 91.66667%
    }

    .c-grid__cell11--sp6 {
        width: 91.66667%
    }

    .c-grid__cell11--sp7 {
        width: 91.66667%
    }

    .c-grid__cell11--sp8 {
        width: 91.66667%
    }

    .c-grid__cell11--sp9 {
        width: 91.66667%
    }

    .c-grid__cell11--sp10 {
        width: 91.66667%
    }

    .c-grid__cell11--sp11 {
        width: 91.66667%
    }

    .c-grid__cell11--sp12 {
        width: 91.66667%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell11--sp1 {
        width:8.33333%
    }

    .c-grid__cell11--sp2 {
        width: 16.66667%
    }

    .c-grid__cell11--sp3 {
        width: 25%
    }

    .c-grid__cell11--sp4 {
        width: 33.33333%
    }

    .c-grid__cell11--sp5 {
        width: 41.66667%
    }

    .c-grid__cell11--sp6 {
        width: 50%
    }

    .c-grid__cell11--sp7 {
        width: 58.33333%
    }

    .c-grid__cell11--sp8 {
        width: 66.66667%
    }

    .c-grid__cell11--sp9 {
        width: 75%
    }

    .c-grid__cell11--sp10 {
        width: 83.33333%
    }

    .c-grid__cell11--sp11 {
        width: 91.66667%
    }

    .c-grid__cell11--sp12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid__cell12 {
        width:100%
    }

    .c-grid__cell12--sp1 {
        width: 100%
    }

    .c-grid__cell12--sp2 {
        width: 100%
    }

    .c-grid__cell12--sp3 {
        width: 100%
    }

    .c-grid__cell12--sp4 {
        width: 100%
    }

    .c-grid__cell12--sp5 {
        width: 100%
    }

    .c-grid__cell12--sp6 {
        width: 100%
    }

    .c-grid__cell12--sp7 {
        width: 100%
    }

    .c-grid__cell12--sp8 {
        width: 100%
    }

    .c-grid__cell12--sp9 {
        width: 100%
    }

    .c-grid__cell12--sp10 {
        width: 100%
    }

    .c-grid__cell12--sp11 {
        width: 100%
    }

    .c-grid__cell12--sp12 {
        width: 100%
    }
}

@media only screen and (max-width: 800px) {
    .c-grid__cell12--sp1 {
        width:8.33333%
    }

    .c-grid__cell12--sp2 {
        width: 16.66667%
    }

    .c-grid__cell12--sp3 {
        width: 25%
    }

    .c-grid__cell12--sp4 {
        width: 33.33333%
    }

    .c-grid__cell12--sp5 {
        width: 41.66667%
    }

    .c-grid__cell12--sp6 {
        width: 50%
    }

    .c-grid__cell12--sp7 {
        width: 58.33333%
    }

    .c-grid__cell12--sp8 {
        width: 66.66667%
    }

    .c-grid__cell12--sp9 {
        width: 75%
    }

    .c-grid__cell12--sp10 {
        width: 83.33333%
    }

    .c-grid__cell12--sp11 {
        width: 91.66667%
    }

    .c-grid__cell12--sp12 {
        width: 100%
    }
}

@media only screen and (max-width: 544px) {
    .c-grid [class*=c-grid__cell].sps1 {
        width:8.33333%
    }

    .c-grid [class*=c-grid__cell].sps2 {
        width: 16.66667%
    }

    .c-grid [class*=c-grid__cell].sps3 {
        width: 25%
    }

    .c-grid [class*=c-grid__cell].sps4 {
        width: 33.33333%
    }

    .c-grid [class*=c-grid__cell].sps5 {
        width: 41.66667%
    }

    .c-grid [class*=c-grid__cell].sps6 {
        width: 50%
    }

    .c-grid [class*=c-grid__cell].sps7 {
        width: 58.33333%
    }

    .c-grid [class*=c-grid__cell].sps8 {
        width: 66.66667%
    }

    .c-grid [class*=c-grid__cell].sps9 {
        width: 75%
    }

    .c-grid [class*=c-grid__cell].sps10 {
        width: 83.33333%
    }

    .c-grid [class*=c-grid__cell].sps11 {
        width: 91.66667%
    }

    .c-grid [class*=c-grid__cell].sps12 {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-grid.gutterPc {
        margin:0 -1rem
    }

    .c-grid.gutterPc>* {
        padding: 0 1rem
    }
}

.c-hdgCursive {
    position: relative;
    z-index: 0;
    line-height: 1.5em;
    font-weight: 500;
    color: #000
}

.c-hdgCursive p {
    position: relative;
    z-index: 1
}

.c-hdgCursive i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: 0;
    left: 0;
    height: 1px
}

.c-hdgCursive i img {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive {
        margin-bottom:6rem;
        font-size: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive {
        margin-bottom:3rem;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive {
        margin-bottom:2.4rem;
        font-size: 2rem
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive.fsL {
        font-size:3.6rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive.fsL {
        font-size:3rem
    }
}

@media only screen and (max-width: 544px) {
    .c-hdgCursive.fsL {
        font-size:2.8rem
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive.fsM {
        font-size:2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive.fsM {
        font-size:2rem
    }
}

@media only screen and (max-width: 544px) {
    .c-hdgCursive.fsM {
        font-size:1.8rem
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive.fsS {
        font-size:1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive.fsS {
        font-size:1.6rem
    }
}

.c-hdgCursive.white {
    color: #fff
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.entry {
        width:36.4rem
    }

    .c-hdgCursive i.entry img {
        -webkit-transform: translate(-40%,-33%);
        transform: translate(-40%,-33%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.entry {
        width:24.024rem
    }

    .c-hdgCursive i.entry img {
        -webkit-transform: translate(-20%,-33%);
        transform: translate(-20%,-33%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.company {
        width:58.6rem
    }

    .c-hdgCursive i.company img {
        -webkit-transform: translate(-33%,-56%);
        transform: translate(-33%,-56%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.company {
        width:32rem
    }

    .c-hdgCursive i.company img {
        -webkit-transform: translate(-10%,-50%);
        transform: translate(-10%,-50%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.special {
        width:51rem
    }

    .c-hdgCursive i.special img {
        -webkit-transform: translate(-33%,-30%);
        transform: translate(-33%,-30%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.special {
        width:33.66rem
    }

    .c-hdgCursive i.special img {
        -webkit-transform: translate(-20%,-30%);
        transform: translate(-20%,-30%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.project {
        width:67.2rem
    }

    .c-hdgCursive i.project img {
        -webkit-transform: translate(-20%,-38%);
        transform: translate(-20%,-38%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.project {
        width:44.352rem
    }

    .c-hdgCursive i.project img {
        -webkit-transform: translate(-15%,-38%);
        transform: translate(-15%,-38%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.crosstalk {
        width:73.6rem
    }

    .c-hdgCursive i.crosstalk img {
        -webkit-transform: translate(-25%,-30%);
        transform: translate(-25%,-30%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.crosstalk {
        width:37.5rem
    }

    .c-hdgCursive i.crosstalk img {
        -webkit-transform: translate(-10%,-36%);
        transform: translate(-10%,-36%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.people {
        width:80.5rem
    }

    .c-hdgCursive i.people img {
        -webkit-transform: translate(-20%,-20%);
        transform: translate(-20%,-20%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.people {
        width:40rem
    }

    .c-hdgCursive i.people img {
        -webkit-transform: translate(-10%,-33%);
        transform: translate(-10%,-33%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.recruit {
        width:56rem
    }

    .c-hdgCursive i.recruit img {
        -webkit-transform: translate(-33%,-33%);
        transform: translate(-33%,-33%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.recruit {
        width:36.96rem
    }

    .c-hdgCursive i.recruit img {
        -webkit-transform: translate(-10%,-33%);
        transform: translate(-10%,-33%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.workstyle {
        width:75.7rem
    }

    .c-hdgCursive i.workstyle img {
        -webkit-transform: translate(-18%,-40%);
        transform: translate(-18%,-40%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.workstyle {
        width:37.5rem
    }

    .c-hdgCursive i.workstyle img {
        -webkit-transform: translate(-18%,-40%);
        transform: translate(-18%,-40%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.support_culture {
        width:70.3rem
    }

    .c-hdgCursive i.support_culture img {
        -webkit-transform: translate(-28%,-37%);
        transform: translate(-28%,-37%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.support_culture {
        width:46.398rem
    }

    .c-hdgCursive i.support_culture img {
        -webkit-transform: translate(-28%,-37%);
        transform: translate(-28%,-37%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.talk01 {
        width:30rem
    }

    .c-hdgCursive i.talk01 img {
        -webkit-transform: translate(-20%,-75%);
        transform: translate(-20%,-75%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.talk01 {
        width:19.8rem
    }

    .c-hdgCursive i.talk01 img {
        -webkit-transform: translate(-20%,-75%);
        transform: translate(-20%,-75%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.retailerCrew {
        width:80rem
    }

    .c-hdgCursive i.retailerCrew img {
        -webkit-transform: translate(-18%,-38%);
        transform: translate(-18%,-38%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.retailerCrew {
        width:52.8rem
    }

    .c-hdgCursive i.retailerCrew img {
        -webkit-transform: translate(-18%,-38%);
        transform: translate(-18%,-38%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.shopCrew {
        width:61.7rem
    }

    .c-hdgCursive i.shopCrew img {
        -webkit-transform: translate(-24%,-45%);
        transform: translate(-24%,-45%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.shopCrew {
        width:40.722rem
    }

    .c-hdgCursive i.shopCrew img {
        -webkit-transform: translate(-24%,-45%);
        transform: translate(-24%,-45%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.welfare {
        width:56.2rem
    }

    .c-hdgCursive i.welfare img {
        -webkit-transform: translate(-28%,-37%);
        transform: translate(-28%,-37%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.welfare {
        width:37.092rem
    }

    .c-hdgCursive i.welfare img {
        -webkit-transform: translate(-28%,-37%);
        transform: translate(-28%,-37%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.specialmovie {
        width:51rem
    }

    .c-hdgCursive i.specialmovie img {
        -webkit-transform: translate(-5%,-20%);
        transform: translate(-5%,-20%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.specialmovie {
        width:33.66rem
    }

    .c-hdgCursive i.specialmovie img {
        -webkit-transform: translate(-5%,-20%);
        transform: translate(-5%,-20%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.career_vision {
        width:62.2rem
    }

    .c-hdgCursive i.career_vision img {
        -webkit-transform: translate(-23%,-37%);
        transform: translate(-23%,-37%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.career_vision {
        width:37.5rem
    }

    .c-hdgCursive i.career_vision img {
        -webkit-transform: translate(-9%,-37%);
        transform: translate(-9%,-37%)
    }
}

@media only screen and (min-width: 801px) {
    .c-hdgCursive i.information {
        width:69.8rem
    }

    .c-hdgCursive i.information img {
        -webkit-transform: translate(-23%,-45%);
        transform: translate(-23%,-45%)
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgCursive i.information {
        width:24.5rem
    }

    .c-hdgCursive i.information img {
        -webkit-transform: translate(-10%,-52%);
        transform: translate(-10%,-52%)
    }
}

.c-hdgGraduate--sm__icn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 2rem
}

@media only screen and (min-width: 801px) {
    .c-hdgGraduate--sm__icn {
        height:6rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgGraduate--sm__icn {
        width:3.9rem
    }
}

.c-hdgGraduate--md__main,.c-hdgGraduate--sm__main,.c-hdgGraduate__main {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: "Hiragino Sans","Noto Sans JP",sans-serif;
    vertical-align: middle
}

@media only screen and (max-width: 800px) {
    .c-hdgGraduate--md__main,.c-hdgGraduate--sm__main,.c-hdgGraduate__main {
        margin-right:1rem
    }
}

.c-hdgGraduate__sub {
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 400
}

@media only screen and (max-width: 800px) {
    .c-hdgGraduate__sub {
        display:block
    }
}

.c-hdgGraduate__main {
    font-weight: 900
}

@media only screen and (min-width: 801px) {
    .c-hdgGraduate__main {
        margin-right:1.5rem;
        font-size: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgGraduate__main {
        font-size:2rem
    }
}

.c-hdgGraduate__sub {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .c-hdgGraduate__sub {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgGraduate__sub {
        font-size:.9rem
    }
}

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

.c-hdgGraduate--md__main {
    font-weight: 800
}

@media only screen and (min-width: 801px) {
    .c-hdgGraduate--md__main {
        margin-right:2rem;
        font-size: 2.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgGraduate--md__main {
        font-size:1.8rem
    }
}

.c-hdgGraduate--md::after {
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #fff
}

.c-hdgGraduate--md.isDark::after {
    background-color: rgba(0,0,0,.2)
}

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

.c-hdgGraduate--sm__main {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 700
}

@media only screen and (min-width: 801px) {
    .c-hdgGraduate--sm__main {
        margin-right:1.5rem;
        font-size: 2.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdgGraduate--sm__main {
        font-size:1.8rem
    }
}

.c-hdgGraduate--sm::after {
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #fff
}

.c-hdgGraduate--sm.isDark::after {
    background-color: rgba(0,0,0,.2)
}

.c-hdg {
    line-height: 1.6em;
    font-weight: 500;
    color: #000
}

.c-hdg__caption {
    display: block;
    line-height: 1.25em
}

.c-hdg__caption.hyphen {
    position: relative
}

.c-hdg__caption.hyphen::before {
    content: "ー";
    display: block;
    position: absolute;
    top: 0;
    left: -1.5em;
    font-weight: 500
}

.c-hdg small {
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.5em;
    color: #666
}

@media only screen and (min-width: 801px) {
    .c-hdg {
        margin-bottom:8rem;
        font-size: 3rem
    }

    .c-hdg__caption {
        margin: 1.2rem 0;
        font-size: 1.4rem
    }

    .c-hdg__caption.hyphen {
        margin: 0 0 2rem
    }

    .c-hdg small {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg {
        margin-bottom:4rem;
        font-size: 2.2rem
    }

    .c-hdg__caption {
        margin: 1.2rem 0;
        font-size: 1.4rem
    }

    .c-hdg__caption.hyphen {
        margin: 0 0 1.2rem
    }

    .c-hdg small {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 544px) {
    .c-hdg {
        font-size:2rem
    }
}

.c-hdg.fsL {
    font-weight: 300;
    line-height: 1.6em;
    color: #333
}

@media only screen and (min-width: 801px) {
    .c-hdg.fsL {
        margin-top:2.4em;
        margin-bottom: 2.4em;
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.fsL {
        margin-top:2em;
        margin-bottom: 2em;
        font-size: 2.8rem
    }
}

@media only screen and (max-width: 544px) {
    .c-hdg.fsL {
        font-size:2.4rem
    }
}

.c-hdg.fsM {
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 1.6em
}

@media only screen and (min-width: 801px) {
    .c-hdg.fsM {
        font-size:2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.fsM {
        margin-top:1.8em;
        margin-bottom: 1.8em;
        font-size: 2rem
    }
}

@media only screen and (max-width: 544px) {
    .c-hdg.fsM {
        font-size:1.8rem
    }
}

.c-hdg.fsS {
    margin-top: 1.8em;
    margin-bottom: 1.8em;
    line-height: 1.6em
}

@media only screen and (min-width: 801px) {
    .c-hdg.fsS {
        font-size:1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.fsS {
        font-size:1.6rem
    }
}

.c-hdg.fsSS {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    line-height: 1.6em
}

@media only screen and (min-width: 801px) {
    .c-hdg.fsSS {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.fsSS {
        font-size:1.5rem
    }
}

.c-hdg.white {
    color: #fff
}

.c-hdg.center {
    text-align: center
}

.c-hdg.weightB {
    font-weight: 500
}

.c-hdg.weightL {
    font-weight: 300
}

.c-hdg.bdGray {
    padding: 1em 1.35em;
    border: 2px solid #ddd
}

@media only screen and (max-width: 800px) {
    .c-hdg.bdGray {
        padding:.8em 1.2em
    }
}

.c-hdg.bdGrayBold {
    padding: 1em 1.35em;
    border: 4px solid #efefef;
    padding: 1rem
}

@media only screen and (max-width: 800px) {
    .c-hdg.bdGrayBold {
        padding:.8em 1.2em
    }
}

.c-hdg.bdWhite {
    padding: 1em 1.35em;
    border: 1px solid #fff;
    color: #fff
}

@media only screen and (max-width: 800px) {
    .c-hdg.bdWhite {
        padding:.8em 1.2em
    }
}

.c-hdg.bdBlack {
    padding: 1em 1.35em;
    border: 1px solid #000;
    color: #000
}

@media only screen and (max-width: 800px) {
    .c-hdg.bdBlack {
        padding:.8em 1.2em
    }
}

.c-hdg.bdbGray {
    padding-bottom: .8em;
    margin-bottom: 1.3em;
    border-bottom: 1px solid #ddd
}

.c-hdg.bdbWhite {
    padding-bottom: .8em;
    margin-bottom: 1.3em;
    border-bottom: 1px solid rgba(255,255,255,.4)
}

.c-hdg.bdbBlack {
    padding-bottom: .8em;
    margin-bottom: 1.3em;
    border-bottom: 2px solid #000
}

.c-hdg.vertical {
    position: absolute;
    top: 0;
    font-size: 1.2rem;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.c-hdg.vertical+i {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 1px;
    background: rgba(255,255,255,.2)
}

.c-hdg.vertical+i+* {
    position: relative;
    z-index: 0
}

.c-hdg.vertical+i:before {
    content: "";
    display: block;
    background: #fff
}

@media only screen and (min-width: 801px) {
    .c-hdg.vertical {
        right:6.5rem
    }

    .c-hdg.vertical+i {
        right: 10rem;
        min-height: 26rem;
        height: 26rem
    }

    .c-hdg.vertical+i::before {
        height: 192px;
        height: 12rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.vertical {
        right:1rem;
        font-size: 1.1rem
    }

    .c-hdg.vertical+i {
        right: 3.5rem;
        min-height: 26rem;
        height: 26rem
    }

    .c-hdg.vertical+i::before {
        height: 192px;
        height: 12rem
    }
}

.c-hdg.vertical.black {
    position: absolute;
    top: 0;
    font-size: 1.2rem;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.c-hdg.vertical.black+i {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 1px;
    background: rgba(0,0,0,.2)
}

.c-hdg.vertical.black+i+* {
    position: relative;
    z-index: 0
}

.c-hdg.vertical.black+i:before {
    content: "";
    display: block;
    background: #000
}

@media only screen and (min-width: 801px) {
    .c-hdg.vertical.black {
        right:6.5rem
    }

    .c-hdg.vertical.black+i {
        right: 10rem;
        min-height: 26rem;
        height: 100%
    }

    .c-hdg.vertical.black+i::before {
        height: 192px;
        height: 12rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.vertical.black {
        right:1rem;
        font-size: 1.1rem
    }

    .c-hdg.vertical.black+i {
        right: 3.5rem;
        min-height: 26rem;
        height: 100%
    }

    .c-hdg.vertical.black+i::before {
        height: 192px;
        height: 12rem
    }
}

.c-hdg.vertical.blackLeft {
    position: absolute;
    top: 0;
    font-size: 1.2rem;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.c-hdg.vertical.blackLeft+i {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 1px;
    background: rgba(0,0,0,.2)
}

.c-hdg.vertical.blackLeft+i+* {
    position: relative;
    z-index: 0
}

.c-hdg.vertical.blackLeft+i:before {
    content: "";
    display: block;
    background: #000
}

@media only screen and (min-width: 801px) {
    .c-hdg.vertical.blackLeft {
        right:6.5rem
    }

    .c-hdg.vertical.blackLeft+i {
        right: 10rem;
        min-height: 26rem;
        height: 100%
    }

    .c-hdg.vertical.blackLeft+i::before {
        height: 192px;
        height: 12rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.vertical.blackLeft {
        right:1rem;
        font-size: 1.1rem
    }

    .c-hdg.vertical.blackLeft+i {
        right: 3.5rem;
        min-height: 26rem;
        height: 100%
    }

    .c-hdg.vertical.blackLeft+i::before {
        height: 192px;
        height: 12rem
    }
}

.c-hdg.vertical.blackLeft+i {
    right: auto
}

@media only screen and (min-width: 801px) {
    .c-hdg.vertical.blackLeft {
        right:auto;
        left: 7.5rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.vertical.blackLeft {
        right:auto;
        left: 5rem
    }
}

@media only screen and (max-width: 544px) {
    .c-hdg.vertical.blackLeft {
        left:3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-hdg.vertical.spNone {
        display:none
    }

    .c-hdg.vertical.spNone+i {
        display: none
    }
}

.c-hdg:first-child {
    margin-top: 0
}

.c-hdg:last-child {
    margin-bottom: 0
}

.c-hdgLine {
    position: relative;
    padding-left: 1rem;
    line-height: 1.25;
    font-weight: 500;
    font-size: 1.6rem
}

.c-hdgLine::before {
    content: '';
    background-color: currentColor;
    left: 0;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.c-history__box {
    position: relative
}

.c-history__boxInner {
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translate(0,100px);
    transform: translate(0,100px);
    -webkit-transition: opacity .5s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .5s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .5s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .5s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .5s cubic-bezier(0,0,.25,1) 0s,transform .5s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .5s cubic-bezier(0,0,.25,1) 0s,transform .5s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .5s cubic-bezier(0,0,.25,1) 0s;
    margin: 0 auto;
    padding-top: .1rem
}

.c-history__boxIt {
    position: relative
}

.c-history__boxIt::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #fff
}

.c-history__boxItTitle {
    line-height: 1.5em;
    margin-bottom: 1em;
    font-weight: 500
}

.c-history__boxItTitle small {
    display: inline-block
}

.c-history__boxItTxt {
    line-height: 1.8em
}

.c-history__boxItTxt p {
    margin-bottom: 2em
}

.c-history__boxItTxt p:last-child {
    margin-bottom: 0
}

.c-history__boxStory {
    position: relative
}

.c-history__boxStoryTitle {
    margin-bottom: 4em
}

.c-history__boxStoryTitle span {
    display: block;
    margin-bottom: 2em;
    line-height: 1.5em;
    font-weight: 500
}

.c-history__boxStoryTitle p {
    line-height: 1.25em;
    font-weight: 500
}

.c-history__boxStoryTitle p small {
    line-height: 1.5em
}

.c-history__boxStoryTitle .note {
    font-size: 1.2rem
}

.c-history__boxStoryTxt {
    line-height: 1.8em
}

.c-history__boxStoryTxt p {
    margin-bottom: 2em
}

.c-history__boxStoryTxt p:last-child {
    margin-bottom: 0
}

.c-history__boxStoryTxt p strong {
    font-weight: 500
}

.c-history__boxLine {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%
}

.c-history__boxLine p {
    background: rgba(255,255,255,.1);
    -webkit-transform: skew(0,-12deg);
    transform: skew(0,-12deg)
}

.c-history__box.is-in .c-history__boxInner {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

@media only screen and (min-width: 801px) {
    .c-history__box {
        padding-right:6rem;
        padding-left: 6rem;
        margin-bottom: 25%
    }

    .c-history__box .c-anchor p {
        margin-top: 5rem
    }

    .c-history__boxInner {
        max-width: 144rem
    }

    .c-history__boxIt {
        margin-top: 12.5%;
        margin-bottom: 2.08333%;
        padding-left: 3.81944%
    }

    .c-history__boxItTitle {
        font-size: 3.6rem
    }

    .c-history__boxItTitle small {
        font-size: 1.8rem
    }

    .c-history__boxItTxt {
        width: 100%;
        padding-right: 5.55556%;
        font-size: 1.8rem
    }

    .c-history__boxStory {
        padding-top: 12.5%;
        padding-left: 3.81944%;
        padding-right: 5.55556%
    }

    .y-2019 .c-history__boxStory {
        padding-top: 6%
    }

    .c-history__boxStoryTitle span {
        font-size: 1.8rem
    }

    .c-history__boxStoryTitle p {
        font-size: 2.8rem
    }

    .c-history__boxStoryTitle p small {
        font-size: 1.6rem
    }

    .c-history__boxStoryTxt {
        width: 45.83333%
    }

    .c-history__boxStoryTxt strong {
        font-size: 1.8rem
    }

    .c-history__boxStoryPh {
        width: 43.05556%;
        position: absolute;
        top: 0;
        right: 5.55556%
    }

    .c-history__boxStory+.c-history__boxIt {
        margin-top: 31.25%
    }

    .c-history__boxStory.right .c-history__boxStoryTitle {
        width: 52.77778%;
        margin-left: auto;
        margin-right: 0
    }

    .c-history__boxStory.right .c-history__boxStoryTxt {
        width: 52.77778%;
        margin-left: auto;
        margin-right: 0
    }

    .c-history__boxStory.right .c-history__boxStoryPh {
        right: auto;
        left: -4.86111%
    }

    .c-history__boxLine p {
        height: 60rem
    }
}

@media only screen and (max-width: 800px) {
    .c-history__box {
        margin-bottom:18rem
    }

    .c-history__box .c-anchor p {
        margin-top: 9rem
    }

    .c-history__boxInner {
        padding-left: 2rem;
        padding-right: 8rem
    }

    .c-history__boxIt {
        margin-top: 9rem;
        padding-left: 3rem
    }

    .c-history__boxItTitle {
        font-size: 2.8rem
    }

    .c-history__boxItTitle small {
        font-size: 1.6rem
    }

    .c-history__boxItTxt {
        font-size: 1.6rem
    }

    .c-history__boxStory {
        padding-top: 9rem;
        padding-left: 3rem
    }

    .c-history__boxStoryTitle span {
        font-size: 1.6rem
    }

    .c-history__boxStoryTitle p {
        font-size: 2.4rem
    }

    .c-history__boxStoryTitle p small {
        font-size: 1.4rem
    }

    .c-history__boxStoryTxt strong {
        font-size: 1.6rem
    }

    .c-history__boxStoryPh {
        margin: 5rem 0;
        -webkit-transform: translate(0,0)!important;
        transform: translate(0,0)!important
    }

    .c-history__boxStory+.c-history__boxIt {
        margin-top: 13.5rem
    }
}

@media only screen and (max-width: 544px) {
    .c-history__boxInner {
        padding-left:1rem
    }

    .c-history__boxIt {
        padding-left: 2rem
    }

    .c-history__boxItTitle {
        font-size: 2.4rem
    }

    .c-history__boxItTitle small {
        font-size: 1.5rem
    }

    .c-history__boxItTxt {
        font-size: 1.5rem
    }

    .c-history__boxStory {
        padding-left: 2rem
    }

    .c-history__boxStoryTitle span {
        font-size: 1.3rem
    }

    .c-history__boxStoryTitle p {
        font-size: 2rem
    }

    .c-history__boxStoryTitle p small {
        font-size: 1.2rem
    }

    .c-history__boxStoryTxt strong {
        font-size: 1.3rem
    }
}

.c-history .y-1981 {
    min-height: 100vh
}

.c-history .y-1981 .c-history__boxInner {
    padding-top: 50vh
}

.c-history .y-1981 .c-history__boxLine {
    top: 50%
}

@media only screen and (min-width: 801px) {
    .c-history .y-1981 .c-history__boxIt {
        margin-top:16rem
    }
}

@media only screen and (max-width: 800px) {
    .c-history .y-1981 .c-history__boxIt {
        margin-top:7.2rem
    }
}

.c-img.Full {
    width: 100%;
    max-width: 120rem
}

.c-img.Full>picture {
    margin: auto
}

.c-jobAccordion {
    display: none;
    text-align: center;
    overflow: hidden;
    margin: 1rem 0
}

.c-jobAccordion a {
    display: block
}

.c-jobAccordion p {
    position: relative;
    display: inline-block;
    padding: .5rem 2.5rem .5rem 1.5rem
}

.c-jobAccordion p::after,.c-jobAccordion p::before {
    content: '';
    width: 100vw;
    height: 1.6px;
    height: .1rem;
    background-color: #e6e6e6;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.c-jobAccordion p::before {
    right: 100%
}

.c-jobAccordion p::after {
    left: 100%
}

.c-jobAccordion p>i {
    content: '';
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bottom_bk.svg) center center no-repeat;
    background-size: 100%;
    width: 1rem;
    height: .6rem;
    right: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.c-jobAccordion.is-in {
    display: block
}

.is-jobAccordion.is-view .c-jobAccordion {
    opacity: 0;
    visibility: hidden
}

.c-jobBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-jobBtn>li,.c-jobBtn>p {
    width: 100%
}

.c-jobBtn>li>a,.c-jobBtn>p>a {
    position: relative;
    display: block;
    width: 100%
}

.c-jobBtn>li>a::after,.c-jobBtn>p>a::after {
    content: '';
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

@media only screen and (min-width: 801px) {
    .c-jobBtn>li,.c-jobBtn>p {
        max-width:40rem;
        margin: 1rem 0
    }

    .c-jobBtn>li>a,.c-jobBtn>p>a {
        font-size: 1.4rem;
        padding: 1rem 4rem 1rem 2rem;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1);
        border: 5px solid #efefef
    }

    .c-jobBtn>li>a::after,.c-jobBtn>p>a::after {
        width: 12.8px;
        width: .8rem;
        height: 22.4px;
        height: 1.4rem;
        right: 32px;
        right: 2rem;
        -webkit-transition: right .3s;
        transition: right .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-jobBtn>li>a:hover,.c-jobBtn>p>a:hover {
        background-color: rgba(0,0,0,.05)
    }

    .c-jobBtn>li>a:hover::after,.c-jobBtn>p>a:hover::after {
        right: 24px;
        right: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .c-jobBtn>li,.c-jobBtn>p {
        margin:.5rem 0
    }

    .c-jobBtn>li>a,.c-jobBtn>p>a {
        font-size: 1.4rem;
        padding: .8rem 3.5rem .8rem 1.5rem;
        border: 3px solid #efefef
    }

    .c-jobBtn>li>a::after,.c-jobBtn>p>a::after {
        width: 12.8px;
        width: .8rem;
        height: 22.4px;
        height: 1.4rem;
        right: 32px;
        right: 2rem
    }
}

.c-jobBtn.orange>li>a,.c-jobBtn.orange>p>a,.c-jobBtn.red>li>a,.c-jobBtn.red>p>a {
    color: #fff;
    border: 0
}

.c-jobBtn.orange>li>a::before,.c-jobBtn.orange>p>a::before,.c-jobBtn.red>li>a::before,.c-jobBtn.red>p>a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    width: 10rem;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

.c-jobBtn.orange>li>a::after,.c-jobBtn.orange>p>a::after,.c-jobBtn.red>li>a::after,.c-jobBtn.red>p>a::after {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_wh.svg) center center no-repeat;
    background-size: 100%
}

@media only screen and (min-width: 801px) {
    .c-jobBtn.orange>li>a::before,.c-jobBtn.orange>p>a::before,.c-jobBtn.red>li>a::before,.c-jobBtn.red>p>a::before {
        width:160px;
        width: 10rem
    }
}

@media only screen and (max-width: 800px) {
    .c-jobBtn.orange>li>a::before,.c-jobBtn.orange>p>a::before,.c-jobBtn.red>li>a::before,.c-jobBtn.red>p>a::before {
        width:88px;
        width: 5.5rem
    }
}

.c-jobBtn.red>li,.c-jobBtn.red>p {
    background-color: #ce3131
}

.c-jobBtn.orange>li,.c-jobBtn.orange>p {
    background-color: #eb8b1b
}

.c-jobBtn.medium>li,.c-jobBtn.medium>p {
    text-align: center
}

.c-jobBtn.medium>li>a,.c-jobBtn.medium>p>a {
    font-weight: 500;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

@media only screen and (min-width: 801px) {
    .c-jobBtn.medium>li,.c-jobBtn.medium>p {
        max-width:64rem
    }

    .c-jobBtn.medium>li>a,.c-jobBtn.medium>p>a {
        font-size: 1.8rem;
        padding: 1.4rem 2rem
    }
}

@media only screen and (max-width: 800px) {
    .c-jobBtn.medium>li>a,.c-jobBtn.medium>p>a {
        font-size:1.4rem;
        padding: 1.3rem 1.5rem
    }
}

.c-jobBtn.large>li,.c-jobBtn.large>p {
    text-align: center
}

.c-jobBtn.large>li>a,.c-jobBtn.large>p>a {
    font-weight: 500;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

@media only screen and (min-width: 801px) {
    .c-jobBtn.large>li,.c-jobBtn.large>p {
        max-width:60rem
    }

    .c-jobBtn.large>li>a,.c-jobBtn.large>p>a {
        font-size: 2.4rem;
        padding: 3rem
    }

    .c-jobBtn.large>li>a::after,.c-jobBtn.large>p>a::after {
        right: 72px;
        right: 4.5rem
    }

    .c-jobBtn.large>li>a:hover::after,.c-jobBtn.large>p>a:hover::after {
        right: 64px;
        right: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .c-jobBtn.large>li>a,.c-jobBtn.large>p>a {
        font-size:1.8rem;
        padding: 1.5rem
    }
}

.c-jobBtn.entry>li>a::before,.c-jobBtn.entry>p>a::before {
    display: none
}

.c-jobBtn.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-jobConts__list {
    background-color: #fff;
    margin: 1rem 0
}

.c-jobConts__list>a {
    display: block
}

.c-jobConts__descNumber {
    display: block;
    color: #999;
    font-size: 1.2rem;
    margin-bottom: .5rem
}

.c-jobConts__desc>dt {
    display: inline-block;
    font-weight: 400
}

.c-jobConts__descTagTtl {
    color: #555
}

@media only screen and (min-width: 801px) {
    .c-jobConts__list {
        margin:1rem 0
    }

    .c-jobConts__list>a {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-jobConts__list>a:hover {
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
    }

    .c-jobConts__desc {
        padding: 3.7037% 5.55556%
    }

    .c-jobConts__desc>dt {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
        line-height: 1.6
    }

    .c-jobConts__descTxt {
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #ddd;
        margin-bottom: 1.5rem
    }

    .c-jobConts__descTagTtl {
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 800px) {
    .c-jobConts__list {
        margin:1rem 0
    }

    .c-jobConts__desc {
        padding: 2.5rem
    }

    .c-jobConts__desc>dt {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
        line-height: 1.5
    }

    .c-jobConts__desc>dd {
        font-size: 1.3rem
    }

    .c-jobConts__descTxt {
        width: 100%;
        padding-bottom: 1rem;
        border-bottom: 1px solid #ddd;
        margin-bottom: 1rem
    }

    .c-jobConts__descTag {
        width: 100%
    }

    .c-jobConts__descTagTtl {
        margin-bottom: .5rem
    }
}

.c-jobIcon {
    vertical-align: top;
    margin-right: .8rem;
    line-height: 1
}

@media only screen and (min-width: 801px) {
    .c-jobIcon {
        display:inline-block
    }
}

@media only screen and (max-width: 800px) {
    .c-jobIcon {
        display:block;
        margin-bottom: 1rem
    }
}

.c-jobIcon>span {
    display: inline-block;
    padding: .3rem 1rem;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #cd3737;
    text-align: center;
    border: 1px solid #cd3737
}

.c-jobIcon.new>span {
    color: #fff;
    background-color: #cd3737
}

.c-jobTag {
    margin: 0 -.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow: hidden
}

.c-jobTag>li {
    display: block;
    border: 1px solid #f0f0f0;
    background-color: #fafafa;
    margin: .5rem
}

.c-jobTag>li>a {
    display: block;
    color: #777;
    font-weight: 400;
    padding: .3rem 1rem
}

.c-jobTag.nolink>li {
    padding: .3rem 1rem
}

@media only screen and (min-width: 801px) {
    .c-jobTag>li>a {
        -webkit-transition:opacity .3s;
        transition: opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-jobTag>li>a:hover {
        opacity: .7
    }
}

@media only screen and (max-width: 800px) {
    .c-jobTag>li {
        font-size:1.1rem
    }
}

.c-linkShare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px
}

@media only screen and (min-width: 801px) {
    .c-linkShare {
        -webkit-transition:opacity .3s;
        transition: opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-linkShare:hover {
        opacity: .7
    }
}

.c-linkShare.x {
    background-color: #000
}

.c-linkShare__img {
    width: 12px
}

.c-linkShare__txt {
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    margin-left: 6px
}

.c-listArticle:first-child {
    margin-top: 0
}

.c-listArticle__card a {
    display: block
}

.c-listArticle__card a[target='_blank'] .c-listArticle__cardMore p::after {
    background: url(/recruit/set/common/shared/img/ico/ico_blank_bk.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 17.6px;
    width: 1.1rem;
    height: 17.6px;
    height: 1.1rem;
    background-size: contain
}

@media only screen and (max-width: 800px) {
    .c-listArticle__card a[target='_blank'] .c-listArticle__cardMore p::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .c-listArticle__card a[target='_blank'] .c-listArticle__cardMore p::after {
        width:26.4px;
        width: 1.65rem;
        height: 22.88px;
        height: 1.43rem
    }
}

.c-listArticle__card a:hover .c-listArticle__cardPh img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .75
}

.c-listArticle__cardPh {
    position: relative;
    overflow: hidden;
    background: #000
}

.c-listArticle__cardPh img {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-listArticle__cardPh .c-txtArea {
    position: absolute
}

.c-listArticle__cardDesc {
    margin-top: 1.5rem;
    text-align: center
}

.c-listArticle__cardTxt dt {
    font-weight: 500
}

.c-listArticle__cardTxt dd span {
    display: block
}

.c-listArticle__cardMore p {
    display: inline-block;
    position: relative;
    padding: 0 1.5em
}

.c-listArticle__cardMore p::after {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 14.4px;
    width: .9rem;
    height: 14.4px;
    height: .9rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0
}

@media only screen and (max-width: 544px) {
    .c-listArticle__cardMore p::after {
        width:21.6px;
        width: 1.35rem;
        height: 21.6px;
        height: 1.35rem
    }
}

.c-listArticle__cardCaption {
    text-align: center;
    color: #fff;
    margin-top: 1.5rem
}

.c-listArticle__cardCaption>p {
    line-height: 1.35;
    font-weight: 500
}

.c-listArticle__cardCaption>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-size: 1.2rem;
    font-weight: 400
}

.c-listArticle__cardCaption>small::after {
    content: '';
    display: inline-block;
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 8px;
    width: .5rem;
    height: 12.8px;
    height: .8rem;
    margin-left: 16px;
    margin-left: 1rem
}

@media only screen and (min-width: 801px) {
    .c-listArticle {
        margin:4rem 0
    }

    .c-listArticle .c-grid {
        margin-left: -2.5%;
        margin-right: -2.5%
    }

    .c-listArticle__card {
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-top: 2.5%;
        margin-bottom: 2.5%
    }

    .c-listArticle__card:nth-child(-n+3) {
        margin-top: 0
    }

    .c-listArticle__cardTxt dt {
        font-size: 1.8rem
    }

    .c-listArticle__cardCaption>p {
        font-size: 1.8rem
    }

    .c-listArticle__cardCaption>small {
        margin-top: .5rem
    }

    .c-listArticle__cardPh .c-txtArea {
        top: 1rem;
        left: 1rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listArticle {
        margin:4rem 0
    }

    .c-listArticle .c-grid {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .c-listArticle__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-bottom: 3rem
    }

    s .c-listArticle__cardDesc {
        margin-top: 1.5rem
    }

    .c-listArticle__cardTxt dt {
        font-size: 1.8rem
    }

    .c-listArticle__cardCaption>p {
        font-size: 1.4rem
    }

    .c-listArticle__cardCaption>small {
        margin-top: 1rem
    }

    .c-listArticle__cardPh .c-txtArea {
        top: 0;
        left: 0
    }
}

@media only screen and (max-width: 544px) {
    .c-listArticle .c-grid {
        margin-left:0;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-listArticle .c-grid .c-listArticle__card {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }

    .c-listArticle .c-grid .c-listArticle__card.sps6 {
        width: 47%;
        margin-bottom: 2rem
    }

    .c-listArticle .c-grid .c-listArticle__card.sps6 .c-listArticle__cardTxt dt {
        font-size: 1.4rem
    }

    .c-listArticle .c-grid .c-listArticle__card.sps6 .c-listArticle__cardTxt dd br {
        display: none
    }
}

.c-listArticle.space0 .c-grid {
    margin-left: 0;
    margin-right: 0
}

.c-listArticle.space0 .c-listArticle__card {
    padding-left: 0;
    padding-right: 0
}

.c-listArticle.space0 .c-listArticle__cardDesc {
    padding: 0 1rem
}

.c-listArticle.left .c-listArticle__cardDesc {
    text-align: left
}

@media only screen and (min-width: 801px) {
    .c-listBnr.row3.c-grid {
        margin-left:-1.2rem;
        margin-right: -1.2rem
    }

    .c-listBnr.row3 .c-bnr {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }

    .c-listBnr.row2.c-grid {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .c-listBnr.row2 .c-bnr {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .c-listBnr.row1.c-grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-listBox__card dl {
    height: 100%;
    border: 1px solid #ddd
}

.c-listBox__card dl dt {
    font-weight: 500
}

.c-listBox__card dl dd p {
    margin: 1.5em 0
}

.c-listBox__card dl dd p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .c-listBox ul {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-left: -2.16667%;
        margin-right: -2.16667%
    }

    .c-listBox__card {
        padding-left: 2.16667%;
        padding-right: 2.16667%
    }

    .c-listBox__card dl {
        padding: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listBox__card {
        margin:1.5rem 0
    }

    .c-listBox__card dl {
        padding: 3rem
    }
}

.c-listBtn ul li .c-btnMore {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 801px) {
    .c-listBtn ul li .c-btnMore a {
        max-width:none
    }
}

.c-listBtn ul.row4 li:not(:first-child) .c-btnMore a {
    border-left: 0
}

@media only screen and (min-width: 801px) {
    .c-listBtn ul.row3 {
        margin-left:-1.2rem;
        margin-right: -1.2rem
    }

    .c-listBtn ul.row3>li {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listBtn ul.row3 {
        margin-left:-1.2rem;
        margin-right: -1.2rem
    }

    .c-listBtn ul.row3>li {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listBtn ul.row3 {
        margin-left:0;
        margin-right: 0
    }

    .c-listBtn ul.row3>li {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 801px) {
    .c-listBtn ul.row2 {
        margin-left:-2rem;
        margin-right: -2rem
    }

    .c-listBtn ul.row2 li {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .c-listBtn ul.row2 li .c-btnMore.full p {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listBtn ul.row2 {
        margin-left:-1.5rem;
        margin-right: -1.5rem
    }

    .c-listBtn ul.row2 li {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .c-listBtn ul.row2 li .c-btnMore.full p {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listBtn ul.row2 {
        margin-left:0;
        margin-right: 0
    }

    .c-listBtn ul.row2 li {
        padding-left: 0;
        padding-right: 0
    }
}

.c-listCategory__card a {
    position: relative;
    display: block
}

.c-listCategory__card a[target='_blank'] .c-listCategory__cardMore p::after {
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 17.6px;
    width: 1.1rem;
    height: 17.6px;
    height: 1.1rem;
    background-size: contain
}

@media only screen and (max-width: 800px) {
    .c-listCategory__card a[target='_blank'] .c-listCategory__cardMore p::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .c-listCategory__card a[target='_blank'] .c-listCategory__cardMore p::after {
        width:26.4px;
        width: 1.65rem;
        height: 22.88px;
        height: 1.43rem
    }
}

.c-listCategory__card a:hover .c-listCategory__cardPh img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .85
}

.c-listCategory__card a.is-disabled .c-listCategory__cardDesc {
    opacity: .5
}

.c-listCategory__card a.is-disabled .c-listCategory__cardMore p:after {
    display: none
}

.c-listCategory__cardPh {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #000
}

.c-listCategory__cardPh img {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: .5;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-listCategory__cardDesc {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 100%;
    bottom: 7.20721%;
    text-align: center;
    color: #fff
}

.c-listCategory__cardTxt dt {
    margin-bottom: .5rem;
    line-height: 1.25;
    font-weight: 500
}

.c-listCategory__cardTxt dd {
    line-height: 1.5em
}

.c-listCategory__cardMore {
    margin-top: .8rem
}

.c-listCategory__cardMore p {
    display: inline-block;
    position: relative;
    padding: 0 1.5em
}

.c-listCategory__cardMore p::after {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 14.4px;
    width: .9rem;
    height: 14.4px;
    height: .9rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0
}

@media only screen and (max-width: 544px) {
    .c-listCategory__cardMore p::after {
        width:21.6px;
        width: 1.35rem;
        height: 21.6px;
        height: 1.35rem
    }
}

@media only screen and (min-width: 801px) {
    .c-listCategory {
        margin:4rem 0
    }

    .c-listCategory .c-grid {
        margin-left: -3.33333%;
        margin-right: -3.33333%
    }

    .c-listCategory__card {
        padding-left: 3.33333%;
        padding-right: 3.33333%
    }

    .c-listCategory__cardTxt dt {
        font-size: 1.5rem
    }

    .c-listCategory__cardTxt dd p {
        font-size: 1.3rem
    }

    .c-listCategory__cardMore {
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listCategory {
        margin:4rem 0
    }

    .c-listCategory .c-grid {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .c-listCategory__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .c-listCategory__cardTxt dt {
        font-size: 1.8rem
    }

    .c-listCategory__cardTxt dd p {
        font-size: 1.2rem
    }

    .c-listCategory__cardMore p {
        padding: 0 2em 0 0
    }
}

@media only screen and (max-width: 544px) {
    .c-listCategory .c-grid {
        margin-left:0;
        margin-right: 0
    }

    .c-listCategory__card {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 801px) {
    .c-listCategory .c-grid.row2 .c-listCategory__card:nth-child(n+3) {
        margin-top:5.83333%
    }
}

@media only screen and (min-width: 801px) {
    .c-listCategory .c-grid.row3 {
        margin-left:-2.5%;
        margin-right: -2.5%
    }

    .c-listCategory .c-grid.row3 .c-listCategory__card {
        padding-left: 2.5%;
        padding-right: 2.5%
    }

    .c-listCategory .c-grid.row3 .c-listCategory__card:nth-child(n+4) {
        margin-top: 4.16667%
    }
}

@media only screen and (max-width: 800px) {
    .c-listCategory .c-grid.row3 {
        margin-left:-1.5rem;
        margin-right: -1.5rem
    }

    .c-listCategory .c-grid.row3 .c-listCategory__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.c-listCategory.space0 .c-grid {
    margin-left: 0;
    margin-right: 0
}

.c-listCategory.space0 .c-grid .c-listCategory__card {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width: 544px) {
    .c-listCategory.space0 .c-listCategory__card:hover .c-listCategory__cardPh img {
        -webkit-transform:translate(-50%,-50%) scale(1.03,1.03);
        transform: translate(-50%,-50%) scale(1.03,1.03)
    }

    .c-listCategory.space0 .c-listCategory__cardDesc {
        padding: 2rem;
        text-align: left
    }

    .c-listCategory.space0 .c-listCategory__cardPh {
        position: relative;
        height: 0;
        padding-bottom: 48%;
        overflow: hidden
    }

    .c-listCategory.space0 .c-listCategory__cardPh img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%) scale(1,1);
        transform: translate(-50%,-50%) scale(1,1)
    }
}

.c-listConts__card {
    position: relative;
    background: #000
}

.c-listConts__cardPh {
    height: 0
}

.c-listConts__cardPh:not(.cover) {
    position: relative
}

.c-listConts__cardPh a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.c-listConts__cardPh a:hover span {
    opacity: .75
}

.c-listConts__cardPh span {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-listConts__cardDesc {
    position: relative;
    z-index: 1
}

.c-listConts__cardDesc .c-btnMore {
    margin: 0
}

.c-listConts__cardDesc .c-btnMore a {
    max-width: none
}

.c-listConts__no {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    margin-bottom: 2rem
}

.c-listConts__txt {
    color: #fff
}

@media only screen and (min-width: 801px) {
    .c-listConts__card {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 7rem
    }

    .c-listConts__cardPh {
        padding-bottom: 30%
    }

    .c-listConts__cardPh:hover span {
        -webkit-transform: scale(1.03,1.03);
        transform: scale(1.03,1.03)
    }

    .c-listConts__cardDesc {
        padding: 0 6.66667%
    }

    .c-listConts__cardDesc .c-hdg {
        margin-bottom: 6rem
    }

    .c-listConts__card:nth-child(even) .c-listConts__cardPh {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .c-listConts__card:nth-child(even) .c-listConts__cardDesc {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .c-listConts__card.tall .c-listConts__cardPh {
        padding-bottom: 40%
    }

    .c-listConts__card.tallest .c-listConts__cardPh {
        padding-bottom: 45%
    }

    .c-listConts__card.reverse .c-listConts__cardPh {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .c-listConts__card.reverse .c-listConts__cardPh a {
        left: 0
    }

    .c-listConts__card.reverse .c-listConts__cardPh a span {
        width: 100%;
        left: auto
    }

    .c-listConts__card.reverse .c-listConts__cardDesc {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .c-listConts__txt {
        margin-top: -4.5rem;
        margin-bottom: 2.5rem;
        font-size: 1.3rem
    }

    .c-listConts.orderReverse .c-listConts__card:nth-child(even) .c-listConts__cardPh {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .c-listConts.orderReverse .c-listConts__card:nth-child(even) .c-listConts__cardDesc {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .c-listConts.orderReverse .c-listConts__card:nth-child(odd) .c-listConts__cardPh {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .c-listConts.orderReverse .c-listConts__card:nth-child(odd) .c-listConts__cardDesc {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 1280px) {
    .c-listConts__card.full .c-listConts__cardPh a {
        width:100vw;
        max-width: 144rem;
        right: 0
    }
}

@media only screen and (max-width: 800px) {
    .c-listConts__card {
        margin-bottom:4rem
    }

    .c-listConts__cardPh {
        padding-bottom: 60%
    }

    .c-listConts__cardDesc {
        padding: 4rem
    }

    .c-listConts__cardDesc .c-hdg {
        margin-bottom: 4rem
    }

    .c-listConts__card.tall .c-listConts__cardPh {
        padding-bottom: 43.33333%
    }

    .c-listConts__txt {
        margin-top: -2.5rem;
        margin-bottom: 2.5rem;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listConts__card {
        margin-bottom:2rem
    }

    .c-listConts__cardDesc {
        padding: 2rem
    }

    .c-listConts__card.tall {
        margin-bottom: 2rem
    }

    .c-listConts__card.tall .c-listConts__cardDesc {
        padding-bottom: 0;
        margin-bottom: 2rem
    }
}

.c-listConts.white .c-listConts__card {
    background: #fff;
    color: #000
}

.c-listConts.crostalk .c-listConts__card {
    background: #fff;
    color: #000
}

.c-listConts__cardDesc.black {
    color: #000
}

.c-listConts__cardDesc.black .c-hdg {
    color: #000
}

.c-listCrewvoice__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    border: 5px solid #efefef
}

.c-listCrewvoice__cardName {
    margin-top: 2rem
}

.c-listCrewvoice__cardPh {
    width: 15rem;
    margin-right: 3rem
}

.c-listCrewvoice__cardPh+.c-listCrewvoice__cardDesc {
    width: calc(100% - 18rem)
}

.c-listCrewvoice__cardDesc {
    font-weight: 400;
    width: 100%
}

.c-listCrewvoice__card .c-hdg {
    margin-bottom: 2rem
}

@media only screen and (min-width: 801px) {
    .c-listCrewvoice>ul {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .c-listCrewvoice__card {
        width: 48.33333%;
        background-color: #fff;
        padding: 3.33333%
    }

    .c-listCrewvoice__cardTxt {
        font-size: 1.3rem
    }

    .c-listCrewvoice__cardName {
        margin-top: 2rem
    }

    .c-listCrewvoice__cardPh {
        width: 15rem;
        margin-right: 3rem
    }

    .c-listCrewvoice__cardPh+.c-listCrewvoice__cardDesc {
        width: calc(100% - 18rem)
    }

    .c-listCrewvoice__card .c-hdg {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listCrewvoice__card {
        width:100%;
        padding: 2rem
    }

    .c-listCrewvoice__cardTxt {
        font-size: 1.3rem
    }

    .c-listCrewvoice__cardName {
        margin-top: 2rem
    }

    .c-listCrewvoice__cardPh {
        width: 15rem;
        margin-right: 3rem
    }

    .c-listCrewvoice__cardPh+.c-listCrewvoice__cardDesc {
        width: calc(100% - 18rem)
    }
}

.c-listEvent {
    color: #000
}

.c-listEvent>li {
    position: relative;
    background-color: #fff
}

.c-listEvent__ttl {
    width: 100%
}

.c-listEvent__ttl>h3 {
    font-weight: 500
}

.c-listEvent__descDetail>dt {
    font-weight: 500
}

.c-listEvent__descDetail>dd {
    width: 100%;
    border-top: 1px solid #efefef
}

@media only screen and (min-width: 801px) {
    .c-listEvent>li {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 4rem
    }

    .c-listEvent>li:not(:first-child) {
        margin-top: 2rem
    }

    .c-listEvent__info {
        width: 65%
    }

    .c-listEvent__ttl>h3 {
        font-size: 1.8rem
    }

    .c-listEvent__desc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 2rem
    }

    .c-listEvent__descDetail {
        width: 30.76923%
    }

    .c-listEvent__descDetail>dt {
        font-size: 1.3rem
    }

    .c-listEvent__descDetail>dd {
        font-size: 1.3rem;
        padding-top: 1.5rem;
        margin-top: 1.5rem
    }

    .c-listEvent__act {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 35%
    }

    .c-listEvent__area {
        text-align: right
    }

    .c-listEvent__btn .c-btnMore {
        max-width: 28rem;
        margin: 0 0 0 auto
    }
}

@media only screen and (max-width: 800px) {
    .c-listEvent>li {
        padding:3rem
    }

    .c-listEvent>li:not(:first-child) {
        margin-top: 3rem
    }

    .c-listEvent__info {
        width: 100%
    }

    .c-listEvent__ttl>h3 {
        font-size: 1.8rem
    }

    .c-listEvent__desc {
        margin-top: 3rem
    }

    .c-listEvent__descDetail {
        width: 100%;
        margin-top: 2rem
    }

    .c-listEvent__descDetail>dt {
        font-size: 1.4rem
    }

    .c-listEvent__descDetail>dd {
        font-size: 1.4rem;
        padding-top: 1rem;
        margin-top: 1rem
    }

    .c-listEvent__act {
        width: 100%
    }

    .c-listEvent__area {
        position: absolute;
        top: 3rem;
        right: 3rem
    }

    .c-listEvent__btn {
        margin-top: 3rem
    }

    .c-listEvent__btn .c-btnMore {
        margin: 0
    }

    .c-listEvent__btn .c-btnMore>a {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 544px) {
    .c-listEvent>li {
        padding:3rem 1rem 1rem
    }

    .c-listEvent>li:not(:first-child) {
        margin-top: 1.5rem
    }

    .c-listEvent__desc {
        margin-top: 2rem
    }

    .c-listEvent__descDetail>dt {
        font-size: 1.3rem
    }

    .c-listEvent__descDetail>dd {
        font-size: 1.3rem
    }

    .c-listEvent__area {
        top: 1rem;
        right: 1rem
    }
}

.c-listExample .c-grid {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-listExample__card a {
    display: block
}

.c-listExample__card a:hover .c-listExample__cardPh img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .85
}

.c-listExample__cardPh {
    position: relative;
    overflow: hidden
}

.c-listExample__cardPh>* {
    z-index: 2
}

.c-listExample__cardPh img {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1.01,1.01);
    transform: scale(1.01,1.01);
    position: relative;
    z-index: 0
}

.c-listExample__cardPh::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 0;
    padding-bottom: 15%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5)));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5))
}

.c-listExample__cardPhCat {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    font-size: 1.2rem;
    line-height: 1em;
    padding: 1rem;
    background: #3b7396;
    color: #fff
}

.c-listExample__cardPhDate {
    position: absolute;
    bottom: 1rem;
    left: 1.5rem;
    color: #fff;
    font-size: 1.3rem
}

.c-listExample__cardDesc {
    text-align: center
}

.c-listExample__cardTxt {
    padding: 1.5rem;
    background: #000;
    color: #fff
}

@media only screen and (min-width: 801px) {
    .c-listExample {
        margin:4rem 0
    }

    .c-listExample .c-grid {
        margin-left: -2.5%;
        margin-right: -2.5%
    }

    .c-listExample__card {
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-top: 2.5%;
        margin-bottom: 2.5%
    }

    .c-listExample__card:nth-child(-n+3) {
        margin-top: 0
    }

    .c-listExample__card a {
        height: 100%
    }

    .c-listExample__cardDesc {
        margin-top: 1.5rem
    }

    .c-listExample__cardTxt {
        font-size: 1.3rem
    }

    .c-listExample.row4 .c-listExample__card:nth-child(-n+4) {
        margin-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .c-listExample {
        margin:4rem 0
    }

    .c-listExample .c-grid {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .c-listExample__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .c-listExample__card:nth-child(-n+2) {
        margin-top: 0
    }

    .c-listExample__cardDesc {
        margin-top: 1.5rem
    }

    .c-listExample__cardTxt {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listExample .c-grid {
        margin-left:0;
        margin-right: 0
    }

    .c-listExample__card {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }
}

.c-listExample.space0 .c-grid {
    margin-left: 0;
    margin-right: 0
}

.c-listExample.space0 .c-listExample__card {
    padding-left: 0;
    padding-right: 0
}

.c-listMember__card a {
    display: block
}

.c-listMember__card a:hover .c-listMember__cardPh {
    background: #000
}

.c-listMember__card a:hover .c-listMember__cardPh img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .75
}

.c-listMember__cardPh {
    overflow: hidden
}

.c-listMember__cardPh img {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-listMember__cardDesc {
    text-align: center
}

.c-listMember__cardTxt>dt {
    font-weight: 500;
    font-size: 1.8rem;
    color: #000;
    margin-bottom: .5rem
}

.c-listMember__cardTxt>dt span {
    display: block;
    font-weight: 400;
    font-size: 1.2rem;
    margin: 0 0 .8rem
}

.c-listMember__cardTxt>dt>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 400;
    color: gray;
    margin-top: -.5rem;
    text-transform: uppercase
}

.c-listMember__cardTxt>dd>p {
    color: #555
}

.c-listMember__cardTxt>dd>p>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #000;
    margin-bottom: .5rem
}

@media only screen and (min-width: 801px) {
    .c-listMember {
        margin:4rem 0
    }

    .c-listMember .c-grid {
        margin-left: -2.5%;
        margin-right: -2.5%
    }

    .c-listMember__card {
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-top: 2.5%;
        margin-bottom: 2.5%
    }

    .c-listMember__card:nth-child(-n+3) {
        margin-top: 0
    }

    .c-listMember__cardDesc {
        margin-top: 1.5rem
    }

    .c-listMember__cardTxt>dt>small {
        font-size: 1.2rem
    }

    .c-listMember__cardTxt>dd>p {
        font-size: 1.2rem
    }

    .c-listMember__cardTxt>dd>p>small {
        font-size: 1.2rem
    }

    .c-listMember.row4 .c-listMember__card:nth-child(-n+4) {
        margin-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .c-listMember {
        margin:4rem 0
    }

    .c-listMember .c-grid {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .c-listMember__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .c-listMember__card:nth-child(-n+2) {
        margin-top: 0
    }

    .c-listMember__cardDesc {
        margin-top: 1.5rem
    }

    .c-listMember__cardTxt>dt>small {
        font-size: 1.1rem
    }

    .c-listMember__cardTxt>dd>p {
        font-size: 1.1rem
    }

    .c-listMember__cardTxt>dd>p>small {
        font-size: 1rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listMember .c-grid {
        margin-left:0;
        margin-right: 0
    }

    .c-listMember__card {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }
}

.c-listMember.space0 .c-grid {
    margin-left: 0;
    margin-right: 0
}

.c-listMember.space0 .c-listMember__card {
    padding-left: 0;
    padding-right: 0
}

.c-listNews__card a {
    display: block
}

.c-listNews__card a:hover .c-listNews__cardPh {
    background: #000
}

.c-listNews__card a:hover .c-listNews__cardPh img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .75
}

.c-listNews__card a:hover .c-listNews__cardDesc {
    opacity: .7
}

.c-listNews__card a[target='_blank'] .c-listNews__cardTxt p:after {
    vertical-align: middle
}

.c-listNews__cardPh {
    overflow: hidden
}

.c-listNews__cardPh img {
    width: 100%;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-listNews__cardDesc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s
}

.c-listNews__cardCat {
    background: #ccc;
    line-height: 1;
    font-size: 1.1rem
}

.c-listNews__cardTxt {
    width: 100%
}

@media only screen and (min-width: 801px) {
    .c-listNews {
        margin:4rem 0
    }

    .c-listNews .c-grid {
        margin-left: -2.5%;
        margin-right: -2.5%
    }

    .c-listNews__card {
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-top: 2.5%;
        margin-bottom: 2.5%
    }

    .c-listNews__card a[target='_blank'] .c-listNews__cardTxt p:after {
        background: url(/recruit/set/common/shared/img/ico/ico_blank_bk.svg) center center no-repeat;
        content: "";
        display: inline-block;
        width: 22.4px;
        width: 1.4rem;
        height: 22.4px;
        height: 1.4rem;
        background-size: contain;
        margin-left: .5em
    }
}

@media only screen and (min-width: 801px) and (max-width:800px) {
    .c-listNews__card a[target='_blank'] .c-listNews__cardTxt p:after {
        top:50%
    }
}

@media only screen and (min-width: 801px) and (max-width:544px) {
    .c-listNews__card a[target='_blank'] .c-listNews__cardTxt p:after {
        width:33.6px;
        width: 2.1rem;
        height: 29.12px;
        height: 1.82rem
    }
}

@media only screen and (min-width: 801px) {
    .c-listNews__cardPh {
        margin-bottom:1rem
    }

    .c-listNews__cardPh img {
        -webkit-backface-visibility: hidden
    }

    .c-listNews__cardCat {
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: .8rem 1rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listNews .c-grid {
        margin-left:-1.5rem;
        margin-right: -1.5rem
    }

    .c-listNews__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .c-listNews__cardPh {
        margin-bottom: 1rem
    }

    .c-listNews__cardCat {
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: .8rem 1rem
    }

    .c-listNews__card a[target='_blank'] .c-listNews__cardTxt p:after {
        background: url(/recruit/set/common/shared/img/ico/ico_blank_bk.svg) center center no-repeat;
        content: "";
        display: inline-block;
        width: 16px;
        width: 1rem;
        height: 16px;
        height: 1rem;
        background-size: contain;
        margin-left: .5em
    }
}

@media only screen and (max-width: 800px) and (max-width:800px) {
    .c-listNews__card a[target='_blank'] .c-listNews__cardTxt p:after {
        top:50%
    }
}

@media only screen and (max-width: 800px) and (max-width:544px) {
    .c-listNews__card a[target='_blank'] .c-listNews__cardTxt p:after {
        width:24px;
        width: 1.5rem;
        height: 20.8px;
        height: 1.3rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listNews .c-grid {
        margin-left:0;
        margin-right: 0
    }

    .c-listNews__card {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }
}

.c-listNews .row4 .c-listNews__card:nth-child(-n+4) {
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    .c-listNews .row4 {
        margin-left:-1.66667%;
        margin-right: -1.66667%
    }

    .c-listNews .row4 .c-listNews__card {
        padding-left: 1.66667%;
        padding-right: 1.66667%;
        margin-top: 1.66667%;
        margin-bottom: 1.66667%
    }
}

@media only screen and (max-width: 800px) {
    .c-listNews .row4 {
        margin-left:-1.5rem;
        margin-right: -1.5rem;
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .c-listNews .row4 .c-listNews__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 3rem;
        margin-bottom: 3rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listNews .row4 {
        margin-left:0;
        margin-right: 0
    }

    .c-listNews .row4 .c-listNews__card {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }
}

.c-listNews .row3 .c-listNews__card:nth-child(-n+3) {
    margin-top: 0
}

.c-listNews .row2 .c-listNews__card:nth-child(-n+2) {
    margin-top: 0
}

.c-listNews.space0 .c-grid {
    margin-left: 0;
    margin-right: 0
}

.c-listNews.space0 .c-listNews__card {
    padding-left: 0;
    padding-right: 0
}

.c-listNews.space0 .c-listNews__cardDesc {
    padding: 0 1rem
}

.c-listNews.black .c-listNews__cardCat {
    color: #fff;
    background: gray
}

.c-listNews.black .c-listNews__cardDate,.c-listNews.black .c-listNews__cardTxt {
    color: #fff
}

.c-listNews.white .c-listNews__cardCat {
    color: #000;
    background: #fff
}

.c-listNews.white .c-listNews__cardDate {
    color: #999
}

.c-listNews.white .c-listNews__cardTxt {
    color: #000
}

.c-listNews.gary .c-listNews__cardCat {
    color: #000;
    background: #efefef
}

.c-listNews.gary .c-listNews__cardDate {
    color: #999
}

.c-listNews.gary .c-listNews__cardTxt {
    color: #000
}

.c-listPagelink ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-listPagelink ul li a {
    display: block
}

.c-listPagelink ul li p {
    position: relative;
    display: inline-block;
    padding: 0 1.5rem
}

.c-listPagelink ul li p::after {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 14.4px;
    width: .9rem;
    height: 14.4px;
    height: .9rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%) rotate(90deg);
    transform: translate(0,-50%) rotate(90deg);
    right: 0
}

@media only screen and (max-width: 544px) {
    .c-listPagelink ul li p::after {
        width:21.6px;
        width: 1.35rem;
        height: 21.6px;
        height: 1.35rem
    }
}

.c-listPagelink.normal ul li {
    position: relative
}

.c-listPagelink.normal ul li::after {
    content: "|";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    color: #ddd
}

.c-listPagelink.normal ul li a {
    padding: 0 2em 0 1em
}

.c-listPagelink.normal ul li p {
    padding: 0 1em
}

.c-listPagelink.normal ul li:first-child {
    padding-left: 0
}

.c-listPagelink.normal ul li:first-child p {
    padding-left: 0
}

@media only screen and (max-width: 800px) {
    .c-listPagelink.normal ul li {
        margin-bottom:1rem
    }
}

.c-listPagelink.bd ul li {
    border: 1px solid #ddd;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.c-listPagelink.bd ul li p {
    padding: .5rem 3rem .5rem 1.5rem
}

.c-listPagelink.bd ul li p::after {
    right: 16px;
    right: 1rem
}

@media only screen and (max-width: 544px) {
    .c-listPagelink.bd ul li {
        font-size:1.1rem
    }
}

.c-listPeople__card a {
    display: block
}

.c-listPeople__card a:hover .c-listPeople__cardPh {
    background: #000
}

.c-listPeople__card a:hover .c-listPeople__cardPh img {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .5
}

.c-listPeople__card a:hover .c-listPeople__cardPhHovertxt {
    visibility: visible;
    opacity: 1
}

.c-listPeople__cardPh {
    position: relative;
    z-index: 0;
    overflow: hidden
}

.c-listPeople__cardPh img {
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.c-listPeople__cardPhHovertxt {
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(1,-.04,.79,.61);
    transition: opacity .3s cubic-bezier(1,-.04,.79,.61);
    bottom: 2.5rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.c-listPeople__cardPh .c-txtArea {
    position: absolute
}

.c-listPeople__cardDesc {
    position: relative;
    z-index: 1;
    width: 90%;
    text-align: center
}

.c-listPeople__cardTxt {
    background: #fff
}

.c-listPeople__cardTxt>dt {
    font-size: 1.8rem;
    font-weight: 500
}

.c-listPeople__cardTxt>dd {
    font-size: 1.2rem
}

.c-listPeople__cardTxtJob {
    line-height: 1.5
}

.c-listPeople__cardTxtYear {
    margin-top: .5rem
}

.c-listPeople__cardlink {
    position: relative;
    display: none;
    font-size: 1.1rem;
    font-weight: 400;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.c-listPeople__cardlink::after {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 14.4px;
    width: .9rem;
    height: 14.4px;
    height: .9rem;
    position: absolute;
    top: calc(50% - 1px);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: -24px;
    right: -1.5rem
}

@media only screen and (max-width: 544px) {
    .c-listPeople__cardlink::after {
        width:21.6px;
        width: 1.35rem;
        height: 21.6px;
        height: 1.35rem
    }
}

@media only screen and (min-width: 801px) {
    .c-listPeople {
        margin:4rem 0
    }

    .c-listPeople .c-grid {
        margin-left: -2.5%;
        margin-right: -2.5%
    }

    .c-listPeople__card {
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-top: 2.5%;
        margin-bottom: 3.33333%
    }

    .c-listPeople__card:nth-child(-n+3) {
        margin-top: 0
    }

    .c-listPeople__cardDesc {
        margin: -2rem auto 0
    }

    .c-listPeople__cardTxt {
        padding: 1.5rem 1rem 0
    }

    .c-listPeople__cardTxt dt {
        margin-bottom: .5rem
    }

    .c-listPeople__cardPhHovertxt {
        font-size: 1.16667vw;
        padding: 0 1rem
    }

    .c-listPeople__cardPh .c-txtArea {
        top: 1rem;
        left: 1rem
    }
}

@media only screen and (min-width: 1280px) {
    .c-listPeople__cardPhHovertxt {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .c-listPeople {
        margin:4rem 0
    }

    .c-listPeople .c-grid {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .c-listPeople__card {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 3rem;
        margin-bottom: 5rem
    }

    .c-listPeople__card:nth-child(-n+2) {
        margin-top: 0
    }

    .c-listPeople__cardDesc {
        margin: -2rem auto 0
    }

    .c-listPeople__cardTxt {
        padding: 1.5rem 1rem 0
    }

    .c-listPeople__cardTxt dt {
        margin-bottom: .5rem
    }

    .c-listPeople__cardPhHovertxt {
        font-size: 1.4rem;
        padding: 0 .5rem
    }

    .c-listPeople__cardPh .c-txtArea {
        top: 0;
        left: 0
    }
}

@media only screen and (max-width: 544px) {
    .c-listPeople .c-grid {
        margin-left:0;
        margin-right: 0
    }

    .c-listPeople__card {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 2rem
    }

    .c-listPeople__cardPhHovertxt {
        font-size: .9rem;
        padding: 0 .3rem
    }
}

.c-listPeople.detail .c-listPeople__cardDesc {
    width: 100%;
    margin: 0
}

.c-listPeople.detail .c-listPeople__cardlink {
    display: inline-block
}

.c-listPostit__card:nth-child(1) {
    z-index: 3
}

.c-listPostit__card:nth-child(2) {
    z-index: 2
}

.c-listPostit__card:nth-child(3) {
    z-index: 1
}

.c-listPostit__card:nth-child(4) {
    z-index: 0
}

.c-listPostit__card a {
    display: block;
    background: #fff
}

.c-listPostit__card>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ddd
}

.c-listPostit__card>a i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 2.4rem;
    width: 2.4rem;
    height: 2.4rem
}

@media only screen and (max-width: 800px) {
    .c-listPostit__card>a i {
        width:1.8rem;
        height: 1.8rem;
        right: 1.2rem
    }
}

.c-listPostit__card>a i::after,.c-listPostit__card>a i::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #ddd;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.c-listPostit__card>a i::before {
    width: 100%;
    height: 1px
}

.c-listPostit__card>a i::after {
    width: 100%;
    height: 1px;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.c-listPostit__cardPh {
    position: relative;
    width: 25%;
    height: 0;
    padding-bottom: 16.66667%
}

.c-listPostit__cardPh img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-listPostit__cardTxt {
    width: 75%;
    padding: 0 7.31707%;
    font-weight: 400
}

.c-listPostit__cardLists {
    position: relative;
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .15s cubic-bezier(0,0,.25,1) 0s,opacity .15s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .15s cubic-bezier(0,0,.25,1) 0s,opacity .15s cubic-bezier(0,0,.25,1) 0s
}

.c-listPostit__cardLists ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0
}

.c-listPostit__cardList {
    width: 100%;
    font-weight: 500
}

.c-listPostit__cardList:last-child a {
    margin-bottom: 0
}

.c-listPostit__cardList a,.c-listPostit__cardList span {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    position: relative;
    display: block;
    padding: .5em 1.5em .5em 0;
    margin: .5em 0;
    font-weight: 400
}

.c-listPostit__cardList a:hover,.c-listPostit__cardList span:hover {
    opacity: .7
}

.c-listPostit__cardList a i,.c-listPostit__cardList span i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 1em
}

.c-listPostit__cardList a i::before,.c-listPostit__cardList span i::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 14.4px;
    width: .9rem;
    height: 14.4px;
    height: .9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    right: 0
}

@media only screen and (max-width: 544px) {
    .c-listPostit__cardList a i::before,.c-listPostit__cardList span i::before {
        width:21.6px;
        width: 1.35rem;
        height: 21.6px;
        height: 1.35rem
    }
}

.c-listPostit__cardList a[target='_blank'] i::before,.c-listPostit__cardList span[target='_blank'] i::before {
    background: url(/recruit/set/common/shared/img/ico/ico_blank_bk.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    background-size: contain
}

@media only screen and (max-width: 800px) {
    .c-listPostit__cardList a[target='_blank'] i::before,.c-listPostit__cardList span[target='_blank'] i::before {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .c-listPostit__cardList a[target='_blank'] i::before,.c-listPostit__cardList span[target='_blank'] i::before {
        width:31.2px;
        width: 1.95rem;
        height: 27.04px;
        height: 1.69rem
    }
}

.c-listPostit__cardList span {
    color: #000
}

.c-listPostit__cardList span i {
    display: none
}

.c-listPostit__cardList span small {
    display: inline-block;
    margin-left: 1.5rem;
    vertical-align: middle;
    color: rgba(0,0,0,.5);
    font-weight: 500
}

.c-listPostit__card.is-open>a i::after {
    display: none
}

.c-listPostit__card.is-open .c-listPostit__cardLists {
    height: auto;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .15s cubic-bezier(0,0,.25,1) 0s,opacity .3s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .15s cubic-bezier(0,0,.25,1) 0s,opacity .3s cubic-bezier(0,0,.25,1) 0s
}

@media only screen and (min-width: 801px) {
    .c-listPostit {
        margin:4rem 0
    }

    .c-listPostit .c-grid {
        margin-left: -3.33333%;
        margin-right: -3.33333%
    }

    .c-listPostit__card {
        padding-left: 3.33333%;
        padding-right: 3.33333%;
        margin-bottom: 6rem
    }

    .c-listPostit__card:nth-last-child(2) {
        margin-bottom: 0
    }

    .c-listPostit__cardTxt {
        font-size: 2rem
    }

    .c-listPostit__cardLists ul {
        padding: 3.6036% 7.20721%
    }
}

@media only screen and (max-width: 800px) {
    .c-listPostit {
        margin:4rem 0
    }

    .c-listPostit>a i {
        right: 1rem;
        width: 2rem;
        height: 2rem
    }

    .c-listPostit .c-grid {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .c-listPostit__card {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: 2.5rem
    }

    .c-listPostit__card:last-child {
        margin-bottom: 0
    }

    .c-listPostit__cardTxt {
        font-size: 1.6rem
    }

    .c-listPostit__cardLists ul {
        padding: 1rem 2rem
    }
}

@media only screen and (max-width: 544px) {
    .c-listPostit .c-grid {
        margin-left:0;
        margin-right: 0
    }

    .c-listPostit__card {
        padding-left: 0;
        padding-right: 0
    }
}

.c-listTag>li {
    position: relative;
    padding-left: 1.5em;
    margin: .5em 0
}

.c-listTag>li:before {
    content: "・";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: gray
}

.c-listTag.hyphen>li:before {
    content: "?"
}

.c-marquee,.c-marquee--exlight,.c-marquee--light {
    width: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .1
}

.c-marquee__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none
}

@media only screen and (min-width: 801px) {
    .c-marquee__item {
        font-size:26rem
    }
}

@media only screen and (max-width: 800px) {
    .c-marquee__item {
        font-size:10rem
    }
}

.c-marquee__txt {
    display: inline-block;
    padding-right: .25em
}

.c-marquee--light {
    opacity: .05
}

.c-marquee--exlight {
    opacity: .03
}

.c-modal-content {
    display: none
}

.c-modal-content__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-modal-content__modal {
    display: none
}

.c-modal-content__card .c-txtJobMatch {
    display: inline-block
}

.c-modal-content__txt {
    padding-left: 1.5rem
}

.c-modal-content__txt .c-txt {
    margin: 0
}

@media only screen and (min-width: 801px) {
    .c-modal-content__card .c-txtJobMatch {
        margin-bottom:2.5rem
    }

    .c-modal-content__card {
        max-height: calc(80vh - .8rem);
        padding: 5rem
    }
}

@media only screen and (max-width: 800px) {
    .c-modal-content__card .c-txtJobMatch {
        margin-bottom:1.5rem
    }

    .c-modal-content__card {
        max-height: calc(70vh - 1.2rem);
        padding: 2rem
    }
}

.c-modalSales {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 2rem;
    background-color: rgba(0,0,0,.5);
    visibility: hidden;
    opacity: 0;
    z-index: 999;
    -webkit-transition: visibility .3s,opacity .3s;
    transition: visibility .3s,opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.c-modalSales.is-view {
    visibility: visible;
    opacity: 1
}

.c-modalSales.is-view .c-modalSales__inner {
    -webkit-transform: none;
    transform: none
}

.c-modalSales__inner {
    width: 100%;
    background: #fff;
    z-index: 1;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.c-modalSales__body {
    position: relative
}

.c-modalSales__close {
    position: absolute;
    top: 0;
    right: 0
}

.c-modalSales__bnrs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-modalSales__bnrLink {
    display: block
}

.c-modalSales__bnrPic {
    display: block
}

.c-modalSales__ttl>span {
    font-weight: 500
}

.c-modalSales__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-modalSales__note {
    display: block;
    letter-spacing: .02em;
    color: gray;
    white-space: nowrap
}

@media only screen and (min-width: 801px) {
    .c-modalSales__inner {
        max-width:86rem
    }

    .c-modalSales__body {
        padding: 5rem 5rem 2rem;
        border: .5rem solid #efefef;
        overflow-y: auto;
        max-height: 80vh
    }

    .c-modalSales__close {
        padding: 2rem
    }

    .c-modalSales__close>img {
        width: 2.4rem
    }

    .c-modalSales__bnrs {
        margin-top: 4rem;
        gap: 3rem
    }

    .c-modalSales__bnrLink {
        width: 36rem
    }

    .c-modalSales__bnrLink:hover .c-modalSales__bnrPic {
        opacity: .7
    }

    .c-modalSales__bnrPic {
        -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .c-modalSales__ttl {
        text-align: center
    }

    .c-modalSales__ttl>span {
        font-size: 1.8rem
    }

    .c-modalSales__link {
        margin-top: 2rem
    }

    .c-modalSales__link>li {
        width: calc(50% - 1.5rem)
    }

    .c-modalSales__note {
        text-align: right;
        font-size: 1.3rem;
        margin-top: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .c-modalSales__inner {
        margin-top:2rem
    }

    .c-modalSales__body {
        padding: 4rem 2rem 2rem;
        border: .3rem solid #efefef;
        overflow-y: auto;
        max-height: 74vh
    }

    .c-modalSales__close {
        padding: 1.7rem
    }

    .c-modalSales__close>img {
        width: 1.8rem
    }

    .c-modalSales__bnrs {
        margin-top: 3rem;
        gap: 2rem
    }

    .c-modalSales__bnrLink {
        width: 100%
    }

    .c-modalSales__ttl>span {
        font-size: 1.4rem
    }

    .c-modalSales__link {
        margin-top: 1rem
    }

    .c-modalSales__link>li {
        width: calc(50% - 1rem)
    }

    .c-modalSales__note {
        font-size: 1.1rem;
        margin-top: 1.5rem
    }
}

@media only screen and (max-width: 544px) {
    .c-modalSales__bnrs {
        gap:0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-modalSales__bnr:not(:first-child) {
        margin-top: 1rem
    }

    .c-modalSales__link {
        display: block
    }

    .c-modalSales__link>li {
        width: 100%
    }

    .c-modalSales__link>li:not(:first-child) {
        margin-top: 1rem
    }

    .c-modalSales__note {
        font-size: 1rem
    }
}

.c-modal {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0
}

.c-modal__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    background: #fff;
    visibility: hidden;
    opacity: 0
}

.c-modal__bg {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75)
}

.c-modal__close {
    position: absolute;
    background: url(/recruit/set/common/shared/img/ico/ico_close.svg);
    background-size: contain
}

.c-modal.is-appear {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s
}

.c-modal.is-appear .c-modal__inner {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .6s cubic-bezier(0,0,.25,1) 0s,opacity .6s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .6s cubic-bezier(0,0,.25,1) 0s,opacity .6s cubic-bezier(0,0,.25,1) 0s
}

.c-modal.is-jobmap {
    display: grid;
    place-items: center;
    z-index: 1000;
    padding: 4rem 2rem
}

.c-modal.is-jobmap ::-webkit-scrollbar-thumb {
    background-color: transparent
}

.c-modal.is-jobmap .c-modal__inner {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: 0 0;
    padding: 0;
    max-height: none;
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width: 801px) {
    .c-modal.is-jobmap .c-modal__inner {
        max-width:97rem;
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

@media only screen and (max-width: 800px) {
    .c-modal.is-jobmap .c-modal__inner {
        max-width:33.5rem;
        padding-top: 4rem;
        padding-bottom: 6rem
    }
}

.c-modalVideo {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s cubic-bezier(0,0,.25,1) 0s
}

.c-modalVideo__inner {
    max-width: 120rem;
    width: calc(100% - 41.72767vw);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .6s cubic-bezier(0,0,.25,1) 0s,opacity .6s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .6s cubic-bezier(0,0,.25,1) 0s,opacity .6s cubic-bezier(0,0,.25,1) 0s;
    position: absolute;
    top: calc(50% + 5rem);
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-modalVideo__inner video {
    margin-left: auto;
    margin-right: auto
}

.c-modalVideo__bg {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75)
}

.c-modalVideo__close {
    cursor: pointer;
    pointer-events: none;
    position: absolute;
    background: url(/recruit/set/common/shared/img/ico/ico_close_wh.svg);
    background-size: contain;
    width: 2.5rem;
    height: 2.5rem;
    top: -4rem;
    right: 0
}

.c-modalVideo.is-appear {
    visibility: visible;
    opacity: 1
}

.c-modalVideo.is-appear .c-modalVideo__inner {
    visibility: visible;
    opacity: 1
}

body.l-recruit-no1 .c-modal__inner,body.l-recruit-regular .c-modal__inner {
    background-color: #fff;
    overflow: hidden
}

body.l-recruit-no1 .c-modal__close,body.l-recruit-regular .c-modal__close {
    position: fixed;
    cursor: pointer
}

@media only screen and (min-width: 801px) {
    body.l-recruit-no1 .c-modal__inner,body.l-recruit-regular .c-modal__inner {
        width:96%;
        max-width: 120rem;
        max-height: 80vh;
        padding: .4rem
    }

    body.l-recruit-no1 .c-modal__close,body.l-recruit-regular .c-modal__close {
        right: 5rem;
        top: 5rem;
        width: 2rem;
        height: 2rem
    }
}

@media only screen and (max-width: 800px) {
    body.l-recruit-no1 .c-modal__inner,body.l-recruit-regular .c-modal__inner {
        width:96%;
        max-height: 70vh
    }

    body.l-recruit-no1 .c-modal__close,body.l-recruit-regular .c-modal__close {
        right: 4rem;
        top: 4rem;
        width: 1.8rem;
        height: 1.8rem
    }
}

@media only screen and (max-width: 544px) {
    body.l-recruit-no1 .c-modal__close,body.l-recruit-regular .c-modal__close {
        right:2rem;
        top: 2rem
    }
}

body.l-company-women-careers .c-modal__inner,body.l-special-data .c-modal__inner {
    overflow: auto
}

body.l-company-women-careers .c-modal__inner>*,body.l-special-data .c-modal__inner>* {
    opacity: 1;
    -webkit-transition: opacity .6s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .6s cubic-bezier(0,0,.25,1) 0s
}

body.l-company-women-careers .c-modal__close,body.l-special-data .c-modal__close {
    z-index: 2
}

body.l-company-women-careers .c-modal__arrow,body.l-special-data .c-modal__arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: 1;
    height: 50%;
    cursor: pointer
}

body.l-company-women-careers .c-modal__arrow a,body.l-special-data .c-modal__arrow a {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

body.l-company-women-careers .c-modal__arrow a::before,body.l-special-data .c-modal__arrow a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    transition: left .2s cubic-bezier(0,0,.25,1) 0s
}

body.l-company-women-careers .c-modal__arrow.prev,body.l-special-data .c-modal__arrow.prev {
    left: 0
}

body.l-company-women-careers .c-modal__arrow.prev a::before,body.l-special-data .c-modal__arrow.prev a::before {
    -webkit-transform: translate(25%,-50%) scale(-1,1);
    transform: translate(25%,-50%) scale(-1,1)
}

body.l-company-women-careers .c-modal__arrow.next,body.l-special-data .c-modal__arrow.next {
    right: 0
}

body.l-company-women-careers .c-modal__arrow.next a,body.l-special-data .c-modal__arrow.next a {
    right: 0
}

body.l-company-women-careers .c-modal__arrow.next a:before,body.l-special-data .c-modal__arrow.next a:before {
    -webkit-transform: translate(-125%,-50%);
    transform: translate(-125%,-50%)
}

body.l-company-women-careers .c-modal .c-hdg,body.l-special-data .c-modal .c-hdg {
    margin-top: 0
}

body.l-company-women-careers .c-modal .c-img p,body.l-special-data .c-modal .c-img p {
    text-align: right
}

body.l-company-women-careers .c-modal .c-table table,body.l-special-data .c-modal .c-table table {
    width: 100%
}

body.l-company-women-careers .c-modal .c-table table td,body.l-company-women-careers .c-modal .c-table table th,body.l-special-data .c-modal .c-table table td,body.l-special-data .c-modal .c-table table th {
    text-align: center;
    font-size: 1.2rem
}

body.l-company-women-careers .c-modal .c-table table td.left,body.l-company-women-careers .c-modal .c-table table th.left,body.l-special-data .c-modal .c-table table td.left,body.l-special-data .c-modal .c-table table th.left {
    text-align: left
}

body.l-company-women-careers .c-modal .c-table table td.w18,body.l-company-women-careers .c-modal .c-table table th.w18,body.l-special-data .c-modal .c-table table td.w18,body.l-special-data .c-modal .c-table table th.w18 {
    width: 18%
}

body.l-company-women-careers .c-modal .c-table table td.w14,body.l-company-women-careers .c-modal .c-table table th.w14,body.l-special-data .c-modal .c-table table td.w14,body.l-special-data .c-modal .c-table table th.w14 {
    width: 14%
}

body.l-company-women-careers .c-modal .c-table p,body.l-special-data .c-modal .c-table p {
    margin-top: 1rem;
    text-align: right;
    font-size: 1.2rem
}

body.l-company-women-careers .c-modal .c-btnMore,body.l-special-data .c-modal .c-btnMore {
    margin-left: auto;
    margin-right: 0
}

body.l-company-women-careers .c-modal .c-listBtn,body.l-special-data .c-modal .c-listBtn {
    width: 100%
}

body.l-company-women-careers .c-modal .c-listBtn ul li,body.l-special-data .c-modal .c-listBtn ul li {
    width: 100%
}

body.l-company-women-careers .c-modal.is-change .c-modal__inner>*,body.l-special-data .c-modal.is-change .c-modal__inner>* {
    opacity: 0
}

body.l-company-women-careers .c-modal.is-appear,body.l-special-data .c-modal.is-appear {
    -webkit-transition: visibility .1s cubic-bezier(0,0,.25,1) 0s,opacity .1s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .1s cubic-bezier(0,0,.25,1) 0s,opacity .1s cubic-bezier(0,0,.25,1) 0s
}

body.l-company-women-careers .c-modal .is-modal-hover,body.l-special-data .c-modal .is-modal-hover {
    display: none
}

@media only screen and (min-width: 801px) {
    body.l-company-women-careers .c-modal__inner,body.l-special-data .c-modal__inner {
        width:90%;
        max-width: 120rem;
        max-height: 80%;
        padding: 5%
    }

    body.l-company-women-careers .c-modal__close,body.l-special-data .c-modal__close {
        right: 6.66667%;
        top: 6rem;
        width: 2rem;
        height: 2rem
    }

    body.l-company-women-careers .c-modal__arrow,body.l-special-data .c-modal__arrow {
        width: 10%
    }

    body.l-company-women-careers .c-modal .c-hdg,body.l-special-data .c-modal .c-hdg {
        padding-right: 5rem;
        padding-bottom: 2rem;
        font-size: 2.2rem
    }

    body.l-company-women-careers .c-modal .c-btnMore,body.l-special-data .c-modal .c-btnMore {
        width: 100%;
        max-width: 36rem
    }

    body.l-company-women-careers .c-modal .c-listBtn ul,body.l-special-data .c-modal .c-listBtn ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    body.l-company-women-careers .c-modal .c-listBtn ul li,body.l-special-data .c-modal .c-listBtn ul li {
        max-width: 36rem;
        margin-left: 2rem
    }

    body.l-company-women-careers .c-modal .c-table table td,body.l-company-women-careers .c-modal .c-table table th,body.l-special-data .c-modal .c-table table td,body.l-special-data .c-modal .c-table table th {
        padding: 8px 10px
    }
}

@media only screen and (max-width: 800px) {
    body.l-company-women-careers .c-modal__inner,body.l-special-data .c-modal__inner {
        width:90%;
        max-height: calc(100vh - 180px);
        padding: 5.33333vw
    }

    body.l-company-women-careers .c-modal__close,body.l-special-data .c-modal__close {
        right: 5.33333vw;
        top: 6.66667vw;
        width: 1.5rem;
        height: 1.5rem
    }

    body.l-company-women-careers .c-modal__arrow,body.l-special-data .c-modal__arrow {
        width: 15%
    }

    body.l-company-women-careers .c-modal .c-hdg,body.l-special-data .c-modal .c-hdg {
        padding-right: 2rem;
        padding-bottom: 1.5rem;
        font-size: 1.8rem
    }

    body.l-company-women-careers .c-modal .c-btnMore,body.l-special-data .c-modal .c-btnMore {
        width: 100%
    }

    body.l-company-women-careers .c-modal .c-btnMore a,body.l-special-data .c-modal .c-btnMore a {
        margin-left: auto;
        margin-right: 0
    }

    body.l-company-women-careers .c-modal .c-table table td,body.l-company-women-careers .c-modal .c-table table th,body.l-special-data .c-modal .c-table table td,body.l-special-data .c-modal .c-table table th {
        padding: 8px 6px
    }

    body.l-company-women-careers .c-modal .c-table table th,body.l-special-data .c-modal .c-table table th {
        font-weight: 400
    }
}

body.l-special-data .c-modal ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.25)
}

body.l-special-data .c-modal__inner {
    background: #000;
    color: #fff;
    border-top: 2px solid #fff
}

body.l-special-data .c-modal__inner.normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

body.l-special-data .c-modal__inner.normal .c-hdg {
    width: 100%
}

@media only screen and (min-width: 801px) {
    body.l-special-data .c-modal__inner.normal .c-img {
        width:45%
    }
}

@media only screen and (max-width: 800px) {
    body.l-special-data .c-modal__inner.normal .c-img {
        width:100%
    }
}

body.l-special-data .c-modal__inner.normal .c-txt {
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    body.l-special-data .c-modal__inner.normal .c-txt {
        width:50%
    }
}

@media only screen and (max-width: 800px) {
    body.l-special-data .c-modal__inner.normal .c-txt {
        width:100%;
        margin-top: 3rem
    }
}

body.l-special-data .c-modal__close {
    background: url(/recruit/set/common/shared/img/ico/ico_close_wh.svg)
}

body.l-special-data .c-modal__arrow a {
    color: #fff
}

body.l-special-data .c-modal__arrow a::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 48px;
    width: 3rem;
    height: 48px;
    height: 3rem
}

@media only screen and (max-width: 544px) {
    body.l-special-data .c-modal__arrow a::before {
        width:32px;
        width: 2rem;
        height: 32px;
        height: 2rem
    }
}

body.l-special-data .c-modal .c-hdg {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.25)
}

body.l-special-data .c-modal .c-note {
    color: #fff
}

body.l-special-data .c-modal .c-table table td,body.l-special-data .c-modal .c-table table th {
    border: 1px solid #262626
}

body.l-special-data .c-modal .c-table table th {
    background-color: #262626
}

body.l-company-women-careers .c-modal ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.25)
}

body.l-company-women-careers .c-modal__inner {
    background: #fff;
    color: #000;
    border-top: 2px solid #000
}

.ie11 body.l-company-women-careers .c-modal__inner {
    position: relative
}

body.l-company-women-careers .c-modal__close {
    background: url(/recruit/set/common/shared/img/ico/ico_close.svg)
}

body.l-company-women-careers .c-modal__arrow a {
    color: #000
}

body.l-company-women-careers .c-modal__arrow a::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 48px;
    width: 3rem;
    height: 48px;
    height: 3rem
}

@media only screen and (max-width: 544px) {
    body.l-company-women-careers .c-modal__arrow a::before {
        width:32px;
        width: 2rem;
        height: 32px;
        height: 2rem
    }
}

body.l-company-women-careers .c-modal .c-hdg {
    color: #000;
    border-bottom: 1px solid rgba(0,0,0,.25)
}

body.l-company-women-careers .c-modal .c-note {
    color: #000
}

body.l-company-women-careers .c-modal .c-table table td,body.l-company-women-careers .c-modal .c-table table th {
    border: 1px solid #262626
}

body.l-company-women-careers .c-modal .c-table table th {
    background-color: #262626
}

@media only screen and (max-width: 800px) {
    .l-graduate.isGraduate_v2 .c-modalVideo__inner,body.l-company-women-careers .c-modalVideo__inner,body.l-sales .c-modalVideo__inner,body.l-special-specialmovies .c-modalVideo__inner {
        width:90%
    }
}

.c-mv {
    position: relative;
    background: #000
}

.c-mv__inner {
    position: relative;
    z-index: 1
}

.c-mv__hdg {
    color: #fff;
    line-height: 1.25em
}

.c-mv__hdgCaption {
    display: block;
    margin-bottom: 1em;
    line-height: 1.25em
}

.c-mv__hdg>small {
    display: block;
    font-size: 1.3rem;
    font-weight: 500
}

.c-mv__desc {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    color: #fff
}

.c-mv__bg {
    position: absolute;
    z-index: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.c-mv__bg span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.c-mv__bnr,.c-mv__bnr--wide {
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 801px) {
    .c-mv__bnr img,.c-mv__bnr--wide img {
        -webkit-transition:opacity .3s ease;
        transition: opacity .3s ease
    }
}

.c-mv__bnr a,.c-mv__bnr--wide a {
    display: block;
    background-color: #000
}

@media only screen and (min-width: 801px) {
    .c-mv__bnr a:hover img,.c-mv__bnr--wide a:hover img {
        opacity:.8
    }
}

.c-mv__bnr--wide~.c-mv__bnr,.c-mv__bnr--wide~.c-mv__bnr--wide,.c-mv__bnr~.c-mv__bnr,.c-mv__bnr~.c-mv__bnr--wide {
    top: 28.9rem
}

.c-mv__bnr img {
    max-width: 28rem;
    max-height: 18rem
}

.c-mv__bnr--wide img {
    max-width: 33rem
}

@media only screen and (min-width: 801px) {
    .c-mv::before {
        left:-192px;
        left: -12rem
    }

    .c-mv__inner {
        height: 24rem
    }

    .c-mv__hdg {
        font-size: 3rem
    }

    .c-mv__hdgCaption {
        font-size: 1.3rem
    }

    .c-mv__hdg>small {
        font-size: 1.3rem
    }

    .c-mv__desc {
        position: relative;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        max-width: 132rem;
        padding: 2rem 6rem
    }

    .c-mv__bg span {
        background-size: cover
    }
}

@media only screen and (max-width: 800px) {
    .c-mv {
        margin-top:4.8rem
    }

    .c-mv::before {
        width: 94.66667vw;
        height: 6px
    }

    .c-mv__hdg {
        font-size: 2.8rem
    }

    .c-mv__hdgCaption {
        font-size: 1.3rem
    }

    .c-mv__hnd {
        font-size: 1.3rem
    }

    .c-mv__desc {
        height: 20rem;
        padding: 6rem 2rem 0
    }

    .c-mv__bg span {
        background-position: center center;
        background-size: cover
    }
}

@media only screen and (max-width: 544px) {
    .c-mv__hdg {
        font-size:2.4rem
    }
}

@media only screen and (min-width: 801px) {
    .c-mv.tall .c-mv__inner {
        height:30rem
    }
}

@media only screen and (min-width: 801px) {
    .c-mv.taller .c-mv__inner {
        height:32rem
    }
}

@media only screen and (min-width: 801px) {
    .c-mv.tallest .c-mv__inner {
        height:50rem
    }
}

.c-mv.black .c-mv__hdg {
    color: #000
}

.c-mv.black .c-mv__desc {
    color: #000
}

.c-mv__hdg.black {
    color: #000
}

.c-mv.lineNone::before {
    display: none
}

.c-mv__bg.serifTitle>span {
    background-position: center right;
    background-size: contain
}

.c-mv__utility {
    display: none
}

@media only screen and (min-width: 801px) {
    .c-mv__utility {
        position:absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 2rem 4rem;
        color: #fff
    }

    .c-mv__lnks ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-mv__lnks ul li {
        margin-left: 1.5em
    }

    .c-mv__lnks ul li a {
        color: #fff;
        -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
        transition: all .25s cubic-bezier(0,0,.25,1) 0s
    }

    .c-mv__lnks ul li a:hover {
        opacity: .7
    }
}

@media only screen and (min-width: 801px) {
    body.l-synthesis .c-mv {
        margin-top:0;
        padding-top: 7rem
    }
}

@media only screen and (max-width: 800px) {
    body.l-synthesis .c-mv {
        margin-top:6rem
    }
}

@media only screen and (max-width: 800px) {
    body.l-company-vision_message .c-mv__hdg,body.l-company-vision_message_ceo .c-mv__hdg,body.l-company-vision_message_president .c-mv__hdg,body.l-vision_message .c-mv__hdg,body.l-vision_message_ceo .c-mv__hdg,body.l-vision_message_president .c-mv__hdg {
        font-size:1.8rem
    }
}

body.l-company-vision_message .c-mv__bg span,body.l-company-vision_message_ceo .c-mv__bg span,body.l-company-vision_message_president .c-mv__bg span,body.l-vision_message .c-mv__bg span,body.l-vision_message_ceo .c-mv__bg span,body.l-vision_message_president .c-mv__bg span {
    background-position: top center
}

@media only screen and (min-width: 801px) {
    .c-mv::before {
        height:0;
        -webkit-transition: height .5s cubic-bezier(0,0,.25,1) .2s;
        transition: height .5s cubic-bezier(0,0,.25,1) .2s
    }

    .c-mv.is-in::before {
        height: 10px
    }
}

.c-note {
    color: gray
}

.c-note li {
    position: relative;
    padding-left: 1.5em
}

.c-note li span {
    position: absolute;
    top: 0;
    left: 0
}

.c-note li a {
    text-decoration: underline;
    color: #3b7396
}

.c-note li a:hover {
    text-decoration: none
}

@media only screen and (min-width: 801px) {
    .c-note>p {
        font-size:1.3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-note>p {
        font-size:1.1rem
    }
}

.c-note.list {
    margin-left: 2em
}

.c-note.col-inherit {
    color: inherit
}

.c-note.large li {
    padding-left: 2em
}

@media only screen and (min-width: 801px) {
    .c-pageLink ul {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-pageLink__next {
        margin-left: auto;
        margin-right: 0
    }

    .c-pageLink .c-btn {
        width: 36rem
    }

    .c-pageLink .c-btn.small {
        width: 30rem
    }
}

@media only screen and (max-width: 800px) {
    .c-pageLink {
        margin:2rem 0
    }
}

.c-pageTop {
    position: relative;
    text-align: center
}

.c-pageTop a {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s
}

.c-pageTop a:hover {
    opacity: .7
}

.c-pageTop a p {
    position: relative;
    display: inline-block
}

.c-pageTop a p::before {
    content: "";
    display: block;
    margin: 0 auto 16px;
    margin: 0 auto 1rem;
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_bk.svg) center no-repeat;
    background-size: contain;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c-pageTop.black {
    background: #000
}

.c-pageTop.black a {
    color: #fff
}

.c-pageTop.black a p::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center no-repeat
}

.c-pageTop.gray {
    background: #333
}

.c-pageTop.gray a {
    color: #fff
}

.c-pageTop.gray a p::before {
    background: url(/recruit/set/common/shared/img/ico/ico_arrow.svg) center no-repeat
}

@media only screen and (min-width: 801px) {
    .c-pageTop {
        padding:7rem 0
    }
}

@media only screen and (max-width: 800px) {
    .c-pageTop {
        padding:3.5rem 0
    }
}

.l-special-specialmovies .c-pageTop {
    position: relative
}

.c-pagination {
    text-align: center
}

.c-pagination__arrow>a {
    display: block
}

.c-pagination__arrow>a>img {
    margin: 0 auto
}

@media only screen and (min-width: 801px) {
    .c-pagination {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-pagination__arrow {
        width: 4rem;
        margin: 0 .5rem
    }

    .c-pagination__arrow>a {
        -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s;
        transition: opacity .2s cubic-bezier(0,0,.25,1) 0s
    }

    .c-pagination__arrow>a:hover {
        opacity: .7
    }

    .c-pagination__arrow>a>img {
        width: 1.2rem;
        height: 4rem;
        line-height: 4rem
    }

    .c-pagination__number {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-pagination__number>li {
        margin: 0 .5rem
    }

    .c-pagination__number>li>* {
        display: inline-block;
        font-size: 1.4rem;
        font-family: Roboto,"Noto Sans JP",sans-serif;
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }

    .c-pagination__number>li>span {
        background-color: #efefef
    }

    .c-pagination__number>li>a {
        color: #999;
        border: 1px solid #efefef;
        -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s;
        transition: opacity .2s cubic-bezier(0,0,.25,1) 0s
    }

    .c-pagination__number>li>a:hover {
        opacity: .7
    }
}

@media only screen and (max-width: 800px) {
    .c-pagination {
        max-width:33.5rem;
        margin: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-pagination__arrow:nth-of-type(1),.c-pagination__arrow:nth-of-type(4) {
        width: 25.67164%
    }

    .c-pagination__arrow:nth-of-type(2),.c-pagination__arrow:nth-of-type(3) {
        width: 19.70149%
    }

    .c-pagination__arrow>a {
        border: 1px solid #ddd
    }

    .c-pagination__arrow>a>* {
        display: inline-block;
        height: 2.5rem;
        line-height: 2.5rem
    }

    .c-pagination__arrow>a>span {
        font-size: 1.4rem;
        color: #999;
        margin: 0 .5rem
    }

    .c-pagination__arrow>a>img {
        width: 1.2rem
    }
}

.c-place {
    border: 1px solid #ddd
}

.c-place dl dt {
    font-weight: 500;
    background: #e6e6e6
}

.c-place .c-article__card {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .c-place dl dt {
        padding:1.5rem 3rem
    }

    .c-place dl dd {
        padding: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-place dl dt {
        padding:1.5rem 2rem
    }

    .c-place dl dd {
        padding: 2rem
    }
}

.c-project-flow {
    clear: both;
    margin: 4rem auto;
    max-width: 960px;
    background-color: #3a3a3a
}

.c-project-flow__ttl {
    border: 1px solid #fff;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 1.4
}

.c-project-flow__table {
    margin-left: .5rem;
    margin-right: .5rem;
    font-weight: 500;
    border-collapse: separate
}

.c-project-flow__table th {
    background-color: #4d4d4d;
    text-align: center;
    line-height: 1.4
}

.c-project-flow__table td {
    vertical-align: top;
    line-height: 1.4
}

@media only screen and (min-width: 801px) {
    .c-project-flow {
        padding:1rem
    }

    .c-project-flow__ttl {
        padding: 2rem 1rem;
        font-size: 2.4rem
    }

    .c-project-flow__table {
        margin-top: 1.5rem;
        border-spacing: .2rem
    }

    .c-project-flow__table th {
        font-size: 1.8rem;
        vertical-align: middle;
        width: 15rem;
        padding: 2rem .5rem
    }

    .c-project-flow__table td {
        font-size: 1.8rem;
        padding: 2rem .5rem 2rem 3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-project-flow {
        padding:.5rem
    }

    .c-project-flow__ttl {
        padding: 1rem;
        font-size: 1.4rem
    }

    .c-project-flow__table {
        margin-top: 1rem;
        border-spacing: .1rem
    }

    .c-project-flow__table th {
        font-size: .9rem;
        width: 7.5rem;
        height: 4.6rem;
        padding: 1rem .5rem
    }

    .c-project-flow__table td {
        font-size: 1.15rem;
        padding: 1rem .5rem 1rem 2rem;
        vertical-align: middle;
        height: 4.6rem
    }
}

.c-recruitCorse__inner {
    width: 100%
}

.c-recruitCorse__inner.close {
    position: relative
}

.c-recruitCorse__inner.close::after {
    content: '';
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    top: 0
}

.c-recruitCorse__inner.close::before {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    white-space: pre;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-recruitCorse__inner-1,.c-recruitCorse__inner-2,.c-recruitCorse__inner-3 {
    width: 100%
}

.c-recruitCorse__inner-1.close,.c-recruitCorse__inner-2.close,.c-recruitCorse__inner-3.close {
    position: relative
}

.c-recruitCorse__inner-1.close::after,.c-recruitCorse__inner-2.close::after,.c-recruitCorse__inner-3.close::after {
    content: '';
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    top: 0
}

.c-recruitCorse__inner-1.close::before,.c-recruitCorse__inner-2.close::before,.c-recruitCorse__inner-3.close::before {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 25.6px;
    font-size: 1.6rem;
    font-weight: 500;
    white-space: pre;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-recruitCorse__inner--blue p,.c-recruitCorse__inner--green p,.c-recruitCorse__inner--pink p,.c-recruitCorse__inner--yellow p {
    color: #fff
}

.c-recruitCorse__inner--yellow {
    background-color: #ffb400
}

.c-recruitCorse__inner--yellowIcon {
    background-color: rgba(255,255,255,.48)
}

.c-recruitCorse__inner--blue {
    background-color: #8cb5d0
}

.c-recruitCorse__inner--blueIcon {
    background-color: rgba(255,255,255,.3)
}

.c-recruitCorse__inner--pink {
    background-color: #ff8e8e
}

.c-recruitCorse__inner--pinkIcon {
    background-color: rgba(255,255,255,.3)
}

.c-recruitCorse__inner--green {
    background-color: #8bc145
}

.c-recruitCorse__inner--greenIcon {
    background-color: rgba(255,255,255,.3)
}

.c-recruitCorse__innerBtn {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: fltex-sart;
    -ms-flex-pack: fltex-sart;
    justify-content: fltex-sart;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-recruitCorse__innerBtn>div:not(:first-child) {
    border-left: 1px solid #fff
}

.c-recruitCorse__innerDesc {
    text-align: center;
    width: 100%
}

.c-recruitCorse__innerDesc p {
    position: relative;
    display: block;
    font-weight: 500;
    width: 100%
}

.c-recruitCorse__innerDesc p::after {
    content: '';
    display: inline-block;
    background: url(/recruit/set/common/shared/img/ico/ico_blank_white.svg) center center no-repeat;
    background-size: 100%;
    width: 24px;
    width: 1.5rem;
    height: 20.8px;
    height: 1.3rem;
    margin-left: 8px;
    margin-left: .5rem
}

.c-recruitCorse__innerDesc p>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.c-recruitCorse__innerCol2,.c-recruitCorse__innerCol3,.c-recruitCorse__innerSummer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-recruitCorse__innerCol2>a,.c-recruitCorse__innerCol3>a,.c-recruitCorse__innerSummer>a {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 500;
    width: 100%
}

.c-recruitCorse__innerCol2>a::before,.c-recruitCorse__innerCol3>a::before,.c-recruitCorse__innerSummer>a::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-recruitCorse__innerCol2>p,.c-recruitCorse__innerCol3>p,.c-recruitCorse__innerSummer>p {
    display: block;
    text-align: center;
    font-weight: 500;
    width: 100%
}

.c-recruitCorse__innerCol2>p>small,.c-recruitCorse__innerCol3>p>small,.c-recruitCorse__innerSummer>p>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.c-recruitCorse__innerCol2>p>span,.c-recruitCorse__innerCol3>p>span,.c-recruitCorse__innerSummer>p>span {
    display: block;
    font-weight: 300
}

.c-recruitCorse__innerCol2.linkNone,.c-recruitCorse__innerCol3.linkNone,.c-recruitCorse__innerSummer.linkNone {
    background-color: #efefef
}

.c-recruitCorse__innerCol2>a>p>span,.c-recruitCorse__innerCol3>a>p>span {
    display: block
}

.c-recruitCorse__innerCol2>a>p i,.c-recruitCorse__innerCol3>a>p i {
    content: '';
    display: inline-block;
    background: url(/recruit/set/common/shared/img/ico/ico_blank_white.svg) center center no-repeat;
    background-size: 100%
}

.c-recruitCorse__innerCol2 {
    width: 50%
}

.c-recruitCorse__innerCol3 {
    width: 33.33333%
}

.c-recruitCorse__innerSummer>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-recruitCorse__innerSummer>a>p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    letter-spacing: 0
}

.c-recruitCorse__innerSummer>a i {
    position: relative
}

.c-recruitCorse__innerSummer>a i::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: '';
    display: block;
    width: 24px;
    width: 1.5rem;
    height: 20.8px;
    height: 1.3rem;
    background: url(/recruit/set/common/shared/img/ico/ico_blank_white.svg) center center no-repeat;
    background-size: 100%
}

.c-recruitCorse__ttl {
    text-align: center;
    font-weight: 500;
    color: #fff;
    background-color: #3b7396;
    border-bottom: 1px solid #fff
}

@media only screen and (min-width: 801px) {
    .c-recruitCorse {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-recruitCorse__inner {
        max-width: 59.50413%
    }

    .c-recruitCorse__inner.w100 {
        max-width: 100%
    }

    .c-recruitCorse__inner.close {
        position: relative
    }

    .c-recruitCorse__inner.close::before {
        content: '応募受付は終了しました。';
        font-size: 25.6px;
        font-size: 1.6rem
    }

    .c-recruitCorse__inner-1.close,.c-recruitCorse__inner-2.close,.c-recruitCorse__inner-3.close {
        position: relative
    }

    .c-recruitCorse__inner-1.close::before,.c-recruitCorse__inner-2.close::before,.c-recruitCorse__inner-3.close::before {
        font-size: 25.6px;
        font-size: 1.6rem
    }

    .c-recruitCorse__inner-1,.c-recruitCorse__inner-2 {
        max-width: calc(40.49587% - .5rem)
    }

    .c-recruitCorse__inner-1.close::before,.c-recruitCorse__inner-2.close::before {
        content: 'エントリーは締め切りました。'
    }

    .c-recruitCorse__inner-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: calc(21.4876% - .5rem)
    }

    .c-recruitCorse__inner-3.close::before {
        content: 'エントリーは\A締め切りました。'
    }

    .c-recruitCorse__innerBtn--summer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .c-recruitCorse__innerDesc {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-recruitCorse__innerDesc:hover {
        opacity: .7
    }

    .c-recruitCorse__innerDesc>a {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .c-recruitCorse__innerDesc>a>p {
        width: 100%;
        font-size: 1.6rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .c-recruitCorse__innerCol2,.c-recruitCorse__innerCol3,.c-recruitCorse__innerSummer {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

    .c-recruitCorse__innerCol2:hover,.c-recruitCorse__innerCol3:hover,.c-recruitCorse__innerSummer:hover {
        opacity: .7
    }

    .c-recruitCorse__innerCol2.linkNone:hover,.c-recruitCorse__innerCol3.linkNone:hover,.c-recruitCorse__innerSummer.linkNone:hover {
        opacity: 1
    }

    .c-recruitCorse__innerCol2 p,.c-recruitCorse__innerCol3 p,.c-recruitCorse__innerSummer p {
        font-size: 1.6rem
    }

    .c-recruitCorse__innerCol2 p>small,.c-recruitCorse__innerCol3 p>small,.c-recruitCorse__innerSummer p>small {
        font-size: 1.3rem
    }

    .c-recruitCorse__innerCol2 p>span,.c-recruitCorse__innerCol3 p>span,.c-recruitCorse__innerSummer p>span {
        font-size: 1.4rem
    }

    .c-recruitCorse__innerCol2>a,.c-recruitCorse__innerCol3>a {
        font-size: 1.6rem
    }

    .c-recruitCorse__innerCol2>a>p i,.c-recruitCorse__innerCol3>a>p i {
        width: 1.5rem;
        height: 1.3rem;
        margin: 0 0 0 1rem
    }

    .c-recruitCorse__innerCol2,.c-recruitCorse__innerCol3 {
        height: 12rem
    }

    .c-recruitCorse__innerSummer {
        width: 48.33333%;
        height: 10rem;
        font-size: 1.6rem
    }

    .c-recruitCorse__innerSummer p {
        width: calc(100% - 10rem)
    }

    .c-recruitCorse__innerSummer i {
        height: 10rem;
        width: 10rem
    }

    .c-recruitCorse__ttl {
        font-size: 1.8rem;
        padding: 1.5rem 0
    }
}

@media only screen and (max-width: 800px) {
    .c-recruitCorse__inner.close::before {
        content:'応募受付は終了しました。';
        font-size: 22.4px;
        font-size: 1.4rem
    }

    .c-recruitCorse__inner-1,.c-recruitCorse__inner-2,.c-recruitCorse__inner-3 {
        width: 100%
    }

    .c-recruitCorse__inner-1.close::before,.c-recruitCorse__inner-2.close::before,.c-recruitCorse__inner-3.close::before {
        content: 'エントリーは締め切りました。';
        font-size: 22.4px;
        font-size: 1.4rem
    }

    .c-recruitCorse__inner-1,.c-recruitCorse__inner-2 {
        margin-bottom: 1rem
    }

    .c-recruitCorse__innerDesc p {
        font-size: 1.4rem;
        padding: 1.5rem 0
    }

    .c-recruitCorse__innerDesc p small {
        font-size: 1.2rem
    }

    .c-recruitCorse__innerCol2>a,.c-recruitCorse__innerCol3>a,.c-recruitCorse__innerSummer>a {
        font-size: 1.2rem
    }

    .c-recruitCorse__innerCol2>a>p i,.c-recruitCorse__innerCol3>a>p i,.c-recruitCorse__innerSummer>a>p i {
        width: 1.3rem;
        height: 1.1rem;
        margin: 0 0 -1px 1rem
    }

    .c-recruitCorse__innerCol2>p,.c-recruitCorse__innerCol3>p,.c-recruitCorse__innerSummer>p {
        font-size: 1.3rem;
        padding: 1rem 0
    }

    .c-recruitCorse__innerCol2>p>small,.c-recruitCorse__innerCol3>p>small,.c-recruitCorse__innerSummer>p>small {
        font-size: 1.1rem
    }

    .c-recruitCorse__innerCol2>p>span,.c-recruitCorse__innerCol3>p>span,.c-recruitCorse__innerSummer>p>span {
        font-size: 1.2rem
    }

    .c-recruitCorse__innerCol2>a,.c-recruitCorse__innerCol3>a {
        padding: 1.5rem 0
    }

    .c-recruitCorse__innerSummer {
        width: 100%;
        font-size: 1.3rem
    }

    .c-recruitCorse__innerSummer:not(:first-child) {
        margin-top: 1rem
    }

    .c-recruitCorse__innerSummer p {
        width: calc(100% - 5.6rem)
    }

    .c-recruitCorse__innerSummer i {
        height: 5.6rem;
        width: 5.6rem
    }

    .c-recruitCorse__ttl {
        font-size: 1.4rem;
        padding: 1rem 0
    }
}

.c-sliderProgress {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-sliderProgress__cont {
    position: relative;
    background-color: rgba(255,255,255,.5);
    overflow: hidden
}

.c-sliderProgress__cont:not(:first-child) {
    margin-left: 1rem
}

.c-sliderProgress__bar {
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #fff;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 801px) {
    .c-sliderProgress {
        right:3rem;
        bottom: 3rem
    }

    .c-sliderProgress__cont {
        width: 4rem;
        height: 2px
    }
}

@media only screen and (max-width: 800px) {
    .c-sliderProgress {
        right:2rem;
        bottom: 2rem
    }

    .c-sliderProgress__cont {
        width: 3rem;
        height: 1px
    }
}

.c-slider__for>.c-slider__box:not(:first-child) {
    display: none
}

.c-slider__for .slick-dots li {
    display: inline-block
}

.c-slider__for .slick-dots li button {
    text-indent: -9999px
}

.c-sliderNews a {
    display: block;
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s
}

.c-sliderNews a:hover {
    opacity: .7
}

.c-sliderNews__new {
    margin-right: 1.5rem;
    padding: .5rem 1rem;
    border: 1px solid #fff;
    font-size: 1.2rem
}

.c-sliderNews dl {
    padding: 2px
}

.c-sliderNews dl dt {
    margin-right: 1.5rem
}

.c-sliderNews .slick-dots {
    position: absolute;
    left: 0;
    bottom: -3rem
}

.c-sliderNews .slick-dots li {
    position: relative;
    margin-right: .5rem
}

.c-sliderNews .slick-dots li button {
    width: 2.5rem
}

.c-sliderNews .slick-dots li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.5)
}

.c-sliderNews .slick-dots li.slick-active::before {
    background: #fff
}

@media only screen and (min-width: 801px) {
    .c-sliderNews .c-slider__box dd {
        width:calc(100% - 17rem)
    }

    .c-sliderNews dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 800px) {
    .c-sliderNews .c-slider__box {
        padding:2rem 1rem 2rem 2rem
    }

    .c-sliderNews__new {
        position: absolute;
        top: 0;
        left: 0
    }

    .c-sliderNews dl {
        position: relative;
        padding-left: 6rem
    }

    .c-sliderNews dl dt {
        margin-top: -.5rem
    }

    .c-sliderNews .slick-dots {
        bottom: 0;
        left: 2rem
    }
}

.c-snsShare__body {
    line-height: 1
}

.c-snsShare__body>ul>li {
    padding: 0 .5rem
}

.c-snsShare__body>ul>li [id^=twitter-widget] {
    background-color: #1d9bf0;
    border-radius: .3rem
}

.c-snsShare__body>ul>li [id^=twitter-widget]:hover {
    background-color: #0c7abf
}

@media only screen and (min-width: 801px) {
    .c-snsShare__body {
        margin:0 -.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-snsShare__body>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (max-width: 800px) {
    .c-snsShare__body {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -.5rem
    }

    .c-snsShare__body>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 544px) {
    .c-snsShare__body {
        display:block
    }

    .c-snsShare__body>ul:first-child {
        margin-bottom: 1rem
    }
}

@media only screen and (max-width: 800px) {
    .c-spnavSales {
        width:100%;
        background-color: #fff;
        padding: 1.5rem;
        margin-bottom: 1.5rem
    }

    .c-spnavSales__ttl {
        font-size: 1.4rem;
        font-weight: 500;
        margin-top: 1rem
    }

    .c-spnavSales__lists {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 1rem
    }

    .c-spnavSales__lists>li {
        width: calc(50% - 1rem)
    }
}

@media only screen and (max-width: 544px) {
    .c-spnavSales {
        padding:1rem
    }

    .c-spnavSales__lists {
        display: block;
        margin-top: .5rem
    }

    .c-spnavSales__lists>li {
        width: 100%
    }

    .c-spnavSales__lists>li:not(:first-child) {
        margin-top: 1rem
    }
}

.c-tabSales {
    background-color: #f6f6f6;
    overflow: hidden
}

.c-tabSales__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.c-tabSales__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-tabSales__lists>li {
    position: relative;
    width: 100%
}

.c-tabSales__lists>li>a {
    position: relative;
    display: block
}

.c-tabSales__lists>li>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    opacity: 0
}

.c-tabSales__lists>li.is-current {
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.08);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.08)
}

.c-tabSales__lists>li.is-current>a {
    pointer-events: none;
    background-color: #fff
}

.c-tabSales__lists>li.is-current>a::before {
    opacity: 1
}

.c-tabSales__lists>li.is-current>a .c-tabSales__ttl>span {
    color: #000
}

.c-tabSales__lists>li.is-current>a .c-tabSales__ttl>span::before {
    opacity: 0
}

.c-tabSales__lists>li.is-current>a .c-tabSales__ttl>span>i::before {
    opacity: 0
}

.c-tabSales__lists>li.is-current>a .c-tabSales__ttl>span>i::after {
    opacity: 1
}

.c-tabSales__lists>li.is-current>a .c-tabSales__ttl>span::before {
    opacity: 0
}

.c-tabSales__lists--sign>a::before {
    background-color: #66d455
}

.c-tabSales__lists--crew>a::before {
    background-color: #e3bc13
}

.c-tabSales__lists--adviser>a::before {
    background-color: #cd7597
}

.c-tabSales__lists--event>a::before {
    background-color: #1074cc
}

.c-tabSales__ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-tabSales__ttl>span {
    position: relative;
    font-weight: 500;
    color: #999
}

.c-tabSales__ttl>span::before {
    content: '';
    position: absolute;
    background-image: url(/recruit/set/common/shared/img/ico/ico_arrow_right_gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 16px;
    width: 1rem;
    height: 12.8px;
    height: .8rem;
    right: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

@media only screen and (min-width: 801px) {
    .c-tabSales {
        padding-top:7rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .c-tabSales__inner {
        max-width: 120rem
    }

    .c-tabSales__lists>li>a {
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-tabSales__lists>li>a:hover {
        background-color: #fff
    }

    .c-tabSales__lists>li>a:hover::before {
        opacity: 1
    }

    .c-tabSales__lists>li>a:hover .c-tabSales__ttl>span {
        color: #000
    }

    .c-tabSales__lists>li>a:hover .c-tabSales__ttl>span::before {
        opacity: 0
    }

    .c-tabSales__lists>li>a:hover .c-tabSales__ttl>span>i::before {
        opacity: 0
    }

    .c-tabSales__lists>li>a:hover .c-tabSales__ttl>span>i::after {
        opacity: 1
    }

    .c-tabSales__ttl {
        height: 8rem
    }

    .c-tabSales__ttl>span {
        font-size: 1.6rem;
        padding-left: 6rem;
        padding-right: 2rem;
        -webkit-transition: color .3s;
        transition: color .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (max-width: 800px) {
    .c-tabSales {
        padding-top:4rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .c-tabSales__ttl {
        height: 6rem
    }

    .c-tabSales.is-item3 .c-tabSales__ttl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: 7.2rem;
        letter-spacing: 0;
        padding-bottom: .5rem
    }

    .c-tabSales__ttl>span {
        font-size: 1.2rem;
        padding-left: 4rem;
        padding-right: 1.5rem
    }

    .c-tabSales.is-item3 .c-tabSales__ttl>span {
        font-size: 1.1rem;
        padding-left: 0;
        padding-right: 0
    }

    .c-tabSales.is-item3 .c-tabSales__ttl>span::before {
        right: -19.2px;
        right: -1.2rem;
        top: calc(50% - 1px)
    }
}

@media only screen and (max-width: 544px) {
    .c-tabSales {
        padding-left:0;
        padding-right: 0
    }
}

.c-tabSales__icon--adviser,.c-tabSales__icon--crew,.c-tabSales__icon--event,.c-tabSales__icon--sign {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.c-tabSales__icon--adviser::after,.c-tabSales__icon--adviser::before,.c-tabSales__icon--crew::after,.c-tabSales__icon--sign::after,.c-tabSales__icon--crew::before,.c-tabSales__icon--event::after,.c-tabSales__icon--event::before,.c-tabSales__icon--sign::before {
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-tabSales__icon--adviser::before,.c-tabSales__icon--crew::before,.c-tabSales__icon--event::before,.c-tabSales__icon--sign::before {
    opacity: 1
}

.c-tabSales__icon--adviser::after,.c-tabSales__icon--crew::after,.c-tabSales__icon--event::after,.c-tabSales__icon--sign::after {
    opacity: 0
}

@media only screen and (min-width: 801px) {
    .c-tabSales__icon--adviser,.c-tabSales__icon--crew,.c-tabSales__icon--event,.c-tabSales__icon--sign {
        width:4.6rem;
        height: 4.6rem
    }
}

@media only screen and (max-width: 800px) {
    .c-tabSales__icon--adviser,.c-tabSales__icon--crew,.c-tabSales__icon--event,.c-tabSales__icon--sign {
        width:3.4rem;
        height: 3.4rem
    }

    .c-tabSales.is-item3 .c-tabSales__icon--adviser,.c-tabSales.is-item3 .c-tabSales__icon--crew,.c-tabSales.is-item3 .c-tabSales__icon--event,.c-tabSales.is-item3 .c-tabSales__icon--sign {
        top: -2rem;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.c-tabSales__icon--sign::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_sign_gray.svg)
}

.c-tabSales__icon--sign::after {
    background-image: url(/recruit/set/common/shared/img/ico/ico_sign_green.svg)
}

.c-tabSales__icon--crew::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_crew_gray.svg)
}

.c-tabSales__icon--crew::after {
    background-image: url(/recruit/set/common/shared/img/ico/ico_crew_yellow.svg)
}

.c-tabSales__icon--adviser::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_adviser_gray.svg)
}

.c-tabSales__icon--adviser::after {
    background-image: url(/recruit/set/common/shared/img/ico/ico_adviser_pink.svg)
}

.c-tabSales__icon--event::before {
    background-image: url(/recruit/set/common/shared/img/ico/ico_event_gray.svg)
}

.c-tabSales__icon--event::after {
    background-image: url(/recruit/set/common/shared/img/ico/ico_event_blue.svg)
}

.c-tab__btn {
    position: absolute;
    top: 0;
    right: 0
}

.c-tab__btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #f5f5f5
}

.c-tab__btn ul li {
    border-bottom: 1px solid #ccc
}

.c-tab__btn ul li a {
    display: block;
    color: #999;
    font-weight: 500;
    width: 30rem;
    padding: 2.5rem;
    text-align: center;
    font-size: 1.6rem
}

.c-tab__btn ul li.is-active {
    border: 1px solid #ccc;
    border-bottom: 0;
    background: #fff
}

.c-tab__btn ul li.is-active a {
    color: inherit
}

@media only screen and (max-width: 800px) {
    .c-tab__btn ul li a {
        width:15rem;
        padding: 1.5rem;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 544px) {
    .c-tab__btn {
        position:static;
        margin-bottom: 3rem
    }

    .c-tab__btn ul li {
        width: 50%
    }

    .c-tab__btn ul li a {
        width: 100%
    }
}

.c-tab__panel {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    display: none
}

.c-tab__panel.is-active {
    position: relative;
    visibility: visible;
    opacity: 1;
    display: block;
    -webkit-animation: show 1s linear 0s;
    animation: show 1s linear 0s
}

@-webkit-keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.c-tbl>dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #ddd
}

.c-tbl>dl:last-child {
    border-bottom: 0
}

.c-tbl>dl>dt {
    font-weight: 500
}

.c-tbl>dl>dd>p {
    line-height: 2
}

.c-tbl>dl>dd>p strong {
    font-weight: 500
}

.c-tbl__desc>h3 {
    font-weight: 500
}

.c-tbl__desc span {
    color: gray
}

.c-tbl__th {
    font-weight: 500
}

.c-tbl a {
    color: #3b7396;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1)
}

.c-tbl__desc>dt {
    font-weight: 500
}

.c-tbl__2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 801px) {
    .c-tbl {
        margin:4rem 0
    }

    .c-tbl>dl {
        padding: 3rem 0
    }

    .c-tbl__desc>dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-tbl__desc>dl>dt {
        width: 10rem
    }

    .c-tbl__desc>dl>dd {
        width: calc(100% - 10rem)
    }

    .c-tbl a:hover {
        opacity: .7
    }

    .c-tbl__desc {
        margin-bottom: 1.5rem
    }

    .c-tbl__2colCont {
        width: calc(50% - .5rem)
    }
}

@media only screen and (max-width: 800px) {
    .c-tbl__desc {
        margin-bottom:1.5rem
    }

    .c-tbl__desc>h3 {
        margin-bottom: 1rem
    }

    .c-tbl__desc>dl>dt {
        display: inline
    }

    .c-tbl__desc>dl>dt::after {
        content: '：'
    }

    .c-tbl__desc>dl>dd {
        display: inline
    }

    .c-tbl__2colCont {
        width: calc(50% - .5rem)
    }
}

@media only screen and (max-width: 544px) {
    .c-tbl__desc {
        margin-bottom:1rem
    }

    .c-tbl__desc>dt {
        margin-bottom: .8rem
    }

    .c-tbl__2colCont {
        width: 100%;
        margin-bottom: .8rem
    }
}

.c-tbl.row2>dl>dd>* {
    margin-top: 1.5em
}

.c-tbl.row2>dl>dd>:first-child {
    margin-top: 0
}

.c-tbl.row2>dl>dd .c-note {
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    .c-tbl.row2>dl>dt {
        width:24.58333%
    }

    .c-tbl.row2>dl>dd {
        width: 75.41667%
    }
}

@media only screen and (max-width: 800px) {
    .c-tbl.row2>dl {
        padding:5% 0
    }

    .c-tbl.row2>dl>dt {
        width: 26.66667%
    }

    .c-tbl.row2>dl>dd {
        width: 73.33333%
    }
}

@media only screen and (max-width: 544px) {
    .c-tbl.row2>dl>dt {
        width:100%
    }

    .c-tbl.row2>dl>dd {
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .c-tbl.row3>dl>dt {
        width:33.33333%
    }

    .c-tbl.row3>dl>dd {
        width: 33.33333%
    }

    .c-tbl.row3>dl>dd.colspan2 {
        width: 66.66666%;
        text-align: center
    }
}

.c-tbl__salaried {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
    color: #000;
    font-weight: 500
}

.c-tbl__salaried>dl>dt {
    background: #f2f2f2;
    border-left: 1px solid #ddd
}

.c-tbl__salaried>dl>dd {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.c-tbl__salaried>dl:first-child dd,.c-tbl__salaried>dl:first-child>dt {
    border-left: 0
}

@media only screen and (min-width: 801px) {
    .c-tbl__salaried {
        margin:5rem 0
    }

    .c-tbl__salaried>dl>dt {
        padding: 5rem 0
    }

    .c-tbl__salaried>dl>dd {
        padding: 5rem 0
    }

    .c-tbl__salaried.row7>dl {
        width: 14.28571%
    }
}

.c-ttlBorder {
    display: block;
    font-weight: 500;
    border: 4px solid #efefef
}

@media only screen and (min-width: 801px) {
    .c-ttlBorder {
        font-size:1.6rem;
        padding: 1rem 3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-ttlBorder {
        font-size:1.4rem;
        padding: 1rem 2rem
    }
}

.c-txtArea {
    background-color: #3b7396;
    color: #fff;
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .c-txtArea {
        font-size:1.3rem;
        padding: .5rem 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .c-txtArea {
        font-size:1.2rem;
        padding: .5rem 1.5rem
    }
}

@media only screen and (max-width: 544px) {
    .c-txtArea {
        font-size:1.1rem;
        padding: .3rem 1rem
    }
}

.c-txt-link {
    text-decoration: underline;
    color: #3b7396
}

.c-txt-link:hover {
    text-decoration: none
}

.c-txt p,.c-txt ul {
    margin-bottom: 1.25em
}

.c-txt p {
    line-height: 2
}

.c-txt p a {
    text-decoration: underline;
    color: #3b7396
}

.c-txt p a:hover {
    text-decoration: none
}

.c-txt p iframe {
    width: 100%
}

.c-txt strong {
    font-weight: 500
}

.c-txt small {
    font-size: 1.2rem;
    color: gray;
    padding-left: 1.5rem
}

.c-txt__sign {
    text-align: right;
    color: #000
}

.c-txt__sign dd {
    font-size: 1.5em
}

.c-txt__through {
    text-decoration: line-through
}

.c-txt__linkArrow a {
    text-decoration: none!important;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s
}

.c-txt__linkArrow a::after {
    content: '';
    display: inline-block;
    background: url(/recruit/set/common/shared/img/ico/ico_arrow_blue.svg) center center no-repeat;
    background-size: 100%;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    margin-left: 8px;
    margin-left: .5rem
}

.c-txt__linkArrow a:hover {
    opacity: .7
}

.c-txt__linkBlank a {
    text-decoration: none!important;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) 0s
}

.c-txt__linkBlank a::after {
    content: '';
    display: inline-block;
    background: url(/recruit/set/common/shared/img/ico/ico_blank.svg) center center no-repeat;
    background-size: contain;
    width: 22.4px;
    width: 1.4rem;
    height: 22.4px;
    height: 1.4rem;
    vertical-align: middle;
    margin-left: 8px;
    margin-left: .5rem
}

.c-txt__linkBlank a:hover {
    opacity: .7
}

@media only screen and (min-width: 801px) {
    .c-txt {
        margin:4rem 0
    }
}

@media only screen and (max-width: 800px) {
    .c-txt {
        margin:2rem 0
    }
}

.c-txt.center {
    text-align: center
}

.c-txt.right {
    text-align: right
}

.c-txt.right ul li {
    display: inline-block
}

@media only screen and (min-width: 801px) {
    .c-txt.right-pc {
        text-align:right
    }
}

@media only screen and (max-width: 800px) {
    .c-txt.right-sp {
        text-align:right
    }
}

.c-txt.lh p,.c-txt.lh ul {
    margin-bottom: 2em
}

.c-txt.lh p {
    line-height: 2.4em
}

.c-txt.bgGray {
    background: #f2f2f2
}

.c-txt.bgGray p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .c-txt.bgGray {
        padding:3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-txt.bgGray {
        padding:3rem
    }
}

.c-txt.bgWhite {
    background: #fff
}

.c-txt.bgWhite p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .c-txt.bgWhite {
        padding:3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-txt.bgWhite {
        padding:3rem
    }
}

.c-txt.bdGray {
    border: 1px solid #ddd
}

.c-txt.bdGray p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .c-txt.bdGray {
        padding:3rem
    }
}

@media only screen and (max-width: 800px) {
    .c-txt.bdGray {
        padding:3rem
    }
}

.c-hdg+.c-txt {
    margin-top: 0
}

.c-txtThrough {
    text-decoration: line-through
}

.c-txtNotice>li {
    position: relative;
    color: #333;
    padding-left: 2rem
}

.c-txtNotice>li:not(:last-child) {
    padding-bottom: .5rem
}

.c-txtNotice>li::before {
    content: '※';
    position: absolute;
    left: 0
}

.c-txtJobMatch {
    font-size: 1rem;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    display: inline;
    color: #ce3131;
    border: 1px solid currentColor;
    padding: .3rem 1rem;
    line-height: 1.25
}

.c-video {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.c-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%
}

.c-videoModal {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    cursor: pointer
}

.c-videoModal::after {
    content: '';
    pointer-events: none;
    background-image: url(/recruit/set/common/shared/img/ico/ico_play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-videoModal.is-play {
    cursor: auto
}

.c-videoModal.is-play::after {
    opacity: 0
}

.c-videoModal video {
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-videoModal__target {
    display: none
}

@media only screen and (min-width: 801px) {
    .c-videoModal {
        background-color:#000
    }

    .is-appear .c-videoModal {
        background-color: transparent
    }

    .is-appear .c-videoModal video:hover {
        opacity: 1
    }

    .c-videoModal::after {
        width: 128px;
        width: 8rem;
        height: 128px;
        height: 8rem
    }

    .c-videoModal video,.c-videoModal__thumb {
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .c-videoModal video:hover,.c-videoModal__thumb:hover {
        opacity: .7
    }
}

@media only screen and (max-width: 800px) {
    .c-videoModal::after {
        width:96px;
        width: 6rem;
        height: 96px;
        height: 6rem
    }
}

@media only screen and (min-width: 801px) {
    .c-videoModal.square {
        background-color:#000;
        overflow: hidden
    }

    .c-videoModal.square video {
        height: 100%;
        -webkit-transform: translate3d(-50%,-50%,0) scale3d(1.01,1.01,1.01);
        transform: translate3d(-50%,-50%,0) scale3d(1.01,1.01,1.01)
    }

    .is-appear .c-videoModal.square {
        background-color: #000
    }
}

@media only screen and (max-width: 800px) {
    .c-videoModal.square {
        padding-bottom:100%
    }
}

.c-videoIframe {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    cursor: pointer
}

.c-videoIframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.safari body.l-special-specialmovies .c-videoModal::after {
    display: none
}

.c-voice {
    background: #f2f2f2
}

.c-voice .c-article__cardPh img {
    margin: 0 auto 1.5rem
}

.c-voice .c-article__cardPh dl dt {
    font-weight: 500;
    font-size: 1.6rem
}

@media only screen and (min-width: 801px) {
    .c-voice {
        padding:5rem;
        margin: 4rem 0
    }

    .c-voice .c-article__cardPh img {
        max-width: 15rem
    }
}

@media only screen and (max-width: 800px) {
    .c-voice {
        padding:2rem;
        margin: 2rem 0
    }

    .c-voice .c-article__cardPh img {
        max-width: 15rem
    }
}

.u-align-left {
    margin-left: 0!important;
    margin-right: auto!important
}

.u-align-center {
    margin-left: auto!important;
    margin-right: auto!important
}

.u-align-right {
    margin-left: auto!important;
    margin-right: 0!important
}

@media only screen and (max-width: 800px) {
    .u-align-center--spLeft,.u-align-left--spLeft,.u-align-right--spLeft {
        margin-left:0!important;
        margin-right: auto!important
    }

    .u-align-center--spCenter,.u-align-left--spCenter,.u-align-right--spCenter {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .u-align-center--spRight,.u-align-left--spRight,.u-align-right--spRight {
        margin-left: auto!important;
        margin-right: 0!important
    }
}

@media only screen and (min-width: 801px) {
    .u-dsp-sp {
        display:none!important
    }
}

@media only screen and (max-width: 800px) {
    .u-dsp-pc {
        display:none!important
    }
}

.u-dsp-spS {
    display: none!important
}

@media only screen and (max-width: 544px) {
    .u-dsp-spS {
        display:block!important
    }
}

.u-font-en {
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 400
}

.u-font-en600 {
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 600
}

.u-font-gray {
    color: #555
}

.u-hov-alpha {
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s
}

.u-hov-alpha:hover {
    opacity: .7
}

.u-letter-0 {
    letter-spacing: 0
}

@media only screen and (min-width: 801px) {
    .u-margin-all0 {
        margin:0!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all0 {
        margin:0!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all5 {
        margin:.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all5 {
        margin:.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all10 {
        margin:1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all10 {
        margin:1rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all15 {
        margin:1.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all15 {
        margin:1.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all20 {
        margin:2rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all20 {
        margin:2rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all25 {
        margin:2.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all25 {
        margin:2.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all30 {
        margin:3rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all30 {
        margin:3rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all35 {
        margin:3.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all35 {
        margin:3.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all40 {
        margin:4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all40 {
        margin:4rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all45 {
        margin:4.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all45 {
        margin:4.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all50 {
        margin:5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all50 {
        margin:5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all55 {
        margin:5.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all55 {
        margin:5.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all60 {
        margin:6rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all60 {
        margin:6rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all65 {
        margin:6.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all65 {
        margin:6.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all70 {
        margin:7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all70 {
        margin:7rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all75 {
        margin:7.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all75 {
        margin:7.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all80 {
        margin:8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all80 {
        margin:8rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all85 {
        margin:8.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all85 {
        margin:8.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all90 {
        margin:9rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all90 {
        margin:9rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all95 {
        margin:9.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all95 {
        margin:9.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all100 {
        margin:10rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all100 {
        margin:10rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all105 {
        margin:10.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all105 {
        margin:10.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all110 {
        margin:11rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all110 {
        margin:11rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all115 {
        margin:11.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all115 {
        margin:11.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all120 {
        margin:12rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all120 {
        margin:12rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all125 {
        margin:12.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all125 {
        margin:12.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all130 {
        margin:13rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all130 {
        margin:13rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all135 {
        margin:13.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all135 {
        margin:13.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all140 {
        margin:14rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all140 {
        margin:14rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all145 {
        margin:14.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all145 {
        margin:14.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-all150 {
        margin:15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-all150 {
        margin:15rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top0 {
        margin-top:0!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top0 {
        margin-top:0!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top5 {
        margin-top:.35rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top5 {
        margin-top:.35rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top10 {
        margin-top:.7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top10 {
        margin-top:.7rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top15 {
        margin-top:1.05rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top15 {
        margin-top:1.05rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top20 {
        margin-top:1.4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top20 {
        margin-top:1.4rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top25 {
        margin-top:1.75rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top25 {
        margin-top:1.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top30 {
        margin-top:2.1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top30 {
        margin-top:2.1rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top35 {
        margin-top:2.45rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top35 {
        margin-top:2.45rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top40 {
        margin-top:2.8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top40 {
        margin-top:2.8rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top45 {
        margin-top:3.15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top45 {
        margin-top:3.15rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top50 {
        margin-top:3.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top50 {
        margin-top:3.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top55 {
        margin-top:3.85rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top55 {
        margin-top:3.85rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top60 {
        margin-top:4.2rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top60 {
        margin-top:4.2rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top65 {
        margin-top:4.55rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top65 {
        margin-top:4.55rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top70 {
        margin-top:4.9rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top70 {
        margin-top:4.9rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top75 {
        margin-top:5.25rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top75 {
        margin-top:5.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top80 {
        margin-top:5.6rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top80 {
        margin-top:5.6rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top85 {
        margin-top:5.95rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top85 {
        margin-top:5.95rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top90 {
        margin-top:6.3rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top90 {
        margin-top:6.3rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top95 {
        margin-top:6.65rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top95 {
        margin-top:6.65rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top100 {
        margin-top:7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top100 {
        margin-top:7rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top105 {
        margin-top:7.35rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top105 {
        margin-top:7.35rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top110 {
        margin-top:7.7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top110 {
        margin-top:7.7rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top115 {
        margin-top:8.05rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top115 {
        margin-top:8.05rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top120 {
        margin-top:8.4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top120 {
        margin-top:8.4rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top125 {
        margin-top:8.75rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top125 {
        margin-top:8.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top130 {
        margin-top:9.1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top130 {
        margin-top:9.1rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top135 {
        margin-top:9.45rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top135 {
        margin-top:9.45rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top140 {
        margin-top:9.8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top140 {
        margin-top:9.8rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top145 {
        margin-top:10.15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top145 {
        margin-top:10.15rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-top150 {
        margin-top:10.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-top150 {
        margin-top:10.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom0 {
        margin-bottom:0!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom0 {
        margin-bottom:0!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom5 {
        margin-bottom:.35rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom5 {
        margin-bottom:.35rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom10 {
        margin-bottom:.7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom10 {
        margin-bottom:.7rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom15 {
        margin-bottom:1.05rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom15 {
        margin-bottom:1.05rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom20 {
        margin-bottom:1.4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom20 {
        margin-bottom:1.4rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom25 {
        margin-bottom:1.75rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom25 {
        margin-bottom:1.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom30 {
        margin-bottom:2.1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom30 {
        margin-bottom:2.1rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom35 {
        margin-bottom:2.45rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom35 {
        margin-bottom:2.45rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom40 {
        margin-bottom:2.8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom40 {
        margin-bottom:2.8rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom45 {
        margin-bottom:3.15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom45 {
        margin-bottom:3.15rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom50 {
        margin-bottom:3.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom50 {
        margin-bottom:3.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom55 {
        margin-bottom:3.85rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom55 {
        margin-bottom:3.85rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom60 {
        margin-bottom:4.2rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom60 {
        margin-bottom:4.2rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom65 {
        margin-bottom:4.55rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom65 {
        margin-bottom:4.55rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom70 {
        margin-bottom:4.9rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom70 {
        margin-bottom:4.9rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom75 {
        margin-bottom:5.25rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom75 {
        margin-bottom:5.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom80 {
        margin-bottom:5.6rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom80 {
        margin-bottom:5.6rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom85 {
        margin-bottom:5.95rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom85 {
        margin-bottom:5.95rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom90 {
        margin-bottom:6.3rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom90 {
        margin-bottom:6.3rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom95 {
        margin-bottom:6.65rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom95 {
        margin-bottom:6.65rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom100 {
        margin-bottom:7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom100 {
        margin-bottom:7rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom105 {
        margin-bottom:7.35rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom105 {
        margin-bottom:7.35rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom110 {
        margin-bottom:7.7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom110 {
        margin-bottom:7.7rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom115 {
        margin-bottom:8.05rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom115 {
        margin-bottom:8.05rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom120 {
        margin-bottom:8.4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom120 {
        margin-bottom:8.4rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom125 {
        margin-bottom:8.75rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom125 {
        margin-bottom:8.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom130 {
        margin-bottom:9.1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom130 {
        margin-bottom:9.1rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom135 {
        margin-bottom:9.45rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom135 {
        margin-bottom:9.45rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom140 {
        margin-bottom:9.8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom140 {
        margin-bottom:9.8rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom145 {
        margin-bottom:10.15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom145 {
        margin-bottom:10.15rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-margin-bottom150 {
        margin-bottom:10.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-margin-bottom150 {
        margin-bottom:10.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all0 {
        padding:0!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all0 {
        padding:0!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all5 {
        padding:.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all5 {
        padding:.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all10 {
        padding:1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all10 {
        padding:.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all15 {
        padding:1.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all15 {
        padding:1.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all20 {
        padding:2rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all20 {
        padding:1.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all25 {
        padding:2.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all25 {
        padding:1.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all30 {
        padding:3rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all30 {
        padding:2.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all35 {
        padding:3.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all35 {
        padding:2.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all40 {
        padding:4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all40 {
        padding:3rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all45 {
        padding:4.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all45 {
        padding:3.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all50 {
        padding:5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all50 {
        padding:3.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all55 {
        padding:5.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all55 {
        padding:4.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all60 {
        padding:6rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all60 {
        padding:4.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all65 {
        padding:6.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all65 {
        padding:4.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all70 {
        padding:7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all70 {
        padding:5.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all75 {
        padding:7.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all75 {
        padding:5.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all80 {
        padding:8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all80 {
        padding:6rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all85 {
        padding:8.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all85 {
        padding:6.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all90 {
        padding:9rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all90 {
        padding:6.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all95 {
        padding:9.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all95 {
        padding:7.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all100 {
        padding:10rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all100 {
        padding:7.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all105 {
        padding:10.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all105 {
        padding:7.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all110 {
        padding:11rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all110 {
        padding:8.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all115 {
        padding:11.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all115 {
        padding:8.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all120 {
        padding:12rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all120 {
        padding:9rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all125 {
        padding:12.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all125 {
        padding:9.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all130 {
        padding:13rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all130 {
        padding:9.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all135 {
        padding:13.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all135 {
        padding:10.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all140 {
        padding:14rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all140 {
        padding:10.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all145 {
        padding:14.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all145 {
        padding:10.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-all150 {
        padding:15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-all150 {
        padding:11.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top0 {
        padding-top:0!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top0 {
        padding-top:0!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top5 {
        padding-top:.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top5 {
        padding-top:.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top10 {
        padding-top:1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top10 {
        padding-top:.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top15 {
        padding-top:1.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top15 {
        padding-top:1.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top20 {
        padding-top:2rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top20 {
        padding-top:1.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top25 {
        padding-top:2.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top25 {
        padding-top:1.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top30 {
        padding-top:3rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top30 {
        padding-top:2.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top35 {
        padding-top:3.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top35 {
        padding-top:2.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top40 {
        padding-top:4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top40 {
        padding-top:3rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top45 {
        padding-top:4.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top45 {
        padding-top:3.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top50 {
        padding-top:5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top50 {
        padding-top:3.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top55 {
        padding-top:5.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top55 {
        padding-top:4.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top60 {
        padding-top:6rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top60 {
        padding-top:4.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top65 {
        padding-top:6.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top65 {
        padding-top:4.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top70 {
        padding-top:7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top70 {
        padding-top:5.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top75 {
        padding-top:7.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top75 {
        padding-top:5.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top80 {
        padding-top:8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top80 {
        padding-top:6rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top85 {
        padding-top:8.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top85 {
        padding-top:6.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top90 {
        padding-top:9rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top90 {
        padding-top:6.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top95 {
        padding-top:9.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top95 {
        padding-top:7.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top100 {
        padding-top:10rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top100 {
        padding-top:7.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top105 {
        padding-top:10.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top105 {
        padding-top:7.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top110 {
        padding-top:11rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top110 {
        padding-top:8.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top115 {
        padding-top:11.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top115 {
        padding-top:8.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top120 {
        padding-top:12rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top120 {
        padding-top:9rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top125 {
        padding-top:12.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top125 {
        padding-top:9.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top130 {
        padding-top:13rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top130 {
        padding-top:9.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top135 {
        padding-top:13.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top135 {
        padding-top:10.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top140 {
        padding-top:14rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top140 {
        padding-top:10.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top145 {
        padding-top:14.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top145 {
        padding-top:10.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-top150 {
        padding-top:15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-top150 {
        padding-top:11.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom0 {
        padding-bottom:0!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom0 {
        padding-bottom:0!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom5 {
        padding-bottom:.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom5 {
        padding-bottom:.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom10 {
        padding-bottom:1rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom10 {
        padding-bottom:.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom15 {
        padding-bottom:1.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom15 {
        padding-bottom:1.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom20 {
        padding-bottom:2rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom20 {
        padding-bottom:1.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom25 {
        padding-bottom:2.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom25 {
        padding-bottom:1.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom30 {
        padding-bottom:3rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom30 {
        padding-bottom:2.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom35 {
        padding-bottom:3.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom35 {
        padding-bottom:2.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom40 {
        padding-bottom:4rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom40 {
        padding-bottom:3rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom45 {
        padding-bottom:4.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom45 {
        padding-bottom:3.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom50 {
        padding-bottom:5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom50 {
        padding-bottom:3.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom55 {
        padding-bottom:5.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom55 {
        padding-bottom:4.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom60 {
        padding-bottom:6rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom60 {
        padding-bottom:4.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom65 {
        padding-bottom:6.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom65 {
        padding-bottom:4.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom70 {
        padding-bottom:7rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom70 {
        padding-bottom:5.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom75 {
        padding-bottom:7.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom75 {
        padding-bottom:5.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom80 {
        padding-bottom:8rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom80 {
        padding-bottom:6rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom85 {
        padding-bottom:8.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom85 {
        padding-bottom:6.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom90 {
        padding-bottom:9rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom90 {
        padding-bottom:6.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom95 {
        padding-bottom:9.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom95 {
        padding-bottom:7.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom100 {
        padding-bottom:10rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom100 {
        padding-bottom:7.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom105 {
        padding-bottom:10.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom105 {
        padding-bottom:7.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom110 {
        padding-bottom:11rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom110 {
        padding-bottom:8.25rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom115 {
        padding-bottom:11.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom115 {
        padding-bottom:8.625rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom120 {
        padding-bottom:12rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom120 {
        padding-bottom:9rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom125 {
        padding-bottom:12.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom125 {
        padding-bottom:9.375rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom130 {
        padding-bottom:13rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom130 {
        padding-bottom:9.75rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom135 {
        padding-bottom:13.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom135 {
        padding-bottom:10.125rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom140 {
        padding-bottom:14rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom140 {
        padding-bottom:10.5rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom145 {
        padding-bottom:14.5rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom145 {
        padding-bottom:10.875rem!important
    }
}

@media only screen and (min-width: 801px) {
    .u-padding-bottom150 {
        padding-bottom:15rem!important
    }
}

@media only screen and (max-width: 800px) {
    .u-padding-bottom150 {
        padding-bottom:11.25rem!important
    }
}