/*------------------------------------------------
display
------------------------------------------------*/
.pp_link{
  display: block;
}

#branch_name,
#recruit_page,
.info dl,
.about_job ul,
.ebnpte dl,
.job_data dl,
.job_data dl dt,
.job_data dl dd,
.job_apply dl,
.job_apply dl dt,
.job_apply dl dd,
.job_data .map,
.job_data .map span,
.company_data dl, 
.company_data dl dt, 
.company_data dl dd, 
.company_data ul,
.company_data ul li,
.btn_entry,
.btn_entry span,
.job_apply dl dd a,
.point_list{
  display: flex;
  flex-wrap: wrap;
}

#branch_name,
.data_box,
.job_data .map img,
.job_data .map span,
.btn_entry,
.btn_entry span{
  justify-content: center;
}

.job_apply dl dt,
.job_data dl dt,
.company_data dl dt{
  align-items: center;
}

/*------------------------------------------------
width
------------------------------------------------*/
#branch_name,
#recruit_page,
.info dl,
.about_job ul,
.job_data dl,
.job_apply dl,
.company_data dl,
.job_apply ul,
.job_data ul,
.job_data .map span,
.company_data ul,
.btn_entry span{
  width: 100%;
}

/*1000px*/
.data_box{
  width: 1000px;
}

.btn_entry{
  width: 50%;
}

.info dl dt{
  width: 2.5%;
}

.info dl dd{
  width: 92%;
}

.job_data dl dt,
.job_apply dl dt,
.company_data dl dt{
  width: 20%;
}

.job_data dl dd,
.job_apply dl dd,
.company_data dl dd{
  width: 80%;
}

.job_data .map{
  width: 60px;
}

@media only screen and (max-width: 1300px) and (max-width: 786px){
  .data_box,
  .job_data dl dt,
  .job_data dl dd,
  .job_apply dl dt,
  .job_apply dl dd,
  .company_data dl dt,
  .company_data dl dd{
    width: 100%;
  }

  .btn_entry{
    width: 95%;
  }

  .info dl dt{
    width: 10%;
  }

  .info dl dd{
    width: 88%;
  }
}

/*------------------------------------------------
height
------------------------------------------------*/
.job_data .map{
  height: 60px;
}

/*------------------------------------------------
color
------------------------------------------------*/
.btn_entry{
  color: #fff;
}

.btn_entry span{
  color: yellow;
}

.job_data .map span,
.job_data .map span:hover,
.job_data .map span:link,
.job_data .map span:visited,
.data_box h4,
.pp_link,
.pp_link:hover,
.pp_link:link,
.pp_link:visited{
  color: #036EB8;
}

/*------------------------------------------------
background
------------------------------------------------*/
#recruit_page,
.btn_entry{
  background: #036EB8;
}

.data_box section{
  background: #fff;
}

.job_apply dl dt,
.job_data dl dt,
.company_data dl dt{
  background: #eee;
}

.about_job ul li,
.point_list li{
  background: #E1E0FC;
}

/*------------------------------------------------
margin
------------------------------------------------*/
.data_box,
.btn_entry,
.job_data .map img{
  margin: 0 auto;
}

.recruit_page span{
  margin: 0 5px;
}

.pp_link{
  margin-top: 30px;
}

.btn_entry,
.company_data ul{
  margin-top: 50px;
}

.point_list{
  margin-bottom: 10px;
}

.data_box h3,
.info p,
.about_job p{
  margin-bottom: 20px;
}

.about_job ul,
.info dl,
.about_job dl,
.data_box h4{
  margin-bottom: 30px;
}

.about_job ul li{
  margin-bottom: 5px;
}

.info .info_about{
  margin-left: 3.5%;
}

.job_data .map{
  margin-left: auto;
}

.point_list li,
.info dl dt{
  margin-right: 2%;
}

.about_job ul li{
  margin-right: 5px;
}

.info dl dt,
.info dl dd{
  margin-top: 10px;
}


/*------------------------------------------------
padding
------------------------------------------------*/
#recruit_page{
  padding: 40px 20px 60px;
}

.about_job ul li{
  padding: 4px 10px;
}

.data_box section{
  padding: 25px 60px 55px;
}

#branch_name{
  padding: 20px 0;
}

.btn_entry{
  padding: 30px 0;
}

.job_apply dl dd,
.job_data dl dd,
.company_data dl dd,
.job_apply dl dt,
.job_data dl dt,
.company_data dl dt{
  padding: 25px 20px;
}

.job_data .map,
.point_list li{
  padding: 5px;
}

@media only screen and (max-width: 1300px) and (max-width: 786px){
  .data_box section{
    padding: 25px 20px 55px;
  }
}

/*------------------------------------------------
border
------------------------------------------------*/
#recruit_page section{
  border-top: 2px solid #036EB8;
}

.job_apply dl dd,
.job_data dl dd,
.company_data dl dd,
.job_apply dl dt,
.job_data dl dt,
.company_data dl dt{
  border-top: 1px solid #ccc;
}

.job_apply dl,
.job_data dl,
.company_data dl{
  border-bottom: 1px solid #ccc;
}

.job_data .map{
  border: 1px solid #ccc;
}

/*------------------------------------------------
border-radius
------------------------------------------------*/
.btn_entry{
  border-radius: 20px;
}

.about_job ul li,
.job_data .map,
.point_list li{
  border-radius: 5px;
}

/*------------------------------------------------
font-size
------------------------------------------------*/
.data_box h4{
  font-size: 28px;
}

.btn_entry{
  font-size: 26px;
}

.data_box h3{
  font-size: 24px;
}

#branch_name,
.btn_entry span{
  font-size: 20px;
}

.sub_text{
  font-size: 12px; 
}

/*------------------------------------------------
font-weight
------------------------------------------------*/
.job_apply dl dt,
.job_data dl dt,
.company_data dl dt,
.btn_entry,
.btn_entry span,
.pp_link{
  font-weight: bold;
}

.data_box h4{
  font-weight: normal;
}

.pp_link{
  text-align: center;
}