@charset "UTF-8";
/*
Theme Name: 4b
*/





/* ここからスタイル */


#contact {
	max-width:980px ;
	width:100% ;
	margin:30px auto ;
}


.thanks p {
	text-align:center ;
	padding:20px ;
		font-size:20px ;
	line-height:1.6;
	}


@media(max-width:768px){
#contact {
	width:94% ;
}
	h1 {
	width:94% ;
	font-size:28px ;

}
	.thanks p {
		font-size:16px ;
	}
	
}




/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry 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;
}
.inquiry tr:first-child th{
 border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}
.inquiry td input {
	width:calc( 100% - 20px ) ;
}
.inquiry td input[type=checkbox] {
	width:20px ;
}
	

}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:16px;
 padding: 15px;
 width:35%;
 background:#f7f7f7;
 border:solid 1px #d7d7d7;
color:#000 ;
}
.inquiry th span{
	display:inline-block ;
	width:80% ;
	padding:2px 0 ;
}
@media(max-width:768px){
.inquiry th span{
	width:75% ;
	font-size:14px ;
}	
}

/*通常欄*/
.inquiry td{
 font-size:16px;
 padding: 15px;
 border:solid 1px #d7d7d7;	
background:#fff ;
		color:#000 ;
}

.inquiry td input {
 padding:10px;
 border: 1px solid #ccc;
	font-family:serif;
}
.inquiry td.w75 input {
	width:75% ;
}

.inquiry tr.shiire_1 td {
	border-bottom:none ;
	text-align:center ;
	vertical-align:top ;
}
@media(max-width:768px){
.inquiry tr.shiire_1 td span.font12 {
	font-size:11px !important ;
}
}

#contact .inquiry tr td p {
	text-align:left ;
	font-size:12px ;
	line-height:1.2 ;
}

span .wpcf7-list-item {
	display:block ;
	margin:0 20px 15px 0 ;
}

.wpcf7-acceptance span.wpcf7-list-item {
	display:inherit ;
}

span.sd .wpcf7-list-item .wpcf7-list-item-label:after {
    content: url(https://biito2.com/images/home/sd.jpg);
	display:block ;
	margin-top:10px ;
}
 

span.dx .wpcf7-list-item .wpcf7-list-item-label:after {
    content: url(https://biito2.com/images/home/dx.jpg);
	display:block ;
	margin-top:10px ;
}

/* 未チェックの選択肢を薄く表示 */
span.radio-267 .wpcf7-list-item input + .wpcf7-list-item-label:after {
    opacity: 0.5;
}
 
/* チェックされた選択肢を濃く表示 */
span.radio-267 .wpcf7-list-item input:checked + .wpcf7-list-item-label:after {
    opacity: 1;
}

.wpcf7-free-text {
	margin-left:10px ;
	width:320px ;
}

::placeholder {
  color: #666;
}

/*横の行とテーブル全体*/
.entry-content table{
	width:100% ;
	table-layout: fixed; 
}

#contact h1 {
	text-align:center ;
	margin:20px auto ;
	font-size:32px ;
}
@media(max-width:768px){
#contact h1 {
	font-size:24px ;
}	
}


#contact p {
	margin-top:20px ;
}

.wpcf7-form-control-wrap textarea {
	width:calc( 100% - 20px ) ;
}
/*必須の調整*/
.inquiry th span.haveto{
	width:40px ;
	text-align:center ;
 font-size:11px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:15px;
 position:relative;
 bottom:1px;
		vertical-align:top ;
}
/*任意の調整*/
.inquiry th span.any{
	width:40px ;
	text-align:center ;
 font-size:11px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:15px;
 position:relative;
 bottom:1px;
	vertical-align:top ;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
	line-height:2 ;
}

.acceptance {
    font-size: 13px;
    text-align: left;
    display: flex;
}

/*送信ボタンのデザイン変更*/
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
#formbtn{	
 display: block;
 padding:1em 0;
 margin:30px auto 0 auto;
 width:90%;
 background:#D33260;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 -webkit-border-radius:2px;
border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#999;
}