@charset "utf-8";

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}




.year-box{
display:inline-block;
vertical-align:top;
}

.year-select{
vertical-align:top;
display:inline-block;
}

.year-select select{
display:inline-block !important;
padding: 7px 5px 7px 5px !important;
font-size:15px !important;
background:#fff;
margin-left:10px;
}

.cp_ipselect select {
	display:inline-block;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_sl01 select {
	position: relative;
	border: 1px solid #777;
	
	background:#fff;
}
.cp_ipselect label {
position: relative;
}

.cp_ipselect label::after {
	position: absolute;
	z-index:100;
	top: 1.2em;
	right: 3em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}



.cp_sl01 select {
	padding: 8px 88px 8px 20px;
	color: #666666;
}

.sf-field-taxonomy-area,
.sf-field-taxonomy-occupation{
display:inline-block !important;
}

.sf-field-taxonomy-area{
margin-right:30px !important;
}

.job-search{
background:#e5e4df;
padding:24px;
}

.job-search ul{
text-align:center !important;
}

.sf-field-submit input{
margin-left:auto;
margin-right:auto;
text-align:center;
width:260px;
font-size:16px;
border-radius:30px;
display:block;
color:#fff;
line-height:1.1;
padding:0.8em 0;
letter-spacing:1px;
position:relative;
background-color:rgba(28,168,49,1);
margin-top:20px;
}

.sf-field-submit input:hover{
background-color:rgba(28,168,49,0.7);
text-decoration:none;
}

.search-h{
font-size:22px;
letter-spacing:4px;
display:inline-block;
padding-bottom:6px;
border-bottom:dotted 2px;
margin-bottom:15px;
}

.search-h:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
  background-image: url(../img/search_ic.png);
  background-size: contain;
  margin-right:8px;
  vertical-align: top;
  margin-top:0px;
}

.kensaku-h{
font-size:20px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:solid 1px #ccc;
}

/*
-----------------------------------------------
SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.job-search{
padding:15px;
}

.sf-field-submit input{
width:160px;
margin-top:0px;
}

.cp_sl01 select {
padding: 8px 30px 8px 8px;
}

.sf-field-taxonomy-area{
margin-right:0px !important;
}


.search-h{
font-size:18px;
}

.search-h:before {
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
  margin-right:8px;
  margin-top:0px;
}

.job-search ul{
font-size:14px !important;
}

.kensaku-h{
font-size:18px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:solid 1px #ccc;
}

}


/*
-----------------------------------------------
派遣フォーム
----------------------------------------------- */

.info-txt{
margin-top:20px;
padding:20px 20px 6px 20px;
background:#e5e6e5;
}

.color03{
color:red;
}

.color04{
color:#4ea831;
}



.contact-dl{
font-size:15px;
font-size:1.5rem;
border-bottom:solid 1px #ccc;
padding-top:20px;
padding-bottom:20px;
}

.contact-dl dt{
vertical-align:top;
width:250px;
display:inline-block;
margin-right:20px;
}
.contact-dl dd{
width:600px;
display:inline-block;
vertical-align:top;
}

.radio-span{
display:block;
margin-bottom:10px;
}

.radio-span input{
vertical-align:middle;
margin-right:6px;
}

.komoku{
float:left;
width:175px;
display:inline-block;
margin-top:0em;
}

.must{
font-size:13px !important;
float:right;
display:inline-block;
color:#fff;
background:red;
width:60px;
line-height:1.0;
text-align:center;
padding:0.5em 0;
}

input[type="text"],
input[type="email"],
textarea {
padding: 0.6em;
outline: none;
border: 1px solid #DDD;
font-size: 15px;
background:#fff;
}

.input-box01{
width:100%;
background:#fff !important;
}

.input-box01c{
width:100% !important;
margin-bottom:8px !important;
background:#fff;
}

.zip{
width:150px;
border:solid 1px #ccc !important;
padding:7px 6px;
background:#ffffff;
font-size:16px;
}

.add-txt{
display:inline-block;
width:9.4em;
}

.ml5{
margin-left:5px;
}

.input-box02{
width:100%;
height:200px;
}

.input-box03{
margin-top:-25px;
}

.input-btn01{
font-size:18px;
display:inline-block;
padding:1.2em 2.4em;
color:#fff;
background-color:rgba(102,0,0,1);
border-radius:10px !important;
}

.input-btn01:hover{
background-color:rgba(102,0,0,0.7);
}

.input-btn02{
font-size:18px;
display:inline-block;
padding:1.2em 2.4em;
color:#fff;
background:#888;
margin-right:10px;
border-radius:10px !important;
}

.input-btn02:hover{
background:#ccc;
}

.confirm-p{
font-size:18px;
font-weight:bold;
text-align:center;
padding:20px;
}

.cr02{color:#ff0000;}

/* エラー吹き出し */
.error{
  font-weight:bold;
  display:inline-block;
  position: relative;
  padding: 0.5em 1.5em;
  color:#fff !important;
  border-radius:6px;
  background:red;
  font-size:1.4rem;
  margin-top:12px;
  width:200px;
  text-align:center;
}

.error::before{
  content: '';
  position: absolute;
  left: 64px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 25px solid red;
  border-left: 15px solid transparent;
}

.input-box01b{
width:7em;
}

.contact-dl select{
border:solid 1px #ccc;
}

.bg-type01{
background:#fbedef;
border:solid 1px red;
}

.bg-type02{
background:#f0fcee;
border:solid 1px green;
}

select{
font-size:16px;
padding:5px;
}


/*
-----------------------------------------------
派遣フォーム TAB
----------------------------------------------- */
@media screen and (max-width: 768px) {


.contact-dl{
width:100%;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
}

.contact-dl dt{
vertical-align:top;
width:100%;
display:inline-block;
margin-right:0px;
margin-bottom:10px;
}
.contact-dl dd{
width:100%;
display:inline-block;
}

.komoku{
float:none;
width:auto;
display:inline-block;
margin-top:0;
margin-right:10px;
}

.must{
float:none;
}

.yoken{
border:solid 1px #ccc;
}

.input-box01{
width:100%;
}

.input-box01c{
width:90% !important;
}

.input-box02b{
width:100%;
height:300px;
}

.cp_ipselect {
width:100% !important;
}

}

/*
-----------------------------------------------
派遣フォーム SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.spmg001{
margin-top:-20px;
}

.catch-box{
padding-top:15px;
padding-bottom:15px;
}

.input-box02b{
width:95%;
height:200px;
}

.input-box01{
width:95%;
}

.contact-box01{
padding:10px 10px;
margin:10px 0;
}

.f-d:before{
margin-left:0px;
}
.f-d{
display:block;
}

.contact-dl{
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
}

.input-btn01{
font-size:1.8rem;
padding:0.4em 1.5em;
}

.input-btn02{
font-size:1.8rem;
padding:0.4em 1.5em;
margin-right:3px;
}

input[type="text"],
input[type="email"],
textarea {
padding: 0.3em 0.2em;
font-size: 14px;
background:#ffffff;
}

input[type="radio"],
input[type="checkbox"]{
border:solid 1px #888;
}

}



.confirm-wrap .no-confirm{
display:none;
}

.confirm-wrap .confirm-no{
display:none;
}

/*
-----------------------------------------------
追加設定
----------------------------------------------- */
.in-box02{
width:900px;
box-sizing: border-box;
margin-left:auto;
margin-right:auto;
}

.form-wrap{
text-align:left;
}

.tac-all{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.mt20{
margin-top:20px;
}
.mb40{
margin-bottom:40px;
}

/*
-----------------------------------------------
派遣フォーム SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.in-box02{
width:100%;
padding-left:15px;
padding-right:15px;

}

/* css_end */