/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2021 | 05:41:16 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

/*Contact Form 7カスタマイズ*/

/*項目の下線*/
.inquiry th, .inquiry td {
 border: none;
 background: #fff;
 border-bottom: 3px dotted silver;
padding-top: 20px;
padding-bottom: 20px;
}

/*必須・任意のラベルの形状*/
.formlabel  {
 padding:5px;
 font-size: 0.8em;
 border-radius:5px;
 margin-right:10px;
 position:relative;
}

/*必須のカラー*/
.must {
 background: #FF82B2;
 color:#fff;
}

/*任意のカラー*/
.may {
 background: #75A9FF;
 color:#fff;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:15px;
 width:20%;
 background:#ffaa56;
 color:#fff;
 font-size: 1.2em;
 font-weight:bold;	 
 border-radius:5px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー*/
#formbtn:hover{
 background:#ff8f57;
 color:#fff;
}

/*ラジオボタンのデザイン変更*/
.inquiry .wpcf7-radio input[type=radio]{
 display: none;
 vertical-align: middle;
}
.inquiry .wpcf7-radio > .wpcf7-list-item {
  margin-left: 0;
}
.inquiry .wpcf7-radio input[type=radio] + span{
  padding-left: 25px;
  position:relative;
  margin-right: 25px;
	vertical-align: middle;
}
.inquiry .wpcf7-radio input[type=radio] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid gray;
  border-radius: 50%;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span{
  color: #d01137;
}
.inquiry .wpcf7-radio input[type=radio]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 11px;
  height: 11px;
  background: #d01137;
  border-radius: 50%;
}

.inquiry th {
vertical-align: top;
}
body {
font-family: 'Noto Sans JP',sans-serif !important;
}