@charset "utf-8";
/* CSS Document */

/*ドライバー求人こだわり検索*/

/*** 解像度の幅が1050px以上 ***************************/
@media all and (min-width:1050px), print{
.job-acc01 h5 {padding-right: 120px;}
.job-acc01 { padding: 5px 0 0 0; margin-bottom: 10px; width: 100%;}
.job-acc01 div.ac_01 { border-bottom: solid 1px #1C8EA7; width: 100%;}

.job-acc01 div.ac_01 a { display: block; position: relative; text-decoration: none; color: #1C8EA7; padding: 10px 10px 10px 40px;  vertical-align: middle;}

.job-acc01 div.ac_01 h3 { font-weight: 500; font-size: 1.2rem; padding: 0 0 10px 25px; position: relative;}
.job-acc01 div.ac_01 a:before { content:url("../img/common/icon01.png"); position: absolute; top:-26px; left: -25px; transform: scale(0.4); }

.job-acc03 { width: 100%; padding: 15px 0 15px 0; border-bottom: solid 1px #ccc; box-sizing:content-box;}
.job-acc04 { padding: 20px 0 20px 0; border-bottom: solid 1px #ccc; width: 100%; box-sizing:content-box;}
.job-acc02 p {padding:5px 10px 0 30px;font-weight: normal; font-size: 1.6rem; line-height: 3.7rem; margin: 0 20px 0 20px;}

.job-acc03 a {color: #000; display: block; position: relative;}
.job-acc02 .accd { background: #cef3fb;}

.job-acc02 label { margin-right: 30px; font-size: 1.1rem;}


.job-acc01 div.ac_01 a.is-open::after,
.job-acc01 div.ac_01 a.is-close::after { position: absolute; top: 25%; right: 20px; margin-top: -5px; font-size:1.2vw; font-family: FontAwesome;}
.job-acc01 div.ac_01 a.is-open::after { content: "\f077";}
.job-acc01 div.ac_01 a.is-close::after { content: "\f078";}

.job-acc03 a.is-open::after,
.job-acc03 a.is-close::after { position: absolute; top: 25%; right: 20px; margin-top: -5px; font-size: 1.2vw; font-family: FontAwesome;}
.job-acc03 a.is-open::after { content: "\f077";}
.job-acc03 a.is-close::after { content: "\f078";}

.job-acc02 .acc-box { margin-left: 70px; padding-right: 20px; width: fit-content; display: block;}


input[type="checkbox"] { position: relative; width: 16px; height: 16px; border: 1px solid #666; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 3px;}

input[type="checkbox"]:checked:before { position: absolute; top: -1px; left: 4px; transform: rotate(50deg); width: 7px; height: 12px; border-right: 3px solid #1C8EA7; border-bottom: 3px solid #1C8EA7; content: '';}

.job-acc02 ul li { display:inline-block; white-space: nowrap; line-height: 3rem;}
}

/*** 解像度の幅が821px～1149px ************************/
@media screen and (min-width:600px) and (max-width:1049px){


.job-acc01 h5 {padding-right: 120px;}
.job-acc01 { padding: 5px 0 0 0; margin-bottom: 10px; width: 100%;}
.job-acc01 div.ac_01 { border-bottom: solid 1px #1C8EA7; width: 100%;}

.job-acc01 div.ac_01 a { display: block; position: relative; text-decoration: none; color: #1C8EA7; padding: 10px 10px 10px 40px;  vertical-align: middle;}

.job-acc01 div.ac_01 h3 { font-weight: 500; font-size: 1.2rem; padding: 0 0 10px 25px; position: relative;}
.job-acc01 div.ac_01 a:before { content:url("../img/common/icon01.png"); position: absolute; top:-26px; left: -25px; transform: scale(0.4); }

.job-acc03 { width: 100%; padding: 15px 0 15px 0; border-bottom: solid 1px #ccc; box-sizing:content-box;}
.job-acc04 { padding: 20px 0 20px 0; border-bottom: solid 1px #ccc; width: 100%; box-sizing:content-box;}
.job-acc02 p {padding:5px 10px 0 30px;font-weight: normal; font-size: 1.6rem; line-height: 3.7rem; margin: 0 20px 0 20px;}

.job-acc03 a {color: #000; display: block; position: relative;}

.job-acc02 .accd { background: #cef3fb;}
.job-acc02 label { margin-right: 30px; font-size: 1.1rem;}
.job-acc02 ul li { display:inline-block; white-space: nowrap; font-size: 1.2rem; line-height: 2.2rem;}
.job-acc02 .acc-box { margin-left: 70px; padding-right: 20px; width: fit-content; display: block;}


.job-acc01 div.ac_01 a.is-open::after,
.job-acc01 div.ac_01 a.is-close::after { position: absolute; top: 25%; right: 20px; margin-top: -5px;  font-size: 1.5rem; font-family: FontAwesome;}
.job-acc01 div.ac_01 a.is-open::after { content: "\f077";}
.job-acc01 div.ac_01 a.is-close::after { content: "\f078";}

.job-acc03 a.is-open::after,
.job-acc03 a.is-close::after { position: absolute; top: 25%; right: 20px; margin-top: -5px; font-size: 1.5rem; font-family: FontAwesome;}
.job-acc03 a.is-open::after { content: "\f077";}
.job-acc03 a.is-close::after { content: "\f078";}


input[type="checkbox"] { position: relative; width: 16px; height: 16px; border: 1px solid #666; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 3px;}

input[type="checkbox"]:checked:before { position: absolute; top: -1px; left: 4px; transform: rotate(50deg); width: 7px; height: 12px; border-right: 3px solid #1C8EA7; border-bottom: 3px solid #1C8EA7; content: '';}

}

/*** 解像度の幅が599px以下 ***************************/
@media screen and (max-width:599px){

.job-acc01 h5 {padding-right: 120px;}
.job-acc01 { padding: 5px 0 0 0; margin-bottom: 10px; width: 100%;}
.job-acc01 div.ac_01 { border-bottom: solid 1px #1C8EA7; width: 100%;}

.job-acc01 div.ac_01 a { display: block; position: relative; text-decoration: none; color: #1C8EA7; padding: 10px 10px 10px 40px;  vertical-align: middle; font-size: 1.2rem; line-height: 2.2rem;}

.job-acc01 div.ac_01 h3 { font-weight: 500; font-size: 1.2rem; padding: 0 0 10px 25px; position: relative;}
.job-acc01 div.ac_01 a:before { content:url("../img/common/icon01.png"); position: absolute; top:-26px; left: -25px; transform: scale(0.4); }

.job-acc03 { width: 100%; padding: 15px 0 15px 0; border-bottom: solid 1px #ccc; box-sizing:content-box;}
.job-acc04 { padding: 20px 0 20px 0; border-bottom: solid 1px #ccc; width: 100%; box-sizing:content-box;}
.job-acc02 p {padding:5px 10px 0 30px;font-weight: normal; font-size: 1.6rem; line-height: 3.7rem; margin: 0 20px 0 20px;}

.job-acc03 a {color: #000; display: block; position: relative;}
.job-acc02 .accd { background: #cef3fb;}

.job-acc02 label { margin-right: 30px; font-size: 1.1rem;}
.job-acc02 .acc-box { margin-left: 20px; padding-right: 20px; width: fit-content; display: block;}
.job-acc02 ul li { line-height: 3rem;}

.job-acc01 div.ac_01 a.is-open::after,
.job-acc01 div.ac_01 a.is-close::after { position: absolute; top: 25%; right: 20px; margin-top: -5px; font-size:1.2rem; font-family: FontAwesome;}
.job-acc01 div.ac_01 a.is-open::after { content: "\f077";}
.job-acc01 div.ac_01 a.is-close::after { content: "\f078";}

.job-acc03 a.is-open::after,
.job-acc03 a.is-close::after { position: absolute; top: 25%; right: 20px; margin-top: -5px; font-size: 1.2rem; font-family: FontAwesome;}
.job-acc03 a.is-open::after { content: "\f077";}
.job-acc03 a.is-close::after { content: "\f078";}


input[type="checkbox"] { position: relative; width: 16px; height: 16px; border: 1px solid #666; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 3px;}

input[type="checkbox"]:checked:before { position: absolute; top: -1px; left: 4px; transform: rotate(50deg); width: 7px; height: 12px; border-right: 3px solid #1C8EA7; border-bottom: 3px solid #1C8EA7; content: '';}
}