@charset "utf-8";
/* CSS Document */

#personRow .ideal_h3{
    font-size: 22px;
    line-height: 1.3;
  text-align: center;
  font-weight: bold;
      margin: 55px 0 30px 0;
}
#personRow .ideal_pic_wrap{
  position: relative;
  border-bottom: 1px solid #ccc;
}
#personRow .ideal_pic_wrap::before{
    content: "";
    display: block;
    border-top: solid 1px #cccccc;
    width: 55%;
    height: 1px;
    position: absolute;
    top: 46px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}
@media screen and (max-width:768px) { 
  #personRow .ideal_pic_wrap::before{
      top: 35px;
  }
}
#personRow .ideal_pic{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto 50px;
    justify-content: center;
}
@media screen and (max-width:768px) { 
#personRow .ideal_pic{
  width: 100%;
}
}
#personRow .ideal_pic div{
  width: 14%;
  margin: 0 7%;
  text-align: center;
}
@media screen and (max-width:768px) {
  #personRow .ideal_pic div{
  width: 30%;
  margin: 0 1%;
  text-align: center;
}  
  
}
#personRow .ideal_pic div img{
  min-width: 70px;
}
@media screen and (max-width:768px) { 
  #personRow .ideal_pic div img{
  width: 70px;
}
}
#personRow .ideal_pic .cap{
  margin-top: 5px;
}
#personRow .ideal_sec{
  padding: 50px 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#personRow .ideal_sec .icon{
  width: 80px;
  margin: 0 2em 0 0;
}
@media screen and (max-width:768px) {
#personRow .ideal_sec .icon{
  width: 70px;
  margin: 0 1em 0 0;
}
}
#personRow .ideal_sec .txt{
  width: calc(100% - 80px - 2em);
}
@media screen and (max-width:768px) {
#personRow .ideal_sec .txt{
  width: calc(100% - 70px - 1em);
}
}
#personRow .ideal_sec .txt h4{
  font-size: 18px;
  color:#fa9600;
  margin:0.5em 0  0.5em 0;
  font-weight: bold;
}
#personRow .ideal_sec .txt h5{
  font-size: 18px;
  margin-bottom: 0.5em;
  font-weight: bold;
}