@charset "UTF-8";


.p-content a {
  color: #0f85c9;
  text-decoration: none;
}

.p-block {
    padding: 40px 0 70px;
}

.p-form {
    margin: 0 auto;
    width: 100%;
    font-size: 17px;
    font-size: 1.7rem;
    text-align: left;
    letter-spacing: 0.03em;
}

.p-form.p-form-last {
  margin: 0 auto 50px;
}

.p-form th {
    width: 210px;
    vertical-align: middle;
}

.p-form.p-form-last th {
  padding-top: 40px;
  vertical-align: top;
}

.p-form td {
  padding: 20px 0;
  vertical-align: middle;
}

.p-form.p-form-last td {
  padding-bottom: 10px;
}

input.p-form-txt {
    padding: 0 30px;
    width: 400px;
    height: 60px;
    background: #fff;
    border-radius: 4px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.03em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
    color: #666666;
}

input.p-form-txt::placeholder {
  color: #cacaca;
}


textarea.p-form-textarea {
    width: 600px;
    height: 300px;
    background: #fff;
    border-radius: 4px;
    resize: none;
    font-size: 17px;
    font-size: 1.7rem;
    padding: 20px 30px;
    letter-spacing: 0.03em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
    color: #666666;
}

.p-buttonArea {
    text-align: center;
}

.p-checkbox {
  padding-bottom: 95px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.03em;
}

input.p-form-checkbox {
  margin: 6px 10px 0 0;
  vertical-align: top;
}

input.p-form-button {
    display: inline-block;
    width: 400px;
    padding: 11px 0;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.03em;
    color: #666666;
    border: solid 1px #666666;
    border-radius: 22px;
    text-decoration: none;
    line-height: 1;
    font-family: "秀英丸ゴシック B","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    cursor: pointer;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

input.p-form-button:hover {
  color: #e41400;
  border: solid 1px #e41400;
}

.p-select {
    margin-bottom: 20px;
    position: relative;
    width: 400px;
}

.p-select::before {
  position: absolute;
  content: "";
  right: 20px;
  top: 25px;
  box-sizing: border-box;
  width: 16px;
  height: 10px;
  border: 8px solid transparent;
  border-top: 10px solid #666666;
}

select.p-form-select {
    padding: 0 30px;
    width: 400px;
    height: 60px;
    background: #fff;
    border-radius: 4px;
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 0.03em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif!important;
    color: #cacaca;
}





/* 確認画面 */

.mw_wp_form_preview .p-form td {
  padding: 15px 0;
  vertical-align: middle;
}

.mw_wp_form_preview .p-form.p-form-last th {
  padding-top: 20px;
}

.mw_wp_form_preview .p-form.p-form-last td {
  padding: 10px 0 15px;
  line-height: 2;
}

.mw_wp_form_preview .p-form .p-select::before {
  display: none;
}

.mw_wp_form_preview .p-checkbox {
  display: none;
}

.mw_wp_form_preview .p-buttonArea {
  font-size: 0;
}

.mw_wp_form_preview input.p-form-button {
    display: inline-block;
    width: 250px;
    margin: 0 14px;
    padding: 11px 0;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.03em;
    color: #666666;
    border: solid 1px #666666;
    border-radius: 22px;
    text-decoration: none;
    line-height: 1;
    font-family: "秀英丸ゴシック B","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    cursor: pointer;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

.mw_wp_form_preview input.p-form-button:hover {
  color: #e41400;
  border: solid 1px #e41400;
}

/* thanks画面 */

.p-head {
    display: block;
    font-size: 21px;
    font-size: 2.1rem;
    color: #666666;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    font-family: "秀英丸ゴシック B","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

.p-align {
  text-align: center;
}


@media screen and (max-width: 767px){

  textarea.p-form-textarea {
      width: 100%;
      height: 200px;
  }

  input.p-form-txt {
      padding: 0 10px;
      width: 100%;
      height: 40px;
      font-size: 1.4rem;
  }

  .p-form th {
      display: block;
      padding: 0 0 10px;
      width: 100%;
  }

  .p-form td {
      display: block;
      width: 100%;
      padding: 0 0 20px;
  }

  input.p-form-button {
      width: 100%;
  }

  .p-block {
      padding: 20px 0 40px;
  }

  .p-form {
      margin: 0 auto;
      font-size: 1.4rem;
  }

  .p-form.p-form-last {
    margin: 0 auto 30px;
  }

  .p-form.p-form-last th {
      padding: 0 0 10px;
  }

  .p-form.p-form-last td {
    padding: 0;
  }


  .p-checkbox {
      padding-bottom: 70px;
      font-size: 1.4rem;
  }

  .mw_wp_form_preview .p-form {
    margin: 0 auto 20px;
  }

  .mw_wp_form_preview .p-form.p-form-last {
    margin: 0 auto 70px;
  }

  .mw_wp_form_preview .p-form th {
    display: table-cell;
    padding: 0 0 10px;
    width: 40%;
  }

  .mw_wp_form_preview .p-form td {
    display: table-cell;
    padding: 0 0 10px;
    width: 60%;
  }

  .mw_wp_form_preview .p-form.p-form-last th,
  .mw_wp_form_preview .p-form.p-form-last td {
    display: block;
    width: 100%;
    padding: 10px 0 0;
  }

  .mw_wp_form_preview input.p-form-button {
    margin: 0 auto;
    width: 100%;
  }

  .mw_wp_form_preview input.p-form-button:last-child {
    margin-top: 15px;
  }

  .p-head {
    padding-top: 30px;
    font-size: 1.8rem;
  }

  .p-align {
    text-align: left;
  }

  .p-select,
  select.p-form-select {
    width: 100%;
  }





}
