section .wpcf7-form ol {
    counter-reset: none;
    list-style-type: none!important;
    padding: 0;
    border: none;
    box-shadow: none;
}

section .wpcf7-form ol li {
    position: relative;
    padding:0;
    line-height: 1.5em;
border: none;
    font-weight: bolder;
}

section .wpcf7-form ol li:before {
display: none;
}

section .wpcf7-form ol li:after {
display: none;
}


/* 項目名を太字にする */

.business2 #main .wpcf7 h2 {
    color: #494949;
    font-size: 20px;
    font-weight: bold;
    border: none;
    background: none;
    text-align: center;
    margin: 1em 0 0 0;
}

form p {
    font-weight: 600;
}

#main .wpcf7 p { margin: 0 0 0 0 }

#main .wpcf7 table {
border: none;
    width: 95%;
    margin:0.5em auto 1em;
}

.form_koumoku{
    font-weight: bold;
    margin: 2em 0px 16px 30px;

}

.contactform input.wpcf7c-conf,
.contactform textarea.wpcf7c-conf{
    border:0;
    padding:0;
    background:#fff;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
width: 85%;
    padding: 0px 15px 0 15px;
    margin-right: 10px;
    margin-top: 0px;
    border: 1px solid #d0d5d8;
    border-radius: 3px;
    margin-left: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
}

/* 必須項目の入力欄を黄色にする 
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: rgba(255, 255, 142, 0.46);
}*/

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
    width: 100%;
    height: 80px;
    background: #27c038;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 600;
}


/* Contact Form 7カスタマイズ */
.inquiry th {
 text-align: left;
 font-size: 14px;
 color: #444;
 padding: 8px 16px;
 width: 30%;
 background:#f7f7f7;
 border: solid 1px #d7d7d7;
}
.inquiry td {
    font-size: 18px;
border: solid 1px #d7d7d7;
background: #fff;
}
/* 必須の調整 */
.haveto {
   font-size: 7pt;
   padding: 5px;
   background: #ff9393;
   color: #fff;
   border-radius: 2px;
   margin-right: 2px;
}
/* 任意の調整 */
.any {
   font-size: 7pt;
   padding: 5px;
   background: #93c9ff;
   color: #fff;
   border-radius: 2px;
   margin-right: 2px;
}
/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
 display: block;
}
/* 送信ボタンのデザイン変更 */
.soushinbtn{
padding:20px!important;
width:40%;
 background: #ffaa56!important;
color: #fff;
 font-size: 18px!important;
 border-radius: 2px!important;}
.soushinbtn:hover{
background:#fff!important;
color:#ff870f;
border:2px solid #ffa042;
}
/* スマホContact Form 7カスタマイズ */
@media screen and (max-width: 700px) {
.inquiry th, .inquiry td {
display:block;
width: 100%!important;
border-top: none!important;
    padding: 8px 16px;
}
.inquiry tr:first-child th {
border-top: 1px solid #d7d7d7!important;
}
.soushinbtn{
width:80%!important;
}}

.wpcf7-form .stepBar {
  display: flex;
  max-width: 400px;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
.wpcf7-form .stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 100%;
}
.wpcf7-form .stepBar li:after {
  background: #e6e6e6;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4caf50+0,4caf50+50,e6e6e6+50,e6e6e6+100 */
background: #4caf50; /* Old browsers */
background: -moz-linear-gradient(left, #4caf50 0%, #4caf50 50%, #e6e6e6 50%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #4caf50 0%,#4caf50 50%,#e6e6e6 50%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4caf50 0%,#4caf50 50%,#e6e6e6 50%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
}


.wpcf7-form .stepBar li:first-child:after {
  display: none;
}
.wpcf7-form .stepBar li span {
  background: #e6e6e6;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.wpcf7-form .stepBar .visited:after {
  background: #4caf50;
}
.wpcf7-form .stepBar .visited span {
  background: #4caf50;
}



.wpcf7-form .stepBar2 {
  display: flex;
  max-width: 400px;
  position: relative;
  margin: 20px auto;
  text-align: center;
}
.wpcf7-form .stepBar2 li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 100%;
}
.wpcf7-form .stepBar2 li:after {
  background: #e6e6e6;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
}


.wpcf7-form .stepBar2 li:first-child:after {
  display: none;
}
.wpcf7-form .stepBar2 li span {
  background: #e6e6e6;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.wpcf7-form .stepBar2 .visited:after {
  background: #4caf50;
}
.wpcf7-form .stepBar2 .visited span {
  background: #4caf50;
}

/*ボタンの設定*/

input[type="submit"],
input[type="reset"] {
	padding: 10px;
    /*ボタン内の余白*/
	margin: 2rem 0;
	border-radius: 30px;
    /*角丸のサイズ*/
    background-color: #e5e5e5;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background-image: linear-gradient(#FFF, #e5e5e5);
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    border: 1px solid #61C359;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #61C359;
    /*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}


input[type="submit"],
input[type="button"],
input[type="reset"] {
    /*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/
}


input[type="button"] {
    width: 250px;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    border-radius: 30px;
    /*角丸のサイズ*/
    background-color: #e5e5e5;
    /*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));
    /*グラデーション*/
    background-image: -webkit-linear-gradient(#FFF, #e5e5e5);
    /*同上*/
    background-image: linear-gradient(#FFF, #e5e5e5);
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    border: 1px solid #f0f0f0;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #fff;
    /*ボタン色*/
    color: #292929;
    border-bottom: solid 4px #f0f0f0;
    border-radius: 3px;
    margin: 0 8px;
}

.business2 #main .wpcf7 h2 {
    color: #494949;
    font-size: 20px;
    font-weight: bold;
    border: none;
    background: none;
    text-align: center;
    margin: 1em 0 0 0;
}

.business2 #main .wpcf7 h2:before; {
text-align:center;
}

.searchform input[type="submit"] {
    width: 10%;
    /*ボタン幅*/
    padding: 10px;
    /*ボタン内の余白*/
    margin-bottom: 20px;
    /*角丸のサイズ*/
    font-size: 16px;
    /*文字サイズ*/
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
    color: #9e9e9e;
    margin: 0 8px;
    background: none;
    background-color: none;
    border: none;
}

