@charset "UTF-8";
/***********************************************************************
preset
**********************************************************************/
.block {
  margin-top: 20px;
  padding-top: 80px; }
  .block h2 {
    margin-bottom: 5px; }
  .block .subcopy {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 60px; }

.contactMail {
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  background: #f3f3f3;
  height: 300px;
  line-height: 300px;
  width: 80%;
  margin: 0 auto; }

.contactContent {
  width: 900px;
  margin: 0 auto; }
  .contactContent .type-select {
    margin-bottom: 40px;
    position: relative; }
    .contactContent .type-select select,
    .contactContent .type-select .inner {
      width: 100%;
      height: 60px;
      padding: 0 20px;
      box-sizing: border-box;
      font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; }
    .contactContent .type-select select {
      width: 900px;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      border-radius: 0;
      border: 0;
      margin: 0;
      padding: 0;
      background: none transparent;
      vertical-align: middle;
      font-size: inherit;
      color: inherit;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; }
    .contactContent .type-select .wpcf7-form-control-wrap {
      position: absolute;
      top: 0;
      left: 0; }
    .contactContent .type-select .inner {
      position: relative;
      z-index: 0;
      border: 2px solid #333;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 60px;
      padding-left: 40px; }
    .contactContent .type-select .inner:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 18px;
      display: block;
      width: 0;
      height: 0;
      margin: -2px 0 0 0;
      border: 5px solid transparent;
      border-top: 7px solid #000; }
  .contactContent ol {
    font-size: 18px;
    font-size: 1.8rem;
    overflow: hidden;
    *zoom: 1;
    margin-bottom: 20px; }
    .contactContent ol li {
      display: block;
      margin-bottom: 20px; }
      .contactContent ol li p {
        margin-bottom: 5px;
        width: 900px;
        box-sizing: border-box; }
      .contactContent ol li input[type="text"],
      .contactContent ol li input[type="tel"],
      .contactContent ol li input[type="email"] {
        padding: 15px;
        font-size: 16px;
        font-size: 1.6rem;
        border: 2px solid #333;
        background: none;
        box-sizing: border-box;
        width: 100%;
        font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; }
      .contactContent ol li textarea {
        box-sizing: border-box;
        width: 100%;
        height: 360px;
        padding: 20px;
        font-size: 16px;
        font-size: 1.6rem;
        border: 2px solid #333;
        font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; }
  .contactContent .confilm-btn,
  .contactContent .submit-btn {
    text-align: center;
    width: 803px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background-color: #000000; }
    .contactContent .confilm-btn input[type="submit"],
    .contactContent .submit-btn input[type="submit"] {
      font-size: 20px;
      font-size: 2rem;
      width: 803px;
      height: 70px;
      cursor: pointer;
      background: none;
      font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
      color: #fff;
      border-style: none; }
  .contactContent .confilm-btn:hover,
  .contactContent .submit-btn:hover {
    background-color: #FFF; }
    .contactContent .confilm-btn:hover input[type="submit"],
    .contactContent .submit-btn:hover input[type="submit"] {
      border: 2px solid #000000;
      color: #000000; }
  .contactContent .submit-btn {
    width: 600px; }
    .contactContent .submit-btn input[type="submit"] {
      width: 600px; }
  .contactContent .back-btn {
    text-align: center;
    width: 190px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background-color: #FFF; }
    .contactContent .back-btn input[type="button"] {
      font-size: 20px;
      font-size: 2rem;
      width: 190px;
      height: 70px;
      cursor: pointer;
      background: none;
      font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
      border: 2px solid #000000;
      color: #000000; }
  .contactContent .back-btn:hover {
    background-color: #000000; }
    .contactContent .back-btn:hover input[type="button"] {
      color: #fff;
      border-style: none; }
  .contactContent .submit-btn,
  .contactContent .back-btn {
    float: left; }
  .contactContent .submit-btn {
    margin-left: 13px; }
  .contactContent .wpcf7c-elm-step2 {
    overflow: hidden;
    *zoom: 1;
    margin: 0 auto;
    width: 803px; }
  .contactContent .wpcf7c-conf {
    background: none;
    color: #f00; }

.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-validation-errors {
  border: none; }
.wpcf7 div.wpcf7-validation-errors {
  color: #f00;
  border: none; }
.wpcf7 div.wpcf7-response-output {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem; }
.wpcf7 .wpcf7-not-valid-tip {
  padding-top: 5px; }

@media only screen and (max-width: 750px) {
  .block {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    box-sizing: border-box; }
    .block .subcopy {
      margin-bottom: 30px;
      text-align: left; }

  .contactMail {
    font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    background: #f3f3f3;
    height: 300px;
    line-height: 300px;
    width: 92%;
    margin: 10px auto; }

  .contactContent {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%; }
    .contactContent .type-select select {
      width: 320px; }
    .contactContent .type-select .inner {
      overflow: hidden; }
    .contactContent ol li p {
      width: 100%; }
    .contactContent ol li textarea {
      height: 250px;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      -webkit-appearance: none; }
    .contactContent ol li input[type="text"],
    .contactContent ol li input[type="tel"],
    .contactContent ol li input[type="email"] {
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      -webkit-appearance: none; }
    .contactContent .confilm-btn,
    .contactContent .submit-btn {
      width: 100%; }
      .contactContent .confilm-btn input[type="submit"],
      .contactContent .submit-btn input[type="submit"] {
        width: 100%; }
    .contactContent .confilm-btn:hover,
    .contactContent .submit-btn:hover {
      background-color: #000; }
      .contactContent .confilm-btn:hover input[type="submit"],
      .contactContent .submit-btn:hover input[type="submit"] {
        border: none;
        color: #FFF; }
    .contactContent .submit-btn {
      width: 100%; }
      .contactContent .submit-btn input[type="submit"] {
        width: 100%; }
    .contactContent .back-btn {
      width: 100%;
      margin-bottom: 10px; }
      .contactContent .back-btn input[type="button"] {
        font-size: 20px;
        font-size: 2rem;
        width: 100%; }
    .contactContent .back-btn:hover {
      background-color: #FFF; }
      .contactContent .back-btn:hover input[type="button"] {
        color: #000;
        border-style: none; }
    .contactContent .submit-btn,
    .contactContent .back-btn {
      float: none; }
    .contactContent .submit-btn {
      margin-left: 0px; }
    .contactContent .wpcf7c-elm-step2 {
      overflow: hidden;
      *zoom: 1;
      margin: 0 auto;
      width: 100%; }
    .contactContent .wpcf7c-conf {
      background: none;
      color: red; } }