.basic-top-title {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 2.5px;
  position: relative; }

footer .footer-up {
  display: none; }

.contact-container {
  padding: 60px 0;
  max-width: 1100px;
  width: 71.615%; }

.container-mv .mv {
  height: 250px;
  background: #c1fff6;
  background: -moz-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: -webkit-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: -o-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1fff6', endColorstr='#fffcdd', GradientType=1); }
  .container-mv .mv #breadCrumb {
    padding: 15px 5px 5px 25px; }
    .container-mv .mv #breadCrumb a:hover {
      opacity: 0.7; }
    .container-mv .mv #breadCrumb .bread-item {
      color: #999999;
      font-size: 13px; }
    .container-mv .mv #breadCrumb .fa-home {
      color: #ffa9bb; }
  .container-mv .mv .mv-title-area h2 {
    text-align: center;
    font-size: 36px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2.5px;
    padding: 50px 0 0 0; }
    .container-mv .mv .mv-title-area h2 .blue {
      color: #8ae2f8;
      font-weight: 700; }
    .container-mv .mv .mv-title-area h2 .ja {
      display: block;
      text-align: center;
      color: #666666;
      font-size: 20px;
      font-weight: 300;
      padding: 8px 0 0 0; }

.contact-table {
  display: block;
  width: 95%;
  margin: 90px auto 70px;
  max-width: 780px; }
  .contact-table td,
  .contact-table th {
    font-size: 14px;
    letter-spacing: 1.2px;
    padding: 22px 5px 22px 15px;
    position: relative;
    text-align: left; }
    .contact-table td.firstLine:before,
    .contact-table th.firstLine:before {
      content: "";
      width: 100%;
      height: 3px;
      background-image: url(/lib/cmn_img/line.png);
      background-repeat: repeat-x;
      position: absolute;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      top: 0; }
    .contact-table td::after,
    .contact-table th::after {
      content: "";
      width: 100%;
      height: 3px;
      background-image: url(/lib/cmn_img/line.png);
      background-repeat: repeat-x;
      position: absolute;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 50%;
      bottom: 0; }
  .contact-table th {
    width: 30%; }
  .contact-table td {
    width: 70%;
    padding: 22px 5px 22px 35px; }
  .contact-table input,
  .contact-table textarea {
    border: 1px solid #DADADA;
    padding: 2px;
    margin-bottom: 5px;
    width: 60%;
    outline: none; }
  .contact-table textarea {
    width: 70%;
    min-height: 160px; }

.tableBottom {
  text-align: center; }
  .tableBottom .link {
    color: #8ae2f8;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    text-decoration: underline;
    text-underline-position: under; }
    .tableBottom .link:hover {
      opacity: 0.7; }
  .tableBottom input {
    margin: 0 3px; }

.cauText,
.errText {
  color: #ffa9bb;
  font-size: 14px; }

.cauText {
  color: red; }

.txtaC {
  margin: 0 0 15px 0; }

.btn-contact {
  margin: 15px auto;
  position: relative;
  text-align: center;
  display: inline-block; }
  .btn-contact p {
    background-color: #faf8f3;
    font-size: 14px;
    color: #777777;
    vertical-align: super;
    padding: 13px 50px 12px 30px;
    position: relative;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .btn-contact p::after {
      content: url(/lib/cmn_img/arrow_right.png);
      position: absolute;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      top: 50%;
      right: 30px; }
    .btn-contact p:hover {
      opacity: 0.8;
      color: #ffa9bb; }

.btn-more {
  margin: 90px auto; }
  .btn-more a {
    width: 210px; }

.white-space {
  margin: 3vh 0 10vh; }

.thanks footer .footer-up {
  display: block; }

@media screen and (max-width: 1050px) {
  .container-mv .mv {
    height: 220px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 40px 0 0 0; } }

@media screen and (max-width: 768px) {
  .contact-container {
    padding: 40px 0;
    width: 90%; }
  .container-mv .mv {
    height: 180px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 30px 0 0 0; }
  .btn-more {
    margin: 70px auto; } }

@media screen and (max-width: 480px) {
  .container-mv .mv .mv-title-area h2 {
    font-size: 28px; }
  .container-mv .mv .mv-title-area h2 .ja {
    font-size: 17px; }
  .container-mv .mv #breadCrumb .bread-item {
    font-size: 12px; }
  .container-mv .mv #breadCrumb {
    padding: 7px 5px 5px 15px; }
  .contact-table {
    width: 100%;
    margin: 50px auto 40px; }
  .contact-container {
    padding: 40px 15px;
    width: 100%; }
  .contact-table th {
    padding: 0 0 0 0; }
  .contact-table td,
  .contact-table th {
    font-size: 13px;
    letter-spacing: 1px; }
  .contact-table td {
    padding: 15px 0px 17px 15px; }
  .contact-table input {
    width: 85%; }
  .contact-table textarea {
    width: 90%; }
  .cauText,
  .errText {
    color: #ffa9bb;
    font-size: 12px; }
  .btn-more {
    margin: 50px auto; }
  .container-mv .mv #breadCrumb {
    padding: 5px 5px 5px 5px; } }