@charset "UTF-8";.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
    }
}

/*! 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
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.p-company_grayTtl {
    color: #666;
    line-height: 3.8rem
}

@media only screen and (max-width: 800px) {
    .l-company-career_development .c-hdg.fsL,.l-company-commendation .c-hdg.fsL,.l-company-vision_career .c-hdg.fsL,.l-company-welfare .c-hdg.fsL {
        margin:3rem 0 5rem
    }
}

@media only screen and (max-width: 544px) {
    .l-company-career_development .c-hdg.fsL,.l-company-commendation .c-hdg.fsL,.l-company-vision_career .c-hdg.fsL,.l-company-welfare .c-hdg.fsL {
        margin:0 0 4rem;
        font-size: 2.2rem
    }
}

.p-companyTop {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 801px) {
    .p-companyTop {
        padding-top:0;
        padding-bottom: 0;
        margin-bottom: -7rem
    }

    .p-companyTop .l-section__inner {
        position: relative;
        top: -7rem
    }

    .p-companyTop .c-tbl {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 800px) {
    .p-companyTop .c-tbl.row2 dl {
        padding:3rem 0
    }

    .p-companyTop .c-tbl.row2 dl:last-child {
        padding-bottom: 0
    }

    .p-companyTop .c-tbl.row2 dl dt {
        width: 100%;
        margin-bottom: 2rem
    }

    .p-companyTop .c-tbl.row2 dl dd {
        width: 100%
    }
}

.p-companyMv {
    z-index: 0
}

@media only screen and (min-width: 801px) {
    .p-companyMv .c-mv__inner {
        height:72rem
    }

    .p-companyMv .c-mv__desc {
        top: 12rem;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@media only screen and (max-width: 800px) {
    .p-companyMv .c-mv__inner {
        height:36rem
    }
}

@media only screen and (max-width: 544px) {
    .p-companyMv .c-mv__inner {
        height:26rem
    }
}

.p-companyMessage {
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

.p-companyMessage:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    background: #d9d9d9
}

.p-companyMessage .l-section__inner {
    width: auto;
    position: relative;
    background: #fff
}

@media only screen and (min-width: 801px) {
    .p-companyMessage {
        padding-left:2rem;
        padding-right: 2rem
    }

    .p-companyMessage:before {
        height: 768px;
        height: 48rem;
        margin-left: -32px;
        margin-left: -2rem;
        margin-right: -32px;
        margin-right: -2rem
    }

    .p-companyMessage .l-section__inner {
        top: -10rem;
        margin-left: auto;
        margin-right: auto
    }

    .p-companyMessage .l-section__inner:before {
        width: 384px;
        width: 24rem;
        margin-left: -96px;
        margin-left: -6rem
    }

    .p-companyMessage .c-txt p {
        font-size: 1.6rem
    }

    .p-companyMessage__article {
        padding: 10rem 10rem
    }

    .p-companyMessage__article .c-hdg {
        margin-bottom: 6rem
    }

    .p-companyMessage__article .c-hdg img {
        margin-top: 2rem;
        vertical-align: top
    }
}

@media only screen and (max-width: 800px) {
    .p-companyMessage .l-section__inner {
        top:-6rem;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .p-companyMessage .l-section__inner:before {
        width: 192px;
        width: 12rem;
        margin-left: -48px;
        margin-left: -3rem
    }

    .p-companyMessage__article {
        padding: 4rem 1rem
    }

    .p-companyMessage__article .c-hdg {
        margin-bottom: 3rem
    }

    .p-companyMessage__article .c-hdg img {
        margin-top: 2rem;
        vertical-align: top
    }
}

@media only screen and (max-width: 544px) {
    .p-companyMessage .l-section__inner {
        top:-4rem
    }

    .p-companyMessage .l-section__inner:before {
        margin-left: -32px;
        margin-left: -2rem
    }
}

@media only screen and (max-width: 800px) {
    #vision_message .c-mv__hdg,#vision_message_ceo .c-mv__hdg,.l-company-vision_message .c-mv__hdg,.l-company-vision_message_ceo .c-mv__hdg {
        font-size:2.1rem
    }
}

@media only screen and (min-width: 801px) {
    #vision_message .p-companyMessage__article .c-hdg img,.l-company-vision_message .p-companyMessage__article .c-hdg img {
        max-width:none;
        width: auto;
        height: 6rem
    }
}

@media only screen and (max-width: 800px) {
    #vision_message .p-companyMessage__article .c-hdg img,.l-company-vision_message .p-companyMessage__article .c-hdg img {
        max-width:56.3rem;
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    #vision_message_ceo .p-companyMessage__article .c-hdg img,.l-company-vision_message_ceo .p-companyMessage__article .c-hdg img {
        max-width:none;
        width: auto;
        height: 6rem
    }
}

@media only screen and (max-width: 800px) {
    #vision_message_ceo .p-companyMessage__article .c-hdg img,.l-company-vision_message_ceo .p-companyMessage__article .c-hdg img {
        max-width:67.3rem;
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    #vision_message_president .p-companyMessage__article .c-hdg img,.l-company-vision_message_president .p-companyMessage__article .c-hdg img {
        max-width:none;
        width: auto;
        height: 6rem
    }
}

@media only screen and (max-width: 800px) {
    #vision_message_president .p-companyMessage__article .c-hdg img,.l-company-vision_message_president .p-companyMessage__article .c-hdg img {
        width:100%
    }
}

.p-companycareerVisionTbl a {
    position: relative;
    display: block;
    -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
    transition: all .25s cubic-bezier(0,0,.25,1) 0s
}

.p-companycareerVisionTbl a:hover {
    opacity: .7
}

.p-companycareerVisionTbl a i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.p-companycareerVisionTbl a i::before {
    background: url(../images/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%);
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    -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) {
    .p-companycareerVisionTbl a i::before {
        width:31.2px;
        width: 1.95rem;
        height: 31.2px;
        height: 1.95rem
    }
}

.p-companycareerVisionTbl__title {
    position: relative;
    color: #fff;
    font-weight: 500
}

.p-companycareerVisionTbl__title a {
    color: #fff
}

.p-companycareerVisionTbl__title a i::before {
    background: url(../images/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
}

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

.p-companycareerVisionTbl__title p {
    text-align: center
}

.p-companycareerVisionTbl__title p span {
    display: block
}

.p-companycareerVisionTbl__title.blue {
    background: #2d70cc
}

.p-companycareerVisionTbl__title.orange {
    background: #eb8b1b
}

.p-companycareerVisionTbl__title.green {
    background: #46b941
}

.p-companycareerVisionTbl__box 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;
    margin: 2rem 0
}

.p-companycareerVisionTbl__box dl dd {
    padding: 0 0 0 1.5rem
}

.p-companycareerVisionTbl__box dl dd .c-hdg {
    margin-bottom: 0
}

.p-companycareerVisionTbl__box dl dd .c-txt {
    margin: 1rem 0;
    padding-right: 5rem
}

.p-companycareerVisionOthers {
    border-top: 1px solid #ddd
}

.p-companycareerVisionOthers .c-listArticle__cardTxt dt {
    font-size: 1.4rem;
    font-weight: 400;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #999
}

.p-companycareerVisionOthers .c-listArticle__cardTxt dd {
    font-size: 1.5rem;
    font-weight: 400
}

.p-companycareerVisionOthers .c-listArticle__cardTxt dd>small {
    display: block;
    font-size: 1.2rem
}

.p-companycareerVisionOthers .c-grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 801px) {
    .p-companycareerVision__body {
        margin-bottom:8rem
    }

    .p-companycareerVisionTbl {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .p-companycareerVisionTbl>div {
        padding: 0 2rem
    }

    .p-companycareerVisionTbl a i {
        right: 3rem
    }

    .p-companycareerVisionTbl__title {
        height: 9rem;
        margin-top: 3rem;
        font-size: 1.8rem
    }

    .p-companycareerVisionTbl__title span {
        font-size: 1.4rem
    }

    .p-companycareerVisionTbl__title p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 100%
    }
}

@media only screen and (max-width: 800px) {
    .p-companycareerVision__body {
        margin-bottom:6rem
    }

    .p-companycareerVisionTbl__title {
        padding: 1rem 0;
        margin-top: 1.5rem;
        font-size: 1.4rem
    }

    .p-companycareerVisionTbl__title a i {
        right: 2rem
    }

    .p-companycareerVisionTbl__title span {
        font-size: 1.1rem
    }

    .p-companycareerVisionTbl__box a i {
        right: 1.5rem
    }

    .p-companycareerVisionTbl__box dl dd {
        padding: 0 2rem 0 1.5rem
    }

    .p-companycareerVisionTbl__box dl dd .c-hdg {
        font-size: 1.3rem;
        line-height: 1.5em
    }

    .p-companycareerVisionTbl__box dl dd .c-txt {
        margin: 1rem 0 0;
        padding-right: 1rem
    }

    .p-companycareerVisionTbl__box dl dd .c-txt p {
        font-size: 1.1rem;
        margin-bottom: 0;
        line-height: 1.5em
    }
}

.p-companyCareer .c-tbl .row2 dl dt {
    width: 27.5%
}

.p-companyCareer .c-tbl .row2 dl dd {
    width: 72.5%
}

.p-companyCareer .c-tbl .row2 dl dd .c-btnMore {
    margin-bottom: 0;
    margin-top: 2rem
}

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

    .p-companyCareer .c-tbl dl:first-child {
        border-top: 1px solid #ddd
    }

    .p-companyCareer .c-tbl dl dt {
        font-size: 1.6rem;
        margin-bottom: 1rem
    }

    .p-companyCareer .c-tbl dl dd p {
        line-height: 1.8em
    }
}

@media only screen and (max-width: 544px) {
    .p-companyCareer .c-tbl dt {
        display:block;
        width: 100%
    }

    .p-companyCareer .c-tbl dd {
        display: block;
        width: 100%
    }
}

.p-companyCareer .l-sectionSub {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .p-companyCareer .l-sectionSub {
        margin-top:10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-companyCareer .l-sectionSub {
        margin-top:6rem
    }
}

.p-companyCareer__graphbox {
    border: 1px solid #3b7396;
    margin-bottom: 4rem
}

.p-companyCareer__graphbox__inner {
    padding: 0 3rem 3rem
}

.p-companyCareer__graphbox__inner .c-hdg {
    color: #3b7396
}

.p-companyCareer__graphbox__inner .c-txt {
    margin-top: 0
}

@media only screen and (max-width: 800px) {
    .p-companyCareer__graphbox__inner {
        padding:0 2rem 2rem
    }

    .p-companyCareer__graphbox__inner p {
        line-height: 1.5em
    }

    .p-companyCareer__logoImg {
        width: 60%;
        height: auto;
        margin-bottom: 2rem
    }

    .p-companyCareer__copy {
        line-height: 1.5em
    }
}

.p-companyCareer__ttl {
    text-align: center;
    color: #fff;
    background-color: #3b7396;
    padding: 2rem 0
}

.p-companyCareer__ttl.c-hdg.fsM {
    margin-bottom: 3rem
}

@media only screen and (max-width: 544px) {
    .p-companyCareer__ttl.c-hdg.fsM {
        margin:2rem 0
    }
}

.p-companyCareer__table01>dl:last-child {
    padding-bottom: 0
}

.p-companyCareer__table01>dl>dd>:last-child {
    margin-bottom: 0
}

.p-companyCareer__table02 {
    color: #fff;
    width: 100%
}

.p-companyCareer__table02 th {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    background-color: #000;
    position: relative;
    height: 9rem;
    width: 240px;
    vertical-align: middle
}

.p-companyCareer__table02 th p {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.p-companyCareer__table02 td {
    background-color: #333;
    padding: 0 3rem
}

.p-companyCareer__table02__arrow {
    width: 2rem;
    margin: 3rem auto
}

@media only screen and (max-width: 800px) {
    .p-companyCareer__table02 th {
        width:30%
    }

    .p-companyCareer__table02 th p {
        font-size: 1.4rem
    }

    .p-companyCareer__table02 td {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-companyCareer__table02 th {
        width:100%;
        display: block;
        height: auto;
        padding: .8em 1.5em
    }

    .p-companyCareer__table02 td {
        width: 100%;
        display: block;
        padding: 1rem 2rem
    }

    .p-companyCareer__table02__arrow {
        width: 1.5rem;
        margin: 1rem auto
    }
}

.p-companyCareer__flex>li {
    position: relative;
    background: #e4e4e4
}

.p-companyCareer__flex>li p {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 90%;
    text-align: center;
    font-weight: 500
}

.p-companyCareer__flex>li p span {
    display: inline-block;
    white-space: nowrap
}

@media only screen and (min-width: 801px) {
    .p-companyCareer__flex {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-companyCareer__flex>li {
        min-height: 9rem;
        margin-left: .5rem;
        margin-right: .5rem
    }

    .p-companyCareer__flex>li p {
        font-style: 1.8rem
    }

    .p-companyCareer__flex.row1 li {
        width: 100%
    }

    .p-companyCareer__flex.row2 li {
        width: 50%
    }

    .p-companyCareer__flex.row4 li {
        width: 25%
    }

    .p-companyCareer__flex.row5 li {
        width: 20%
    }

    .p-companyCareer__flex.row6 li {
        width: 18%
    }
}

@media only screen and (max-width: 800px) {
    .p-companyCareer__flex {
        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
    }

    .p-companyCareer__flex>li {
        height: 6rem;
        margin: 1%
    }

    .p-companyCareer__flex.row1 li {
        width: 96%
    }

    .p-companyCareer__flex.row2 li {
        width: 48%
    }

    .p-companyCareer__flex.row4 li {
        width: 48%
    }

    .p-companyCareer__flex.row5 li {
        width: 31.33%
    }

    .p-companyCareer__flex.row6 li {
        width: 31.33%
    }
}

.p-companyWelfare .c-btnMore.white a[target='_blank'] i::before {
    opacity: 1
}

@media only screen and (max-width: 800px) {
    .p-companyWelfare .c-tbl__salaried {
        margin:3rem 0
    }

    .p-companyWelfare .c-tbl__salaried.row7 dl {
        width: 14.28571%
    }

    .p-companyWelfare .c-tbl__salaried.row7 dt {
        padding: 3rem 0
    }

    .p-companyWelfare .c-tbl__salaried.row7 dd {
        padding: 3rem 0
    }

    .p-companyWelfare .l-sectionSub .c-article__cardTxt {
        margin: 0
    }
}

@media only screen and (max-width: 544px) {
    .p-companyWelfare .c-tbl__salaried.row7 dl {
        width:25%
    }

    .p-companyWelfare .c-tbl__salaried.row7 dl:nth-child(5) dd,.p-companyWelfare .c-tbl__salaried.row7 dl:nth-child(5) dt {
        border-left: 0
    }
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hataraku {
        position:relative;
        width: 100%;
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        margin-bottom: 10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-companyWelfare__hataraku {
        width:100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-bottom: 5rem;
        background-color: #f5f5f5;
        padding: 2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hataraku::before {
        position:absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        content: '';
        background-color: #f5f5f5;
        z-index: -1;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        min-width: 1638.4px;
        min-width: 102.4rem
    }
}

.p-companyWelfare__hatarakuDetail {
    background-color: #fff;
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hatarakuDetail {
        position:relative;
        padding: 4.4rem 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-companyWelfare__hatarakuDetail {
        padding:4rem 1.6rem 2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hatarakuDetail::before {
        position:absolute;
        top: 0;
        left: 50%;
        width: calc(100% + 192px);
        width: calc(100% + 12rem);
        height: 100%;
        content: '';
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #fff;
        z-index: -1
    }
}

.p-companyWelfare__hatarakuDetail>dt {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hatarakuDetail>dt {
        font-size:2.4rem;
        line-height: 35/24
    }
}

@media only screen and (max-width: 800px) {
    .p-companyWelfare__hatarakuDetail>dt {
        font-size:1.8rem;
        line-height: 26/18
    }
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hatarakuDetail>dd {
        margin-top:3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-companyWelfare__hatarakuDetail>dd {
        margin-top:2.8rem
    }
}

.p-companyWelfare__hatarakuDetail>dd>img {
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hatarakuDetail>dd>img {
        width:16rem
    }
}

@media only screen and (max-width: 800px) {
    .p-companyWelfare__hatarakuDetail>dd>img {
        width:12rem
    }
}

.p-companyWelfare__hatarakuDetailText {
    display: block;
    line-height: 2
}

@media only screen and (min-width: 801px) {
    .p-companyWelfare__hatarakuDetailText {
        font-size:1.4rem;
        margin-top: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-companyWelfare__hatarakuDetailText {
        font-size:1.2rem;
        margin-top: 2.8rem
    }
}

.p-companyCommendation__grid {
    letter-spacing: -2em
}

.p-companyCommendation__grid>* {
    letter-spacing: normal
}

.p-companyCommendation__grid__left {
    display: inline-block;
    vertical-align: top;
    width: 150px
}

.p-companyCommendation__grid__left img {
    width: 100%
}

.p-companyCommendation__grid__right {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 150px);
    padding-left: 3%
}

@media only screen and (max-width: 544px) {
    .p-companyCommendation__grid__right {
        display:block;
        width: 100%;
        padding-left: 0
    }

    .p-companyCommendation__grid__right .c-txt {
        margin: 0
    }
}

@media only screen and (max-width: 544px) {
    .p-companyCommendation__grid__left {
        display:block;
        width: 100%;
        margin-bottom: 1rem
    }
}

.p-crosstalkTop {
    position: relative;
    z-index: 1
}

.p-crosstalkTop .c-hdg {
    margin-bottom: 4rem
}

.p-crosstalkTop .c-listConts__cardDesc .c-hdg {
    line-height: 1.5
}

@media only screen and (min-width: 801px) {
    .p-crosstalkTop .p-crosstalkTop__body {
        margin-top:-18rem
    }
}

@media only screen and (max-width: 800px) {
    .p-crosstalkTop__body {
        margin-top:-9rem
    }

    .p-crosstalkTop .c-mv__bg>span {
        background-size: 80%
    }

    .p-crosstalkTop .c-listConts__no {
        font-size: 1.4rem;
        margin-bottom: 0
    }

    .p-crosstalkTop .c-listConts__cardDesc .c-hdg {
        margin-bottom: 0;
        padding-bottom: 4rem
    }

    .p-crosstalkTop .c-listConts__cardDesc .c-hdg__caption {
        margin: .5rem 0 0
    }
}

.p-crosstalkMv {
    color: #fff
}

.p-crosstalkMv .c-hdg.fsM {
    line-height: 1.5
}

.p-crosstalkMv .c-hdg.fsM>span {
    display: block;
    margin: .5rem;
    font-weight: 400
}

.p-crosstalkMv .c-mv__utility {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.3)));
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.3))
}

.p-crosstalkMv .c-mv__utility .c-breadcrumb {
    color: #fff
}

.p-crosstalkMv .c-mv__utility .c-breadcrumb span {
    color: #fff
}

@media only screen and (min-width: 801px) {
    .p-crosstalkMv {
        position:relative
    }

    .p-crosstalkMv.c-mv.tallest .c-mv__inner {
        min-height: 55rem;
        height: 38.19444vw
    }

    .p-crosstalkMv .c-hdg.fsL {
        color: #000;
        font-weight: 500;
        margin: 0
    }

    .p-crosstalkMv .c-hdg.fsM {
        margin-bottom: 2rem
    }

    .p-crosstalkMv .c-hdg.fsM span {
        font-size: 1.6rem
    }

    .p-crosstalkMv .c-mv__bg>span {
        background-position: top center
    }

    .p-crosstalkMv .c-mv__bg>span::after {
        content: '';
        position: absolute;
        display: block;
        background-image: url(../images/cursive/crosstalk_gray.png);
        background-size: 100%;
        width: 768px;
        width: 48rem;
        height: 385.6px;
        height: 24.1rem;
        right: 0;
        bottom: 0
    }

    .p-crosstalkMv .c-mv__desc {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 100%;
        max-width: 128rem;
        color: #000
    }

    .p-crosstalkMv .c-mv__no {
        display: block;
        font-size: 1.8rem;
        font-weight: 400;
        font-family: Roboto,"Noto Sans JP",sans-serif;
        color: #999;
        margin-top: -.5rem;
        margin-bottom: 3rem
    }

    .p-crosstalkMv .c-mv__lead {
        font-size: 1.4rem;
        line-height: 2
    }
}

@media only screen and (max-width: 800px) {
    .p-crosstalkMv {
        height:106.66667vw;
        margin-top: 6rem;
        padding-top: 0
    }

    .p-crosstalkMv__inner {
        padding: 6rem 2rem 0
    }

    .p-crosstalkMv .c-hdg.fsM>span {
        font-size: 1.3rem
    }

    .p-crosstalkMv .c-mv__inner {
        height: 100%
    }

    .p-crosstalkMv .c-mv__desc {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 0 3rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .p-crosstalkMv .c-mv__descImg {
        width: 80vw;
        margin: 0 auto 1.5rem
    }

    .p-crosstalkMv .c-mv__desc .c-hdg.fsM {
        font-size: 2.2rem;
        color: #fff;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .p-crosstalkMv .c-mv__lead {
        color: #fff
    }
}

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

.p-crosstalkMember {
    position: relative;
    z-index: 1;
    padding-top: 0
}

.p-crosstalkMember .l-section__inner:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100vw;
    background: #f2f2f2
}

.p-crosstalkMember__hdg {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.p-crosstalkMember .c-listMember {
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    .p-crosstalkMember {
        padding-bottom:0
    }

    .p-crosstalkMember .l-section__inner:before {
        top: 0;
        right: 480px;
        right: 30rem;
        width: 100vw;
        height: 416px;
        height: 26rem
    }

    .p-crosstalkMember__hdg {
        width: 29rem;
        -webkit-transform: translate(-10%,15%);
        transform: translate(-10%,15%)
    }

    .p-crosstalkMember .c-listMember {
        padding-top: 18rem
    }
}

@media only screen and (max-width: 800px) {
    .p-crosstalkMember .l-section__inner {
        padding-left:0;
        padding-right: 0
    }

    .p-crosstalkMember .l-section__inner:before {
        top: 0;
        left: 0;
        width: 70vw;
        height: 248px;
        height: 15.5rem
    }

    .p-crosstalkMember__hdg {
        width: 16.8rem;
        -webkit-transform: translate(3%,7%);
        transform: translate(3%,7%)
    }

    .p-crosstalkMember__body {
        padding: 0 2rem
    }

    .p-crosstalkMember .c-listMember {
        padding-top: 10rem
    }

    .p-crosstalkMember .c-listMember__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: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        margin: 0 0 3rem
    }

    .p-crosstalkMember .c-listMember__card:last-child {
        margin: 0
    }

    .p-crosstalkMember .c-listMember__cardPh {
        width: 50%
    }

    .p-crosstalkMember .c-listMember__cardDesc {
        text-align: left;
        width: 50%;
        margin-top: 0;
        padding-left: 2rem
    }

    .p-crosstalkMember .c-listMember__cardTxt>dt {
        font-size: 1.6rem
    }

    .p-crosstalkMember .c-listMember__cardTxt>dd {
        font-size: 1.2rem
    }
}

.p-crosstalkSubject .c-hdg.vertical+i {
    background: 0 0;
    z-index: 1
}

.p-crosstalkSubject__inner {
    position: relative
}

.p-crosstalkSubject__box {
    position: relative;
    z-index: 0;
    color: #fff
}

.p-crosstalkSubject__box>* {
    position: relative;
    z-index: 1
}

.p-crosstalkSubject__box:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background: #262626
}

.p-crosstalkSubject__box .c-hdg {
    margin-bottom: 0;
    line-height: 1.6em
}

.p-crosstalkSubject__boxTxt {
    line-height: 2em
}

.p-crosstalkSubject__boxTxt span {
    display: inline-block
}

@media only screen and (min-width: 801px) {
    .p-crosstalkSubject__inner {
        padding-left:6.66667%;
        padding-bottom: 12rem;
        border-left: 1px solid #ddd
    }

    .p-crosstalkSubject__box {
        max-width: 98rem;
        width: 100%;
        margin-left: auto;
        padding: 6.66667% 0 6.66667% 6.66667%;
        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
    }

    .p-crosstalkSubject__box:before {
        left: 0
    }

    .p-crosstalkSubject__box .c-hdg__caption {
        margin-top: 6rem
    }

    .p-crosstalkSubject__boxTitle {
        width: 35rem
    }

    .p-crosstalkSubject__boxDesc {
        width: calc(100% - 37rem)
    }

    .p-crosstalkSubject__boxTxt {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-crosstalkSubject__inner {
        padding-bottom:0;
        margin-bottom: 5rem
    }

    .p-crosstalkSubject__box {
        padding: 6rem 0 15rem
    }

    .p-crosstalkSubject__box:before {
        left: -48px;
        left: -3rem
    }

    .p-crosstalkSubject__boxTitle .c-hdg.fsM {
        font-size: 2.2rem;
        margin-bottom: 1rem
    }

    .p-crosstalkSubject__boxTitle .c-hdg.fsM>span {
        font-size: 1.1rem;
        margin: .5rem 0 2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-crosstalkSubject__box:before {
        left:-32px;
        left: -2rem
    }
}

.p-crosstalkArticle {
    position: relative;
    padding-top: 0
}

.p-crosstalkArticle .c-txt p {
    display: block;
    line-height: 1.8
}

.p-crosstalkArticle .c-txt p>span {
    display: inline-block
}

.p-crosstalkArticle .c-hdg.fsL {
    line-height: 1.4
}

.p-crosstalkArticle .c-hdg.fsS {
    line-height: 1.4
}

@media only screen and (min-width: 801px) {
    .p-crosstalkArticle .c-txt p {
        font-size:1.5rem;
        text-align: center;
        max-width: 82rem;
        margin: 0 auto
    }

    .p-crosstalkArticle .c-hdg.fsL {
        margin-bottom: 2rem
    }

    .p-crosstalkArticle .c-hdg.fsS {
        font-size: 2.1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-crosstalkArticle .c-txt p {
        font-size:1.3rem
    }

    .p-crosstalkArticle .c-hdg.fsL {
        margin: 3rem 0
    }

    .p-crosstalkArticle .c-article__card {
        margin-bottom: 3rem
    }

    .p-crosstalkArticle .c-article__card.c-grid {
        margin-top: 6rem
    }

    .p-crosstalkArticle .c-article__cardTxt {
        margin-bottom: 0
    }

    .p-crosstalkArticle .c-article>div:first-child {
        margin-top: -17.7rem
    }

    .p-crosstalkArticle .c-article>div:first-child.c-img.full {
        margin-top: -12.5rem
    }

    .p-crosstalkArticle .c-article>div:first-child .c-article__cardPh {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .p-crosstalkArticle .c-article>div:first-child .c-article__cardTxt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .p-crosstalkArticle .c-article>div:last-child {
        margin-bottom: 2rem
    }

    .p-crosstalkArticle .c-img.full {
        margin-left: -3rem
    }

    .p-crosstalkArticle .c-img.full>img {
        width: 100vw;
        max-width: 100vw
    }
}

@media only screen and (max-width: 544px) {
    .p-crosstalkArticle .c-img.full {
        margin-left:-2rem
    }
}

.p-crosstalkList {
    padding-top: 0
}

.p-crosstalkList .l-section__inner {
    border-top: 1px solid #ddd
}

.p-crosstalkList .c-listArticle__cardTxt dt {
    font-size: 1.4rem;
    font-weight: 400;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #999
}

.p-crosstalkList .c-listArticle__cardTxt dd {
    font-size: 1.5rem;
    font-weight: 400
}

.p-crosstalkList .c-listArticle__cardTxt dd>small {
    display: block;
    font-size: 1.2rem
}

@media only screen and (min-width: 801px) {
    .p-crosstalkList .l-section__inner {
        padding-top:10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-crosstalkList .l-section__inner {
        padding-top:4rem
    }
}

@media only screen and (min-width: 801px) {
    body#people:not(.l-people-people) .l-contents .l-section__inner {
        max-width:136rem;
        padding-left: 8rem;
        padding-right: 8rem
    }
}

.p-peopleTop {
    position: relative;
    z-index: 1
}

.p-peopleTop::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #efefef;
    top: 0;
    width: 100%
}

.p-peopleTop .c-listPeople {
    margin-top: -2rem
}

.p-peopleTop .c-listPeople__card {
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

.p-peopleTop .c-listPeople__empty {
    font-weight: 500;
    text-align: center;
    height: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) .15s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) .15s
}

.p-peopleTop .c-listPeople__empty.is-appear {
    height: auto;
    opacity: 1
}

.p-peopleTop__sales[data-category=sales] .c-hdg {
    border-bottom-color: #e3bc13
}

.p-peopleTop__sales[data-category=adviser] .c-hdg {
    border-bottom-color: #cd7597
}

.p-peopleTop__sales .c-hdg {
    border-bottom-style: solid;
    border-bottom-width: 5px
}

@media only screen and (min-width: 801px) {
    .p-peopleTop {
        min-height:60rem
    }

    .p-peopleTop::before {
        height: 528px;
        height: 33rem
    }

    .p-peopleTop .c-listPeople ul {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .p-peopleTop .c-listPeople__empty {
        padding: 6rem 0 8rem;
        font-size: 2.4rem
    }

    .p-peopleTop__sales {
        margin-bottom: 4rem
    }

    .p-peopleTop__sales:not(:first-child) {
        margin-top: 8rem
    }

    .p-peopleTop__sales .c-hdg {
        padding-bottom: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleTop {
        min-height:50rem
    }

    .p-peopleTop::before {
        height: 624px;
        height: 39rem
    }

    .p-peopleTop .c-listPeople {
        padding-top: 4rem
    }

    .p-peopleTop .c-listPeople ul {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .p-peopleTop .c-listPeople__empty {
        padding: 4rem 0 6rem;
        font-size: 1.8rem
    }

    .p-peopleTop__sales {
        margin-bottom: 3rem
    }

    .p-peopleTop__sales:not(:first-child) {
        margin-top: 6rem
    }

    .p-peopleTop__sales .c-hdg {
        padding-bottom: 3rem
    }
}

body.l-graduate .p-peopleTop {
    padding: 0
}

@media only screen and (min-width: 801px) {
    .p-peopleHomeMv::before {
        display:none
    }

    .p-peopleHomeMv .c-mv__desc {
        padding: 0 2rem 5rem
    }
}

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

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

.p-peopleFilter {
    position: relative;
    z-index: 2;
    background-color: #fff
}

.p-peopleFilter__list {
    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;
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #000
}

.p-peopleFilter__list>dt {
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    white-space: nowrap
}

.p-peopleFilter__list>dd {
    width: 100%;
    border-left: 1px solid #000
}

.p-peopleFilter__list>dd>input {
    display: none
}

.p-peopleFilter__list>dd>label {
    display: block;
    color: #000;
    cursor: pointer
}

.p-peopleFilter__list>dd>label.is-disabled {
    cursor: not-allowed;
    color: rgba(0,0,0,.3);
    pointer-events: none
}

.p-peopleFilter__list>dd>input:checked+label {
    color: #ce3131
}

.p-peopleFilter__listTip {
    color: #000
}

.p-peopleFilter__listTip>dt {
    position: relative;
    color: #000
}

.p-peopleFilter__listTip>dt.isCurrent {
    color: #ce3131
}

.p-peopleFilter__listTip>dt::before {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    content: "";
    display: block;
    width: 0;
    border-style: solid;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #333 transparent;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.p-peopleFilter__listTip>dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    background-color: #333;
    z-index: 1
}

.p-peopleFilter__listTip>dd::before {
    position: absolute;
    top: -80px;
    top: -5rem;
    left: 0;
    width: 100%;
    height: 80px;
    height: 5rem;
    content: ''
}

.p-peopleFilter__listTip.isApper>dt::before {
    visibility: visible;
    opacity: 1
}

.p-peopleFilter__listTip.isApper>dd {
    visibility: visible;
    opacity: 1
}

.p-peopleFilter__listTipCategory {
    width: calc(50% - 1rem)
}

.p-peopleFilter__listTipCategory>dt {
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: .8rem
}

.p-peopleFilter__listTipCategoryLists {
    padding-top: .8rem
}

.p-peopleFilter__listTipCategoryLists>li {
    display: block
}

.p-peopleFilter__listTipCategoryLists>li>input {
    display: none
}

.p-peopleFilter__listTipCategoryLists>li>label {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    padding-top: .2rem;
    padding-bottom: .2rem
}

.p-peopleFilter__listTipCategoryLists>li>label.is-disabled {
    cursor: not-allowed;
    color: rgba(255,255,255,.3);
    pointer-events: none
}

.p-peopleFilter__listTipCategoryLists>li>input:checked+label {
    color: #ce3131;
    font-weight: 500
}

.p-peopleFilter__button {
    display: block;
    width: 16rem;
    height: 3.6rem;
    background-color: #000
}

.p-peopleFilter__buttonItem {
    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: 100%;
    height: 100%;
    font-size: 1.2rem;
    color: #fff
}

.p-peopleFilter__buttonItem::after {
    background: url(../images/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 17.6px;
    width: 1.1rem;
    height: 17.6px;
    height: 1.1rem;
    margin-left: 8px;
    margin-left: .5rem
}

@media only screen and (min-width: 801px) {
    .p-peopleFilter {
        width:100%;
        padding: 6.5rem 4.16667% 5rem;
        -webkit-transform: translate(0,-8rem);
        transform: translate(0,-8rem)
    }

    .p-peopleFilter__body {
        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;
        position: relative;
        max-width: 96rem;
        margin-right: auto;
        margin-left: auto
    }

    .p-peopleFilter__list>dt {
        max-width: 8.8rem;
        width: 7.45763vw
    }

    .p-peopleFilter__list>dd {
        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
    }

    .p-peopleFilter__list.list1 {
        width: 36.45833%
    }

    .p-peopleFilter__list.list1>dd {
        padding: 1.5rem 6.85714%
    }

    .p-peopleFilter__list.list2 {
        width: 24.375%
    }

    .p-peopleFilter__list.list2>dd {
        padding: 1.5rem 10.25641%
    }

    .p-peopleFilter__list.list3 {
        width: 28.75%
    }

    .p-peopleFilter__list.list3>dd {
        padding: 1.5rem 8.69565%
    }

    .p-peopleFilter__list.list4 {
        width: 43.75%;
        margin-top: 2.5rem
    }

    .p-peopleFilter__list.list4>dd {
        padding: 1.5rem 5.71429%
    }

    .p-peopleFilter__listTip>dd {
        width: 42rem;
        left: 0;
        padding: 1.6rem 2rem
    }

    .p-peopleFilter__listTipCategory>dt {
        font-size: 1.4rem
    }

    .p-peopleFilter__listTipCategoryLists>li>label {
        font-size: 1.2rem
    }

    .p-peopleFilter__button {
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-transition: opacity .25s cubic-bezier(0,0,.25,1);
        transition: opacity .25s cubic-bezier(0,0,.25,1)
    }

    .p-peopleFilter__button:hover {
        opacity: .7
    }

    .p-peopleFilter__button:hover .p-peopleFilter__buttonItem::after {
        -webkit-transform: translate3d(4.8px,0,0);
        transform: translate3d(4.8px,0,0);
        -webkit-transform: translate3d(.3rem,0,0);
        transform: translate3d(.3rem,0,0)
    }

    .p-peopleFilter__buttonItem::after {
        -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1);
        transition: -webkit-transform .25s cubic-bezier(0,0,.25,1);
        transition: transform .25s cubic-bezier(0,0,.25,1);
        transition: transform .25s cubic-bezier(0,0,.25,1),-webkit-transform .25s cubic-bezier(0,0,.25,1)
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleFilter {
        padding:2rem;
        margin-right: -1rem;
        margin-left: -1rem;
        -webkit-transform: translateY(-3rem);
        transform: translateY(-3rem)
    }

    .p-peopleFilter__list {
        margin-bottom: 2rem
    }

    .p-peopleFilter__list>dt {
        font-size: 1.2rem;
        width: 6.8rem
    }

    .p-peopleFilter__list>dd {
        width: calc(100% - 6.8rem);
        padding: .5rem 1.5rem;
        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
    }

    .p-peopleFilter__list>dd>* {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .p-peopleFilter__list>dd>:not(:last-child) {
        margin-right: 1.5rem
    }

    .p-peopleFilter__listTip>dd {
        width: 35.5rem;
        left: -2rem;
        padding: 2rem 1.6rem
    }

    .p-peopleFilter__listTipCategory>dt {
        font-size: 1.2rem
    }

    .p-peopleFilter__listTipCategoryLists>li>label {
        font-size: 1rem
    }

    .p-peopleFilter__button {
        margin-top: 4rem
    }
}

.peopleList-enter-active {
    -webkit-transition: opacity 1s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity 1s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .4s cubic-bezier(0,0,.25,1) 0s,opacity 1s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .4s cubic-bezier(0,0,.25,1) 0s,opacity 1s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s
}

.peopleList-leave-active {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s;
    transition: transform 1s cubic-bezier(0,0,.25,1) 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s
}

.peopleList-move:not(.peopleList-leave-active) {
    -webkit-transition: -webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;
    transition: -webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .4s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .4s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s
}

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

.peopleList-leave-to {
    opacity: 0
}

.peopleList-leave-active {
    position: absolute
}

.p-peopleMv {
    color: #fff
}

.p-peopleMv .c-mv__inner {
    margin: 0 auto
}

.p-peopleMv .c-mv__desc {
    position: absolute
}

.p-peopleMv .c-mv__name>dd {
    font-weight: 400
}

.p-peopleMv .c-hdg {
    color: #fff;
    line-height: 1.5em
}

@media only screen and (min-width: 801px) {
    .p-peopleMv .c-mv__inner {
        height:52.5rem
    }

    .p-peopleMv .c-mv__desc {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        max-width: 128rem;
        top: 10rem
    }

    .p-peopleMv .c-mv__name {
        margin-bottom: 7rem
    }

    .p-peopleMv .c-mv__name>dt {
        font-size: 3rem
    }

    .p-peopleMv .c-mv__name>dd {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleMv {
        padding-top:6rem
    }

    .p-peopleMv .c-mv__inner {
        padding-top: 93.33333vw
    }

    .p-peopleMv .c-mv__desc {
        left: 0;
        bottom: 10.66667vw;
        height: auto
    }

    .p-peopleMv .c-mv__name {
        margin-bottom: 16vw
    }

    .p-peopleMv .c-mv__name>dt {
        font-size: 6.93333vw
    }

    .p-peopleMv .c-mv__name>dd {
        font-size: 2.93333vw
    }
}

.p-peopleProf__desc {
    position: relative;
    z-index: 0
}

.p-peopleProf__descName {
    color: #000
}

.p-peopleProf__descName dt {
    font-weight: 500
}

.p-peopleProf__descName dt small {
    display: block;
    word-wrap: break-word
}

.p-peopleProf__descName dd.join_graduate {
    display: none
}

.p-peopleProf__descIcon {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: 0;
    right: 0
}

.p-peopleProf__txt {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 801px) {
    .p-peopleProf {
        padding:12rem 0 6rem
    }

    .p-peopleProf .c-txt p {
        font-size: 1.5rem
    }

    .p-peopleProf__body {
        overflow: hidden
    }

    .p-peopleProf__ph {
        float: left;
        width: 33.33333%
    }

    .p-peopleProf__desc {
        float: right;
        width: 62.5%
    }

    .p-peopleProf__descName dt {
        font-size: 2.4rem
    }

    .p-peopleProf__descName dt small {
        font-size: 1.6rem
    }

    .p-peopleProf__descIcon img {
        width: 12rem
    }

    .p-peopleProf__txt {
        float: right;
        width: 62.5%;
        margin-top: 2rem;
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleProf__body {
        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;
        display: flex!important
    }

    .p-peopleProf__ph {
        width: 35.8209%
    }

    .p-peopleProf__desc {
        width: 58.20896%;
        padding-right: 8rem
    }

    .p-peopleProf__descName dt {
        font-size: 1.8rem
    }

    .p-peopleProf__descName dt small {
        font-size: 1.4rem
    }

    .p-peopleProf__descIcon img {
        width: 10rem
    }

    .p-peopleProf__txt {
        width: 100%
    }
}

@media only screen and (max-width: 544px) {
    .p-peopleProf__desc {
        padding-right:6rem
    }

    .p-peopleProf__descIcon img {
        width: 6rem
    }
}

body.l-graduate .p-peopleProf__descName dt small {
    display: none
}

body.l-graduate .p-peopleProf__descName dt small.job_graduate {
    display: block
}

body.l-career .p-peopleProf .l-section__inner>* {
    display: none
}

body.l-career .p-peopleProf .l-section__inner .p-peopleProf__body {
    display: block
}

body.l-career .p-peopleProf__descName dt small {
    display: none
}

body.l-career .p-peopleProf__descName dt small.job_career {
    display: block
}

body.l-disability .p-peopleProf__descName dt small,body.l-sales .p-peopleProf__descName dt small {
    display: none
}

body.l-disability .p-peopleProf__descName dt small.job_etc,body.l-sales .p-peopleProf__descName dt small.job_etc {
    display: block
}

.p-peopleCareer ::-webkit-scrollbar {
    width: .5rem
}

.p-peopleCareer ::-webkit-scrollbar-track {
    background: #b3b3b3
}

.p-peopleCareer ::-webkit-scrollbar-thumb {
    background: #555;
    border-bottom: 1px solid #fff;
    border-radius: 0
}

.p-peopleCareer__table {
    border-top: 1px solid #e6e6e6
}

@media only screen and (min-width: 801px) {
    .p-peopleCareer {
        padding-bottom:24rem
    }

    .p-peopleCareer .l-section__inner {
        padding-bottom: 8rem
    }

    .p-peopleCareer .c-txt p {
        font-size: 1.5rem
    }

    .p-peopleCareer__body {
        overflow-y: scroll;
        width: 88%;
        max-width: 102.4rem;
        max-height: 49.5rem
    }

    .p-peopleCareer__table {
        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;
        max-width: 96rem;
        padding: 2.08333% 0 2.08333%
    }

    .p-peopleCareer__table:last-child {
        padding-bottom: 0
    }

    .p-peopleCareer__table dl {
        width: 100%;
        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
    }

    .p-peopleCareer__table dt {
        width: 25%;
        padding-top: 2.08333%
    }

    .p-peopleCareer__table dd {
        width: 75%;
        padding: 1.04167% 6.25%;
        border-left: 1px solid #e6e6e6
    }

    .p-peopleCareer__table dd .c-hdg {
        margin-bottom: 1rem
    }

    .p-peopleCareer__table dd .c-txt {
        margin-bottom: 0
    }

    .p-peopleCareer__table dd .c-txt p {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleCareer {
        padding:6rem 0
    }

    .p-peopleCareer .c-hdg {
        margin-bottom: 2rem
    }

    .p-peopleCareer__body.is-open .c-btn {
        display: none
    }

    .p-peopleCareer__body.is-open .p-peopleCareer__table:nth-child(n+3) {
        display: block
    }

    .p-peopleCareer__body.is-open .p-peopleCareer__table:nth-child(n+3) dl {
        visibility: visible;
        opacity: 1
    }

    .p-peopleCareer__table {
        padding-top: 3rem
    }

    .p-peopleCareer__table:nth-child(n+3) {
        display: none
    }

    .p-peopleCareer__table:nth-child(n+3) dl {
        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
    }

    .p-peopleCareer__table .c-hdg {
        margin-bottom: 1rem
    }
}

.p-peopleArticle .c-article .c-txt p a {
    text-decoration: underline;
    color: #3b7396
}

.p-peopleArticle .c-article .c-txt p a:hover {
    text-decoration: none
}

.p-peopleArticle .c-article__card:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .p-peopleArticle .c-txt p {
        font-size:1.5rem
    }

    .p-peopleArticle .c-img.Full {
        margin: 0 auto 4rem
    }

    .p-peopleArticle .c-hdg {
        margin: 0 0 6rem
    }

    .p-peopleArticle .c-hdg.fsS {
        font-size: 2.1rem;
        line-height: 2.8rem
    }

    .p-peopleArticle__body {
        margin: 8rem 0
    }

    .p-peopleArticle__body:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleArticle .c-img.Full {
        position:relative;
        margin: 0 auto 3rem;
        height: 0;
        padding-bottom: 53.33333%
    }

    .p-peopleArticle .c-img.Full img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: auto;
        max-width: none;
        height: 100%
    }

    .p-peopleArticle .c-hdg.fsL {
        margin-bottom: 2rem;
        font-size: 2.1rem
    }
}

.p-peopleArticle.first {
    position: relative
}

@media only screen and (min-width: 801px) {
    .p-peopleArticle.first {
        margin-top:-34rem
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleArticle.first {
        padding-top:0
    }
}

.p-peopleSchedule__cycle {
    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-bottom: 1px solid #e6e6e6
}

.p-peopleSchedule__cycleTime {
    font-weight: 500
}

.p-peopleSchedule__cycleTime time {
    font-size: 1.5rem;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #999
}

.p-peopleSchedule__cycleTime time::before {
    content: '';
    display: inline-block;
    background: url(../images/ico/ico_time.svg) no-repeat;
    background-size: cover;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    margin-right: 8px;
    margin-right: .5rem
}

.p-peopleSchedule__cycleTime p {
    color: #000;
    font-size: 1.5rem
}

@media only screen and (min-width: 801px) {
    .p-peopleSchedule {
        padding-top:12rem
    }

    .p-peopleSchedule .c-hdg {
        max-width: 96rem
    }

    .p-peopleSchedule__cycle {
        max-width: 96rem;
        padding: 3rem 0
    }

    .p-peopleSchedule__cyclePh {
        width: 6.25%;
        margin-left: .52083%
    }

    .p-peopleSchedule__cycleTime {
        width: 16.66667%;
        margin-left: 3.125%
    }

    .p-peopleSchedule__cycleTxt {
        width: 73.4375%;
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleSchedule .c-hdg.fsM {
        margin-bottom:0
    }

    .p-peopleSchedule__cycle {
        padding: 3rem 0
    }

    .p-peopleSchedule__cyclePh {
        width: 6rem;
        margin-bottom: 1rem
    }

    .p-peopleSchedule__cycleTime {
        width: calc(100% - 9rem);
        margin-left: 3rem;
        margin-bottom: 1rem
    }

    .p-peopleSchedule__cycleTxt {
        width: 156.71642%
    }
}

.p-peopleSystem .c-hdg {
    text-align: center;
    padding-bottom: 2rem;
    margin-bottom: 0
}

.p-peopleSystem.bgBk .c-hdg {
    color: #fff;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.25);
    margin-bottom: 2rem
}

.p-peopleSystem .c-employmentLink {
    padding-top: 2rem
}

.p-peopleSystem__ph {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.p-peopleSystem__txt {
    width: 100%
}

.p-peopleSystem__txt a {
    color: #fff;
    text-decoration: underline
}

.p-peopleSystem__txt a:hover {
    text-decoration: none
}

@media only screen and (min-width: 801px) {
    .p-peopleSystem {
        padding:5rem 0
    }

    .p-peopleSystem__body {
        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
    }

    .p-peopleSystem__ph {
        width: 15rem
    }

    .p-peopleSystem__txt {
        padding-left: 4rem;
        font-size: 1.5rem
    }

    .p-peopleSystem__link {
        margin-top: 8rem
    }

    .p-peopleSystem .c-grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-peopleSystem .c-grid {
        margin-right: -1.25%;
        margin-left: -1.25%
    }

    .p-peopleSystem .c-grid>* {
        padding-right: 1.25%;
        padding-left: 1.25%
    }

    .p-peopleSystem .c-grid .c-btnMore {
        margin: auto
    }

    .p-peopleSystem .c-blogCard {
        margin-top: 15rem
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleSystem {
        padding:4rem 0
    }

    .p-peopleSystem .c-hdg.fsS {
        margin-top: 0
    }

    .p-peopleSystem .c-grid {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .p-peopleSystem .c-grid>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .p-peopleSystem .c-btnMore {
        margin: 1rem 0
    }

    .p-peopleSystem .c-btnMore a {
        margin: auto
    }

    .p-peopleSystem .c-blogCard {
        margin-top: 8rem
    }

    .p-peopleSystem__body {
        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
    }

    .p-peopleSystem__ph {
        width: 10rem
    }

    .p-peopleSystem__txt {
        padding-left: 2rem
    }

    .p-peopleSystem__link {
        margin-top: 4rem
    }
}

@media only screen and (max-width: 544px) {
    .p-peopleList .c-hdg.fsM {
        margin:0
    }

    .p-peopleList .c-listArticle__card {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }

    .p-peopleList .c-listArticle__card>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
    }

    .p-peopleList .c-listArticle__cardPh {
        width: 15rem
    }

    .p-peopleList .c-listArticle__cardDesc {
        width: 16.5rem;
        margin-top: 0
    }

    .p-peopleList .c-listArticle__cardTxt {
        text-align: left
    }

    .p-peopleList .c-listArticle__cardMore {
        margin-top: .5rem;
        text-align: right
    }
}

.p-peopleMessage {
    background: #f5f5f5
}

@media only screen and (min-width: 801px) {
    .p-peopleMessage {
        padding:6rem 0
    }

    .p-peopleMessage .c-hdg.fsS {
        font-size: 2.1rem;
        margin-bottom: 2.5rem
    }

    .p-peopleMessage .c-txt p {
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-peopleMessage {
        padding:4rem 0
    }

    .p-peopleMessage .c-hdg.fsS {
        font-size: 1.6rem;
        margin-bottom: 1.5rem
    }
}

.p-peopleSns.l-section {
    padding: 0
}

.p-peopleSns__body {
    line-height: 1
}

.p-peopleSns__body>ul>li {
    padding: 0 .5rem
}

@media only screen and (min-width: 801px) {
    .p-peopleSns {
        margin:6rem 0 -6rem
    }

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

    .p-peopleSns__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) {
    .p-peopleSns {
        margin:4rem 0 0
    }

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

    .p-peopleSns__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) {
    .p-peopleSns__body {
        display:block
    }

    .p-peopleSns__body>ul:first-child {
        margin-bottom: 1rem
    }
}

.p-projectTop {
    position: relative;
    z-index: 1;
    background: #1a1a1a
}

@media only screen and (min-width: 801px) {
    .p-projectTop {
        padding-top:1px
    }

    .p-projectTop .p-projectTop__body {
        margin-top: -7.5rem
    }

    .p-projectTop .p-projectTop__body .c-listConts__cardDesc .c-hdg {
        font-size: 2.2rem
    }

    .p-projectTop .l-section__inner {
        padding-bottom: 8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-projectTop .p-projectTop__body .c-listConts__cardDesc .c-hdg {
        font-size:2rem;
        line-height: 2.8rem
    }

    .p-projectTop .p-projectTop__body .c-listConts__cardDesc .c-hdg__caption {
        font-size: 1.2rem
    }

    .p-projectTop .l-section__inner {
        padding-bottom: 6rem
    }
}

.p-projectMv {
    color: #fff;
    text-align: center
}

.p-projectMv__hdg>* {
    display: block
}

.p-projectMv__hdg span {
    font-weight: 500
}

.p-projectMv__hdg strong {
    font-weight: 400;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

@media only screen and (min-width: 801px) {
    .p-projectMv__hdg span {
        font-size:2.4rem;
        margin-bottom: 2rem
    }

    .p-projectMv__hdg strong {
        font-size: 4.8rem;
        line-height: 6rem;
        font-weight: 500
    }
}

@media only screen and (max-width: 800px) {
    .p-projectMv {
        height:40rem;
        margin-top: 6rem;
        padding-top: 0
    }

    .p-projectMv__hdg span {
        font-size: 1.8rem
    }

    .p-projectMv__hdg strong {
        font-size: 2.4rem;
        margin-top: 1rem;
        font-weight: 500;
        line-height: 3.2rem
    }

    .p-projectMv .c-mv__lead {
        font-size: 1.3rem;
        margin-top: -.5rem
    }

    .p-projectMv .c-mv__desc {
        padding: 10rem 2rem 0
    }
}

@media only screen and (min-width: 801px) {
    .p-projectMv .c-mv__lead {
        font-size:1.8rem;
        margin-top: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-projectMv .c-mv__lead {
        font-size:1.6rem;
        margin-top: 2rem
    }
}

.p-projectLead {
    position: relative;
    background-color: #000;
    color: #fff;
    text-align: center
}

.p-projectLead::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%
}

.p-projectLead__data {
    margin-top: 12rem
}

.p-projectLead__data .c-hdg {
    color: #fff;
    margin-bottom: 3rem
}

.p-projectLead__data .c-table table {
    width: 100%
}

.p-projectLead__data .c-table table td {
    text-align: left
}

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

    .p-projectLead::before {
        -webkit-transform: translate(-50%,-63%);
        transform: translate(-50%,-63%);
        background: url(../images/cursive/project_story.png) center center no-repeat;
        background-size: 2601.6px;
        background-size: 162.6rem;
        width: 100%;
        height: 100%
    }

    .p-projectLead .c-hdg {
        font-size: 2.4rem;
        font-weight: 500
    }

    .p-projectLead .c-txt p {
        font-size: 1.5rem
    }

    .p-projectLead__body {
        max-width: 80rem;
        margin: 0 auto
    }

    .p-projectLead__data .c-table table th {
        background-color: #333;
        padding: 2rem 1rem;
        text-align: left
    }

    .p-projectLead__data .c-table table td {
        padding: 2rem 1rem;
        border-bottom: 1px solid #333
    }

    .p-projectLead__data .c-table table td span {
        display: none
    }

    .p-projectLead__data .c-table table td.date {
        width: 120px
    }

    .p-projectLead__data .c-table table td.partner {
        width: 200px
    }

    .p-projectLead__data .c-table table td.jv {
        width: 240px
    }
}

@media only screen and (max-width: 800px) {
    .p-projectLead {
        padding:6rem 0 20rem
    }

    .p-projectLead .c-hdg {
        font-size: 1.8rem
    }

    .p-projectLead .c-hdg.fsL {
        font-size: 1.6rem;
        font-weight: 500
    }

    .p-projectLead__data .c-table table th {
        display: none
    }

    .p-projectLead__data .c-table table td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowarp;
        flex-wrap: nowarp;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        border-bottom: 1px solid #262626
    }

    .p-projectLead__data .c-table table td.date {
        border-top: 1px solid #262626
    }

    .p-projectLead__data .c-table table td:last-child {
        margin-bottom: 3rem
    }

    .p-projectLead__data .c-table table td span {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 9rem;
        padding: 2rem 1rem;
        display: block;
        background-color: #333
    }

    .p-projectLead__data .c-table table td p {
        width: 100%;
        padding: 2rem 1rem
    }
}

.p-projectMember {
    color: #fff;
    padding: 0
}

.p-projectMember__ttl {
    text-align: center
}

.p-projectMember__ttl .c-hdg {
    color: #fff
}

.p-projectMember__ttl>small {
    font-size: 1.2rem;
    font-weight: 400;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.p-projectMember .c-listMember__cardTxt {
    text-align: left
}

.p-projectMember .c-listMember__cardTxt dt {
    color: #fff
}

.p-projectMember .c-listMember__cardTxt dt small {
    display: inline-block;
    margin-left: .8rem;
    vertical-align: middle;
    color: gray
}

.p-projectMember .c-listMember__cardTxt dd {
    color: #fff
}

.p-projectMember .c-listMember__cardTxt dd .joined {
    display: inline-block;
    border: 1px solid rgba(255,255,255,.5)
}

.p-projectMember .c-listMember__cardTxt dd p {
    color: #fff
}

@media only screen and (min-width: 801px) {
    .p-projectMember {
        margin-top:-24rem
    }

    .p-projectMember__ttl .c-hdg {
        margin-bottom: 1rem
    }

    .p-projectMember .c-listMember__cardTxt dt small {
        font-size: 12px
    }

    .p-projectMember .c-listMember__cardTxt dd {
        margin-top: 1rem
    }

    .p-projectMember .c-listMember__cardTxt dd .joined {
        font-size: 12px;
        margin-top: .8rem;
        padding: .5rem 1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-projectMember {
        margin-top:-20.2rem
    }

    .p-projectMember__ttl .c-hdg {
        font-size: 1.8rem;
        margin-bottom: .5rem
    }

    .p-projectMember .c-listMember__cardTxt dt small {
        font-size: 12px
    }

    .p-projectMember .c-listMember__cardTxt dd {
        margin-top: 1rem
    }

    .p-projectMember .c-listMember__cardTxt dd .joined {
        font-size: 12px;
        margin-top: .8rem;
        padding: .5rem 1rem
    }
}

.p-projectArticle {
    color: #fff
}

.p-projectArticle h2.c-hdg {
    text-align: center
}

.p-projectArticle h2.c-hdg>small {
    display: block;
    margin-left: 0
}

.p-projectArticle .c-article__episode {
    position: relative;
    margin-bottom: 2rem;
    font-weight: 500
}

.p-projectArticle .c-article__episode:before {
    content: "ー";
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-150%,0);
    transform: translate(-150%,0)
}

@media only screen and (min-width: 801px) {
    .p-projectArticle .c-hdg {
        font-size:2.4rem
    }

    .p-projectArticle .c-txt p {
        font-size: 1.5rem
    }

    .p-projectArticle .c-img.Center img {
        margin: 0 auto
    }
}

@media only screen and (max-width: 800px) {
    .p-projectArticle .c-hdg {
        font-size:1.8rem
    }

    .p-projectArticle h2.c-hdg {
        font-weight: 300;
        font-size: 2.4rem;
        margin-bottom: 3rem
    }

    .p-projectArticle h2.c-hdg>small {
        font-weight: 400;
        font-size: 1.2rem
    }

    .p-projectArticle .c-img.Full,.p-projectArticle .c-project-flow.Full {
        position: relative;
        width: 100vw;
        margin-left: -3rem;
        margin-bottom: 4rem
    }

    .p-projectArticle .c-txt>p {
        margin-bottom: 4rem
    }
}

@media only screen and (max-width: 544px) {
    .p-projectArticle .c-img.Full,.p-projectArticle .c-project-flow.Full {
        margin-left:-2rem
    }
}

.p-projectArticle__list ul li a {
    position: relative;
    display: block;
    padding: 2rem 0;
    background: #333;
    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
}

.p-projectArticle__list ul li a p {
    position: relative;
    width: 100%;
    line-height: 1.25em!important
}

.p-projectArticle__list ul li a p span {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.p-projectArticle__list ul li a p span:first-child {
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 500
}

.p-projectArticle__list ul li a p span:last-child {
    font-weight: 400
}

.p-projectArticle__list ul li a i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: rgba(255,255,255,.25)
}

.p-projectArticle__list ul li a i::before {
    background: url(../images/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-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg);
    -webkit-transition: top .2s cubic-bezier(0,0,.25,1) 0s;
    transition: top .2s cubic-bezier(0,0,.25,1) 0s
}

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

.p-projectArticle__list ul li a:hover {
    opacity: .75
}

.p-projectArticle__list ul li a:hover i::before {
    top: 60%
}

@media only screen and (min-width: 801px) {
    .p-projectArticle__list {
        margin-bottom:10rem
    }

    .p-projectArticle__list ul li {
        margin: 0 0 1rem
    }

    .p-projectArticle__list ul li a p {
        padding: 0 5.83333% 0 2.5%
    }

    .p-projectArticle__list ul li a p::before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        left: 8em;
        height: 100%;
        width: 1px;
        background: rgba(255,255,255,.5)
    }

    .p-projectArticle__list ul li a p span:first-child {
        margin-right: 1em;
        padding-right: 1em;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .p-projectArticle__list ul li a p span:last-child {
        padding-left: 7em
    }

    .p-projectArticle__list ul li a i {
        width: 5.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-projectArticle__list {
        margin-bottom:4rem
    }

    .p-projectArticle__list ul li {
        margin: 0 0 1rem
    }

    .p-projectArticle__list ul li a p {
        padding: 0 4.8rem 0 2rem
    }

    .p-projectArticle__list ul li a p span:first-child {
        margin-bottom: .5rem
    }

    .p-projectArticle__list ul li a p span:last-child {
        padding-right: 2rem
    }

    .p-projectArticle__list ul li a i {
        width: 4.6rem
    }
}

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

.p-projectList {
    padding-top: 0;
    background: rgba(255,255,255,.05);
    color: #fff
}

.p-projectList .c-listArticle__cardTxt dt {
    font-weight: 400;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #fff
}

.p-projectList .c-listArticle__cardTxt dd {
    font-size: 1.5rem;
    color: #fff
}

.p-projectList .c-listArticle__cardTxt dd small {
    display: block
}

@media only screen and (min-width: 801px) {
    .p-projectList .l-section__inner {
        padding-top:10rem
    }

    .p-projectList__body {
        padding-bottom: 10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-projectList .l-section__inner {
        padding-top:8rem
    }

    .p-projectList__body {
        padding-bottom: 4rem
    }
}

.p-recruit_txtLink a {
    position: relative;
    text-decoration: underline;
    color: #3b7396
}

.p-recruit_txtLink a:hover {
    text-decoration: none
}

.p-recruit_txtLink a:after {
    background: url(../images/ico/ico_arrow_bk.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%);
    -webkit-transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    transition: left .2s cubic-bezier(0,0,.25,1) 0s;
    margin-left: 24px;
    margin-left: 1.5rem
}

@media only screen and (max-width: 544px) {
    .p-recruit_txtLink a:after {
        width:24px;
        width: 1.5rem;
        height: 24px;
        height: 1.5rem
    }
}

.p-recruit_txtLink a[target="_blank"]::after {
    background: url(../images/ico/ico_blank_bk.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 19.2px;
    width: 1.2rem;
    height: 19.2px;
    height: 1.2rem;
    background-size: contain
}

@media only screen and (max-width: 800px) {
    .p-recruit_txtLink a[target="_blank"]::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .p-recruit_txtLink a[target="_blank"]::after {
        width:28.8px;
        width: 1.8rem;
        height: 24.96px;
        height: 1.56rem
    }
}

.p-recruit_txtLink a.c-pagelink:after {
    -webkit-transform: translate(0,-50%) rotate(90deg);
    transform: translate(0,-50%) rotate(90deg)
}

.p-recruit_txtLink.right {
    padding-right: 1em;
    text-align: right
}

.p-recruit_txtLink.right:after {
    right: 0
}

.p-recruit__txtThrough {
    text-decoration: line-through
}

.p-recruit__bodyLead {
    margin-bottom: 8rem
}

.p-recruit__bodyLead>p a {
    color: #3b7396;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1);
    border-bottom: 1px solid #3b7396
}

.p-recruit__bodyLead>p a:hover {
    opacity: .7
}

@media only screen and (max-width: 800px) {
    #recruit .c-mv__desc {
        padding-top:1.5rem
    }

    #recruit .c-mv__hdg {
        margin-left: 0
    }

    #recruit .c-mv__hdgCaption {
        font-size: 1.3rem;
        margin-bottom: 5em
    }
}

@media only screen and (max-width: 544px) {
    #recruit .c-mv__desc {
        padding-top:2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruit.p-recruitindex .c-tbl {
        margin-bottom:0
    }
}

@media only screen and (max-width: 800px) {
    .p-recruit.p-recruitindex .c-tbl.row2 dl {
        padding:3rem 0
    }

    .p-recruit.p-recruitindex .c-tbl.row2 dl:last-child {
        padding-bottom: 0
    }

    .p-recruit.p-recruitindex .c-tbl.row2 dl dt {
        width: 100%;
        margin-bottom: 2rem
    }

    .p-recruit.p-recruitindex .c-tbl.row2 dl dd {
        width: 100%
    }
}

.p-recruitUniversal .c-hdg.fsS {
    margin-bottom: 3em
}

.p-recruitUniversal .c-txt p {
    line-height: 2.5
}

.p-recruitUniversal .c-article .c-note {
    margin-top: 1rem;
    text-align: center;
    font-size: 1rem
}

.p-recruitUniversal .c-tbl {
    color: #000
}

.p-recruitUniversal .c-tbl__th {
    font-weight: 700
}

.p-recruitUniversal .c-tbl dl:last-child {
    border-bottom: 1px solid #ddd
}

.p-recruitUniversal .c-tbl dl:last-child {
    border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 800px) {
    .p-recruitUniversal table {
        display:table;
        width: 100%
    }

    .p-recruitUniversal table tr {
        border-bottom: 1px solid #ccc
    }

    .p-recruitUniversal table th {
        padding: 2rem 1rem;
        text-align: left;
        white-space: nowrap
    }

    .p-recruitUniversal table th.center {
        text-align: center
    }

    .p-recruitUniversal table td {
        padding: 2rem 0 2rem 1rem
    }

    .p-recruitUniversal table.top {
        margin-bottom: 3rem
    }

    .p-recruitUniversal table.bottom {
        margin-bottom: 6rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMessage .c-txt p {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitMessage .c-hdg.fsL {
        font-size:1.8rem;
        margin: 3rem 0
    }
}

.p-recruitMessageValue {
    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
}

.p-recruitMessageValue__card {
    height: 0;
    border: 1px solid #000;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.p-recruitMessageValue__card.num-1 {
    background-image: url(../images/recruit/illust_img_01.jpg)
}

.p-recruitMessageValue__card.num-2 {
    background-image: url(../images/recruit/illust_img_02.jpg)
}

.p-recruitMessageValue__card.num-3 {
    background-image: url(../images/recruit/illust_img_03.jpg)
}

.p-recruitMessageValue__card.num-4 {
    background-image: url(../images/recruit/illust_img_04.jpg)
}

.p-recruitMessageValue__card.num-5 {
    background-image: url(../images/recruit/illust_img_05.jpg)
}

.p-recruitMessageValue__card dl {
    font-weight: 500
}

.p-recruitMessageValue__card dl dt>* {
    display: block;
    line-height: 1.5em
}

.p-recruitMessageValue__card dl dt span {
    margin-bottom: .5em
}

.p-recruitMessageValue__card dl dd {
    line-height: 2em
}

@media only screen and (min-width: 801px) {
    .p-recruitMessageValue__card {
        width:33.33%;
        padding-bottom: 33.33%
    }

    .p-recruitMessageValue__card.num-1,.p-recruitMessageValue__card.num-2,.p-recruitMessageValue__card.num-4 {
        border-right: 0
    }

    .p-recruitMessageValue__card.num-4,.p-recruitMessageValue__card.num-5 {
        border-top: 0
    }

    .p-recruitMessageValue__card dl {
        padding: 3rem
    }

    .p-recruitMessageValue__card dl dt {
        margin-bottom: 3rem
    }

    .p-recruitMessageValue__card dl dt span {
        font-size: 1.6rem
    }

    .p-recruitMessageValue__card dl dt strong {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMessageValue__card {
        width:50%;
        padding-bottom: 50%
    }

    .p-recruitMessageValue__card.num-1,.p-recruitMessageValue__card.num-3 {
        border-right: 0
    }

    .p-recruitMessageValue__card:nth-child(n+3) {
        border-top: 0
    }

    .p-recruitMessageValue__card dl {
        padding: 3rem
    }

    .p-recruitMessageValue__card dl dt {
        margin-bottom: 2rem
    }

    .p-recruitMessageValue__card dl dt span {
        font-size: 1.6rem
    }

    .p-recruitMessageValue__card dl dt strong {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitMessageValue__card {
        width:100%;
        padding-bottom: 80%
    }

    .p-recruitMessageValue__card.num-1,.p-recruitMessageValue__card.num-3 {
        border-right: 1px solid #000
    }

    .p-recruitMessageValue__card:nth-child(n+2) {
        border-top: 0
    }

    .p-recruitMessageValue__card dl {
        padding: 2.5rem
    }
}

.p-recruitGuideline {
    position: relative
}

.p-recruitGuideline .bold {
    font-weight: 500
}

.p-recruitGuideline .c-tbl>dl:first-child {
    border-top: 1px solid #ddd
}

.p-recruitGuideline .c-tbl>dl:last-child {
    border-bottom: 1px solid #ddd
}

.p-recruitGuideline .c-tbl .c-txt {
    margin: 2rem 0
}

.p-recruitGuideline .c-tbl .c-txt:last-child {
    margin-bottom: 0
}

.p-recruitGuideline .c-tbl .c-txt p {
    margin-top: 1.25em;
    margin-bottom: 0
}

.p-recruitGuideline .c-tbl .c-txt p:first-child {
    margin-top: 0
}

.p-recruitGuideline .c-tbl .c-txt .c-note {
    margin-bottom: 0
}

.l-sales .p-recruitGuideline .c-listTag {
    margin-bottom: 0
}

.l-sales .p-recruitGuideline .c-listTag>li::before {
    content: "・"
}

@media only screen and (max-width: 800px) {
    .p-recruitGuideline .c-tbl>dl {
        padding:3rem 0
    }

    .p-recruitGuideline .c-tbl>dl.inner {
        padding: 0
    }

    .p-recruitGuideline .c-tbl>dl dt {
        padding-right: 1rem
    }
}

.p-recruitFaq__card {
    border-bottom: 1px solid #ddd
}

.p-recruitFaq__cardTxt {
    position: relative
}

.p-recruitFaq__cardTxt 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) {
    .p-recruitFaq__cardTxt i {
        right:0
    }
}

.p-recruitFaq__cardTxt i::after,.p-recruitFaq__cardTxt 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
}

.p-recruitFaq__cardTxt i::before {
    width: 100%;
    height: 1px
}

.p-recruitFaq__cardTxt i::after {
    width: 100%;
    height: 1px;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.p-recruitFaq__cardTxt a {
    text-decoration: underline;
    color: #3b7396
}

.p-recruitFaq__cardTxt a:hover {
    text-decoration: none
}

.p-recruitFaq__cardA,.p-recruitFaq__cardQ {
    position: relative
}

.p-recruitFaq__cardA>i,.p-recruitFaq__cardQ>i {
    position: absolute;
    top: 1.5rem;
    left: 0;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #ccc;
    font-style: normal;
    line-height: 1em
}

.p-recruitFaq__cardQ {
    cursor: pointer
}

.p-recruitFaq__cardA {
    height: 0
}

.p-recruitFaq__cardA>* {
    visibility: hidden;
    opacity: 0
}

.p-recruitFaq__cardA .p-recruitFaq__cardTxt p {
    margin: 1.5em 0 .5em
}

.p-recruitFaq__cardA .p-recruitFaq__cardTxt p:first-child {
    margin-top: 0
}

.p-recruitFaq__card.is-open .p-recruitFaq__cardA {
    height: auto
}

.p-recruitFaq__card.is-open .p-recruitFaq__cardA>* {
    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
}

.p-recruitFaq__card.is-open .p-recruitFaq__cardTxt i::after {
    display: none
}

@media only screen and (min-width: 801px) {
    .p-recruitFaq .l-sectionSub {
        margin-top:10rem
    }

    .p-recruitFaq .c-hdg.fsM {
        margin-bottom: 1.5em
    }

    .p-recruitFaq__card {
        padding-bottom: 1.5rem;
        margin-bottom: 2rem
    }

    .p-recruitFaq__cardTxt {
        padding: 1.5rem 4rem
    }

    .p-recruitFaq__cardA>i,.p-recruitFaq__cardQ>i {
        font-size: 3rem
    }

    .p-recruitFaq__cardQ .p-recruitFaq__cardTxt {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitFaq .l-sectionSub {
        margin-top:6rem
    }

    .p-recruitFaq .c-hdg.fsM {
        margin-bottom: .5em;
        font-size: 1.4rem
    }

    .p-recruitFaq__cardTxt {
        padding: 2rem 3rem
    }

    .p-recruitFaq__cardTxt i {
        width: 2rem;
        height: 2rem
    }

    .p-recruitFaq__cardA>i,.p-recruitFaq__cardQ>i {
        font-size: 2.6rem
    }

    .p-recruitFaq__cardA>i {
        top: 0
    }

    .p-recruitFaq__cardA .p-recruitFaq__cardTxt {
        padding: 0 3rem 2rem;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitAccess .c-hdg small {
        margin-left:0;
        margin-top: 1rem
    }

    .p-recruitAccess .c-listBox__card dl {
        padding: 2rem 1.5rem
    }
}

.p-recruitFlow__card {
    position: relative;
    min-height: 8rem
}

.p-recruitFlow__card:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 128px;
    height: 8rem;
    background: #333
}

.p-recruitFlow__card .c-txt {
    margin: 2rem 0
}

.p-recruitFlow__cardTitle .u-font-en {
    padding-right: 2rem;
    font-size: 3.6rem;
    vertical-align: bottom
}

.p-recruitFlow__cardBtns .c-note {
    margin-top: 1rem
}

.p-recruitFlow__desc>dt {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.25
}

.p-recruitFlow__desc>dd {
    font-size: 1.4rem;
    margin-top: 1.5rem
}

.p-recruitFlow__btn {
    position: relative;
    background-color: #ccc
}

.p-recruitFlow__btn>a::before {
    content: "";
    background-image: url(../images/ico/ico_arrow_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    right: 32px;
    right: 2rem;
    width: 25.6px;
    width: 1.6rem;
    height: 25.6px;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.p-recruitFlow__btn>a[target="_blank"]::before {
    background-image: url(../images/ico/ico_blank_white.svg)
}

.p-recruitFlow__btn.none {
    background-color: #ededed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-recruitFlow__btn.none::before {
    display: none
}

.p-recruitFlow__btn.none>p {
    color: #d0d0d0;
    font-weight: 500
}

.p-recruitFlow__btn.yellow {
    background-color: #eaa500
}

.p-recruitFlow__btn.orange {
    background-color: #e94d00
}

.p-recruitFlow__btn.blue {
    background-color: #5b96db
}

.p-recruitFlow__btn.pink {
    background-color: #e9256f
}

.p-recruitFlow__btn.lightBlue {
    background-color: #0abaee
}

.p-recruitFlow__btnTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-recruitFlow__btnTxt>p {
    color: #fff;
    font-weight: 500;
    line-height: 1.5
}

@media only screen and (min-width: 801px) {
    .p-recruitFlow__card {
        padding-left:6rem;
        margin-top: 12rem;
        margin-bottom: 12rem
    }

    .p-recruitFlow__card.first {
        margin-top: 0
    }

    .p-recruitFlow__cardBtns {
        margin-top: 5rem
    }

    .p-recruitFlow__btns {
        margin-top: 1rem
    }

    .p-recruitFlow__btns .c-grid>li {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .p-recruitFlow__btn {
        -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)
    }

    .p-recruitFlow__btn:hover {
        opacity: .7
    }

    .p-recruitFlow__btn.none {
        height: 8rem;
        padding-left: 3rem;
        padding-right: 3rem;
        pointer-events: none
    }

    .p-recruitFlow__btn.none>p {
        font-size: 1.11111vw
    }

    .p-recruitFlow__btnTxt {
        height: 8rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .p-recruitFlow__btnTxt>p {
        font-size: 1.11111vw
    }

    .p-recruitFlow #job-match {
        padding-top: 10rem;
        margin-top: -5rem
    }
}

@media only screen and (min-width: 1280px) {
    .p-recruitFlow__btn.none>p {
        font-size:1.6rem
    }

    .p-recruitFlow__btnTxt>p {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitFlow__card {
        padding-left:2rem;
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .p-recruitFlow__card.first {
        margin-top: 0
    }

    .p-recruitFlow__cardBtns {
        margin-top: 5rem
    }

    .p-recruitFlow__btns {
        margin-top: 2rem
    }

    .p-recruitFlow__btns .c-grid>li {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem
    }

    .p-recruitFlow__btn.none {
        height: 7rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-recruitFlow__btn.none>p {
        font-size: 1.5rem
    }

    .p-recruitFlow__btnTxt {
        height: 7rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-recruitFlow__btnTxt>p {
        font-size: 1.5rem
    }

    .p-recruitFlow #job-match {
        padding-top: 10rem;
        margin-top: -5rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitFlow__card {
        padding-left:0
    }

    .p-recruitFlow__card:before {
        left: -16px;
        left: -1rem
    }

    .p-recruitFlow__cardTitle .u-font-en {
        padding-right: 1rem;
        font-size: 3rem;
        vertical-align: middle
    }

    .p-recruitFlow__cardBtns {
        margin-top: 4rem
    }

    .p-recruitFlow__cardBtns .c-listBtn ul li {
        margin-top: 2rem
    }

    .p-recruitFlow__cardBtns .c-listBtn ul li:first-child {
        margin-top: 0
    }

    .p-recruitFlow__cardBtns .c-hdg.fsS {
        margin-bottom: 1em
    }

    .p-recruitFlow__cardTitle .u-font-en {
        padding-right: 1rem;
        font-size: 3rem;
        vertical-align: middle
    }

    .p-recruitFlow__btns .c-grid>li:not(:first-child) {
        margin-top: .6rem
    }
}

.p-recruitFlow_box {
    letter-spacing: -1em;
    color: #555
}

.p-recruitFlow_box>* {
    letter-spacing: normal
}

.p-recruitFlow_box a {
    color: #3b7396;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1);
    border-bottom: 1px solid #3b7396
}

.p-recruitFlow_box a:hover {
    opacity: .7
}

.p-recruitFlow_box_left {
    display: inline-block;
    vertical-align: top;
    background-color: #3b7396;
    width: 13.335%
}

.p-recruitFlow_box_right {
    display: inline-block;
    vertical-align: top;
    width: 86.665%;
    padding: .5rem 2rem 0 3rem
}

@media only screen and (max-width: 800px) {
    .p-recruitFlow_box_right {
        padding:1rem 1.5rem 0 1.5rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitFlow_box_right {
        padding:1rem 0 0 1.5rem
    }
}

.p-recruitFlow__salesBox {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.p-recruitFlow__salesBoxNum {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #3b7396;
    color: #fff
}

.p-recruitFlow__salesBoxNum p {
    position: relative
}

.p-recruitFlow__salesBoxTxt {
    width: 100%;
    padding: 1rem 3rem
}

.p-recruitFlow__salesBoxTxt .c-hdg {
    margin-bottom: 1em
}

.p-recruitFlow__salesBoxTxt .c-hdg span {
    font-size: .85em
}

.p-recruitFlow__salesBoxTxt .c-txt {
    margin-bottom: 0
}

.p-recruitFlow__salesBoxTxt .c-txt p {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .p-recruitFlow__salesWrap .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: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .p-recruitFlow__salesBox {
        margin-bottom: 5rem
    }

    .p-recruitFlow__salesBoxNum {
        width: 8rem
    }

    .p-recruitFlow__salesBoxNum p {
        top: 2rem;
        left: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitFlow__salesBox {
        margin-bottom:3.5rem
    }

    .p-recruitFlow__salesBoxNum {
        width: 5rem
    }

    .p-recruitFlow__salesBoxNum p {
        top: 1.5rem;
        left: 1.5rem
    }
}

.p-recruitMethod__graphTtl_inner {
    display: inline-block;
    text-align: left;
    padding: 2.2rem 0
}

.p-recruitMethod__graphTtl_inner .c-hdg.fsM {
    margin-bottom: .3rem;
    color: #555
}

.p-recruitMethod__graphTtl li {
    text-align: center
}

.p-recruitMethod__graphTtl_bg img {
    width: 100%
}

.p-recruitMethod__modalCardDesc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-recruitMethod__modal {
    display: none
}

.p-recruitMethod__modalCard .c-txtJobMatch {
    display: inline-block
}

.p-recruitMethod__modalCardPh {
    width: 10rem
}

.p-recruitMethod__modalCardTxt {
    width: calc(100% - 10rem);
    padding-left: 1.5rem
}

.p-recruitMethod__modalCardTxt .c-txt {
    margin: 0
}

.p-recruitMethod__noteTxt {
    display: inline-block;
    color: #666;
    margin-left: .5rem
}

.p-recruitMethod__noteTxt>a {
    color: #3b7396;
    text-decoration: underline
}

.p-recruitMethod__tbl {
    margin-top: 2rem
}

.p-recruitMethod__modalCard {
    overflow-y: scroll
}

.p-recruitMethod__modalCard::-webkit-scrollbar {
    width: .5rem
}

.p-recruitMethod__modalCard::-webkit-scrollbar-thumb {
    background-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none
}

.p-recruitMethod__modalMatch {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.p-recruitMethod__modalMatchTtl {
    font-weight: 500;
    line-height: 1.25
}

.p-recruitMethod__modalMatchSub {
    display: block;
    position: relative;
    font-weight: 500
}

.p-recruitMethod__modalMatchSub::before {
    content: "";
    background-color: #000;
    left: 0;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.p-recruitMethod__modalMatchDesc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-recruitMethod__modalMatchDesc>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-recruitMethod__modalMatchDesc>dt {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    background-color: #ededed
}

.p-recruitMethod__modalMatchDesc>dd {
    background-color: #f6f6f6
}

.p-recruitMethod__modalMatchDescInfo {
    word-break: break-all
}

.p-recruitMethod__modalMatchDescInfo>em {
    display: block;
    font-style: normal;
    font-weight: 500
}

.p-recruitMethod__matchLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-recruitMethod__matchLists>li {
    width: 33.33333%
}

.p-recruitMethod__matchItem {
    background-color: #f6f6f6;
    height: 100%
}

.p-recruitMethod__matchItemTtl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-recruitMethod__matchItemButton {
    width: 100%;
    height: 100%;
    font-weight: 500;
    line-height: 1;
    text-align: left
}

.p-recruitMethod__matchInfo {
    border-top: 1px solid #ddd
}

.p-recruitMethod__matchInfoSub {
    display: block;
    text-align: center;
    font-weight: 500;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    background-color: #dbdbdb;
    line-height: 1;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.p-recruitMethod__matchInfoCont em {
    font-weight: 500;
    font-style: normal;
    display: block;
    border-bottom: 1px solid #ddd;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: .5rem
}

.p-recruitMethod__matchInfoNote {
    border-top: 1px solid #ddd
}

.p-recruitMethod__matchInfoNote>p {
    color: gray
}

@media only screen and (min-width: 801px) {
    .p-recruitMethod__graphTtl li:nth-child(1) .p-recruitMethod__graphTtl_inner {
        margin-left:-7rem
    }

    .p-recruitMethod__graphTtl li:nth-child(2) .p-recruitMethod__graphTtl_inner {
        margin-left: -9rem
    }

    .p-recruitMethod__graphTtl li:nth-child(3) .p-recruitMethod__graphTtl_inner {
        margin-left: -9rem
    }

    .p-recruitMethod__graphTtl_bg {
        background: url(../images/recruit/bg_graphTtl_bg.jpg) no-repeat center;
        background-size: 100%
    }

    .p-recruitMethod__modalCard .c-txtJobMatch {
        margin-bottom: 2.5rem
    }

    .p-recruitMethod__modalCardPh {
        width: 10rem
    }

    .p-recruitMethod__modalCardTxt {
        width: calc(100% - 10rem)
    }

    .p-recruitMethod__modalCard {
        max-height: calc(80vh - .8rem);
        padding: 5rem
    }

    .p-recruitMethod__modalMatch {
        margin-top: 2rem;
        padding: 3rem
    }

    .p-recruitMethod__modalMatchTtl {
        font-size: 2rem
    }

    .p-recruitMethod__modalMatchSub {
        padding-left: 1.5rem;
        font-size: 1.6rem;
        margin-top: 2.5rem
    }

    .p-recruitMethod__modalMatchDesc {
        margin-top: 2rem;
        font-size: 1.4rem
    }

    .p-recruitMethod__modalMatchDesc>dt {
        width: 28.19149%;
        font-size: 2rem;
        min-height: 18.5rem
    }

    .p-recruitMethod__modalMatchDesc>dd {
        width: 71.80851%;
        padding: 2rem 3rem
    }

    .p-recruitMethod__modalMatchDescInfo>p {
        font-size: 1.4rem
    }

    .p-recruitMethod__modalMatchDescInfo>em {
        font-size: 1.4rem;
        margin-top: 1.5rem
    }

    .p-recruitMethod__modalMatchDescInfo>ul {
        margin-top: 1rem
    }

    .p-recruitMethod__modalMatchDescInfo>ul>li {
        font-size: 1.4rem
    }

    .p-recruitMethod__modalMatchNote {
        margin-top: 1.5rem;
        font-size: 1.4rem
    }

    .p-recruitMethod__note {
        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;
        margin-top: 4.5rem
    }

    .p-recruitMethod__noteTxt {
        font-size: 1.3rem
    }

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

    .p-recruitMethod__noteTxt>a:hover {
        opacity: .7
    }

    .p-recruitMethod__tbl {
        margin-top: 2rem
    }

    .p-recruitMethod__match .c-hdgLine {
        margin-top: 6.5rem
    }

    .p-recruitMethod__matchLists {
        padding-top: 5rem
    }

    .p-recruitMethod__matchLists {
        margin: -2rem -1.5rem
    }

    .p-recruitMethod__matchLists>* {
        padding: 2rem 1.5rem
    }

    .p-recruitMethod__matchLists>li {
        width: 33.33333%
    }

    .p-recruitMethod__matchItemTtl {
        height: 6rem
    }

    .p-recruitMethod__matchItemButton {
        font-size: 1.6rem;
        padding-left: 2rem;
        padding-right: 2rem;
        pointer-events: none
    }

    .p-recruitMethod__matchInfo {
        display: block!important;
        padding-top: 3rem;
        margin-left: 2rem;
        margin-right: 2rem
    }

    .p-recruitMethod__matchInfoCont {
        font-size: 1.2rem;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .p-recruitMethod__matchInfoCont div {
        margin-top: 1rem;
        padding-left: 1.5rem
    }

    .p-recruitMethod__matchInfoNote {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .p-recruitMethod__matchInfoNote>p {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethod__graphTtl_inner .c-hdg.fsM {
        margin-top:0
    }

    .p-recruitMethod__graphTtl li:nth-child(1) .p-recruitMethod__graphTtl_inner {
        margin-left: 3rem
    }

    .p-recruitMethod__graphTtl li:nth-child(2) .p-recruitMethod__graphTtl_inner {
        margin-left: 0
    }

    .p-recruitMethod__graphTtl li:nth-child(3) .p-recruitMethod__graphTtl_inner {
        margin-left: -3.5rem
    }

    .p-recruitMethod__graphTtl_bg {
        background: url(../images/recruit/sp_bg_graphTtl_bg.jpg) no-repeat center;
        background-size: 100%
    }

    .p-recruitMethod__modalCard .c-txtJobMatch {
        margin-bottom: 1.5rem
    }

    .p-recruitMethod__modalCardPh {
        width: 8rem
    }

    .p-recruitMethod__modalCardTxt {
        width: calc(100% - 8rem)
    }

    .p-recruitMethod__modalCard {
        max-height: calc(70vh - 1.2rem);
        padding: 2rem
    }

    .p-recruitMethod__modalMatch {
        margin-top: 3.5rem;
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .p-recruitMethod__modalMatchTtl {
        font-size: 1.6rem
    }

    .p-recruitMethod__modalMatchSub {
        padding-left: 1rem;
        font-size: 1.4rem;
        margin-top: 1.5rem
    }

    .p-recruitMethod__modalMatchDesc {
        margin-top: 2rem;
        font-size: 1.4rem
    }

    .p-recruitMethod__modalMatchDesc>dt {
        width: 25%;
        font-size: 1.4rem
    }

    .p-recruitMethod__modalMatchDesc>dd {
        width: 75%;
        padding: 1.5rem
    }

    .p-recruitMethod__modalMatchDescInfo>p {
        font-size: 1.2rem
    }

    .p-recruitMethod__modalMatchDescInfo>em {
        font-size: 1.4rem;
        margin-top: 1rem
    }

    .p-recruitMethod__modalMatchDescInfo>ul {
        margin-top: 1rem
    }

    .p-recruitMethod__modalMatchDescInfo>ul>li {
        font-size: 1.2rem
    }

    .p-recruitMethod__modalMatchNote {
        margin-top: 1rem;
        font-size: 1.2rem
    }

    .p-recruitMethod__note {
        margin-top: 3.5rem
    }

    .p-recruitMethod__noteTxt {
        display: inline;
        font-size: 1.1rem;
        line-height: 2
    }

    .p-recruitMethod__tbl {
        margin-top: 1.5rem
    }

    .p-recruitMethod__match .c-hdgLine {
        margin-top: 3.5rem
    }

    .p-recruitMethod__matchLists {
        padding-top: 2rem
    }

    .p-recruitMethod__matchLists>li {
        width: 100%
    }

    .p-recruitMethod__matchLists>li:not(:first-child) {
        margin-top: 2rem
    }

    .p-recruitMethod__matchItemTtl {
        position: relative;
        height: 6rem
    }

    .p-recruitMethod__matchItemTtl .plus {
        right: 2rem;
        width: 1.8rem;
        height: 1.8rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .p-recruitMethod__matchItemTtl .plus::after,.p-recruitMethod__matchItemTtl .plus::before {
        content: "";
        display: block;
        background: #000;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .p-recruitMethod__matchItemTtl .plus::before {
        width: 100%;
        height: 1px
    }

    .p-recruitMethod__matchItemTtl .plus::after {
        width: 1px;
        height: 100%;
        opacity: 1;
        -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)
    }

    .is-accordionOpen .p-recruitMethod__matchItemTtl .plus::after {
        opacity: 0
    }

    .p-recruitMethod__matchItemButton {
        font-size: 1.6rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-recruitMethod__matchInfo {
        display: none;
        padding-top: 2rem;
        margin-left: 2rem;
        margin-right: 2rem
    }

    .p-recruitMethod__matchInfoCont {
        font-size: 1.2rem;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .p-recruitMethod__matchInfoCont div {
        margin-top: 1rem;
        padding-left: 1.5rem
    }

    .p-recruitMethod__matchInfoNote {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .p-recruitMethod__matchInfoNote>p {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitMethod__graphTtl_bg {
        background:0 0
    }
}

.p-recruitMethod__tblSetJoin>i::before,.p-recruitMethod__tblSetPre>i::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 28.8px;
    width: 1.8rem;
    height: 28.8px;
    height: 1.8rem;
    background: url(../images/ico/ico_arrow02_bk.svg) center center no-repeat;
    background-size: contain
}

.p-recruitMethod__tblSetPre {
    text-align: center;
    color: #fff
}

.p-recruitMethod__tblSetPre p {
    line-height: 1.25em;
    font-weight: 400
}

.p-recruitMethod__tblSetJoin {
    position: relative
}

.p-recruitMethod__tblSetJoin::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%
}

.p-recruitMethod__tblSetJoin dl {
    position: relative;
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.p-recruitMethod__tblSetJoin dl dt {
    position: relative;
    font-weight: 400;
    text-align: center
}

.p-recruitMethod__tblSetJoin dl dt span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    color: #fff
}

.p-recruitMethod__tblSetJoin dl dt span small {
    display: block;
    font-size: .86em
}

.p-recruitMethod__tblSetJoin dl dd {
    background: #fff
}

.p-recruitMethod__tblSetJoin dl dd ul {
    border: 1px solid #ddd
}

.p-recruitMethod__tblSetJoin dl dd ul li {
    border-top: 1px solid #ddd
}

.p-recruitMethod__tblSetJoin dl dd ul li:first-child {
    border-top: 0
}

.p-recruitMethod__tblSetJoin dl dd ul li a,.p-recruitMethod__tblSetJoin dl dd ul li>div {
    position: relative;
    display: block
}

.p-recruitMethod__tblSetJoin dl dd ul li a i,.p-recruitMethod__tblSetJoin dl dd ul li>div i {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 1em;
    width: 1.8rem;
    height: 1.8rem
}

.p-recruitMethod__tblSetJoin dl dd ul li a i::after,.p-recruitMethod__tblSetJoin dl dd ul li a i::before,.p-recruitMethod__tblSetJoin dl dd ul li>div i::after,.p-recruitMethod__tblSetJoin dl dd ul li>div 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
}

.p-recruitMethod__tblSetJoin dl dd ul li a i::before,.p-recruitMethod__tblSetJoin dl dd ul li>div i::before {
    width: 100%;
    height: 1px
}

.p-recruitMethod__tblSetJoin dl dd ul li a i::after,.p-recruitMethod__tblSetJoin dl dd ul li>div i::after {
    width: 100%;
    height: 1px;
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.p-recruitMethod__tblSetJoin dl dd ul li a p strong,.p-recruitMethod__tblSetJoin dl dd ul li>div p strong {
    margin-bottom: .5rem;
    font-weight: 400
}

.p-recruitMethod__tblSetCareer {
    border: 1px solid #ddd
}

.p-recruitMethod__tblSetCareer dl dt {
    font-weight: 400
}

.p-recruitMethod__tblSet.row1 .p-recruitMethod__tblSetPre {
    background: #eaa500
}

.p-recruitMethod__tblSet.row1 .p-recruitMethod__tblSetJoin::before {
    background: #eaa500
}

.p-recruitMethod__tblSet.row1 .p-recruitMethod__tblSetJoin-2 dl dd ul,.p-recruitMethod__tblSet.row1 .p-recruitMethod__tblSetJoin-3 dl dd ul {
    border-top-width: 0
}

.p-recruitMethod__tblSet.row1 .p-recruitMethod__tblSetJoin-2 dl dt {
    background: #ea7f00
}

.p-recruitMethod__tblSet.row1 .p-recruitMethod__tblSetJoin-3 dl dt {
    background: #e94d00
}

.p-recruitMethod__tblSet.row2 .p-recruitMethod__tblSetPre {
    background: #e9256f
}

.p-recruitMethod__tblSet.row2 .p-recruitMethod__tblSetJoin::before {
    background: #e9256f
}

.p-recruitMethod__tblSet.row3 .p-recruitMethod__tblSetPre {
    background: #0a8bef
}

.p-recruitMethod__tblSet.row3 .p-recruitMethod__tblSetJoin::before {
    background: #0a8bef
}

@media only screen and (min-width: 801px) {
    .p-recruitMethod__tblSet {
        margin-bottom:6rem;
        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
    }

    .p-recruitMethod__tblSetJoin,.p-recruitMethod__tblSetPre {
        position: relative
    }

    .p-recruitMethod__tblSetJoin>i,.p-recruitMethod__tblSetPre>i {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        height: 100%;
        background: #fff
    }

    .p-recruitMethod__tblSetPre {
        width: 13.33333%;
        padding-right: 6.66667%
    }

    .p-recruitMethod__tblSetPre i {
        width: 50%
    }

    .p-recruitMethod__tblSetPre p {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 50%;
        font-size: 1.8rem
    }

    .p-recruitMethod__tblSetJoin {
        width: 55%;
        padding-right: 6.66667%
    }

    .p-recruitNo1 .p-recruitMethod__tblSetJoin {
        width: 68.33333%
    }

    .p-recruitMethod__tblSetJoin>i {
        width: 12.12121%
    }

    .p-recruitNo1 .p-recruitMethod__tblSetJoin>i {
        width: 9.7561%
    }

    .p-recruitMethod__tblSetJoin dl dt {
        width: 36.36364%;
        font-size: 1.8rem
    }

    .p-recruitNo1 .p-recruitMethod__tblSetJoin dl dt {
        width: 29.26829%
    }

    .p-recruitMethod__tblSetJoin dl dd {
        width: 63.63636%
    }

    .p-recruitNo1 .p-recruitMethod__tblSetJoin dl dd {
        width: 70.73171%
    }

    .p-recruitMethod__tblSetJoin dl dd ul li a p,.p-recruitMethod__tblSetJoin dl dd ul li>div p {
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1.5rem 4.5rem 1.5rem 1.5rem
    }

    .p-recruitMethod__tblSetJoin dl dd ul li a p strong,.p-recruitMethod__tblSetJoin dl dd ul li>div p strong {
        font-size: 1.6rem
    }

    .p-recruitMethod__tblSetJoin dl dd ul li a p span,.p-recruitMethod__tblSetJoin dl dd ul li>div p span {
        font-size: 1.3rem
    }

    .p-recruitMethod__tblSetJoin-2,.p-recruitMethod__tblSetJoin-3 {
        padding-left: 4.54545%
    }

    .p-recruitNo1 .p-recruitMethod__tblSetJoin-2,.p-recruitNo1 .p-recruitMethod__tblSetJoin-3 {
        padding-left: 3.65854%
    }

    .p-recruitMethod__tblSetJoin-2 dl dt,.p-recruitMethod__tblSetJoin-3 dl dt {
        width: 33.33333%
    }

    .p-recruitNo1 .p-recruitMethod__tblSetJoin-2 dl dt,.p-recruitNo1 .p-recruitMethod__tblSetJoin-3 dl dt {
        width: 26.58228%
    }

    .p-recruitMethod__tblSetJoin-2 dl dd,.p-recruitMethod__tblSetJoin-3 dl dd {
        width: 66.66667%
    }

    .p-recruitNo1 .p-recruitMethod__tblSetJoin-2 dl dd,.p-recruitNo1 .p-recruitMethod__tblSetJoin-3 dl dd {
        width: 73.41772%
    }

    .p-recruitMethod__tblSetCareer {
        position: relative;
        width: 31.66667%
    }

    .p-recruitMethod__tblSetCareer dl {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 100%;
        max-width: 25rem
    }

    .p-recruitMethod__tblSetCareer dl dt {
        margin-bottom: .5rem;
        font-size: 2.4rem
    }

    .p-recruitMethod__tblSet.row2 .p-recruitMethod__tblSetJoin dl dt {
        min-height: 30rem
    }

    .p-recruitMethod__tblSet.row2 .p-recruitMethod__tblSetJoin dl dd ul li a {
        min-height: 30rem
    }

    .p-recruitMethod__tblSet.row2 .p-recruitMethod__tblSetJoin dl dd ul li a p {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 100%
    }

    .p-recruitMethod__tblSet.row3 .p-recruitMethod__tblSetJoin dl dt {
        min-height: 30rem
    }

    .p-recruitMethod__tblSet.row3 .p-recruitMethod__tblSetJoin dl dd ul li>div {
        min-height: 30rem
    }

    .p-recruitMethod__tblSet.row3 .p-recruitMethod__tblSetJoin dl dd ul li>div p {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 100%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethod__tblSet {
        margin-bottom:6rem
    }

    .p-recruitMethod__tblSetJoin,.p-recruitMethod__tblSetPre {
        position: relative
    }

    .p-recruitMethod__tblSetJoin>i,.p-recruitMethod__tblSetPre>i {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        z-index: 1;
        top: 100%;
        width: 100%;
        height: 4rem
    }

    .p-recruitMethod__tblSetJoin>i::before,.p-recruitMethod__tblSetPre>i::before {
        -webkit-transform: translate(-50%,-50%) rotate(90deg);
        transform: translate(-50%,-50%) rotate(90deg);
        width: 22.4px;
        width: 1.4rem;
        height: 22.4px;
        height: 1.4rem
    }

    .p-recruitMethod__tblSetPre {
        width: 100%;
        margin-bottom: 4rem
    }

    .p-recruitMethod__tblSetPre p {
        padding: 1.5rem
    }

    .p-recruitMethod__tblSetPre p br {
        display: none
    }

    .p-recruitMethod__tblSetJoin {
        margin-bottom: 4rem
    }

    .p-recruitMethod__tblSetJoin dl dt {
        width: 35.8209%;
        font-size: 1.2rem
    }

    .p-recruitMethod__tblSetJoin dl dd {
        width: 64.1791%
    }

    .p-recruitMethod__tblSetJoin dl dd ul li a p,.p-recruitMethod__tblSetJoin dl dd ul li>div p {
        padding: 1.5rem 3rem 1.5rem 1.5rem;
        font-size: 1.2rem
    }

    .p-recruitMethod__tblSetJoin dl dd ul li a p span,.p-recruitMethod__tblSetJoin dl dd ul li>div p span {
        font-size: 1.1rem
    }

    .p-recruitMethod__tblSetJoin dl dd ul li a p .c-txtJobMatch,.p-recruitMethod__tblSetJoin dl dd ul li>div p .c-txtJobMatch {
        display: inline-block;
        margin-top: .5rem
    }

    .p-recruitMethod__tblSetJoin-2,.p-recruitMethod__tblSetJoin-3 {
        padding-left: 2.98507%
    }

    .p-recruitMethod__tblSetJoin-2 dl dt,.p-recruitMethod__tblSetJoin-3 dl dt {
        width: 33.84615%
    }

    .p-recruitMethod__tblSetJoin-2 dl dd,.p-recruitMethod__tblSetJoin-3 dl dd {
        width: 66.15385%
    }

    .p-recruitMethod__tblSetCareer {
        padding: 3rem
    }

    .p-recruitMethod__tblSetCareer dl dt {
        font-size: 2.1rem
    }

    .p-recruitMethod__tblSetCareer dl dd {
        font-size: 1.3rem
    }
}

.p-recruitNo1__ttl02 {
    position: relative
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__ttl02.c-hdg.fsL {
        margin-top:1.4em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1 .c-hdg.fsSS {
        margin-top:0
    }

    .p-recruitNo1__ttl.c-hdg .fsL {
        margin: 3rem 0
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitNo1__ttl.c-hdg .fsL {
        margin:3rem 0;
        font-size: 2.4rem
    }

    .p-recruitNo1__ttl02.c-hdg.fsL {
        margin: 3rem 0 0;
        font-size: 2.1rem
    }

    .p-recruitNo1 .c-txt.bdGray {
        padding: 2rem
    }
}

.p-recruitNo1__btnClose {
    position: relative;
    background-color: #ededed
}

.p-recruitNo1__btnClose>p {
    color: #d0d0d0;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-recruitNo1 .c-note {
    margin-top: 1rem
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__btnClose {
        max-width:36rem;
        height: 6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__btnClose {
        width:100%;
        height: 5rem;
        margin-top: 3rem
    }
}

.p-recruitNo1__preBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 3px solid #5b96db
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preBox {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preBox {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3rem 4.5rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitNo1__preBox {
        padding:3rem 1.5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preLeft {
        width:54.7rem;
        padding-right: 6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preLeft {
        display:contents;
        width: 100%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preRight {
        width:calc(100% - 54.7rem)
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preRight {
        display:contents;
        width: 100%
    }
}

.p-recruitNo1__preHdg {
    font-weight: 500;
    color: #5b96db
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preHdg {
        font-size:3.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preHdg {
        font-size:2.4rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.p-recruitNo1__preTxt {
    line-height: 1.8
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preTxt {
        font-size:1.4rem;
        margin-top: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preTxt {
        font-size:1.2rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preEntry {
        margin-top:2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preEntry {
        -webkit-box-ordinal-group:5;
        -ms-flex-order: 4;
        order: 4;
        margin-top: 2rem
    }
}

.p-recruitNo1__preEntry .c-note {
    margin-top: 2rem
}

.p-recruitNo1__preGroup:not(:first-child) {
    margin-top: 2rem
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preGroup>dt {
        font-size:1.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preGroup>dt {
        font-size:1.2rem
    }
}

.p-recruitNo1__preGroup>dd {
    margin-top: .5rem
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preGroup>dd {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.p-recruitNo1__preBtn {
    width: 100%
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preBtn:not(:first-child) {
        margin-left:2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preBtn:not(:first-child) {
        margin-top:1rem
    }
}

.p-recruitNo1__preBtnLink {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preBtnLink {
        -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);
        padding-left: 2rem;
        padding-right: 2rem;
        height: 6rem;
        max-width: 23.4rem
    }

    .p-recruitNo1__preBtnLink :not(.none) .p-recruitNo1__preBtnLink:hover {
        opacity: .7
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preBtnLink {
        padding-left:1.5rem;
        padding-right: 1.5rem;
        height: 5rem
    }
}

.p-recruitNo1__preBtnLink.yellow {
    background-color: #eaa500
}

.p-recruitNo1__preBtnLink.orange {
    background-color: #e94d00
}

.none .p-recruitNo1__preBtnLink {
    background-color: #ededed
}

.none .p-recruitNo1__preBtnLink::before {
    display: none
}

.p-recruitNo1__preBtnLink::before {
    content: "";
    background-image: url(../images/ico/ico_arrow_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    right: 32px;
    right: 2rem;
    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%)
}

.p-recruitNo1__preBtnLink[target="_blank"]::before {
    background-image: url(../images/ico/ico_blank_white.svg)
}

.p-recruitNo1__preBtnTxt {
    color: #fff;
    line-height: 1.5;
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__preBtnTxt {
        font-size:1.3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__preBtnTxt {
        font-size:1.2rem
    }
}

.none .p-recruitNo1__preBtnTxt {
    color: #d0d0d0
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__prePic {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 1rem;
        max-width: 40rem;
        width: 100%;
        margin-right: auto;
        margin-left: auto
    }
}

.p-recruitNo1__grid {
    letter-spacing: -1em
}

.p-recruitNo1__grid>* {
    letter-spacing: normal
}

.p-recruitNo1__grid_left {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    margin-right: 2%;
    letter-spacing: -1em;
    border-bottom: 1px solid #ddd;
    padding: 3.5rem 0
}

.p-recruitNo1__grid_left>* {
    letter-spacing: normal
}

.p-recruitNo1__grid_left.top {
    border-top: 1px solid #ddd
}

.p-recruitNo1__grid_right {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    letter-spacing: -1em;
    border-bottom: 1px solid #ddd;
    padding: 3.5rem 0
}

.p-recruitNo1__grid_right>* {
    letter-spacing: normal
}

.p-recruitNo1__grid_right.top {
    border-top: 1px solid #ddd
}

.p-recruitNo1__grid_innerleft {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    position: relative
}

.p-recruitNo1__grid_innerleft::after {
    content: "";
    display: block;
    height: 120px;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.p-recruitNo1__grid_innerleft img {
    max-width: 138.66px;
    width: 100%;
    margin: auto
}

.p-recruitNo1__grid_innerright {
    display: inline-block;
    vertical-align: middle;
    width: 67%;
    padding-left: 3rem
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__grid_left {
        display:block;
        width: 100%;
        margin-right: 0
    }

    .p-recruitNo1__grid_right {
        display: block;
        width: 100%
    }

    .p-recruitNo1__grid_right.top {
        border-top: none
    }

    .p-recruitNo1__grid_innerleft::after {
        content: none
    }

    .p-recruitNo1__grid_innerright {
        padding-left: 2rem
    }

    .p-recruitNo1__grid_innerright h3 {
        font-size: 2.2rem;
        font-weight: 500
    }

    .p-recruitNo1__grid_innerright li {
        font-size: 1.6rem;
        color: #666
    }

    .p-recruitNo1__grid_innerright p {
        font-size: 1.6rem;
        color: #666
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitNo1__grid_innerright h3 {
        font-size:1.6rem
    }

    .p-recruitNo1__grid_innerright li {
        font-size: 1.2rem
    }

    .p-recruitNo1__grid_innerright p {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__people {
        margin-top:11rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__people {
        margin-top:6rem
    }
}

.p-recruitNo1__peopleWrap {
    position: relative
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__peopleWrap {
        padding-bottom:5rem;
        margin-top: 6rem;
        margin-bottom: 11rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleWrap {
        padding-bottom:2.5rem;
        margin-top: 4rem;
        margin-bottom: 6rem
    }
}

.p-recruitNo1__peopleWrap::before {
    position: absolute;
    top: 80px;
    right: calc((100vw - 1920px)/ 2 * -1);
    right: calc((100vw - 120rem)/ 2 * -1);
    bottom: 0;
    left: calc((100vw - 1920px)/ 2 * -1);
    left: calc((100vw - 120rem)/ 2 * -1);
    z-index: 0;
    display: block;
    width: 100vw;
    content: "";
    background-color: #f5f5f5
}

.p-recruitNo1__peopleList {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleList {
        margin-right:-2rem;
        margin-left: -2rem
    }
}

.p-recruitNo1__peopleItem {
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__peopleItem {
        width:25%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleItem {
        width:50%
    }
}

.p-recruitNo1__peopleLink {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 133.33333%;
    color: #fff;
    background-color: #000
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__peopleLink img {
        -webkit-transition:opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .p-recruitNo1__peopleLink:hover img {
        opacity: .9;
        -webkit-transform: scale(1.03,1.03);
        transform: scale(1.03,1.03)
    }
}

.p-recruitNo1__peopleImg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.p-recruitNo1__peopleImg::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 38%;
    content: "";
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%);
    opacity: .8
}

.p-recruitNo1__peopleTtl {
    position: absolute;
    bottom: 1.5rem
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__peopleTtl {
        right:1rem;
        left: 1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleTtl {
        right:.5rem;
        left: .5rem;
        letter-spacing: 0
    }
}

.p-recruitNo1__peopleName>span {
    display: block;
    font-weight: 500;
    line-height: 1.2
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__peopleName>span {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleName>span {
        font-size:1.3rem
    }
}

.p-recruitNo1__peopleName>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 400
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__peopleName>small {
        font-size:1.1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleName>small {
        letter-spacing:0;
        font-size: 1rem
    }
}

.p-recruitNo1__peopleGenre {
    font-weight: 500;
    margin-top: .4rem
}

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

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleGenre {
        font-size:1.3rem
    }
}

.p-recruitNo1__peopleMore {
    margin-top: .5rem;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 400;
    font-size: 1.1rem
}

.p-recruitNo1__peopleMore::after {
    background: url(../images/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;
    vertical-align: middle;
    margin-left: 9.6px;
    margin-left: .6rem
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__peopleMore::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitNo1__peopleMore::after {
        width:20.8px;
        width: 1.3rem;
        height: 20.8px;
        height: 1.3rem
    }
}

.p-recruitNo1__numberList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    color: #666
}

.p-recruitNo1__numberList>i {
    display: inline-block;
    width: 2.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__numberList>i {
        margin-right:2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__numberList>i {
        margin-right:1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitNo1__numberList>span {
        margin-top:.3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__numberList>span {
        margin-top:.5rem
    }
}

.p-recruitNo1__selectionBox table {
    width: 100%
}

.p-recruitNo1__selectionBox table th {
    background-color: #ededed;
    text-align: center;
    font-size: 1.8rem;
    width: 22%
}

.p-recruitNo1__selectionBox table td {
    background-color: #f6f6f6;
    width: 78%;
    padding: 6.5rem 3rem
}

.p-recruitNo1__selectionBox table td span {
    font-size: 1.3rem;
    color: #666;
    display: block;
    margin-top: 1rem
}

.p-recruitNo1__selectionBox table.top {
    margin-bottom: 2rem
}

@media only screen and (max-width: 800px) {
    .p-recruitNo1__selectionBox table th {
        width:30%
    }

    .p-recruitNo1__selectionBox table td {
        width: 70%;
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitNo1__selectionBox table th {
        width:35%;
        font-size: 1.4rem
    }

    .p-recruitNo1__selectionBox table td {
        width: 65%;
        padding: 3rem 1rem
    }

    .p-recruitNo1__selectionBox table td span {
        font-size: 1.1rem
    }
}

.p-recruitInternlist__ttl {
    text-align: center;
    font-weight: 500
}

.p-recruitInternlist__ttl>small {
    display: block;
    font-weight: 300
}

.p-recruitInternlistInfo__ph {
    position: relative;
    width: 100%;
    text-align: center
}

.p-recruitInternlistInfo__ph a {
    display: block
}

.p-recruitInternlistInfo__ph h3 {
    width: 100%;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-recruitInternlistInfo__ph h3 span {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.p-recruitInternlistInfo__ph em {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-recruitInternlistInfo__ph.noImg {
    background-color: #efefef;
    height: 0;
    padding-top: 75%
}

.p-recruitInternlistInfo__ph.noImg h3 {
    color: #999
}

.p-recruitInternlistInfo__ph.noImg h3 small {
    display: block;
    color: #ccc;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.p-recruitInternlistInfo__txt {
    display: block
}

.p-recruitInternlistInfo__desc {
    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
}

.p-recruitInternlistInfo__descTtl {
    display: block;
    font-weight: 500;
    width: 100%;
    border-bottom: 1px solid #efefef
}

.p-recruitInternlistInfo__descList>li {
    display: block
}

.p-recruitInternlistInfo__descLeft,.p-recruitInternlistInfo__descRight {
    width: calc(50% - 1.5rem)
}

.p-recruitInternlist .c-btnMore>a {
    margin: auto
}

@media only screen and (min-width: 801px) {
    .p-recruitInternlist__ttl {
        font-size:2.4rem;
        margin-bottom: 6rem
    }

    .p-recruitInternlist__ttl>small {
        font-size: 1.6rem
    }

    .p-recruitInternlistInfo__lists>li {
        padding: 4rem;
        border: 10px solid #efefef;
        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
    }

    .p-recruitInternlistInfo__lists>li:not(:last-child) {
        margin-bottom: 4rem
    }

    .p-recruitInternlistInfo__ph h3 {
        font-size: 2.4rem
    }

    .p-recruitInternlistInfo__ph h3 small {
        font-size: 1.6rem
    }

    .p-recruitInternlistInfo__ph h3 span {
        font-size: 1.4rem;
        padding-top: .5rem
    }

    .p-recruitInternlistInfo__ph h3 span::after {
        margin: 0 0 -3.2px 12.8px;
        margin: 0 0 -.2rem .8rem;
        background: url(../images/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
    }
}

@media only screen and (min-width: 801px) and (max-width:544px) {
    .p-recruitInternlistInfo__ph h3 span::after {
        width:28.8px;
        width: 1.8rem;
        height: 28.8px;
        height: 1.8rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitInternlistInfo__ph em {
        font-size:1.8rem;
        bottom: 15.30612%
    }

    .p-recruitInternlistInfo__ph a {
        overflow: hidden;
        -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)
    }

    .p-recruitInternlistInfo__ph a[target="_blank"] h3 span::after {
        vertical-align: text-bottom;
        background: url(../images/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
    }
}

@media only screen and (min-width: 801px) and (max-width:800px) {
    .p-recruitInternlistInfo__ph a[target="_blank"] h3 span::after {
        top:50%
    }
}

@media only screen and (min-width: 801px) and (max-width:544px) {
    .p-recruitInternlistInfo__ph a[target="_blank"] h3 span::after {
        width:43.2px;
        width: 2.7rem;
        height: 37.44px;
        height: 2.34rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitInternlistInfo__ph a img {
        -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)
    }

    .p-recruitInternlistInfo__ph a:hover {
        opacity: .9
    }

    .p-recruitInternlistInfo__ph a:hover img {
        -webkit-transform: scale(1.03,1.03);
        transform: scale(1.03,1.03)
    }

    .p-recruitInternlistInfo__left {
        width: 35.71429%
    }

    .p-recruitInternlistInfo__right {
        width: 64.28571%;
        padding-left: 2.67857%
    }

    .p-recruitInternlistInfo__txt {
        padding-bottom: 2.5rem
    }

    .p-recruitInternlistInfo__desc {
        margin-bottom: 2rem
    }

    .p-recruitInternlistInfo__descTtl {
        font-size: 1.3rem;
        padding: 1rem 0
    }

    .p-recruitInternlistInfo__descList {
        margin-top: 1.2rem
    }

    .p-recruitInternlistInfo__descList>li {
        padding: 0 0 1rem 0
    }

    .p-recruitInternlist .c-btnMore>a {
        margin: 0 0 0 auto
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitInternlist__ttl {
        font-size:1.8rem;
        margin-bottom: 4rem;
        line-height: 1.5
    }

    .p-recruitInternlist__ttl>small {
        font-size: 1.4rem;
        padding-top: 1rem
    }

    .p-recruitInternlistInfo__lists>li {
        padding: 2rem;
        border: 5px solid #efefef
    }

    .p-recruitInternlistInfo__lists>li:not(:last-child) {
        margin-bottom: 2rem
    }

    .p-recruitInternlistInfo__ph {
        margin-bottom: 2rem
    }

    .p-recruitInternlistInfo__ph h3 {
        font-size: 2.4rem
    }

    .p-recruitInternlistInfo__ph h3 small {
        font-size: 1.6rem
    }

    .p-recruitInternlistInfo__ph h3 span {
        font-size: 1.6rem;
        padding-top: .5rem
    }

    .p-recruitInternlistInfo__ph h3 span::after {
        background: url(../images/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;
        margin: 0 0 -3.2px 12.8px;
        margin: 0 0 -.2rem .8rem
    }
}

@media only screen and (max-width: 800px) and (max-width:544px) {
    .p-recruitInternlistInfo__ph h3 span::after {
        width:28.8px;
        width: 1.8rem;
        height: 28.8px;
        height: 1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitInternlistInfo__ph em {
        font-size:1.4rem;
        bottom: 3rem
    }

    .p-recruitInternlistInfo__ph a[target="_blank"] h3 span::after {
        vertical-align: text-bottom;
        background: url(../images/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
    }
}

@media only screen and (max-width: 800px) and (max-width:800px) {
    .p-recruitInternlistInfo__ph a[target="_blank"] h3 span::after {
        top:50%
    }
}

@media only screen and (max-width: 800px) and (max-width:544px) {
    .p-recruitInternlistInfo__ph a[target="_blank"] h3 span::after {
        width:28.8px;
        width: 1.8rem;
        height: 24.96px;
        height: 1.56rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitInternlistInfo__txt {
        padding-bottom:2.5rem
    }

    .p-recruitInternlistInfo__descTtl {
        font-size: 1.3rem;
        width: 100%;
        padding-bottom: 1rem
    }

    .p-recruitInternlistInfo__descList {
        width: 100%;
        margin-top: 1rem
    }

    .p-recruitInternlistInfo__descList>li {
        padding-bottom: .5rem
    }

    .p-recruitInternlist .c-btnMore>a {
        margin: auto
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitInternlistInfo__descLeft,.p-recruitInternlistInfo__descRight {
        width:100%
    }

    .p-recruitInternlistInfo__descLeft {
        margin-bottom: 1.5rem
    }

    .p-recruitInternlistInfo__ph {
        margin-bottom: 2rem
    }

    .p-recruitInternlistInfo__ph h3 {
        font-size: 1.8rem
    }

    .p-recruitInternlistInfo__ph h3 small {
        font-size: 1.4rem
    }

    .p-recruitInternlistInfo__ph h3 span {
        font-size: 1.4rem;
        padding-top: .5rem
    }

    .p-recruitInternlistInfo__ph h3 span::after {
        background: url(../images/ico/ico_arrow.svg) center center no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 12.8px;
        width: .8rem;
        height: 12.8px;
        height: .8rem;
        margin: 0 0 -3.2px 12.8px;
        margin: 0 0 -.2rem .8rem
    }
}

@media only screen and (max-width: 544px) and (max-width:544px) {
    .p-recruitInternlistInfo__ph h3 span::after {
        width:19.2px;
        width: 1.2rem;
        height: 19.2px;
        height: 1.2rem
    }
}

.p-recruitInternship .c-hdg.fsM {
    background-color: #efefef;
    border-bottom: 3px solid #e3e3e3
}

.p-recruitInternship .c-txt {
    margin: 2rem 0 0
}

.p-recruitInternship .c-txt>p:last-child {
    margin-bottom: 0
}

.p-recruitInternship .c-tbl.row2>dl>dd em {
    display: block;
    font-style: normal
}

.p-recruitInternship .c-txtNotice>li:not(:last-child) {
    padding-bottom: 0
}

.p-recruitInternship .c-listTag li {
    margin: .5rem 0 0 0
}

.p-recruitInternshipRequire {
    border-bottom: 1px solid #ddd
}

.p-recruitInternshipRequire__tabbtn {
    position: relative
}

.p-recruitInternshipRequire__tabbtn ul {
    width: 100%
}

.p-recruitInternshipRequire__tabbtn ul li {
    width: 50%
}

.p-recruitInternshipRequire__tabbtn ul li a {
    width: 100%
}

.p-recruitInternshipRequire .c-tab__panel>:last-child {
    margin-bottom: 0
}

.p-recruitInternshipRequire .c-tbl>dl:last-child {
    padding-bottom: 0
}

.p-recruitInternshipInfo__sign {
    text-align: right;
    margin-top: 1rem
}

.p-recruitInternshipInfo__note {
    display: block;
    font-weight: 500;
    text-align: center;
    font-style: normal
}

.p-recruitInternshipProgram {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-recruitInternshipProgram__ttl>div {
    font-weight: 500
}

.p-recruitInternshipProgram__itemLink {
    display: block
}

.p-recruitInternshipProgram__itemPh>img {
    width: 100%
}

.p-recruitInternshipProgram__itemCaption {
    font-weight: 500
}

.p-recruitInternshipProgram__txt {
    margin-top: .5rem
}

.p-recruitInternshipProgram__inline {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.p-recruitInternshipProgram__inline>iframe,.p-recruitInternshipProgram__inline>video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%
}

.p-recruitInternshipCourse__wrap:not(:first-child) {
    margin-top: 2.5rem
}

.p-recruitInternshipCourse__ttl {
    position: relative;
    background-color: #f5f5f5
}

.p-recruitInternshipCourse__ttl>button {
    width: 100%;
    text-align: left
}

.p-recruitInternshipCourse__ttl>i {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #a5a5a5
}

.p-recruitInternshipCourse__ttl>i::after,.p-recruitInternshipCourse__ttl>i::before {
    content: "";
    display: block;
    background: #fff;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-recruitInternshipCourse__ttl>i::before {
    width: 22.4px;
    width: 1.4rem;
    height: 1px
}

.p-recruitInternshipCourse__ttl>i::after {
    width: 1px;
    height: 22.4px;
    height: 1.4rem;
    opacity: 1;
    -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)
}

.is-accordionOpen .p-recruitInternshipCourse__ttl>i::after {
    opacity: 0
}

.p-recruitInternshipCourse__body {
    display: none
}

.p-recruitInternshipCourse__body>:first-child {
    margin-top: 3rem
}

.p-recruitInternshipCourse__body .c-tbl {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3rem
}

.p-recruitInternshipFlow__list>li {
    position: relative;
    text-align: center
}

.p-recruitInternshipFlow__list>li:not(:last-child)::after {
    content: "";
    background: url(../images/ico/ico_arrow_bottom_bk.svg) center center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-recruitInternshipFlow__list>li>p {
    background-color: #3b7396;
    font-weight: 500;
    color: #fff
}

.p-recruitInternshipFlow__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-recruitInternshipFlow__contLeft,.p-recruitInternshipFlow__contRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.p-recruitInternshipFlow__contNotice {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-recruitInternshipFlow__contNotice>p {
    width: 100%;
    line-height: 1.5;
    padding: 1rem
}

.p-recruitInternshipFlow__contNotice>p strong {
    font-weight: 500
}

.p-recruitInternshipFlow__contList {
    width: 100%
}

.p-recruitInternshipFlow__contList>li {
    position: relative;
    text-align: center
}

.p-recruitInternshipFlow__contList>li:not(:last-child)::after {
    content: "";
    background: url(../images/ico/ico_arrow_bottom_bk.svg) center center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-recruitInternshipFlow__contList>li>p {
    background-color: #3b7396;
    font-weight: 500;
    color: #fff
}

.p-recruitInternshipFlow__contMatch {
    background-color: #f5f5f5;
    font-weight: 500
}

.p-recruitInternshipFlow__contMatchDesc>dt {
    background-color: #ce3131;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #fff
}

.p-recruitInternshipFlow__contMatchDesc>dd {
    text-align: left;
    color: #ce3131
}

.p-recruitInternshipFlow__contMatchPoint {
    text-align: center;
    background-color: #333;
    color: #fff
}

.p-recruitInternshipFlow__contSelection {
    background-color: #f5f5f5;
    text-align: left;
    width: 100%;
    height: 100%
}

.p-recruitInternshipFlow__contSelectionTypes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-recruitInternshipFlow__contSelectionType--jm,.p-recruitInternshipFlow__contSelectionType--open {
    text-align: center;
    color: #fff;
    font-weight: 500;
    padding: 1rem
}

.p-recruitInternshipFlow__contSelectionType--jm {
    background-color: #eaa500
}

.p-recruitInternshipFlow__contSelectionType--open {
    background-color: #0a8bef
}

.p-recruitInternshipFlow__contSelectionNotice {
    background-color: #fff
}

.p-recruitInternshipFlow__contSelectionNotice em {
    font-style: normal;
    color: #cd3132
}

.p-recruitInternshipEntry .c-txtNotice {
    border-bottom: 1px solid #e6e6e6
}

.p-recruitInternship .c-txt>p {
    line-height: 1.5
}

@media only screen and (min-width: 801px) {
    .p-recruitInternship .c-hdg.fsM {
        padding:1.3rem 2rem 1rem
    }

    .p-recruitInternship .c-hdg.fsS {
        margin-bottom: 1.5rem
    }

    .p-recruitInternship .c-hdg.fsS:not(:first-child) {
        margin-top: 4rem
    }

    .p-recruitInternship .c-tbl__2col:not(:last-child) {
        margin-bottom: 2rem
    }

    .p-recruitInternship .c-tbl__2colCont {
        width: calc(50% - 2rem)
    }

    .p-recruitInternship .c-tbl.row2>dl>dd>* {
        margin-top: 0
    }

    .p-recruitInternship .c-tbl.row2>dl>dd>p {
        margin-bottom: 2rem
    }

    .p-recruitInternship .c-tbl.row2>dl>dd em {
        margin-top: 2rem
    }

    .p-recruitInternshipProgram {
        margin: 5rem 0
    }

    .p-recruitInternshipProgram__item {
        width: 47.5%
    }

    .p-recruitInternshipProgram__itemLink {
        -webkit-transition: all .25s cubic-bezier(0,0,.25,1) 0s;
        transition: all .25s cubic-bezier(0,0,.25,1) 0s
    }

    .p-recruitInternshipProgram__itemLink:hover {
        opacity: .7
    }

    .p-recruitInternshipProgram__itemCaption {
        margin-top: 1.5rem
    }

    .p-recruitInternshipProgram__ttl>div {
        margin-top: 1.5rem
    }

    .p-recruitInternshipRequire__tabbtn {
        margin-top: 8rem;
        margin-bottom: 4rem
    }

    .p-recruitInternshipRequire .c-tab__panel>.c-txt:first-child {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .p-recruitInternshipRequire__entry {
        margin-top: 6rem
    }

    .p-recruitInternshipRequire__content:not(:first-child) {
        margin-top: 6rem
    }

    .p-recruitInternshipInfo__note {
        font-size: 2.4rem;
        margin-bottom: 4rem
    }

    .p-recruitInternshipCourse__ttl>button {
        padding: 2rem 6rem 2rem 2rem
    }

    .p-recruitInternshipCourse__ttl>i {
        width: 6rem
    }

    .p-recruitInternshipCourse__body .c-tbl {
        margin-top: 3rem
    }

    .p-recruitInternshipDetail .c-txtNotice {
        margin-top: 1rem;
        margin-bottom: 8rem
    }

    .p-recruitInternshipDetail .c-hdg.fsSS {
        margin-top: 6rem
    }

    .p-recruitInternshipFlow__list>li:not(:last-child) {
        padding-bottom: 4rem
    }

    .p-recruitInternshipFlow__list>li:not(:last-child)::after {
        width: 25.6px;
        width: 1.6rem;
        height: 16px;
        height: 1rem;
        bottom: 24px;
        bottom: 1.5rem
    }

    .p-recruitInternshipFlow__list>li>p {
        font-size: 1.8rem;
        padding: 1rem 0
    }

    .p-recruitInternshipFlow__cont {
        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
    }

    .p-recruitInternshipFlow__contLeft,.p-recruitInternshipFlow__contRight {
        width: 100%
    }

    .p-recruitInternshipFlow__contNotice {
        border: 4px solid #efefef
    }

    .p-recruitInternshipFlow__contNotice>p {
        font-size: 1.8rem
    }

    .p-recruitInternshipFlow__contList>li:not(:last-child) {
        padding-bottom: 4rem
    }

    .p-recruitInternshipFlow__contList>li:not(:last-child)::after {
        width: 25.6px;
        width: 1.6rem;
        height: 16px;
        height: 1rem;
        bottom: 24px;
        bottom: 1.5rem
    }

    .p-recruitInternshipFlow__contList>li>p {
        font-size: 1.8rem;
        padding: 1rem 0
    }

    .p-recruitInternshipFlow__contMatch {
        padding: 2rem
    }

    .p-recruitInternshipFlow__contMatchDesc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-recruitInternshipFlow__contMatchDesc>dt {
        width: 22rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 2.4rem
    }

    .p-recruitInternshipFlow__contMatchDesc>dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(100% - 22rem);
        font-size: 1.4rem;
        padding-left: 2rem
    }

    .p-recruitInternshipFlow__contMatchPoint {
        font-size: 1.8rem;
        padding: 1rem;
        margin-top: 2rem
    }

    .p-recruitInternshipFlow__contSelection {
        padding: 0 2rem 2rem
    }

    .p-recruitInternshipFlow__contSelectionTypes {
        margin-top: 2rem
    }

    .p-recruitInternshipFlow__contSelectionType--jm,.p-recruitInternshipFlow__contSelectionType--open {
        width: 48%
    }

    .p-recruitInternshipFlow__contSelectionNotice {
        margin-top: 2rem;
        padding: 2rem
    }

    .p-recruitInternshipEntry .c-txtNotice {
        padding-bottom: 10rem
    }

    .p-recruitInternshipEntry .c-btnMore {
        margin: 4rem 0 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitInternship .c-hdg.fsM {
        font-size:1.6rem;
        padding: 1.3rem 2rem 1rem
    }

    .p-recruitInternship .c-hdg.fsS {
        padding-top: 1rem;
        margin-bottom: .5rem
    }

    .p-recruitInternship .c-tbl.row2>dl>dd>* {
        margin-top: 1rem
    }

    .p-recruitInternship .c-tbl.row2>dl>dd em {
        display: block;
        font-style: normal;
        margin-top: 2rem
    }

    .p-recruitInternshipProgram {
        margin: 3rem 0
    }

    .p-recruitInternshipProgram__item {
        width: 48.65672%
    }

    .p-recruitInternshipProgram__itemCaption {
        margin-top: 1rem
    }

    .p-recruitInternshipProgram__ttl>div {
        margin-top: 1rem
    }

    .p-recruitInternshipRequire {
        padding-bottom: 3rem
    }

    .p-recruitInternshipRequire__tabbtn {
        margin-bottom: 3rem
    }

    .p-recruitInternshipRequire__tabbtn ul li a {
        padding: 1.4rem 1rem;
        font-size: 1.2rem;
        letter-spacing: 0
    }

    .p-recruitInternshipRequire .c-tab__panel>.c-txt:first-child {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .p-recruitInternshipRequire__entry {
        margin-top: 4rem
    }

    .p-recruitInternshipRequire__content:not(:first-child) {
        margin-top: 4rem
    }

    .p-recruitInternshipRequire .c-tbl>dl>dd .p-recruitInternshipRequire__strong {
        display: block;
        line-height: 1.5;
        margin-bottom: 1rem
    }

    .p-recruitInternshipRequire .c-tbl>dl>dd .p-recruitInternshipRequire__paragraph {
        line-height: 1.5
    }

    .p-recruitInternshipRequire .c-tbl__2colCont:not(:first-child) {
        margin-bottom: 0
    }

    .p-recruitInternshipInfo__note {
        font-size: 1.8rem;
        margin-bottom: 2rem
    }

    .p-recruitInternshipCourse__ttl>button {
        padding: 1.5rem 4.8rem 1.5rem 1.5rem
    }

    .p-recruitInternshipCourse__ttl>i {
        width: 4.8rem
    }

    .p-recruitInternshipCourse__body .c-tbl {
        margin-top: 2rem
    }

    .p-recruitInternshipDetail .c-txtNotice {
        margin-bottom: 6rem
    }

    .p-recruitInternshipDetail .c-hdg.fsSS {
        margin-top: 4rem
    }

    .p-recruitInternshipFlow .c-hdg {
        letter-spacing: 0
    }

    .p-recruitInternshipFlow__list>li:not(:last-child) {
        padding-bottom: 3rem
    }

    .p-recruitInternshipFlow__list>li:not(:last-child)::after {
        width: 20.8px;
        width: 1.3rem;
        height: 16px;
        height: 1rem;
        bottom: 16px;
        bottom: 1rem
    }

    .p-recruitInternshipFlow__list>li>p {
        font-size: 1.3rem;
        padding: 1rem 0
    }

    .p-recruitInternshipFlow__list>li .c-txt {
        text-align: left
    }

    .p-recruitInternshipFlow__contLeft,.p-recruitInternshipFlow__contRight {
        width: 100%
    }

    .p-recruitInternshipFlow__contNotice {
        border: 4px solid #efefef
    }

    .p-recruitInternshipFlow__contNotice>p {
        font-size: 1.1rem
    }

    .p-recruitInternshipFlow__contList>li:not(:last-child) {
        padding-bottom: 3rem
    }

    .p-recruitInternshipFlow__contList>li:not(:last-child)::after {
        width: 20.8px;
        width: 1.3rem;
        height: 16px;
        height: 1rem;
        bottom: 16px;
        bottom: 1rem
    }

    .p-recruitInternshipFlow__contList>li>p {
        font-size: 1.3rem;
        padding: 1rem 0
    }

    .p-recruitInternshipFlow__contMatch {
        padding: 1rem
    }

    .p-recruitInternshipFlow__contMatchDesc>dt {
        width: 100%;
        font-size: 1.4rem;
        padding: .5rem
    }

    .p-recruitInternshipFlow__contMatchDesc>dd {
        width: 100%;
        font-size: 1.2rem;
        margin-top: .5rem
    }

    .p-recruitInternshipFlow__contMatchPoint {
        font-size: 1.3rem;
        text-align: left;
        padding: 1rem;
        margin-top: 1rem
    }

    .p-recruitInternshipFlow__contSelection {
        padding: 0 1rem 1rem
    }

    .p-recruitInternshipFlow__contSelectionTypes {
        margin-top: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .p-recruitInternshipFlow__contSelectionType--jm,.p-recruitInternshipFlow__contSelectionType--open {
        width: 100%
    }

    .p-recruitInternshipFlow__contSelectionType--open {
        margin-top: 1rem
    }

    .p-recruitInternshipFlow__contSelectionNotice {
        margin-top: 1rem;
        padding: 1rem
    }

    .p-recruitInternshipEntry .c-txtNotice {
        padding-bottom: 6rem
    }

    .p-recruitInternshipEntry .c-btnMore {
        margin: 4rem 0 3rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitInternship .c-tbl.row2>dl>dt {
        position:relative;
        padding-left: 1.5rem;
        margin-bottom: .5rem
    }

    .p-recruitInternship .c-tbl.row2>dl>dt::before {
        content: "";
        position: absolute;
        background-color: #000;
        width: 8px;
        width: .5rem;
        height: 2px;
        top: 12.8px;
        top: .8rem;
        left: 0
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitInternshipMovie.p-recruitInternshipProgram {
        display:block
    }

    .p-recruitInternshipMovie.p-recruitInternshipProgram .p-recruitInternshipProgram__item {
        width: 100%
    }

    .p-recruitInternshipMovie.p-recruitInternshipProgram .p-recruitInternshipProgram__item:not(:first-child) {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodFlow {
        padding-bottom:5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodFlow {
        padding-bottom:5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodFlow__slider {
        margin-top:6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodFlow__slider {
        position:relative
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodFlow__sliderWrapper {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.p-recruitMethodFlow__sliderItem {
    position: relative;
    background-color: #e4e4e4
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodFlow__sliderItem {
        width:17rem;
        height: 16rem;
        font-size: 1.6rem;
        line-height: 1.28125;
        -webkit-clip-path: polygon(0 0,11rem 0,100% 50%,11rem 100%,0 100%);
        clip-path: polygon(0 0,11rem 0,100% 50%,11rem 100%,0 100%)
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodFlow__sliderItem {
        width:13.4rem;
        height: 12.6rem;
        font-size: 1.3rem;
        line-height: 1.38462;
        -webkit-clip-path: polygon(0 0,8.2rem 0,100% 50%,8.2rem 100%,0 100%);
        clip-path: polygon(0 0,8.2rem 0,100% 50%,8.2rem 100%,0 100%)
    }
}

.p-recruitMethodFlow__sliderItem:last-child {
    color: #fff;
    background-color: #404040
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodFlow__sliderItem:not(:first-child) {
        margin-left:2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodFlow__sliderItem:not(:first-child) {
        margin-left:2rem
    }
}

.p-recruitMethodFlow__sliderItem>span {
    position: absolute;
    top: 50%;
    left: 44%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap
}

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

@media only screen and (max-width: 800px) {
    .p-recruitMethodFlow__sliderNav {
        position:absolute;
        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;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }
}

.p-recruitMethodFlow__sliderNavNext,.p-recruitMethodFlow__sliderNavPrev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4.5rem;
    -webkit-transition: visibility .3s cubic-bezier(0,0,.25,1),opacity .3s cubic-bezier(0,0,.25,1);
    transition: visibility .3s cubic-bezier(0,0,.25,1),opacity .3s cubic-bezier(0,0,.25,1)
}

.p-recruitMethodFlow__sliderNavNext.swiper-button-disabled,.p-recruitMethodFlow__sliderNavPrev.swiper-button-disabled {
    visibility: hidden;
    opacity: 0
}

.p-recruitMethodFlow__sliderNavPrev {
    left: -1rem
}

.p-recruitMethodFlow__sliderNavNext {
    right: -1rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodFlow__notice {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodFlow__notice {
        margin-top:2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap .c-hdg {
        margin-bottom:7rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap .c-hdg {
        margin-bottom:4.4rem
    }
}

.p-recruitMethodJobmap__lead {
    color: #363636
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__lead {
        font-size:1.3rem;
        line-height: 2
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__lead {
        font-size:1.2rem
    }
}

.p-recruitMethodJobmap__contents {
    background-color: #e1e1e1
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__contents {
        padding:8rem 6rem;
        margin-top: 3.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__contents {
        padding:4rem 3rem 8rem;
        margin-top: 2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitMethodJobmap__contents {
        padding:4rem 1.3rem 8rem
    }
}

.p-recruitMethodJobmap__inner {
    position: relative;
    max-width: 120rem;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    z-index: 0
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__inner {
        padding-top:10.4rem;
        padding-bottom: 3.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__inner {
        padding-top:7.5rem;
        padding-bottom: 2.5rem
    }
}

.p-recruitMethodJobmap__inner::before {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border: 2px solid #fff;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__inner::before {
        width:calc(100% - 256px);
        width: calc(100% - 16rem)
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__inner::before {
        width:calc(100% - 35.2px);
        width: calc(100% - 2.2rem)
    }
}

.p-recruitMethodJobmap__hdg {
    position: absolute;
    left: 50%;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__hdg {
        font-size:3.6rem;
        top: -2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__hdg {
        font-size:2.4rem;
        top: -1.6rem
    }
}

.p-recruitMethodJobmap__sub {
    position: absolute;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: 500;
    white-space: nowrap
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__sub {
        font-size:1.4rem;
        top: 3.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__sub {
        font-size:1.2rem;
        top: 1.8rem
    }
}

.p-recruitMethodJobmap__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__lists {
        gap:5.9375vw 1.5625vw
    }
}

@media only screen and (min-width: 1280px) {
    .p-recruitMethodJobmap__lists {
        gap:7.6rem 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__lists>li {
        width:100%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__lists>li:not(:first-child) {
        margin-top:2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list1,.p-recruitMethodJobmap__list2,.p-recruitMethodJobmap__list4,.p-recruitMethodJobmap__list5 {
        max-width:42.96875vw;
        min-width: 47rem
    }
}

@media only screen and (min-width: 1280px) {
    .p-recruitMethodJobmap__list1,.p-recruitMethodJobmap__list2,.p-recruitMethodJobmap__list4,.p-recruitMethodJobmap__list5 {
        max-width:55rem
    }
}

.p-recruitMethodJobmap__list3,.p-recruitMethodJobmap__list6 {
    width: 100%
}

.p-recruitMethodJobmap__occupation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-recruitMethodJobmap__occupation>dt {
    position: relative;
    background-color: #fff
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__occupation>dt {
        width:17.96875vw;
        font-size: 1.48438vw;
        padding-top: 1.4rem;
        padding-left: 2rem;
        line-height: 1.73684;
        border-left: .6rem solid #ccc
    }
}

@media only screen and (min-width: 1280px) {
    .p-recruitMethodJobmap__occupation>dt {
        width:23rem;
        font-size: 1.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__occupation>dt {
        width:13rem;
        font-size: 1.5rem;
        line-height: 1.73333;
        padding-top: .8rem;
        padding-left: 1.1rem;
        border-left: .4rem solid #ccc
    }
}

.p-recruitMethodJobmap__occupation>dt::before {
    position: absolute;
    top: 0;
    max-height: 100%;
    content: '';
    background-color: #8c8c8c
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__occupation>dt::before {
        height:176px;
        height: 11rem;
        left: -9.6px;
        left: -.6rem;
        width: 9.6px;
        width: .6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__occupation>dt::before {
        height:112px;
        height: 7rem;
        left: -6.4px;
        left: -.4rem;
        width: 6.4px;
        width: .4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__list6 .p-recruitMethodJobmap__occupation>dt {
        letter-spacing:-.08em
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__occupation>dd {
        width:calc(100% - 17.96875vw)
    }
}

@media only screen and (min-width: 1280px) {
    .p-recruitMethodJobmap__occupation>dd {
        width:calc(100% - 23rem)
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__occupation>dd {
        width:calc(100% - 13rem)
    }
}

.p-recruitMethodJobmap__children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__children {
        gap:1.5rem;
        padding-left: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__children {
        padding-left:.8rem
    }
}

.p-recruitMethodJobmap__children>li {
    position: relative;
    width: 100%
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__children>li {
        width:23.82812vw;
        min-width: 27rem
    }

    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__children>li {
        width: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .p-recruitMethodJobmap__children>li {
        max-width:30.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__children>li:not(:first-child) {
        margin-top:.8rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__children {
        display:grid;
        grid-template: 'child-1 child-4 child-7' 'child-2 child-5 child-8' 'child-3 child-6 space'/1fr 1fr 1fr
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list6 .p-recruitMethodJobmap__children {
        -webkit-box-orient:initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item1 {
        grid-area:child-1
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item2 {
        grid-area:child-2
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item3 {
        grid-area:child-3
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item4 {
        grid-area:child-4
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item5 {
        grid-area:child-5
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item6 {
        grid-area:child-6
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item7 {
        grid-area:child-7
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item8 {
        grid-area:child-8
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item7,.p-recruitMethodJobmap__list3 .p-recruitMethodJobmap__item8 {
        margin-left:auto
    }
}

.p-recruitMethodJobmap__itemLink {
    display: block
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__itemLink {
        -webkit-transition:opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-recruitMethodJobmap__itemLink:hover {
        opacity: .7
    }
}

.p-recruitMethodJobmap__itemBg {
    display: block
}

.p-recruitMethodJobmap__itemBg>img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.p-recruitMethodJobmap__itemBadge {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__itemBadge {
        top:1rem;
        left: 1rem;
        gap: .5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__itemBadge {
        top:.2rem;
        left: .5rem
    }
}

.p-recruitMethodJobmap__itemBadge>span {
    line-height: 1.35;
    white-space: nowrap;
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__itemBadge>span {
        min-width:9.2rem;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__itemBadge>span {
        font-size:1.3rem;
        min-width: 6.8rem;
        margin-top: .3rem
    }
}

@media only screen and (max-width: 544px) {
    .p-recruitMethodJobmap__itemBadge>span {
        font-size:.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__itemBadge>span:not(:last-child) {
        margin-right:.3rem
    }
}

.p-recruitMethodJobmap__itemBadgeTag--general {
    background-color: #da940c
}

.p-recruitMethodJobmap__itemBadgeTag--match {
    background-color: #2c97d6
}

.p-recruitMethodJobmap__itemBadgeTag--engineer {
    background-color: #c64928;
    letter-spacing: -.06em
}

.p-recruitMethodJobmap__itemTtl {
    position: absolute;
    color: #fff;
    line-height: 1.25
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__itemTtl {
        bottom:1.4rem;
        left: 1.4rem;
        font-size: 1.48438vw
    }
}

@media only screen and (min-width: 1280px) {
    .p-recruitMethodJobmap__itemTtl {
        font-size:1.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__itemTtl {
        font-size:1.4rem;
        bottom: 1.4rem;
        left: .8rem
    }
}

.p-recruitMethodJobmap__itemTtl>small {
    display: block;
    margin-top: .3rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmap__itemTtl>small {
        font-size:1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmap__itemTtl>small {
        font-size:.8rem
    }
}

.p-recruitMethodJobmapModal {
    display: none;
    background-color: #fff;
    padding: 1px
}

.c-modal .p-recruitMethodJobmapModal {
    display: block
}

.p-recruitMethodJobmapModal__head {
    position: relative;
    z-index: 0
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__head {
        height:20rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__head {
        height:12.5rem;
        overflow: hidden
    }
}

.p-recruitMethodJobmapModal__headBg {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: -1;
    height: 100%
}

.p-recruitMethodJobmapModal__headBg>img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.p-recruitMethodJobmapModal__headTtl {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #fff;
    text-shadow: 7px 7px 10px #000;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headTtl {
        -webkit-transform:translate3d(0,-1rem,0);
        transform: translate3d(0,-1rem,0);
        width: 100%
    }
}

.p-recruitMethodJobmapModal__headTtlSub {
    letter-spacing: .06em
}

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

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headTtlSub {
        font-size:1.5rem
    }
}

.p-recruitMethodJobmapModal__headTtlMain {
    letter-spacing: .06em;
    line-height: 1.25
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__headTtlMain {
        font-size:2.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headTtlMain {
        font-size:2.1rem
    }
}

.p-recruitMethodJobmapModal__headTtlMain>small {
    display: block
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__headTtlMain>small {
        font-size:2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headTtlMain>small {
        font-size:1.3rem
    }
}

.p-recruitMethodJobmapModal__headNav {
    position: absolute;
    left: 0;
    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%
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__headNav {
        bottom:2.6rem;
        padding-left: 1.7rem;
        padding-right: 1.7rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headNav {
        bottom:.8rem;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__headNext,.p-recruitMethodJobmapModal__headPrew {
        -webkit-transition:opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-recruitMethodJobmapModal__headNext:hover,.p-recruitMethodJobmapModal__headPrew:hover {
        opacity: .7
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__headNextIcon>img,.p-recruitMethodJobmapModal__headPrewIcon>img {
        width:4.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headNextIcon>img,.p-recruitMethodJobmapModal__headPrewIcon>img {
        width:2.6rem
    }
}

.p-recruitMethodJobmapModal__headClose {
    position: absolute
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__headClose {
        top:2rem;
        right: 2rem;
        -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-recruitMethodJobmapModal__headClose:hover {
        opacity: .7
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headClose {
        top:1rem;
        right: 1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__headCloseIcon>img {
        width:4.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__headCloseIcon>img {
        width:3rem
    }
}

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

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

.p-recruitMethodJobmapModal__bodyContainer {
    max-width: 76rem;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.p-recruitMethodJobmapModal__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: centre;
    -ms-flex-align: centre;
    align-items: centre;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__tag {
        gap:.5rem
    }
}

.p-recruitMethodJobmapModal__tag>span {
    text-align: center;
    line-height: 1.35;
    color: #fff;
    padding-left: .4rem;
    padding-right: .4rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__tag>span {
        font-size:1.5rem;
        min-width: 11rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__tag>span {
        font-size:1.2rem;
        min-width: 8.7rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__tag>span:not(:first-child) {
        margin-left:.5rem
    }
}

.p-recruitMethodJobmapModal__tagName--general {
    background-color: #da940c
}

.p-recruitMethodJobmapModal__tagName--match {
    background-color: #2c97d6
}

.p-recruitMethodJobmapModal__tagName--engineer {
    background-color: #c64928
}

.p-recruitMethodJobmapModal__chart,.p-recruitMethodJobmapModal__mission {
    color: #363636
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__chart>dt,.p-recruitMethodJobmapModal__mission>dt {
        font-size:1.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__chart>dt,.p-recruitMethodJobmapModal__mission>dt {
        font-size:1.6rem
    }
}

.p-recruitMethodJobmapModal__chart>dd,.p-recruitMethodJobmapModal__mission>dd {
    border-top: 1px solid #c3c3c3
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__chart>dd,.p-recruitMethodJobmapModal__mission>dd {
        margin-top:1.5rem;
        font-size: 1.3rem;
        line-height: 2
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__chart>dd,.p-recruitMethodJobmapModal__mission>dd {
        margin-top:.4rem;
        font-size: 1.2rem;
        line-height: 2
    }
}

.p-recruitMethodJobmapModal__mission {
    margin-top: 3rem
}

.p-recruitMethodJobmapModal__mission>dd {
    padding-top: 1.5rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__chart {
        margin-top:6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__chart {
        margin-top:5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__chart>dd {
        padding-top:3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__chart>dd {
        padding-top:2rem
    }
}

.p-recruitMethodJobmapModal__chartDetail {
    position: relative
}

.p-recruitMethodJobmapModal__chartDetail>button,.p-recruitMethodJobmapModal__chartDetail>span {
    display: block;
    position: absolute;
    width: 19rem;
    height: 5rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__chartDetail>button,.p-recruitMethodJobmapModal__chartDetail>span {
        padding:.5rem .8rem .5rem 1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__chartDetail>button,.p-recruitMethodJobmapModal__chartDetail>span {
        padding:.5rem
    }
}

.p-recruitMethodJobmapModal__chartDetail>button>span,.p-recruitMethodJobmapModal__chartDetail>span>span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    line-height: 1.5;
    text-align: left
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__chartDetail>button>span,.p-recruitMethodJobmapModal__chartDetail>span>span {
        font-size:1.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__chartDetail>button>span,.p-recruitMethodJobmapModal__chartDetail>span>span {
        font-size:1.3rem
    }
}

.p-recruitMethodJobmapModal__chartBtn {
    font-size: 1.3rem;
    color: #363636;
    background-color: #e1e1e1
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal button.p-recruitMethodJobmapModal__chartBtn {
        -webkit-transition:opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-recruitMethodJobmapModal button.p-recruitMethodJobmapModal__chartBtn:hover {
        opacity: .7
    }

    .p-recruitMethodJobmapModal button.p-recruitMethodJobmapModal__chartBtn:hover>span::before {
        right: 0
    }
}

.p-recruitMethodJobmapModal button.p-recruitMethodJobmapModal__chartBtn>span::before {
    background-image: url(../images/recruit/flow/ico_angle_right_bk.png);
    position: absolute;
    top: 50%;
    right: 3.2px;
    right: .2rem;
    width: 9.6px;
    width: .6rem;
    height: 19.2px;
    height: 1.2rem;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal button.p-recruitMethodJobmapModal__chartBtn>span::before {
        -webkit-transition:right .3s cubic-bezier(0,0,.25,1);
        transition: right .3s cubic-bezier(0,0,.25,1)
    }
}

.p-recruitMethodJobmapModal__chartBtn--current {
    font-size: 1.4rem;
    color: #fff;
    background-color: #000
}

.p-recruitMethodJobmapModal__info {
    border-top: 1px solid #c3c3c3
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__info {
        margin-top:5rem;
        padding-top: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__info {
        margin-top:5rem;
        padding-top: 2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__infoDesc {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 7.4rem
    }
}

.p-recruitMethodJobmapModal__infoDesc>dt {
    background-color: #e1e1e1
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__infoDesc>dt {
        width:11.5rem;
        font-size: 1.3rem;
        padding: .6rem 1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__infoDesc>dt {
        font-size:1.4rem;
        padding: .6rem 1rem;
        line-height: 1.25
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__infoDesc>dd {
        font-size:1.3rem;
        width: calc(100% - 11.5rem);
        padding-left: 1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__infoDesc>dd {
        font-size:1.2rem;
        margin-top: 1.5rem
    }
}

.p-recruitMethodJobmapModal__infoDesc:not(:first-child) {
    margin-top: 3rem
}

.p-recruitMethodJobmapModal__infoLists--sprit>li,.p-recruitMethodJobmapModal__infoLists>li {
    position: relative
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__infoLists--sprit>li,.p-recruitMethodJobmapModal__infoLists>li {
        padding-left:1.3rem;
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__infoLists--sprit>li,.p-recruitMethodJobmapModal__infoLists>li {
        padding-left:1.4rem;
        font-size: 1.2rem
    }
}

.p-recruitMethodJobmapModal__infoLists--sprit>li::before,.p-recruitMethodJobmapModal__infoLists>li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '・'
}

.p-recruitMethodJobmapModal__infoLists--sprit>li:not(:first-child),.p-recruitMethodJobmapModal__infoLists>li:not(:first-child) {
    margin-top: .5rem
}

.p-recruitMethodJobmapModal__infoLists--sprit>li:has(ul)::before,.p-recruitMethodJobmapModal__infoLists>li:has(ul)::before {
    content: ''
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__infoLists--sprit {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 41rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__infoLists--sprit>li {
        width:50%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__infoLists--sprit>li:first-child {
        margin-top:.5rem
    }
}

.p-recruitMethodJobmapModal__people {
    background-color: #e1e1e1
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__people {
        padding-top:4rem;
        padding-bottom: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__people {
        padding:4rem 2rem 3rem
    }
}

.p-recruitMethodJobmapModal__peopleTtl {
    text-align: center;
    line-height: 1.25;
    font-weight: 400
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__peopleTtl {
        font-size:1.9rem
    }
}

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

.p-recruitMethodJobmapModal__peopleLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleLists {
        margin:2rem 0 0;
        gap: 1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__peopleLists>li {
        width:33.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleLists>li {
        width:50%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleLists .c-listPeople__cardTxt {
        padding:1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleLists .c-listPeople__cardTxt>dt {
        font-size:1.1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleLists .c-listPeople__cardTxt>dd {
        font-size:.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleLists .c-listPeople__cardPhHovertxt {
        font-size:1rem
    }
}

.p-recruitMethodJobmapModal__peopleBtn {
    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
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleBtn {
        margin-top:1rem
    }
}

.p-recruitMethodJobmapModal__peopleBtnLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #919191;
    padding: 1rem 1.6rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__peopleBtnLink {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 23rem;
        height: 6rem;
        -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-recruitMethodJobmapModal__peopleBtnLink:hover {
        opacity: .7
    }

    .p-recruitMethodJobmapModal__peopleBtnLink:hover .p-recruitMethodJobmapModal__peopleBtnIcon {
        -webkit-transform: translate3d(.3rem,0,0);
        transform: translate3d(.3rem,0,0)
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleBtnLink {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 5.2rem
    }
}

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

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleBtnTxt {
        font-size:1.2rem;
        padding-right: 1rem
    }
}

.p-recruitMethodJobmapModal__peopleBtnIcon {
    display: block;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1);
    transition: -webkit-transform .3s cubic-bezier(0,0,.25,1);
    transition: transform .3s cubic-bezier(0,0,.25,1);
    transition: transform .3s cubic-bezier(0,0,.25,1),-webkit-transform .3s cubic-bezier(0,0,.25,1)
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__peopleBtnIcon>img {
        width:2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__peopleBtnIcon>img {
        width:1.6rem
    }
}

.p-recruitMethodJobmapModal__foot {
    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
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__foot {
        padding:2.5rem 2.5rem 6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__foot {
        padding:3rem 3rem 6rem
    }
}

.p-recruitMethodJobmapModal__footClose {
    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;
    color: #fff;
    letter-spacing: .1em;
    background-color: #000
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal__footClose {
        width:20rem;
        height: 4rem;
        font-size: 1.3rem;
        -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-recruitMethodJobmapModal__footClose:hover {
        opacity: .7
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal__footClose {
        width:16.5rem;
        height: 3rem;
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap1 .p-recruitMethodJobmapModal__chartBtn--current {
        top:46.66667%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap1 .p-recruitMethodJobmapModal__chartBtn--current {
        top:49.73118%;
        left: 5.47945%;
        width: 26.6rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap1 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:35%;
        right: 3.28947%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap1 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:69.62366%;
        right: 3.08219%;
        height: 3.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap1 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:63.33333%;
        right: 3.28947%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap1 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:82.7957%;
        right: 3.08219%;
        height: 3.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn--current {
        top:49.78814%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn--current {
        top:40.04884%;
        left: 5.47945%;
        width: 26.6rem
    }
}

.p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn {
    height: 3.9rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:16.73729%;
        right: 3.02632%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:51.89255%;
        right: 6.16438%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:33.89831%;
        right: 3.02632%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:61.90476%;
        right: 6.16438%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:51.69492%;
        right: 3.02632%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:71.55067%;
        right: 6.16438%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:66.31356%;
        right: 3.02632%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:79.60928%;
        right: 6.16438%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="5"] {
        top:86.44068%;
        right: 3.02632%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap2 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="5"] {
        top:91.20879%;
        right: 6.16438%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap3 .p-recruitMethodJobmapModal__chartBtn--current {
        top:46.84685%;
        left: 40.78947%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap3 .p-recruitMethodJobmapModal__chartBtn--current {
        top:58.46645%;
        left: 4.10959%;
        width: 13.2rem;
        height: 9.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap3 .p-recruitMethodJobmapModal__chartBtn--current>span {
        padding-right:3rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap3 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:46.84685%;
        right: 4.60526%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap3 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:58.46645%;
        right: 3.42466%;
        width: 13.2rem;
        height: 9.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap3 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"]>span {
        padding-right:3.4rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap4 .p-recruitMethodJobmapModal__chartBtn--current {
        top:43.69748%;
        left: 41.31579%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap4 .p-recruitMethodJobmapModal__chartBtn--current {
        top:55.26316%;
        left: 4.10959%;
        width: 13.2rem;
        height: 9.6rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap4 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:43.69748%;
        right: 4.60526%;
        letter-spacing: -.06em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap4 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:55.26316%;
        right: 3.42466%;
        width: 13.2rem;
        height: 9.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap4 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"]>span {
        padding-right:2.2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn--current {
        top:57.37705%;
        left: 39.47368%;
        letter-spacing: -.06em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn--current {
        top:45.90476%;
        left: 4.10959%;
        width: 26.6rem
    }
}

.p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn {
    height: 3.9rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:37.15847%;
        right: 4.60526%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:59.80952%;
        right: 2.73973%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:51.36612%;
        right: 4.60526%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:69.14286%;
        right: 2.73973%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:65.30055%;
        right: 4.60526%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:78.47619%;
        right: 2.73973%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:79.5082%;
        right: 4.60526%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap5 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:87.42857%;
        right: 2.73973%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn--current {
        top:56.17978%;
        left: 40.92105%;
        letter-spacing: -.06em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn--current {
        top:48.07339%;
        left: 4.10959%;
        width: 26.6rem
    }
}

.p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn {
    height: 3.9rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:35.95506%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:61.46789%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:50%;
        right: 3.15789%;
        letter-spacing: -.06em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:70.45872%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:64.60674%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:79.26606%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:79.49438%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap6 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:88.07339%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn--current {
        top:55.12821%;
        left: 23.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn--current {
        top:28.82353%;
        left: 4.10959%;
        width: 26.6rem
    }
}

.p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn {
    height: 3.9rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:40.0641%;
        right: 20.78947%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:51.17647%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:56.73077%;
        right: 20.78947%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:65.58824%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:73.39744%;
        right: 20.78947%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap8 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:79.70588%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap9 .p-recruitMethodJobmapModal__chartBtn--current {
        top:52.32558%;
        left: 40.78947%;
        letter-spacing: -.06em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap9 .p-recruitMethodJobmapModal__chartBtn--current {
        top:45.81006%;
        left: 4.10959%;
        width: 26.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap9 .p-recruitMethodJobmapModal__chartBtn {
        height:3.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap9 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:40.69767%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap9 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:66.75978%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap9 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:66.27907%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap9 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:80.44693%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn--current {
        top:50.73171%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn--current {
        top:37.94964%;
        left: 4.10959%;
        width: 26.6rem
    }
}

.p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn {
    height: 3.9rem
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:32.92683%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:51.07914%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:45.36585%;
        right: 3.15789%;
        letter-spacing: -.06em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:60.2518%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:58.29268%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="3"] {
        top:69.42446%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:70.73171%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="4"] {
        top:78.77698%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="5"] {
        top:82.92683%;
        right: 3.15789%;
        letter-spacing: -.06em
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap10 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="5"] {
        top:87.76978%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap11 .p-recruitMethodJobmapModal__chartBtn--current {
        top:48.4375%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap11 .p-recruitMethodJobmapModal__chartBtn--current {
        top:39.05817%;
        left: 4.10959%;
        width: 26.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap11 .p-recruitMethodJobmapModal__chartBtn {
        height:3.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap11 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:31.25%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap11 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:62.88089%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap11 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:66.01562%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap11 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:82.27147%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap12 .p-recruitMethodJobmapModal__chartBtn--current {
        top:49.6124%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap12 .p-recruitMethodJobmapModal__chartBtn--current {
        top:46.06742%;
        left: 4.10959%;
        width: 26.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap12 .p-recruitMethodJobmapModal__chartBtn {
        height:3.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap12 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:38.37209%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap12 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:66.57303%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap12 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:64.34109%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap12 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:80.33708%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap13 .p-recruitMethodJobmapModal__chartBtn--current,.p-recruitMethodJobmapModal#jobmap14 .p-recruitMethodJobmapModal__chartBtn--current {
        top:47.76119%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap13 .p-recruitMethodJobmapModal__chartBtn--current,.p-recruitMethodJobmapModal#jobmap14 .p-recruitMethodJobmapModal__chartBtn--current {
        top:63.138%;
        left: 4.10959%;
        width: 26.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap13 .p-recruitMethodJobmapModal__chartBtn,.p-recruitMethodJobmapModal#jobmap14 .p-recruitMethodJobmapModal__chartBtn {
        height:3.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap13 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"],.p-recruitMethodJobmapModal#jobmap14 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:36.19403%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap13 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"],.p-recruitMethodJobmapModal#jobmap14 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:76.93762%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap13 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"],.p-recruitMethodJobmapModal#jobmap14 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:61.19403%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap13 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"],.p-recruitMethodJobmapModal#jobmap14 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:86.20038%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap15 .p-recruitMethodJobmapModal__chartBtn--current {
        top:43.41085%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap15 .p-recruitMethodJobmapModal__chartBtn--current {
        top:61.64659%;
        left: 4.10959%;
        width: 26.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap15 .p-recruitMethodJobmapModal__chartBtn {
        height:3.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap15 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:32.17054%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap15 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:76.30522%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap15 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:58.13953%;
        right: 3.15789%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap15 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="2"] {
        top:86.14458%;
        right: 3.42466%
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap16 .p-recruitMethodJobmapModal__chartBtn--current {
        top:45.89552%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap16 .p-recruitMethodJobmapModal__chartBtn--current {
        top:66.27566%;
        left: 4.10959%;
        width: 13.2rem;
        height: 9.7rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap16 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:45.89552%;
        right: 4.60526%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap16 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:66.27566%;
        right: 3.76712%;
        width: 13.2rem;
        height: 9.7rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap17 .p-recruitMethodJobmapModal__chartBtn--current {
        top:45.55556%;
        left: 41.05263%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap17 .p-recruitMethodJobmapModal__chartBtn--current {
        top:74.21525%;
        left: 4.10959%;
        width: 13.2rem;
        height: 9.7rem
    }
}

@media only screen and (min-width: 801px) {
    .p-recruitMethodJobmapModal#jobmap17 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:45.55556%;
        right: 4.60526%
    }
}

@media only screen and (max-width: 800px) {
    .p-recruitMethodJobmapModal#jobmap17 .p-recruitMethodJobmapModal__chartBtn[data-btn-number="1"] {
        top:74.21525%;
        right: 3.76712%;
        width: 13.2rem;
        height: 9.7rem
    }
}

.p-specialMv {
    background: #000
}

@media only screen and (min-width: 801px) {
    .p-specialMv .c-mv__inner {
        height:52rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialMv .c-mv__inner {
        height:0;
        padding-bottom: 66%
    }

    .p-specialMv .c-mv__desc {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        bottom: 2rem;
        height: auto
    }

    .p-specialMv .c-mv--even__txt.c-hdg.fsL,.p-specialMv .c-mv__txt.c-hdg.fsL {
        font-size: 2rem
    }

    .p-specialMv .c-mv--even__txt.c-hdg.fsS,.p-specialMv .c-mv__txt.c-hdg.fsS {
        font-size: 1.4rem
    }
}

.p-specialMv.black .c-mv__utility {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.3)));
    background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.3))
}

.p-specialMv.black .c-mv__utility .c-breadcrumb {
    color: #fff
}

.p-specialMv.black .c-mv__utility .c-breadcrumb span {
    color: #fff
}

.p-specialMv.data {
    position: relative;
    background: rgba(255,0,0,.1)
}

.p-specialMv.data::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(black));
    background: linear-gradient(rgba(0,0,0,0),#000)
}

.p-specialMv.data .c-mv__desc {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-66%);
    transform: translate(-50%,-66%);
    text-align: center
}

.p-specialMv.data .c-mv__hdg {
    text-shadow: 0 -1px 20px rgba(0,0,0,.5),-1px 0 20px rgba(0,0,0,.5),1px 0 20px rgba(0,0,0,.5);
    font-weight: 500;
    font-size: 6.8rem
}

.p-specialMv.data .c-mv__hdg span {
    font-weight: 500;
    font-size: 1.1em
}

.p-specialMv.data .c-mv__txt {
    font-size: 1.8rem;
    margin-top: .5em;
    text-shadow: 0 -1px 15px rgba(0,0,0,.5),-1px 0 15px rgba(0,0,0,.5),1px 0 15px rgba(0,0,0,.5);
    font-weight: 500
}

@media only screen and (max-width: 800px) {
    .p-specialMv.data .c-mv__desc {
        padding-top:0;
        bottom: auto
    }

    .p-specialMv.data .c-mv__hdg {
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialMv.data .c-mv__hdg {
        font-size:3.2rem
    }

    .p-specialMv.data .c-mv__txt {
        margin-top: 1em;
        font-size: 1.3rem
    }
}

.p-specialMv.disability .c-mv__hdg {
    font-weight: 500;
    margin-bottom: 1rem
}

.p-specialMv.disability .c-mv__cursive {
    position: absolute;
    right: 0
}

@media only screen and (min-width: 801px) {
    .p-specialMv.disability .c-mv__desc {
        padding:18rem 2rem 0
    }

    .p-specialMv.disability .c-mv__bg>span {
        background-position: top center
    }

    .p-specialMv.disability .c-mv__cat {
        font-size: 2.4rem;
        margin-bottom: 6rem
    }

    .p-specialMv.disability .c-mv__hdg {
        font-size: 3.6rem
    }

    .p-specialMv.disability .c-mv__cursive {
        width: 50%;
        bottom: -1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialMv.disability .c-mv__desc {
        position:absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        bottom: auto;
        padding: 0 2rem
    }

    .p-specialMv.disability .c-mv__cat {
        font-size: 2rem;
        margin-bottom: 3rem
    }

    .p-specialMv.disability .c-mv__hdg {
        font-size: 3rem
    }

    .p-specialMv.disability .c-mv__cursive {
        width: 80%;
        bottom: -2.5rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialMv.disability .c-mv__cat {
        font-size:1.6rem;
        margin-bottom: 2rem
    }

    .p-specialMv.disability .c-mv__hdg {
        font-size: 2.4rem
    }
}

.p-specialMv.fulltime .c-mv__hdg,.p-specialMv.work .c-mv__hdg {
    font-weight: 500
}

.p-specialMv.fulltime .c-mv__txt,.p-specialMv.work .c-mv__txt {
    font-weight: 400
}

@media only screen and (max-width: 800px) {
    .p-specialMv.fulltime .c-mv__hdg>span,.p-specialMv.work .c-mv__hdg>span {
        display:block;
        text-indent: -.6em
    }
}

@media only screen and (max-width: 800px) {
    .p-specialMv.work .c-mv__inner {
        padding-bottom:101.33333%
    }

    .p-specialMv.work .c-mv__hdg {
        color: #fff
    }

    .p-specialMv.work .c-mv__txt {
        color: #fff
    }
}

.p-specialData {
    position: relative;
    z-index: 2
}

.p-specialData:not(.bgBk) {
    margin-top: -10rem;
    padding: 0
}

.p-specialData.bgBk {
    z-index: 1;
    margin-top: 0;
    padding-top: 13rem
}

.p-specialData .l-sectionSub {
    border-top: 4px solid #fff
}

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

.p-specialData .l-sectionSub>.c-hdg {
    color: #fff;
    margin-bottom: 0
}

.p-specialData .l-sectionSub>.c-hdg .num {
    display: inline-block;
    line-height: 1em;
    margin-right: 1rem;
    font-weight: 500;
    letter-spacing: 0
}

@media only screen and (min-width: 801px) {
    .p-specialData .l-sectionSub {
        padding:3rem 0 0;
        margin-top: 6rem;
        margin-bottom: 8rem
    }

    .p-specialData .l-sectionSub>.c-hdg {
        line-height: 7.2rem
    }

    .p-specialData .l-sectionSub>.c-hdg .num {
        font-size: 7.2rem
    }
}

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

    .p-specialData .l-sectionSub>.c-hdg {
        line-height: 5rem
    }

    .p-specialData .l-sectionSub>.c-hdg .num {
        font-size: 5rem
    }

    .p-specialData .l-sectionSub .title04 {
        margin-top: 3rem
    }

    .p-specialData .l-sectionSub .c-btnMore {
        margin-bottom: 8rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialData:not(.bgBk) {
        margin-top:-5rem;
        padding: 0
    }

    .p-specialData.bgBk {
        padding-top: 8rem
    }
}

.p-specialData__list {
    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
}

.p-specialData__listItem {
    width: 50%;
    padding: 4rem 4rem;
    background: #000;
    text-align: left;
    color: #fff
}

.p-specialData__listItem.bd-r {
    position: relative
}

.p-specialData__listItem.bd-r:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0;
    width: 1px;
    height: 80%;
    background: rgba(255,255,255,.15)
}

.p-specialData__listItem.bd-t {
    border-top: 1px solid rgba(255,255,255,.15)
}

.p-specialData__listItem .c-hdg {
    margin-top: 1rem;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    line-height: 1.5
}

.p-specialData__listItem .c-img {
    margin: 0 auto
}

.p-specialData__listItem .c-img img {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-specialData__listItem .c-img p {
    text-align: right;
    font-size: 1.2rem
}

.p-specialData__listItem .c-img p.right {
    text-align: right
}

.p-specialData__listItem .c-modale-dsp {
    display: none
}

.p-specialData__listItem.full {
    width: 100%;
    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
}

.p-specialData__listItem.full .c-hdg {
    width: 100%
}

.p-specialData__listItem.full .c-img {
    width: 40.83333%
}

.p-specialData__listItem.full .c-img.full {
    width: 100%
}

.p-specialData__listItem.full .c-txt {
    width: 40.83333%
}

.p-specialData__listItem.full .c-txt.full {
    width: 100%
}

.p-specialData__listSet {
    width: 100%;
    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
}

.p-specialData__listSet>.c-hdg {
    width: 100%;
    margin-bottom: 0;
    text-align: center;
    color: #fff
}

.p-specialData__listSet .p-specialData__listItem {
    width: 50%
}

.p-specialData__listSet .p-specialData__listItem .c-hdg {
    padding: .6rem 0
}

@media only screen and (min-width: 801px) {
    .p-specialData__listItem.full {
        width:100%
    }
}

@media only screen and (max-width: 800px) {
    .p-specialData__listItem {
        padding:3rem 2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialData__list {
        display:block
    }

    .p-specialData__listItem {
        width: 100%;
        padding: 3rem 0;
        border-top: 1px solid rgba(255,255,255,.15)
    }

    .p-specialData__listItem:first-child {
        border-top: 0
    }

    .p-specialData__listItem.bd-r:after {
        display: none
    }

    .p-specialData__listItem .c-txt {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .p-specialData__listItem .c-img {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .p-specialData__listItem .c-img img {
        width: 100%
    }

    .p-specialData__listItem.full .c-img {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .p-specialData__listItem.full .c-txt {
        width: 100%
    }

    .p-specialData__listSet .p-specialData__listItem {
        width: 100%;
        border-top: 0
    }
}

.p-specialData .is-modal {
    position: relative;
    cursor: pointer
}

.p-specialData .is-modal-hover {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s cubic-bezier(0,0,.25,1) 0s,opacity .3s cubic-bezier(0,0,.25,1) 0s;
    transition: visibility .3s cubic-bezier(0,0,.25,1) 0s,opacity .3s cubic-bezier(0,0,.25,1) 0s
}

.p-specialData .is-modal-hover i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
    color: #fff;
    font-style: normal;
    text-align: center;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 500
}

.p-specialData .is-modal-hover i::after {
    background: url(../images/ico/ico_arrow.svg) center center no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    display: block;
    margin: .75em auto 0
}

@media only screen and (max-width: 544px) {
    .p-specialData .is-modal-hover i::after {
        width:20.8px;
        width: 1.3rem;
        height: 20.8px;
        height: 1.3rem
    }
}

.p-specialData .is-modal.is-hover .is-modal-hover,.p-specialData .is-modal:hover .is-modal-hover {
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width: 801px) {
    .p-specialData .is-modal-hover i {
        -webkit-transform:translate(-50%,-40%);
        transform: translate(-50%,-40%);
        -webkit-transition: -webkit-transform .1s cubic-bezier(0,0,.25,1) 0s;
        transition: -webkit-transform .1s cubic-bezier(0,0,.25,1) 0s;
        transition: transform .1s cubic-bezier(0,0,.25,1) 0s;
        transition: transform .1s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .1s cubic-bezier(0,0,.25,1) 0s
    }

    .p-specialData .is-modal.is-hover .is-modal-hover i,.p-specialData .is-modal:hover .is-modal-hover i {
        font-size: 2rem;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition: -webkit-transform .5s cubic-bezier(0,0,.25,1) 0s;
        transition: -webkit-transform .5s cubic-bezier(0,0,.25,1) 0s;
        transition: transform .5s cubic-bezier(0,0,.25,1) 0s;
        transition: transform .5s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .5s cubic-bezier(0,0,.25,1) 0s
    }
}

@media only screen and (max-width: 800px) {
    .p-specialData .is-modal.is-hover .is-modal-hover i,.p-specialData .is-modal:hover .is-modal-hover i {
        font-size:1.6rem
    }
}

.p-specialFulltime__txt>p {
    color: #666
}

.p-specialFulltime__desc>dt {
    font-weight: 500
}

.p-specialFulltime__desc>dd {
    color: #666;
    border-top: 1px solid #ccc;
    padding-top: 1rem;
    margin-top: 1rem
}

@media only screen and (min-width: 801px) {
    .p-specialFulltime__split {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .p-specialFulltime__split>* {
        width: calc(50% - 3rem)
    }

    .p-specialFulltime__txt {
        margin-top: 3.5rem
    }

    .p-specialFulltime__txt>p {
        font-size: 1.4rem
    }

    .p-specialFulltime__list {
        margin-top: 1.5rem
    }

    .p-specialFulltime__desc:not(:first-child) {
        margin-top: 2rem
    }

    .p-specialFulltime__desc>dt {
        font-size: 1.4rem
    }

    .p-specialFulltime__desc>dd {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialFulltime__split>* {
        width:100%
    }

    .p-specialFulltime__split>:not(:first-child) {
        margin-top: 4rem
    }

    .p-specialFulltime__txt {
        margin-top: 2.5rem
    }

    .p-specialFulltime__txt>p {
        font-size: 1.4rem
    }

    .p-specialFulltime__list {
        margin-top: 1rem
    }

    .p-specialFulltime__desc:not(:first-child) {
        margin-top: 2rem
    }

    .p-specialFulltime__desc>dt {
        font-size: 1.4rem
    }

    .p-specialFulltime__desc>dd {
        font-size: 1.4rem
    }
}

.p-specialFulltimeLink__body {
    background-color: #000
}

.p-specialFulltimeLink__body>a {
    position: relative;
    display: block;
    text-align: center
}

.p-specialFulltimeLink__desc {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-specialFulltimeLink__descTxt {
    display: block;
    white-space: nowrap;
    font-weight: 500;
    color: #fff
}

.p-specialFulltimeLink__descTxt>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-size: 1.2rem;
    font-weight: 400
}

.p-specialFulltimeLink__descTxt>small::after {
    content: '';
    display: inline-block;
    background-image: url(../images/recruit/flow/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) {
    .p-specialFulltimeLink__body>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)
    }

    .p-specialFulltimeLink__body>a:hover {
        opacity: .7
    }

    .p-specialFulltimeLink__body>a:hover .p-specialFulltimeLink__ph img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }

    .p-specialFulltimeLink__desc {
        bottom: 5rem
    }

    .p-specialFulltimeLink__descTxt {
        font-size: 3.2rem
    }

    .p-specialFulltimeLink__descTxt>small {
        margin-top: .5rem
    }

    .p-specialFulltimeLink__ph {
        display: block;
        overflow: hidden
    }

    .p-specialFulltimeLink__ph>img {
        -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)
    }
}

@media only screen and (max-width: 800px) {
    .p-specialFulltimeLink__desc {
        bottom:2rem
    }

    .p-specialFulltimeLink__descTxt {
        font-size: 2.4rem
    }

    .p-specialFulltimeLink__ph>img {
        opacity: .9
    }
}

.p-specialFulltimeWorks .c-txt,.p-specialGobeyondWorks .c-txt {
    color: #555
}

@media only screen and (min-width: 801px) {
    .p-specialFulltimeWorks,.p-specialGobeyondWorks {
        padding:12rem 0 8rem
    }

    .p-specialFulltimeWorks__graph1,.p-specialFulltimeWorks__graph2,.p-specialGobeyondWorks__graph1,.p-specialGobeyondWorks__graph2 {
        max-width: 106rem
    }

    .p-specialFulltimeWorks__graph1>img,.p-specialFulltimeWorks__graph2>img,.p-specialGobeyondWorks__graph1>img,.p-specialGobeyondWorks__graph2>img {
        margin: 0 auto
    }

    .p-specialFulltimeWorks__graph1>img,.p-specialGobeyondWorks__graph1>img {
        max-width: 75.4717%
    }

    .p-specialFulltimeWorks__graph2>img,.p-specialGobeyondWorks__graph2>img {
        max-width: 74.15094%
    }

    .p-specialFulltimeWorks .c-btnMore,.p-specialGobeyondWorks .c-btnMore {
        margin: 8rem 0 0
    }
}

@media only screen and (max-width: 800px) {
    .p-specialFulltimeWorks .l-section__inner,.p-specialGobeyondWorks .l-section__inner {
        padding-right:8rem
    }

    .p-specialFulltimeWorks .c-hdgCursive,.p-specialGobeyondWorks .c-hdgCursive {
        margin-top: 3rem;
        margin-bottom: 1rem
    }

    .p-specialFulltimeWorks__graph1,.p-specialFulltimeWorks__graph2,.p-specialGobeyondWorks__graph1,.p-specialGobeyondWorks__graph2 {
        max-width: 100%
    }
}

.p-specialWorkfor .c-txt>p {
    color: #555
}

@media only screen and (min-width: 801px) {
    .p-specialWorkfor {
        padding:17rem 0 7rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialWorkfor {
        padding-top:6rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialWorkfor {
        padding-top:5rem
    }
}

.p-specialExample .c-listCategory__cardTxt>dt {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-specialExample {
        padding:8rem 0
    }

    .p-specialExample .c-listCategory {
        margin-top: 0
    }

    .p-specialExample .c-listCategory__cardTxt>dt {
        font-size: 1.9rem;
        font-weight: 500
    }
}

@media only screen and (max-width: 800px) {
    .p-specialExample .c-listCategory {
        margin-top:0
    }

    .p-specialExample .c-listCategory__card {
        margin: 1.5rem 0
    }
}

@media only screen and (max-width: 544px) {
    .p-specialExample .c-listCategory__card {
        margin:1rem 0
    }
}

.p-specialVoice .c-btn {
    margin: 0
}

.p-specialVoice .c-listNews__card {
    text-align: center
}

.p-specialVoice .c-listNews__card>a:hover img {
    -webkit-transform: none;
    transform: none
}

.p-specialVoice .c-listNews__card>a:hover .c-listNews__cardPh {
    background-color: transparent
}

.p-specialVoice .c-listNews__cardPh {
    background: 0 0;
    border-radius: 50%
}

.p-specialVoice .c-listNews__cardTxt dt {
    margin: 1rem 0 .5rem;
    font-weight: 500;
    font-size: 1.6rem
}

.p-specialVoice .c-listNews__cardTxt dd {
    font-size: 1.3rem
}

@media only screen and (max-width: 544px) {
    .p-specialVoice .c-grid {
        margin-left:-1rem;
        margin-right: -1rem
    }

    .p-specialVoice .c-listNews__card.sps6 {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.p-specialSupport .c-listArticle__card dt {
    font-weight: 500;
    color: #000;
    margin-bottom: .5rem
}

.p-specialSupport .c-listArticle__cardTxt dd {
    font-weight: 500
}

.p-specialSupport .c-listArticle__cardTxt dd span {
    font-weight: 300;
    display: inline-block
}

.p-specialSupport .c-listArticle__cardTxt dd small {
    display: block;
    font-weight: 300;
    color: #555;
    margin-top: .5rem
}

.p-specialSupport .c-txt>p {
    color: #555
}

.p-specialSupport__infoDesc {
    margin: 2.5rem 0
}

.p-specialSupport__infoDesc dt {
    margin-bottom: 2rem;
    font-weight: 500;
    background-color: #f2f2f2
}

.p-specialSupport__infoDesc dd {
    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
}

.p-specialSupport__infoDesc dd p {
    width: 75%
}

.p-specialSupport__infoDesc dd img {
    width: 21.42857%;
    margin-right: 3.57143%
}

.p-specialSupport__notice {
    color: #999
}

@media only screen and (min-width: 801px) {
    .p-specialSupport {
        padding:12rem 0 7rem
    }

    .p-specialSupport .c-hdgCursive {
        margin-bottom: 10rem
    }

    .p-specialSupport .c-listArticle__cardTxt dd small {
        font-size: 1.4rem
    }

    .p-specialSupport__infoDesc {
        margin: 2.5rem 0
    }

    .p-specialSupport__infoDesc dt {
        margin-bottom: 2rem;
        font-weight: 500;
        background-color: #f2f2f2
    }

    .p-specialSupport__infoDesc dd {
        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
    }

    .p-specialSupport__infoDesc dd p {
        color: #555;
        width: 75%
    }

    .p-specialSupport__infoDesc dd img {
        width: 21.42857%;
        margin-right: 3.57143%
    }

    .p-specialSupport__infoCont {
        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
    }

    .p-specialSupport__infoDesc {
        width: 46.66667%
    }

    .p-specialSupport__infoDesc dt {
        padding: 1.5rem 2rem;
        font-size: 1.4rem
    }

    .p-specialSupport__infoDesc dd p {
        font-size: 1.4rem;
        padding-right: 1rem
    }

    .p-specialSupport__notice {
        font-size: 1.2rem;
        text-align: right;
        margin-top: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialSupport .c-listArticle__cardTxt dd small {
        font-size:1.2rem
    }

    .p-specialSupport__infoDesc dt {
        padding: 1.2rem 2rem
    }

    .p-specialSupport__infoDesc dd p {
        font-size: 1.2rem;
        padding-right: 1rem
    }

    .p-specialSupport__notice {
        font-size: 1.1rem;
        margin-top: 1rem
    }
}

.p-specialUser .l-section__inner {
    background: #f5f5f5
}

.p-specialUser__body {
    width: 100%
}

.p-specialUser__left>p {
    font-weight: 500
}

.p-specialUser__left>p>span {
    display: block;
    font-weight: 300
}

.p-specialUser__right>em {
    font-weight: 500;
    font-style: normal
}

.p-specialUser__name {
    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: 0 0 1.5rem
}

.p-specialUser__name em {
    display: inline-block;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500
}

.p-specialUser__name span {
    display: inline-block;
    margin-left: 1rem
}

@media only screen and (min-width: 801px) {
    .p-specialUser .l-section__inner {
        padding:6rem;
        max-width: 120rem
    }

    .p-specialUser__body {
        padding-top: 1rem;
        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
    }

    .p-specialUser__left {
        width: 19rem;
        margin-left: 2rem
    }

    .p-specialUser__left>p {
        display: none
    }

    .p-specialUser__right {
        width: calc(100% - 28rem);
        margin: 0 0 0 5rem
    }

    .p-specialUser__right>em {
        font-size: 1.6rem
    }

    .p-specialUser__right>p {
        font-size: 1.3rem;
        margin-top: 1.5rem
    }

    .p-specialUser__right .c-btnMore>a {
        margin: 0 0 0 auto
    }
}

@media only screen and (max-width: 800px) {
    .p-specialUser .l-section__inner {
        padding:4rem 3rem
    }

    .p-specialUser__body {
        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
    }

    .p-specialUser__left {
        width: 15rem;
        margin-left: 2rem
    }

    .p-specialUser__left>p {
        display: none
    }

    .p-specialUser__right {
        width: calc(100% - 20rem);
        margin-left: 3rem
    }

    .p-specialUser__right>em {
        font-size: 1.6rem
    }

    .p-specialUser__right>p {
        font-size: 1.3rem;
        margin-top: .5rem
    }

    .p-specialUser__right .c-btnMore>a {
        margin: 0 0 0 auto
    }
}

@media only screen and (max-width: 544px) {
    .p-specialUser__body {
        display:block
    }

    .p-specialUser__left {
        width: 100%;
        margin-left: 0;
        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
    }

    .p-specialUser__left>img {
        width: calc(100% - 16rem);
        margin: 0 2rem
    }

    .p-specialUser__left>p {
        display: block;
        width: 12rem;
        font-size: 1.6rem;
        text-align: left;
        margin-top: 0
    }

    .p-specialUser__left>p>span {
        font-size: 1.2rem
    }

    .p-specialUser__right {
        width: 100%;
        margin-top: 2rem;
        margin-left: 0
    }

    .p-specialUser__right>em {
        font-size: 1.4rem
    }

    .p-specialUser__right>p {
        font-size: 1.2rem;
        margin-top: .5rem
    }

    .p-specialUser__right .c-btnMore>a {
        margin: 0
    }

    .p-specialUser__name {
        display: none
    }
}

.p-specialCarrier .c-listNews__card>a,.p-specialGobeyondCarrier .c-listNews__card>a {
    position: relative;
    width: 100%;
    background-color: #efefef;
    padding: .5rem;
    overflow: hidden;
    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
}

.p-specialCarrier .c-listNews__card>a:hover .c-listNews__cardPh>span,.p-specialGobeyondCarrier .c-listNews__card>a:hover .c-listNews__cardPh>span {
    -webkit-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
    opacity: .85
}

.p-specialCarrier .c-listNews__cardPh,.p-specialGobeyondCarrier .c-listNews__cardPh {
    position: relative;
    margin-bottom: 0
}

.p-specialCarrier .c-listNews__cardPh::after,.p-specialGobeyondCarrier .c-listNews__cardPh::after {
    content: '';
    display: block;
    background-color: #000;
    width: 100%;
    height: 100%
}

.p-specialCarrier .c-listNews__cardPh>span,.p-specialGobeyondCarrier .c-listNews__cardPh>span {
    display: block;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .2s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s;
    transition: transform .2s cubic-bezier(0,0,.25,1) 0s,opacity .2s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
    -webkit-backface-visibility: hidden
}

.p-specialCarrier .c-listNews__cardInfo,.p-specialGobeyondCarrier .c-listNews__cardInfo {
    background-color: #fff
}

.p-specialCarrier .c-listNews__cardInfoTtl,.p-specialGobeyondCarrier .c-listNews__cardInfoTtl {
    line-height: 1.5
}

.p-specialCarrier .c-listNews__cardInfoName,.p-specialGobeyondCarrier .c-listNews__cardInfoName {
    font-weight: 500
}

.p-specialCarrier .c-listNews__cardInfoName>span,.p-specialGobeyondCarrier .c-listNews__cardInfoName>span {
    display: block
}

.p-specialCarrier .c-listNews__cardInfoName>small,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small {
    display: block;
    font-weight: 300
}

.p-specialCarrier .c-listNews__cardInfoName>small:first-child,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small:first-child {
    font-size: 1.1rem
}

.p-specialCarrier .c-listNews__cardInfoMore,.p-specialGobeyondCarrier .c-listNews__cardInfoMore {
    position: absolute;
    font-weight: 400;
    border-bottom: 1px solid #000
}

.p-specialCarrier .c-listNews__cardInfoMore::after,.p-specialGobeyondCarrier .c-listNews__cardInfoMore::after {
    content: '';
    display: inline-block;
    background-image: url(../images/ico/ico_arrow_bk.svg);
    background-size: 100%
}

.p-specialCarrier .c-modal__inner ::-webkit-scrollbar,.p-specialGobeyondCarrier .c-modal__inner ::-webkit-scrollbar {
    width: .5rem
}

.p-specialCarrier .c-modal__inner ::-webkit-scrollbar-track,.p-specialGobeyondCarrier .c-modal__inner ::-webkit-scrollbar-track {
    background: #b3b3b3
}

.p-specialCarrier .c-modal__inner ::-webkit-scrollbar-thumb,.p-specialGobeyondCarrier .c-modal__inner ::-webkit-scrollbar-thumb {
    background: #555;
    border-bottom: 1px solid #fff;
    border-radius: 0
}

.p-specialCarrier__modal,.p-specialGobeyondCarrier__modal {
    display: none
}

.p-specialCarrier__modalCard,.p-specialGobeyondCarrier__modalCard {
    padding: 6rem;
    overflow-y: scroll;
    width: 100%;
    background-color: #fff
}

.p-specialCarrier__modalCardDesc,.p-specialGobeyondCarrier__modalCardDesc {
    border-bottom: 1px solid #e6e6e6
}

.p-specialCarrier__modalCardPh>p,.p-specialGobeyondCarrier__modalCardPh>p {
    font-weight: 500
}

.p-specialCarrier__modalCardPh>p>span,.p-specialGobeyondCarrier__modalCardPh>p>span {
    display: block;
    font-size: 1.3rem;
    margin: -.5rem 0 .5rem
}

.p-specialCarrier__modalCardPh>p>small,.p-specialGobeyondCarrier__modalCardPh>p>small {
    display: block;
    font-weight: 300
}

.p-specialCarrier__modalCardPh>dl>dt,.p-specialGobeyondCarrier__modalCardPh>dl>dt {
    font-weight: 500;
    line-height: 1.25
}

.p-specialCarrier__modalCardPh>dl>dd,.p-specialGobeyondCarrier__modalCardPh>dl>dd {
    display: block;
    font-size: 1.3rem;
    font-weight: 300
}

.p-specialCarrier__modalCardPh>dl>dd>small,.p-specialGobeyondCarrier__modalCardPh>dl>dd>small {
    display: block
}

.p-specialCarrier__modalCardTxt>em,.p-specialGobeyondCarrier__modalCardTxt>em {
    font-weight: 500;
    font-style: normal
}

.p-specialCarrier__modalFlow,.p-specialGobeyondCarrier__modalFlow {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.p-specialCarrier__modalFlow>i,.p-specialGobeyondCarrier__modalFlow>i {
    position: absolute;
    background-color: #c3d4df
}

.p-specialCarrier__modalFlow>i::after,.p-specialGobeyondCarrier__modalFlow>i::after {
    content: '';
    display: block;
    background: url(../images/ico/ico_arrow_blue_head.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-specialCarrier__modalFlowLeft>p,.p-specialGobeyondCarrier__modalFlowLeft>p {
    font-weight: 500
}

.p-specialCarrier__modalFlowDesc,.p-specialGobeyondCarrier__modalFlowDesc {
    border-bottom: 1px solid #e6e6e6
}

.p-specialCarrier__modalFlowDesc:last-child,.p-specialGobeyondCarrier__modalFlowDesc:last-child {
    border-bottom: 0
}

.p-specialCarrier__modalFlowDesc>dt,.p-specialGobeyondCarrier__modalFlowDesc>dt {
    font-weight: 500
}

.p-specialCarrier__modalFlowDesc>dd,.p-specialGobeyondCarrier__modalFlowDesc>dd {
    color: #555
}

.p-specialCarrier__modalPointDesc,.p-specialGobeyondCarrier__modalPointDesc {
    width: 100%
}

.p-specialCarrier__modalPointDesc>dt,.p-specialGobeyondCarrier__modalPointDesc>dt {
    font-weight: 500
}

.p-specialCarrier .c-modal__bg,.p-specialGobeyondCarrier .c-modal__bg {
    position: fixed
}

.p-specialCarrier .c-modal__close,.p-specialGobeyondCarrier .c-modal__close {
    z-index: 1
}

@media only screen and (min-width: 801px) {
    .p-specialCarrier .c-listNews__cardPh,.p-specialGobeyondCarrier .c-listNews__cardPh {
        width:calc(100% - 28rem)
    }

    .p-specialCarrier .c-listNews__cardPh>span,.p-specialGobeyondCarrier .c-listNews__cardPh>span {
        min-height: 30rem
    }

    .p-specialCarrier .c-listNews__cardInfo,.p-specialGobeyondCarrier .c-listNews__cardInfo {
        max-width: 28rem;
        padding: 2rem
    }

    .p-specialCarrier .c-listNews__cardInfoTtl,.p-specialGobeyondCarrier .c-listNews__cardInfoTtl {
        font-size: 1.5rem;
        margin-bottom: 2rem
    }

    .p-specialCarrier .c-listNews__cardInfoName,.p-specialGobeyondCarrier .c-listNews__cardInfoName {
        font-size: 1.8rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>span,.p-specialGobeyondCarrier .c-listNews__cardInfoName>span {
        font-size: 1.3rem;
        margin-top: -.5rem;
        margin-bottom: 1rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>small,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small {
        font-size: 1.3rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>small:first-child,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small:first-child {
        margin-top: 1rem
    }

    .p-specialCarrier .c-listNews__cardInfoMore,.p-specialGobeyondCarrier .c-listNews__cardInfoMore {
        font-size: 1.2rem;
        right: 4rem;
        bottom: 2.5rem;
        padding-bottom: .5rem
    }

    .p-specialCarrier .c-listNews__cardInfoMore::after,.p-specialGobeyondCarrier .c-listNews__cardInfoMore::after {
        width: 9.6px;
        width: .6rem;
        height: 14.4px;
        height: .9rem;
        margin-left: 16px;
        margin-left: 1rem
    }

    .p-specialCarrier__modalCard,.p-specialGobeyondCarrier__modalCard {
        max-height: 70vh
    }

    .p-specialCarrier__modalCardDesc,.p-specialGobeyondCarrier__modalCardDesc {
        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;
        padding-bottom: 3rem;
        margin-bottom: 3rem
    }

    .p-specialCarrier__modalCardPh,.p-specialGobeyondCarrier__modalCardPh {
        width: 18rem
    }

    .p-specialCarrier__modalCardPh>p,.p-specialGobeyondCarrier__modalCardPh>p {
        font-size: 1.8rem;
        text-align: center;
        margin-top: 1rem
    }

    .p-specialCarrier__modalCardPh>p>small,.p-specialGobeyondCarrier__modalCardPh>p>small {
        display: block;
        font-size: 1.1rem
    }

    .p-specialCarrier__modalCardPh>dl>dt,.p-specialGobeyondCarrier__modalCardPh>dl>dt {
        font-size: 1.8rem;
        text-align: center;
        margin: 1rem 0
    }

    .p-specialCarrier__modalCardPh>dl>dd,.p-specialGobeyondCarrier__modalCardPh>dl>dd {
        font-size: 1.1rem;
        text-align: center
    }

    .p-specialCarrier__modalCardTxt,.p-specialGobeyondCarrier__modalCardTxt {
        width: calc(100% - 24rem);
        margin-left: 6rem
    }

    .p-specialCarrier__modalCardTxt>em,.p-specialGobeyondCarrier__modalCardTxt>em {
        font-size: 1.8rem
    }

    .p-specialCarrier__modalCardTxt>p,.p-specialGobeyondCarrier__modalCardTxt>p {
        font-size: 1.6rem;
        margin-top: 3rem
    }

    .p-specialCarrier__modalFlow>i,.p-specialGobeyondCarrier__modalFlow>i {
        width: 6px;
        height: calc(100% - 12rem);
        bottom: 3rem;
        left: 9rem
    }

    .p-specialCarrier__modalFlow>i::after,.p-specialGobeyondCarrier__modalFlow>i::after {
        width: 24px;
        height: 20px;
        bottom: -18px
    }

    .p-specialCarrier__modalFlowLeft,.p-specialGobeyondCarrier__modalFlowLeft {
        width: 18rem
    }

    .p-specialCarrier__modalFlowLeft>p,.p-specialGobeyondCarrier__modalFlowLeft>p {
        text-align: center;
        font-size: 1.8rem
    }

    .p-specialCarrier__modalFlowRight,.p-specialGobeyondCarrier__modalFlowRight {
        width: calc(100% - 24rem);
        margin-left: 6rem
    }

    .p-specialCarrier__modalFlowDesc,.p-specialGobeyondCarrier__modalFlowDesc {
        padding: 3rem 0;
        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
    }

    .p-specialCarrier__modalFlowDesc:first-child,.p-specialGobeyondCarrier__modalFlowDesc:first-child {
        padding: 0 0 3rem
    }

    .p-specialCarrier__modalFlowDesc>dt,.p-specialGobeyondCarrier__modalFlowDesc>dt {
        text-align: center;
        font-size: 1.6rem;
        width: 15rem
    }

    .p-specialCarrier__modalFlowDesc>dd,.p-specialGobeyondCarrier__modalFlowDesc>dd {
        font-size: 1.4rem;
        width: calc(100% - 15rem);
        padding: 1rem 0 1rem 6.0241%;
        border-left: 1px solid #e6e6e6
    }

    .p-specialCarrier__modalPointDesc,.p-specialGobeyondCarrier__modalPointDesc {
        border: .6rem solid #c3d4df;
        border-radius: .6rem;
        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
    }

    .p-specialCarrier__modalPointDesc>dt,.p-specialGobeyondCarrier__modalPointDesc>dt {
        width: 18rem;
        font-size: 1.8rem;
        text-align: center
    }

    .p-specialCarrier__modalPointDesc>dd,.p-specialGobeyondCarrier__modalPointDesc>dd {
        font-size: 1.4rem;
        width: calc(100% - 18rem);
        padding: 0 5rem;
        border-left: 1px solid #e6e6e6;
        margin: 3rem 0
    }

    .p-specialCarrier .c-modal,.p-specialGobeyondCarrier .c-modal {
        padding: 2rem
    }

    .p-specialCarrier .c-modal__inner,.p-specialGobeyondCarrier .c-modal__inner {
        width: 95%;
        background-color: #efefef;
        max-width: 120rem;
        padding: .5rem
    }

    .p-specialCarrier .c-modal__close,.p-specialGobeyondCarrier .c-modal__close {
        right: 5rem;
        top: 5rem;
        width: 2rem;
        height: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialCarrier .c-listNews__cardPh,.p-specialGobeyondCarrier .c-listNews__cardPh {
        width:50%
    }

    .p-specialCarrier .c-listNews__cardPh>span,.p-specialGobeyondCarrier .c-listNews__cardPh>span {
        height: 25rem
    }

    .p-specialCarrier .c-listNews__cardInfo,.p-specialGobeyondCarrier .c-listNews__cardInfo {
        width: 50%;
        padding: 2rem
    }

    .p-specialCarrier .c-listNews__cardInfoTtl,.p-specialGobeyondCarrier .c-listNews__cardInfoTtl {
        font-size: 1.6rem;
        margin-bottom: 2rem
    }

    .p-specialCarrier .c-listNews__cardInfoName,.p-specialGobeyondCarrier .c-listNews__cardInfoName {
        font-size: 1.8rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>span,.p-specialGobeyondCarrier .c-listNews__cardInfoName>span {
        font-size: 1.3rem;
        margin-top: -.5rem;
        margin-bottom: 1rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>small,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small {
        font-size: 1.3rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>small:first-child,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small:first-child {
        margin: 1rem 0
    }

    .p-specialCarrier .c-listNews__cardInfoMore,.p-specialGobeyondCarrier .c-listNews__cardInfoMore {
        font-size: 1.2rem;
        right: 4rem;
        bottom: 2.5rem;
        padding-bottom: .5rem
    }

    .p-specialCarrier .c-listNews__cardInfoMore::after,.p-specialGobeyondCarrier .c-listNews__cardInfoMore::after {
        width: 9.6px;
        width: .6rem;
        height: 14.4px;
        height: .9rem;
        margin-left: 16px;
        margin-left: 1rem
    }

    .p-specialCarrier__modalCard,.p-specialGobeyondCarrier__modalCard {
        padding: 2rem;
        height: calc(100vh - 22rem);
        max-height: 100%;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }

    .p-specialCarrier__modalCardDesc,.p-specialGobeyondCarrier__modalCardDesc {
        padding-bottom: 3rem;
        margin-bottom: 3rem
    }

    .p-specialCarrier__modalCardPh,.p-specialGobeyondCarrier__modalCardPh {
        width: 100%;
        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
    }

    .p-specialCarrier__modalCardPh>img,.p-specialGobeyondCarrier__modalCardPh>img {
        width: 50%;
        max-width: 18rem
    }

    .p-specialCarrier__modalCardPh>p,.p-specialGobeyondCarrier__modalCardPh>p {
        width: 50%;
        max-width: 18rem;
        padding-left: 2rem;
        font-size: 1.8rem;
        margin-top: 1rem
    }

    .p-specialCarrier__modalCardPh>p>small,.p-specialGobeyondCarrier__modalCardPh>p>small {
        display: block;
        font-size: 1.1rem
    }

    .p-specialCarrier__modalCardPh>dl,.p-specialGobeyondCarrier__modalCardPh>dl {
        width: 50%;
        max-width: 18rem;
        padding-left: 2rem
    }

    .p-specialCarrier__modalCardPh>dl>dt,.p-specialGobeyondCarrier__modalCardPh>dl>dt {
        font-size: 1.8rem;
        margin: 1rem 0
    }

    .p-specialCarrier__modalCardPh>dl>dd,.p-specialGobeyondCarrier__modalCardPh>dl>dd {
        font-size: 1.1rem
    }

    .p-specialCarrier__modalCardPh>dl>dd>small,.p-specialGobeyondCarrier__modalCardPh>dl>dd>small {
        white-space: nowrap
    }

    .p-specialCarrier__modalCardTxt,.p-specialGobeyondCarrier__modalCardTxt {
        width: 100%;
        margin-top: 3rem
    }

    .p-specialCarrier__modalCardTxt>em,.p-specialGobeyondCarrier__modalCardTxt>em {
        font-size: 1.8rem
    }

    .p-specialCarrier__modalCardTxt>p,.p-specialGobeyondCarrier__modalCardTxt>p {
        font-size: 1.6rem;
        margin-top: .5rem
    }

    .p-specialCarrier__modalFlow>i,.p-specialGobeyondCarrier__modalFlow>i {
        width: 4px;
        height: calc(100% - 8rem);
        bottom: 4rem;
        left: 1rem
    }

    .p-specialCarrier__modalFlow>i::after,.p-specialGobeyondCarrier__modalFlow>i::after {
        width: 21px;
        height: 22px;
        bottom: -18px
    }

    .p-specialCarrier__modalFlowLeft,.p-specialGobeyondCarrier__modalFlowLeft {
        width: 100%
    }

    .p-specialCarrier__modalFlowLeft>p,.p-specialGobeyondCarrier__modalFlowLeft>p {
        font-size: 1.8rem
    }

    .p-specialCarrier__modalFlowRight,.p-specialGobeyondCarrier__modalFlowRight {
        width: 100%
    }

    .p-specialCarrier__modalFlowDesc,.p-specialGobeyondCarrier__modalFlowDesc {
        margin: 2rem 0 2rem 3.5rem;
        padding-bottom: 2rem
    }

    .p-specialCarrier__modalFlowDesc>dt,.p-specialGobeyondCarrier__modalFlowDesc>dt {
        font-size: 1.6rem
    }

    .p-specialCarrier__modalFlowDesc>dd,.p-specialGobeyondCarrier__modalFlowDesc>dd {
        font-size: 1.4rem;
        width: 100%
    }

    .p-specialCarrier__modalPointDesc,.p-specialGobeyondCarrier__modalPointDesc {
        padding: 2rem;
        border: .4rem solid #c3d4df;
        border-radius: .4rem
    }

    .p-specialCarrier__modalPointDesc>dt,.p-specialGobeyondCarrier__modalPointDesc>dt {
        font-size: 1.8rem
    }

    .p-specialCarrier__modalPointDesc>dd,.p-specialGobeyondCarrier__modalPointDesc>dd {
        font-size: 1.4rem;
        width: 100%;
        margin-top: .5rem
    }

    .p-specialCarrier .c-modal,.p-specialGobeyondCarrier .c-modal {
        padding: 2rem
    }

    .p-specialCarrier .c-modal__inner,.p-specialGobeyondCarrier .c-modal__inner {
        background-color: #efefef;
        width: 100%;
        padding: .5rem
    }

    .p-specialCarrier .c-modal__close,.p-specialGobeyondCarrier .c-modal__close {
        right: 2rem;
        top: 2rem;
        width: 1.8rem;
        height: 1.8rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialCarrier .c-listNews__cardPh,.p-specialGobeyondCarrier .c-listNews__cardPh {
        width:100%
    }

    .p-specialCarrier .c-listNews__cardInfo,.p-specialGobeyondCarrier .c-listNews__cardInfo {
        width: 100%
    }

    .p-specialCarrier .c-listNews__cardInfoTtl,.p-specialGobeyondCarrier .c-listNews__cardInfoTtl {
        font-size: 1.4rem;
        margin-bottom: 1rem
    }

    .p-specialCarrier .c-listNews__cardInfoName,.p-specialGobeyondCarrier .c-listNews__cardInfoName {
        font-size: 1.6rem;
        padding-bottom: 4rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>small,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small {
        font-size: 1.2rem
    }

    .p-specialCarrier .c-listNews__cardInfoName>small:first-child,.p-specialGobeyondCarrier .c-listNews__cardInfoName>small:first-child {
        margin-top: .5rem
    }
}

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

    .p-specialGobeyondCarrier .c-listNews__card a {
        height: 32rem
    }

    .p-specialGobeyondCarrier .c-listNews__cardInfoName>small:first-child {
        margin: 1rem 0
    }

    .p-specialGobeyondCarrier .c-listNews .row4 .c-listNews__card:nth-child(-n+4) {
        margin-top: 1.66667%
    }
}

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

    .p-specialGobeyondCarrier__body .c-grid {
        margin-bottom: 0
    }
}

.p-specialLiveMv {
    z-index: 0
}

@media only screen and (min-width: 801px) {
    .p-specialLiveMv .c-mv__inner {
        height:50vw;
        min-height: 72rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveMv .c-mv__inner {
        height:144vw;
        min-height: 46rem
    }
}

.p-specialLiveInfo {
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

.p-specialLiveInfo .l-section__inner {
    width: auto;
    position: relative;
    background: #fff
}

.p-specialLiveInfo__guide {
    line-height: 1.8;
    margin-top: 3rem
}

.p-specialLiveInfo__btns {
    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
}

.p-specialLiveInfo .c-btnMore a {
    color: #fff
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo .c-btnMore a {
        margin-left:auto;
        margin-right: auto
    }
}

.p-specialLiveInfo__articleAttention {
    display: inline-block;
    line-height: 1.6
}

.p-specialLiveInfo .c-tbl>dl.p-specialLiveInfo__program1 {
    position: relative;
    border-bottom: 0
}

.p-specialLiveInfo .c-tbl>dl.p-specialLiveInfo__program1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,#b9b9b9,#b9b9b9 2px,transparent 2px,transparent 4px);
    background-size: 6px 1px;
    background-repeat: repeat-x
}

.p-specialLiveInfo .c-tbl>dl.p-specialLiveInfo__program2 {
    border-bottom: 1px solid #ddd
}

.p-specialLiveInfo .c-tbl>dl.p-specialLiveInfo__notes {
    border-bottom-width: 0;
    padding-bottom: 0
}

.p-specialLiveInfo__speaker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__speaker {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__speakerImg {
        width:16rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__speakerImg {
        width:12rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__speakerDetail {
        width:calc(100% - 16rem);
        padding-left: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__speakerDetail {
        width:calc(100% - 12rem);
        padding-left: 2rem
    }
}

.p-specialLiveInfo__speakerSub {
    font-weight: 500
}

.p-specialLiveInfo__speakerTitle {
    font-weight: 500
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__speakerTitle {
        margin-top:1.2rem;
        line-height: 1.3
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__speakerTxt {
        margin-top:.6rem;
        font-size: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__speakerTxt {
        margin-top:1rem;
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.p-specialLiveInfo__onlinenotes {
    border: 1px solid #ddd;
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__onlinenotes {
        padding:2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__onlinenotes {
        margin-top:3rem;
        padding: 2rem 1rem 1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__onlinenotesList {
        margin-top:1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__onlinenotesList {
        margin-top:1rem
    }
}

.p-specialLiveInfo__onlinenotesList>li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: .5rem
}

.p-specialLiveInfo__onlinenotesList>li::before {
    content: '・';
    position: absolute;
    left: 0
}

.p-specialLiveInfo__onlinenotesTitle,.p-specialLiveInfo__sponsorsTitle {
    text-align: center;
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__onlinenotesTitle,.p-specialLiveInfo__sponsorsTitle {
        font-size:1.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__onlinenotesTitle,.p-specialLiveInfo__sponsorsTitle {
        font-size:1.4rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__organizer a,.p-specialLiveInfo__sponsors a {
        display:block;
        -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)
    }

    .p-specialLiveInfo__organizer a:hover,.p-specialLiveInfo__sponsors a:hover {
        opacity: .7
    }
}

.p-specialLiveInfo__sponsors {
    border-top: 1px solid #ddd
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsors {
        padding-top:40px
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsors {
        padding-top:20px
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsTxt {
        text-align:center;
        margin-top: 1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsTxt {
        margin-top:1rem
    }
}

.p-specialLiveInfo__sponsorsList,.p-specialLiveInfo__sponsorsList--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsList,.p-specialLiveInfo__sponsorsList--2 {
        margin-left:-2.6%;
        margin-right: -2.6%
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsList,.p-specialLiveInfo__sponsorsList--2 {
        margin-top:12px
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsList--2~.p-specialLiveInfo__sponsorsList,.p-specialLiveInfo__sponsorsList--2~.p-specialLiveInfo__sponsorsList--2,.p-specialLiveInfo__sponsorsList~.p-specialLiveInfo__sponsorsList,.p-specialLiveInfo__sponsorsList~.p-specialLiveInfo__sponsorsList--2 {
        margin-top:40px
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsList--2~.p-specialLiveInfo__sponsorsList,.p-specialLiveInfo__sponsorsList--2~.p-specialLiveInfo__sponsorsList--2,.p-specialLiveInfo__sponsorsList~.p-specialLiveInfo__sponsorsList,.p-specialLiveInfo__sponsorsList~.p-specialLiveInfo__sponsorsList--2 {
        margin-top:20px
    }
}

.p-specialLiveInfo__sponsorsList--2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsItem {
        margin:32px 2.6% 0
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsItem {
        margin-top:20px;
        width: 33.3333%
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsImg {
        max-height:36px
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsImg {
        margin-left:auto;
        margin-right: auto;
        max-height: 2.8rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialLiveInfo__sponsorsImg {
        max-height:1.4rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsImg--incudata {
        width:7.3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsImg--incudata {
        margin-left:auto;
        margin-right: auto;
        width: 5.7rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialLiveInfo__sponsorsImg--incudata {
        width:2.7rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsImg--zozo {
        width:11.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsImg--zozo {
        margin-left:auto;
        margin-right: auto;
        width: 8.2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialLiveInfo__sponsorsImg--zozo {
        width:5.2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsImg--hawks {
        width:10.3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsImg--hawks {
        margin-left:auto;
        margin-right: auto;
        width: 8.6rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialLiveInfo__sponsorsImg--hawks {
        width:4.3rem
    }
}

.p-specialLiveInfo__sponsorsHawks {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__sponsorsHawks {
        margin-top:40px;
        width: 103px
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__sponsorsHawks {
        margin-top:20px;
        width: 8.6rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialLiveInfo__sponsorsHawks {
        width:4.3rem
    }
}

.p-specialLiveInfo__organizer {
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__organizer {
        margin-top:40px;
        padding-top: 100px
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__organizer {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px;
        padding-top: 40px
    }
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo__organizerItem {
        margin:0 28px;
        width: 266px
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo__organizerItem {
        width:167px
    }

    .p-specialLiveInfo__organizerItem:last-child {
        margin-top: 30px
    }
}

.p-specialLiveInfo__participantHead {
    background-color: #000
}

.p-specialLiveInfo__participantHead>p {
    color: #fff;
    font-weight: 500;
    margin: 0 auto
}

.p-specialLiveInfo__participantBtm {
    background-color: #333;
    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
}

.p-specialLiveInfo__participantBtmLeft>* {
    color: #fff
}

.p-specialLiveInfo__participantBtmLeft>h3 {
    font-weight: 500
}

.p-specialLiveInfo__participantBtmRight p {
    color: #fff;
    text-align: center
}

.p-specialLiveInfo__list>li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: .5rem
}

.p-specialLiveInfo__list>li::before {
    content: '・';
    position: absolute;
    left: 0
}

.p-specialLiveInfo__note {
    font-size: 1.2rem
}

.p-specialLiveInfo__role a {
    color: #3b7396
}

.p-specialLiveInfo .c-btnMore.tall {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-specialLiveInfo {
        padding-left:2rem;
        padding-right: 2rem
    }

    .p-specialLiveInfo .l-section__inner {
        top: -10rem;
        height: 100%;
        margin: 0 auto -10rem
    }

    .p-specialLiveInfo.l-section:last-child:not(.bgGray):not(.bgBk) {
        padding-bottom: 12rem
    }

    .p-specialLiveInfo__mvTxt {
        position: absolute;
        max-width: 47rem;
        top: -50rem;
        right: 4rem
    }

    .p-specialLiveInfo__article {
        padding-top: 10rem;
        padding-bottom: 10rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 100rem;
        width: 100%
    }

    .p-specialLiveInfo__articleAttention {
        font-size: 2.8rem;
        margin-bottom: 10rem;
        white-space: nowrap
    }

    .p-specialLiveInfo .c-hdg {
        margin-bottom: 6rem
    }

    .p-specialLiveInfo__guide {
        text-align: center;
        margin-bottom: 3rem
    }

    .p-specialLiveInfo .c-btnMore p {
        font-size: 1.09375vw
    }

    .p-specialLiveInfo .c-btnMore.tall {
        font-weight: 500;
        margin-top: 3rem;
        margin-bottom: 0
    }

    .p-specialLiveInfo__role>p {
        text-align: center
    }

    .p-specialLiveInfo__role a {
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .p-specialLiveInfo__role a:hover {
        opacity: .7
    }

    .p-specialLiveInfo.sec2 .l-section__inner {
        padding: 0
    }

    .p-specialLiveInfo.sec3 {
        padding-bottom: 12rem!important
    }

    .p-specialLiveInfo.sec3 .l-section__inner {
        top: 0;
        padding: 0;
        margin: 0 auto
    }

    .p-specialLiveInfo.sec3 .p-specialLiveInfo__article {
        top: 0;
        margin: 0 auto;
        padding: 6rem 16rem
    }

    .p-specialLiveInfo.graduate {
        padding-bottom: 12rem!important
    }

    .p-specialLiveInfo__participantHead>p {
        font-size: 1.6rem;
        padding: 4rem 16rem
    }

    .p-specialLiveInfo__participantBtm {
        padding: 0 16rem
    }

    .p-specialLiveInfo__participantBtmLeft {
        width: 60%;
        padding-right: 2rem;
        margin: 4rem 0
    }

    .p-specialLiveInfo__participantBtmLeft>h3 {
        font-size: 1.8rem;
        padding-bottom: 2rem
    }

    .p-specialLiveInfo__participantBtmLeft>p {
        padding-bottom: 2rem
    }

    .p-specialLiveInfo__participantBtmRight {
        width: 40%;
        margin-top: -3rem
    }

    .p-specialLiveInfo__participantBtmRight p {
        padding: 1rem 0 2rem
    }

    .p-specialLiveInfo__list>li {
        padding-left: 2rem
    }

    .p-specialLiveInfo__note {
        font-size: 1.2rem;
        padding-top: 2rem
    }
}

@media only screen and (min-width: 1280px) {
    .p-specialLiveInfo .c-btnMore p {
        font-size:1.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialLiveInfo .l-section__inner {
        top:-6rem;
        margin-left: 1rem;
        margin-right: 1rem
    }

    .p-specialLiveInfo__article {
        padding: 4rem 1rem
    }

    .p-specialLiveInfo__articleAttention {
        font-size: 2rem;
        margin-bottom: 3rem
    }

    .p-specialLiveInfo .c-hdg {
        margin-bottom: 3rem
    }

    .p-specialLiveInfo .c-listBtn {
        margin-top: 3rem
    }

    .p-specialLiveInfo__lead {
        margin-bottom: 2rem
    }

    .p-specialLiveInfo.sec2 .l-section__inner {
        padding: 0
    }

    .p-specialLiveInfo.sec3 .p-specialLiveInfo__article {
        top: 0;
        margin: 0 auto
    }

    .p-specialLiveInfo__participantHead>p {
        font-size: 1.6rem;
        padding: 2rem 3rem
    }

    .p-specialLiveInfo__participantBtm {
        padding: 0 3rem
    }

    .p-specialLiveInfo__participantBtmLeft {
        width: 100%;
        margin: 2rem 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .p-specialLiveInfo__participantBtmLeft>h3 {
        font-size: 1.8rem;
        padding-bottom: 2rem
    }

    .p-specialLiveInfo__participantBtmLeft>p {
        padding-bottom: 2rem
    }

    .p-specialLiveInfo__participantBtmRight {
        width: 100%;
        margin-top: 2rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .p-specialLiveInfo__participantBtmRight p {
        padding: 1rem 0 0
    }

    .p-specialLiveInfo__list>li {
        padding-left: 1.5rem
    }

    .p-specialLiveInfo__note {
        font-size: 1.1rem;
        line-height: 1.5;
        padding-top: 2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialLiveInfo .l-section__inner {
        top:-4rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialGobeyondMv .c-mv__hdg {
        font-size:4.8rem;
        color: #000;
        margin-bottom: 3rem
    }

    .p-specialGobeyondMv .c-mv__txt {
        color: #000
    }
}

@media only screen and (max-width: 800px) {
    .p-specialGobeyondMv .c-mv__desc {
        bottom:-10rem
    }

    .p-specialGobeyondMv .c-mv__hdg {
        font-size: 3rem;
        color: #fff;
        margin-bottom: 3rem
    }

    .p-specialGobeyondMv .c-mv__txt {
        font-size: 1.3rem;
        color: #fff
    }

    .p-specialGobeyondMv .c-mv__bg>span {
        background-position: bottom center
    }
}

.p-specialGobeyondStructure {
    background-color: #000
}

.p-specialGobeyondStructureCont {
    position: relative;
    width: 100%
}

.p-specialGobeyondStructureCont__bg {
    display: block
}

.p-specialGobeyondStructureCont__link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.p-specialGobeyondStructureCont__link>li {
    position: absolute
}

.p-specialGobeyondStructureCont__link>li>a {
    position: relative;
    display: block
}

.p-specialGobeyondStructureCont__link>li>a img {
    width: 100%
}

.p-specialGobeyondStructureCont__linkIco::before {
    content: '';
    background: url(../images/ico/ico_btn_bottom_wh.svg) center center no-repeat;
    background-size: 100%;
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-specialGobeyondStructureCont__linkIco img {
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s,-webkit-filter .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.p-specialGobeyondStructureCont__linkIco: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.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.p-specialGobeyondStructureCont__linkIco.right::before {
    background: url(../images/ico/ico_btn_right_wh.svg) center center no-repeat;
    background-size: 100%
}

.p-specialGobeyondStructureCont__linkIco.right::after {
    content: '社員紹介ページ';
    width: 100%;
    display: inline-block;
    font-size: 20.8px;
    font-size: 1.3rem;
    color: #fff;
    line-height: 1;
    text-align: center;
    opacity: 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);
    pointer-events: none;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-specialGobeyondStructureCont__linkIco.right: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.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.p-specialGobeyondStructureCont__linkIco.right:hover::after {
    opacity: 1
}

@media only screen and (min-width: 801px) {
    .p-specialGobeyondStructureCont__bg {
        margin-top:-20rem
    }

    .p-specialGobeyondStructureCont__link>li {
        width: 10%
    }

    .p-specialGobeyondStructureCont__link>li>a img {
        max-width: 12rem
    }

    .p-specialGobeyondStructureCont__linkIco::before {
        width: 36.8px;
        width: 2.3rem;
        height: 36.8px;
        height: 2.3rem;
        bottom: -12.8px;
        bottom: -.8rem
    }

    .p-specialGobeyondStructureCont__linkIco.right::after {
        font-size: 20.8px;
        font-size: 1.3rem
    }

    .p-specialGobeyondStructureCont__link1 {
        left: 25%;
        bottom: 35.95206%
    }

    .p-specialGobeyondStructureCont__link2 {
        left: 46.66667%;
        bottom: 41.2783%
    }

    .p-specialGobeyondStructureCont__link3 {
        right: 21.83333%;
        top: 31.29161%
    }

    .p-specialGobeyondStructureCont__link4 {
        right: 27.5%;
        bottom: 5.32623%
    }

    .p-specialGobeyondStructureCont__link5 {
        right: 15.5%;
        bottom: 5.32623%
    }

    .p-specialGobeyondStructureCont__link6 {
        right: 13.75%;
        bottom: 23.96804%
    }

    .p-specialGobeyondStructureCont__link7 {
        right: 1.66667%;
        bottom: 34.62051%
    }

    .p-specialGobeyondStructureCont__link8 {
        right: 1.66667%;
        top: 31.29161%
    }

    .p-specialGobeyondStructureCont__link9 {
        right: 1.66667%;
        top: 12.6498%
    }

    .p-specialGobeyondStructureCont__link10 {
        left: 3.75%;
        bottom: 29.29427%
    }

    .p-specialGobeyondStructureCont__link11 {
        left: 25%;
        bottom: 9.32091%
    }

    .p-specialGobeyondStructureCont__link12 {
        right: 21.83333%;
        top: 3.99467%
    }
}

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

    .p-specialGobeyondStructureCont {
        max-width: 37.5rem;
        margin: auto
    }

    .p-specialGobeyondStructureCont__bg img {
        max-width: 37.5rem;
        width: 100%;
        margin: auto
    }

    .p-specialGobeyondStructureCont__link {
        top: 0
    }

    .p-specialGobeyondStructureCont__link>li {
        width: 21.33333%
    }

    .p-specialGobeyondStructureCont__link>li>a img {
        max-width: 8rem
    }

    .p-specialGobeyondStructureCont__linkIco::before {
        width: 36.8px;
        width: 2.3rem;
        height: 36.8px;
        height: 2.3rem;
        bottom: -12.8px;
        bottom: -.8rem
    }

    .p-specialGobeyondStructureCont__linkIco.right::after {
        font-size: 16px;
        font-size: 1rem
    }

    .p-specialGobeyondStructureCont__link1 {
        left: -2.66667%;
        top: 15.72052%
    }

    .p-specialGobeyondStructureCont__link2 {
        right: -2.66667%;
        top: 28.82096%
    }

    .p-specialGobeyondStructureCont__link3 {
        left: -2.66667%;
        bottom: 44.54148%
    }

    .p-specialGobeyondStructureCont__link4 {
        left: 14.66667%;
        bottom: 24.45415%
    }

    .p-specialGobeyondStructureCont__link5 {
        right: 21.33333%;
        bottom: 29.69432%
    }

    .p-specialGobeyondStructureCont__link6 {
        left: 30.66667%;
        bottom: 29.69432%
    }

    .p-specialGobeyondStructureCont__link7 {
        right: -2.66667%;
        bottom: 44.54148%
    }

    .p-specialGobeyondStructureCont__link8 {
        left: -2.66667%;
        bottom: 35.80786%
    }

    .p-specialGobeyondStructureCont__link9 {
        left: -2.66667%;
        bottom: 3.49345%
    }

    .p-specialGobeyondStructureCont__link10 {
        right: -2.66667%;
        top: -1.74672%
    }

    .p-specialGobeyondStructureCont__link11 {
        right: -2.66667%;
        top: 15.72052%
    }

    .p-specialGobeyondStructureCont__link12 {
        right: -2.66667%;
        top: 39.30131%
    }
}

.p-specialWorkDay__list {
    position: relative;
    width: 100%
}

.p-specialWorkDay__list:not(:last-child)::after {
    content: '';
    background: url(../images/ico/ico_arrow_pop_blue.svg) center center no-repeat;
    background-size: 100%
}

.p-specialWorkDay__desc {
    width: 100%;
    border-bottom: 5px solid #efefef
}

.p-specialWorkDay__desc>dt {
    position: relative;
    color: #3b7396;
    font-weight: 500;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.p-specialWorkDay__desc>dt::before {
    content: '';
    background: url(../images/ico/ico_time_blue.svg) center center no-repeat;
    background-size: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.p-specialWorkDay__desc>dd>p {
    font-weight: 500
}

.p-specialWorkDay__desc>dd img {
    width: 100%;
    border: 5px solid #efefef
}

@media only screen and (min-width: 801px) {
    .p-specialWorkDay .c-hdg.vertical.black+i {
        height:40rem
    }

    .p-specialWorkDay__list {
        max-width: 60rem;
        padding-bottom: 5rem;
        margin-bottom: 2rem
    }

    .p-specialWorkDay__list:not(:last-child)::after {
        position: absolute;
        width: 38.4px;
        width: 2.4rem;
        height: 48px;
        height: 3rem;
        left: 96px;
        left: 6rem;
        bottom: 0
    }

    .p-specialWorkDay__desc {
        padding-bottom: 1rem;
        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: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .p-specialWorkDay__desc>dt {
        width: 12rem;
        font-size: 2.2rem;
        padding-left: 3rem
    }

    .p-specialWorkDay__desc>dt::before {
        width: 33.6px;
        width: 2.1rem;
        height: 33.6px;
        height: 2.1rem
    }

    .p-specialWorkDay__desc>dd {
        width: calc(100% - 12rem);
        margin-bottom: .4rem
    }

    .p-specialWorkDay__desc>dd>p {
        font-size: 1.8rem
    }

    .p-specialWorkDay__desc>dd img {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .p-specialWorkDay__list2,.p-specialWorkDay__list5,.p-specialWorkDay__list7 {
        width: 60vw;
        max-width: 78rem
    }

    .p-specialWorkDay__list2 dd img,.p-specialWorkDay__list5 dd img,.p-specialWorkDay__list7 dd img {
        width: 18.46154vw;
        max-width: 24rem
    }

    .p-specialWorkDay__list3,.p-specialWorkDay__list6 {
        width: 90.76923vw;
        max-width: 118rem
    }

    .p-specialWorkDay__list3 dd img,.p-specialWorkDay__list6 dd img {
        width: 27.69231vw;
        max-width: 36rem
    }

    .p-specialWorkDay__list2 dd img {
        bottom: -3rem
    }

    .p-specialWorkDay__list5 dd>p {
        width: 28.33333vw;
        max-width: 66rem
    }

    .p-specialWorkDay__list1a,.p-specialWorkDay__list4a,.p-specialWorkDay__list8a {
        width: 60vw;
        max-width: 78rem
    }

    .p-specialWorkDay__list1a dd img,.p-specialWorkDay__list4a dd img,.p-specialWorkDay__list8a dd img {
        width: 18.46154vw;
        max-width: 24rem
    }

    .p-specialWorkDay__list10a,.p-specialWorkDay__list2a,.p-specialWorkDay__list7a {
        width: 90.76923vw;
        max-width: 118rem
    }

    .p-specialWorkDay__list10a dd img,.p-specialWorkDay__list2a dd img,.p-specialWorkDay__list7a dd img {
        width: 27.69231vw;
        max-width: 36rem;
        bottom: -3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialWorkDay .c-hdg.vertical.black+i {
        height:14rem;
        min-height: 14rem
    }

    .p-specialWorkDay__list {
        padding-bottom: 5rem;
        margin-bottom: 2rem
    }

    .p-specialWorkDay__list:not(:last-child)::after {
        width: 38.4px;
        width: 2.4rem;
        height: 48px;
        height: 3rem;
        bottom: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .p-specialWorkDay__list2 .p-specialWorkDay__desc,.p-specialWorkDay__list3 .p-specialWorkDay__desc,.p-specialWorkDay__list5 .p-specialWorkDay__desc,.p-specialWorkDay__list6 .p-specialWorkDay__desc,.p-specialWorkDay__list7 .p-specialWorkDay__desc {
        border-bottom: 0
    }

    .p-specialWorkDay__desc>dt {
        font-size: 2.4rem;
        padding-left: 3rem
    }

    .p-specialWorkDay__desc>dt::before {
        width: 33.6px;
        width: 2.1rem;
        height: 33.6px;
        height: 2.1rem
    }

    .p-specialWorkDay__desc>dd>p {
        font-size: 1.5rem;
        padding: 0 1rem 1.5rem 0
    }
}

.p-specialWorkPeople {
    position: relative;
    z-index: 1
}

.p-specialWorkPeople .c-listPeople__card {
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

.p-specialWorkPeople .c-listPeople__cardTxt {
    background: 0 0
}

.p-specialWorkPeople .c-listPeople__cardTxt dt {
    position: relative;
    padding: 1.5rem 0 2rem
}

.p-specialWorkPeople .c-listPeople__cardTxt dt::after {
    content: 'VIEW MORE >';
    position: absolute;
    width: 100%;
    font-size: 17.6px;
    font-size: 1.1rem;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 300;
    text-align: center;
    left: 0;
    bottom: 0
}

.p-specialWorkPeople .c-listPeople__cardTxt dd {
    display: none
}

.p-specialWorkPeople .c-listPeople__empty {
    display: none;
    font-weight: 500;
    text-align: center;
    height: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) .15s;
    transition: opacity .2s cubic-bezier(0,0,.25,1) .15s
}

.p-specialWorkPeople .c-listPeople__empty.is-appear {
    height: auto;
    opacity: 1
}

@media only screen and (min-width: 801px) {
    .p-specialWorkPeople {
        padding:8rem 0 4rem;
        min-height: 60rem
    }

    .p-specialWorkPeople::before {
        height: 528px;
        height: 33rem
    }

    .p-specialWorkPeople .c-listPeople ul {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .p-specialWorkPeople .c-listPeople__empty {
        padding: 6rem 0 8rem;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialWorkPeople {
        padding:6rem 0 4rem;
        min-height: 50rem
    }

    .p-specialWorkPeople::before {
        height: 624px;
        height: 39rem
    }

    .p-specialWorkPeople .c-listPeople ul {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .p-specialWorkPeople .c-listPeople__empty {
        padding: 4rem 0 6rem;
        font-size: 1.8rem
    }
}

.p-specialThankyou {
    background-color: #000
}

.p-specialThankyouMv {
    position: relative;
    width: 100vw
}

.p-specialThankyouMv__splash {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99
}

.p-specialThankyouMv__splash.is-view {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.p-specialThankyouMv__splash.is-view img {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s,-webkit-transform 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.p-specialThankyouMv__slider {
    font-size: 0;
    letter-spacing: -.5em;
    width: 10000px
}

.p-specialThankyouMv__sliderBody {
    display: inline-block;
    top: 0;
    white-space: nowrap
}

.p-specialThankyouMv__sliderBody>div {
    display: inline-block
}

.p-specialThankyouMv__sliderBody div[data-grid] {
    position: relative
}

.p-specialThankyouMv__sliderBody div[data-grid] a {
    position: relative;
    display: block;
    z-index: 2
}

.p-specialThankyouMv__sliderBody div[data-grid] img {
    -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)
}

.p-specialThankyouMv__sliderLargeInner {
    padding: 0!important
}

.p-specialThankyouMv__sliderLargeInner>div {
    display: inline-block
}

.p-specialThankyouMv__sliderTxt {
    color: #fff;
    text-align: center;
    letter-spacing: .04em;
    opacity: 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%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-specialThankyouMv__sliderTxt>dt {
    display: block;
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-specialThankyouMv {
        padding-top:5.4rem
    }

    .p-specialThankyouMv__splash img {
        max-width: 50rem;
        margin: 0 auto 4rem
    }

    .p-specialThankyouMv__slider {
        height: 78rem
    }

    .p-specialThankyouMv__sliderBody>div>div {
        padding: 1rem
    }

    .p-specialThankyouMv__sliderBody div[data-grid]::before {
        content: '';
        border: 10px solid rgba(255,255,255,.15);
        opacity: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        -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);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .p-specialThankyouMv__sliderBody div[data-grid] a::before {
        content: '';
        background: url(../images/ico/ico_view_detail.svg) center center no-repeat;
        background-size: 100%;
        width: 92.8px;
        width: 5.8rem;
        height: 112px;
        height: 7rem;
        bottom: 10%;
        opacity: 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;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .p-specialThankyouMv__sliderBody div[data-grid]:hover::before {
        width: calc(100% - 32px);
        width: calc(100% - 2rem);
        height: calc(100% - 32px);
        height: calc(100% - 2rem);
        opacity: 1
    }

    .p-specialThankyouMv__sliderBody div[data-grid]:hover img {
        opacity: .35
    }

    .p-specialThankyouMv__sliderBody div[data-grid]:hover a::before {
        opacity: 1
    }

    .p-specialThankyouMv__sliderBody div[data-grid]:hover .p-specialThankyouMv__sliderTxt {
        opacity: 1
    }

    .p-specialThankyouMv__sliderSmall {
        width: 26rem
    }

    .p-specialThankyouMv__sliderMedium {
        width: 39rem
    }

    .p-specialThankyouMv__sliderLarge {
        width: 52rem
    }

    .p-specialThankyouMv__sliderLargeInner>div {
        max-width: 26rem;
        padding: 1rem
    }

    .p-specialThankyouMv__sliderTxt>dt {
        font-size: 1.8rem
    }

    .p-specialThankyouMv__sliderTxt>dd {
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialThankyouMv {
        padding-top:.4rem
    }

    .p-specialThankyouMv__splash img {
        margin: 0 auto 2rem
    }

    .p-specialThankyouMv__slider {
        height: 60rem
    }

    .p-specialThankyouMv__sliderBody div[data-grid] a::before {
        content: '';
        position: absolute;
        background: url(../images/ico/ico_plus.svg) center center no-repeat;
        background-size: 100%;
        width: 48px;
        width: 3rem;
        height: 48px;
        height: 3rem;
        right: 8px;
        right: .5rem;
        bottom: 8px;
        bottom: .5rem
    }

    .p-specialThankyouMv__sliderBody>div>div {
        padding: .4rem
    }

    .p-specialThankyouMv__sliderSmall {
        width: 20.8rem
    }

    .p-specialThankyouMv__sliderMedium {
        width: 31.2rem
    }

    .p-specialThankyouMv__sliderLarge {
        width: 41.6rem
    }

    .p-specialThankyouMv__sliderLargeInner>div {
        max-width: 20.8rem;
        padding: .4rem
    }

    .p-specialThankyouMv__sliderTxt>dt {
        font-size: 1.6rem
    }

    .p-specialThankyouMv__sliderTxt>dd {
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-specialThankyouMv__slider {
        height:48rem
    }

    .p-specialThankyouMv__sliderSmall {
        width: 15.6rem
    }

    .p-specialThankyouMv__sliderMedium {
        width: 23.4rem
    }

    .p-specialThankyouMv__sliderLarge {
        width: 31.2rem
    }

    .p-specialThankyouMv__sliderLargeInner>div {
        max-width: 15.6rem
    }

    .p-specialThankyouMv__sliderTxt>dt {
        font-size: 1.4rem
    }

    .p-specialThankyouMv__sliderTxt>dd {
        font-size: 1.1rem
    }
}

.p-specialThankyouModalData {
    display: none
}

.p-specialThankyouModal__body {
    width: 100%;
    overflow-y: scroll;
    border: .5rem solid #fff
}

.p-specialThankyouModal__desc {
    text-align: center
}

.p-specialThankyouModal__desc>dt {
    font-weight: 500
}

.p-specialThankyouModal__desc>dt small {
    display: block
}

.p-specialThankyouModal__descTxt>dt {
    font-weight: 500
}

.p-specialThankyouModal .c-modal__inner ::-webkit-scrollbar {
    width: .2rem
}

.p-specialThankyouModal .c-modal__inner ::-webkit-scrollbar-track {
    background: #fff
}

.p-specialThankyouModal .c-modal__inner ::-webkit-scrollbar-thumb {
    background: #555;
    border-bottom: 1px solid #fff;
    border-radius: 0
}

@media only screen and (min-width: 801px) {
    .p-specialThankyouModal__body {
        max-height:70vh;
        max-width: 64rem;
        padding: 8rem
    }

    .p-specialThankyouModal__ph {
        margin-bottom: 2rem
    }

    .p-specialThankyouModal__ph img {
        max-width: 48rem
    }

    .p-specialThankyouModal__desc>dt {
        font-size: 1.8rem;
        margin-bottom: 1rem
    }

    .p-specialThankyouModal__desc>dt small {
        font-size: 1.1rem;
        margin-top: -.3rem
    }

    .p-specialThankyouModal__desc>dd {
        font-size: 1.3rem
    }

    .p-specialThankyouModal__descPosition {
        font-size: 1.2rem
    }

    .p-specialThankyouModal__descJoin {
        font-size: 1.2rem;
        margin-bottom: 2.5rem
    }

    .p-specialThankyouModal__descTxt>dt {
        font-size: 1.8rem;
        margin-bottom: .5rem
    }

    .p-specialThankyouModal__descTxt>dd {
        font-size: 1.4rem
    }

    .p-specialThankyouModal .c-modal {
        padding: 2rem
    }

    .p-specialThankyouModal .c-modal__close {
        top: 3rem;
        right: 3rem;
        width: 2rem;
        height: 2rem;
        cursor: pointer
    }
}

@media only screen and (max-width: 800px) {
    .p-specialThankyouModal__body {
        max-height:60vh;
        width: calc(100vw - 2rem);
        padding: .5rem .5rem 2rem;
        margin-top: 4rem
    }

    .p-specialThankyouModal__ph {
        margin-bottom: 2rem
    }

    .p-specialThankyouModal__desc>dt {
        font-size: 1.5rem;
        margin-bottom: 1rem
    }

    .p-specialThankyouModal__desc>dt small {
        font-size: 1.1rem;
        margin-top: -.3rem
    }

    .p-specialThankyouModal__desc>dd {
        font-size: 1.2rem
    }

    .p-specialThankyouModal__descPosition {
        font-size: 1.1rem
    }

    .p-specialThankyouModal__descJoin {
        font-size: 1.1rem;
        margin-bottom: 1.5rem
    }

    .p-specialThankyouModal__descTxt>dt {
        font-size: 1.5rem;
        margin-bottom: .5rem
    }

    .p-specialThankyouModal__descTxt>dd {
        font-size: 1.2rem;
        padding: 0 2rem
    }

    .p-specialThankyouModal .c-modal__close {
        top: 1.5rem;
        right: 1.5rem;
        width: 1.6rem;
        height: 1.6rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialThankyouMovie .l-section__inner {
        padding:12rem 6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialThankyouMovie .l-section__inner {
        padding:5rem 3rem
    }
}

.p-specialmoviesMv {
    z-index: 1
}

.p-specialmoviesMv .js-setbg-black,.p-specialmoviesMv .js-setbg-gray,.p-specialmoviesMv .js-setbg-off {
    position: absolute;
    top: 0;
    bottom: 0
}

.p-specialmoviesMv .c-mv__hdg {
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 500
}

.p-specialmoviesMv .c-mv__bg {
    background-color: #000
}

.p-specialmoviesMv .c-mv__bg video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-height: 100%;
    min-width: 100%;
    opacity: .8
}

@media only screen and (max-width: 1294px) {
    .p-specialmoviesMv .c-mv__bg video {
        height:100%
    }
}

@media only screen and (min-width: 1295px) {
    .p-specialmoviesMv .c-mv__bg video {
        width:100%
    }
}

.p-specialmoviesMv .c-mv__cursive {
    position: absolute
}

@media only screen and (min-width: 801px) {
    .p-specialmoviesMv {
        height:72rem
    }

    .l-sales .p-specialmoviesMv {
        height: 68rem
    }

    .p-specialmoviesMv .c-mv__inner {
        min-height: 64.5rem
    }

    .l-sales .p-specialmoviesMv .c-mv__inner {
        min-height: 60.5rem
    }

    .p-specialmoviesMv .c-mv__hdg {
        font-size: 4.8rem
    }

    .p-specialmoviesMv .c-mv__txt {
        margin-top: 2rem;
        font-size: 1.5rem
    }

    .p-specialmoviesMv .c-mv__cursive {
        width: 46rem;
        right: 6rem;
        bottom: -7rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialmoviesMv {
        margin-top:0
    }

    .p-specialmoviesMv .c-mv__inner {
        height: 100vw;
        min-height: 37.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .p-specialmoviesMv .c-mv__desc {
        margin-left: 0;
        height: auto;
        padding-top: 12rem
    }

    .l-sales .p-specialmoviesMv .c-mv__desc {
        padding-top: 9.5rem
    }

    .p-specialmoviesMv .c-mv__hdg {
        font-size: 3.2rem
    }

    .p-specialmoviesMv .c-mv__txt {
        margin-top: 1.5rem;
        font-size: 1.4rem
    }

    .p-specialmoviesMv .c-mv__cursive {
        width: 21.2rem;
        right: 0;
        bottom: -7.5rem
    }
}

.p-specialmoviesNav {
    position: relative;
    z-index: 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
}

.p-specialmoviesNav .js-setbg-black,.p-specialmoviesNav .js-setbg-gray,.p-specialmoviesNav .js-setbg-off {
    position: absolute;
    top: 0;
    bottom: 0
}

.p-specialmoviesNav .p-specialmoviesSection__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
}

.p-specialmoviesNav__hdg {
    position: relative;
    font-weight: 500;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #fff;
    line-height: 1.6em
}

.p-specialmoviesNav__hdg>span {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem);
    -webkit-transition: opacity .4s .3s cubic-bezier(0,0,.25,1),-webkit-transform .4s .3s cubic-bezier(0,0,.25,1);
    transition: opacity .4s .3s cubic-bezier(0,0,.25,1),-webkit-transform .4s .3s cubic-bezier(0,0,.25,1);
    transition: opacity .4s .3s cubic-bezier(0,0,.25,1),transform .4s .3s cubic-bezier(0,0,.25,1);
    transition: opacity .4s .3s cubic-bezier(0,0,.25,1),transform .4s .3s cubic-bezier(0,0,.25,1),-webkit-transform .4s .3s cubic-bezier(0,0,.25,1)
}

.p-specialmoviesNav__hdg::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 0%;
    background-color: rgba(255,255,255,.15);
    -webkit-transition: width .6s cubic-bezier(0,0,.25,1);
    transition: width .6s cubic-bezier(0,0,.25,1)
}

.p-specialmoviesNav__hdgSales {
    position: relative;
    font-weight: 500;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #fff;
    line-height: 1.6em;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(2rem) translateZ(0);
    transform: translateY(2rem) translateZ(0);
    -webkit-transition: opacity .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),transform .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    will-change: opacity,transform
}

.p-specialmoviesNav__hdgSales>span {
    display: block
}

.p-specialmoviesNav__hdgSales::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-transition: width .5s cubic-bezier(0,0,.25,1);
    transition: width .5s cubic-bezier(0,0,.25,1)
}

.p-specialmoviesNav__hdgSub {
    line-height: 2;
    color: #fff;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(2rem) translateZ(0);
    transform: translateY(2rem) translateZ(0);
    -webkit-transition: opacity .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),transform .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    will-change: opacity,transform
}

.p-specialmoviesNav__lists li {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(2rem) translateZ(0);
    transform: translateY(2rem) translateZ(0);
    -webkit-transition: opacity .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),transform .4s cubic-bezier(0,0,.25,1);
    transition: opacity .4s cubic-bezier(0,0,.25,1),transform .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    will-change: opacity,transform
}

.p-specialmoviesNav__lists li a {
    position: relative;
    color: #fff
}

.p-specialmoviesNav__lists li a::after {
    position: absolute
}

.p-specialmoviesNav__lists li a img {
    will-change: transform
}

.p-specialmoviesNav__lists li:nth-child(1) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.p-specialmoviesNav__lists li:nth-child(2) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.p-specialmoviesNav__lists li:nth-child(3) {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.p-specialmoviesNav__lists li:nth-child(4) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.p-specialmoviesNav__lists li:nth-child(5) {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

.p-specialmoviesNav__lists li:nth-child(6) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.p-specialmoviesNav__lists li:nth-child(7) {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

@media only screen and (min-width: 801px) {
    .p-specialmoviesNav {
        margin-bottom:13rem
    }

    .p-specialmoviesNav__hdg {
        margin-top: 12rem;
        padding-top: 5.5rem;
        font-size: 2.8rem
    }

    .p-specialmoviesNav__hdgSales {
        margin-top: 10rem;
        padding-bottom: 2.2rem;
        font-size: 3.6rem;
        text-align: center
    }

    .p-specialmoviesNav__hdgSales::before {
        width: 0
    }

    .p-specialmoviesNav__hdgSub {
        margin-top: 3.6rem;
        margin-bottom: 5rem;
        font-size: 1.5rem
    }

    .p-specialmoviesNav__lists {
        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;
        margin-top: 4rem;
        margin-left: -3rem;
        margin-right: -3rem;
        width: calc(100% + 6rem)
    }

    .p-specialmoviesNav__lists li {
        width: 33.33333%;
        padding-left: 3rem;
        padding-right: 3rem;
        text-align: center;
        font-size: 1.3rem
    }

    .p-specialmoviesNav__lists li:nth-child(n+4) {
        margin-top: 4.6rem
    }

    .p-specialmoviesNav__lists li a {
        display: block;
        padding-bottom: 2.6rem;
        -webkit-transition: opacity .2s cubic-bezier(0,0,.25,1) 0s;
        transition: opacity .2s cubic-bezier(0,0,.25,1) 0s
    }

    .p-specialmoviesNav__lists li a .p-specialmoviesNav__img {
        overflow: hidden
    }

    .p-specialmoviesNav__lists li a .p-specialmoviesNav__img img {
        -webkit-transition: -webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
        transition: -webkit-transform .2s cubic-bezier(0,0,.25,1) 0s;
        transition: transform .2s cubic-bezier(0,0,.25,1) 0s;
        transition: transform .2s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .2s cubic-bezier(0,0,.25,1) 0s
    }

    .p-specialmoviesNav__lists li a .p-specialmoviesNav__ttl {
        margin-top: 1.8rem
    }

    .p-specialmoviesNav__lists li a::after {
        background: url(../images/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;
        bottom: 0;
        left: 50%;
        -webkit-transition: bottom .2s cubic-bezier(0,0,.25,1) 0s;
        transition: bottom .2s cubic-bezier(0,0,.25,1) 0s;
        -webkit-transform: translate(-50%,0) rotate(90deg);
        transform: translate(-50%,0) rotate(90deg)
    }
}

@media only screen and (min-width: 801px) and (max-width:544px) {
    .p-specialmoviesNav__lists li a::after {
        width:31.2px;
        width: 1.95rem;
        height: 31.2px;
        height: 1.95rem
    }
}

@media only screen and (min-width: 801px) {
    .p-specialmoviesNav__lists li a:hover {
        opacity:.75
    }

    .p-specialmoviesNav__lists li a:hover .p-specialmoviesNav__img img {
        -webkit-transform: scale(1.03) translateZ(0);
        transform: scale(1.03) translateZ(0)
    }

    .p-specialmoviesNav__lists li a:hover::after {
        bottom: -8px;
        bottom: -.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-specialmoviesNav .js-setbg-black,.p-specialmoviesNav .js-setbg-gray,.p-specialmoviesNav .js-setbg-off {
        position:absolute;
        top: 100%;
        bottom: 0
    }

    .p-specialmoviesNav__hdg {
        margin-top: 5rem;
        padding-top: 3.5rem;
        font-size: 2rem
    }

    .p-specialmoviesNav__hdgSales {
        margin-top: 7rem;
        padding-bottom: 1.6rem;
        font-size: 2.4rem;
        text-align: center
    }

    .p-specialmoviesNav__hdgSales::before {
        width: 0
    }

    .p-specialmoviesNav__hdgSub {
        margin-top: 2.4rem;
        margin-bottom: 3.4rem;
        font-size: 1.4rem
    }

    .p-specialmoviesNav__lists {
        margin-top: 2.5rem
    }

    .p-specialmoviesNav__lists li:not(:first-child) {
        padding-top: 1rem;
        margin-top: 1rem;
        border-top: 1px solid rgba(255,255,255,.1)
    }

    .p-specialmoviesNav__lists li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 5rem
    }

    .p-specialmoviesNav__lists li a .p-specialmoviesNav__img {
        width: 8.8rem
    }

    .p-specialmoviesNav__lists li a .p-specialmoviesNav__ttl {
        margin-left: 1.5rem
    }

    .p-specialmoviesNav__lists li a::after {
        background: url(../images/ico/ico_arrow.svg) center center no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 12.8px;
        width: .8rem;
        height: 12.8px;
        height: .8rem;
        top: 50%;
        right: 15px;
        -webkit-transform: translate(0,-50%) rotate(90deg);
        transform: translate(0,-50%) rotate(90deg)
    }
}

@media only screen and (max-width: 800px) and (max-width:544px) {
    .p-specialmoviesNav__lists li a::after {
        width:19.2px;
        width: 1.2rem;
        height: 19.2px;
        height: 1.2rem
    }
}

.p-specialmoviesNav.is-in .p-specialmoviesNav__hdg>span {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0)
}

.p-specialmoviesNav.is-in .p-specialmoviesNav__hdg::before {
    width: 100%
}

.p-specialmoviesNav.is-in .p-specialmoviesNav__hdgSales,.p-specialmoviesNav.is-in .p-specialmoviesNav__hdgSub {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0)
}

.p-specialmoviesNav.is-in .p-specialmoviesNav__hdgSales::before,.p-specialmoviesNav.is-in .p-specialmoviesNav__hdgSub::before {
    width: 48px;
    width: 3rem
}

.p-specialmoviesNav.is-in .p-specialmoviesNav__lists li {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0)
}

.p-specialmoviesSection {
    z-index: 1
}

.p-specialmoviesSection--even__inner,.p-specialmoviesSection__inner {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.p-specialmoviesSection .js-setbg-black,.p-specialmoviesSection .js-setbg-gray,.p-specialmoviesSection .js-setbg-off {
    position: absolute;
    top: 0;
    bottom: 0
}

.p-specialmoviesSection--even__bg,.p-specialmoviesSection__bg {
    z-index: 1;
    position: relative;
    overflow: hidden;
    opacity: .15;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection--even__bg-inner,.p-specialmoviesSection__bg-inner {
    position: absolute;
    top: 0;
    width: 0%;
    height: 100%;
    -webkit-transition: width .4s cubic-bezier(0,0,.25,1);
    transition: width .4s cubic-bezier(0,0,.25,1);
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection__bg-img,.p-specialmoviesSection__bg-inner {
    right: 0
}

.p-specialmoviesSection--even__bg-img,.p-specialmoviesSection__bg-img {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection--even__bg-img>img,.p-specialmoviesSection__bg-img>img {
    -webkit-transition: -webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: -webkit-transform .4s cubic-bezier(0,0,.25,1);
    transition: transform .4s cubic-bezier(0,0,.25,1);
    transition: transform .4s cubic-bezier(0,0,.25,1),-webkit-transform .4s cubic-bezier(0,0,.25,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.p-specialmoviesSection__bg-img>img {
    -webkit-transform-origin: right;
    transform-origin: right
}

.p-specialmoviesSection--even__line,.p-specialmoviesSection__line {
    position: absolute;
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection__thumb {
    position: relative;
    height: 0;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection--even__thumb-ttl,.p-specialmoviesSection__thumb-ttl {
    position: absolute;
    top: -4rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    color: #fff;
    font-size: 1.4rem;
    padding-bottom: 11rem;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection--even__thumb-ttl::after,.p-specialmoviesSection__thumb-ttl::after {
    content: "";
    display: block;
    height: 160px;
    height: 10rem;
    width: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1px
}

.p-specialmoviesSection__thumb-ttl {
    left: 2rem
}

.p-specialmoviesSection__thumb-link {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    height: 0%;
    width: 0%;
    background-color: rgba(255,255,255,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-transition: width .25s .4s cubic-bezier(0,0,.25,1),height .25s .65s cubic-bezier(0,0,.25,1);
    transition: width .25s .4s cubic-bezier(0,0,.25,1),height .25s .65s cubic-bezier(0,0,.25,1);
    cursor: pointer
}

.p-specialmoviesSection__thumb-link::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(255,255,255,.3);
    opacity: 0;
    -webkit-transition: opacity .3s .4s cubic-bezier(0,0,.25,1);
    transition: opacity .3s .4s cubic-bezier(0,0,.25,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection__thumb-link.is-hover .p-specialmoviesSection__thumb-poster {
    opacity: 0;
    -webkit-transition: opacity 0s cubic-bezier(0,0,.25,1);
    transition: opacity 0s cubic-bezier(0,0,.25,1)
}

.p-specialmoviesSection__thumb-imgwrap {
    background-color: #000;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    overflow: hidden;
    height: 0%;
    width: 100%;
    -webkit-transition: height .3s .93s cubic-bezier(0,0,.25,1);
    transition: height .3s .93s cubic-bezier(0,0,.25,1)
}

.p-specialmoviesSection__thumb-imgwrap.is-animationend .p-specialmoviesSection__thumb-img {
    display: block
}

.p-specialmoviesSection__thumb-poster {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1);
    z-index: 4;
    background-color: #000;
    width: 100%
}

.p-specialmoviesSection__thumb-poster>img {
    opacity: .8;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection__thumb-img {
    display: none;
    opacity: .8;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 100%;
    height: 100%
}

.p-specialmoviesSection__thumb-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection__thumb-img img.is-show {
    z-index: 2
}

.p-specialmoviesSection__thumb-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    -webkit-transition: opacity .3s 1.4s cubic-bezier(0,0,.25,1);
    transition: opacity .3s 1.4s cubic-bezier(0,0,.25,1);
    opacity: 0;
    will-change: opacity
}

.p-specialmoviesSection__thumb-btn>span {
    display: block;
    background: url(../images/special/specialmovies/btn_play.svg) 50% 0 no-repeat;
    background-size: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1)
}

.p-specialmoviesSection__desc {
    z-index: 2
}

.p-specialmoviesSection--even__hdg,.p-specialmoviesSection__hdg {
    opacity: 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    z-index: 3;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.p-specialmoviesSection--even__hdg span,.p-specialmoviesSection__hdg span {
    display: inline-block
}

.p-specialmoviesSection--even__hdg .indent-05,.p-specialmoviesSection__hdg .indent-05 {
    text-indent: -.5em
}

.p-specialmoviesSection--even__txt,.p-specialmoviesSection__txt {
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .6s 2s cubic-bezier(0,0,.25,1);
    transition: opacity .6s 2s cubic-bezier(0,0,.25,1);
    z-index: 2
}

.p-specialmoviesSection__time {
    text-align: right;
    font-family: Roboto,"Noto Sans JP",sans-serif
}

.p-specialmoviesSection__time span {
    margin-left: .5rem;
    margin-right: .5rem
}

.p-specialmoviesSection__paragraph {
    position: relative;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    line-height: 2.1;
    letter-spacing: .02em
}

.p-specialmoviesSection__paragraph::before {
    content: "";
    background-color: rgba(255,255,255,.15);
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (min-width: 801px) {
    .p-specialmoviesSection {
        padding:13rem 0
    }

    .p-specialmoviesSection:last-of-type {
        padding-bottom: 18rem
    }

    .p-specialmoviesSection__inner {
        max-width: 132rem;
        padding: 0 6rem
    }

    .p-specialmoviesSection--even__bg,.p-specialmoviesSection__bg {
        width: calc(90rem + 50vw - 50%);
        height: 54rem
    }

    .p-specialmoviesSection__bg {
        margin-left: auto;
        margin-right: calc(50% - 50vw)
    }

    .l-disability [data-movie-sec='3'] .p-specialmoviesSection__bg,.l-graduate [data-movie-sec='3'] .p-specialmoviesSection__bg {
        -webkit-transform: translateY(-4rem);
        transform: translateY(-4rem)
    }

    .p-specialmoviesSection__bg-img {
        right: 0
    }

    .p-specialmoviesSection__bg-img img {
        position: absolute;
        right: 0
    }

    .p-specialmoviesSection--even__body,.p-specialmoviesSection__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -36rem
    }

    .p-specialmoviesSection--even__line,.p-specialmoviesSection__line {
        top: 99%;
        height: 63.5rem;
        width: 1px;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition: -webkit-transform 1s .6s cubic-bezier(0,0,.25,1);
        transition: -webkit-transform 1s .6s cubic-bezier(0,0,.25,1);
        transition: transform 1s .6s cubic-bezier(0,0,.25,1);
        transition: transform 1s .6s cubic-bezier(0,0,.25,1),-webkit-transform 1s .6s cubic-bezier(0,0,.25,1)
    }

    .p-specialmoviesSection__line {
        left: 55%;
        -webkit-transform: rotate(-45deg) scaleY(0) translateZ(0);
        transform: rotate(-45deg) scaleY(0) translateZ(0)
    }

    .p-specialmoviesSection__thumb {
        width: 65%;
        padding-bottom: 36.5%
    }

    .l-sales .p-specialmoviesSection__thumb {
        padding-bottom: 36.66667%
    }

    .p-specialmoviesSection__thumb-link {
        pointer-events: none
    }

    .p-specialmoviesSection__thumb-link.is-show {
        pointer-events: auto
    }

    .p-specialmoviesSection__thumb-link:hover .p-specialmoviesSection__thumb-btn>span:before {
        opacity: 1
    }

    .p-specialmoviesSection__thumb-btn>span {
        padding-top: 9.5rem;
        width: 8rem;
        position: relative
    }

    .p-specialmoviesSection__thumb-btn>span:before {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        top: 0;
        content: "";
        display: block;
        width: 128px;
        width: 8rem;
        height: 128px;
        height: 8rem;
        background: url(../images/special/specialmovies/btn_play_o.svg) 50% 0 no-repeat;
        background-size: 100%;
        opacity: 0;
        -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-specialmoviesSection__desc {
        position: relative;
        width: 30%;
        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: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-specialmoviesSection--even__hdg,.p-specialmoviesSection__hdg {
        font-size: 4.6rem;
        position: absolute;
        top: -15.8rem;
        white-space: nowrap
    }

    .p-specialmoviesSection__hdg {
        margin-left: -34rem;
        width: calc(100% + 34rem);
        right: 0
    }

    .l-disability [data-movie-sec='3'] .p-specialmoviesSection__hdg,.l-graduate [data-movie-sec='3'] .p-specialmoviesSection__hdg {
        top: -20.8rem;
        margin-left: -30rem;
        width: calc(100% + 30rem)
    }

    .p-specialmoviesSection--even__hdg {
        left: 0
    }

    .p-specialmoviesSection__txt {
        padding-top: 5rem
    }

    .l-disability [data-movie-sec='3'] .p-specialmoviesSection__txt,.l-graduate [data-movie-sec='3'] .p-specialmoviesSection__txt {
        padding-top: 0;
        margin-top: -1.5rem
    }

    .p-specialmoviesSection__time {
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 1134px) and (min-width:801px) {
    .p-specialmoviesSection--even__hdg,.p-specialmoviesSection__hdg {
        font-size:3.8rem;
        top: -12.2rem
    }

    .p-specialmoviesSection__hdg {
        margin-left: -40rem;
        width: calc(100% + 40rem)
    }

    .l-disability [data-movie-sec='3'] .p-specialmoviesSection__hdg,.l-graduate [data-movie-sec='3'] .p-specialmoviesSection__hdg {
        top: -17.4rem;
        margin-left: -40rem;
        width: calc(100% + 40rem)
    }

    .p-specialmoviesSection--even__bg,.p-specialmoviesSection__bg {
        height: 49.5rem
    }

    .p-specialmoviesSection__bg {
        width: 86rem;
        margin-right: -6rem
    }

    .p-specialmoviesSection__line {
        -webkit-transform: rotate(-30deg) scaleY(0) translateZ(0);
        transform: rotate(-30deg) scaleY(0) translateZ(0)
    }
}

@media only screen and (max-width: 800px) {
    .p-specialmoviesSection {
        position:relative;
        padding: 8rem 0
    }

    .p-specialmoviesSection__inner {
        padding: 0 3rem
    }

    .p-specialmoviesSection--even__hdg,.p-specialmoviesSection__hdg {
        position: absolute;
        top: -8.5rem;
        font-size: 2.4rem
    }

    .l-sales .p-specialmoviesSection--even__hdg,.l-sales .p-specialmoviesSection__hdg {
        letter-spacing: 0
    }

    .l-sales [data-movie-sec='2'] .p-specialmoviesSection--even__hdg,.l-sales [data-movie-sec='2'] .p-specialmoviesSection__hdg {
        top: -12rem
    }

    .l-disability [data-movie-sec='3'] .p-specialmoviesSection--even__hdg,.l-disability [data-movie-sec='3'] .p-specialmoviesSection__hdg,.l-graduate [data-movie-sec='3'] .p-specialmoviesSection--even__hdg,.l-graduate [data-movie-sec='3'] .p-specialmoviesSection__hdg {
        top: -12rem
    }

    .l-sales [data-movie-sec='3'] .p-specialmoviesSection--even__hdg,.l-sales [data-movie-sec='3'] .p-specialmoviesSection__hdg {
        font-size: 2.04rem
    }

    .l-sales [data-movie-sec='4'] .p-specialmoviesSection--even__hdg>div,.l-sales [data-movie-sec='4'] .p-specialmoviesSection__hdg>div {
        display: inline
    }

    .l-sales [data-movie-sec='4'] .p-specialmoviesSection--even__hdg span,.l-sales [data-movie-sec='4'] .p-specialmoviesSection__hdg span {
        display: inline
    }

    .l-disability [data-movie-sec='5'] .p-specialmoviesSection--even__hdg,.l-disability [data-movie-sec='5'] .p-specialmoviesSection__hdg,.l-graduate [data-movie-sec='5'] .p-specialmoviesSection--even__hdg,.l-graduate [data-movie-sec='5'] .p-specialmoviesSection__hdg {
        font-size: 2rem
    }

    .l-sales [data-movie-sec='5'] .p-specialmoviesSection--even__hdg,.l-sales [data-movie-sec='5'] .p-specialmoviesSection__hdg {
        font-size: 2.3rem
    }

    .l-sales [data-movie-sec='6'] .p-specialmoviesSection--even__hdg,.l-sales [data-movie-sec='6'] .p-specialmoviesSection__hdg {
        top: -12rem
    }

    .p-specialmoviesSection--even__bg,.p-specialmoviesSection__bg {
        width: 100vw;
        height: 56.26667vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }

    .p-specialmoviesSection--even__bg-inner,.p-specialmoviesSection__bg-inner {
        width: 0;
        height: 56.26667vw
    }

    .p-specialmoviesSection--even__body,.p-specialmoviesSection__body {
        position: relative
    }

    .p-specialmoviesSection--even__line,.p-specialmoviesSection__line {
        top: 50%;
        height: 1px;
        width: calc(100vw + 6rem);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        margin-left: -3rem;
        margin-right: -3rem;
        -webkit-transition: -webkit-transform .4s 1.6s cubic-bezier(0,0,.25,1);
        transition: -webkit-transform .4s 1.6s cubic-bezier(0,0,.25,1);
        transition: transform .4s 1.6s cubic-bezier(0,0,.25,1);
        transition: transform .4s 1.6s cubic-bezier(0,0,.25,1),-webkit-transform .4s 1.6s cubic-bezier(0,0,.25,1);
        -webkit-transform: scaleX(0) translateZ(0);
        transform: scaleX(0) translateZ(0)
    }

    .p-specialmoviesSection__line {
        -webkit-transform: scaleX(0) rotate(2deg) translateZ(0);
        transform: scaleX(0) rotate(2deg) translateZ(0)
    }

    .p-specialmoviesSection__thumb {
        width: 100%;
        margin-top: -7.2rem;
        padding-bottom: 56.15385%
    }

    .l-sales [data-movie-sec='2'] .p-specialmoviesSection__thumb,.l-sales [data-movie-sec='6'] .p-specialmoviesSection__thumb {
        margin-top: -3rem
    }

    .p-specialmoviesSection__thumb-ttl {
        display: none
    }

    .p-specialmoviesSection__thumb-btn>span {
        padding-top: 6rem;
        width: 5.8rem;
        font-size: 1.1rem;
        background-size: 50px
    }

    .p-specialmoviesSection__time {
        margin-top: 1.5rem;
        font-size: 1.3rem
    }

    .p-specialmoviesSection__line-sp {
        position: absolute;
        right: 2rem;
        bottom: -9rem;
        width: 1px;
        height: 9rem;
        overflow: hidden
    }

    .p-specialmoviesSection__line-sp::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        height: 100%;
        width: 1px;
        background-color: #fff;
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%);
        -webkit-transition: -webkit-transform 1s 2s;
        transition: -webkit-transform 1s 2s;
        transition: transform 1s 2s;
        transition: transform 1s 2s,-webkit-transform 1s 2s
    }
}

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

.p-specialmoviesSection--even__bg-inner {
    left: 0
}

.p-specialmoviesSection--even__bg-img {
    left: 0
}

.p-specialmoviesSection--even__bg-img>img {
    -webkit-transform-origin: left;
    transform-origin: left
}

@media only screen and (min-width: 801px) {
    .p-specialmoviesSection--even__hdg {
        margin-right:-48rem
    }

    .p-specialmoviesSection--even__bg {
        margin-left: calc(50% - 53.5vw);
        margin-right: auto
    }

    .p-specialmoviesSection--even__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .p-specialmoviesSection--even__thumb-ttl {
        right: 2rem
    }

    .p-specialmoviesSection--even__txt {
        padding-top: 8rem
    }

    .p-specialmoviesSection--even__line {
        left: 45%;
        -webkit-transform: rotate(45deg) scaleY(0) translateZ(0);
        transform: rotate(45deg) scaleY(0) translateZ(0)
    }
}

@media only screen and (max-width: 1134px) and (min-width:801px) {
    .p-specialmoviesSection--even__bg {
        width:86rem;
        margin-left: -6rem
    }

    .p-specialmoviesSection--even__line {
        -webkit-transform: rotate(30deg) scaleY(0);
        transform: rotate(30deg) scaleY(0)
    }
}

@media only screen and (max-width: 800px) {
    .p-specialmoviesSection--even__thumb-ttl {
        display:none
    }

    .p-specialmoviesSection--even__line {
        -webkit-transform: scaleX(0) rotate(-2deg);
        transform: scaleX(0) rotate(-2deg)
    }
}

.p-specialmoviesSection.is-in .p-specialmoviesSection--even__bg,.p-specialmoviesSection.is-in .p-specialmoviesSection__bg {
    opacity: 1
}

.p-specialmoviesSection.is-in .p-specialmoviesSection--even__bg-inner,.p-specialmoviesSection.is-in .p-specialmoviesSection__bg-inner {
    width: 100%
}

.p-specialmoviesSection.is-in .p-specialmoviesSection--even__bg-img,.p-specialmoviesSection.is-in .p-specialmoviesSection__bg-img {
    background-color: #333
}

.p-specialmoviesSection.is-in .p-specialmoviesSection--even__bg-img>img,.p-specialmoviesSection.is-in .p-specialmoviesSection__bg-img>img {
    -webkit-transition: opacity .55s,-webkit-transform .4s;
    transition: opacity .55s,-webkit-transform .4s;
    transition: transform .4s,opacity .55s;
    transition: transform .4s,opacity .55s,-webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1);
    opacity: .15;
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

.p-specialmoviesSection.is-in .p-specialmoviesSection__thumb-imgwrap {
    height: 100%
}

.p-specialmoviesSection.is-in .p-specialmoviesSection__thumb-link {
    width: 100%;
    height: 100%
}

.p-specialmoviesSection.is-in .p-specialmoviesSection__thumb-link::before {
    opacity: 1
}

.p-specialmoviesSection.is-in .p-specialmoviesSection--even__hdg,.p-specialmoviesSection.is-in .p-specialmoviesSection--even__thumb-ttl,.p-specialmoviesSection.is-in .p-specialmoviesSection__hdg,.p-specialmoviesSection.is-in .p-specialmoviesSection__thumb-ttl {
    -webkit-animation-name: specialmoviesTxt;
    animation-name: specialmoviesTxt;
    -webkit-animation-duration: .12s;
    animation-duration: .12s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-timing-function: steps(3,start);
    animation-timing-function: steps(3,start);
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: opacity
}

.p-specialmoviesSection.is-in .p-specialmoviesSection__thumb-btn {
    opacity: 1
}

.p-specialmoviesSection.is-in .p-specialmoviesSection--even__txt,.p-specialmoviesSection.is-in .p-specialmoviesSection__txt {
    opacity: 1
}

@media only screen and (max-width: 800px) {
    .p-specialmoviesSection.is-in .p-specialmoviesSection__line {
        -webkit-transform:scaleX(1) rotate(15deg);
        transform: scaleX(1) rotate(15deg)
    }

    .p-specialmoviesSection.is-in .p-specialmoviesSection--even__line {
        -webkit-transform: scaleX(1) rotate(-15deg);
        transform: scaleX(1) rotate(-15deg)
    }

    .p-specialmoviesSection.is-in .p-specialmoviesSection__line-sp::after {
        -webkit-transform: translateY(102%);
        transform: translateY(102%)
    }
}

@media only screen and (min-width: 801px) {
    .p-specialmoviesSection.is-lined .p-specialmoviesSection__line {
        -webkit-transform:rotate(-45deg) scaleY(1) translateZ(0);
        transform: rotate(-45deg) scaleY(1) translateZ(0)
    }

    .p-specialmoviesSection.is-lined .p-specialmoviesSection--even__line {
        -webkit-transform: rotate(45deg) scaleY(1) translateZ(0);
        transform: rotate(45deg) scaleY(1) translateZ(0)
    }
}

@media only screen and (max-width: 1134px) and (min-width:801px) {
    .p-specialmoviesSection.is-lined .p-specialmoviesSection__line {
        -webkit-transform:rotate(-30deg) scaleY(1) translateZ(0);
        transform: rotate(-30deg) scaleY(1) translateZ(0)
    }

    .p-specialmoviesSection.is-lined .p-specialmoviesSection--even__line {
        -webkit-transform: rotate(30deg) scaleY(1) translateZ(0);
        transform: rotate(30deg) scaleY(1) translateZ(0)
    }
}

.p-wsfMv .c-mv__desc {
    text-align: center
}

.p-wsfMv .c-mv__hdg {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-wsfMv .c-mv__inner {
        height:56rem
    }

    .p-wsfMv .c-mv__hdg {
        margin-bottom: 3rem;
        font-size: 6.8rem
    }

    .p-wsfMv .c-mv__txt {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-wsfMv .c-mv__inner {
        height:0;
        padding-bottom: 66%
    }

    .p-wsfMv .c-mv__desc {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: auto;
        width: 100%;
        padding-top: 0
    }

    .p-wsfMv .c-mv__hdg {
        margin-bottom: 2rem;
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 544px) {
    .p-wsfMv .c-mv__hdg {
        font-size:3.2rem
    }
}

.p-wsfSlogan__desc {
    text-align: center
}

.p-wsfSlogan__desc dl dt {
    display: inline-block;
    padding: 0 0 .5rem;
    border-bottom: 2px solid #000;
    font-weight: 500;
    font-size: 1.8rem
}

.p-wsfSlogan__desc dl dd {
    max-width: 54rem;
    margin: 0 auto
}

@media only screen and (min-width: 801px) {
    .p-wsfSlogan__desc dl dt {
        margin:2.5rem 0 5rem
    }

    .p-wsfSlogan__desc dl dd {
        margin-top: 5rem
    }

    .p-wsfSlogan__desc .c-txt {
        margin-top: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-wsfSlogan__desc dl dt {
        margin:1.5rem 0 3rem
    }

    .p-wsfSlogan__desc dl dd {
        margin-top: 3rem;
        width: 66%
    }

    .p-wsfSlogan__desc .c-txt {
        margin-top: 2rem
    }
}

.p-wsfEfforts {
    position: relative;
    background: #3b7396;
    color: #fff
}

.p-wsfEfforts::after,.p-wsfEfforts::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
    border-radius: 50%
}

.p-wsfEfforts::before {
    background: rgba(255,255,255,.1);
    width: 1200px;
    width: 75rem;
    height: 1200px;
    height: 75rem
}

.p-wsfEfforts::after {
    background: rgba(255,255,255,.1);
    width: 1248px;
    width: 78rem;
    height: 1248px;
    height: 78rem
}

.p-wsfEfforts .l-section__inner {
    position: relative;
    z-index: 2
}

.p-wsfEfforts__title {
    max-width: 54rem;
    margin: 0 auto
}

.p-wsfEfforts__list {
    max-width: 94rem;
    margin: 3rem auto;
    text-align: center
}

.p-wsfEfforts__listItem {
    position: relative;
    display: inline-block;
    margin: 1rem .8rem;
    background: #fff;
    border-radius: 6px;
    font-weight: 500
}

.p-wsfEfforts__listItem::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    top: 100%;
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    background: url(../images/ico/ico_fukidashi.png) no-repeat;
    background-size: contain
}

.p-wsfEfforts__listItem:nth-child(even)::after {
    -webkit-transform: translate(-50%,0) scale(-1,1);
    transform: translate(-50%,0) scale(-1,1)
}

@media only screen and (min-width: 801px) {
    .p-wsfEfforts__title {
        margin-top:5rem
    }

    .p-wsfEfforts__listItem {
        padding: 1.5rem 2.5rem;
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-wsfEfforts::before {
        width:84vw;
        height: 84vw
    }

    .p-wsfEfforts::after {
        width: 90vw;
        height: 90vw
    }

    .p-wsfEfforts__title {
        width: 66%
    }

    .p-wsfEfforts__listItem {
        padding: 1rem 2rem;
        font-size: 1.3rem
    }
}

.p-wsfStart .l-section__inner {
    background: #fff
}

.p-wsfStart__body {
    text-align: center
}

.p-wsfStart__body .c-img {
    max-width: 35rem;
    margin: 0 auto
}

@media only screen and (min-width: 801px) {
    .p-wsfStart .l-section__inner {
        padding:5rem 0
    }
}

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

    .p-wsfStart .l-section__inner {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .p-wsfStart__body .c-img {
        width: 50%
    }
}

.p-wsfConts .c-voice .c-article .c-btnMore {
    margin-bottom: 0
}

.p-wsfConts .c-voice .c-article__card:last-child {
    margin-bottom: 0
}

.p-wsfConts .c-voice .c-article__cardPh {
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-wsfConts .c-voice .c-article__cardTxt {
        padding-left:4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-wsfConts .c-article__cardPh {
        margin-left:auto;
        margin-right: auto
    }

    .p-wsfConts .c-voice .c-article__cardPh {
        width: 66%;
        max-width: 26rem
    }

    .p-wsfConts .c-voice .c-article__cardPh dl {
        margin-top: 1.5rem
    }
}

.p-wsfTime__title {
    font-weight: 500
}

.p-wsfTime__tbl {
    position: relative
}

.p-wsfTime__tblPoint {
    position: relative;
    height: 1.5em
}

.p-wsfTime__tblPoint li {
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-wsfTime__tblPoint li:nth-child(1) {
    left: 0
}

.p-wsfTime__tblPoint li:nth-child(2) {
    left: 33.33%
}

.p-wsfTime__tblPoint li:nth-child(3) {
    left: 66.66%
}

.p-wsfTime__tblPoint li:nth-child(4) {
    left: 100%
}

.p-wsfTime__tblObi {
    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
}

.p-wsfTime__tblObi li {
    width: 33.33%;
    padding: 1rem 0;
    color: #fff;
    background: rgba(59,115,150,.66);
    text-align: center;
    border-left: 1px solid #fff;
    font-weight: 500
}

.p-wsfTime__tblObi li:first-child {
    border-left: 0
}

.p-wsfTime__tblObi li.emphasis {
    background: #3b7396
}

.p-wsfTime__tblTxt {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-weight: 500
}

.p-wsfTime__tblTxt::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    top: 100%;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 8px solid #ce3131
}

.p-wsfTime__tblTxt p {
    padding: 1.5rem;
    background: #ce3131;
    color: #fff;
    text-align: center;
    white-space: nowrap
}

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

    .p-wsfTime__tbl {
        padding-top: 2em
    }

    .p-wsfTime__tblTxt {
        top: -2.5em
    }
}

@media only screen and (max-width: 800px) {
    .p-wsfTime {
        margin:5rem 0
    }

    .p-wsfTime__tbl {
        padding-top: 5rem
    }

    .p-wsfTime__tblPoint {
        font-size: 1rem
    }

    .p-wsfTime__tblObi li {
        font-size: 1rem
    }

    .p-wsfTime__tblTxt {
        top: 0
    }

    .p-wsfTime__tblTxt p {
        padding: 1rem;
        font-size: 1.2rem
    }

    .p-wsfTime.num2 .p-wsfTime__tbl {
        padding-top: 8rem
    }

    .p-wsfTime.num2 .p-wsfTime__tblTxt {
        top: 1rem
    }
}

@media only screen and (max-width: 544px) {
    .p-wsfTime.num1 .p-wsfTime__tbl {
        padding-top:6rem
    }

    .p-wsfTime.num1 .p-wsfTime__tblTxt {
        top: 1.5rem
    }
}

.p-wsfTopics .c-listExample__card a[target='_blank'] p::after {
    vertical-align: middle;
    margin-left: 8px;
    margin-left: .5rem;
    background: url(../images/ico/ico_blank.svg) center center no-repeat;
    content: "";
    display: inline-block;
    width: 25.6px;
    width: 1.6rem;
    height: 25.6px;
    height: 1.6rem;
    background-size: contain
}

@media only screen and (max-width: 800px) {
    .p-wsfTopics .c-listExample__card a[target='_blank'] p::after {
        top:50%
    }
}

@media only screen and (max-width: 544px) {
    .p-wsfTopics .c-listExample__card a[target='_blank'] p::after {
        width:38.4px;
        width: 2.4rem;
        height: 33.28px;
        height: 2.08rem
    }
}

.p-trainingInfo__lists>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-trainingInfo__desc>dt {
    font-weight: 500
}

.p-trainingInfo__desc>dd {
    color: #333
}

.p-trainingInfo__descNo {
    font-family: Roboto,"Noto Sans JP",sans-serif
}

@media only screen and (min-width: 801px) {
    .p-trainingInfo__lists>li:not(:first-child) {
        margin-top:2rem
    }

    .p-trainingInfo__ph {
        width: 30%
    }

    .p-trainingInfo__desc {
        width: 70%;
        padding-left: 5%
    }

    .p-trainingInfo__desc>dt {
        font-size: 3rem
    }

    .p-trainingInfo__desc>dd {
        font-size: 1.4rem;
        margin-top: 1.5rem
    }

    .p-trainingInfo__descNo {
        margin-right: 2.5rem
    }

    .p-trainingInfo__btn {
        margin-top: 12rem
    }
}

@media only screen and (max-width: 800px) {
    .p-trainingInfo__lists>li {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .p-trainingInfo__lists>li:not(:first-child) {
        margin-top: 4rem
    }

    .p-trainingInfo__ph {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin-top: 2rem
    }

    .p-trainingInfo__desc {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .p-trainingInfo__desc>dt {
        font-size: 2.4rem
    }

    .p-trainingInfo__desc>dd {
        font-size: 1.3rem;
        margin-top: 1rem
    }

    .p-trainingInfo__descNo {
        margin-right: 1.5rem
    }

    .p-trainingInfo__btn {
        margin-top: 6rem
    }
}

@media only screen and (min-width: 801px) {
    .p-salesMv.staff {
        min-height:40rem
    }

    .p-salesMv.staff .c-mv__desc {
        top: 0;
        -webkit-transform: none;
        transform: none;
        padding: 10rem 6rem 2rem;
        z-index: 0
    }

    .p-salesMv.staff .c-mv__txt {
        margin-top: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-salesMv.staff .c-mv__desc {
        height:auto;
        padding: 6rem 2rem
    }

    .p-salesMv.staff .c-mv__txt {
        margin-top: 2rem
    }
}

.p-salesAnker {
    background-color: #efefef
}

.p-salesAnker__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-salesAnker__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-salesAnker__lists>li {
    position: relative;
    width: calc(50% - 3rem)
}

.p-salesAnker__lists>li>a {
    position: relative;
    display: block;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.08);
    box-shadow: 0 0 1rem 0 rgba(0,0,0,.08)
}

.p-salesAnker__lists>li>a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px
}

.p-salesAnker__lists--crew>a::before {
    background-color: #e3bc13
}

.p-salesAnker__lists--adviser>a::before {
    background-color: #cd7597
}

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

.p-salesAnker__ttl::before {
    content: '';
    position: absolute;
    background-image: url(../images/ico/ico_arrow_bottom_bk.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 24px;
    width: 1.5rem;
    height: 19.2px;
    height: 1.2rem;
    right: 48px;
    right: 3rem;
    -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);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.p-salesAnker__ttl>span {
    position: relative;
    font-weight: 500;
    color: #000
}

@media only screen and (min-width: 801px) {
    .p-salesAnker {
        padding:8rem 3rem
    }

    .p-salesAnker__inner {
        max-width: 120rem
    }

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

    .p-salesAnker__lists>li>a:hover {
        opacity: .7
    }

    .p-salesAnker__lists>li>a:hover .p-salesAnker__ttl::before {
        -webkit-transform: translate(0,calc(-50% + 4.8px));
        transform: translate(0,calc(-50% + 4.8px));
        -webkit-transform: translate(0,calc(-50% + .3rem));
        transform: translate(0,calc(-50% + .3rem))
    }

    .p-salesAnker__ttl {
        height: 8rem
    }

    .p-salesAnker__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) {
    .p-salesAnker {
        padding:4rem 2rem
    }

    .p-salesAnker__ttl {
        height: 6rem
    }

    .p-salesAnker__ttl>span {
        font-size: 1.2rem;
        padding-left: 4rem;
        padding-right: 1.5rem
    }

    .p-salesAnker__lists>li {
        width: calc(50% - 1rem)
    }
}

@media only screen and (max-width: 544px) {
    .p-salesAnker__lists {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .p-salesAnker__lists>li {
        width: 100%
    }

    .p-salesAnker__lists>li:not(:first-child) {
        margin-top: 2rem
    }
}

.p-salesAnker__icon--adviser,.p-salesAnker__icon--crew {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.p-salesAnker__icon--adviser::after,.p-salesAnker__icon--crew::after {
    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%)
}

@media only screen and (min-width: 801px) {
    .p-salesAnker__icon--adviser,.p-salesAnker__icon--crew {
        width:4.6rem;
        height: 4.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-salesAnker__icon--adviser,.p-salesAnker__icon--crew {
        width:3.4rem;
        height: 3.4rem
    }
}

.p-salesAnker__icon--crew::after {
    background-image: url(../images/ico/ico_crew_yellow.svg)
}

.p-salesAnker__icon--adviser::after {
    background-image: url(../images/ico/ico_adviser_pink.svg)
}

.p-salesWork {
    background-color: #f6f6f6
}

.p-salesWork.crew .p-salesWork__ttl::before {
    background-image: url(../images/ico/ico_crew_wh.svg)
}

.p-salesWork.crew .p-salesWork__catchPoint::before {
    background-color: #e3bc13
}

.p-salesWork.adviser .p-salesWork__ttl::before {
    background-image: url(../images/ico/ico_adviser_wh.svg)
}

.p-salesWork.adviser .p-salesWork__catchPoint::before {
    background-color: #cd7597
}

.p-salesWork__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-salesWork__ttl {
    position: relative
}

.p-salesWork__ttl::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-salesWork__ttl>h2 {
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6
}

.p-salesWork__catch {
    position: relative
}

.p-salesWork__catch>p {
    line-height: 1.5;
    font-weight: 300
}

.p-salesWork__catchPoint {
    position: relative;
    z-index: 1
}

.p-salesWork__catchPoint::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    z-index: -1
}

.p-salesWork__ph>img {
    max-width: none
}

@media only screen and (min-width: 801px) {
    .p-salesWork {
        padding-top:12rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .p-salesWork__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 120rem
    }

    .p-salesWork__intro {
        width: 53.33333%
    }

    .p-salesWork__ttl::before {
        width: 249.6px;
        width: 15.6rem;
        height: 259.2px;
        height: 16.2rem
    }

    .p-salesWork__ttl>h2 {
        font-size: 2.4rem;
        padding-bottom: 1.5rem
    }

    .p-salesWork__catch {
        margin-top: 4rem
    }

    .p-salesWork__catch>p {
        font-size: 3.2rem
    }

    .p-salesWork__catchPoint::before {
        height: 16px;
        height: 1rem
    }

    .p-salesWork__txt {
        padding-right: 5%;
        margin-top: 3rem
    }

    .p-salesWork__txt>p {
        font-size: 1.4rem
    }

    .p-salesWork__btn {
        min-width: 48rem;
        margin-top: 6rem
    }

    .p-salesWork__ph {
        width: 46.66667%
    }

    .p-salesWork__ph>img {
        width: 53.125vw;
        min-width: 56rem
    }
}

@media only screen and (min-width: 1280px) {
    .p-salesWork__ph>img {
        width:68rem
    }
}

@media only screen and (max-width: 800px) {
    .p-salesWork {
        padding-top:8rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-salesWork__inner {
        position: relative;
        width: 100%;
        padding-bottom: 10rem
    }

    .p-salesWork__intro {
        width: 100%
    }

    .p-salesWork__ttl::before {
        width: 249.6px;
        width: 15.6rem;
        height: 259.2px;
        height: 16.2rem
    }

    .p-salesWork__ttl>h2 {
        font-size: 1.8rem;
        padding-bottom: 1rem
    }

    .p-salesWork__catch {
        margin-top: 3rem
    }

    .p-salesWork__catch>p {
        font-size: 2.1rem
    }

    .p-salesWork__catchPoint::before {
        height: 12.8px;
        height: .8rem
    }

    .p-salesWork__txt {
        margin-top: 2rem
    }

    .p-salesWork__txt>p {
        font-size: 1.4rem
    }

    .p-salesWork__btn {
        position: absolute;
        bottom: 0;
        left: 50%;
        max-width: 48rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .p-salesWork__btn .c-btnAdviser__txt,.p-salesWork__btn .c-btnCrew__txt {
        font-size: 1.3rem;
        line-height: 1.25
    }

    .p-salesWork__ph {
        display: block;
        width: 100vw;
        margin-top: 3rem;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw)
    }

    .p-salesWork__ph>img {
        width: 100%
    }
}

@media only screen and (max-width: 544px) {
    .p-salesWork__btn {
        min-width:100%
    }
}

.p-salesInfo {
    background-color: #f6f6f6
}

.p-salesInfo.crew .p-salesInfo__descNo {
    color: #e3bc13
}

.p-salesInfo.adviser .p-salesInfo__descNo {
    color: #cd7597
}

.p-salesInfo__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-salesInfo__ttl {
    position: relative
}

.p-salesInfo__ttl>h3 {
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6
}

.p-salesInfo__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-salesInfo__lists>li {
    width: 50%
}

.p-salesInfo__desc>dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-weight: 500
}

.p-salesInfo__desc>dd {
    margin-top: .5rem
}

.p-salesInfo__descNo {
    font-family: Roboto,"Noto Sans JP",sans-serif
}

@media only screen and (min-width: 801px) {
    .p-salesInfo {
        padding-top:12rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .p-salesInfo__inner {
        max-width: 120rem
    }

    .p-salesInfo__ttl>h3 {
        font-size: 2.4rem;
        padding-bottom: 1.5rem
    }

    .p-salesInfo__lists {
        margin-right: -3rem;
        margin-left: -3rem
    }

    .p-salesInfo__lists>* {
        padding-right: 3rem;
        padding-left: 3rem
    }

    .p-salesInfo__lists>li {
        margin-top: 3rem
    }

    .p-salesInfo__desc>dt {
        font-size: 1.6rem
    }

    .p-salesInfo__descNo {
        font-size: 5.3rem;
        margin-right: 2rem
    }

    .p-salesInfo__descTxt {
        margin-top: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-salesInfo {
        padding-top:8rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-salesInfo__inner {
        max-width: 100%
    }

    .p-salesInfo__ttl>h3 {
        font-size: 1.8rem;
        padding-bottom: 1rem
    }

    .p-salesInfo__lists {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .p-salesInfo__lists>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .p-salesInfo__lists>li {
        margin-top: 2rem
    }

    .p-salesInfo__desc>dt {
        font-size: 1.4rem
    }

    .p-salesInfo__descNo {
        font-size: 4rem;
        margin-right: 1.5rem
    }

    .p-salesInfo__descTxt {
        margin-top: 1rem
    }
}

@media only screen and (max-width: 544px) {
    .p-salesInfo__lists {
        display:block
    }

    .p-salesInfo__lists>li {
        width: 100%
    }
}

.p-salesMovie {
    background-color: #f6f6f6
}

.p-salesMovie.crew .p-salesMovie__txtPoint::before {
    background-color: #e3bc13
}

.p-salesMovie.adviser .p-salesMovie__txtPoint::before {
    background-color: #cd7597
}

.p-salesMovie__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-salesMovie__ttl {
    position: relative
}

.p-salesMovie__ttl>h3 {
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6
}

.p-salesMovie__txt {
    position: relative
}

.p-salesMovie__txt>p {
    line-height: 1.5;
    font-weight: 300
}

.p-salesMovie__txtPoint {
    position: relative;
    z-index: 1
}

.p-salesMovie__txtPoint::before {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    z-index: -1
}

@media only screen and (min-width: 801px) {
    .p-salesMovie {
        padding-top:12rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .p-salesMovie__inner {
        max-width: 120rem
    }

    .p-salesMovie__cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-salesMovie__desc {
        width: 40%
    }

    .p-salesMovie__item {
        width: 60%
    }

    .p-salesMovie__ttl {
        margin-top: 5rem
    }

    .p-salesMovie__ttl>h3 {
        font-size: 2.4rem;
        padding-bottom: 1.5rem
    }

    .p-salesMovie__txt {
        margin-top: 4rem
    }

    .p-salesMovie__txt>p {
        font-size: 3.2rem
    }

    .p-salesMovie__txtPoint::before {
        height: 16px;
        height: 1rem
    }

    .p-salesMovie__cont {
        margin-top: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-salesMovie {
        padding-top:8rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-salesMovie__inner {
        max-width: 100%
    }

    .p-salesMovie__ttl>h3 {
        font-size: 1.8rem;
        padding-bottom: 1rem
    }

    .p-salesMovie__txt {
        margin-top: 2rem
    }

    .p-salesMovie__txt>p {
        font-size: 2.1rem
    }

    .p-salesMovie__txtPoint::before {
        height: 12.8px;
        height: .8rem
    }

    .p-salesMovie__item {
        margin-top: 2rem
    }
}

.p-salesMore {
    position: relative
}

.p-salesMore.crew .p-salesMore__subttl::before {
    background-color: #e3bc13
}

.p-salesMore.adviser .p-salesMore__subttl::before {
    background-color: #cd7597
}

.p-salesMore::before {
    content: '';
    position: absolute;
    background-color: #f6f6f6;
    top: 0;
    left: 0;
    width: 100%
}

.p-salesMore__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-salesMore__ttl {
    position: relative
}

.p-salesMore__ttl>h3 {
    position: relative;
    font-weight: 500;
    border-bottom: 1px solid #e6e6e6
}

.p-salesMore__subttl {
    position: relative
}

.p-salesMore__subttl::before {
    content: '';
    background-color: #e3bc13;
    left: 0;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.p-salesMore__subttl>h4 {
    font-weight: 500
}

.p-salesMore__basicLists,.p-salesMore__specialLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-salesMore__specialLink {
    position: relative;
    display: block
}

.p-salesMore__specialLinkTxt {
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-salesMore__specialLinkTxt>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: .5rem
}

.p-salesMore__specialLinkTxt>small::after {
    content: '';
    display: inline-block;
    background-image: url(../images/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
}

.p-salesMore__crosstalkCont,.p-salesMore__peopleCont {
    position: relative
}

.p-salesMore__crosstalkCont>a,.p-salesMore__peopleCont>a {
    display: block
}

.p-salesMore__crosstalkContTxt,.p-salesMore__peopleContTxt {
    width: 100%;
    text-align: center;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.p-salesMore__crosstalkContTxt>small,.p-salesMore__peopleContTxt>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: .5rem
}

.p-salesMore__crosstalkContTxt>small::after,.p-salesMore__peopleContTxt>small::after {
    content: '';
    display: inline-block;
    background-image: url(../images/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
}

.p-salesMore__basicLists>li {
    position: relative
}

.p-salesMore__basicLink {
    display: block;
    width: 100%;
    height: 100%
}

.p-salesMore__basicLinkTxt {
    width: 100%;
    line-height: 1.5;
    text-align: center;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-salesMore__basicLinkTxt>small {
    display: block;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: .5rem
}

.p-salesMore__basicLinkTxt>small::after {
    content: '';
    display: inline-block;
    background-image: url(../images/ico/ico_arrow_right_bk.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) {
    .p-salesMore {
        padding-top:12rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .p-salesMore::before {
        height: 608px;
        height: 38rem
    }

    .p-salesMore__inner {
        max-width: 120rem
    }

    .p-salesMore__ttl>h3 {
        font-size: 2.4rem;
        padding-bottom: 1.5rem
    }

    .p-salesMore__subttl {
        padding-left: 2.5rem
    }

    .p-salesMore__subttl>h4 {
        font-size: 1.8rem
    }

    .p-salesMore__special {
        margin-top: 6rem
    }

    .p-salesMore__basicLists,.p-salesMore__specialLists {
        margin-top: 3rem
    }

    .p-salesMore__basicLists,.p-salesMore__specialLists {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .p-salesMore__basicLists>*,.p-salesMore__specialLists>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .p-salesMore__basicLists>li,.p-salesMore__specialLists>li {
        width: 25%
    }

    .p-salesMore__specialLinkTxt {
        font-size: 1.8rem;
        bottom: 2rem
    }

    .p-salesMore__middle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 6rem
    }

    .p-salesMore__middle {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .p-salesMore__middle>* {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .p-salesMore__crosstalk,.p-salesMore__people {
        width: 50%
    }

    .p-salesMore__crosstalkCont,.p-salesMore__peopleCont {
        margin-top: 3rem
    }

    .p-salesMore__crosstalkContTxt,.p-salesMore__peopleContTxt {
        font-size: 2.4rem;
        bottom: 2rem
    }

    .p-salesMore__basic {
        margin-top: 6rem
    }

    .p-salesMore__basicLists>li {
        height: 12rem
    }

    .p-salesMore__basicLink {
        border: 5px solid #efefef
    }

    .p-salesMore__basicLinkTxt {
        font-size: 1.8rem
    }

    .p-salesMore__basicLinkTxt>small {
        margin-top: 1rem
    }

    .p-salesMore__crosstalkContPh,.p-salesMore__peopleContPh,.p-salesMore__specialLinkPh {
        overflow: hidden
    }

    .p-salesMore__crosstalkContPh>img,.p-salesMore__peopleContPh>img,.p-salesMore__specialLinkPh>img {
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s;
        -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
        transition-timing-function: cubic-bezier(0,0,.25,1)
    }

    .p-salesMore__crosstalkLink:hover img,.p-salesMore__peopleLink:hover img,.p-salesMore__specialLink:hover img {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        opacity: .7
    }

    .p-salesMore__basicLink {
        -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)
    }

    .p-salesMore__basicLink:hover {
        background-color: rgba(239,239,239,.9)
    }
}

@media only screen and (max-width: 800px) {
    .p-salesMore {
        padding-top:8rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-salesMore::before {
        height: 480px;
        height: 30rem
    }

    .p-salesMore__inner {
        max-width: 100%
    }

    .p-salesMore__ttl>h3 {
        font-size: 1.8rem;
        padding-bottom: 1rem
    }

    .p-salesMore__subttl {
        padding-left: 1.5rem
    }

    .p-salesMore__subttl>h4 {
        font-size: 1.6rem
    }

    .p-salesMore__special {
        margin-top: 4rem
    }

    .p-salesMore__basicLists,.p-salesMore__specialLists {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 1rem
    }

    .p-salesMore__basicLists,.p-salesMore__specialLists {
        margin-right: -1rem;
        margin-left: -1rem
    }

    .p-salesMore__basicLists>*,.p-salesMore__specialLists>* {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .p-salesMore__basicLists>li,.p-salesMore__specialLists>li {
        margin-top: 2rem;
        width: 50%
    }

    .p-salesMore__specialLinkTxt {
        font-size: 1.6rem;
        bottom: 1.5rem
    }

    .p-salesMore__middle {
        margin-top: 4rem
    }

    .p-salesMore__crosstalk,.p-salesMore__people {
        width: 100%
    }

    .p-salesMore__crosstalk {
        margin-top: 3rem
    }

    .p-salesMore__crosstalkCont,.p-salesMore__peopleCont {
        margin-top: 2rem
    }

    .p-salesMore__crosstalkContTxt,.p-salesMore__peopleContTxt {
        font-size: 2.1rem;
        bottom: 3rem
    }

    .p-salesMore__basic {
        margin-top: 4rem
    }

    .p-salesMore__basicLists>li {
        height: 16rem
    }

    .p-salesMore__basicLink {
        border: 3px solid #efefef
    }

    .p-salesMore__basicLinkTxt {
        font-size: 1.6rem
    }

    .p-salesMore__basicLinkTxt>small {
        margin-top: 1rem
    }
}

@media only screen and (max-width: 544px) {
    .p-salesMore__specialLinkTxt {
        font-size:1.4rem;
        bottom: 1rem
    }

    .p-salesMore__specialLinkTxt>small {
        margin-top: 0
    }

    .p-salesMore__basicLists,.p-salesMore__specialLists {
        margin-top: 2rem
    }

    .p-salesMore__basicLists,.p-salesMore__specialLists {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    .p-salesMore__basicLists>*,.p-salesMore__specialLists>* {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .p-salesMore__basicLists>li,.p-salesMore__specialLists>li {
        margin-top: 1rem
    }

    .p-salesMore__crosstalk {
        margin-top: 4rem
    }

    .p-salesMore__crosstalkContTxt,.p-salesMore__peopleContTxt {
        font-size: 1.8rem;
        bottom: 2rem
    }

    .p-salesMore__crosstalkContTxt>small,.p-salesMore__peopleContTxt>small {
        margin-top: 0
    }

    .p-salesMore__basicLists>li {
        height: 12rem
    }

    .p-salesMore__basicLinkTxt {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 801px) {
    .p-salesEntry {
        text-align:center;
        max-width: 72rem;
        margin: 6rem auto 16rem
    }

    .p-salesEntry .c-btnAdviser__cont,.p-salesEntry .c-btnCrew__cont {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

@media only screen and (max-width: 800px) {
    .p-salesEntry {
        max-width:48rem;
        padding-left: 2rem;
        padding-right: 2rem;
        margin: 4rem auto 8rem
    }

    .p-salesEntry .c-btnAdviser__txt,.p-salesEntry .c-btnCrew__txt {
        font-size: 1.3rem;
        line-height: 1.25
    }
}

@media only screen and (max-width: 544px) {
    .p-salesEntry {
        max-width:100%
    }
}

.p-salesRing {
    background-image: linear-gradient(135deg,#e3bc13 0,#de6ea1 100%)
}

.p-salesRing__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-salesRing__cont {
    position: relative
}

.p-salesRing__hdg>h2 {
    color: #fff
}

.p-salesRing__txt>p {
    color: #fff
}

.p-salesRing__more {
    background-color: #fff;
    border-radius: 1rem;
    z-index: 10;
    padding-bottom: 1rem;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .3s,opacity .3s,-webkit-transform .3s;
    transition: visibility .3s,opacity .3s,-webkit-transform .3s;
    transition: visibility .3s,opacity .3s,transform .3s;
    transition: visibility .3s,opacity .3s,transform .3s,-webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.is-view .p-salesRing__more {
    visibility: visible;
    opacity: 1
}

.p-salesRing__moreInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-salesRing__moreInfo>* {
    padding: .5rem 1.5rem
}

.p-salesRing__moreArea {
    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;
    background-color: #3b7396
}

.p-salesRing__moreCat {
    font-size: 1.3rem;
    font-weight: 500;
    background-color: #fff
}

.p-salesRing__moreDesc {
    margin-top: .5rem;
    padding-left: 3rem;
    padding-right: 3rem
}

.p-salesRing__moreDesc>dt {
    font-size: 2.1rem;
    font-weight: 500
}

.p-salesRing__moreDesc>dd {
    font-size: 1.4rem;
    margin-top: .5rem
}

.p-salesRing__moreBtn {
    width: 100%;
    height: 5.2rem;
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.p-salesRing__moreBtn>a {
    position: relative;
    display: block;
    height: 100%;
    background-color: #000;
    border-radius: .5rem
}

.p-salesRing__moreBtn>a>i {
    position: absolute;
    top: 0;
    right: 0;
    width: 5.2rem;
    height: 100%;
    border-radius: .5rem,.5rem,0,0;
    background-color: rgba(255,255,255,.2)
}

.p-salesRing__moreBtn>a>i::before {
    content: '';
    position: absolute;
    background-image: url(../images/ico/ico_arrow_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    width: 11.2px;
    width: .7rem;
    height: 17.6px;
    height: 1.1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-salesRing__moreBtn>a>span {
    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%;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff
}

@media only screen and (min-width: 801px) {
    .p-salesRing {
        padding:10rem 3rem
    }

    .p-salesRing__inner {
        max-width: 120rem
    }

    .p-salesRing__desc {
        position: absolute;
        top: 0;
        left: 0;
        width: 40%
    }

    .p-salesRing__hdg>h2 {
        font-size: 3.6rem;
        white-space: nowrap
    }

    .p-salesRing__txt {
        margin-top: 3rem
    }

    .p-salesRing__txt>p {
        font-size: 1.6rem
    }

    .p-salesRing__people>li {
        position: absolute;
        width: 6.66667%;
        height: 10.25641%;
        border-radius: 50%;
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="6" dy="11" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
        -webkit-filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .2));
        filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .2));
        -webkit-transform: translate(-50%,-100%);
        transform: translate(-50%,-100%)
    }

    .p-salesRing__people>li::before {
        content: '';
        position: absolute;
        bottom: 8px;
        bottom: .5rem;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25.6px 15.2px 0;
        border-width: 1.6rem .95rem 0;
        border-color: #fff transparent transparent transparent;
        -webkit-transform: translate(-50%,100%);
        transform: translate(-50%,100%)
    }

    .p-salesRing__people>li::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: rgba(255,255,255,.3);
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-animation-name: effect;
        animation-name: effect;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-timing-function: cubic-bezier(0,0,.25,1);
        animation-timing-function: cubic-bezier(0,0,.25,1);
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        will-change: animation;
        z-index: 0
    }

    .ie11 .p-salesRing__people>li::after {
        -webkit-transform: translate(-50%,-50%) scale(1.1);
        transform: translate(-50%,-50%) scale(1.1);
        -webkit-animation-name: none;
        animation-name: none
    }

    .p-salesRing__people>li.is-view {
        z-index: 1
    }

    .p-salesRing__people>li>button {
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: .5rem solid #fff;
        overflow: hidden;
        z-index: 1;
        -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);
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center
    }

    .p-salesRing__people>li>button:hover {
        -webkit-transform: scale(1.08);
        transform: scale(1.08)
    }

    .p-salesRing__people--tokyo1 {
        top: 78.20513%;
        left: 55.83333%
    }

    .p-salesRing__people--miyagi1 {
        top: 63.46154%;
        left: 63.75%
    }

    .p-salesRing__people--aichi1 {
        top: 80.76923%;
        left: 44.58333%
    }

    .p-salesRing__people--osaka1 {
        top: 77.5641%;
        left: 37.08333%
    }

    .p-salesRing__people--hiroshima1 {
        top: 73.07692%;
        left: 22.91667%
    }

    .p-salesRing__people--fukuoka1 {
        top: 76.28205%;
        left: 11.66667%
    }

    .p-salesRing__people--hokkaido1 {
        top: 21.15385%;
        right: 17.5%
    }

    .p-salesRing__people--kagawa1 {
        top: 78.20513%;
        left: 29.58333%
    }

    .p-salesRing__more {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 600%;
        -webkit-transform: translate(-50%,.5rem) scale(.95);
        transform: translate(-50%,.5rem) scale(.95)
    }

    .p-salesRing__people--fukuoka1 .p-salesRing__more {
        -webkit-transform: translate(-30%,.5rem) scale(.95);
        transform: translate(-30%,.5rem) scale(.95)
    }

    .p-salesRing__people--fukuoka1.is-view .p-salesRing__more {
        -webkit-transform: translate(-30%,0);
        transform: translate(-30%,0)
    }

    .is-view .p-salesRing__more {
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@media only screen and (max-width: 800px) {
    .p-salesRing {
        padding:6rem 2rem;
        min-height: 60rem
    }

    .p-salesRing__inner {
        max-width: 100%
    }

    .p-salesRing__desc {
        width: 100%
    }

    .p-salesRing__hdg>h2 {
        font-size: 3.6rem;
        line-height: 1.2
    }

    .p-salesRing__txt {
        margin-top: 3.5rem;
        width: 60%
    }

    .p-salesRing__txt>p {
        font-size: 1.6rem;
        line-height: 2
    }

    .p-salesRing__map {
        width: 100vw;
        opacity: .3;
        top: -4rem;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@media only screen and (max-width: 544px) {
    .p-salesRing {
        min-height:41rem
    }

    .p-salesRing__hdg>h2 {
        font-size: 3rem
    }

    .p-salesRing__txt {
        width: 100%
    }

    .p-salesRing__txt>p {
        font-size: 1.4rem
    }

    .p-salesRing__map {
        top: 7rem
    }
}

@-webkit-keyframes effect {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(.95);
        transform: translate(-50%,-50%) scale(.95);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        -webkit-transform: translate(-50%,-50%) scale(1.08);
        transform: translate(-50%,-50%) scale(1.08);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@keyframes effect {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(.95);
        transform: translate(-50%,-50%) scale(.95);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    100% {
        -webkit-transform: translate(-50%,-50%) scale(1.08);
        transform: translate(-50%,-50%) scale(1.08);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }
}

@media only screen and (max-width: 800px) {
    .p-salesRingSp {
        background-color:#f5f5f5;
        padding: 5rem 2rem
    }

    .p-salesRingSp__inner {
        width: 100%
    }

    .p-salesRingSp__label:not(:first-child) {
        margin-top: 5rem
    }

    .p-salesRingSp__label>dt {
        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;
        font-size: 2.4rem;
        font-weight: 500;
        border-bottom: 1px solid #e6e6e6;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .p-salesRingSp__label>dt>small {
        font-size: 1.2rem;
        font-weight: 300;
        color: rgba(0,0,0,.2)
    }

    .p-salesRingSp__label>dd {
        margin-top: 2rem
    }

    .p-salesRingSp__people>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-salesRingSp__peopleBtn {
        position: relative;
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="10" /><feOffset dx="6" dy="11" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
        -webkit-filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .2));
        filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, .2))
    }

    .p-salesRingSp__peopleBtn::before {
        content: '';
        position: absolute;
        background-image: url(../images/ico/ico_plus_bk.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        bottom: 0;
        right: 0;
        width: 33.6px;
        width: 2.1rem;
        height: 33.6px;
        height: 2.1rem;
        pointer-events: none
    }

    .p-salesRingSp__peopleBtn>button {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: .5rem solid #fff;
        overflow: hidden;
        z-index: 1
    }

    .p-salesRingSp__peopleDesc {
        position: relative;
        width: calc(100% - 8rem);
        padding-left: 2rem
    }

    .p-salesRingSp__peopleDesc>dt {
        font-size: 1.8rem;
        font-weight: 500
    }

    .p-salesRingSp__peopleDescArea {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.2rem;
        font-weight: 500;
        color: #fff;
        background-color: #3b7396;
        padding: .5rem 1rem
    }

    .p-salesRingSp__peopleDescTxt {
        display: block;
        font-size: 1.3rem;
        line-height: 1.46154;
        margin-top: 1rem
    }

    .p-salesRingSp__modal .c-modalSales__inner {
        background-color: transparent
    }
}

.p-salesReason__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.p-salesReason__hdg {
    text-align: center
}

.p-salesReason__hdg>h2 {
    font-weight: 500
}

.p-salesReason__listsDesc>dt {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-salesReason {
        padding-left:3rem;
        padding-right: 3rem;
        margin-top: 12rem;
        margin-bottom: 5rem
    }

    .p-salesReason__inner {
        max-width: 120rem
    }

    .p-salesReason__hdg>h2 {
        font-size: 2.4rem
    }

    .p-salesReason__lists {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 5rem
    }

    .p-salesReason__lists {
        margin-right: -3rem;
        margin-left: -3rem
    }

    .p-salesReason__lists>* {
        padding-right: 3rem;
        padding-left: 3rem
    }

    .p-salesReason__lists>li {
        width: 33.33333%
    }

    .p-salesReason__listsDesc {
        margin-top: 1rem
    }

    .p-salesReason__listsDesc>dt {
        font-size: 1.8rem
    }

    .p-salesReason__listsDesc>dd {
        font-size: 1.4rem;
        margin-top: 1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-salesReason {
        padding-left:2rem;
        padding-right: 2rem;
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .p-salesReason__inner {
        max-width: 100%
    }

    .p-salesReason__hdg>h2 {
        font-size: 1.8rem
    }

    .p-salesReason__lists {
        margin-top: 4rem
    }

    .p-salesReason__lists>li {
        width: 100%
    }

    .p-salesReason__lists>li:not(:first-child) {
        margin-top: 4rem
    }

    .p-salesReason__listsDesc {
        margin-top: 1.5rem
    }

    .p-salesReason__listsDesc>dt {
        font-size: 1.8rem
    }

    .p-salesReason__listsDesc>dd {
        font-size: 1.4rem;
        margin-top: 1rem
    }
}

.p-w-careersMv .c-mv__hdg {
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 500
}

.p-w-careersMv .c-mv__txt {
    position: relative
}

.p-w-careersMv .c-mv__txt::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 1.6px;
    height: .1rem;
    content: '';
    background-color: #fff
}

@media only screen and (min-width: 801px) {
    .p-w-careersMv .c-mv__inner {
        height:54rem
    }

    .p-w-careersMv .c-mv__desc {
        padding-top: 4rem
    }

    .p-w-careersMv .c-mv__hdg {
        font-size: 4.8rem;
        line-height: 1.10417
    }

    .p-w-careersMv .c-mv__hdg-sub {
        margin-top: .8rem;
        font-size: 2rem;
        font-weight: 500
    }

    .p-w-careersMv .c-mv__txt {
        padding-top: 3rem;
        margin-top: 2.8rem;
        line-height: 2
    }

    .p-w-careersMv .c-mv__txt::before {
        width: 128px;
        width: 8rem
    }

    .p-w-careersMv .c-mv__cursive {
        position: absolute;
        right: 5rem;
        bottom: 0;
        width: 26rem
    }

    .l-disability .p-w-careersMv .c-mv__cursive,.l-graduate .p-w-careersMv .c-mv__cursive {
        right: 30rem;
        bottom: 1.8rem
    }

    .p-w-careersMv .c-mv__bnr {
        top: 2rem;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersMv {
        margin-top:0
    }

    .p-w-careersMv .c-mv__inner {
        height: 0;
        padding-bottom: 100%
    }

    .p-w-careersMv .c-mv__desc {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        height: auto
    }

    .l-career .p-w-careersMv .c-mv__desc {
        bottom: 2.5rem
    }

    .l-disability .p-w-careersMv .c-mv__desc,.l-graduate .p-w-careersMv .c-mv__desc {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .p-w-careersMv .c-mv__hdg {
        font-size: 3.2rem
    }

    .p-w-careersMv .c-mv__hdg-sub {
        margin-top: .5rem;
        font-size: 1.7rem
    }

    .p-w-careersMv .c-mv__txt {
        padding-top: 1.4rem;
        margin-top: 1.4rem;
        font-size: 1.4rem;
        line-height: 1.71429
    }

    .p-w-careersMv .c-mv__txt::before {
        width: 64px;
        width: 4rem
    }

    .l-disability .p-w-careersMv .c-mv__txt,.l-graduate .p-w-careersMv .c-mv__txt {
        padding-top: 0
    }
}

.p-w-careersBnr {
    width: 100%
}

.p-w-careersBnr__link {
    position: relative;
    display: block;
    background-color: #000
}

.p-w-careersBnr__poster>img {
    opacity: .7
}

.p-w-careersBnr__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-w-careersBnr__play::after,.p-w-careersBnr__play::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    content: '';
    display: block;
    width: 80px;
    width: 5rem;
    height: 80px;
    height: 5rem;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1);
    background-repeat: no-repeat;
    background-size: contain
}

.p-w-careersBnr__play::before {
    background-image: url(/recruit/set/common/shared/images/ico/ico_play_wh.svg)
}

.p-w-careersBnr__playTxt {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1
}

@media only screen and (min-width: 801px) {
    .p-w-careersBnr {
        position:relative
    }

    .p-w-careersBnr__thumb {
        position: absolute;
        bottom: 3rem;
        right: 3rem;
        z-index: 1
    }

    .p-w-careersBnr__link:hover .p-w-careersBnr__poster>img {
        opacity: .8
    }

    .p-w-careersBnr__link:hover .p-w-careersBnr__play::after {
        opacity: 1
    }

    .p-w-careersBnr__poster {
        border: 1px solid #fff
    }

    .p-w-careersBnr__poster>img {
        width: 24rem;
        opacity: .7;
        -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-w-careersBnr__play {
        padding-bottom: 6rem
    }

    .p-w-careersBnr__play::after {
        background-image: url(../images/ico/ico_play_wh_on.svg);
        opacity: 0
    }

    .p-w-careersBnr__playTxt {
        font-size: 1.1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersBnr {
        padding-top:3rem;
        padding-left: 3rem;
        padding-right: 3rem
    }

    .p-w-careersBnr__poster>img {
        width: 100%;
        max-width: none
    }

    .p-w-careersBnr__play {
        padding-bottom: 8rem
    }

    .p-w-careersBnr__play::before {
        width: 112px;
        width: 7rem;
        height: 112px;
        height: 7rem
    }

    .p-w-careersBnr__playTxt {
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 544px) {
    .p-w-careersBnr {
        padding-top:2rem;
        padding-left: 2rem;
        padding-right: 2rem
    }

    .p-w-careersBnr__play {
        padding-bottom: 6rem
    }

    .p-w-careersBnr__play::before {
        width: 80px;
        width: 5rem;
        height: 80px;
        height: 5rem
    }

    .p-w-careersBnr__playTxt {
        font-size: 1.1rem
    }
}

.p-w-careersNav {
    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
}

@media only screen and (min-width: 801px) {
    .p-w-careersNav {
        padding:8.5rem 6rem 0
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersNav {
        padding-left:2rem;
        padding-right: 2rem;
        padding-bottom: 6rem
    }
}

.p-w-careersNav__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
}

@media only screen and (min-width: 801px) {
    .p-w-careersNav__inner {
        max-width:120rem;
        margin-right: auto;
        margin-left: auto
    }
}

.p-w-careersNav.is-in {
    visibility: visible;
    opacity: 1
}

.p-w-careersNav.is-in .p-w-careersNav__inner {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.p-w-careersNav__list {
    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;
    flex-wrap: wrap
}

@media only screen and (min-width: 801px) {
    .p-w-careersNav__list {
        margin-right:-5px;
        margin-left: -5px
    }

    .p-w-careersNav__list>* {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersNav__list {
        margin-right:-4.5px;
        margin-left: -4.5px
    }

    .p-w-careersNav__list>* {
        padding-right: 4.5px;
        padding-left: 4.5px
    }
}

.p-w-careersNav__item {
    font-weight: 500;
    letter-spacing: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersNav__item {
        width:20%;
        font-size: 1.4rem
    }

    .p-w-careersNav__item:nth-child(n+6) {
        margin-top: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersNav__item {
        width:50%;
        font-size: 1.2rem
    }

    .p-w-careersNav__item:nth-child(n+3) {
        margin-top: .8rem
    }
}

.p-w-careersNav__item>a {
    position: relative;
    border-bottom: 1px solid #3b7396;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1);
    will-change: opacity
}

@media only screen and (min-width: 801px) {
    .p-w-careersNav__item>a {
        display:block;
        padding-bottom: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersNav__item>a {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 5rem
    }
}

.p-w-careersNav__item>a::after {
    content: '';
    display: inline-block;
    background: url(../images/ico/ico_arrow_bottom_blue.svg) center center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0;
    -webkit-transition: top .2s cubic-bezier(0,0,.25,1) 0s;
    transition: top .2s cubic-bezier(0,0,.25,1) 0s
}

@media only screen and (min-width: 801px) {
    .p-w-careersNav__item>a::after {
        top:.4em;
        width: 19.2px;
        width: 1.2rem;
        height: 19.2px;
        height: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersNav__item>a::after {
        top:37%;
        width: 16px;
        width: 1rem;
        height: 16px;
        height: 1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersNav__item>a:hover {
        opacity:.7
    }

    .p-w-careersNav__item>a:hover::after {
        top: .6em
    }
}

.p-w-careers__hdg {
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-w-careers__hdg {
        line-height:1
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__hdg {
        line-height:1.58333
    }
}

.p-w-careers__hdg-main {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-w-careers__hdg-main {
        font-size:3.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__hdg-main {
        font-size:2.4rem
    }
}

.p-w-careers__hdg-sub {
    display: block;
    color: #b9b9b9;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-w-careers__hdg-sub {
        margin-top:1.8rem;
        font-size: 1.2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__hdg-sub {
        margin-top:.5rem;
        font-size: 1.3rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__lead p {
        line-height:2.28571
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__lead p {
        line-height:1.84615
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__lead {
        font-size:1.4rem;
        text-align: center
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__lead {
        font-size:1.3rem
    }
}

.p-w-careers__feature {
    margin-top: 3rem
}

@media only screen and (min-width: 801px) {
    .p-w-careers__lead+.p-w-careers__feature {
        margin-top:6.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__lead+.p-w-careers__feature {
        margin-top:2.5rem
    }
}

.p-w-careers__feature-list,.p-w-careers__feature-list--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 800px) {
    .p-w-careers__feature-list,.p-w-careers__feature-list--center {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-list {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-list--center {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: -2.9rem;
        margin-right: -2.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-item--center:nth-child(n+4),.p-w-careers__feature-item:nth-child(n+4) {
        margin-top:6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__feature-item,.p-w-careers__feature-item--center {
        width:100%
    }

    .p-w-careers__feature-item--center:not(:first-child),.p-w-careers__feature-item:not(:first-child) {
        margin-top: 3.5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-item {
        width:30%
    }

    .p-w-careersSF .p-w-careers__feature-item {
        width: 31.17647%
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-item--center {
        width:33.33333%;
        padding-left: 2.9rem;
        padding-right: 2.9rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-txt {
        margin-top:2.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__feature-txt {
        margin-top:2rem
    }
}

.p-w-careers__feature-txt sup {
    top: -.45em;
    font-size: .6em
}

.p-w-careers__feature-txt>dt {
    font-weight: 500;
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-txt>dt {
        line-height:1.8
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__feature-txt>dt {
        line-height:1.33333
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-txt>dt {
        font-size:2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__feature-txt>dt {
        font-size:1.8rem
    }
}

.p-w-careers__feature-txt>dd {
    font-size: 1.4rem;
    line-height: 2;
    text-align: left
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-txt>dd {
        margin-top:1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__feature-txt>dd {
        margin-top:1rem
    }
}

.p-w-careers__feature-txt>dd>p:not(:first-child) {
    margin-top: 1rem
}

.p-w-careers__feature-txt>dd a {
    text-decoration: underline;
    color: #3b7396
}

.p-w-careers__feature-txt>dd a:hover {
    text-decoration: none
}

.p-w-careers__feature-note {
    font-size: 1.1rem
}

@media only screen and (min-width: 801px) {
    .p-w-careers__feature-note {
        margin-top:5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__feature-note {
        margin-top:3rem
    }
}

.p-w-careers__togglebtn {
    max-width: 40rem;
    margin-right: auto;
    margin-left: auto
}

.p-w-careers__togglebtn+.c-btnMore {
    margin-bottom: 0
}

.p-w-careers__togglebtn a {
    position: relative;
    display: block;
    max-width: 36rem;
    height: 6rem;
    margin-right: auto;
    margin-left: auto;
    font-weight: 500;
    color: #000;
    text-align: center;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .3s cubic-bezier(0,0,.25,1) 0s
}

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

.p-w-careers__togglebtn a p .small {
    font-size: .92em
}

.p-w-careers__togglebtn a i {
    position: absolute;
    right: 0;
    height: 100%
}

.p-w-careers__togglebtn a i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: inline-block;
    width: 27.2px;
    width: 1.7rem;
    height: 27.2px;
    height: 1.7rem;
    content: '';
    background: url(../images/ico/ico_arrow-thin_bottom_blue.svg) center center no-repeat;
    background-size: contain;
    -webkit-transition: top .2s cubic-bezier(0,0,.25,1) 0s;
    transition: top .2s cubic-bezier(0,0,.25,1) 0s
}

.p-w-careers__togglebtn a:hover {
    opacity: .75
}

.p-w-careers__togglebtn a:hover i::before {
    top: 55%
}

.p-w-careers__togglebtn a.is-showall i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (min-width: 801px) {
    .p-w-careers__togglebtn {
        margin:5rem auto
    }

    .p-w-careers__togglebtn:last-child {
        margin-bottom: 0
    }

    .p-w-careers__togglebtn a p {
        padding: 0 6rem
    }

    .p-w-careers__togglebtn a i {
        width: 5.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careers__togglebtn:last-child {
        margin:2.5rem auto 0
    }

    .p-w-careers__togglebtn:not(:last-child) {
        margin: 4rem auto
    }

    .p-w-careers__togglebtn a p {
        padding: 0 4.8rem
    }

    .p-w-careers__togglebtn a i {
        width: 4.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards.l-section,.p-w-careersAwardsSec.l-section,.p-w-careersChildcare.l-section,.p-w-careersData.l-section,.p-w-careersEvents.l-section,.p-w-careersPeople.l-section,.p-w-careersPositions.l-section {
        padding:5.5rem 0 6rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSupport.l-section {
        padding-top:0
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSupport.l-section {
        padding:5.5rem 0 7.5rem
    }
}

.p-w-careersIntroduction {
    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
}

@media only screen and (min-width: 801px) {
    .p-w-careersIntroduction {
        padding:8.5rem 6rem 10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersIntroduction {
        padding:0 2rem 6rem
    }
}

.p-w-careersIntroduction__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;
    background: -webkit-gradient(linear,left top,right top,from(#12a5e5),color-stop(20%,#2a4490),color-stop(40%,#65168e),color-stop(60%,#de2d4a),color-stop(80%,#db7b2e),to(#6eb97a));
    background: linear-gradient(90deg,#12a5e5 0,#2a4490 20%,#65168e 40%,#de2d4a 60%,#db7b2e 80%,#6eb97a 100%);
    padding: .5rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersIntroduction__inner {
        max-width:120rem;
        margin-right: auto;
        margin-left: auto
    }
}

.p-w-careersIntroduction.is-in {
    visibility: visible;
    opacity: 1
}

.p-w-careersIntroduction.is-in .p-w-careersIntroduction__inner {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.p-w-careersIntroduction__box {
    background-color: #fff
}

@media only screen and (min-width: 801px) {
    .p-w-careersIntroduction__box {
        padding:5rem 3.8rem 3.8rem;
        text-align: center
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersIntroduction__box {
        padding:3.6rem 2rem 2rem
    }
}

.p-w-careersIntroduction__hdg {
    text-align: center
}

.p-w-careersIntroduction__hdg-sub {
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-w-careersIntroduction__hdg-sub {
        font-size:1.6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersIntroduction__hdg-sub {
        font-size:1.4rem
    }
}

.p-w-careersIntroduction__hdg-main img {
    margin-left: auto;
    margin-right: auto;
    margin-top: .6rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersIntroduction__hdg-main img {
        width:37.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersIntroduction__hdg-main img {
        width:28.3rem
    }
}

.p-w-careersIntroduction__desc {
    max-width: 102rem;
    margin-right: auto;
    margin-left: auto
}

.p-w-careersIntroduction__desc>p:not(:first-child) {
    margin-top: 2em
}

@media only screen and (min-width: 801px) {
    .p-w-careersIntroduction__desc {
        font-size:1.6rem;
        line-height: 2;
        margin-top: 3.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersIntroduction__desc {
        font-size:1.4rem;
        line-height: 2.28571;
        margin-top: 3rem;
        letter-spacing: 0
    }
}

.p-w-careersSF {
    background-color: #deebf4;
    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
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF {
        padding:7rem 6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF {
        padding:1rem
    }
}

.p-w-careersSF__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;
    background-color: #fff
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__inner {
        max-width:120rem;
        padding: 9.5rem 7.5% 5.5rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__inner {
        padding:4rem 1.8rem 3rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__inner .c-btnMore {
        margin-top:4.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__inner .c-btnMore {
        margin-top:3.5rem
    }
}

.p-w-careersSF.is-in {
    visibility: visible;
    opacity: 1
}

.p-w-careersSF.is-in .p-w-careersSF__inner {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

@media only screen and (max-width: 800px) {
    .l-disability .p-w-careersSF .p-w-careers__lead,.l-graduate .p-w-careersSF .p-w-careers__lead {
        margin-left:-.8rem;
        margin-right: -.8rem
    }
}

.p-w-careersSF__slogan {
    background-color: #f5f5f5
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__slogan {
        padding:6rem 4rem 4.5rem;
        margin-top: 4.5rem;
        border-radius: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__slogan {
        padding:3.5rem 1.8rem 3rem;
        margin-top: 2.5rem;
        border-radius: 1rem
    }
}

.p-w-careersSF__slogan-hdg {
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__slogan-hdg {
        width:42.3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__slogan-hdg {
        width:22.7rem
    }
}

.p-w-careersSF__slogan-txt {
    font-size: 1.4rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__slogan-txt {
        line-height:2.28571
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__slogan-txt {
        line-height:1.71429
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__slogan-txt {
        text-align:center
    }
}

.p-w-careersSF__slogan-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__slogan-list {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__slogan-list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__slogan-item {
        width:27.2rem
    }

    .p-w-careersSF__slogan-item:not(:first-child) {
        margin-left: 8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__slogan-item {
        width:21.4rem
    }

    .p-w-careersSF__slogan-item:not(:first-child) {
        margin-top: 2.8rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie {
        margin-top:5.4rem;
        margin-bottom: 6rem;
        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
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__movie {
        margin-top:3.8rem;
        margin-bottom: 6rem
    }
}

.p-w-careersSF__movie-desc {
    font-size: 1.4rem;
    line-height: 2;
    text-align: left
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie-desc {
        width:50%
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__movie-desc {
        letter-spacing:0
    }
}

.p-w-careersSF__movie-hdg {
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 1.4rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie-hdg {
        line-height:1.6
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__movie-hdg {
        line-height:1.33333
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie-hdg {
        font-size:2rem;
        margin-bottom: 2rem;
        padding-right: 13.33333%
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__movie-hdg {
        font-size:1.76rem;
        margin-left: -.8rem;
        margin-right: -.8rem;
        margin-bottom: 1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie-txt {
        padding-right:13.33333%
    }
}

.p-w-careersSF__movie-thumb {
    position: relative;
    z-index: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie-thumb {
        width:50%
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__movie-thumb {
        margin-top:2.4rem;
        margin-left: -.8rem;
        margin-right: -.8rem
    }
}

.p-w-careersSF__movie-link {
    display: block;
    width: 100%;
    height: 0%;
    padding-bottom: 56.27451%;
    background-color: rgba(255,255,255,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    cursor: pointer
}

.p-w-careersSF__movie-link:hover .p-w-careersSF__movie-poster>img {
    opacity: 1
}

.p-w-careersSF__movie-poster {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1);
    background-color: #000;
    width: 100%
}

.p-w-careersSF__movie-poster>img {
    opacity: .7;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1)
}

.p-w-careersSF__movie-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    will-change: opacity;
    display: block;
    -webkit-transition: opacity .3s cubic-bezier(0,0,.25,1);
    transition: opacity .3s cubic-bezier(0,0,.25,1);
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: rgba(0,0,0,.3)
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie-btn {
        padding-top:9.8rem;
        width: 10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__movie-btn {
        padding-top:5.8rem;
        width: 6rem
    }
}

.p-w-careersSF__movie-btn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    content: "";
    height: 0;
    width: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__movie-btn:before {
        border-top:12.8px solid transparent;
        border-top: .8rem solid transparent;
        border-bottom: 12.8px solid transparent;
        border-bottom: .8rem solid transparent;
        border-left: 24px solid #fff;
        border-left: 1.5rem solid #fff;
        margin-left: 4.8px;
        margin-left: .3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__movie-btn:before {
        border-top:9.6px solid transparent;
        border-top: .6rem solid transparent;
        border-bottom: 9.6px solid transparent;
        border-bottom: .6rem solid transparent;
        border-left: 19.2px solid #fff;
        border-left: 1.2rem solid #fff;
        margin-left: 1.6px;
        margin-left: .1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__btns {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__btns {
        margin-top:3rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__btns .c-btnMore {
        width:31.66667%;
        margin-top: 0
    }

    .p-w-careersSF__btns .c-btnMore>a {
        max-width: 100%
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__btns .c-btnMore {
        margin-top:1rem;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersSF__btns .c-btnMore:not(:first-child) {
        margin-left:2.5%
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSF__btns .c-btnMore:not(:first-child) {
        margin-top:1rem
    }
}

.p-w-careersAwards {
    border-top: 1px solid #e2e2e2
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards {
        margin-top:10rem;
        padding-top: 10rem;
        padding-bottom: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards {
        margin-top:5rem;
        padding-top: 5rem;
        padding-bottom: 2rem
    }
}

.p-w-careersAwards__list {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__list {
        margin-top:5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        max-width: 101.6rem;
        margin-top: 1rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-top: 4rem;
        margin-right: -1.8rem;
        margin-left: -1.8rem
    }
}

.p-w-careersAwards__item--eruboshi,.p-w-careersAwards__item--hataraku,.p-w-careersAwards__item--kurumin,.p-w-careersAwards__item--smartwork,.p-w-careersAwards__item--white500 {
    position: relative
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__item--eruboshi,.p-w-careersAwards__item--hataraku,.p-w-careersAwards__item--kurumin,.p-w-careersAwards__item--smartwork,.p-w-careersAwards__item--white500 {
        padding-top:4.5rem;
        width: calc(100% / 3);
        margin-top: 4rem
    }

    .p-w-careersAwards__item--eruboshi:not(:first-child)::before,.p-w-careersAwards__item--hataraku:not(:first-child)::before,.p-w-careersAwards__item--kurumin:not(:first-child)::before,.p-w-careersAwards__item--smartwork:not(:first-child)::before,.p-w-careersAwards__item--white500:not(:first-child)::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 1.6px;
        width: .1rem;
        height: 100%;
        content: '';
        background-color: #e2e2e2
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__item--eruboshi,.p-w-careersAwards__item--hataraku,.p-w-careersAwards__item--kurumin,.p-w-careersAwards__item--smartwork,.p-w-careersAwards__item--white500 {
        width:50%;
        padding-top: 3.4rem;
        padding-right: .8rem;
        padding-left: .8rem
    }

    .p-w-careersAwards__item--eruboshi:nth-child(n+3),.p-w-careersAwards__item--hataraku:nth-child(n+3),.p-w-careersAwards__item--kurumin:nth-child(n+3),.p-w-careersAwards__item--smartwork:nth-child(n+3),.p-w-careersAwards__item--white500:nth-child(n+3) {
        margin-top: 4rem
    }

    .p-w-careersAwards__item--eruboshi:nth-child(2n)::before,.p-w-careersAwards__item--hataraku:nth-child(2n)::before,.p-w-careersAwards__item--kurumin:nth-child(2n)::before,.p-w-careersAwards__item--smartwork:nth-child(2n)::before,.p-w-careersAwards__item--white500:nth-child(2n)::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 1.6px;
        width: .1rem;
        height: 100%;
        content: '';
        background-color: #e2e2e2
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__item--smartwork {
        padding-left:0
    }

    .p-w-careersAwards__item--smartwork:not(:first-child)::before {
        display: none
    }
}

.p-w-careersAwards__link {
    display: block
}

.p-w-careersAwards__link:hover .p-w-careersAwards__link-hv {
    opacity: 1;
    background-color: rgba(255,255,255,.8)
}

.p-w-careersAwards__link-hv {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .1rem;
    right: .1rem;
    background-color: rgba(255,255,255,0);
    opacity: 0;
    -webkit-transition: backgroud-color .3s cubic-bezier(0,0,.25,1),opacity .3s cubic-bezier(0,0,.25,1);
    transition: backgroud-color .3s cubic-bezier(0,0,.25,1),opacity .3s cubic-bezier(0,0,.25,1)
}

.p-w-careersAwards__link-hv::after,.p-w-careersAwards__link-hv::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.p-w-careersAwards__link-hv::before {
    content: 'VIEW MORE';
    color: #000;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 500;
    -webkit-transform: translate(-60%,-50%);
    transform: translate(-60%,-50%)
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__link-hv::before {
        left:46%
    }
}

.p-w-careersAwards__link-hv::after {
    content: '';
    display: inline-block;
    background-image: url(../images/ico/ico_arrow_bk.svg);
    background-size: contain;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    -webkit-transform: translate(300%,-50%);
    transform: translate(300%,-50%)
}

.p-w-careersAwards__link-hv>div {
    opacity: .5
}

.p-w-careersAwards__ttl--eruboshi,.p-w-careersAwards__ttl--hataraku,.p-w-careersAwards__ttl--kurumin,.p-w-careersAwards__ttl--smartwork,.p-w-careersAwards__ttl--white500 {
    position: absolute;
    right: 0;
    left: 0;
    font-weight: 500;
    text-align: center
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__ttl--eruboshi,.p-w-careersAwards__ttl--hataraku,.p-w-careersAwards__ttl--kurumin,.p-w-careersAwards__ttl--smartwork,.p-w-careersAwards__ttl--white500 {
        line-height:1.4
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__ttl--eruboshi,.p-w-careersAwards__ttl--hataraku,.p-w-careersAwards__ttl--kurumin,.p-w-careersAwards__ttl--smartwork,.p-w-careersAwards__ttl--white500 {
        line-height:1.6
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__ttl--eruboshi,.p-w-careersAwards__ttl--hataraku,.p-w-careersAwards__ttl--kurumin,.p-w-careersAwards__ttl--smartwork,.p-w-careersAwards__ttl--white500 {
        top:.5rem;
        font-size: 2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__ttl--eruboshi,.p-w-careersAwards__ttl--hataraku,.p-w-careersAwards__ttl--kurumin,.p-w-careersAwards__ttl--smartwork,.p-w-careersAwards__ttl--white500 {
        top:0;
        font-size: 1.5rem
    }
}

.p-w-careersAwards__ttl--smartwork {
    left: 0
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__ttl--hataraku {
        white-space:nowrap
    }
}

.p-w-careersAwards__ph--eruboshi,.p-w-careersAwards__ph--hataraku,.p-w-careersAwards__ph--kurumin,.p-w-careersAwards__ph--smartwork,.p-w-careersAwards__ph--white500 {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto
}

.p-w-careersAwards__ph--eruboshi img,.p-w-careersAwards__ph--hataraku img,.p-w-careersAwards__ph--kurumin img,.p-w-careersAwards__ph--smartwork img,.p-w-careersAwards__ph--white500 img {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__ph--eruboshi,.p-w-careersAwards__ph--hataraku,.p-w-careersAwards__ph--kurumin,.p-w-careersAwards__ph--smartwork,.p-w-careersAwards__ph--white500 {
        height:15rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__ph--eruboshi,.p-w-careersAwards__ph--hataraku,.p-w-careersAwards__ph--kurumin,.p-w-careersAwards__ph--smartwork,.p-w-careersAwards__ph--white500 {
        height:14.5rem
    }
}

.p-w-careersAwards__ph--eruboshi {
    padding-top: 1.5rem;
    max-width: 11rem
}

.p-w-careersAwards__ph--kurumin {
    max-width: 12.4rem
}

.p-w-careersAwards__ph--white500 {
    max-width: 12.2rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__ph--smartwork {
        max-width:17.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__ph--smartwork {
        max-width:16.2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwards__ph--hataraku {
        max-width:11.2rem;
        padding-top: 1.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwards__ph--hataraku {
        max-width:12rem;
        padding-top: 2rem
    }
}

.l-career .p-w-careersAwards {
    border-top: 0;
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersAwardsSec.l-section:not(.bgGray):not(.bgBk) {
        padding-top:10rem;
        padding-bottom: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersAwardsSec.l-section:not(.bgGray):not(.bgBk) {
        padding-top:5rem;
        padding-bottom: 2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__list {
        margin-top:2.5rem
    }
}

.p-w-careersChildcare__item {
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 0 0 #ededed;
    box-shadow: 5px 5px 0 0 #ededed
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__item {
        width:31.66667%;
        padding: 3.8rem 2rem 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__item {
        padding:2.8rem 2rem 2.5rem
    }

    .p-w-careersChildcare__item:not(:first-child) {
        margin-top: 3rem
    }
}

.p-w-careersChildcare__ttl {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.8;
    text-align: center
}

.p-w-careersChildcare__ph--1,.p-w-careersChildcare__ph--2,.p-w-careersChildcare__ph--3 {
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__ph--1,.p-w-careersChildcare__ph--2,.p-w-careersChildcare__ph--3 {
        height:12.4rem;
        margin-top: 4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__ph--1,.p-w-careersChildcare__ph--2,.p-w-careersChildcare__ph--3 {
        margin-top:1.5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__ph--1,.p-w-careersChildcare__ph--2 {
        width:12.1rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__ph--1,.p-w-careersChildcare__ph--2 {
        width:7.5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__ph--3 {
        width:15.7rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__ph--3 {
        width:9.8rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__txt {
        line-height:2
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__txt {
        line-height:1.84615
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__txt {
        font-size:1.4rem;
        margin-top: 3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__txt {
        font-size:1.3rem;
        margin-top: 2.2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__btns {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__btns {
        margin-top:3rem
    }
}

.p-w-careersChildcare__btns .c-btnMore {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__btns .c-btnMore {
        width:31.66667%;
        margin-top: 0
    }

    .p-w-careersChildcare__btns .c-btnMore a {
        max-width: 100%
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersChildcare__btns .c-btnMore {
        margin-top:1rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersChildcare__btns .c-btnMore:not(:first-child) {
        margin-left:2.5%
    }
}

.l-career .p-w-careersPeople {
    padding-top: 0
}

.l-career .p-w-careersPeople .p-w-careers__hdg {
    border-top: 1px solid #e2e2e2
}

@media only screen and (min-width: 801px) {
    .l-career .p-w-careersPeople .p-w-careers__hdg {
        padding-top:10rem
    }
}

@media only screen and (max-width: 800px) {
    .l-career .p-w-careersPeople .p-w-careers__hdg {
        padding-top:5rem
    }
}

.l-disability .p-w-careersPeople,.l-graduate .p-w-careersPeople {
    padding-bottom: 0
}

.p-w-careersPeople__list {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list {
        margin-top:5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersPeople__list {
        margin-top:3rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list .c-grid {
        margin-left:-2.33333%;
        margin-right: -2.33333%
    }
}

.p-w-careersPeople__list .c-listPeople__card {
    margin-bottom: 0
}

.p-w-careersPeople__list .c-listPeople__card:nth-child(n+4) {
    display: none;
    margin-top: 2.5%;
    opacity: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list .c-listPeople__card {
        padding-right:2.33333%;
        padding-left: 2.33333%
    }
}

@media only screen and (max-width: 544px) {
    .p-w-careersPeople__list .c-listPeople__card:not(:first-child) {
        margin-top:4rem
    }
}

.p-w-careersPeople__list .c-listPeople__cardPh {
    position: relative;
    height: 0;
    padding-bottom: 73.05556%
}

.p-w-careersPeople__list .c-listPeople__cardPh img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1)
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list .c-listPeople__cardPhHovertxt {
        bottom:4.5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersPeople__list .c-listPeople__cardPhHovertxt {
        font-size:1.4rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list .c-listPeople__cardDesc {
        margin:-4rem auto 0
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list .c-listPeople__cardTxt {
        padding:2.5rem 1rem 0
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list .c-listPeople__cardTxt>dt {
        margin-bottom:.5rem;
        font-size: 2rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople__list .c-listPeople__cardTxt>dd {
        line-height:2;
        margin-bottom: 0;
        font-size: 1.4rem
    }
}

.p-w-careersPeople__list .c-listPeople__card a:hover .c-listPeople__cardPh img {
    -webkit-transform: translate(-50%,-50%) scale(1.13);
    transform: translate(-50%,-50%) scale(1.13)
}

.p-w-careersPeople__list .is-showall .c-listPeople__card {
    display: block;
    -webkit-animation: fadeIn 1s cubic-bezier(0,0,.25,1) 0s forwards;
    animation: fadeIn 1s cubic-bezier(0,0,.25,1) 0s forwards
}

@media only screen and (min-width: 801px) {
    .p-w-careersPeople .c-btnMore {
        margin-top:6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersPeople .c-btnMore {
        margin-top:4rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPositions__list {
        margin:5rem 0
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersPositions__list {
        margin:3.5rem 0
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPositions__list .c-jobConts {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.5rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPositions__list .c-jobConts__list {
        width:calc(33.3333% - 1rem);
        margin: 0 .5rem 1rem
    }

    .p-w-careersPositions__list .c-jobConts__list a {
        height: 100%
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersPositions__list .c-jobConts__desc {
        padding:10.17812% 10.17812%
    }
}

.p-w-careersPositions__list .c-jobConts__descTagTtl {
    margin-bottom: 0
}

.p-w-careersPositions__list .c-jobConts__descTagList {
    display: none
}

.p-w-careersPositions .c-btnMore {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersEvents,.p-w-careersRelated {
        padding-top:10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersEvents__list,.p-w-careersRelated__list {
        margin-top:2.5rem
    }

    .p-w-careersEvents__list .c-listNews__card,.p-w-careersRelated__list .c-listNews__card {
        margin-top: 0
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersEvents .c-btnMore,.p-w-careersRelated .c-btnMore {
        margin-top:0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersEvents .c-listNews,.p-w-careersRelated .c-listNews {
        margin-top:5rem;
        margin-bottom: 2.5rem
    }
}

@media only screen and (max-width: 544px) {
    .p-w-careersEvents .c-listNews__card,.p-w-careersRelated .c-listNews__card {
        margin-bottom:4rem
    }
}

.p-w-careersEvents .c-listNews__cardPh,.p-w-careersRelated .c-listNews__cardPh {
    position: relative
}

@media only screen and (max-width: 544px) {
    .p-w-careersEvents .c-listNews__cardPh,.p-w-careersRelated .c-listNews__cardPh {
        width:46%
    }
}

.p-w-careersEvents .c-listNews__cardPh>img,.p-w-careersRelated .c-listNews__cardPh>img {
    -webkit-backface-visibility: hidden;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -o-pixelated;
    image-rendering: pixelated
}

@media only screen and (max-width: 544px) {
    .p-w-careersEvents .c-listNews__cardDesc,.p-w-careersRelated .c-listNews__cardDesc {
        width:50%
    }

    .p-w-careersEvents .c-listNews__cardDesc>:first-child,.p-w-careersRelated .c-listNews__cardDesc>:first-child {
        margin-top: 0
    }
}

.p-w-careersEvents .c-listNews__cardCat,.p-w-careersRelated .c-listNews__cardCat {
    color: #fff;
    background: #3b7396
}

@media only screen and (max-width: 544px) {
    .p-w-careersEvents .c-listNews__cardCat,.p-w-careersRelated .c-listNews__cardCat {
        margin-top:0;
        font-size: 1rem
    }
}

.p-w-careersEvents .c-listNews__cardDate,.p-w-careersRelated .c-listNews__cardDate {
    color: #999
}

@media only screen and (max-width: 544px) {
    .p-w-careersEvents .c-listNews__cardDate,.p-w-careersRelated .c-listNews__cardDate {
        width:100%;
        font-size: 1rem
    }
}

@media only screen and (max-width: 544px) {
    .p-w-careersEvents .c-listNews__cardTxt dd p,.p-w-careersRelated .c-listNews__cardTxt dd p {
        font-size:1.2rem
    }
}

@media only screen and (max-width: 544px) {
    .p-w-careersEvents .c-listNews__card>a,.p-w-careersRelated .c-listNews__card>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: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.p-w-careersEvents .c-listNews__card>a:hover .c-listNews__cardPh::after,.p-w-careersEvents .c-listNews__card>a:hover .c-listNews__cardPh::before,.p-w-careersRelated .c-listNews__card>a:hover .c-listNews__cardPh::after,.p-w-careersRelated .c-listNews__card>a:hover .c-listNews__cardPh::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1
}

.p-w-careersEvents .c-listNews__card>a:hover .c-listNews__cardPh::before,.p-w-careersRelated .c-listNews__card>a:hover .c-listNews__cardPh::before {
    content: 'VIEW MORE';
    color: #fff;
    font-family: Roboto,"Noto Sans JP",sans-serif;
    font-weight: 500;
    -webkit-transform: translate(-60%,-50%);
    transform: translate(-60%,-50%)
}

@media only screen and (max-width: 800px) {
    .p-w-careersEvents .c-listNews__card>a:hover .c-listNews__cardPh::before,.p-w-careersRelated .c-listNews__card>a:hover .c-listNews__cardPh::before {
        left:46%
    }
}

.p-w-careersEvents .c-listNews__card>a:hover .c-listNews__cardPh::after,.p-w-careersRelated .c-listNews__card>a:hover .c-listNews__cardPh::after {
    content: '';
    display: inline-block;
    background-image: url(../images/ico/ico_arrow.svg);
    background-size: contain;
    width: 20.8px;
    width: 1.3rem;
    height: 20.8px;
    height: 1.3rem;
    -webkit-transform: translate(300%,-50%);
    transform: translate(300%,-50%)
}

.p-w-careersEvents .c-listNews__card>a:hover .c-listNews__cardPh>img,.p-w-careersRelated .c-listNews__card>a:hover .c-listNews__cardPh>img {
    opacity: .5
}

@media only screen and (min-width: 801px) {
    .l-disability .p-w-careersEvents,.l-graduate .p-w-careersEvents {
        border-top:1px solid #e2e2e2;
        margin-top: 10rem
    }
}

.p-w-careersData {
    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
}

.p-w-careersData__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
}

@media only screen and (min-width: 801px) {
    .p-w-careersData__inner {
        max-width:132rem;
        margin-right: auto;
        margin-left: auto;
        padding: 0 6rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersData__inner {
        padding:0 2rem
    }
}

.p-w-careersData.is-in {
    visibility: visible;
    opacity: 1
}

.p-w-careersData.is-in .p-w-careersData__inner {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

@media only screen and (min-width: 801px) {
    .p-w-careersData__list {
        margin-top:7rem;
        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
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersData__list {
        margin-top:2.2rem
    }
}

.p-w-careersData__item {
    background-color: #fff
}

@media only screen and (min-width: 801px) {
    .p-w-careersData__item {
        padding:2.8rem 1rem .8rem;
        width: 30.16667%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ie11 .p-w-careersData__item {
        display: block
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersData__item {
        padding:1.8rem .8rem .4rem
    }

    .p-w-careersData__item:not(:first-child) {
        margin-top: 1rem
    }
}

.p-w-careersData__item-hdg {
    text-align: center;
    font-weight: 500
}

@media only screen and (min-width: 801px) {
    .p-w-careersData__item-hdg {
        font-size:2rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersData__item-hdg {
        font-size:1.8rem
    }
}

@media only screen and (min-width: 801px) {
    .p-w-careersData__item-img {
        padding:1.8rem .6rem 1.4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersData__item-img {
        padding:.6rem 2rem .4rem;
        width: 31rem;
        margin-left: auto;
        margin-right: auto
    }
}

.p-w-careersData__item-caption {
    text-align: right;
    font-size: 1.1rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersData__item-caption {
        margin-top:auto
    }
}

.p-w-careersModal__cardDesc {
    width: 100%
}

@media only screen and (max-width: 800px) {
    .p-w-careersModal__cardDesc {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 2rem
    }
}

.p-w-careersModal__cardPh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #e2e2e2
}

@media only screen and (min-width: 801px) {
    .p-w-careersModal__cardPh {
        -ms-flex-negative:0;
        flex-shrink: 0;
        width: 28.1rem;
        height: 18.8rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersModal__cardPh {
        width:25.5rem;
        height: 19rem
    }
}

.p-w-careersModal__img--eruboshi {
    width: 11rem
}

.p-w-careersModal__img--kurumin {
    width: 12.4rem
}

.p-w-careersModal__img--white500 {
    width: 12.2rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersModal__img--smartwork {
        width:17.9rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersModal__img--smartwork {
        width:16.2rem
    }
}

.p-w-careersModal__img--hataraku {
    width: 14.2rem
}

@media only screen and (min-width: 801px) {
    .p-w-careersModal__cardTxt {
        margin-left:5rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersModal__cardTxt {
        padding:0;
        margin-top: 1rem
    }
}

.p-w-careersModal__cardTxt .c-txt {
    width: auto
}

.p-w-careersModal__cardTxt .c-txt p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 801px) {
    .p-w-careersMessage {
        margin-top:3rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersMessage {
        padding-bottom:0
    }
}

.p-w-careersMessage__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 801px) {
    .p-w-careersMessage__container {
        margin-top:4rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersMessage__container {
        margin-top:3rem
    }
}

.p-w-careersMessage__link {
    display: block
}

@media only screen and (min-width: 801px) {
    .p-w-careersMessage__link {
        -webkit-transition:opacity .3s cubic-bezier(0,0,.25,1);
        transition: opacity .3s cubic-bezier(0,0,.25,1)
    }

    .p-w-careersMessage__link:hover {
        opacity: .7
    }
}

.p-w-careersMessage__img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

@media only screen and (min-width: 801px) {
    .p-w-careersMessage__img {
        max-width:80rem
    }
}

.p-w-careersSupport .p-w-careers__hdg {
    border-top: 1px solid #e2e2e2
}

@media only screen and (min-width: 801px) {
    .p-w-careersSupport .p-w-careers__hdg {
        padding-top:10rem
    }
}

@media only screen and (max-width: 800px) {
    .p-w-careersSupport .p-w-careers__hdg {
        padding-top:5rem
    }
}