@charset "utf-8";

/* ---------------------------------- */
/*        TOP           */
/* ---------------------------------- */
.smn_entry {
    top: 700px;
    display: block;
}

.bg-dark{
    background-color: #ece8e1;
}


#top_mv {
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 600px;
    background-color: #a0a0a0;
    position: fixed;
    overflow: hidden;
    z-index: 1;
}
.ipad #top_mv {
    position: static;
}

#top_mv .inner {
    top: 0;
    width: 100%;
    padding: 250px 0 0 0;
    position: relative;
    z-index: 10;
}

#top_mv .copy {
    width: 760px;
    margin: 0 auto 50px auto;
}

#top_mv .copy img {
    width: 100%;
}

#top_mv .newentry {
    width: 841px;
    margin: 0 auto 50px auto;
}

#top_mv .newentry img {
    width: 49%;
}

#top_mv .copy .sp {
    display: none;
}

#top_mv .recruitment {
    color: #ececec;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Roboto,"Droid Sans","游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
    text-align: center;
    letter-spacing: 0.2em;
    margin: 0 0 36px 0;
    }

#top_mv .link {
    bottom: 14%;
    width: 100%;
    text-align: center;
}

#top_mv .link a {
    color: #231815;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 80px;
    background-color: #fff;
    display: inline-block;
    position: relative;
}

#top_mv .link a:hover {
    color: #92b36e;
    text-decoration: none;
}

#top_mv .link a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #231815;
    border-right: 1px solid #231815;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#top_mv .link a:hover::after {
    border-top: 1px solid #92b36e;
    border-right: 1px solid #92b36e;
}

.sd_next {
    top: 300px;
    right: 80px;
    position: absolute;
}

.sd_back {
    top: 300px;
    left: 80px;
    position: absolute;
}

.sd_next img {
    width: 25px;
}

.sd_back img {
    width: 25px;
}

.sd_next:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.sd_back:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#top_mv .slide {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
}

#top_mv .slide li {
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
}


#top_mv .slide .sd1 {
    background-image: url(/assets/img/sub-directory/recruit/top/mv4.jpg);
    z-index: 5;
}


#top_mv .slide .sd2 {
    background-image: url(/assets/img/sub-directory/recruit/top/202307_mv1.jpg);
    z-index: 2;
}

#top_mv .slide .sd3 {
    background-image: url(/assets/img/sub-directory/recruit/top/mv2.jpg);
    z-index: 2;
}

#top_mv .slide .sd4 {
    background-image: url(/assets/img/sub-directory/recruit/top/mv3.jpg);
    z-index: 2;
}
#top_mv .slide .sd5 {
    background-image: url(/assets/img/sub-directory/recruit/top/mv5.jpg);
    z-index: 2;
}

#top_mv .bx-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
}

#top_mv .bx-viewport {
    box-shadow: none;
    border: none;
    left: 0;
    background: none;
}

#top_mv .bx-controls {
    display: none;
}

#content.top {
    top: 600px;
}

.ipad #content.mb{
    position: relative;
}

@media screen and (max-width: 1150px) {
    .sd_next {
        right: 40px;
    }
    .sd_back {
        left: 40px;
    }
}

@media screen and (max-width: 1050px) {
    #top_mv .copy {
        width: 700px;
        margin: 0 auto 50px auto;
    }
    #top_mv .newentry {
        width: 700px;
        margin: 0 auto 50px auto;
    }
    .sd_next img {
        width: 20px;
    }
    .sd_back img {
        width: 20px;
    }
}

@media screen and (max-width: 900px) {
    #top_mv .copy {
        width: 500px;
        margin: 0 auto 50px auto;
    }
    #top_mv .newentry {
        width: 500px;
        margin: 0 auto 50px auto;
    }
    .sd_next {
        right: 20px;
    }
    .sd_back {
        left: 20px;
    }
}

@media screen and (max-width: 768px) {
    #top_mv{
        height: 400px !important; /*SPの高さを無理やり短くする2018*/
        position: relative;
    }
    #top_mv .copy {
        width: 90%;
        margin: -50px auto 50px auto;
    }
    #top_mv .newentry {
        width: 70%;
        margin: 0 auto 50px auto;
    }
    #top_mv .newentry img {
        width: 100%;
    }
    #top_mv .copy .pc {
        display: none;
    }
    #top_mv .copy .sp {
        display: block;
    }
    #top_mv .recruitment {
        font-size: 14px;
    }
    .sd_next {
        display: none;
    }
    .sd_back {
        display: none;
    }
    #top_mv .slide li {
        background-position: center center;
        height: 500px !important; /*SPの高さを無理やり短くする2018*/
    }
    #top_mv .slide .sd1 {
        background-image: url(/assets/img/sub-directory/recruit/top/sp_mv4.jpg);
    }
    #top_mv .slide .sd2 {
        background-image: url(/assets/img/sub-directory/recruit/top/202307_sp_mv1.jpg);
    }
    #top_mv .slide .sd3 {
        background-image: url(/assets/img/sub-directory/recruit/top/sp_mv2.jpg);
    }
    #top_mv .slide .sd4 {
        background-image: url(/assets/img/sub-directory/recruit/top/sp_mv3.jpg);
    }
    #content.top {
        top: 0;
    }
    .smn_entry {
        display: none;
    }
    #top_mv .inner {
        top: 0;
        width: 100%;
        padding: 165px 0 0 0 !important;
        position: relative;
        z-index: 10;
    }
    .ipad #top_mv .inner {
        padding: 17% 0 0 0 !important;
    }
    .moduleinner{
        width: 100%;
        margin: 0 auto;
    }
}

/* title */
#content.top .title {
    height: auto;
}

#content.top .title h2 {
    font-size: 26px;
    font-weight: bold;
    font-family: "Times", "Times New Roman", "Minion Web", serif;
    text-align: center;
    letter-spacing: 0.2em;
padding: 40px 0 30px 0;
}

#content.top .title h2 img {
    width: 45px;
    margin: 0 auto 40px auto;
    display: block;
}

#content.top .title h2 span {
    color: #614e49;
    font-size: 12px;
    font-family: Arial, Roboto,"Droid Sans","游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
    margin: 18px 0 0 0;
    display: block;
}

@media screen and (max-width: 768px) {
    #content.top .title {
        height: auto;
    }
    #content.top .title h2 {
        font-size: 20px;
        padding: 40px 0 40px 0;
    }
    #content.top .title h2 span {
        margin: 9px 0 0 0;
    }
}


/*---------------------------------------------------- RECRUIT TOP NEWS */
.recruit_news{
    padding-bottom: 20px;
}
.recruit_news .inner{
    width: 980px;
    margin: 0 auto;
}
.recruit_news dl {
    font-size: 14px;
    text-align: left;
    width: 100%;
    margin: 0 auto 40px auto;
    display: block;
    border-top: solid 1px #d4cdc8;
}

.recruit_news dl dt {
    font-weight: bold;
    padding: 10px 0 10px 0;
    line-height: 1.8;
    border-bottom: solid 1px #d4cdc8;
}

.recruit_news dl dt span {
    display: block;
    font-weight: normal;
}

.recruit_news dl dd {
    line-height: 1.6;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #d4cdc8;
}

.recruit_news dl dt span img.opw,
.recruit_news dl dd a img.opw {
    width: 16px;
    opacity: .8;
}
.recruit_news dl dd a:hover img.opw {
    opacity: .5;
}



@media screen and (max-width: 768px) {
    .recruit_news .inner{
        width: 90%;
        margin: 0 auto 30px;
    }
    .recruit_news {
    }
    .recruit_news h3 {
        font-size: 20px;
    }
    .recruit_news dl {
        font-size: 12px;
        width: 90%;
        margin: 0 auto 30px auto;
    }
    .recruit_news dl dt span {
        font-size: 10px;
        line-height: 18px;
        width: 100%;
    }
}
/*---------------------------------------------------- RECRUIT TOP TOPICS */
.recruit_topics{
    padding-bottom: 20px;
}
.recruit_topics .inner{
    width: 980px;
    margin: 0 auto;
}
.recruit_topics ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
        flex-flow: wrap;
    -ms-flex-flow: wrap;
     -webkit-flow: wrap;
    align-items: top;
}
.recruit_topics li{
    width: 310px;
    height: 170px;
    margin-bottom: 20px;
}
.recruit_topics li img{
    width: 100%;
}
.recruit_topics li a img:hover{
    opacity: .6;
}
.recruit_topics li p.txt{
    line-height: 1.7;
    text-align: left;
    margin-bottom: 15px;
    padding: 5px;
    height:3.6rem;
}
.recruit_topics li p a{
}

.recruit_topics li a.btn{
    color: #231815;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    width: 310px;
    padding: 12px 0;
    border: solid 1px #231815;
    z-index: 2;
    position: relative;
}
.recruit_topics li a.btn:hover {
    color: #92b36e;
    text-decoration: none;
    border: solid 1px #92b36e;
}
.recruit_topics li a.btn:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #231815;
    border-right: 1px solid #231815;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.recruit_topics li a.btn:hover::after {
    border-top: 1px solid #92b36e;
    border-right: 1px solid #92b36e;
}

.recruit_topics li a.btn.opw {
    background-image: url(/assets/img/common/opw.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 10px center;
}
.recruit_topics li a.btn.opw:hover {
    background-image: url(/assets/img/common/opw_on.png);
}


@media screen and (max-width: 768px) {
.recruit_topics{
    padding-bottom: 40px;
}
.recruit_topics .inner{
    width: 90%;
    margin: 0 auto 30px;
}
    .recruit_topics ul {
        flex-direction: column;
    }
    .recruit_topics li{
        width: 100%;
        margin-left:0;
        margin-right:0;
    }
    .ipad .recruit_topics ul {
        flex-direction: row;
    }
    .ipad .recruit_topics li{
        width: 47%;
    }
    .recruit_topics li p.txt{
        margin-bottom: 5px;
        height:auto;
    }
    .recruit_topics li:last-child{
        margin-bottom: 0;
    }
}


/*---------------------------------------------------- LINKS */
.top_links { padding-bottom: 60px; }

.top_links .inner {
    width:980px;
    margin: 0 auto;
}

.top_links ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
        flex-flow: wrap;
    -ms-flex-flow: wrap;
     -webkit-flow: wrap;
    justify-content: space-between;
    align-items: top;
}

.top_links ul li {
    width: 310px;
    margin-bottom: 20px;
}
.top_links ul li.w100{
    margin: 0;
    width: 100%;
}
.top_links ul li.w100 a{
    background-position: 99% 96%;
}

.top_links ul li a {
    width: 100%;
    height: 230px;
    background-image: url(/assets/img/sub-directory/recruit/top/link_aw.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 97% 97%;
    border: solid 2px #000;
    display: block;
    position: relative;
}

.top_links ul li a:hover {
    color: #92b36e;
    background-image: url(/assets/img/sub-directory/recruit/top/link_aw_on.png);
    border-color: #92b36e;
}

.top_links ul li a .ttl {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 2.5em;
    display: block;
    position: absolute;
}

.top_links ul li a .ja {
    font-size: 80%;
    font-weight: normal;
    margin: 0.5em 0 0 0;
    display: block;
}

@media screen and (max-width: 768px) {
    .top_links {
        width: 100%;
        padding: 0 0 70px;
    }
    .top_links .inner{
    width: 90%;
    }
    .top_links ul li {
        width: 49%;
        margin: 0 0 2% 0;
        display: block;
    }
    .top_links ul li a {
        height: 160px;
        background-position: 98% 96%;
    }
}








/* MIND */
#content.top .mind {
    padding: 100px 0;
    background-color: #ece8e1;
}

#content.top .mind h3 {
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 60px 0;
}

#content.top .mind .ld {
    font-size: 14px;
    line-height: 2;
    margin: 0 0 60px 0;
}

#content.top .mind .mind_pc {
    width: 947px;
    height: 907px;
    margin: 0 auto;
    position: relative;
}

/*
#content.top .mind .mind_pc .is {
    width: 297px;
    height: 297px;
    position: absolute;
    z-index: 5;
    //display: none;
}

#content.top .mind .mind_pc .is img {
    width: 100%;
}

#content.top .mind .mind_pc .mind1 {
    top: 0;
    left: 326px;
}

#content.top .mind .mind_pc .mind2 {
    top: 236px;
    left: 650px;
}

#content.top .mind .mind_pc .mind3 {
    top: 610px;
    left: 520px;
}

#content.top .mind .mind_pc .mind4 {
    top: 610px;
    left: 130px;
}

#content.top .mind .mind_pc .mind5 {
    top: 236px;
    left: 0;
}
*/

#content.top .mind .mind_pc .is {
    width: 47px;
    height: 47px;
    position: absolute;
    z-index: 5;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#content.top .mind .mind_pc .is img {
    width: 100%;
}

#content.top .mind .mind_pc .mind1 {
    top: 125px;
    left: 451px;
}

#content.top .mind .mind_pc .mind2 {
    top: 361px;
    left: 775px;
}

#content.top .mind .mind_pc .mind3 {
    top: 735px;
    left: 645px;
}

#content.top .mind .mind_pc .mind4 {
    top: 735px;
    left: 255px;
}

#content.top .mind .mind_pc .mind5 {
    top: 361px;
    left: 125px;
}

#content.top .mind .mind_pc .title {
    top: 440px;
    left: 358px;
    position: absolute;
    z-index: 3;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#content.top .mind .mind_pc .title img {
    width: 234px;
}

#content.top .mind .mind_pc .circle {
    top: 122px;
    left: 111px;
    width: 726px;
    height: 726px;
    position: absolute;
    z-index: 2;
}

#content.top .mind .mind_pc .circle .over_right {
    top: 0;
    left: 363px;
    width: 363px;
    height: 726px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
}

#content.top .mind .mind_pc .circle .over_right .inner {
    top: 0;
    left: -363px;
    width: 721px;
    height: 721px;
    border-top: 5px solid #ece8e1;
    border-right: 5px solid #ece8e1;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
}

#content.top .mind .mind_pc .circle .over_left {
    top: 0;
    left: 0;
    width: 363px;
    height: 726px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    display: none;
}

#content.top .mind .mind_pc .circle .over_left .inner {
    top: 0;
    left: 3px;
    width: 721px;
    height: 721px;
    border-top: 5px solid #ece8e1;
    border-right: 5px solid #ece8e1;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
}

#content.top .mind .mind_pc .trigger {
    width: 947px;
    height: 907px;
    position: absolute;
    z-index: 10;
    display: none;
}

#content.top .mind .mind_pc .trigger p {
    width: 297px;
    height: 297px;
    position: absolute;
}

#content.top .mind .mind_pc .trigger img {
    width: 100%;
}

#content.top .mind .mind_pc .trigger .but1 {
    top: 0;
    left: 326px;
}

#content.top .mind .mind_pc .trigger .but2 {
    top: 236px;
    left: 650px;
}

#content.top .mind .mind_pc .trigger .but3 {
    top: 610px;
    left: 520px;
}

#content.top .mind .mind_pc .trigger .but4 {
    top: 610px;
    left: 130px;
}

#content.top .mind .mind_pc .trigger .but5 {
    top: 236px;
    left: 0;
}

#content.top .mind .mind_pc .zoom {
    width: 947px;
    height: 907px;
    position: absolute;
    z-index: 7;
    display: none;
}

#content.top .mind .mind_pc .zoom p {
    width: 297px;
    height: 297px;
    position: absolute;
}

#content.top .mind .mind_pc .zoom img {
    width: 100%;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#content.top .mind .mind_pc .zoom .zm1 {
    top: 0;
    left: 326px;
}

#content.top .mind .mind_pc .zoom .zm2 {
    top: 236px;
    left: 650px;
}

#content.top .mind .mind_pc .zoom .zm3 {
    top: 610px;
    left: 520px;
}

#content.top .mind .mind_pc .zoom .zm4 {
    top: 610px;
    left: 130px;
}

#content.top .mind .mind_pc .zoom .zm5 {
    top: 236px;
    left: 0;
}

.scale_anm {
    -webkit-animation: scaleout 0.4s 1 ease-in-out;
    animation: scaleout 0.4s 1 ease-in-out;
    animation-fill-mode: forwards;
}

@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.6);
        opacity: 1;
    }
}

@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
        transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: 1;
    }
}

.shake_anm1 {
    animation: shake 1.8s linear infinite;
    -webkit-animation: shake 1.8s linear infinite;
}

.shake_anm2 {
    animation: shake 2s linear infinite;
    -webkit-animation: shake 2s linear infinite;
}

.shake_anm3 {
    animation: shake 1.9s linear infinite;
    -webkit-animation: shake 1.9s linear infinite;
}

.shake_anm4 {
    animation: shake 1.7s linear infinite;
    -webkit-animation: shake 1.7s linear infinite;
}

.shake_anm5 {
    animation: shake 2.1s linear infinite;
    -webkit-animation: shake 2.1s linear infinite;
}

@-webkit-keyframes shake {
    0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
    25% { -webkit-transform: translate(0.5px, 2.5px) rotate(0deg); }
    50% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
    75% { -webkit-transform: translate(-0.5px, -2.5px) rotate(0deg); }
    100% { -webkit-transform: translate(0px, -2px) rotate(1deg); }
}

@keyframes shake {
    0% { transform: translate(0px, 0px) rotate(0deg); }
    25% { transform: translate(0.5px, 2.5px) rotate(0deg); }
    50% { transform: translate(0px, 0px) rotate(0deg); }
    75% { transform: translate(-0.5px, -2.5px) rotate(0deg); }
    100% { transform: translate(0px, 0px) rotate(0deg); }
}

/* mind sp */
#content.top .mind .mind_m {
    width: 90%;
    margin: 0 auto;
    display: none;
}

#content.top .mind .mind_m img {
    width: 100%;
}

#content.top .mind .mind_sp {
    width: 85%;
    margin: 0 auto;
    display: none;
}

#content.top .mind .mind_sp h4 {
    color: #231815;
    font-size: 26px;
    font-weight: bold;
    font-family: "Times", "Times New Roman", "Minion Web", serif;
    text-align: center;
    letter-spacing: 0.2em;
    padding: 40px 0 30px 0;
}

#content.top .mind .mind_sp span {
    color: #614e49;
    font-size: 16px;
    font-family: Arial, Roboto,"Droid Sans","游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
    letter-spacing: 0em;
    margin: 18px 0 0 0;
    display: block;
}

#content.top .mind .mind_sp img {
    width: 86%;
}

@media screen and (max-width: 950px) {
    #content.top .mind .mind_pc {
        display: none;
    }
    #content.top .mind .mind_m {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #content.top .mind {
        padding: 60px 0 60px 0;
    }
    #content.top .mind h3 {
        font-size: 20px;
        margin: 0 0 30px 0;
    }
    #content.top .mind .ld {
        text-align: left;
        width: 90%;
        margin: 0 auto 30px auto;
    }
}

@media screen and (max-width: 480px) {
    #content.top .mind .mind_m {
        display: none;
    }
    #content.top .mind .mind_sp {
        display: block;
    }
}

/* MESSAGE */
.message {
    height: 368px;
    background-image: url(/assets/img/sub-directory/recruit/top/message.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.message h3 {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    font-family: "Times", "Times New Roman", "Minion Web", serif;
    text-align: center;
    letter-spacing: 0.2em;
    padding: 86px 0 46px 0;
}

.message h3 span {
    font-size: 12px;
    font-family: Arial, Roboto,"Droid Sans","游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
    margin: 18px 0 0 0;
    display: block;
}

.message .ld {
    color: #fff;
    font-size: 18px;
    padding: 0 0 60px 0;
}

.message .link a {
    color: #231815;
    font-size: 12px;
    font-weight: bold;
    width: 160px;
    padding: 14px 0;
    background-color: #fff;
    display: inline-block;
    position: relative;
}

.message .link a:hover {
    color: #92b36e;
    text-decoration: none;
}

.message .link a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #231815;
    border-right: 1px solid #231815;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.message .link a:hover::after {
    border-top: 1px solid #92b36e;
    border-right: 1px solid #92b36e;
}

@media screen and (max-width: 768px) {
    .message {
        height: 368px;
        background-image: url(/assets/img/sub-directory/recruit/top/message_sp.jpg);
    }
    .message h3 {
        font-size: 20px;
    }
    .message .ld {
        font-size: 14px;
    }
}

.interview {
    padding: 0 0 150px 0;
    overflow:hidden;
}

.interview h3 {
    font-size: 26px;
    font-weight: bold;
    font-family: "Times", "Times New Roman", "Minion Web", serif;
    text-align: center;
    letter-spacing: 0.2em;
    padding: 0 0 46px 0;
}

.interview h3 span {
    font-size: 12px;
    font-family: Arial, Roboto,"Droid Sans","游ゴシック","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
    margin: 18px 0 0 0;
    display: block;
}

.interview .slide {
    margin: 0 auto 90px auto;
    position:relative;
    width:75%;
}

.interview .slide img {
    width: 100%;
}
.interview .slide li{
    float:left;
        width: 9.667% !important;
        margin: 0 -0.67% !important;
    position:relative;
}
.interview .slide li a{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    /*background-color:#000;*/
}

.interview .slide li .textArea{
    position:absolute;
    top:29%;
    left:13%;
    width:38%;
}
.interview .slide li .textArea .btn{
    display:block;
    width:35%;
    margin-top:7%;
}

.interview .slideL{
    position:absolute;
    top:0;
    left:-17.85%;
    width:24.01%;
    z-index:99;
}

.interview .slideL span{
    background:url(/assets/img/sub-directory/recruit/top/mv_aw_back.png) no-repeat 0 0;
    background-size:25px;
    width:25px;
    height:44px;
    position:absolute;
    top:50%;
    left:40%;
    display:block;
    margin-top:-22px;
}

.interview .slideR{
    position:absolute;
    top:0;
    right:-17.36%;
    width:24.47%;
    z-index:99;
}

.interview .slideR span{
    background:url(/assets/img/sub-directory/recruit/top/mv_aw_next.png) no-repeat 0 0;
    background-size:25px;
    width:25px;
    height:44px;
    position:absolute;
    top:50%;
    right:40%;
    display:block;
    margin-top:-22px;
}


.interview .btnNext{
    position:absolute;
    top:0;
    right:-17.6%;
    width:24.5%;
    height:100%;
    z-index:99;
    display:block;
}

.interview .btnPrev{
    position:absolute;
    top:0;
    left:-17.8%;
    width:23.8%;
    height:100%;
    z-index:99;
    display:block;
}

.interview .btnNext a,.interview .btnPrev a{
    width:100% !important;
    height:100% !important;
    display:block !important;
    text-indent:-9999px;
}


.interview .btnNext img,.interview .btnPrev img {
    width: 100% !important;
    height:100%;
    position:relative;
    top:0;
    left:0;
}

.interview .sd_back img {
    width: 100% !important;
}

.interview .bxslider .bx-wrapper{ overflow:visible !important;}

.interview .slide .sp {
    display: none;
}

.interview .ld {
    clear:both;
    font-size: 14px;
    line-height: 2;
    padding: 0 0 60px 0;
}

.interview .link a {
    color: #231815;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 10px 80px;
    border: solid 1px #231815;
    display: inline-block;
    position: relative;
}

.interview .link a:hover {
    color: #92b36e;
    text-decoration: none;
    border: solid 1px #92b36e;
}

.interview .link a::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #231815;
    border-right: 1px solid #231815;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.interview .link a:hover::after {
    border-top: 1px solid #92b36e;
    border-right: 1px solid #92b36e;
}

@media screen and (max-width: 768px) {
    .interview {
        padding: 0 0 40px 0;
    }
    .interview h3 {
        font-size: 20px;
    }
    .interview .slide .pc {
        display: none;
    }
    .interview .slide .sp {
        display: block;
    }
    .interview .slide {
        margin: 0 auto 45px auto;
    }
    .interview .ld {
        font-size: 12px;
        padding: 0 0 40px 0;
    }
    .interview .link a {
        padding: 10px 40px;
    }

    .interview .slide li .textArea{
        position:absolute;
        top:12%;
        left:14%;
        width:45%;
    }

    .interview .slide li .textArea a{
        display:block;
        width:68%;
        margin-top:9%;
    }
    /*.interview .sd_next{
        right:-20%;
        top:50%;
        z-index:100;
        display:block;
    }

    .interview .sd_back{
        left:-20%;
        top:50%;
        z-index:100;
        display:block;
    }

    .interview .sd_next img {
        width: 24% !important;
    }

    .interview .sd_back img {
        width: 24% !important;
    }*/

    .interview .slideL span{
        background:url(/assets/img/sub-directory/recruit/top/mv_aw_back.png) no-repeat 0 0;
        background-size:20px;
        width:20px;
        height:35px;
        position:absolute;
        top:50%;
        left:20%;
        display:block;
        margin-top:-17px;
    }

    .interview .slideR span{
        background:url(/assets/img/sub-directory/recruit/top/mv_aw_next.png) no-repeat 0 0;
        background-size:20px;
        width:20px;
        height:35px;
        position:absolute;
        top:50%;
        right:20%;
        display:block;
        margin-top:-17px;
    }
}

/* ---------------------------------- */
/*        職種一覧           */
/* ---------------------------------- */
.recruit_entry_list li {
  padding: 8px 8px 20px 8px;
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 1rem;
  font-weight: 600;
  background: #fff;
}
.recruit_entry_list h4 {
  font-size: 17px;
  padding: 6px 10px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}
.recruit_entry_list li .job-box {
  margin: auto auto 15px;
}
.recruit_entry_list li .job-box .job {
  font-size: 14px;
}
.recruit_entry_list li .job-box .employment {
  margin-top: 3px;
  font-size: 12px;
}
.recruit_entry_list li .job-box .note {
  margin-top: 5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
}
.recruit_entry_list li.opencampany .job-box .job {
  font-size: 12px;
}
.recruit_entry_list li.opencampany .job-box .employment {
  font-size: 11px;
}
.recruit_entry_list li.opencampany .job-box .employment span {
  font-weight: normal;
}
.recruit_entry_list li.opencampany .job-box .note {
  font-size: 9px;
}
.recruit_entry_list li .btn {
  width: 190px;
  margin: auto auto 0;
  border-radius: 100px;
}
.recruit_entry_list li .btn a {
  position: relative;
  display: block;
  width: 100%;
  padding: 6px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.recruit_entry_list li .btn:hover {
  opacity: .6;
}
.recruit_entry_list li .btn a:hover {
  text-decoration: none;
}
.recruit_entry_list li .btn + .btn {
  margin-top: 10px;
}
.recruit_entry_list li .btn a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.recruit_entry_list li.c01 h4,
.recruit_entry_list li.c01 .btn {
  background: #6882b3;
}
.recruit_entry_list li.c02 h4,
.recruit_entry_list li.c02 .btn {
  background: #b36767;
}
.recruit_entry_list li.c03 h4,
.recruit_entry_list li.c03 .btn {
  background: #e2ba86;
}

.recruit_entry_list li.opencampany h4 {
  font-size: 15px;
  letter-spacing: -0.1em;
}
.recruit_entry_list li.opencampany .btn {
  width: 220px;
}