@charset "UTF-8";
#birthdate dd span{
  color: #919da8;
  }
@media (min-width: 1px) {

  article.inquiry .wrap > .area_box dl dd input.zip01{
    width: 3em;
    padding: 0.5em 5px;
    margin: 10.5px 0.5em 9.5px;
    margin-left: 0;
  }
  article.inquiry .wrap > .area_box dl dd input.zip02{
    width: 4em;
    padding: 0.5em 5px;
    margin: 10.5px 0.5em 9.5px;
  }

  article.inquiry .wrap > .area_box dl dd input.year{
    width: 5em;
    padding: 0.5em 5px;
    margin: 10.5px 0.5em 9.5px;
    vertical-align: middle;
  }
  article.inquiry .wrap > .area_box dl dd input.month{
    width: 3em;
    padding: 0.5em 5px;
    margin: 10.5px 0.5em 9.5px;
    vertical-align: middle;
  }

  article.inquiry .wrap > .area_box dl .select_wrap select{
    padding: 0.5em;
    margin-right: 0.5em;
    background: #fff;
    max-width: 100%;
  }
  article.inquiry .wrap > .area_box dl .select_wrap{
    position: relative;
    display: inline-block;
    max-width: 100%;
  }
  /*article.inquiry .area_box >div> dl > dd input[type=email]{
    width:54.85714%;
    box-sizing:border-box;
    padding:0.8125em 0.25em;
     border:solid 1px #D6D6D6;
     
    }*/
  article.inquiry .area_box >div> dl > dd input[type=email] + span{
      color:#919da8;
    }
  article.inquiry .wrap > .area_box dl .radio_wrap{
    font-size: 120%;
    margin-top: 1em;
  }
  article.inquiry .area_box >div> dl > dd input[type=text] + span.block{
      display: inline-block;
    }


}

/*PC*/
@media screen and (min-width: 751px){

  article.inquiry.mid_agree h2 img{
    width:27.442%;
  	margin-bottom:10px;
  }
  article.mid_agree#thanks .wrap figure + p.imgtxt {
    width: 27.5390625%;
    margin: 0 auto 50px;
}
#sex,
#birthdate,
#email,
#email2,
#Address,
#gakureki1,
#shokureki1,
#shokureki2,
#shokureki3,
#jobtype,
#contact {
  margin-top:-113px;
  padding-top:113px;
  }
  article.inquiry .wrap > .area_box dl .radio_wrap{
    font-size: 100%;
  }

  .inquiry .wrap > .red{
    color: #ff2400;
    font-size: 125%;
    margin: 0 auto 0;
    padding-left: 1em;
    text-indent: -1em;
  }
  .inquiry .wrap > .red+.red{
    margin-bottom: 1em;
  }
  .inquiry .wrap > .red::before{
     content: "◎";
  }

  article.inquiry .wrap > .area_box dl:first-of-type{
    border-top: 0;
  }
  article.inquiry .wrap > .area_box > p{
    border-bottom: 1px solid #d6d6d6;
    padding: 1em;
    font-weight: bold;
  }
  article.inquiry .wrap > .area_box > p.mt{
    margin-top: 2em;
  }
  article.inquiry .wrap > .area_box dl dd > dl{
    border: 0;
    padding-bottom: 0;
  }

  article.inquiry .wrap > .area_box dl dd > dl dt{
    margin-bottom: 0.5em;
  }
  article.inquiry .wrap > .area_box dl dd > dl dd{
    margin-bottom: 1.5em;
  }
  article.inquiry .wrap > .area_box dl dd > dl dd input{
    margin-top: 0;
    margin-bottom: 0;
  }
  article.inquiry .wrap > .area_box dl dd > dl dd input{
    margin-top: 0;
  }


  article.inquiry .wrap > .area_box #birthdate dl dd ul{
    letter-spacing: -.40em;
  }
  article.inquiry .wrap > .area_box #birthdate dl dd ul li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin-right: 1.5em;
    margin-bottom: 0.5em;
  }
  article.inquiry .wrap > .area_box #birthdate dl dd ul li input{
    width: 7em;
    margin: 0 0.5em;
  }

  article.inquiry .wrap > .area_box #birthdate dl dd ul li{
    margin-bottom: 0.5em;
  }

  article.inquiry .wrap > .area_box #jobtype .select_wrap,
  article.inquiry .wrap > .area_box #hp .select_wrap{
    margin-bottom: 1em;
  }
  article.inquiry .wrap > .area_box #jobtype textarea,
  article.inquiry .wrap > .area_box #hp textarea{
    margin-top: 0.5em;
  }

  article.inquiry .wrap > .area_box #shokureki1 dl dd > dl dd textarea + span{
    line-height: 1.5;
  }
.shokureki_btn{
border-bottom: 1px solid #d6d6d6;
  }
.shokureki_btn span{
  width: 37.52345%;
  margin:15px auto 48px;
  border: 1px solid #004da6;
  display: block;
  padding: 0.71412em 0;
  text-align: center;
  color: #004da6;
  font-size: 150%;
  position: relative;
  line-height: 1;
  -moz-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
  cursor:pointer;
  }
.shokureki_btn span:after{
content: '';
    display: block;
    position: absolute;
    right: 0.85%;
    bottom: 5.66037%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0.5em 0.5em;
    border-color: transparent transparent #004DA6 transparent;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
    transition: all .6s;
}
.shokureki_btn span:hover{
  background: #004DA6;
  color: #fff;
  }
.shokureki_btn span:hover:after{
border-color: transparent transparent #fff transparent;
  }

}
/*SP*/
@media screen and (max-width: 750px){
  article.inquiry#mid_agree h2 {
  	width:100%;
  	margin:0 auto;
  	padding:11px 0 15px;
    text-align:center;
  }
article.inquiry#mid_agree h2 img{
  	width:37.46666%;
  }
  article.inquiry.mid_agree h2 span{
  	font-size:56.25%;
  }
  article.inquiry .area_box >div> dl > dd input[type=email]{
    width: 100%;
    margin: auto;
  }

  .inquiry .wrap > .red{
    color: #ff2400;
    font-size: 81.25%;
    max-width: 690px;
    width: 92%;
    margin: 0 auto 0;
    padding-left: 1em;
    text-indent: -1em;
  }
  .inquiry .wrap > .red+.red{
    margin-bottom: 1em;
  }
  .inquiry .wrap > .red::before{
     content: "◎";
  }

  article.inquiry .wrap > .area_box dl:first-of-type{
    border-top: 0;
  }
  article.inquiry .wrap > .area_box > p{
    border-bottom: 1px solid #d6d6d6;
    padding: 1em;
    fomtsize:87.5%;
    font-weight: bold;
    text-indent:-1em;
    padding-left:2em;
  }
  article.inquiry .wrap > .area_box > p::before{
    content: '▼ ';
    color: #004da6;
    vertical-align:top;
    
    }
  article.inquiry .wrap > .area_box dl dd > dl{
    border: 0;
    padding-bottom: 0;
    width: 100%;
  }
  article.inquiry .wrap > .area_box dl dd > dl dt{
    width: 100%;
  }

  article.inquiry .wrap > .area_box dl dd > dl dd{
    width: 100%;
    margin-bottom: calc(17px - (((1em * 1.875) - 1em) / 2));
  }
  article.inquiry .wrap > .area_box dl dd > dl dd input{
    margin-top: 0;
    margin-bottom: 0;
  }
  article.inquiry .wrap > .area_box dl dd > dl dd input{
    margin-top: 0;
  }

  article.inquiry .wrap > .area_box #birthdate dl dd ul{
    letter-spacing: -.40em;
  }
  article.inquiry .wrap > .area_box #birthdate dl dd ul li{
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin-bottom: 0.5em;
    margin-right: 3px;
  }
  article.inquiry .wrap > .area_box #birthdate  dl .select_wrap select{
    margin-right: 2px;
  }
  article.inquiry .wrap > .area_box #birthdate dl dd ul li input{
    width: 4em;
    margin: 0 2px;
  }
  article.inquiry .wrap > .area_box #shokureki1 dl dd > dl dd input,
  article.inquiry .wrap > .area_box #shokureki2 dl dd > dl dd input,
  article.inquiry .wrap > .area_box #shokureki3 dl dd > dl dd input{
    margin-bottom: 0.5em;
  }
  article.inquiry .wrap > .area_box #shokureki1 dl dd > dl dd textarea + span{
    line-height: 1.5;
  }
  article.inquiry .wrap > .area_box #income1 dd input,
  article.inquiry .wrap > .area_box #employees_no1 dd input,
  article.inquiry .wrap > .area_box #income2 dd input,
  article.inquiry .wrap > .area_box #employees_no2 dd input,
  article.inquiry .wrap > .area_box #income3 dd input,
  article.inquiry .wrap > .area_box #employees_no3 dd input,
  article.inquiry .wrap > .area_box #annual_income dl dd input{
    width: 80%;
    margin-right: 0.5em;
  }
.shokureki_btn{
border-bottom: 1px solid #d6d6d6;
  }
.shokureki_btn span{
  width: 92%;
  margin:1em auto 1.5em;
  border: 1px solid #004da6;
  display: block;
  padding: 0.71412em 0;
  text-align: center;
  color: #004da6;
  font-size: 138%;
  position: relative;
  line-height: 1;
  box-sizing:border-box;
  }
.shokureki_btn span:after{
content: '';
    display: block;
    position: absolute;
    right: 0.8%;
    bottom: 5.66037%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 0.5em 0.5em;
    border-color: transparent transparent #004da6 transparent;
}
article.inquiry.error .wrap > .area_box dl.anchor{
  padding-top:83.5px;
  margin-top:-68px;
  }
article.inquiry.error .wrap > .area_box dl.red {
    background: none;
    position:relative;
}
article.inquiry.error .wrap > .area_box dl.red > *{
  position:relative;
  z-index:1;
  }
article.inquiry.error .wrap > .area_box dl.red:before{
    content:'';
    background: #ffeded;
    position:absolute;
    width:100%;
    height:calc(100% - 68px);
    bottom:0;
    left:0;
    z-index:0;
}
}

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

article.inquiry.mid_agree h2 img{
	width:281px;
}


}