@charset "UTF-8";
.contact-container {
  position: relative;
  width: 75%;
  margin: 150px auto 0; /* 仮 */
}

.contact-container h1 {
  position: fixed;
  top: 70px;
  left: 58px;
  transform: rotate(90deg);
  transform-origin: top left;
}

.contact-container h1 img {
  width: 320px;
}

.hello {
  margin-bottom: 45px;
}

.hello p {
  font-weight: 600;
}

.hello p:first-child {
  font-size: 120px;
  text-indent: -7px;
}

.hello p:last-child {
  font-size: 30px;
}

/** === form === **/
.contact-sentence .wpcf7-form-control-wrap {
  display: inline-block;
}

.contact-sentence form p {
  max-width: 780px;
  margin-bottom: 15px;
  line-height: 4;
}

.cs-parts {
  font-weight: 200;
  font-size: 18px;
}

.contact-sentence input[type=text],
.contact-sentence input[type=tel],
.contact-sentence input[type=email] {
  margin: 0 5px;
  padding: 15px 10px;
  border: solid 1px transparent;
  background-color: #fff;
  outline: none;
}

.text-box {
  display: inline-block;
  width: 50%;
  max-width: 400px;
  margin-right: 20px;
}

.my-message {
  width: 100%;
  max-width: 400px;
}

.contact-sentence textarea {
  width: 100%;
  padding: 15px 10px;
  border: solid 1px transparent;
  border-radius: 1px;
  background-color: #fff;
  resize: none;
  outline: none;
}

input[type=image] {
  display: inline-block;
  width: 30px;
  margin-bottom: 20px;
  outline: none;
}

.contact-cr {
  position: absolute;
  right: 0;
  bottom: 20px;
  font-weight: 600;
  font-style: italic;
  font-size: 26px;
}

span.wpcf7-form-control-wrap.my-furigana::after, span.wpcf7-form-control-wrap.my-address::after {
  content: ".";
  display: inline-block;
}

div.wpcf7 .ajax-loader {
  display: none;
}

#contact footer {
  display: none;
}

@media screen and (max-width: 576px) {
  .contact-container {
    width: 100%;
    margin: 0;
    padding-top: 125px;
  }
  .contact-container h1 {
    position: absolute;
  }
  .hello {
    margin: 0 0 15px 25px;
  }
  .hello p:first-child {
    font-size: 90px;
  }
  .hello p:last-child {
    font-size: 25px;
  }
  .contact-sentence {
    width: 85%;
    margin: 0 auto 50px;
    padding: 30px 0;
  }
  .cs-parts {
    font-size: 14px;
  }
  .contact-sentence input[type=text], .contact-sentence input[type=tel], .contact-sentence input[type=email] {
    padding: 10px;
  }
  .contact-sentence .my-name input[type=text] {
    width: 170px;
  }
  .contact-sentence .my-furigana input[type=text] {
    width: 180px;
  }
  .contact-sentence .my-address input[type=text] {
    width: 255px;
  }
  .contact-sentence .my-tel input[type=tel] {
    width: 195px;
  }
  .text-box {
    width: 100%;
    margin: 0;
  }
  .contact-sentence textarea {
    height: 220px;
  }
  input[type=image] {
    margin: 20px 0 0;
  }
  .contact-cr {
    position: static;
    width: 85%;
    margin: auto;
    font-size: 20px;
  }
}/*# sourceMappingURL=contact.css.map */