@charset "UTF-8";
body {
  font-family: "Helvetica Neue",HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; }

/* body BG */
body.about:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  background: url("../gs-images/about/about_bg.jpg") top center/cover no-repeat;
  position: fixed; }

@media (max-width: 768px) {
  body.about:before {
    background: url("../gs-images/about/about_bg_sp.jpg") top center/cover no-repeat; } }
/* header BG */
.top.about header {
  background-color: transparent; }

/* catchCopy */
.contentBody {
  letter-spacing: normal;
  padding-top: 0;
  }
  .contentBody .catchCopy {
    width: calc(100% - 80px);
    margin: 210px auto 0; }
    .contentBody .catchCopy h1, .contentBody .catchCopy p {
      text-align: left;
      margin-left: 47px; }
    .contentBody .catchCopy h1 {
      font-size: 2.2vw;
      font-weight: 600;
      margin-bottom: 3.47vw;
      line-height: 1.0;
      letter-spacing: .47vw; }
      .contentBody .catchCopy h1 span {
        display: block;
        font-size: 1.52vw;
        margin-bottom: 3.47vw;
        font-weight: bold;
        letter-spacing: normal;
      }
    .contentBody .catchCopy p {
      font-size: 1.1vw;
      line-height: 2.0;
      letter-spacing: .3vw;
      margin-bottom: 2vw; }
      .contentBody .catchCopy p:last-child {
        margin-bottom: 6.47vw; }
  .contentBody .seemore {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 1vw 0 0 auto;
    padding: 1vw 0.8vw 3.8vw;
    width: 49vw;
    height: 8.3vw;
    font-family: -apple-system,  Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
    font-size: 2.2vw;
    font-weight: bold;
    background-color: #ecebeb; }
    .contentBody .seemore:after {
      content: ">";
      padding-left: 1.0rem;
      font-size: 1.5rem;
      font-weight: normal;
      color: #4d4c4c; }

@media (max-width: 768px) {
  .contentBody .catchCopy {
    width: calc(100% - 40px);
    margin: 42vw 0 0 0; }
    .contentBody .catchCopy h1 {
      font-size: 7.73vw;
      margin-bottom: 7.5vw;
      letter-spacing: .47vw;
      line-height: 1.6; }
      .contentBody .catchCopy h1 span {
        font-size: 5.31vw;
        margin-bottom: 10.5vw;
        font-weight: bold;
        letter-spacing: normal;
        line-height:1.0;
      }
    .contentBody .catchCopy p {
      font-size: 3.86vw;
      line-height: 2.0;
      letter-spacing: 1vw;
      margin-bottom: 6.5vw; }
      .contentBody .catchCopy p:last-child {
        margin-bottom: 28vw; }
  .contentBody .seemore {
    margin: 3vw 0 19vw auto;
    padding: 3vw 4vw;
    width: 100vw;
    height: 27vw;
    font-size: 7.2vw; } }

/*# sourceMappingURL=about.css.map */
.about-image {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 8vw;;
}
.about-image img {
  width: 50%;
  height: 50%;
}
@media (max-width: 768px) {
  .about-image {
    width: 100vw;
    margin: 0 auto 27.8vw;
    padding: 0 17px;
  }
  .about-image img {
    width: 100%;
    height: 50%;
  }
}