@charset "UTF-8";

.formbox {
  padding: 5% 3%;
  margin: 30px auto;
  background: #fefeee;
  color: #000;
}
.formbox h3 {
 font-weight:bold;
 text-align:center;
 margin:0 0 30px 0;
 font-size:1.5em;
}
.formbox h4 {
 font-weight:bold;
 font-size:1.2em;
 margin:10px 0;
}
.formbox hr {
 margin:30px 0;
 border-top: 1px dashed #555; 
}
.r-form-button {
    width: 90%;
    text-align: center;
    background: #E60013;
    border-radius: 10px;
    font-weight: bold;
    padding: 15px 0;
}
.r-form-button p {
  margin:0;
}
.must {
  color: #fff;
  margin: 0 10px 0 0;
  padding: 6px 10px;
  background: #f92931;
  font-size: .75em;
  border-radius: 5px;
  font-weight: 700
}
.free {
  color: #fff;
  margin: 0 10px 0 0;
  padding: 6px 10px;
  background: #000;
  font-size: .75em;
  border-radius: 5px;
  font-weight: 700
}
textarea.wpcf7-form-control.wpcf7-textarea {
  padding: 8px 15px;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #d0d5d8;
  border-radius: 3px;
  font-size: 1em;
  background: rgba(255,255,142,.46)
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100px;
  width: 80%;
  color: 333
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  padding: 5px;
  margin: 5px;
  border: 1px solid #d0d5d8;
  border-radius: 3px;
  color: #000;
  font-size: 1em;
  background: rgba(255,255,142,.46);
  width: 90%
}
div.wpcf7 input[type=file] {
  width: 200px
}
.wp-cf7-button {
  font-size: 1.5em;
  padding: .2em .4em;
  background: #eee;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 0 1px rgba(0,0,0,.2);
  border: 1px solid #ccc;
  text-shadow: -1px 1px 0 rgba(255,255,255,1);
  margin: 0 auto;
  text-align: center;
}
.wpcf7 input[type=back] {
  font-size: 1.5em;
  padding: .2em .4em;
  background: #eee;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 0 1px rgba(0,0,0,.2);
  border: 1px solid #ccc;
  text-shadow: -1px 1px 0 rgba(255,255,255,1)
}
.wpcf7 input[type=confirm] {
  font-size: 1.5em;
  padding: .2em .4em;
  background: #eee;
  color: #333;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 0 1px rgba(0,0,0,.2);
  border: 1px solid #ccc;
  text-shadow: -1px 1px 0 rgba(255,255,255,1)
}
span.wpcf7-not-valid-tip, .wpcf7-response-output.wpcf7-validation-errors {
  color: red;
  font-weight: 600;
  color: red;
  margin: 20px 0;
  padding: 10px;
  border: red solid 1px
}
.container .tel {
  font-size: 2em;
  font-weight: 700;
  text-align: center
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  background: #fff;
  color: #000;
  fontsize: 1.2em;
  width: 95%
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
  padding: 5px;
  margin: 5px;
  border: 1px solid #d0d5d8;
  border-radius: 3px;
  color: #000;
  font-size: 1em;
  background: #fff;
  width: 85%
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea default {
 color:#ccc;
}
input.textarea {
  padding: 5px;
  margin: 5px;
  border: 1px solid #d0d5d8;
  border-radius: 3px;
  font-size: 1em;
  background: rgba(255,255,142,.46)
}
.wpcf7c-conf {
  background-color: #f5f5f5;
  color: #000;
  border: 1px solid #aeaeae
}
.wpcf7 input[type="submit"] {
  font-weight:bold;
  width:100%;
  background: #f92931;
  color: #ffffff;
  font-size: 1.4em;
  padding: 10px 20px;
  text-align:center;
  margin:20px auto;
  border-radius:8px;
  box-shadow: 0 0 1px rgba(0,0,0,.2);
}
.file-button{ 
  // 「選択されていません（選択後はファイル名）」のスタイル
  font-size: 10px;
}

.file-button::file-selector-button {
  // 「ファイルを選択」ボタンのスタイル
  font-weight: bold;
  color: white;
  background: red;
  font-size: 14px;
  border: 0;
  border-radius: 10em;
  padding: 8px 16px;
  text-align: center;
}

.block::file-selector-button {
  // ボタンとテキストの間で改行もできる
  display: block;
}