/*********************************
** お問い合わせフォームの入力
*********************************/
.class-contact-form.no-top-margin{
	margin-top:-1px;
}

.class-contact-form{
width: 100%;
max-width: 800px; /* 最大幅を指定 */
margin: 0 auto; /* 中央揃え */
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
color: #444;
}
.class-contact-form tr th,
.class-contact-form tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;
border-width: 1px;
vertical-align: middle;
}
.class-contact-form table tr th{
width:210px;
background: #eee;
}
.class-contact-form .wpcf7-select{
		max-width:100%;
	padding:8px;
	border: 1px solid #d0d5d8;
    border-radius: 3px;
    background-color: #eff1f5;
	}
@media screen and (max-width:1024px){
.class-contact-form{
	width: 90%; 
   max-width: none; 
   margin-left: auto;
   margin-right: auto;
}

.class-contact-form,
.class-contact-form tbody,
.class-contact-form tr,
.class-contact-form tr th,
.class-contact-form tr td{
display: block;
}

.class-contact-form table{
width: 100%;
border-width: 0 0 1px 0;
}

.class-contact-form tr th,
.class-contact-form tr td{
width: 100%;
padding: 3% 5%;
}

.class-contact-form tr td{
border-width: 0px 1px 0px 1px;
}
.class-contact-form .wpcf7-select{
		max-width:100%;
	}
span.wpcf7-list-item {
display: block;
}
}
/*「必須」文字デザイン*/
.required{
font-size:.8em;
padding: 5px;
background: #F00;
color: #FFF;
border-radius: 3px;
margin-right: 5px;
}
/*「任意」文字デザイン*/
.optional{
font-size:.8em;
padding: 5px;
background: #C0C0C0;
color: #FFF;
border-radius: 3px;
margin-right: 5px;
}

/* 入力項目を見やすく */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
	background-color: #eff1f5;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}
/*上下間隔*/
.wpcf7 .wpcf7-form p {
	margin-bottom: 1em;
}

/*お問い合わせテスト*/
.class-contact-form th{
width:210px;
text-align:left;
font-size:14px;
color:#292929;
padding: 20px 20px 20px 24px;
background:#F9F9F9;
border:solid 1px #EBEBEB;
}
 /*入力フォーム*/
.class-contact-form td{
padding: 19px 24px;
font-size:12px;
border:solid 1px #EBEBEB;
} /*横の方向の罫線*/
.entry-content .class-contact-form tr{
border:solid 1px #EBEBEB;
} /*テーブル全体の罫線*/
.entry-content table{
border:solid 1px #EBEBEB;
} /*「必須」ラベルの調整*/
.required{
/*left: 50px;*/
font-size:7px;
padding:5px;
background:#df6f5f;
color:#FFFFFF;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
} /*「任意」ラベルの調整*/
.optional{
font-size:7px;
padding:5px;
background:#999999;
color:#FFFFFF;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*スマートフォン表示*/
@media(max-width:1024px){
.class-contact-form th,
	.class-contact-form td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
} .class-contact-form tr:first-child th{
border-top:1px solid #d7d7d7!important;
} 
	/* 「必須」のフォントサイズ */
.class-contact-form .required {
font-size:10px;
} /* 「任意」のフォントサイズ */
.class-contact-form .optional {
font-size:10px;
}}

.name{
	display: flex;
	float: left;
	align-items: stretch;
}

/* 送信ボタン */
@media(max-width:1023px){
.wpcf7-submit {
	background-color: #4CAF50;
	padding:0.8em 1em !important;/* ボタン内の余白 */
	margin:2em 0em !important;/* ボタンの上下の余白 */
	border-radius: 5px !important;/* 角を丸く*/
	color: #fff !important;/* 文字の色*/
	font-size: 1.6rem !important;/* 文字の大きさ */
	font-weight: bold !important;/* 文字の太さ*/
	width: 50%;/* ボタンの横幅*/
	transition:0.5s;/* 背景色が変わるまでの時間*/
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}}
@media(min-width:1024px){
	.wpcf7-submit {
	background-color: #4CAF50;
	padding:1em !important;/* ボタン内の余白 */
	margin:2em 0em !important;/* ボタンの上下の余白 */
	border-radius: 5px !important;/* 角を丸く*/
	color: #fff !important;/* 文字の色*/
	font-size: 1.6rem !important;/* 文字の大きさ */
	font-weight: bold !important;/* 文字の太さ*/
	width: 20%;/* ボタンの横幅*/
	transition:0.5s;/* 背景色が変わるまでの時間*/
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}}
/* 送信ボタン中央揃え */
.btn_send{
	text-align: center;
	font-weight:bold
}
div.wpcf7 .wpcf7-spinner {
    display: block;
}

/* スマホ幅*/ 
.form-width{
	max-width:/*100%;*/
}
/******************************** ページタイトル非表示*********************************/
.c-entry__title{
	display:none;
}

/* reCAPTCHA非表示 */
.grecaptcha-badge { visibility: hidden; }

/* PCファーストビューの余白削除 */
.first-view{
	margin-top:0;
}