body {
  background-image: url("/../images/contact-bg.png");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat; }

.content-box {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 50px 0;
  margin-top: 90px;
  margin-bottom: 80px; }
  @media screen and (max-width: 767px) {
    .content-box {
      margin-bottom: 150px; } }

header + section {
  min-height: calc(100vh - 200px);
  padding: 0 0 100px; }

.client-box {
  position: relative;
  text-align: center;
  width: 100%; }
  .client-box .client-img {
    max-width: calc(100% - 82px * 2); }
    @media screen and (max-width: 767px) {
      .client-box .client-img {
        display: none; } }
  .client-box .client-img-rwd {
    display: inline-block;
    width: 100%;
    max-width: calc(800px); }
  .client-box .link-btn {
    position: absolute;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 767px) {
      .client-box .link-btn {
        position: inherit;
        margin: 30px auto 0;
        display: block;
        width: 100px; } }
  .client-box .tel,
  .client-box .mailto {
    position: absolute;
    display: block;
    width: 173px;
    height: 80px;
    left: 31%; }
    @media screen and (max-width: 1199px) {
      .client-box .tel,
      .client-box .mailto {
        width: 152px;
        height: 70px;
        left: 30%; } }
    @media screen and (max-width: 991px) {
      .client-box .tel,
      .client-box .mailto {
        width: 113px;
        height: 50px;
        left: 31%; } }
    @media screen and (max-width: 767px) {
      .client-box .tel,
      .client-box .mailto {
        width: 173px;
        height: 80px;
        left: calc(100vw / 2 - 182px); } }
    @media screen and (max-width: 440px) {
      .client-box .tel,
      .client-box .mailto {
        width: calc(100vw / 2 - 10vw);
        height: calc((100vw / 2 - 10vw) * 0.5); } }
  .client-box .tel {
    top: 30px; }
    @media screen and (max-width: 1199px) {
      .client-box .tel {
        top: 25px; } }
    @media screen and (max-width: 991px) {
      .client-box .tel {
        top: 19px; } }
    @media screen and (max-width: 767px) {
      .client-box .tel {
        top: 21%; } }
    @media screen and (max-width: 440px) {
      .client-box .tel {
        left: calc(100vw / 2 - 43vw); } }
  .client-box .mailto {
    top: 160px; }
    @media screen and (max-width: 1199px) {
      .client-box .mailto {
        top: 139px; } }
    @media screen and (max-width: 991px) {
      .client-box .mailto {
        top: 100px; } }
    @media screen and (max-width: 767px) {
      .client-box .mailto {
        top: 21%;
        left: calc(100vw / 2 + 13px); } }
    @media screen and (max-width: 440px) {
      .client-box .mailto {
        left: calc(100vw / 2 + 2vw); } }

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