@charset "utf-8";
/*===================================================================================================
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 

〇 SECTION TITLE 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
====================================================================================================*/


/**********************************************************************************
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □  

◆	Stylesheet: 1024px～1280px(iPad縦からiPad横)までのモニタで適用	◆

start----------------------------------------------------------------------------*/

@media screen and (min-width: 1024px) and (max-width: 1280px) {}

/* 1024px～1280px responsive-close



/**********************************************************************************
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □  

◆	Stylesheet: 768px～1023px(iPad縦からiPad横)までのモニタで適用	◆

start----------------------------------------------------------------------------*/

@media print,screen and (min-width: 768px) and (max-width: 1023px) {
    .__recruit_job_list_box {
        justify-content: center;
        align-items: center;
        flex-flow: column;
        position: relative;
    }

    .__recruit_job_list {
        width: 100%;
        position: relative;
        top:0;
    }

    .__recruit_job_list ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .__recruit_job_list ul li {
        width: calc((100% / 3) - 20px);
        margin-bottom: 10px;
    }

    .__recruit_job_list ul li a {
        flex-flow: column;
    }
    .__recruit_info_box{
        width: 100%;
        margin-top: 1.4rem;
    }
}

/* 768px～1023px responsive-closed */

/*end ----------------------------------------------------------------------------
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
**********************************************************************************/


/**********************************************************************************
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 

◆	Stylesheet: 767pxまで(スマホ)のモニタで適用	◆

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
start----------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    .__recruit_job_list_box {
        justify-content: center;
        align-items: center;
        flex-flow: column;
        position: relative;
    }

    .__recruit_job_list {
        width: 100%;
        position: relative;
        top:0;
    }

    .__recruit_job_list ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row;
        flex-wrap: wrap;
    }

    .__recruit_job_list ul li {
        width: calc((100% / 3) - 20px);
        margin-bottom: 10px;
    }

    .__recruit_job_list ul li a {
        flex-flow: column;
    }
    .__recruit_info_box{
        width: 100%;
        margin-top: 1.4rem;
    }
    .__recruit_info_job_img {
        width: 100%;
        height: 250px;
        background: url(../../img/recruit/26089877_m.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        justify-content: right;
        position: relative;
    }

    .__recruit_info_job_img h3 {
        width: 90%;
        height: 100px;
        position: absolute;
        clip-path: none;
        left: 5%;
        bottom: -20px;
    }

    .__recruit_info_job_img h3 p {
        font-size: 3.6vw;
        padding: 20px;
        line-height: 1.2em;
    }

    .__recruit_info_job>p {
        padding: 20px;
        font-size: 0.8em;
    }

    .__recruit_info_box>li {
        padding: 20px;
    }

    .__recruit_job_list ul {
        padding: 20px 0;
    }

    .__recruit_job_list ul li {
        width: calc((100% / 2) - 10px);
        margin-bottom: 10px;
    }

    .__recruit_job_list ul li a {
        flex-flow: column;
        padding: 1.2rem;
    }
    .__recruit_job_list ul li a p{
        font-size: 0.9rem;
    }

    .__recruit_info_box>li>h3 {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        font-weight: normal;
        padding: 0 0 20px 0;
    }

    .__recruit_info_box>li>h3>p {
        font-size: 0.8em;
        display: flex;
        align-items: start;
        word-wrap: none;
    }

    .__recruit_info_box>li>h3>span {
        width: 40%;
        font-size: 0.6em;
        margin-left: 10px;
    }

    .__recruit_info_box li table th {
        font-size: 0.8em;
    }

    .__recruit_info_box li table td {
        font-size: 0.8em;
    }

}

/* 767px responsive-closed */

/*end ----------------------------------------------------------------------------
□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ 
**********************************************************************************/