@charset "utf-8";

/* CSS Document */

@media only screen and (max-width: 640px) {
  

#contents #mainvisual .catetitle {
  background:url('/files/recruit/recruit_title.jpg');
}
  
  
#contents #mainBox #img_box{
  width: 100% !important;
  padding-left:0 !important;
    padding-right:10px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    height:245px;
  padding-top:10px;
  
}
  #contents #mainBox {
  width: 100% !important;
    float:none !important;
  }

#dep{
  font-size:13px !important;
    font-size:1.3rem !important;
}
#catch{
  border-top:none !important;
  margin-top:50px !important;
  font-size:14.5px !important;
    font-size:1.45rem !important;
  color:darkblue !important;
  text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff;
  
}
  

  #contents #mainBox #img_box div{
 display:block;
  }
  #contents #mainBox #img_box div:nth-child(1){
  float:right;
    margin-right:10px;
    margin-top:-10px !important;
  }
  #contents #mainBox #img_box div:nth-child(2){
    width:100%-20px;
    height:225px !important;
    padding-left:10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top:0 !important;
  }
  
  #contents #mainBox dl{
    padding-left:10px;
    padding-right:10px;
  }
#contents #mainBox dt{
  font-size: 15px;
        font-size: 1.5rem;
}
#contents #mainBox dd{
  text-align: justify;
    text-justify: inter-ideograph;
  font-size: 14px;
        font-size: 1.4rem;
}
  


  
}
/* 普通サイズ */
@media print, screen and (min-width: 641px) {
  #contents #mainBox #img_box{
    height:245px;
  }
  #contents #mainBox #img_box div:nth-child(1){
    float:left;
  }
  #contents #mainBox #img_box div:nth-child(2){
    float:right;
    width:460px;
    padding-left:20px;
  }
  
}
  
#contents #mainBox {
  margin-bottom: 90px;
}

#contents #mainBox #img_box{
	background-color:#b8e5f6;
	vertical-align:middle;
	white-space:nowrap;
}
#contents #mainBox #img_box div:nth-child(1){
  width:225px;
  padding-top:10px;
  padding-left:10px;
  padding-bottom:10px;
}
#contents #mainBox #img_box div:nth-child(2){
  height:225px;
  background-color:#ffffff;
  text-align:left;
  padding-top:10px;
  padding-right:10px;
  padding-bottom:10px;
  margin-top:10px;
  margin-right:10px;
  margin-bottom:10px;
}
#dep{
  display: flex;
  font-size:1.3rem;
}
#catch{
  display: flex;
  padding-top:10px;
  margin-top:25px;
  border-top:dotted 3px #cccccc;
  font-size:1.5rem;
  color:#024570;
  font-weight:bold;
}

#contents #mainBox #img_box:nth-child(2):after{
	clear:both;
}

#contents #mainBox dt{
font-weight:bold;
  color:#024570;
  border-bottom:solid 1px #0a91e6;
}
#contents #mainBox dd{
    padding-top:5px;
    padding-bottom:20px;
}

#contents #mainBox dd img{
    float:right;
  margin-left:10px;
}


#contents #mainBox #short{
    padding:15px;
  margin-top:20px;
  border:;
  background-color:#fffff1;
}

#contents #mainBox #short p{
  margin-bottom:0;
  padding-bottom:5px;
  color:#004f63;
  font-weight:bold;
}
.jinzai  {
  padding-bottom: 30px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #04aaec;
}
.mirai > span  {
  color: #ffffff;
}
