@charset "UTF-8";
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Light';
    font-style: normal;
    font-weight: 300;
    src: url("../webfonts/fa-light-300.eot");
    src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    font-style: normal;
    font-weight: 400;
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Solid';
    font-style: normal;
    font-weight: 900;
    src: url("../webfonts/fa-solid-900.eot");
    src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

/*==================================================================================================
	採用　トップページ
==============================================================================================*/
.lContainer.-top .mainVisual img {
    width: 100%;
    height: auto;
}

.lContainer.-top .secAbout .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lContainer.-top .secAbout .inner > * {
    width: 48%;
}

@media screen and (max-width: 766px) {
    .lContainer.-top .secAbout .inner {
        display: block;
    }
    .lContainer.-top .secAbout .inner > * {
        width: 100%;
    }
    .lContainer.-top .secAbout .inner .thumb {
        margin-bottom: 1em;
    }
}

.lContainer.-top .secVoice {
    /*background: $blue;*/
    position: relative;
}

.lContainer.-top .secVoice:before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    background: url("../img/recruit/voice-bg.jpg");
    z-index: -1;
}

.lContainer.-top .secVoice .mainLabel {
    text-align: center;
    color: #FFF;
}

.lContainer.-top .secVoice .mainLabel .en {
    color: rgba(255, 255, 255, 0.6);
}

.lContainer.-top .secVoice .voiceList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lContainer.-top .secVoice .voiceList__item {
    width: 31%;
    background: #FFF;
}

.lContainer.-top .secVoice .voiceList__item .thumb {
    overflow: hidden;
}

.lContainer.-top .secVoice .voiceList__item .thumb img {
    width: 100%;
    height: auto;
}

.lContainer.-top .secVoice .voiceList__item .textArea {
    padding: 1em;
    position: relative;
}

.lContainer.-top .secVoice .voiceList__item .textArea span {
    color: #B2B2B2;
}

.lContainer.-top .secVoice .voiceList__item .textArea .name {
    font-size: 140%;
}

.lContainer.-top .secVoice .voiceList__item .textArea:before {
    content: "";
    width: 46px;
    height: 46px;
    background: #29333A;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.lContainer.-top .secVoice .voiceList__item .textArea:after {
    display: inline-block;
    content: "\f105";
    font-family: 'Font Awesome 5 Light';
    color: #FFF;
    position: absolute;
    right: 0.7em;
    bottom: 0.5em;
    line-height: 1;
    font-size: 140%;
}

.lContainer.-top .secVoice .voiceList__item a:hover .thumb img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.lContainer.-top .secVoice .voiceList__item a:hover .textArea:before {
    background: #ED008C;
}

@media screen and (max-width: 766px) {
    .lContainer.-top .secVoice .voiceList {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lContainer.-top .secVoice .voiceList__item {
        width: 48%;
        background: #FFF;
        margin-bottom: 3em;
    }
    .lContainer.-top .secVoice .voiceList__item:last-child {
        margin-bottom: 0;
    }
    .lContainer.-top .secVoice .voiceList__item .textArea:before {
        width: 3em;
        height: 3em;
    }
}

@media screen and (max-width: 560px) {
    .lContainer.-top .secVoice .voiceList {
        display: block;
    }
    .lContainer.-top .secVoice .voiceList__item {
        width: 100%;
        margin-bottom: 5vw;
    }
    .lContainer.-top .secVoice .voiceList__item .thumb img {
        width: 100%;
        height: 60vw;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center 20%;
        object-position: center 20%;
        font-family: 'object-fit: cover; object-position: center 20%;';
    }
}

.lContainer.-top .secVoice .btnArea {
    margin-top: 2.5em;
}

.lContainer.-top .secVoice .btnArea .basicBtn {
    margin-left: auto;
    margin-right: auto;
    max-width: 370px;
}

.lContainer.-top .secVoice .btnArea .basicBtn:hover {
    background: #29333A;
}

.lContainer.-top .secLink .contentList__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5em;
}

.lContainer.-top .secLink .contentList__item:last-child {
    margin-bottom: 0;
}

.lContainer.-top .secLink .contentList__item:nth-child(2n+1) .thumb {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.lContainer.-top .secLink .contentList__item > * {
    width: 48%;
}

@media screen and (max-width: 766px) {
    .lContainer.-top .secLink .contentList__item {
        display: block;
        margin-bottom: 15vw;
    }
    .lContainer.-top .secLink .contentList__item:last-child {
        margin-bottom: 0;
    }
    .lContainer.-top .secLink .contentList__item > * {
        width: 100%;
    }
    .lContainer.-top .secLink .contentList__item .thumb {
        margin-bottom: 1em;
    }
    .lContainer.-top .secLink .contentList__item .thumb img {
        width: 100%;
    }
}

/*==================================================================================================
	採用　福利厚生
==============================================================================================*/
.lContainer {
    /* END &.-welfare */
}

.lContainer.-welfare .pageHead {
    background: url("/assets/img/recruit/welfare/page-head.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.lContainer.-welfare .welfareWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #EAEBE9;
    padding: 2em 0;
}

.lContainer.-welfare .welfareWrap:first-child {
    padding-top: 0;
}

.lContainer.-welfare .welfareWrap .thumb {
    min-width: 200px;
    margin-right: 3em;
}

.lContainer.-welfare .welfareWrap .ttl {
    color: #40C8F4;
    font-size: 186%;
    margin-bottom: 0.5em;
}

@media screen and (max-width: 766px) {
    .lContainer.-welfare .welfareWrap .thumb {
        min-width: 180px;
        margin-right: 1em;
    }
    .lContainer.-welfare .welfareWrap .ttl {
        font-size: 166%;
    }
}

@media screen and (max-width: 650px) {
    .lContainer.-welfare .welfareWrap {
        display: block;
    }
    .lContainer.-welfare .welfareWrap .thumb {
        text-align: center;
        margin-right: 0;
        margin-bottom: 0.5em;
        max-height: 150px;
    }
    .lContainer.-welfare .welfareWrap .thumb img {
        max-height: 150px;
    }
    .lContainer.-welfare .welfareWrap .ttl {
        text-align: center;
        margin-bottom: 0.3em;
    }
}

@media screen and (max-width: 480px) {
    .lContainer.-welfare .welfareWrap .thumb {
        max-height: 140px;
    }
    .lContainer.-welfare .welfareWrap .thumb img {
        max-height: 140px;
    }
    .lContainer.-welfare .welfareWrap .ttl {
        font-size: 160%;
        line-height: 1.4;
    }
}

/* END .lContainer */
/*==================================================================================================
	採用　キャリアパス
==============================================================================================*/
.lContainer {
    /* END &.-career */
}

.lContainer.-career .pageHead {
    background: url("/assets/img/recruit/career/page-head.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.lContainer.-career .careerWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 5em;
}

@media screen and (max-width: 1020px) {
    .lContainer.-career .careerWrap {
        padding: 0;
    }
}

@media screen and (max-width: 766px) {
    .lContainer.-career .careerWrap {
        padding: 0 3em;
    }
}

@media screen and (max-width: 560px) {
    .lContainer.-career .careerWrap {
        padding: 0 2.5em;
    }
}

@media screen and (max-width: 480px) {
    .lContainer.-career .careerWrap {
        padding: 0 1em;
    }
}

.lContainer.-career .careerWrap .careerbox .careerList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

@media screen and (max-width: 766px) {
    .lContainer.-career .careerWrap .careerbox .careerList {
        display: block;
    }
}

.lContainer.-career .careerWrap .careerbox .careerList__item {
    width: calc(50% - 2.5em);
    margin: 5em 5em 0 0;
}

.lContainer.-career .careerWrap .careerbox .careerList__item:nth-last-child(2n) {
    margin-right: 0;
}

.lContainer.-career .careerWrap .careerbox .careerList__item:nth-child(-n+2) {
    margin-top: 0;
}

@media screen and (max-width: 1020px) {
    .lContainer.-career .careerWrap .careerbox .careerList__item {
        margin: 3em 3em 0 0;
    }
}

@media screen and (max-width: 766px) {
    .lContainer.-career .careerWrap .careerbox .careerList__item {
        width: 100%;
        margin: 3em 0 0 0;
    }
    .lContainer.-career .careerWrap .careerbox .careerList__item:nth-child(2) {
        margin-top: 3em;
    }
}

@media screen and (max-width: 480px) {
    .lContainer.-career .careerWrap .careerbox .careerList__item {
        margin: 2em 0 0 0;
    }
    .lContainer.-career .careerWrap .careerbox .careerList__item:nth-child(2) {
        margin-top: 2em;
    }
}

.lContainer.-career .careerWrap .careerbox .careerList__item .content {
    background-color: white;
    height: 100%;
    padding: 5.6em 3.8em;
    border: 1px solid #EAEBE9;
    margin: 0 auto;
}

@media screen and (max-width: 1020px) {
    .lContainer.-career .careerWrap .careerbox .careerList__item .content {
        padding: 3em;
    }
}

@media screen and (max-width: 560px) {
    .lContainer.-career .careerWrap .careerbox .careerList__item .content {
        padding: 2rem;
    }
}

.lContainer.-career .careerWrap .careerbox .careerList__item .content .imageArea {
    width: 150px;
    margin: 0 auto 1.8em auto;
}

@media screen and (max-width: 1020px) {
    .lContainer.-career .careerWrap .careerbox .careerList__item .content .imageArea {
        width: 130px;
        margin: 0 auto 1em auto;
    }
}

.lContainer.-career .careerWrap .careerbox .careerList__item .content .ttl {
    font-size: 156%;
    text-align: center;
    font-weight: 500;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    position: relative;
}

.lContainer.-career .careerWrap .careerbox .careerList__item .content .ttl:before {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 0;
    background: #40C8F4;
}

@media screen and (max-width: 1020px) {
    .lContainer.-career .careerWrap .careerbox .careerList__item .content .ttl {
        font-size: 140%;
    }
}

.lContainer.-career .careerWrap .careerbox .careerList *::-ms-backdrop, .lContainer.-career .careerWrap .careerbox .careerList__item {
    width: 46%;
    /* IE11 */
}

/* END .lContainer */
/*==================================================================================================
	採用　選考ステップ
==============================================================================================*/
.lContainer.-step .pageHead {
    background: url("/assets/img/recruit/step/page-head.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.lContainer.-step .stepCont__item {
    counter-increment: section;
    border-top: 1px solid #EAEBE9;
    padding: 3em 3.5em;
}

.lContainer.-step .stepCont__item:last-child {
    border-bottom: 1px solid #EAEBE9;
}

@media screen and (max-width: 1020px) {
    .lContainer.-step .stepCont__item {
        padding: 1.3em;
    }
}

.lContainer.-step .stepCont__item .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 766px) {
    .lContainer.-step .stepCont__item .row {
        display: block;
    }
}

.lContainer.-step .stepCont__item .row .col-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 33.333333%;
    width: 100%;
    min-height: 1px;
    padding: 0 15px;
}

.lContainer.-step .stepCont__item .row .col-left .title {
    font-size: 156%;
    font-weight: bold;
    line-height: 1;
    padding-left: 3em;
}

.lContainer.-step .stepCont__item .row .col-left .title:before {
    font-size: 140%;
    font-weight: bold;
    color: #40C8F4;
    line-height: 1;
    content: counter(section, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

@media screen and (max-width: 1020px) {
    .lContainer.-step .stepCont__item .row .col-left .title {
        font-size: 138%;
        padding-left: 1.5em;
    }
    .lContainer.-step .stepCont__item .row .col-left .title:before {
        font-size: 135%;
    }
}

@media screen and (max-width: 766px) {
    .lContainer.-step .stepCont__item .row .col-left {
        margin-bottom: 1em;
        max-width: 100%;
    }
    .lContainer.-step .stepCont__item .row .col-left .title {
        font-size: 143%;
        padding-left: 1.5em;
    }
    .lContainer.-step .stepCont__item .row .col-left .title:before {
        font-size: 140%;
    }
}

.lContainer.-step .stepCont__item .row .col-right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 66.666667%;
    padding: 0 15px;
}

@media screen and (max-width: 766px) {
    .lContainer.-step .stepCont__item .row .col-right {
        padding-left: 0;
        max-width: 100%;
    }
}

.lContainer.-step .btnArea {
    margin-top: 5.5em;
}

.lContainer.-step .btnArea a {
    margin: 0 auto;
    padding: 1em;
    max-width: 360px;
}

@media screen and (max-width: 766px) {
    .lContainer.-step .btnArea {
        margin-top: 3.6em;
    }
}

/*==================================================================================================
	採用　よくある質問
==============================================================================================*/
.lContainer.-faq .pageHead {
    background: url("/assets/img/recruit/faq/page-head.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.lContainer.-faq .linkList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5em;
    margin-top: -3em;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lContainer.-faq .linkList__item {
    margin-right: 0.6em;
}

.lContainer.-faq .linkList__item a {
    background: #EAF3F6;
    display: block;
    padding: 0.6em 1.5em 0.6em 2em;
    position: relative;
}

.lContainer.-faq .linkList__item a:before {
    display: inline-block;
    content: "\f107";
    font-family: 'Font Awesome 5 Regular';
    color: #40C8F4;
    position: absolute;
    left: 0.8em;
    top: 50%;
    margin-top: -0.4em;
    line-height: 1;
}

.lContainer.-faq .linkList__item a:hover {
    color: #FFF;
    background: #40C8F4;
}

.lContainer.-faq .linkList__item a:hover:before {
    color: #FFF;
}

@media screen and (max-width: 766px) {
    .lContainer.-faq .linkList {
        margin-top: -2em;
        margin-bottom: 4em;
    }
}

@media screen and (max-width: 560px) {
    .lContainer.-faq .linkList {
        margin-top: -1.5em;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 3em;
    }
    .lContainer.-faq .linkList__item {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .lContainer.-faq .linkList__item:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .lContainer.-faq .linkList {
        margin-top: -1.5em;
    }
    .lContainer.-faq .linkList__item a {
        padding: 0.6em 1em 0.6em 1.5em;
    }
    .lContainer.-faq .linkList__item a:before {
        left: 0.5em;
    }
}

.lContainer.-faq .faqWrap__item {
    margin-bottom: 5em;
}

.lContainer.-faq .faqWrap__item:last-child {
    margin-bottom: 0;
}

.lContainer.-faq .faqWrap__item .faqList__item {
    border-bottom: #E7E7E7 1px solid;
    padding: 1.6em 2em 1.6em 0.5em;
    position: relative;
    cursor: pointer;
}

.lContainer.-faq .faqWrap__item .faqList__item:after {
    display: inline-block;
    content: "\f107";
    font-family: 'Font Awesome 5 Regular';
    font-size: 120%;
    right: 0.5em;
    top: 50%;
    position: absolute;
    margin-top: -0.5em;
    line-height: 1;
    color: #40C8F4;
}

.lContainer.-faq .faqWrap__item .faqList__item.open:after {
    display: inline-block;
    content: "\f106";
    font-family: 'Font Awesome 5 Regular';
}

.lContainer.-faq .faqWrap__item .faqList__item .ttl {
    font-size: 120%;
    padding-left: 2.5em;
    position: relative;
    line-height: 1.4;
}

.lContainer.-faq .faqWrap__item .faqList__item .ttl:before {
    content: "Q";
    color: #FFF;
    position: absolute;
    left: 0.6em;
    top: 50%;
    margin-top: -0.55em;
    z-index: 1;
    line-height: 1;
}

.lContainer.-faq .faqWrap__item .faqList__item .ttl:after {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1em;
    border-radius: 2em;
    background: #40C8F4;
}

.lContainer.-faq .faqWrap__item .faqList__item .textArea {
    padding-left: 3em;
    margin-top: 1em;
    display: none;
}

.lContainer.-faq .faqWrap__item .faqList__item .textArea a {
    color: #40C8F4;
    text-decoration: underline;
}

/*==================================================================================================
	採用　社員の声
==============================================================================================*/
.lContainer {
    /* END &.-voice */
}

.lContainer.-voice .pageHead {
    background: url("/assets/img/recruit/voice/page-head.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.lContainer.-voice .voiceWrap {
    /* 詳細 */
}

.lContainer.-voice .voiceWrap .readArea__ttl {
    font-size: 190%;
    text-align: center;
    font-weight: 500;
    margin-bottom: 1em;
    color: #13C7F4;
}

.lContainer.-voice .voiceWrap .readArea__txt {
    text-align: center;
    margin-bottom: 5em;
}

.lContainer.-voice .voiceWrap .voiceList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lContainer.-voice .voiceWrap .voiceList__item {
    width: 31%;
    background: #FFF;
    -webkit-box-shadow: 0px 3px 16px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 16px -6px rgba(0, 0, 0, 0.2);
    margin-right: 3.5%;
    margin-top: 3.5%;
}

.lContainer.-voice .voiceWrap .voiceList__item:nth-child(2) {
    margin-right: 0;
}

.lContainer.-voice .voiceWrap .voiceList__item:nth-child(3n) {
    margin-right: 0;
}

.lContainer.-voice .voiceWrap .voiceList__item:nth-first-child(1), .lContainer.-voice .voiceWrap .voiceList__item:nth-first-child(2), .lContainer.-voice .voiceWrap .voiceList__item:nth-first-child(3) {
    margin-top: 0;
}

.lContainer.-voice .voiceWrap .voiceList__item .thumb {
    overflow: hidden;
}

.lContainer.-voice .voiceWrap .voiceList__item .thumb img {
    width: 100%;
    height: auto;
}

.lContainer.-voice .voiceWrap .voiceList__item .textArea {
    padding: 1em;
    position: relative;
}

.lContainer.-voice .voiceWrap .voiceList__item .textArea span {
    color: #B2B2B2;
}

.lContainer.-voice .voiceWrap .voiceList__item .textArea .name {
    font-size: 140%;
}

.lContainer.-voice .voiceWrap .voiceList__item .textArea:before {
    content: "";
    width: 46px;
    height: 46px;
    background: #29333A;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.lContainer.-voice .voiceWrap .voiceList__item .textArea:after {
    display: inline-block;
    content: "\f105";
    font-family: 'Font Awesome 5 Light';
    color: #FFF;
    position: absolute;
    right: 0.7em;
    bottom: 0.5em;
    line-height: 1;
    font-size: 140%;
}

.lContainer.-voice .voiceWrap .voiceList__item a:hover .thumb img {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.lContainer.-voice .voiceWrap .voiceList__item a:hover .textArea:before {
    background: #ED008C;
}

@media screen and (max-width: 766px) {
    .lContainer.-voice .voiceWrap .voiceList {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lContainer.-voice .voiceWrap .voiceList__item {
        width: 48%;
        background: #FFF;
        margin-right: 3%;
    }
    .lContainer.-voice .voiceWrap .voiceList__item:nth-child(3n) {
        margin-right: 3%;
    }
    .lContainer.-voice .voiceWrap .voiceList__item:nth-child(2n) {
        margin-right: 0%;
    }
    .lContainer.-voice .voiceWrap .voiceList__item:nth-first-child(1), .lContainer.-voice .voiceWrap .voiceList__item:nth-first-child(2) {
        margin-top: 0;
    }
    .lContainer.-voice .voiceWrap .voiceList__item:nth-first-child(3) {
        margin-top: 3%;
    }
    .lContainer.-voice .voiceWrap .voiceList__item:last-child {
        margin-bottom: 0;
    }
    .lContainer.-voice .voiceWrap .voiceList__item .textArea:before {
        width: 3em;
        height: 3em;
    }
}

@media screen and (max-width: 560px) {
    .lContainer.-voice .voiceWrap .voiceList {
        display: block;
    }
    .lContainer.-voice .voiceWrap .voiceList__item {
        width: 100%;
        margin-bottom: 5vw;
        margin-right: 0;
        margin-top: 0;
    }
    .lContainer.-voice .voiceWrap .voiceList__item:nth-child(3n) {
        margin-right: 0%;
    }
    .lContainer.-voice .voiceWrap .voiceList__item .thumb img {
        width: 100%;
        height: 60vw;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center 20%;
        object-position: center 20%;
        font-family: 'object-fit: cover; object-position: center 20%;';
    }
}

@media screen and (max-width: 766px) {
    .lContainer.-voice .voiceWrap .readArea__txt {
        margin-bottom: 3em;
    }
}

@media screen and (max-width: 560px) {
    .lContainer.-voice .voiceWrap .readArea__txt br {
        display: none;
    }
}

.lContainer.-voice .voiceWrap .flexWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.lContainer.-voice .voiceWrap .flexWrap .imageArea {
    width: 42%;
}

.lContainer.-voice .voiceWrap .flexWrap .imageArea img {
    width: 100%;
}

.lContainer.-voice .voiceWrap .flexWrap .textArea {
    width: 53%;
    padding-top: 7.0em;
    padding-left: 5%;
}

.lContainer.-voice .voiceWrap .flexWrap .textArea .info {
    margin-bottom: 2.0em;
}

.lContainer.-voice .voiceWrap .flexWrap .textArea .position {
    display: block;
    text-align: right;
    font-size: 125%;
}

.lContainer.-voice .voiceWrap .flexWrap .textArea .name {
    display: block;
    text-align: right;
    font-size: 175%;
}

@media screen and (max-width: 1280px) {
    .lContainer.-voice .voiceWrap .flexWrap .textArea {
        padding-top: 1.0em;
    }
}

@media screen and (max-width: 720px) {
    .lContainer.-voice .voiceWrap .flexWrap {
        display: block;
    }
    .lContainer.-voice .voiceWrap .flexWrap .imageArea {
        width: 80%;
        margin: 0 auto;
    }
    .lContainer.-voice .voiceWrap .flexWrap .textArea {
        width: 100%;
        padding-top: 2.0em;
        padding-left: 0;
    }
}

.lContainer.-voice .voiceWrap .btnArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4.0em;
}

/* END .lContainer */
/*==================================================================================================
	採用　募集要項
==============================================================================================*/
.lContainer {
    /* END &.-outline */
}

.lContainer.-outline {
    /*　詳細ページ　*/
}

.lContainer.-outline .pageHead {
    background: url("/assets/img/recruit/outline/page-head.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.lContainer.-outline .outlineList__item {
    margin-bottom: 4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lContainer.-outline .outlineList__item:last-child {
    margin-bottom: 0;
}

.lContainer.-outline .outlineList__item .thumb {
    width: 40%;
    margin-right: 4%;
}

.lContainer.-outline .outlineList__item .thumb img {
    width: 100%;
    height: 264px;
    -o-object-fit: cover;
    object-fit: cover;
}

.lContainer.-outline .outlineList__item .textArea {
    width: 66%;
}

.lContainer.-outline .outlineList__item .textArea .ttl {
    font-size: 175%;
    line-height: 1;
    margin-bottom: 1em;
}

@media screen and (max-width: 766px) {
    .lContainer.-outline .outlineList__item {
        display: block;
    }
    .lContainer.-outline .outlineList__item .thumb {
        width: 100%;
        margin-right: 0;
    }
    .lContainer.-outline .outlineList__item .thumb img {
        height: auto;
    }
    .lContainer.-outline .outlineList__item .textArea {
        width: 100%;
    }
    .lContainer.-outline .outlineList__item .textArea .ttl {
        font-size: 154%;
        margin: 1em 0 0.5em 0;
    }
}

.lContainer.-outline .read {
    text-align: center;
    margin-bottom: 3.5em;
}

.lContainer.-outline .detailWrap .detailCont__item {
    counter-increment: section;
    border-top: 1px solid #EAEBE9;
    padding: 3em 4.5em;
}

.lContainer.-outline .detailWrap .detailCont__item:last-child {
    border-bottom: 1px solid #EAEBE9;
}

@media screen and (max-width: 1020px) {
    .lContainer.-outline .detailWrap .detailCont__item {
        padding: 1.3em 0.5em;
    }
}

.lContainer.-outline .detailWrap .detailCont__item .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 766px) {
    .lContainer.-outline .detailWrap .detailCont__item .row {
        display: block;
    }
}

.lContainer.-outline .detailWrap .detailCont__item .row .col-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 33.333333%;
    width: 100%;
    min-height: 1px;
    padding: 0 15px;
}

.lContainer.-outline .detailWrap .detailCont__item .row .col-left .title {
    font-size: 125%;
    font-weight: bold;
}

@media screen and (max-width: 1020px) {
    .lContainer.-outline .detailWrap .detailCont__item .row .col-left .title {
        font-size: 130%;
        line-height: 1.4;
    }
}

@media screen and (max-width: 766px) {
    .lContainer.-outline .detailWrap .detailCont__item .row .col-left {
        margin-bottom: 1em;
        max-width: 100%;
        padding: 0;
    }
    .lContainer.-outline .detailWrap .detailCont__item .row .col-left .title {
        font-size: 125%;
    }
}

.lContainer.-outline .detailWrap .detailCont__item .row .col-right {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 66.666667%;
    padding: 0 15px;
}

.lContainer.-outline .detailWrap .detailCont__item .row .col-right ul {
    padding-left: 1em;
    margin-top: 1em;
}

.lContainer.-outline .detailWrap .detailCont__item .row .col-right ul li {
    list-style: disc;
}

@media screen and (max-width: 766px) {
    .lContainer.-outline .detailWrap .detailCont__item .row .col-right {
        padding-left: 0;
        max-width: 100%;
    }
}

.lContainer.-outline .detailWrap .btnArea {
    margin: 5.5em 0 2.3em 0;
}

.lContainer.-outline .detailWrap .btnArea a {
    margin: 0 auto;
    padding: 1em;
    max-width: 360px;
}

@media screen and (max-width: 766px) {
    .lContainer.-outline .detailWrap .btnArea {
        margin: 3.6em 0 1.5em 0;
    }
}

.lContainer.-outline .detailWrap .txtLink {
    text-align: center;
    text-decoration: underline;
}

/* END .lContainer */
/*==================================================================================================
	採用　選考ステップ
==============================================================================================*/
.lContainer.-entry .pageHead {
    background: url("/assets/img/recruit/entry/page-head.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.lContainer.-entry .entryCont {
    margin-bottom: 3.0em;
}

.lContainer.-entry .entryCont .topInfo .infoTxt {
    margin-bottom: 2.0em;
    line-height: 2.4em;
}

.lContainer.-entry .entryCont .topInfo .infoTxt:last-child {
    margin-bottom: 0;
}

.lContainer.-entry .entryCont .topInfo .infoTxt .required {
    display: inline-block;
    margin-right: 0.5em;
    position: static;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    background: #E02C2C;
}

.lContainer.-entry .entryCont .topInfo .infoTxt a {
    text-decoration: underline;
    color: #00AAE4;
}

.lContainer.-entry .entryCont .groupEntry .entry {
    margin-bottom: 4vw;
}

.lContainer.-entry .entryCont .groupEntry .entry__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.0em 0;
}

.lContainer.-entry .entryCont .groupEntry .entry__item:last-child {
    padding-bottom: 0;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxLabel {
    width: 37%;
    margin-right: 2.7rem;
    position: relative;
    /*margin-top: 0;*/
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxLabel label {
    font-size: 125%;
    font-weight: 500;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxLabel label .required {
    width: auto;
    height: auto;
    margin-left: 1.6em;
    font-weight: bold;
    line-height: 2.0em;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: inline-block;
    position: static;
    background: #E02C2C;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent {
    width: 100%;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent select {
    width: 100%;
    padding: 1em !important;
    border: 1px solid #C6C6C6;
    border-radius: 3px;
    font-size: 16px;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent .formControl {
    padding: 1.0em;
    border: 1px solid #C6C6C6;
    border-radius: 3px;
    background: white;
    font-size: 16px;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent .formControl::-webkit-input-placeholder {
    color: #B7B7B7;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent .formControl::-moz-placeholder {
    color: #B7B7B7;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent .formControl::-ms-input-placeholder {
    color: #B7B7B7;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent .formControl::placeholder {
    color: #B7B7B7;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent .formControl::-webkit-input-placeholder {
    color: #B7B7B7;
}

.lContainer.-entry .entryCont .groupEntry .entry__item .boxContent .formControl:-ms-input-placeholder {
    color: #B7B7B7;
}

.lContainer.-entry .entryCont .groupEntry .btnArea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lContainer.-entry .entryCont .groupEntry .btnArea .basicBtn {
    margin: 0 auto;
}

.lContainer.-entry .entryCont .groupEntry .btnArea .basicBtn.-gray {
    background: #B2B2B2;
}

.lContainer.-entry .entryCont .groupEntry .btnArea .basicBtn.-con {
    margin: 0 1.0em 0 0;
}

@media screen and (max-width: 766px) {
    .lContainer.-entry .entryCont .lineLabel {
        font-size: 180%;
    }
    .lContainer.-entry .entryCont .groupEntry .entry__item {
        display: block;
    }
    .lContainer.-entry .entryCont .groupEntry .entry__item .boxLabel {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.0em;
        position: relative;
    }
    .lContainer.-entry .entryCont .groupEntry .entry__item .boxLabel label {
        font-size: 125%;
        font-weight: 500;
    }
    .lContainer.-entry .entryCont .groupEntry .entry__item .boxLabel label .required {
        width: auto;
        height: auto;
        margin-left: 1.6em;
        font-weight: bold;
        line-height: 2.0em;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        display: inline-block;
        position: static;
        background: #E02C2C;
    }
}

@media screen and (max-width: 560px) {
    .lContainer.-entry .entryCont .topInfo .infoTxt br {
        display: none;
    }
    .lContainer.-entry .entryCont .groupEntry .btnArea {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: column-reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }
    .lContainer.-entry .entryCont .groupEntry .btnArea .basicBtn.-gray {
        background: #B2B2B2;
        margin-bottom: 1.0em;
    }
    .lContainer.-entry .entryCont .groupEntry .btnArea .basicBtn.-con {
        margin: 1.0em auto 0 auto;
    }
}