@charset "utf-8";

/**
 * message @ about
 */
@media screen and (min-width: 835px) {
  #message {
    font-size: 1.8rem;
    text-align: center;
    background: url(/content/dam/viewtabi/assets/themes/viewtabi-pc/img/common/bg-01.png);
    padding: 40px 0;
  }

  #message .content {
    width: 800px;
    background: #fff;
    padding: 72px 0;
    margin: 0 auto;
  }

  #message h1 {
    color: #3aacc9;
    font-size: 1.3rem;
    letter-spacing: .4px;
    text-align: center;
    margin-bottom: 28px;
    padding-right: 24px;
  }

  #message h2 {
    margin-bottom: 28px;
  }

  #message p {
    margin-bottom: 1.5em;
  }

  #message p:last-child {
    margin: 0;
  }

}

@media screen and (max-width: 834px) {
  #message {
    font-size: 1.4rem;
    background: url(/content/dam/viewtabi/assets/themes/viewtabi-sp/img/common/bg-01.png);
    padding: 48px 0;
  }

  #message .content {
    background: #fff;
    padding: 25px;
    margin: 0 25px;
  }

  #message h1 {
    text-align: center;
    margin-bottom: 48px;
  }

  #message h1 img {
    width: 196px;
  }

  #message p {
    margin-bottom: 1em;
  }

  #message p:last-child {
    margin: 0;
  }

  #message .viewtabi {
    text-align: right;
  }


}