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

/*===========================================
img_02
===========================================*/

.img_02 img {
max-width: 100%;
width: auto;
}
.img_02 .mod_flex {
flex-wrap: nowrap;
}
.img_02 .mod_flex > * {
flex-basis: auto;
margin-right: 10px;
}
@media screen and (max-width: 767px){
.img_02 img {
width: 100%;
}
.img_02 .mod_flex {
flex-wrap: wrap;
}
.img_02 .mod_flex > * {
flex-basis: 100%;
margin-right: 0;
}
}

/*===========================================
column3
===========================================*/

.column3 {
margin-top: 1em;
}
.column3 .mod_column_flex .mod_bnrBtn_01 {
flex-basis: calc((100% / 3) - 21px);
margin-right: 30px;
}
.column3 .mod_column_flex .mod_bnrBtn_01:nth-child(3n) {
margin-right: 0;
}
.column3 .mod_column_flex .mod_bnrBtn_01 a{
display: block;
height: 100%;
padding: 15px 45px 15px 15px;

}
.column3 .mod_column_flex .mod_bnrBtn_01 a p{
  font-weight: bold;
line-height: 1.4;  
height: 100%;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px){
.column3 .mod_column_flex > *:nth-of-type(n + 3){
margin-top: 0 !important;
}
.column3 .mod_column_flex .mod_bnrBtn_01{
flex-basis: 100% !important;
margin-right: 0 !important;
margin-bottom: 20px;
}
.column3 .mod_column_flex > .mod_bnrBtn_01:last-child{
margin-bottom: 0 !important;
}
}

/*===========================================
diversity.html table
===========================================*/
.mod_table_scroll_inner.l-diversity-table{
  width: 400px;
}


.l-diversity-table th{
  width: 200px;
}
.l-diversity-table td{ 
  width: 200px;
}

@media screen and (max-width: 767px){
.mod_table_scroll_inner .l-diversity-table{
width: 400px;
}
}

.diversity .mod_table_01 th, 
.diversity .mod_table_01 td{
  font-size: 95%;
}




/* table 中央揃え */
.human_resources_index .mod_table_01 th,
.human_resources_index .mod_table_01 thead th{
vertical-align: middle;
}