.wrap .footer {
    margin-top: 0; }
  
  .visual {
    width: 100%;
    position: relative; }
    .visual .visual-ttl {
      width: 10.13%;
      max-width: 217px;
      position: absolute;
      top: 32.53%;
      right: 10.66%;
      z-index: 2; }
  
  @media screen and (min-width: 1198px) {
    .visual .visual-wrap {
      width: 1008px;
      height: 100%;
      margin: 0 auto 0;
      -webkit-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      position: absolute;
      left: 50%;
      z-index: 1; }
    .visual .visual-ttl {
      width: 217px;
      position: absolute;
      top: 124px;
      right: 0;
      z-index: 2; } }
  .visual-txt {
    padding: 32px 32px 0;
    margin: 0 auto 40px; }
    .visual-txt .txt {
      font-weight: 600;
      letter-spacing: .05em; }
  
  @media screen and (min-width: 1198px) {
    .visual-txt {
      display: none; } }
  .contact-area {
    padding: 0 32px;
    margin: 0 auto 56px;
    background-color: #fff; }
    .contact-area .contact-list {
      padding: 0 16px;
      border: 1px solid #BFBFBF; }
    .contact-area .contact-item {
      padding: 28px 16px; }
      .contact-area .contact-item:not(:last-child) {
        border-bottom: 1px solid #BFBFBF; }
      .contact-area .contact-item .head .item-ttl {
        letter-spacing: -.4em; }
      .contact-area .contact-item .head .icon,
      .contact-area .contact-item .head .txt {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: normal; }
      .contact-area .contact-item .head .icon {
        margin-right: 16px; }
      .contact-area .contact-item .head .txt {
        font-size: 1.3rem; }
      .contact-area .contact-item .detail .txt {
        letter-spacing: .05em; }
      .contact-area .contact-item.line .head {
        margin: 0 auto 26px; }
        .contact-area .contact-item.line .head .icon {
          width: 142px; }
      .contact-area .contact-item.line .detail .txt {
        color: #505050; }
      .contact-area .contact-item.mail .head {
        margin: 0 auto 34px; }
        .contact-area .contact-item.mail .head .icon {
          width: 49px; }
      .contact-area .contact-item.mail .detail {
        text-align: center; }
        .contact-area .contact-item.mail .detail .txt {
          font-size: 1.6rem;
          font-weight: 500; }
      .contact-area .contact-item.tel .head {
        margin: 0 auto 28px; }
        .contact-area .contact-item.tel .head .icon {
          width: 45px;
          padding: 0 2px; }
      .contact-area .contact-item.tel .detail {
        text-align: center; }
        .contact-area .contact-item.tel .detail .txt {
          color: #505050;
          font-size: 1.3rem; }
        .contact-area .contact-item.tel .detail .number {
          color: #000;
          font-size: 1.6rem;
          font-weight: 500;
          margin: 0 auto 16px; }
  
  @media screen and (min-width: 1198px) {
    .contact-area {
      max-width: 1162px;
      background-color: #fff;
      padding: 64px 32px 0; }
      .contact-area .contact-list {
        display: flex;
        padding: 0;
        letter-spacing: -.4em;
        border: none; }
      .contact-area .contact-item {
        display: inline-block;
        width: 32.05%;
        letter-spacing: normal;
        vertical-align: top;
        border: 1px solid #BFBFBF;
        padding: 40px 32px 32px; }
        .contact-area .contact-item:not(:last-child) {
          margin-right: 1.925%; }
        .contact-area .contact-item .head .txt {
          font-size: 1.4rem; }
        .contact-area .contact-item.line a {
          display: block; }
          .contact-area .contact-item.line a > * {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            transition-duration: 0.3s; }
          .contact-area .contact-item.line a:hover > * {
            cursor: pointer;
            -webkit-opacity: 0.5;
            -moz-opacity: 0.5;
            -ms-opacity: 0.5;
            -o-opacity: 0.5;
            opacity: 0.5; }
        .contact-area .contact-item.line .head {
          margin: 0 auto 38px; }
          .contact-area .contact-item.line .head .icon {
            width: 161px; }
        .contact-area .contact-item.line .detail {
          letter-spacing: -.4em; }
          .contact-area .contact-item.line .detail .qr,
          .contact-area .contact-item.line .detail .txt-area {
            display: inline-block;
            vertical-align: middle;
            letter-spacing: normal; }
          .contact-area .contact-item.line .detail .qr {
            width: 86px; }
          .contact-area .contact-item.line .detail .txt-area {
            width: calc(100% - 86px); }
          .contact-area .contact-item.line .detail .txt {
            padding-left: 14px;
            font-size: 1.4rem;
            letter-spacing: normal;
            line-height: 1.8; }
        .contact-area .contact-item.mail a {
          display: block; }
          .contact-area .contact-item.mail a > * {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            -ms-opacity: 1;
            -o-opacity: 1;
            opacity: 1;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            transition-duration: 0.3s; }
          .contact-area .contact-item.mail a:hover > * {
            cursor: pointer;
            -webkit-opacity: 0.5;
            -moz-opacity: 0.5;
            -ms-opacity: 0.5;
            -o-opacity: 0.5;
            opacity: 0.5; }
        .contact-area .contact-item.mail .head {
          margin: 2px auto 51px; }
          .contact-area .contact-item.mail .head .icon {
            width: 55px; }
        .contact-area .contact-item.mail .detail .txt {
          font-size: 1.8rem; }
        .contact-area .contact-item.tel .head {
          margin: 0 auto 24px; }
          .contact-area .contact-item.tel .head .icon {
            width: 42px;
            padding: 0; }
        .contact-area .contact-item.tel .detail .txt {
          font-size: 1.4rem; }
        .contact-area .contact-item.tel .detail .number {
          font-size: 1.8rem;
          margin: 0 auto 26px; } }
  
  /*# sourceMappingURL=style.css.map */