@charset "UTF-8";

/* bootstrap（grid）あり */
.wpcf7 dl {
  margin-bottom: 0;
}
.wpcf7 dt {
/*  background: #eee;*/
  font-weight: normal;
}
/*
.wpcf7 dl,
.wpcf7 dt,
.wpcf7 dd {
  border-color: #ddd!important;
}
*/
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none;
}

/* html
<dl class="row g-0 mb-0 border-top border-start">
    <dt class="col-12 col-md-3 border-end px-100 py-50 py-md-100 d-flex justify-content-between align-items-center"><span>見出し１</span><span class="required">必須</span></dt>
    <dd class="col-12 col-md-9 border-end p-100">[text* aaa]</dd>
</dl>
<dl class="row g-0 mb-0 border-top border-start  border-bottom">
    <dt class="col-12 col-md-3 border-end px-100 py-50 py-md-100 d-flex justify-content-between align-items-center"><span>見出し２</span></dt>
    <dd class="col-12 col-md-9 border-end p-100">[text bbb]</dd>
</dl>
*/


/* bootstrap（grid）なし
.wpcf7 dl {
  margin-bottom: 0;
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wpcf7 dl.wpcf7-dl-last {
  border-bottom: 1px solid #ddd;
}
.wpcf7 dt {
  width: 25%;
  background: #f7f7f7;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wpcf7 dd {
  width: 75%;
}
.wpcf7 dt,
.wpcf7 dd {
  padding: 1em;
  border-right: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
  .wpcf7 dt {
    padding: .5em 1em;
  }
  .wpcf7 dt,
  .wpcf7 dd {
    width: 100%;
  }
}

/* html
<dl>
    <dt><span>見出し１</span><span class="required">必須</span></dt>
    <dd>[text* aaa]</dd>
</dl>
<dl class="wpcf7-dl-last">
    <dt><span>見出し２</span></dt>
    <dd>[text aaa]</dd>
</dl>
*/


/* bootstrap（forms）あり */
.wpcf7 input.wpcf7-submit,
.wpcf7 .wpcf7-previous {
  margin: 0;
  width: 15em;
  height: 3em;
  border-width: 2px;
  color: #fff;
}
.wpcf7 input.wpcf7-submit:disabled,
.wpcf7 .wpcf7-previous:disabled {
  /*
  background: #ddd;
  border-color: #ddd;
  */
}

/* bootstrap（forms）なし
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
  padding: .5em;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: .25em;
  line-height: 1.2;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 .25em rgba(204, 204, 204, 0.8);
  box-shadow: inner 0 0 .25em rgba(204, 204, 204, 0.8);
}
.wpcf7 select,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
  width: auto;
  max-width: 100%;
}
.wpcf7-list-item-label {
  line-height: 1.2;
}
.wpcf7 input.wpcf7-submit,
.wpcf7 .wpcf7-previous {
  margin: 1em auto 0;
  width: 15em;
  height: 3em;
  border: none !important;
  display: block;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;

  background-color: #333333;
  color: #fff;
}
.wpcf7 input.wpcf7-submit:hover,
.wpcf7 .wpcf7-previous:hover {
  background-color: #666666;
}
.wpcf7 input.wpcf7-submit:disabled,
.wpcf7 .wpcf7-previous:disabled {
  background: #ddd;
  cursor: auto;
}
.wpcf7 input.wpcf7-submit:hover:disabled,
.wpcf7 input.wpcf7-submit:focus:disabled {
  background-color: #ddd;
  box-shadow: none;
}
*/

/* ----------------------------------------------------------------------
 Contactform - お問い合わせフォーム：SOLARIS（アルテディア）
---------------------------------------------------------------------- */
/*
.wpcf7 input[type=text].size-zipcode {
  width: 8em;
}
*/

.wpcf7 dt span.required {
  margin-left: .5em;
  padding: 0 .5em;
/*  background: #dc3545;*/
  border-radius: 4px;
  color: #fff;
  font-size: .8em;
  white-space: nowrap;
  float: right;
}

/* （エラー時入力欄） */
.wpcf7 .wpcf7-not-valid {
/*  border-color: #dc3545;*/
}
.wpcf7 .wpcf7-not-valid:hover,
.wpcf7 .wpcf7-not-valid:focus {
/*  -webkit-box-shadow: inset 0 0 .25em rgba(220, 53, 69, 0.5);*/
/*  box-shadow: inner 0 0 .25em rgba(220, 53, 69, 0.5);*/
}
/* （エラーメッセージ表示欄） */
.wpcf7 form .wpcf7-response-output {
  margin: 2em 1em;
  padding: 0;
  border: none;
  text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
/*  color: #dc3545;*/
}