@charset "utf-8";

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

    common

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

#main > .recruit_list {
    padding: 6.25vw 5vw;
    overflow: hidden;
    border: 1px solid #DCDCDC;
}

#main > .recruit_list + .recruit_list {
    margin-top: 8.75vw;
}

#main > .recruit_list .recruit_title {
    border-left: 1vw solid #00A9D4;
    padding-left: 2.5vw;
    line-height: 7vw;
    margin-bottom: 2.5vw;
    font-size: 3.74vw;
    letter-spacing: 0.21vw;
    font-weight: 700;
}


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

    recruit

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

#recruit .container {
    max-width: 850px;
}

#recruit .headline p {
    text-align: center;
    line-height: 1.75;
    margin-bottom: 7.5vw;
    font-size: 3.5vw;
}

#recruit #main > .recruit_list + .recruit_list {
    margin-top: 8.75vw;
}


#recruit #main > .recruit_list > p {
    line-height: 1.875;
}

#recruit #main > .recruit_list > .recruit_btn {
    margin-top: 5vw;
}

#recruit #main > .recruit_list > ul.recruit_btn > li.btn_detail {
    margin-top: 3vw;
}

#recruit #main > .recruit_list > ul.recruit_btn > li.btn_detail:first-of-type {
    margin-top: 0;
}

#recruit #main > .recruit_list > .recruit_btn > .btn_detail > a {
    width: 80%;
    box-sizing: border-box;
    min-width: 0;
}

#recruit #main > .recruit_list > p.no_recruit {
	color: #c3c3c3;
	text-align: center;
	font-weight: 500;
    margin-top: 2.5vw;
}


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

    recruit_detail

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

#recruit_detail h2 {
    background: #333;
    text-align: center;
    color: #fff;
    line-height: 10vw;
    margin-bottom: 6.25vw;
}

#recruit_detail .recruit_box {
    overflow: hidden;
    position: relative;
}

#recruit_detail .recruit_box #main {
    width: 100%;
    max-width: 820px;
}

#recruit_detail #main > .recruit_list {
    padding: 6.25vw 3vw;
}

#recruit_detail .recruit_box #main .recruit_table {
    width: 100%;
    margin-bottom: 7.2vw;
}

#recruit_detail .recruit_box #main .recruit_table tr:first-of-type {
    border-top: 0.1rem #dcdcdc solid;
}

#recruit_detail .recruit_box #main .recruit_table tr {
    display: block;
    border-bottom: 0.1rem #dcdcdc solid;
}

#recruit_detail .recruit_box #main .recruit_table th {
    width: 10.5rem;
    font-size: 3.74vw;
    font-weight: 700;
    background: #f5f5f5;
    padding: 3vw;
    box-sizing: border-box;
}

#recruit_detail .recruit_box #main .recruit_table td {
    font-size: 3.74vw;
    padding: 3vw;
}

#recruit_detail p.no_recruit,
#recruit_detail .always {
    text-align: center;
}

#recruit_detail .always p + p {
	margin-top: 2.4rem;
}



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

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

    common

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

#main > .recruit_list .recruit_title {
    font-size: 2.25vw;
    line-height: 4.8vw;
}


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

    recruit

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

#recruit .headline p {
	font-size: 2.1vw;
}

#recruit #main > .recruit_list > p {
	font-size: 1.95vw;
}

#recruit #main > .recruit_list > ul.recruit_btn {
	font-size: 0;
	width: 77vw;
	margin-right: auto;
	margin-left: auto;
}

#recruit #main > .recruit_list > ul.recruit_btn > li.btn_detail {
	margin-top: 0;
	display: inline-block;
	width: 36vw;
	margin: 0 1.2vw 2.4vw;
}

#recruit #main > .recruit_list > .recruit_btn > .btn_detail > a {
	width: 100%;
}

#recruit #main > .recruit_list > p.no_recruit {
    margin-top: 11.25px;
}


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

    recruit_detail

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

#recruit_detail h2 {
	font-size: 2.25vw;
	line-height: 7.2vw;
}

#recruit_detail .recruit_box #main .recruit_table th,
#recruit_detail .recruit_box #main .recruit_table td {
    font-size: 1.95vw;
}

#recruit_detail .recruit_box #main .recruit_table th {
    width: 12rem;
}

#recruit_detail .btn_detail a {
	min-width: 39vw;
}

.btn_detail .zmdi {
	height: 2.4vw;
	font-size: 2.4vw;
}




}


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


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

    recruit_detail

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

#recruit_detail .recruit_box #main {
	margin-right: auto;
	margin-left: auto;
}

#recruit_detail .recruit_box #main .recruit_table th {
    width: 16.3rem;
}

#recruit #main > .recruit_list > ul.recruit_btn {
	width: 65vw;
}

#recruit #main > .recruit_list > ul.recruit_btn > li.btn_detail {
	width: 30vw;
}

}


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

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

    common

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

#main {
	max-width: 850px;
}

#main > .recruit_list {
    padding: 23px 30px;
}

#main > .recruit_list + .recruit_list {
    margin-top: 60px;
}

#main > .recruit_list .recruit_title {
    border-left-width: 6px;
    padding-left: 12px;
    line-height: 35px;
    margin-bottom: 23px;
    font-size: 2.2rem;
    letter-spacing: 0.04rem;
}


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

    recruit

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

#recruit .headline p {
    margin-bottom: 50px;
    font-size: 1.6rem;
}

#recruit #main > .recruit_list + .recruit_list {
    margin-top: 40px;
}

#recruit #main > .recruit_list > p {
    font-size: 1.6rem;
}

#recruit #main > .recruit_list > ul.recruit_btn {
	width: auto;
	margin: 0;
    margin-top: 20px;
}

#recruit #main > .recruit_list > ul.recruit_btn > li.btn_detail {
    width: 167px;
    margin: 0;
}

#recruit #main > .recruit_list > ul.recruit_btn > li.btn_detail + li.btn_detail {
    margin-left: 14px;
}

.btn_detail .zmdi {
    height: 1.75rem;
    font-size: 1.75rem;
}

#recruit #main > .recruit_list > p.no_recruit {
    margin-top: 12px;
    text-align: left;
}

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

    recruit_detail

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

#recruit_detail h2 {
    font-size: 2.4rem;
    line-height: 50px;
    margin-bottom: 60px;
}

#recruit_detail .recruit_box #main {
	margin-right: 0;
	margin-left: 0;
	min-height: 153px;
}

#recruit_detail #main > .recruit_list {
    padding: 23px 30px;
}

#recruit_detail .recruit_box #main .recruit_table {
    margin-bottom: 30px;
}

#recruit_detail .recruit_box #main .recruit_table th,
#recruit_detail .recruit_box #main .recruit_table td {
    font-size: 1.6rem;
    padding: 2.1rem;
}

#recruit_detail .recruit_box #main .recruit_table td {
    font-size: 1.4rem;
    line-height: 1.6;
}

#recruit_detail .recruit_box #main .recruit_table td .skill {
    margin-top: 20px;
}

#recruit_detail .recruit_box #main .recruit_table td .skill > dd > p,
#recruit_detail .recruit_box #main .recruit_table td .skill > dd > ul > li {
    position: relative;
    padding-left: 1em;
}

#recruit_detail .recruit_box #main .recruit_table td .skill > dd > p:before,
#recruit_detail .recruit_box #main .recruit_table td .skill > dd > ul > li:before {
    content: "・";
    position: relative;
    margin-left: -1em;
    float: left;
}

#recruit_detail .btn_detail a {
	min-width: 33rem;
}

#recruit_detail p.no_recruit,
#recruit_detail .always {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
}


}