@charset "utf-8";
/*****************************************
	lp_common_02.css
******************************************/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    -webkit-box-sizing:border-box;
    -webkit-text-size-adjust: 100%;
}
#headContent .free{
    font-size: 14px;
    line-height: 1.857;
}
img {
    height: auto;
    width: 100%;
}
a:hover {
    text-decoration: none !important;
}
input[type="text"] {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
#bottomContent #social {
    overflow: hidden;
}
#bottomContent #areaLink {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}
#areaLink div.area table, #areaLink div.area table tr, #areaLink div.area table tr th, #areaLink div.area table tr td {
    border: 1px #bfbfbf solid;
}
#bottomContent #areaLink div.area table a {
    color: #333 !important;
}
.w94 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    width: 94%;
}
.mw630 {
    margin-left: auto;
    margin-right: auto;
    max-width: 630px;
    /*! width: 94%; */
}
.mw818 {
    margin-left: auto;
    margin-right: auto;
    max-width: 818px;
    /*! width: 94%; */
}
.mw878 {
    margin-left: auto;
    margin-right: auto;
    max-width: 878px;
    width: 94%;
}

.kv{
    margin-bottom: 50px;
}
.kvOn{
    position: relative;
}
.kvCopy{
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1000px;
    width: 94%;
    font-size: 38px;
    text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
    text-align: center;
    transform: translateY(50%);
    font-weight: bold;
}
.kvCopy >span span{
    display: block;
}
.logo img{
    max-width: 302px;
    margin: 0 auto 20px;
}
.h1Wrap h1{
    font-size: 12px;
    margin-bottom: 30px;
    line-height: 1.4;
    text-align: center;
    font-weight: normal;
}
.kvLink a{
    display: block;
    position: relative;
    margin: 50px auto 0;
    background-color: rgba(0,0,0,1);
}

.kvLink a:hover{
    opacity: .7;
}
.kvLink a img{
    /*! opacity: .75; */
}
.kvLink strong{
    display: block;
    position: absolute;
    bottom: 30%;
    transform: translateY(50%);
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 1em;
    text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000;
}
.kvLink strong >span{
    position: relative;
    display: inline-block;
    padding-right: 54px;
}
.kvLink strong >span:before{
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background-color: #fff;
    right: 0;
}
.kvLink strong >span:after{
    font-family: recop-iconfont;
    content: "\E846";
    position: absolute;
    width: 26px;
    height: 22px;
    color: #202020;
    font-size: 22px;
    right: 0;
    font-weight: normal;
}

.cnt{
    margin-bottom: 120px;
}
.bgGray {
    background-color: #e5e5e5;
    padding: 30px;
    margin-bottom: 40px;
}
.bg01 {
    background-color: #00a256;
}
.bg02 {
    background-color: #09ba36;
}
.lazyloaded .c1w1 .h2T1{
    background-image: url(../images/ttl1.png);
}
.lazyloaded .c1w2 .h2T1{
    background-image: url(../images/ttl2.png);
}
.h2T1{
    text-align: center;
    color: #fff;
    font-size: 26px;
    padding-top: 60px;
    margin-bottom: 40px;
    line-height: 1.3;
    background: center 0 no-repeat;
}
h2 >span >span{
    display: inline-block;
}
.trigger1{
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
}
.trigger1 +ul:not(:last-child){
    margin-bottom: 25px;
}
.h2Wrap{
    position: relative;
}
.h2T2{
    font-size: 28px;
    color: #202020;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.285;
}
.h2T2 >span span{
    display: block;
}
.h2Wrap >p >img{
    margin: 0 auto 8px;
    width: auto;
}
.c1Wrap {
    padding-top: 40px;
    padding-bottom: 40px;
}
#mapObj{
    background-color: #fff;
    margin-bottom: 40px;
    height: 640px;
}
.w94pc >img{
    margin-bottom: 40px;
}
.c2a a{
    display: block;
    font-size: 16px;
    text-align: center;
    color: #202020;
    line-height: 1.625;
}
.icoRB{
    position: relative;
    display: block;
    background-color: #fff;
}
.icoRB:hover{
    opacity: .7;
}
.c2a a img:hover{
    opacity: .5;
}
.icoRB:before{
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #e5e5e5;
    right: 0;
    bottom: 0;
}
.icoRB:after{
    font-family: recop-iconfont;
    content: "\E845";
    position: absolute;
    width: 30px;
    height: 30px;
    color: #202020;
    font-size: 13px;
    line-height: 30px;
    right: 0;
    font-weight: normal;
    bottom: 0;
    text-align: center;
}
.c2a strong{
    margin-top: 5px;
    display: block;
}
.c2a strong >span span, .c3a strong >span span{
    display: block;
}
.c3a a{
    position: relative;
    display: block;
}
.c3a strong{
    position: absolute;
    font-size: 22px;
    color: #fff;
    bottom: 50%;
    transform: translateY(50%);
    line-height: 1.18;
    display: block;
    width: 40%;
    text-align: center;
    text-shadow: 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000, 0 0 1px #000000;
}
.c3a .icoRB{
    /*! background-color: rgba(0,0,0,1); */
}
.c3a a img{
    /*! opacity: .75; */
}
.c3a li{
    margin-bottom: 20px;
}
.c3a ul{
    margin-bottom: 40px;
}
.c4w1 {
    overflow: hidden;
}
.c4Wrap .bTn a >span >span.fsb{
    font-size: 20px;
    display: inline-block;
}
.last_cnt{
    max-width: 300px;
    margin: auto;
}
.last_cnt a{
    font-size: 14px;
    text-decoration: underline !important;
}
.last_cnt a:hover{
    opacity: .7;
}
.putItBack{
    position: relative;
    z-index: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#bottomContent{
    background-color: #e6e6e6;
    padding: 40px 0;
}
#main .space {
    padding-bottom: 216px;
}
.freeWordObj form {
    margin: 0 auto;
    display: block;
    position: relative;
    max-width: 620px;
}
.freeWordInput{
    padding: 0 140px 0 0;
    width: 100%;
    position: relative;
}
.freeWordObj #freeword {
    background-color: #fff;
    box-sizing: border-box;
    color: #666666;
    display: block;
    font-size: 14px;
    height: 50px;
    padding: 0;
    text-indent: 1em;
    width: 100%;
    border:none;
}
.lazyloaded .freeWordObj #freewordsearch {
    background-image: url(../images/loupe.png);
}
.freeWordObj #freewordsearch {
    background-color: #ffa300;
    background-position: 30px center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 25px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    top: 0;
    right: 0;
    position: absolute;
    width: 130px;
    height: 50px;
    transition: opacity 1.0s ease;
    padding-left: 26px;
    font-size: 18px;
}
.freeWordObj #freewordsearch[type="submit"]:hover  {
    opacity: 0.7;
}
.bTn a{
    display: block;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    transition: background 1.0s ease;
    padding: 0 26px;
    color: #212121 !important;
    text-align: center;
    background-color: #fff;
    line-height: 60px;
    border-radius: 30px;
}
.bTn a >span{
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
}
.bTn a >span >span{
    display: inline-block;
}
.btnT2 a{
    background-color: #ff9c00;
    color: #ffffff !important;
    transition: opacity 1.0s ease;
    max-width: 750px;
    margin: auto;
}
.btnT2 a:hover{
    opacity: .5;
}
.bTn a:before,  #global-nav ul li >a:before{
    font-family: recop-iconfont;
    position: absolute;
    top: 0;
    margin: auto;
    content: "\E845";
    right: 15px;
    font-size:18px;
    bottom: 0;
    font-weight: normal;
}
.btnT1 a.link-joblocation {
    max-width: 690px;
    margin: auto;
}
.btnT1 a:hover{
    background-color: #e5e5e5;
}
.nth2, .nth4{
    overflow: hidden;
    margin-top: -20px;
}
.nth2 >*, .nth4 >*{
    margin-top: 20px;
}
#footer .content .free{
    background-color: #e6e6e6;
}
.logoF img{
    max-width: 267px;
    margin: 100px auto 6px;
}
.logoF +strong{
    display: block;
    font-size: 12px;
    color: #606060;
    text-align: center;
    margin-bottom: 6px;
    font-weight: normal;
}
.logoF +strong span {
    display: inline-block;
}
div#container{
    z-index: 0;
}
#footer{
}
#main{
    position: relative;
}

.trigger1, .trigger2{
    pointer-events: all;
    position: relative;
}
@media screen and (min-width: 769px) {
    .kvWrap {
        margin-bottom: 30px;
    }
    .w94pc {
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        width: 94%;
    }
    .kvLink a{
        max-width: 650px;
    }
    .intTxtWrap .boxW{
        padding-bottom: 30px;
    }
    .bgW1 {
        margin-bottom: 20px;
    }
    .vision1 .boxW{
        display: table;
        table-layout: fixed;
    }
    .vision1 .boxW >*{
        display: table-cell;
        vertical-align: top;
    }

    .trigger1{
        pointer-events: none;
    }
    .trigger2{
        pointer-events: none;
        display: none;
    }
    .nth2, .nth4{
        font-size: 0;
    }
    .nth2 >*, .nth4 >*{
        display: inline-block;
        vertical-align: top;
    }
    .nth2 >* {
        width: calc(50% - 10px);
        margin-left: 20px;
    }
    .nth4 >* {
        width: calc(25% - 9.75px);
        margin-left: 13px;
    }
    .nth2 >*:nth-child(2n+1),
    .nth4 >*:nth-child(4n+1){
        margin-left: 0;
    }
    .c4 .bTn a >span >span.fss {
        padding-right: 1em;
    }
}

@media screen and (max-width: 1454px) {
    .h2Wrap:before{
        height: 100%;
        background-size: auto;
    }
    .c3 .h2Wrap::before{
        background-position-x: 50%;
    }
}
@media screen and (max-width: 980px) {
    .profWrap{
        width: 30%
    }

}
@media screen and (max-width: 768px) {
    .h1Wrap h1{
        font-size: 16px;
    }
    .h1Wrap h1 >span span{
        display: inline-block;
    }
    .bgGray{
        padding-left: 3%;
        padding-right: 3%;
    }
    .c4 .btnT2 a >span >span{
        /*! display: block; */
    }
    .cnt {
        margin-bottom: 90px;
    }
    .h2T1, .h2T2, .bgGray, .c3a ul{
        margin-bottom: 30px;
    }
    .h2T2 {
        font-size: 26px;
    }

    .trigger1 {
        background-color: #fff;
        color: #000;
        font-size: 18px;
        line-height: 60px;
        position: relative;
        cursor: pointer;
        padding: 0 35px;
        margin-bottom: 20px;
    }
    .trigger1:after {
        font-family: recop-iconfont;
        content: "\E846";
        display: block;
        position: absolute;
        right: 15px;
        margin: auto;
        top: 0;
        bottom: 0;
        font-size: 18px;
        font-weight: normal;
        height: 1em;
        width: 1em;
        line-height: 1em;
        color: #000;
        text-align: right;
    }
    .trigger1.is-active{
        background-color: #ffcc00;
    }
    .trigger1.is-active:after{
        content: "\E844";
    }
    .trigger1 +ul{
        display: none;
    }
    .trigger2 {
        border-top: 10px solid #14a8b8;
        display: block;
        position: absolute;
        margin: 0 auto 0;
        cursor: pointer;
        text-align: center;
        font-size: 20px;
        font-weight: 500;
        line-height: 50px;
        color: #fff;
        width: 100%;
        left: 0;
        right: 0;
        bottom: -60px;
        font-family: Impact,'Impact',sans-serif;
    }
    .trigger2 span {
        font-size: 26px;
    }
    .trigger2 >p{
        background-color: #14a8b8;
        width: 94%;
        margin: auto;
        position: relative;
    }
    .trigger2 >p:before,.trigger2 >p:after{
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        top: 0;
    }
    .trigger2 >p:before{
        border-width: 50px 0 0 25px;
        border-color: transparent transparent transparent #fff;
        left: 0;
    }
    .trigger2 >p:after{
        border-width: 0 0 50px 25px;
        border-color: transparent transparent #fff transparent;
        right: 0;
    }
    .trigger2 p > span {
        display: inline-block;
        position: relative;
        line-height: 40px;
        vertical-align: top;
    }
    .trigger2 p > span:before {
        display: block;
        position: absolute;
        content: "";
        background-color: #fff;
        height: 30px;
        width: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
        right: -43px;
    }
    .trigger2.is-active {
    }
    .trigger2.is-active .close {
        display: inline-block;
    }
    .trigger2.is-active .close:after {
        content: "\E805";
        right: -40px;
    }
    .trigger2.is-active .open{
        display: none;
    }
    .trigger2 .close{
        display: none;
    }
    .target2 {
        display: none;
    }

    .nth2sp, .nth3sp, .bTn2{
        font-size: 0;
    }
    .nth3sp >*, .nth2sp >* {
        display: inline-block;
        vertical-align: top;
    }
    .nth3sp >* {
        width: calc(33.33% - 6.66px);
        margin-left: 10px;
    }
    .nth2sp >* {
        width: calc(50% - 10px);
        margin-left: 20px;
    }
    .nth3sp >*:nth-child(3n+1),
    .nth2sp >*:nth-child(2n+1){
        margin-left: 0;
    }
    .bTn a {
        font-size: 18px;
    }
    .c4 .bTn a >span >span.fss{
        font-size: 16px;
        display: block;
    }
    #bottomContent{
        padding-bottom: 100px;
        position: relative;
        z-index: 0;
    }
    .logoF img{
        margin-top: 150px;
    }
    #main .space {
        padding-bottom: 140px;
    }
}
@media screen and (max-width: 480px) {
    .kv {
        margin-bottom: 40px;
    }
    .kvCopy {
        font-size: 7vw;
    }
    .kvLink a {
        margin-top: 40px;
    }
    .cnt {
        margin-bottom: 60px;
    }
    .h2T1 {
        font-size: 22px;
    }
    .h2T2 {
        font-size: 24px;
    }
    .freeWordObj #freewordsearch {
        width: 80px;
        background-position: 10px center;
    }
    .freeWordInput {
        padding-right: 85px;
    }
    .c4 .bTn a > span > span.fsb {
        font-size: 18px;
    }
    .c3a strong {
        font-size: 20px;
        padding-left: 10px;
        width: auto;
    }
    .nth3sp >* {
        width: calc(50% - 5px);
        margin-left: 10px !important;
    }
    .nth3sp >*:nth-child(2n+1){
        margin-left: 0 !important;;
    }
}

/* 20231121 画像差替え調整 */
.kvCopy{
    bottom: 25%;
    line-height: 1.5em;
}
.kvLink strong{
    bottom: 14%;
}
@media screen and (max-width: 600px) {
    .kvCopy {
        font-size: 6vw;
    }
}

/* 20241209 「業態ごとに求人を探す」ボタン削除 */
.nth2, .nth4{
    text-align: center;
}