@charset "utf-8";/*文字コード指定*/

:root {/*変数定義-----------------------------------------------------------------------↓*/
    --compov_gree_pres: 15%;
    /*compov_gree_pres_copy,compov_gree_pres_imgのheight指定*/
}/*変数定義------------------------------------------------------------------------------↑*/

/*メモ帳
{{スマホを基本設計にする}}
 - 〜479px：SP縦
 - 480px〜599px：SP横
 - 600px〜959px：タブレット
 - 960px〜1279px：小型PC
 - 1280px〜：大型PC
*/


/*-------------------------------------------------------------------------------------------*/
/* ▼デフォルトCSS(ウィンドウ幅が~479pxの場合に適用)                                    */
/*-------------------------------------------------------------------------------------------*/
#kagomoto_anime_pagemove{/*デフォルトCSS-------------------OPロゴanime↓*/
    display: none;
    fill: transparent;
    height: auto;
    margin: 0 5%;
    width: 90%;
    animation: kago_pagemove 2s ease-in-out 0s forwards;
    animation-iteration-count: infinite;
    animation-play-state: paused;
}
@keyframes kago_pagemove {
    0% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}/*デフォルトCSS-------------------------------------------------------OPロゴanime↑*/

.recr_main{/*デフォルトCSS----------------------------------------------recr_main↓*/
    display: none;
    float: left;
    height: auto;
    margin: 0 0 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.recr_mesa{
    display: block;
    margin: 0 0 50px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.recruit{
    display: flex;
    justify-content: center;
}
.recruit a img{
    width: 200px;
    height: auto;
    margin: 5px;
}
.recruit a img:hover{
    opacity: 50%;
}


.recr_mesa h1{
    display: inline-block;
    font-family: "IPAPFont", serif , 游明朝, 'Yu Mincho';
    font-size: calc(3.0rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    left: 50%;
    line-height: 1.2;
    position: relative;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    white-space: nowrap;
}
.recrp{
    display: block;
    float: left;
    height: auto;
    margin: 0 0 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.recrp_job_img{
    background-image: url("../img/recr_02.jpg");
    background-position: center top 20%;
    background-size:cover;
    display: block;
    float: left;
    height: 50vh;
    margin: 0 0 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.recrp_job_img.recrp_job_img_2{
    background-image: url("../img/PAK85.jpg");
    margin: 200px 0 0 0;
}
.recrp_job_work{
    display: block;
    float: left;
    height: auto;
    left: 20%;
    margin: 0 0 0 2%;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition:1.0s;
    width: 48%;
}
.recrp_job_copy{
    display: block;
    float: left;
    height: auto;
    left: 200%;
    margin: 0 0 0 0;
    overflow: hidden;
    position: relative;
    transform:rotate(360deg);
    transition:1.0s;
    width: 48%;
}
.recrp_job_work h2{
    font-family: "IPAPFont", serif , 游明朝, 'Yu Mincho';
    font-size: calc(3.5rem + ((1vw - 0.64rem) * 0.7143));
    font-weight: bold;
    line-height: 1.2;
}
.recrp_job_work p{
    font-family: "IPAPFont", serif , 游明朝, 'Yu Mincho';
    font-size: calc(1.7rem + ((1vw - 0.64rem) * 0.7143));
    font-weight: bold;
    line-height: 1.2;
}
.recrp_job_copy p{
    font-size: 1.3rem;
    line-height: 1.8;
}
.recrp_stat1{
    display: block;
    float: left;
    height: auto;
    left: 20%;
    margin: 50px 0 0 2%;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition:1.0s;
    width: 96%;
}
.recrp_stat1 p{
    font-family: "IPAPFont", serif , 游明朝, 'Yu Mincho';
    font-size: calc(1.3rem + ((1vw - 0.64rem) * 0.7143));
    font-weight: bold;
}
.recrp_stat_job{
    border: 1px solid;
    border-radius: 35px;
    display: block;
    color: #c8161d;
    float: left;
    margin: 0 0 0 0;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
}
.recrp_stat_job p{
    font-family: "IPAPFont", serif , 游明朝, 'Yu Mincho';
    font-size: calc(1.3rem + ((1vw - 0.64rem) * 0.7143));
    font-weight: bold;
}
.recrp_stat_join{
    border: 1px solid;
    border-radius: 35px;
    color: #064994;
    display: block;
    float: left;
    margin: 0 0 0 5px;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
}
.recrp_stat_join p{
    font-family: "IPAPFont", serif , 游明朝, 'Yu Mincho';
    font-size: calc(1.3rem + ((1vw - 0.64rem) * 0.7143));
    font-weight: bold;
}
.recrp_stat2{
    display: block;
    float: left;
    height: auto;
    margin: 15px 0 50px 2%;
    overflow: hidden;
    position: relative;
    width: 96%;
}
.recrp_stat2_copy{
    display: block;
    float: left;
    height: auto;
    left: 20%;
    margin: 0 0 0 0;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition:1.0s;
    width: 100%;
}
.recrp_stat2_copy p:nth-child(1){
    font-size: calc(2.5rem + ((1vw - 0.64rem) * 0.7143));
    font-weight: bold;
    line-height: 1.2;
}
.recrp_stat2_copy p:nth-child(2){
    font-family: "IPAPFont", serif , 游明朝, 'Yu Mincho';
    font-size: calc(1.8rem + ((1vw - 0.64rem) * 0.7143));
    line-height: 1.5;
    margin: 10px 0 0 0;
}
.recrp_stat2_img{
    background-image: url("../img/syugou.jpg");
    background-position: center;
    background-size:cover;
    display: block;
    float: left;
    height: calc(100vw * 0.369);
    left: 200%;
    margin: 0 0 0 0;
    overflow: hidden;
    position: relative;
    transform:rotate(360deg);
    transition:1.0s;
    width: 100%;
}
.recrp_1day, .recrp_job_summ{
    display: block;
    float: left;
    height: auto;
    left: 200%;
    margin: 50px 0 100px 2%;
    overflow: hidden;
    position: relative;
    transform:rotate(360deg);
    transition:1.0s;
    width: 96%;
}
.recrp_1day p, .recrp_job_summ p{
    font-size: calc(4.0rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    left: 50%;
    line-height: 1.0;
    margin: 0 0 0 0;
    position: relative;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    white-space: nowrap;
}
dl{
    border-bottom: 2px solid #e6e6e6;
    border-image: linear-gradient(to right, #c8161d 30%, #004994 100%)1;
    display: table;
    font-size: calc(2.0rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    line-height: 1.5;
    table-layout: fixed;
    width: 100%;
}
.recrp_1day dl:nth-child(2){
    border-image: linear-gradient(to right, #c8161d 30%, #004994 100%)1;
    border-top: 2px solid #e6e6e6;
    margin: 0 0 0 0;
}
dt{
    background-color: rgba(0,0,0,0.03);
    display: table-cell;
    padding: 20px;
    text-align: right;
    width: 30%;
    word-wrap: break-word;
}
dd{
    display: table-cell;
    padding: 20px;
    width: 70%;
}
    
    #baitoru_sp{
        display: block;
    margin-bottom: 150px;
        text-align: center;
}
.tel a{
    text-decoration: none;
}
.tel a:hover{
    opacity: 50%;
}
.recruit_img{
    display: flex;
}

.recruit_1 a img{
    width: 200px;
    height: auto;
    margin-right: 10px;
}
.recurit_2 a img{
    width: 200px;
    height: auto;
}

.recruit_1 a img:hover{
    opacity: 50%;
}

.recurit_2 a img:hover{
    opacity: 50%;
}
        
}/*デフォルトCSS-----------------------------------------------------------recr_main↑*/

.compov_main{/*デフォルトCSS-------------------------------------compov_main↓*/
    display: none;
    float: left;
    height: auto;
    margin: 0 0 0 20%;
    overflow: hidden;
    position: relative;
    width: 60%;
}
.compov_gree{
    display: block;
    float: left;
    height: 630px;
    margin: 0 0 150px 0;
    position: relative;
    width: 100%;
}
.compov_gree_copy{
    display: block;
    float: left;
    height: 88%;
    overflow: hidden;
    position: relative;
    width: 60%;
    z-index: 1;
}
.compov_gree_copy p{
    font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    line-height: 1.6;
    padding: 0 5px 0 0;
}
.compov_gree_title{
    height: 12%;
    width: 100%;
}
.compov_gree_title h2,.compov_phil h2,.kagoov_list h2,.kagoov h2{
    border-image: linear-gradient(to right, #c8161d 30%, #004994 100%)1;
    border-top: 5px solid #e6e6e6;
    font-size: calc(3.0rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    padding: 25px 0 0 0;
}
.compov_gree_img_erea{
    display: block;
    float: left;
    height: 88%;
    position: relative;
    width: calc(100% - 60%);
    z-index: 1;
}
.compov_gree_img{
    background-image: url("../img/karos.jpg");
    background-position: center center;
    background-size:cover;
    display: block;
    float: left;
    height: 85%;
    position: relative;
    width: 100%;
    z-index: 1;
}
.compov_gree_pres_copy{
    display: block;
    float: left;
    height: var(--compov_gree_pres);
    position: relative;
    width: 40%;
    z-index: 1;
}
.compov_gree_pres_copy p{
    font-size: calc(1.4rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
}
.compov_gree_pres_img{
    background-image: url("../img/sign.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size:contain;
    display: block;
    float: left;
    height: var(--compov_gree_pres);
    position: relative;
    width: 60%;
    z-index: 1;
}
.compov_gree_pres_copy p{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.compov_phil{
    display: block;
    float: left;
    height: auto;
    margin: 0 0 150px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.compov_phil h2{
    margin: 0 0 30px 0;
}
.compov_phil_p1{
    border-bottom: 10px solid #e6e6e6;
    border-image: linear-gradient(to right, #c8161d 30%, #004994 100%)1;
    display: inline-block;
    font-size: calc(2.0rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    line-height: 1.5;
    padding: 25px 0 0 0;
}
.compov_phil_p2{
    font-size: calc(1.5rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    line-height: 1.5;
    margin: 20px 0 0 0;
}
.kagoov{
    display: block;
    float: left;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 1;
}
.kagoov h2{
    margin: 0 0 30px 0;
}
.kagoov_list{
    display: block;
    float: left;
    height: auto;
    margin: 0 0 150px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.kagoov_map{
    display: block;
    float: left;
    height: auto;
    margin: 0 0 150px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.kagoov_map_i{
    border: 0;
    height: 700px;
    width: 100%;
}/*デフォルトCSS------------------------------------------------------compov_main↑*/

/*-------------------------------------------------------------------------------------------*/
/* ▼SP_CSS ウィンドウ幅が480px~599pxの場合に適用                                       */
/*-------------------------------------------------------------------------------------------*/
@media screen and (min-width: 480px) {
}/*SP_CSS END*/
.recruit_img{
    display: block;
}
/*-------------------------------------------------------------------------------------------*/
/* ▼タブレット_CSS ウィンドウ幅が600px~959pxの場合に適用                           */
/*-------------------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) {
    .animation-box{/*表示アニメ設定*/
        background-size:200%;
    }
    .animation-box.active{
        background-size:102%;
    }
    .recr_mesa h1{
        font-size: calc(4.5rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    }
    .recrp_job_work p{
        font-size: 2.5rem;
    }
    .recrp_job_copy p{
        font-size: 2.0rem;
        line-height: 1.8;
    }

    }

}/*タブレット_CSS END*/

/*-------------------------------------------------------------------------------------------*/
/* ▼小型PC_CSS ウィンドウ幅が960px~1279pxの場合に適用                               */
/*-------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
    .recr_mesa h1{
        font-size: 7.0rem;/* 20px~24pxで可変*/
        line-height: 1.1;
    }
    .recrp_job_work{
        margin: 0 0 0 10%;
        width: 40%;
    }
    .recrp_job_copy{
        margin: 0 10% 0 0;
        width: 40%;
    }
    .recrp_job_work h2{
        font-size: calc(4.5rem + ((1vw - 0.64rem) * 0.7143));
    }
    .recrp_stat1{
        margin: 50px 0 0 20%;
        width: 60%;
    }
    .recrp_stat2_copy{
        width: 50%;
    }
    .recrp_stat2_img{
        width: 50%;
    }
    .recrp_stat2_copy p:nth-child(2){
        font-size: 2.5rem;
        line-height: 1.5;
        margin: 10px 0 0 0;
    }
    .recrp_stat2{
        height: auto;
        margin: 15px 0 0 10%;
        width: 80%;
    }
    .recrp_1day, .recrp_job_summ{
        margin: 50px 0 150px 20%;
        width: 60%;
    }
    .recrp_1day p, .recrp_job_summ p{
        font-size: 7.0rem;/* 20px~24pxで可変*/
        margin: 0 0 30px 0;
    }
    
   
}/*小型PC_CSS END*/

/*-------------------------------------------------------------------------------------------*/
/* ▼大型PC_CSS ウィンドウ幅が1280px以上の場合に適用                                    */
/*-------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1280px){
}/*大型PC_CSS END*/