@charset "utf-8";



/*---------------------------------------------------------

    headline

---------------------------------------------------------*/

#ideal {
    padding: 0 0 9vw;
}

#ideal .ideal_box {
    margin-top: 2.75vw;
    padding:  0 3.75vw 3.75vw;
    border: 0.5vw solid #b2e5f2;
    position: relative;
}

#ideal .ideal_box > h2 {
    color: #00a9d4;
    text-align: center;
    position: relative;
    font-size: 4.27vw;
    width: 67.5vw;
    background: #fff;
    margin: -4.27vw auto 1.75vw;
    line-height: 7vw;
}

#ideal .ideal_box > p {
    line-height: 1.6;
}


/*---------------------------------------------------------

    employment_system

---------------------------------------------------------*/


#employment_system {
    background: #f5f5f5;
    padding: 9vw 0;
}

#employment_system .employment_system_list {
    overflow: hidden;
}

#employment_system .employment_system_list article {
    margin-top: 7.5vw;
}

#employment_system .employment_system_list article:first-of-type {
    margin-top: 0;
}

#employment_system .employment_system_list .employment_system_main {
    background: #fff;
    padding: 5vw 5vw;
}

#employment_system .employment_system_list article:first-of-type .employment_system_main {
    padding: 5vw 5vw;
}

#employment_system .employment_system_list h4 {
    color: #fff;
    font-size: 3.74vw;
    text-align: center;
    line-height: 10vw;
    font-weight: 600;
    background: #00a9d4;
}

#employment_system .employment_system_list .employment_system_headline {
    overflow: hidden;
    margin-bottom: 5vw;
}

#employment_system .employment_system_list article .employment_system_headline > figure {
    text-align: center;
}

#employment_system .employment_system_list .employment_system_headline > p {
    line-height: 1.8;
    margin-top: 3.5vw;
}

#employment_system .employment_system_list .employment_system_contents {
    overflow: hidden;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block {
    margin-top: 5vw;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block:first-of-type {
    margin-top: 0;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > h5 {
    color: #00a9d4;
    font-size: 3.74vw;
    font-weight: 600;
    margin-bottom: 1.25vw;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > p {
    line-height: 1.8;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > p.anno {
	color: #999;
	font-size: 3.2vw;
	line-height: 1.5;
	margin-top: 1.5vw;
}

#employment_system .employment_system_list .employment_system_contents dl {
    border: 1px solid #dcdcdc;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block dl {
    margin-top: 5vw;
}

#employment_system .employment_system_list .employment_system_contents dl dt {
    background: #f2f2f2;
    padding: 2.5vw 3.25vw;
    font-size: 3.74vw;
    font-weight: 600;
    text-align: center;
}

#employment_system .employment_system_list .employment_system_contents dl dd {
    padding: 20px 10px;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > dl dd {
    padding: 5vw 3.75vw;
}


#employment_system .employment_system_list .link_detail + .link_detail {
    margin-top: 15px;
}

#employment_system .employment_system_list .link_detail a {
    color: #212121;
    vertical-align: middle;
}

#employment_system .employment_system_list article:first-of-type ul .link_detail {
    margin-top: 3vw;
}

#employment_system .employment_system_list article:first-of-type ul .link_detail:first-of-type {
    margin-top: 0;
}



/*---------------------------------------------------------

    company_worker

---------------------------------------------------------*/


#company_worker {
    padding: 9vw 0;
}

#company_worker .sc_main_title01 {
	margin-bottom: 2.7vw;
}

#company_worker .container > #interview {
    margin-top: 9vw;
    overflow: hidden;
    width: 100%;
    border: 1px solid #dcdcdc;
}

#company_worker .container > #flow {
    margin-top: 9vw;
}

#company_worker .container > #flow .btn_detail {
    margin-top: 7.5vw;
}





@media screen and (min-width: 480px) {

/*---------------------------------------------------------

    headline

---------------------------------------------------------*/

#ideal .ideal_box > h2 {
	width: 37.5vw;
	font-size: 2.4vw;
}


/*---------------------------------------------------------

    employment_system

---------------------------------------------------------*/

#employment_system .employment_system_list h4,
#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > h5,
#employment_system .employment_system_list .employment_system_contents dl dt {
	font-size: 2.1vw;
}

#employment_system .employment_system_list .employment_system_contents ul {
	font-size: 0;
	width: 54vw;
	margin: 0 auto;
}

#employment_system .employment_system_list .employment_system_contents ul > li {
	font-size: 1.95vw;
	text-align: center;
}

#employment_system .employment_system_list .link_detail {
	display: inline-block;
	width: 27vw;
}

#employment_system .employment_system_list article:first-of-type ul .link_detail,
#employment_system .employment_system_list .link_detail + .link_detail {
	margin-top: 0;
}

#employment_system .employment_system_list article:first-of-type ul .link_detail:nth-child(n+3),
#employment_system .employment_system_list .link_detail + .link_detail:nth-child(n+3) {
	margin-top: 2.7vw;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > p.anno {
	font-size: 1.8vw;
}


}




@media screen and (min-width: 768px) {

/*---------------------------------------------------------

    headline

---------------------------------------------------------*/

#ideal {
    padding: 0 0 7.2rem;
}

#ideal .ideal_box {
    margin-top: 11px;
    padding: 3px 52px 65px;
    border: 4px solid #b2e5f2;
}

#ideal .ideal_box > h2 {
    margin: -17px auto 56px;
    line-height: 28px;
}

#ideal .ideal_box > p {
    font-size: 1.6rem;
    line-height: 2.125;
}


/*---------------------------------------------------------

    employment_system

---------------------------------------------------------*/


#employment_system {
    padding: 7.2rem 0;
}

#employment_system .employment_system_list article {
    width: 32.4%;
    float: left;
    margin: 0 1.3% 0 0;
}

#employment_system .employment_system_list article:first-of-type {
    margin-bottom: 40px;
    margin-right: 0;
    width: 100%;
    float: none;
}

#employment_system .employment_system_list article:last-of-type {
    margin-right: 0;
}

#employment_system .employment_system_list .employment_system_main {
	min-height: 72vw;
    padding: 22px 4.28% 32px;
}

#employment_system .employment_system_list article:first-of-type .employment_system_main {
	min-height: 0;
    padding: 38px 47px;
}

#employment_system .employment_system_list h4 {
    line-height: 45px;
}

#employment_system .employment_system_list .employment_system_headline {
    margin-bottom: 38px;
}

#employment_system .employment_system_list article:first-of-type .employment_system_headline > figure {
    width: 300px;
    float: left;
}

#employment_system .employment_system_list .employment_system_headline > p {
    line-height: 1.875;
    margin-top: 16px;
}

#employment_system .employment_system_list article:first-of-type .employment_system_headline > p {
    float: none;
    padding-left: 324px;
    margin-top: 0;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block {
    width: 50%;
    padding: 5px 0 10px;
    box-sizing: border-box;
    float: left;
    margin-top: 0;
}

#employment_system .employment_system_list .employment_system_contents ul {
	width: auto;
	margin: 0;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block:nth-of-type(odd) {
    padding-right: 43px;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block:nth-of-type(even) {
    padding-left: 43px;
    border-left: 1px dotted #646464;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > h5 {
    margin-bottom: 10px;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > h5,
#employment_system .employment_system_list .employment_system_contents dl dt {
	font-size: 1.8vw;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > p {
    line-height: 1.875;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block dl {
    margin-top: 30px;
}

#employment_system .employment_system_list .employment_system_contents dl dt {
    padding: 10px 20px;
}

#employment_system .employment_system_list .employment_system_contents dl dd {
    padding: 20px 10px;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > dl dd {
    padding: 30px 25px;
}

#employment_system .employment_system_list .link_detail + .link_detail {
    margin-top: 15px;
}

#employment_system .employment_system_list .link_detail .zmdi {
    width: 17px;
    line-height: 17px;
    height: 17px;
    font-size: 12px;
}

#employment_system .employment_system_list .link_detail {
	width: auto;
}

#employment_system .employment_system_list article:first-of-type ul .link_detail,
#employment_system .employment_system_list .link_detail + .link_detail,
#employment_system .employment_system_list article:first-of-type ul .link_detail:nth-child(n+3),
#employment_system .employment_system_list .link_detail + .link_detail:nth-child(n+3) {
	margin-top: 0.9rem;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > p.anno {
    font-size: 1.4rem;
}


/*---------------------------------------------------------

    company_worker

---------------------------------------------------------*/


#company_worker {
    padding: 52px 0;
}

#company_worker .container > #interview {
    margin-top: 60px;
}

#company_worker .container > #flow {
    margin-top: 84px;
}

#company_worker .container > #flow .btn_detail {
    margin-top: 80px;
}




}







@media screen and (min-width: 1080px) {

/*---------------------------------------------------------

    common

---------------------------------------------------------*/

#recruit .sc_main_title01 {
	font-size: 2.2rem;
}



/*---------------------------------------------------------

    headline

---------------------------------------------------------*/

#ideal .ideal_box > h2 {
	width: 36rem;
	font-size: 2.4rem;
}


/*---------------------------------------------------------

    employment_system

---------------------------------------------------------*/

#employment_system .employment_system_list h4,
#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > h5 {
	font-size: 2rem;
}

#employment_system .employment_system_list .employment_system_contents > .employment_system_contents_block > p.anno {
	font-size: 1.2rem;
	margin-top: 0.9rem;
}

#employment_system .employment_system_list .employment_system_contents dl dt {
	font-size: 1.8rem;
}

#employment_system .employment_system_list .employment_system_main {
	min-height: 51rem;
    padding: 22px 25px 32px;
}

#employment_system .employment_system_list article:first-of-type .employment_system_main {
	min-height: 0;
}

#employment_system .employment_system_list article:first-of-type ul .link_detail:nth-of-type(-n+2) {
    margin-top: 0;
}

#employment_system .employment_system_list article:first-of-type ul .link_detail:nth-of-type(even) {
    margin-left: 24px;
}

#employment_system .employment_system_list .employment_system_contents ul > li {
	min-width: 17rem;
	font-size: 1.6rem;
	text-align: left;
}


/*---------------------------------------------------------

    company_worker

---------------------------------------------------------*/

#company_worker .sc_main_title01 {
	margin-bottom: 3.6rem;
}


}