@charset "UTF-8";
/* ==========================================================================
   greeting
========================================================================== */
@media (max-width: 767px) {
  #greeting .imgBox {
    margin-bottom: 45px;
  }
  #greeting .top-sign {
    width: 13em;
    margin: 20px 0 0 20px;
    vertical-align: middle;
  }
}
@media (min-width: 768px) {
  #greeting .fit-img {
    height: 415px;
  }
  #greeting p {
    position: relative;
  }
  #greeting .top-sign {
    width: 17em;
    max-width: calc(100% - 9em);
    position: absolute;
    left: 10em;
    top: 3em;
  }
}
@media (min-width: 1200px) {
  #greeting .imgBox {
    padding-right: 40px;
  }
}
/* ==========================================================================
   mission
========================================================================== */
#mission {
  background: var(--color1);
  color: var(--white);
}
#mission .imgBox {
  height: 32vw;
}
#mission .imgBox .fit-img {
  height: 100%;
}
@media (max-width: 575px) {
  #mission .txtBox h5 {
    font-size: 1rem;
  }
  #mission .txtBox .h2 {
    font-size: 1.563rem;
  }
}
@media (max-width: 991px) {
  #mission .over-left {
    margin-right: calc(((100vw - 100%)/2)*-1);
  }
}
@media (min-width: 992px) {
  #mission .container {
    max-width: 100% !important;
  }
  #mission .imgBox {
    height: 100%;
  }
  #mission .txtBox {
    padding: 0 5%;
  }
}
.ir-nav-wrapper {
  margin-top: 0 !important;
}