@charset "utf-8";
/* CSS Document */

.office__nav{
width: 1200px;
margin: 0 auto;
}
/*.office__nav:nth-of-type(1){
	width: 50%;
    clear: both;
}*/

/*.office__nav td:nth-of-type(2){
 margin: 0 5px 5px;}*/

.office__nav td{
padding: 1px 0;
width: 35%;
display: block;
float: left;
margin: 0px 87px;
}

.office__nav td a{
display: block;
padding: 10px;
color: #989898;
font-weight: bold;
}
.office__nav td a:hover{
background: #989898;
opacity:0.5;
color:#FFF;}

.recruit h3 {
border-bottom: 1px solid #CBCBCB;
margin-bottom: 1%;
padding-bottom: 1%;
font-size: 2.8rem;
}

.recruit h4 {
  font-size: 2.2rem;
  background: #e3e9f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1%;
  color: #4664AA; }

.recruit .firstYear {
    margin-bottom: 6%;
}
.firstYear h4 {
	padding: 1.5%;}

.recruit table.recruit_box{
width:1200px;
border: 1px solid #CBCBCB;
border-collapse:collapse;
margin:0px auto;
}
	
.recruit table.recruit_box th,
.recruit table.recruit_box td{
border: 1px solid #CBCBCB;
padding:10px 10px;
}

.recruit table.recruit_box th{
width:20%;
text-align:center;
border: 1px solid #CBCBCB;
background: #4664AA;
padding: 0.5%;
color: #fff;
font-size: 1.6rem;
}

.recruit table.recruit_box td{
width:80%;
border: 1px solid #CBCBCB;
font-weight: bold;
text-align: left;
padding: 1%;
line-height: 100%;
font-size: 2.2rem;
}

.recruitTableText--small {
font-size: 1.4rem;
padding-bottom: 5px;
}


@media all and (max-width: 1023px) {
.office__nav { width: 95%; } 
.recruit table.recruit_box{width:100%;}
.office__nav:nth-of-type(1){width:95%;}
	
.office__nav td a:hover{
background: #989898;
opacity:0.5;
color:#FFF;}
}

@media all and (max-width: 768px) {
.recruitMatter{margin-top: 20px;}
p.recruitMatter{padding-left: 0;}
.office__nav td{
padding: 1px 0;
width: 95%;
display: block;
float: left;
margin: 0px auto;
}	
.office__nav td a:hover{
background: #989898;
opacity:0.5;
color:#FFF;}

     }

@media all and (max-width: 600px) {

.office__nav{width:95%;}

.office__nav td a:hover{
background: #989898;
opacity:0.5;
color:#FFF;}

	
.recruit h3 {
font-size:1.6rem;
margin-bottom: 15px;
padding-bottom: 10px;
}

.recruit h4 {font-size:1.6rem;}

.office__nav tr td {font-size: 1.2rem; }

.office__nav td:nth-of-type(2){margin: 0; }

.firstYear h4 {padding: 3% 1.5%;}
.firstYear table.recruit_box th{
font-size: 1.4rem;	
	}
.firstYear table.recruit_box td{
padding: 15px 5px;
font-size: 1.4rem;		
}
.mentettl {font-size: 1.6rem;
}
	
}