@media only screen and (max-width: 1100px) {
  body .memberContainer .member {
    justify-content: flex-start;
  }
  body .memberContainer:nth-of-type(2n) .member {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1000px) {
  body nav .logo img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 900px) {
  body nav {
    display: block;
  }
  body nav .logo {
    height: 60px;
    width: 50%;
    margin-left: 20px;
    padding: 0;
  }
  body nav .logo img {
    width: auto;
    height: 100%;
  }
  body .navi {
    display: none;
  }
  body .mobileNav {
    display: block;
  }
}
@media only screen and (max-width: 800px) {
  body .memberContainer .member .text {
    padding-left: 0;
  }
  body .memberContainer:nth-of-type(2n) .member .text {
    padding-right: 0;
  }
}
@media only screen and (max-width: 760px) {
  .iconNav {
    flex-wrap: wrap;
  }
  .iconNav > div {
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 667px) {
  body .memberContainer .member .text {
    position: relative;
    z-index: 2;
  }
}
@media only screen and (max-width: 550px) {
  body .memberContainer:nth-of-type(2n) .member {
    justify-content: center;
  }
  body .memberContainer .member {
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
  }
  body .memberContainer .member .img {
    position: relative;
    margin-bottom: -200px;
    bottom: 0;
  }
  body .memberContainer .member .img img {
    width: 200px;
    height: auto;
  }
}
@media only screen and (max-width: 500px) {
  body .catField {
    margin-bottom: 20px;
  }
  body .ce-textpic {
    flex-wrap: wrap;
  }
}

/*# sourceMappingURL=responsive.css.map */