#info-tbl{
 width: 100%;
}

#info-tbl th{
  width: 180px;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 0px;
}

#info-tbl td{
  width: auto;
  padding: 15px 0px;
}

#info-tbl td .form-note{
   margin-left: 10px;
   font-size: 11px;
   color: #666666;
}

#info-tbl td input[type="text"]{
   padding: 3px;
   border:1px solid #CCCCCC;
}

#info-tbl td input[type="password"]{
   padding: 3px;
   border:1px solid #CCCCCC;
}

#info-tbl td textarea{
   border:1px solid #CCCCCC;
}

#info-tbl td select{
   padding: 2px;
   border:1px solid #CCCCCC;
}

.W80{
 width:80px;
}

.W120{
 width: 120px;
}

.W500{
 width: 500px;
}

#agree-box{
}

#agree-box p{
  margin-bottom: 20px;
  text-align: center;
}

#agree-box span{
  margin-right: 20px;
}

#f-company{
 width: 400px;
}

#f-mail{
 width: 300px;
}

#f-comment{
 width: 90%;
}

#recruit-list{
}

#recruit-list li{
  border-bottom: 1px dotted #CCCCCC;
  padding: 15px 0px;
}

#recruit-list span{
  display: inline-block;
  vertical-align: top;
}

#recruit-list .day-area{
  width: 130px;
}

#recruit-list .det-area{
  width: 700px;
}

.recruit_title{
 margin-top:20px;
 padding:20px;
 font-size:16px;
 background-color:#DBEAF9;
 color:#333333;
 border-bottom:#CCCCCC 1px dotted;
}

.recruit_info{
 width:100%;
}

.recruit_info td{
 padding:10px 20px;
 border-bottom:#CCCCCC 1px dotted;
}

.recruit_info th{
 background-color:#ECECEC;
 padding:10px 20px;
 border-bottom:#CCCCCC 1px dotted;
}

.img_wrapper{
 text-align:center;
 width:800px;
 margin:10px auto;
}

.img_wrapper .img_div{
  width:200px;
  float:left;
}

.img_wrapper .img_div .img_exp{
   text-align:left;
   font-size:12px;
   width:150px;
   margin:5px auto;
}

ul.news-list li span.det-area{
 color: #0075C4;
 cursor:pointer;
}

ul.news-list li span.det-area:hover{
 text-decoration:underline;
}

.hidden{
 display:none;
}

.app_download{
 background-color: #DBEAF9;
 border: 1px solid #AABCCF;
 margin-top:20px;
 margin-bottom: 20px;
 padding: 10px;
}

.app_download .app_contents{
  background-color: #FFFFFF;
  border: 1px solid #DBEAF9;
  padding: 20px;
}

.app_download .app_contents div.contents_outer{
   display: flex;
   justify-content: space-between;
}

.app_download .app_contents div.contents_outer div{
    width: calc(50% - 20px);
}

.app_download .app_contents span{
   display:block;
   font-weight:bold;
   margin-bottom:10px;
}

ul.recruit_card_list{
 width: 100%;
 display: flex;
 flex-wrap: wrap;
}

ul.recruit_card_list li{
  width: calc((100% - 40px) / 3);
  height: 100%;
  margin-bottom: 20px;
  margin-right: 20px;
}

ul.recruit_card_list li .recruit_link{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-content: center;
   height: 100px;
   border: 1px solid #f15a24;
   padding: 10px;
   color: #f15a24;
}

ul.recruit_card_list li .recruit_link .job_card{
    width: 100%;
}

ul.recruit_card_list li .recruit_link .job_card .job_card_head{
     display: block;
     text-align: center;
     font-size: 18px;
     font-weight: bold;
}

ul.recruit_card_list li .recruit_link .job_card .job_card_det{
     display: block;
     font-size: 12px;
     text-align: center;
}

ul.recruit_card_list li .hurry_1{
   position: relative;
   background-color: #f15a24;
   color: #FFFFFF;
}

ul.recruit_card_list li .hurry_1 .job_card{
}

ul.recruit_card_list li .hurry_1 .job_card .job_card_det{
     text-align: left;
     padding-left: 50px;
}

ul.recruit_card_list li .hurry_1::before{
   content: "急募";
   position: absolute;
   top: 50%;
   left: 10px;
   transform: translateY(-50%);
   width: 40px;
   height: 40px;
   border: 1px solid #FFFFFF;
   border-radius: 50px;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   line-height: 40px;
}

ul.recruit_card_list li:nth-child(3n){
  margin-right: 0 !important;
}

#p-person-box{
 margin-bottom: 0px;
}

#p-private{
 margin-bottom: 0px;
}