#pageHead.subPage .pageTitleWrapper .pageTitle {
  height: 6rem;
}
@media only screen and (min-width: 768px) {
  #pageHead.subPage .pageTitleWrapper .pageTitle {
    height: 8rem;
  }
}
@media only screen and (min-width: 992px) {
  #pageHead.subPage .pageTitleWrapper .pageTitle {
    height: 10rem;
  }
}

/*=============================================
=            ORGANIZATION            =
=============================================*/
#organization {
  padding-top: 60px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  #organization {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 1400px) {
  #organization .container {
    max-width: 1400px;
  }
}
@media only screen and (min-width: 992px) {
  #organization .organizationWrapper {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1400px) {
  #organization .organizationWrapper {
    max-width: 100%;
  }
}
#organization .organizationRow {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
#organization .organizationRow .organizationCol {
  padding-left: 5px;
  padding-right: 5px;
  flex: 0 0 50%;
  max-width: 330px;
}
@media only screen and (min-width: 768px) {
  #organization .organizationRow .organizationCol {
    flex: 0 0 33.333%;
    max-width: 260px;
  }
}
@media only screen and (min-width: 992px) {
  #organization .organizationRow .organizationCol {
    flex: 0 0 25%;
    max-width: 260px;
  }
}
@media only screen and (min-width: 1400px) {
  #organization .organizationRow .organizationCol {
    max-width: 100%;
  }
}
#organization .organizationRow .organizationCol .organizationBox {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  #organization .organizationRow .organizationCol .organizationBox {
    margin-bottom: 50px;
  }
}
#organization .organizationRow .organizationCol .organizationBox .imgBox {
  display: block;
  margin-bottom: 10px;
  transition: 0.3s ease-in-out all;
  border: 1px solid #f0f0f0;
}
#organization .organizationRow .organizationCol .organizationBox .imgBox:hover {
  opacity: 0.7;
}
#organization .organizationRow .organizationCol .organizationBox .name {
  color: #150a5e;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  #organization .organizationRow .organizationCol .organizationBox .name {
    font-size: 1.8rem;
  }
}
#organization .organizationRow .organizationCol .organizationBox .comment {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  #organization .organizationRow .organizationCol .organizationBox .comment {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
}

/*=====  End of ORGANIZATION  ======*//*# sourceMappingURL=custom.css.map */