@charset "utf-8";



#main_box {

  line-height: 2.0;

}



#main_box .main_inner .left {

    width: calc(300 / 794 * 100%);

    margin: 0 20px 20px 0;

}

@media screen and (max-width: 767px) {

#main_box .main_inner .left {

    width: 100%;

    margin: 0;

    float: inherit;

}

}



/* side_menu ----------------- */

#side_box .side_menu .menu_grp_c.grp22 {

}

li.btn246 > a {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn246 > a {

  pointer-events:none;

  cursor: auto;

}

#side_box .side_menu .menu_grp_c > li.btn246 > a::after {

  display: none;

}

#side_box .side_menu .menu_grp_d.grp246 {

  display: block;

}





/* contents ---- */





#main_box .box02 table {}



#main_box .box02 th {

  background-color: #e4e4e4;

}



#main_box .box02 th,

#main_box .box02 td.st {

  text-align: center;

}



#main_box .box02 td {

  background-color: #fff;

}



#main_box .box02 td.st {

  width: 80px;

}



#main_box .box02 td p {

  padding: 0 1em;

}



#main_box .box02 th,

#main_box .box02 td {

  border: 1px #ccc solid;

  padding: 5px 0;

}



#main_box .box02 .img02 {

  text-align: center;

}



#main_box .box02 .img02 img {

  width: 200px;

  margin: 0 10px;

}















/* ---- box03 ---- */

#main_box .box03 .img01 {

  width: calc(300 / 794 * 100%);

  max-width: 300px;

  margin-left: 10px;

}



#main_box .box04 .img02 {

  width: calc(150 / 794 * 100%);

  max-width: 150px;

  margin-left: 10px;

}







/* csr_workplace_autonomy ---- */

#main_box .box06 .box06_01 ul {

  display: block;

  overflow: hidden;

}



#main_box .box06 .box06_01 li a div.bgt {

  background-image: url(/sustainability/innovation/employees/training/images/autonomy/img01.png);

  background-repeat: no-repeat;

  float: left;

  display: block;

  width: 160px;

  height: 180px;

  margin-right: 7px;

  margin-bottom: 7px;

}



#main_box .box06 .box06_01 li a div.bgt.btn03 {

  margin-right: 6px;

}



#main_box .box06 .box06_01 li a div.bgt.btn04 {

  margin-right: 0px;

}



#main_box .box06 .box06_01 li a .btn01 {

  background-position: 0 0;

}



#main_box .box06 .box06_01 li a .btn02 {

  background-position: -167px 0;

}



#main_box .box06 .box06_01 li a .btn03 {

  background-position: -333px 0;

}



#main_box .box06 .box06_01 li a .btn04 {

  background-position: -500px 0;

}



#main_box .box06 .box06_01 li a:hover .btn01 {

  background-position: 0 -180px;

}



#main_box .box06 .box06_01 li a:hover .btn02 {

  background-position: -167px -180px;

}



#main_box .box06 .box06_01 li a:hover .btn03 {

  background-position: -333px -180px;

}



#main_box .box06 .box06_01 li a:hover .btn04 {

  background-position: -500px -180px;

}



#main_box .box07 .img03 {

  width: calc(300 / 794 * 100%);

  max-width: 300px;

  margin-left: 10px;

}