@charset "utf-8";



#main_box {
  line-height: 2.0;
}



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

#side_box .side_menu .menu_grp_d.grp_91 {

  display: block;

}

.corporate_group li.btn009 {

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

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

}

.corporate_group li.btn009>a {

  pointer-events: none;

  cursor: auto;

}

.corporate_group #side_box .side_menu li.btn009>a::after {
  display: none;
}









/* contents ---- */

h4.ttl_s {
  margin-bottom: 40px;
}



#main_box table.dotline th {

  width: 178px;

  padding-left: 0;

}

html[lang="en"] #main_box table.dotline th {

  width: 40%;

  text-align: left;

  padding-left: 22px;

  padding-right: 22px;

}

#main_box h5 {

  clear: both;

  color: #3d3333;

  font-weight: bold;

  font-size: 16px;

  position: relative;

  padding: 8px 0px 13px;

}



#main_box h5 div {

  display: inline-block;

  padding: 0px;

  padding-right: 180px;

  line-height: 1.3;

}



#main_box h5 span {

  display: inline-block;

  text-align: center;

  vertical-align: middle;

  font-size: 14px;

  color: #ffffff;

  position: absolute;

  right: 0;

  line-height: 2.3;

}



#main_box h5 span.bg01 {

  padding-right: 16px;

  padding-left: 16px;

  background-color: #f7af0d;

}



#main_box h5 span.bg02 {

  padding-right: 16px;

  padding-left: 16px;

  background-color: #3cafb3;

}



#main_box h5 span.bg03 {

  padding-right: 16px;

  padding-left: 16px;

  background-color: #709f34;

}



#main_box table.dotline td img {

  vertical-align: bottom;

}







.corporate_group .group_navi>ul {

  display: flex;

  justify-content: space-between;

  border-left: 1px rgb(153, 153, 153) solid;

}

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

  .corporate_group .group_navi>ul {
    flex-wrap: wrap;
  }
}

.corporate_group .group_navi>ul>li {

  width: 25%;

  border-right: 1px rgb(153, 153, 153) solid;

}

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

  .corporate_group .group_navi>ul>li {
    width: 33.33%;
  }
  
  .corporate_group .group_navi>ul>li:nth-child(4),
  .corporate_group .group_navi>ul>li:nth-child(5) {
    width: 50%;
  }
}

.corporate_group .group_navi>ul>li>a {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  height: 60px;

  padding-right: 32px;

  padding-left: 16px;

  color: rgb(153, 153, 153);

  line-height: 1.2;

}

.corporate_group .group_navi>ul>li>a:hover {

  color: rgb(0, 0, 0);

}

.corporate_group .group_navi>ul>li>a::after {

  display: block;

  position: absolute;

  top: 50%;

  right: 8px;

  transform: translate3d(0, -50%, 0);

  content: "▼";

  font-size: 80%;

}





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

  html[lang="en"] #main_box table.dotline tr {

    display: flex;

    flex-direction: column;

  }

  html[lang="en"] #main_box table.dotline th,

  html[lang="en"] #main_box table.dotline td {

    width: 100%;

    padding-left: 16px;

  }

  html[lang="en"] #main_box table.dotline td {

    border-top-style: none;

  }



  #main_box h5 div {

    padding-right: 180px;

  }

  #main_box h5 span {

    font-size: 12px;

  }

  #main_box table.dotline th {

    width: 96px;

    padding-left: 0;

    text-align: center;

  }

  .corporate_group .group_navi>ul>li>a {

    padding-right: 20px;

    padding-left: 8px;

    text-align: center;

  }

}