@charset "utf-8";

.in-box01{
width:920px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
}

.form_step{
margin:40px auto;
width:500px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}

.form_step div{
width:100px;
text-align:center;
border:solid 1px #c1d0e9;
height:46px;
line-height:45px;
color:#003c88;
}

#step_on{
background-color:#c1d0e9;
}

.form_info{
margin-bottom: 40px;
}

.form_info .p01{
font-size:16px;
margin-bottom:15px;
}

.form_info .p02{
font-size:14px;
}

/*
-----------------------------------------------
フォーム
----------------------------------------------- */

.info-txt{
padding:15px 15px 5px 15px;
background:#e5e6e5;
line-height:1.3;
margin-bottom:30px;
}

.color03{
color:red;
}

.color04{
color:#4ea831;
}


.contact-dl:first-of-type{
border-top:solid 1px #ccc;
}

.contact-dl{
font-family: 'Noto Sans JP', sans-serif;
font-size:15px;
font-size:1.5rem;
border-bottom:solid 1px #ccc;
padding-top:20px;
padding-bottom:20px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.no_bdr{
border-bottom:none !important;
}


.contact-dl dt{
vertical-align:top;
width:250px;
margin-right:20px;
color:#003c88;
}

.contact-dl dd{
width:600px;
}




.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:#cc3333;
background:#eac3c3;
width:50px;
line-height:1.0;
text-align:center;
padding:0.8em 0;
}

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

.input-box01{
width:100%;
}

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

.zip{
width:150px;
border:solid 1px #ccc !important;
padding:7px 6px;
background:#eeeeee;
}

.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-family: 'Noto Serif JP', serif;
font-size:16px;
display:inline-block;
padding:1.0em 2.0em;
color:#fff;
background-color:rgba(48,97,183,1);
border-radius:6px !important;
border:none !important;
}


.input-btn01:hover{
background-color:rgba(48,97,183,0.7);
}

.input-btn02{
font-family: 'Noto Serif JP', serif;
font-size:16px;
display:inline-block;
padding:1.0em 2.0em;
color:#fff;
background:#888;
margin-right:10px;
border-radius:6px !important;
border:none !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:5em;
}

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

.bg-type01{
background:#fbedef;
}

.bg-type02{
background:#f0fcee;
}

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

.form_cap_p{
margin-bottom:2px !important;
font-size:90%;
}


.ninsho{
line-height:2.5;
}

.ninsho img{
max-width:250px;
height:auto;
}

.ninsho input{
width:250px !important;
height:auto;
}

.pb70{
padding-bottom:70px;
}

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

.in-box01{
width:100%;
margin-left:auto;
margin-right:auto;
padding-left:6%;
padding-right:6%;
}

.form_step{
margin:20px auto;
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
}

.form_step div{
width:24%;
text-align:center;
border:solid 1px #c1d0e9;
height:46px;
line-height:45px;
color:#003c88;
}

.form_step span{
text-align:center;
}

.form_step img{
margin-left:5%;
width:90%;
height:auto;
}

.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-box02{
width:100%;
height:200px;
}


}

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

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

.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.5em 0.2em;
font-size: 14px;
background:#eeeeee;
}

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

}



/* css_end */