@charset "utf-8";
.nav-holder nav li a{
color: #808080;
}
header.main-header{
background-color: #fff;
}
.officers_title{
padding: 250px 0 180px;
color:#fff;
}

#officers .officers_title .container h3,#officers .officers_title .container p{
text-align: left;
}
#officers .officers_title .container p{
width: 100%;
}
#officers .officers_title .container p span{
display: inline-block;
vertical-align: middle;
}

#officers .officers_title .container p span:first-child{
width: 35px;
height: 2px;
background-color: #fff;
margin-right: 15px;
}


.flex2{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items:flex-start;
}

.flex2_box {
  width: calc(50% - 20px);
  display: flex;
  justify-content:space-between;
}

.flex2_box:not(:last-child) {
margin-bottom: 30px;
}

.flex3{
  display: flex;
  justify-content:space-between;
  align-items: center;
}

#officers p {
    padding-bottom: 15px;
}

#officers p.color-main {
border-right: solid 1px;
font-weight: 600;
text-align: left;
padding-left: 20px;
width: 20%;
}
#officers p.kuro{
width: 40%;
}
#officers p.gry{
text-align: left;
width: 40%;
}


@media only screen and (max-width: 860px){
  .flex2_box {
    width: calc(50% - 10px);
  }
  #officers p.color-main {
  width: 20%;
  padding-left: 0;
  text-align: center;
  }
  #officers p.kuro{
  width: 30%;
  }
  #officers p.gry{
  text-align:center;
  width: 50%;
  }
}
@media only screen and (max-width: 680px){
  .officers_title{
  padding: 170px 0 100px;
  }
  .flex2{
  display: block;
  }
  .flex2_box{
  width: 85%;
  margin: 0 auto;
  }
  #officers p.color-main {
  width: 20%;
  padding-left: 0;
  text-align: center;
  }
  #officers p.kuro{
  width: 40%;
  }
  #officers p.gry{
  text-align:center;
  width: 40%;
  }
}
@media only screen and (max-width: 480px){
  .flex2_box{
  width: 100%;
  }
.officers_title {
    padding: 100px 0 80px;
  }
}


@media only screen and (max-width: 380px){
  #officers p.color-main {
  width: 20%;
  }
  #officers p.kuro{
  width: 30%;
  }
  #officers p.gry{
  text-align:center;
  width: 50%;
  }
}