/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2026 | 06:37:19 */
.margintopbottom10 {
margin:10px 0!important;
}

th.wpcf7 p {
margin-bottom: 0;
background: #fafafa;
  }

.form-contact td {
background: #fff!important;
}

.margintopbottom10 {
background: #fff!important;
}

.wpcf7 .form-contact__btn .wpcf7-submit {
margin: 0 auto!important;
}

input.wpcf7-form-control.wpcf7-previous.btn:hover {
background: #aaa;
}

@media screen and (max-width: 768px) {

	
.wpcf7 p {
margin-bottom: 0;
background: #fff!important;
}
	
.wpcf7 {
background: #fff;
border:none;
}

.form-contact th,.form-contact td,.margintopbottom10 {
background: #fff!important;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
background: #fff!important;
}

.form-contact table,.form-contact tbody,.form-contact tr,.form-contact th,.form-contact td {
display:block!important;
margin:0;
padding:0;
}

}

/* ------ テーブルレイアウト ------- */
.form-contact th,
.form-contact td {
border-bottom: solid 1px #ddd;
}

.form-contact tr:last-of-type th,
.form-contact tr:last-of-type td {
 /* border: none;*/
}

.form-contact tr.underline {
border-bottom: 1px solid #aaa;
}

.form-contact th {
font-weight: normal;
text-align: left;
width: 20%;
background:#fafafa;
}

.form-contact td {
padding: 20px 20px;
width: 80%;
background:#fff;
}

@media screen and (max-width: 768px) {
.form-contact th,
.form-contact td {
border: none;
display: block;
padding: 0;
width: 100%;
}

.form-contact tr {
display: block;
margin-bottom: 20px;
}
	
.form-contact td {
background:#fafafa;
}
}

/* ------ フォームスタイル ------- */
.form-contact {
position: relative;
}

.form-contact input,
.form-contact textarea {
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font: 15px/24px sans-serif;
margin: 0;
outline: none;
padding: 10px 20px;
transition: 0.3s;
}

.form-contact textarea {
width: 100%;
}

.form-contact input:focus,
.form-contact textarea:focus {
border: 1px solid #0086d1;
}

.text-required {
  background: #009bdd;
  border-radius: 3px;
  color: #fff;
  display: inline;
  font-size: 1rem;
  margin-right: 8px;
  padding: 2px 7px 4px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.form-contact__btn {
  display: flex;
  justify-content: center;
  margin:0;
}

.form-contact__btn input[type="submit"] {
  font-weight: 700;
	background-color: #0086d1;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.15rem;
  padding: 10px 25px;
  width: 250px;
}

@media screen and (max-width: 768px) {
.form-contact__btn input[type="submit"] {
    font-weight: 700;
    background-color: #0086d1;
    border: none;
    color: #fff;
    font-size: 1em;
    letter-spacing: 0.15rem;
    padding: 10px 20px;
    width: 100%!important;
}
}

.form-contact__btn input[type="submit"]:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
.form-contact input,
.form-contact textarea {
box-sizing: border-box;
width: 100%;
}

.checkbox-inquiry .wpcf7-list-item {
display: block;
}

.form-contact input[type="checkbox"] {
    float: left;
    margin: 5px 10px 0;
    width: auto;
}

.wpcf7-checkbox > .wpcf7-list-item {
    display: block;
    margin-left: 0;
}

.wpcf7-list-item label {
    display: block;
    line-height: 1.7;
    overflow: hidden;
}

.wpcf7-checkbox {
    display: block;
    margin-top: 20px;
}

}

.form-contact select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    border: 1px solid #ccc;
    padding: 16px 10px;
}


@media screen and (max-width: 768px) {
.form-housefarmo_cp tr {
    border-bottom: 1px dotted #aaa;
    padding-bottom: 20px;
}
}

/*送信成功*/
.wpcf7-mail-sent-ok {
background:#d5edda;
color:#185626;
border:1px solid #c4e5cc;
padding:10px
}
/*送信NG*/
.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

/*送信失敗*/
.wpcf7-mail-sent-ng {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px
}

/*スパムなどで送信ブロックされた場合*/
.wpcf7-spam-blocked {
background:#fff2cf;
color:#846314;
border:1px solid #feedbd;
padding:10px
}

.wpcf7-not-valid-tip {
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #e66;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 10px;
    position: relative;
    width:350px;
}
.wpcf7-not-valid-tip::before {
    content: "";
    border: 10px solid transparent;
    border-bottom: 15px solid #e66;
    position: absolute;
    top: -25px;
    left: 5%;
}

@media screen and (max-width: 768px) {
.wpcf7-not-valid-tip{
    width:95%;
}
}

.wpcf7 input[type=radio] {
    max-width: 20px!important;
}

@media screen and (max-width: 768px) {
.farmoantenna_form th p {
    background-color: #ebedf5!important;
}
}

input.antenna_resetbutton {
	width:30%!important;
}

@media screen and (max-width: 768px) {
input.antenna_resetbutton {
	margin: 20px 0;
}
.farmoantenna_form p {
margin: 0 15px;
}
.farmoantenna_form td {
padding: 10px!important;
}
}

.farmoantenna_form input.wpcf7-validates-as-date {
width: 45%!important;
}
.kigou_size {
font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif!important;
}


/*選択肢を横並び*/
.wpcf7 td.cf7_fd_list-inline .wpcf7-list-item {display: inline!important;}

/*ファーモアンテナフォーム幅*/
@media screen and (min-width: 769px) {
input.cf7_fw_pc20per {width: 20% !important;}
input.cf7_fw_pc30per {width: 30% !important;}
input.cf7_fw_pc40per {width: 40% !important;}
input.cf7_fw_pc50per {width: 50% !important;}
input.cf7_fw_pc60per {width: 60% !important;}
input.cf7_fw_pc70per {width: 70% !important;}
input.cf7_fw_pc80per {width: 80% !important;}
input.cf7_fw_pc90per {width: 90% !important;}
}

/* チェックボックス・ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #bcbcbc;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス */
input[type="checkbox"]:checked {
  border: 1px solid #000;
  background: #000;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

/* ラジオボタン */
input[type="radio"] {
  border-radius: 50%;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}

.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
    width: 15px !important;
    height: 15px !important;
}

@media screen and (max-width: 768px) {
.wpcf7 select, .wpcf7 .wpcf7-list-item-label {line-height: 1 !important;}
}