.corporate-governance-box ul {
  list-style-type: none;
}
.corporate-governance-box ul li {
  margin-bottom: 10px;
  height: 115px;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box ul li {
    height: auto;
  }
}
.corporate-governance-box .item {
  height: 115px;
  background-color: #e2e2e2;
  display: flex;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box .item {
    height: auto;
  }
}
.corporate-governance-box .item.active .date-time {
  background-color: #d9b372;
}
.corporate-governance-box .item.active .date-time .publish-date {
  color: white;
}
.corporate-governance-box .item.active .title-and-more {
  background-color: #e2e2e2;
}
.corporate-governance-box .item .date-time {
  max-width: 115px;
  height: 115px;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box .item .date-time {
    height: auto;
    max-width: 80px;
  }
}
.corporate-governance-box .item .date-time .publish-date {
  width: 115px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box .item .date-time .publish-date {
    width: 80px;
  }
}
.corporate-governance-box .item .date-time .publish-date .day {
  padding-top: 20px;
  text-align: center;
  font-size: 2em;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box .item .date-time .publish-date .day {
    padding-top: 35%;
    font-size: 1.2em;
  }
}
.corporate-governance-box .item .date-time .publish-date .year-month {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box .item .date-time .publish-date .year-month {
    font-size: 0.8em;
  }
}
.corporate-governance-box .item .title-and-more {
  height: 100%;
  width: 100%;
  background-color: #f2f2f2;
}
.corporate-governance-box .item .title-and-more .title {
  display: inline-block;
  padding-left: 20px;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box .item .title-and-more .title {
    display: block;
    padding-top: 25px;
  }
}
.corporate-governance-box .item .title-and-more .title .underline {
  margin-top: 10px;
  height: 2px;
  width: 30px;
  background-color: #d9b372;
  overflow: hidden;
}
.corporate-governance-box .item .title-and-more .more {
  display: inline-block;
  float: right;
  padding-top: 44px;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  .corporate-governance-box .item .title-and-more .more {
    display: block;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.corporate-governance-box .item .title-and-more .more .text {
  font-size: 0.75em;
  padding-right: 10px;
  display: inline-block;
}
.corporate-governance-box .item .title-and-more .more .icon {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.corporate-governance-box .item .title-and-more .more .icon img {
  width: 100%;
}