/* ---------------------
  common
--------------------- */
.tab {
  display: none;
}
@media screen and (max-width: 834px) {
  .tab {
    display: block;
  }
}

.fwsb {
  font-weight: 600;
}

.lh-1_75 {
  line-height: 1.75;
}

.f30 {
  font-size: 3rem;
}
@media screen and (max-width: 600px) {
  .f30 {
    font-size: 6vw;
  }
}

.fc-blue {
  color: #01184d;
}

.c-txt {
  font-weight: 400;
}
/* ---------------------
  governance
--------------------- */
.governance .f24 {
  margin-bottom: 1.9rem;
  color: #01184d;
  line-height: 1.3;
}
@media screen and (max-width: 834px) {
  .governance .f24 {
    margin-bottom: 1.5rem;
  }
}
.governance .c-txt:not(:first-of-type) {
  margin-top: 1em;
}
@media screen and (max-width: 834px) {
  .governance .c-txt:not(:first-of-type) {
    margin-top: 0.5em;
  }
}
.governance li.c-txt {
  margin-top: 2rem;
}
.governance li.c-txt .governance-item__item {
  margin-left: 4.2rem;
}
@media screen and (max-width: 834px) {
  .governance li.c-txt .governance-item__item {
    margin-left: 2rem;
  }
}
.governance-list {
  margin: 7rem 0 6rem;
  padding-top: 7rem;
  border-top: 1px solid #eee;
}
@media screen and (max-width: 834px) {
  .governance-list {
    margin: 3rem 0;
    padding-top: 3rem;
  }
}
.governance-item:not(:first-of-type) {
  margin-top: 4.5rem;
}
.governance-item .f24 {
  margin-bottom: 2.5rem;
  color: #01184d;
  line-height: 1.3;
}
@media screen and (max-width: 834px) {
  .governance-item .f24 {
    margin-bottom: 2rem;
  }
}
.governance-item__list .governance-item__item,
.effort-list__c-list .effort-list__c-item {
  position: relative;
  display: block;
  padding-left: 1em;
  line-height: 1.5;
  margin-bottom: 8px;
}
.governance-item__list .governance-item__item::before,
.effort-list__c-list .effort-list__c-item:before {
  position: absolute;
  content: "";
  width: 1rem;
  aspect-ratio: 1;
  top: 0.8rem;
  left: 0;
  z-index: 1;
  border-radius: 100vmax;
  -webkit-border-radius: 100vmax;
  background-color: #47d8ff;
  line-height: 1.5;
}
@media screen and (max-width: 450px) {
  .governance-item__list .governance-item__item::before,
  .effort-list__c-list .effort-list__c-item:before {
    width: 0.8rem;
  }
}

.governance-item__list .governance-item__item.no-circle::before {
  display: none;
}
.governance .tar {
  margin-top: 6rem;
}
@media screen and (max-width: 834px) {
  .governance .tar {
    margin-top: 3rem;
  }
}

.governance-item__list {
  margin-top: 15px;
}
@media screen and (max-width: 834px) {
  .governance-item__list {
    margin-top: 10px;
  }
}

.governance-item__title {
  font-size: 2.2rem;
  font-weight: 700;
  padding-left: 10px;
  margin-bottom: 25px;
  line-height: 1.8;
  position: relative;
}
@media screen and (max-width: 834px) {
  .governance-item__title {
    font-size: 1.8rem;
    margin-bottom: 18px;
    text-indent: -11px;
    padding-left: 20px;
    line-height: 1.6;
  }
}

.governance-item__title:before {
  position: absolute;
  content: "";
  background-color: #1ca9d7;
  width: 5px;
  height: 30px;
  left: 0;
  top: 5px;
}
@media screen and (max-width: 834px) {
  .governance-item__title:before {
    height: 24px;
  }
}

.governance-rule {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (max-width: 834px) {
  .governance-rule {
    margin-top: 10px;
    gap: 15px 0;
  }
}

.governance-rule .governance-rule__item-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 9px;
  line-height: 1.3;
}
@media screen and (max-width: 834px) {
  .governance-rule .governance-rule__item-title {
    font-size: 1.7rem;
    margin-bottom: 6px;
  }
}

.governance-rule .text-wrap {
  padding-left: 25px;
}
@media screen and (max-width: 834px) {
  .governance-rule .text-wrap {
    padding-left: 22px;
  }
}

.governance-rule .text-wrap p {
  font-size: 1.5rem;
  font-weight: 400;
}
@media screen and (max-width: 834px) {
  .governance-rule .text-wrap p {
    font-size: 1.4rem;
  }
}

.effort-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 15px;
}
@media screen and (max-width: 834px) {
  .effort-list {
    gap: 15px;
    margin-top: 10px;
  }
}

.effort-list__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (max-width: 834px) {
  .effort-list__title {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
}

.preventive-list {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
@media screen and (max-width: 834px) {
  .preventive-list {
    gap: 20px 0;
  }
}

.governance-item dl {
  display: grid;
  grid-template-columns: 65px 40px auto;
  align-items: center;
  row-gap: 25px;
  margin-top: 24px;
}
@media screen and (max-width: 834px) {
  .governance-item dl {
    grid-template-columns: 61px 30px auto;
    row-gap: 18px;
    margin-top: 18px;
  }
}

.governance-item dt {
  font-weight: bold;
  white-space: nowrap;
  font-weight: 700;
}

.governance-item .line {
  border-top: 1px dotted #dddddd;
  margin: 0 8px;
  width: 100%;
}

.governance-item dd {
  margin: 0;
  line-height: 1.5;
  white-space: nowrap;
  padding-left: 17px;
}
@media screen and (max-width: 834px) {
  .governance-item dd {
    white-space: normal;
    padding-left: 10px;
  }
}

@media screen and (max-width: 834px) {
  .breadcrumbs .breadcrumbs-item:first-child {
    min-width: 60px;
  }
}