@charset "utf-8";

/* ==================================================
/aboutus/information/officer.html
================================================== */
.aboutusOfficer__intro {
  & + .aboutusOfficer__intro {
    margin-top: 35px;
  }
}

.aboutusOfficer__intro_title {
  background: #3c4951;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

.aboutusOfficer__intro_list {
  display: flex;
  flex-wrap: wrap;
  
  > li {
    width: calc(100% / 3);
    margin-top: 20px;
    
    & img {
      max-width: 100%;
    }
    
  }
}

.aboutusOfficer__intro_inner {
  width: fit-content;
  margin: 0 auto;
}

.aboutusOfficer__intro_brief {
  margin-top: 5px;
  font-size: 14px;
}

.aboutusOfficer__intro--type1 {
  & .aboutusOfficer__intro_list {
    > li {
      &:nth-child(1) {
        width: 50%;
        
        & .aboutusOfficer__intro_inner {
          margin-left: auto;
          margin-right: 0;
          padding-right: calc(((100vw - 20px) / 3 - 98px) / 2);
        }
        
      }

      &:nth-child(2) {
        width: calc(50% - 10px);
        
        & .aboutusOfficer__intro_inner {
          margin-right: auto;
          margin-left: 0;
          padding-left: calc(((100vw - 20px) / 3 - 98px) / 2);
        }
      }
    }
  }
}

.aboutusOfficer__intro--type2 {
  & .aboutusOfficer__intro_title {
    background: #00699b;
  }
}