.gallery {
  font: 18px "Open Sans", sans-serif; }
  .gallery .header {
    background: #AF8C62; }
  .gallery .title {
    width: 200px;
    font-size: 18px; }
    @media screen and (min-width: 360px) {
      .gallery .title {
        width: calc(200px + 320 * (100vw - 360px) / 400); } }
    @media screen and (min-width: 760px) {
      .gallery .title {
        width: 520px; } }
    @media screen and (min-width: 360px) {
      .gallery .title {
        font-size: calc(18px + 24 * (100vw - 360px) / 400); } }
    @media screen and (min-width: 760px) {
      .gallery .title {
        font-size: 42px; } }
  .gallery .logo {
    background-image: url("../../images/portfolio/gallery_logo.png"); }
  .gallery .footer {
    background-image: url("../../images/portfolio/gallery/gallery_footer.png");
    background-position-x: center; }
  .gallery .gallery-enter {
    height: 220px;
    background-image: url("../../images/portfolio/gallery/gallery_enter.png"); }
    @media screen and (min-width: 360px) {
      .gallery .gallery-enter {
        height: calc(220px + 140 * (100vw - 360px) / 400); } }
    @media screen and (min-width: 760px) {
      .gallery .gallery-enter {
        height: 360px; } }
  .gallery .intro {
    height: 360px; }
  @media (max-width: 990px) {
    .gallery .intro {
      height: 300px; } }
  @media screen and (max-width: 990px) and (min-width: 360px) {
    .gallery .intro {
      height: calc(300px + -100 * (100vw - 360px) / 160); } }
  @media screen and (max-width: 990px) and (min-width: 520px) {
    .gallery .intro {
      height: 200px; } }

  .gallery .client h4 {
    margin-top: 30px; }
  .gallery h3 {
    font-size: 24px; }
  .gallery hr {
    height: 8px;
    background: #FFA71C;
    margin: 10px 0 30px 0; }
  .gallery .targets {
    padding-right: 25px;
  }
  .gallery .gray-back {
    background-image: url("../../images/portfolio//gallery/back.png");
    background-size: cover; }
  .gallery .notebook {
    height: 210px;
    background-image: url("../../images/portfolio//gallery/notebook.png"); }

  .gallery .notebook, .gallery .graph {
    margin: 25px 0;
  }
    @media screen and (min-width: 360px) {
      .gallery .notebook {
        height: calc(210px + 150 * (100vw - 360px) / 400); } }
    @media screen and (min-width: 760px) {
      .gallery .notebook {
        height: 360px; } }
  .gallery .graph {
    background-image: url("../../images/portfolio//gallery/error_graph.png");
    height: 230px; }

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