@charset "utf-8";



#main_box {

  line-height: 2.0;

}



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



li.btn010 {

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

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

}

li.btn010 > a {

  pointer-events: none;

  cursor: auto;

}



#side_box .side_menu li.btn010 > a::after {

  display: none;

}



/* management ---------------------------- */



.corporate_management h4.ttl_s {

  margin-bottom: 30px;

}



.corporate_management .box02 {

  margin-top: 60px;

}



.corporate_management table {

  border-bottom: 1px rgb(162, 163, 163) solid;

}

.corporate_management tr {

  border-top: 1px rgb(162, 163, 163) solid;

  /*

    background-image: linear-gradient(to right, #999999, #999999 2px, transparent 1px, transparent 4px);

    background-size: 4px 1px;

    background-position: top;

    background-repeat: repeat-x;

  */

}



.corporate_management th {

  border-top: 1px rgb(162, 163, 163) solid;

  /*

  background-image: linear-gradient(to right, #999999, #999999 2px, transparent 1px, transparent 4px);

  background-size: 4px 1px;

  background-position: 0px top;

  background-repeat: repeat-x;

  */

}



.corporate_management th,

.corporate_management td {

  border-top-style: none;

  border-right-style: none;

  border-left-style: none;

  vertical-align: middle;

}



.corporate_management th {

  background-color: #f4f3ef;

  font-weight: bold;

}







.corporate_management th,

.corporate_management td {



  padding-left: 20px;

  font-size: 100%;

}



.corporate_management th,

.corporate_management td {

  border-top-style: none;

  border-right-style: none;

  border-left-style: none;

  vertical-align: middle;

}



.corporate_management table {

  width: 100%;

}

.corporate_management .box01 th {

  width: 180px;

}



.corporate_management .box01 td {

  width: calc(100% - 180px);

}

.corporate_management .box02 th {

  width: 330px;

  text-align: left;

  padding-top: 24px;

  padding-bottom: 24px;

  line-height: 1.5;

}



.corporate_management .box02 td {

  width: calc(100% - 330px);

}





.corporate_management .box01 .face th {

  height: 120px;

  text-align: left;

  line-height: 1.5;

}



.corporate_management .box01 .face td {

  background-repeat: no-repeat;

  background-position: right 10px;

}



.corporate_management .box01 .face td.pro {

  position: relative;

}



.corporate_management .box01 .face01 td {

  background-image: url(/corporate/management/images/face/img01.jpg?ud=220906);

}



.corporate_management .box01 .face02 td {

  background-image: url(/corporate/management/images/face/img02.jpg?ud=220906);

}



.corporate_management .box01 .face03 td {

  background-image: url(/corporate/management/images/face/img03.jpg?ud=220906);

}



.corporate_management .box01 .face04 td {

  background-image: url(/corporate/management/images/face/img04.jpg?ud=220906);

}



.corporate_management .box01 .face07 td {

  background-image: url(/corporate/management/images/face/img07.jpg?ud=220906);

}



.corporate_management .box01 .face08 td {

  background-image: url(/corporate/management/images/face/img08.jpg?ud=220906);

}



.corporate_management .box01 .face09 td {

  background-image: url(/corporate/management/images/face/img09.jpg?ud=220906);

}



.corporate_management .box01 .face10 td {

  background-image: url(/corporate/management/images/face/img10.jpg?ud=220906);

}



.corporate_management .box01 .face11 td {

  background-image: url(/corporate/management/images/face/img11.jpg?ud=220906);

}



.corporate_management .box01 .face12 td {

  background-image: url(/corporate/management/images/face/img12.jpg?ud=220906);

}



.corporate_management .box01 .face13 td {

  background-image: url(/corporate/management/images/face/img13.jpg?ud=220906);

}



.corporate_management .box01 .face14 td {

  background-image: url(/corporate/management/images/face/img14.jpg?ud=220906a);

}



.corporate_management .box01 .face15 td {

  background-image: url(/corporate/management/images/face/img15.jpg?ud=220906a);

}



.corporate_management .box01 .face16 td {

  background-image: url(/corporate/management/images/face/img16.jpg?ud=220906a);

}

.corporate_management .box01 .face17 td {

  background-image: url(/corporate/management/images/face/img17.jpg?ud=220906);

}

.corporate_management .box01 .face18 td {

  background-image: url(/corporate/management/images/face/img18.jpg?ud=220906);

}

.corporate_management .box01 .face19 td {

  background-image: url(/corporate/management/images/face/img19.jpg?ud=230414);

}

.corporate_management .box01 .face20 td {

  background-image: url(/corporate/management/images/face/img20.jpg?ud=250415);

}

.corporate_management .box01 .face21 td {

  background-image: url(/corporate/management/images/face/img21.jpg?ud=240416);

}



.corporate_management .name {

  float: left;

}



.corporate_management .box01 .face td.pro .name {

  position: absolute;

  top: 44px;

}



.corporate_management .prof_btn {

  background-image: url(/corporate/management/images/btn01.png);

  background-repeat: no-repeat;

  cursor: pointer;

}

html[lang="en"] .corporate_management .prof_btn {

	background-image: url(/en/about/management/images/btn01.png);

}



.corporate_management .box01 .btn01 {

  width: 145px;

  height: 35px;

  background-position: 0px 0;

  position: absolute;

  top: 75px;

  right: 90px;

}

html[lang="en"] .corporate_management .box01 .btn01 {

  width: 240px;

}



.corporate_management .box01 .btn01:hover {

  background-position: 0px -35px;

}



.corporate_management .box01 .btn01.hoge {

  background-position: 0px -35px;

}



.corporate_management .box01 .btn01.hoge:hover {

  background-position: 0px 0px;

}



.corporate_management .officer_prof {

  display: none;

  margin-top: 100px;

}



.prof_box {

  padding: 0px;

  text-align: left;

  color: #333;

}



.prof_box .history_t,

.prof_box .reason_t {

  margin-top: 15px;

  padding: 7px 5px 8px;

  font-weight: bold;

  font-size: 1.1em;

  border-bottom: 1px solid #999999;

}



.prof_box .officer_prof_history,

.prof_box .reason {

  margin-top: 10px;

  padding: 5px 5px 15px;

}



.prof_box .officer_prof_history li {

  display: block;

  clear: both;

}



.prof_box .officer_prof_history li:after {

  clear: both;

  content: ".";

  display: block;

  height: 0;

  font-size: 0;

  visibility: hidden;

}



.prof_box .officer_prof_history li span {

  display: block;

  float: left;

}



.prof_box .officer_prof_history li span:first-child {

  width: 100px;

}



.font_m .prof_box .officer_prof_history li span:first-child {

  width: 95px;

}



.font_l .prof_box .officer_prof_history li span:first-child {

  width: 110px;

}

.prof_box .officer_prof_history li span:last-child {

  width: calc(100% - 100px);

}

    







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

  .corporate_management tr {

    display: flex;

    flex-direction: column;

  }

  .corporate_management .box01 .face th {

    height: auto;

    padding-top: 8px;

    padding-bottom: 8px;

    border-bottom: 1px rgb(201,201,201) solid;

  }

  .corporate_management .box01 th,

  .corporate_management .box01 td {

    width: 100%;

  }

  .corporate_management .box01 td {

    min-height: 120px;

  }

  .corporate_management .box01 .face td.pro .name {

    top: 32px;

  }

  

  .corporate_management .box02 th {

    width: 100%;

    padding-top: 8px;

    padding-bottom: 8px;

    border-bottom: 1px rgb(201,201,201) solid;

  }

  .corporate_management .box02 td {

    width: 100%;

    padding-top: 16px;

    padding-bottom: 16px;

  }

}