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

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

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

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

.main {
    background: url("../img/top/top.jpg") no-repeat;
    background-position: center top;
    background-size: cover;
    z-index: -1;
    position: relative;
    top: 0;
    margin-top: -78px;
    height: 60vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.main .main-tit {
    background: rgba(96, 202, 173, 0.5);
    color: #fff;
    font-size: 6rem;
}

@media screen and (max-width: 920px) {
    .main {
        height: 45vh;
    }
    .main .main-tit {
        font-size: 4.5rem;
    }
}

@media screen and (max-width: 700px) {
    .main {
        height: 30vh;
    }
    .main .main-tit {
        font-size: 2.3rem;
    }
}

.top-head {
    text-align: center;
}

.top-head .top-head--tit {
    margin-top: 1em;
    font-size: 5.8rem;
    font-weight: bold;
    line-height: 1.4;
}

.top-head .top-head--tit br {
    display: none;
}

@media screen and (max-width: 700px) {
    .top-head .top-head--tit {
        font-size: 4.3rem;
    }
}

@media screen and (max-width: 540px) {
    .top-head .top-head--tit {
        font-size: 3.8rem;
    }
    .top-head .top-head--tit br {
        display: block;
    }
}

.section01 {
    margin: 3em auto 0;
    padding-bottom: 4em;
    position: relative;
}

.section01:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 53px 82.5px 0 82.5px;
    border-color: #fff transparent transparent transparent;
    content: "";
    position: absolute;
    right: 50%;
    bottom: -53px;
    margin-right: -82.5px;
}

.section01 .salary {
    text-align: center;
    padding: 2em;
    border: 2px solid #60caad;
}

.section01 .salary .salary-txt {
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: .25em;
}

.section01 .salary .salary-txt br {
    display: none;
}

.section01 .kome {
    text-align: right;
    margin-top: .5em;
}

@media screen and (max-width: 920px) {
    .section01 .salary .salary-txt {
        font-size: 3rem;
    }
}

@media screen and (max-width: 540px) {
    .section01 {
        padding-bottom: 2em;
    }
    .section01:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 42px 0 42px;
        border-color: #fff transparent transparent transparent;
        content: "";
        position: absolute;
        right: 50%;
        bottom: -25px;
        margin-right: -42px;
    }
    .section01 .salary .salary-txt {
        font-size: 2.5rem;
        line-height: 1.4;
    }
    .section01 .salary .salary-txt br {
        display: block;
    }
}

.section02 {
    background: #e9e9e9;
    padding: 5em 0 4em;
}

.section02 .recruit-txt {
    text-align: center;
    font-weight: bold;
}

.section02 .recruit-txt span {
    font-size: 2.4rem;
    color: #60caad;
    background: #fff;
    padding: 0 .25em;
    display: inline-block;
    margin: 0 .25em;
}

.section02 .recruit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 3em auto 2em;
}

.section02 .recruit .recruit__item {
    background: #fff;
    width: 32.6087%;
}

.section02 .recruit .recruit__item .recruit-tit {
    margin-top: -.5em;
    display: block;
    text-align: center;
}

.section02 .recruit .recruit__item .recruit-tit span {
    background: #60caad;
    color: #fff;
    font-size: 1.8rem;
    padding: .25em 1.5em;
    position: relative;
}

.section02 .recruit .recruit__item .recruit-tit span:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 11px 11px;
    border-color: transparent transparent #2b8069 transparent;
    content: "";
    position: absolute;
    left: -11px;
    top: 0%;
}

.section02 .recruit .recruit__item .recruit__inner {
    margin: 1em;
}

.section02 .recruit .recruit__item .recruit__inner .recruit-list .recruit-list__head {
    background: #9da5a0;
    color: #fff;
    display: inline-block;
    padding: .15em .5em;
    margin-bottom: .5em;
    font-weight: bold;
}

.section02 .recruit .recruit__item .recruit__inner .recruit-list .recruit-list__body {
    margin-bottom: 1em;
}

.section02 .recruit .recruit__item .recruit__inner .recruit-list .recruit-list__body:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 920px) {
    .section02 {
        background: #e9e9e9;
        padding: 5em 0 4em;
    }
    .section02 .recruit {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .section02 .recruit .recruit__item {
        width: 48%;
        margin-bottom: 2em;
    }
    .section02 .recruit .recruit__item:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 540px) {
    .section02 {
        padding: 5em 0 4em;
    }
    .section02 .recruit-txt span {
        font-size: 1.8rem;
    }
    .section02 .recruit {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 3em auto 2em;
    }
    .section02 .recruit .recruit__item {
        background: #fff;
        width: 100%;
    }
    .section02 .recruit .recruit__item .recruit-tit {
        margin-top: -.5em;
        display: block;
        text-align: center;
    }
    .section02 .recruit .recruit__item .recruit-tit span {
        background: #60caad;
        color: #fff;
        font-size: 1.8rem;
        padding: .25em 1.5em;
        position: relative;
    }
    .section02 .recruit .recruit__item .recruit-tit span:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 11px 11px;
        border-color: transparent transparent #2b8069 transparent;
        content: "";
        position: absolute;
        left: -11px;
        top: 0%;
    }
    .section02 .recruit .recruit__item .recruit__inner {
        margin: 1em;
    }
    .section02 .recruit .recruit__item .recruit__inner .recruit-list .recruit-list__head {
        background: #9da5a0;
        color: #fff;
        display: inline-block;
        padding: .15em .5em;
        margin-bottom: .5em;
        font-weight: bold;
    }
    .section02 .recruit .recruit__item .recruit__inner .recruit-list .recruit-list__body {
        margin-bottom: 1em;
    }
    .section02 .recruit .recruit__item .recruit__inner .recruit-list .recruit-list__body:last-child {
        margin-bottom: 0;
    }
}

.section03, .section04 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.section03 .half, .section04 .half {
    width: 50%;
}

.section03 .half-black, .section04 .half-black {
    background: #333;
    color: #fff;
}

.section03 .half-black .half__inner, .section04 .half-black .half__inner {
    width: 50.43478%;
}

.section03 .half-black .tit .tit-cont .tit-cont__ja, .section04 .half-black .tit .tit-cont .tit-cont__ja {
    color: #fff;
}

.section03 .half-img, .section04 .half-img {
    position: relative;
}

@media screen and (max-width: 1320px) {
    .section03 .half-black .half__inner, .section04 .half-black .half__inner {
        width: auto;
    }
}

@media screen and (max-width: 700px) {
    .section03, .section04 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .section03 .half, .section04 .half {
        width: 100%;
    }
    .section03 .half-black, .section04 .half-black {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .section03 .half-black .half__inner, .section04 .half-black .half__inner {
        text-align: center;
        width: 100%;
    }
    .section03 .half-img, .section04 .half-img {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: 25vh;
    }
}

.section03 .half-img {
    margin-top: -20px;
    margin-left: -20px;
}

.section03 .half__inner {
    float: right;
    margin-top: 6em;
    padding-right: 1em;
}

.section03 .sec03-big {
    font-size: 2rem;
    background: #fff;
    color: #333;
    font-weight: bold;
    display: inline-block;
    padding: 0 .25em;
    margin: .25em 0;
}

@media screen and (max-width: 1540px) {
    .section03 .half__inner {
        margin-top: 3em;
    }
}

@media screen and (max-width: 1368px) {
    .section03 .half__inner {
        padding: 6em 1em 6em 0;
        margin-top: 0;
    }
    .section03 .half-img {
        margin-top: 0;
        margin-left: 0;
        background: url("../img/top/work_img_sp.jpg") no-repeat;
        background-size: cover;
        background-position: right top;
    }
    .section03 .half-img .section03-img {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .section03 .half__inner {
        padding: 3em 1em;
        margin-top: 0;
    }
    .section03 .sec03-big {
        font-size: 1.8rem;
    }
}

.section04 .half-img {
    margin-top: -20px;
    text-align: right;
}

.section04 .half__inner {
    float: left;
    margin-top: 3em;
    padding-bottom: 3em;
    padding-left: 1em;
}

@media screen and (max-width: 1840px) {
    .section04 .half-img {
        margin-top: 0;
        background: url("../img/top/welfare_img_sp.jpg") no-repeat;
        background-size: cover;
        background-position: center top;
    }
    .section04 .half-img .section04-img {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .section04 .half__inner {
        padding: 3em 1em;
        margin-top: 0;
    }
    .section04 .dot {
        text-align: left;
    }
}

.section05 {
    background: url("../img/top/view_img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
}

.section05 .inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.section05 .inner .section05-tit {
    color: #fff;
    font-size: 4.1rem;
    font-weight: bold;
    border-bottom: 2px solid #fff;
}

@media screen and (max-width: 920px) {
    .section05 {
        height: 50vh;
    }
}

@media screen and (max-width: 700px) {
    .section05 {
        height: 30vh;
    }
    .section05 .inner .section05-tit {
        font-size: 3rem;
    }
}

.section06 {
    background: #e9e9e9;
    padding: 3em 0 4em;
}

.section06 .recruiting {
    background: #333;
    color: #fff;
    padding: 1em;
    margin-bottom: 2em;
}

.section06 .recruiting:last-child {
    margin-bottom: 0;
}

.section06 .recruiting .recruiting-tit {
    text-align: center;
    font-size: 3rem;
    margin-bottom: .5em;
}

.section06 .recruiting .accordion__head {
    position: relative;
    border-bottom: 2px solid #fff;
    padding: .5em 1em;
    font-weight: bold;
    font-size: 2rem;
}

.section06 .recruiting .accordion__head:after {
    font-family: "Font Awesome 5 Regular";
    content: "\f107";
    position: absolute;
    right: 1em;
    bottom: 50%;
    margin-bottom: -.8em;
}

.section06 .recruiting .accordion__head:hover {
    cursor: pointer;
}

.section06 .recruiting .accordion__head.is-open:after {
    content: "\f106";
}

.section06 .recruiting .accordion__head:last-child {
    border-bottom: none;
}

.section06 .recruiting .accordion__body {
    color: #333;
    display: none;
    padding: 1em 1em 2em;
    border-bottom: 1px solid #fff;
    margin-bottom: 2em;
    background: #fff;
}

.section06 .recruiting .accordion__body .accordion__cont {
    margin-bottom: 1em;
    border-bottom: dashed #e9e9e9 1px;
    padding-bottom: 1em;
}

.section06 .recruiting .accordion__body .accordion__cont:last-child {
    margin-bottom: 0;
}

.section06 .recruiting .accordion__body .cont__tit {
    font-weight: bold;
    margin-bottom: .5em;
    display: inline-block;
    background: #ED2E7B;
    color: #ffff;
    padding: 0 .5em;
}

.section06 .recruiting .accordion__body .entry-btn {
    text-align: center;
    margin-top: 2em;
}

.section06 .recruiting .accordion__body .entry-btn a:hover {
    background: #333;
}

.section06 .recruiting .safe:after {
    content: "";
    display: block;
    clear: both;
}

.section06 .recruiting .safe__head {
    font-weight: bold;
    float: left;
    padding: .5em .5em .5em 1em;
}

.section06 .recruiting .safe__body {
    padding: .5em .5em .5em 8em;
    border-bottom: 2px solid #fff;
}

.section06 .recruiting .safe__body:last-child {
    border-bottom: none;
}

@media screen and (max-width: 540px) {
    .section06 .recruiting .safe__head {
        float: none;
        padding-bottom: 0em;
        padding-left: .5em;
    }
    .section06 .recruiting .safe__body {
        padding-left: .5em;
        padding-bottom: 1em;
        border-bottom: 2px solid #fff;
    }
    .section06 .recruiting .safe__body:last-child {
        border-bottom: none;
    }
}

@media screen and (max-width: 700px) {
    .section06 .recruiting .recruiting-tit {
        font-size: 2rem;
    }
    .section06 .recruiting .accordion__head {
        padding: .5em;
    }
    .section06 .recruiting .accordion__body {
        padding: .5em .5em 1.5em;
    }
}

.section07 {
    padding: 3em 0 4em;
}

.section07 .outline .table-outline {
    width: 100%;
}

.section07 .outline .table-outline tr {
    border-bottom: 2px solid #e9e9e9;
}

.section07 .outline .table-outline .outline__head {
    text-align: left;
    padding: .85em 1em .5em;
    vertical-align: text-top;
    border-bottom: 2px solid #60caad;
}

.section07 .outline .table-outline .outline__body {
    padding: .85em 1em .5em;
}

.section07 .outline .table-outline .outline__body .store {
    margin-bottom: .5em;
}

.section07 .outline .table-outline .outline__body .store:last-child {
    margin-bottom: 0;
}

.section07 .outline .table-outline .outline__body .store strong {
    display: block;
}

@media screen and (max-width: 540px) {
    .section07 .outline .table-outline tr {
        border-bottom: none;
    }
    .section07 .outline .table-outline .outline__head {
        display: block;
        padding: .5em;
    }
    .section07 .outline .table-outline .outline__body {
        display: block;
        padding: .5em;
    }
    .section07 .outline .table-outline .outline__body .store {
        margin-bottom: .5em;
    }
    .section07 .outline .table-outline .outline__body .store:last-child {
        margin-bottom: 0;
    }
    .section07 .outline .table-outline .outline__body .store strong {
        display: block;
    }
}

.section08 {
    background: #e9e9e9;
    padding: 3em 0 4em;
    text-align: center;
}

.section08 .entry-btn {
    margin-top: 1em;
}

.bread {
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5em;
    margin-bottom: .5em;
}

@media screen and (max-width: 950px) {
    .bread {
        margin-right: 15px;
        margin-left: 15px;
    }
}

.bread li {
    font-size: 1.2rem;
}

.bread li:after {
    font-family: "Font Awesome 5 Regular";
    content: "\f105";
    margin: 0 .5em;
}

.bread li a {
    color: #333;
}

.bread li a:hover {
    text-decoration: none;
}

.bread li:last-child:after {
    content: none;
}

.bread li:first-child:before {
    font-family: "Font Awesome 5 Solid";
    content: "\f015";
    margin-right: .25em;
}

.entry {
    margin-bottom: 4em;
}

.entry .entry-txt {
    text-align: center;
}

.entry #mailformpro {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 700px) {
    .entry #mailformpro {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.entry #mailformpro .mailform {
    margin-top: 1.5em;
}

.entry #mailformpro .mailform .mfp__head {
    margin-bottom: .5em;
}

.entry #mailformpro .mailform .mfp__head .hissu {
    background: #ED2E7B;
    color: #fff;
    display: inline-block;
    padding: 0 .25em;
    border-radius: .25em;
    font-size: 1.2rem;
    font-weight: bold;
    margin-left: .25em;
}

.entry #mailformpro .mailform .mfp__body {
    margin-bottom: 1em;
}

.entry #mailformpro .mailform .mfp__body input[type="text"], .entry #mailformpro .mailform .mfp__body input[type="email"] {
    border: #e9e9e9 1px solid;
    border-radius: .25em;
    padding: .5em;
    width: 100%;
}

.entry #mailformpro .mailform .mfp__body select {
    border: #e9e9e9 1px solid;
    border-radius: .25em;
    padding: .5em;
    width: 100%;
}

.entry #mailformpro .mfp_buttons {
    text-align: center;
    margin-top: 3em;
}

.entry #mailformpro .mfp_buttons .submit-btn {
    background: #60caad;
    color: #fff;
    border: none;
    font-size: 2rem;
    font-weight: bold;
    padding: .5em 1.5em;
}

.entry #mailformpro .mfp_buttons .submit-btn:hover {
    background: #2b8069;
}

.entry #mfp_phase_confirm_inner h4 {
    font-size: 2rem;
    text-align: center;
    margin: 1em auto;
}

.entry #mfp_confirm_table {
    width: 100% !important;
}

.entry #mfp_confirm_table tr {
    width: 100% !important;
    text-align: left;
    margin-bottom: 1em;
    border-bottom: 1px solid #e9e9e9;
    display: block;
}

.entry #mfp_confirm_table tr:last-child {
    border-bottom: none;
}

.entry #mfp_confirm_table tr th {
    display: block;
    color: #60caad;
}

.entry #mfp_confirm_table tr td {
    display: block;
}

.entry #mfp_phase_confirm .mfp_buttons {
    text-align: center;
    margin: 2em auto 0;
}

.entry #mfp_phase_confirm .mfp_buttons #mfp_button_send {
    border: none;
    background: #ED2E7B;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    padding: .5em 1.5em;
}

.entry #mfp_phase_confirm .mfp_buttons #mfp_button_send:hover {
    background: #8f0c41;
}

.entry #mfp_phase_confirm .mfp_buttons #mfp_button_cancel {
    border: none;
    background: #e9e9e9;
    color: #333;
    font-size: 2rem;
    font-weight: bold;
    padding: .5em 1.5em;
    margin-left: 1em;
}

.entry #mfp_phase_confirm .mfp_buttons #mfp_button_cancel:hover {
    background: darkgray;
    color: #FFF;
}

@media screen and (max-width: 700px) {
    .entry #mfp_phase_confirm .mfp_buttons #mfp_button_send {
        font-size: 1.6rem;
    }
    .entry #mfp_phase_confirm .mfp_buttons #mfp_button_cancel {
        font-size: 1.6rem;
    }
}