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




#contact {
	max-width:980px ;
	width:100% ;
	margin:150px auto ;
}
@media(max-width:768px){
#contact {
	margin:50px auto ;
}
}

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


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

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

#contact ul.contact_about {
	display:flex ;
	justify-content:space-between;
	flex-wrap:wrap ;
}

#contact ul.contact_about li {
	width:50% ;
	text-align:center ;
	padding:0 ;
	text-indent:0 ;
}

#contact ul.contact_about li a {
	background:#bb997b ;
	width:92% ;
	margin:0 auto ;
	padding:15px 2% ;
	display:block ;
	border-radius:12px ;
	font-size:16px ;
	font-weight:bold ;
}
#contact ul.contact_about li a.repair {
	background:#fff ;
	color:#000 ;
}


@media(max-width:768px){
#contact ul.contact_about li {
	width:100% ;
	margin-bottom:20px;
}
	
#contact ul.contact_about li a {
	padding:10px 2% ;
	font-size:16px ;
}	
}

#yesno_wrap {
	background:#fff ;
	padding:30px ;
	margin:30px auto 0 auto ;
}

@media(max-width:768px){
#yesno_wrap {
	padding:20px 10px ;
}
}

#question_wrap .yesno_q {
    padding: 0;
    margin-bottom: 0;
    font-size: 16px;
    border: none;
}

#question_wrap .yesno_q dt {
	padding: 0 !important ;
	margin-bottom: 1rem !important;
}

#question_wrap .yesno_q dt span {
    padding: 10px 2% ;
    font-size: 18px ;
	background:#000 ;
}

@media(max-width:768px){
#question_wrap .yesno_q dt span {
    font-size: 16px ;
}
}

#question_wrap .yesno_q dd {
	padding: 10px !important ;
	font-size: 18px ;
	text-align:left ;
	color:#000 ;
}
@media(max-width:768px){
#question_wrap .yesno_q dt span {
    padding: 10px 4% ;
}
#question_wrap .yesno_q dd {
	padding: 0 !important ;
	font-size: 16px ;
}
}

#question_wrap .Symptoms {
	text-align:left ;
	padding:0 2% ;
	font-weight:normal ;
	line-height:2 ;
}
#question_wrap .Symptoms li {
	list-style:disc inside ;
}

#yesno_wrap ul#choices {
	display:flex ;
	flex-wrap:wrap ;
	justify-content:center ;
	margin-top: 30px !important;
}

#yesno_wrap ul#choices li {
	width:48% ;
	margin:auto ;
	text-align:center ;
}

@media(max-width:768px){
#yesno_wrap ul#choices li {
	width:100% ;
	margin-bottom:20px ;
}
}

#yesno_wrap ul#choices li button {
	cursor: pointer;
	padding: 15px 10px;
	margin-bottom: 0;
	font-size: 16px;
	text-align:center ;
	border-radius: 12px;
	background: #999;
	border:1px solid #999 ;
	color: #fff;
}

#yesno_wrap ul#choices li:first-child button {
	background: #bb997b
	border:1px solid #bb997b ;
}

#yesno_wrap ul#choices li button:hover {
	opacity: 0.6;
}

#yesno_wrap ul#choices li#back {
	width:100% ;
	display:flex ;
	justify-content:center ;
	margin:50px auto 0 auto ;
}

@media(max-width:768px){
#yesno_wrap ul#choices li#back {
	margin:30px auto 0 auto ;
}
}

#yesno_wrap ul#choices li#back button {
	width:200px ;
	background:#fff ;
	border:1px solid #999 ;
	color:#666 ;
}

#yesno_wrap ul#choices li#back button:hover {
	opacity: 0.6;
}



/*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 !important;
}
.inquiry td input {
 padding:10px;
 border: 1px solid #ccc !important;
}

.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 5px 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 ;
}

@media(max-width:768px){
.wpcf7-free-text {
	margin-top:10px ;
}	
}

::placeholder {
  color: #666;
}

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

#contact h1 {
	text-align:center ;
	margin:20px auto ;
	font-size:32px ;
	color:#bb997b ;
}
@media(max-width:768px){
#contact h1 {
	font-size:24px ;
	letter-spacing:0em ;
}	
}
#contact h2 {
	text-align:center ;
	margin:60px auto 0 auto ;
	font-size:28px ;
	font-weight:bold ;
	color:#bb997b ;
}
@media(max-width:768px){
#contact h2 {
	font-size:20px ;
}	
}
#contact h3 {
	margin:20px auto ;
	font-size:18px ;
	line-height:1.5 ;
	font-weight:bold ;
	padding:10px 15px ;
	background:#333 ;
	color:#bb997b ;
}
@media(max-width:768px){
#contact h3 {
	font-size:16px ;
}	
}

#contact ul li {
	margin-bottom:5px ;
	padding-left:1em ;
	text-indent:-1em ;
	font-size:16px;
}

#contact p {
	font-size:14px;
}

@media(max-width:768px){
#contact p {
	text-align:left ;
}	
}
.wpcf7-form-control-wrap input {
	width:75% ;
}
.wpcf7-form-control-wrap input[type=checkbox], .wpcf7-form-control-wrap input[type=radio] {
	width: 50px ;
}
.wpcf7-form-control-wrap textarea {
	width:calc( 100% - 20px ) ;
	border:1px solid #ccc ;
}
/*必須の調整*/
.inquiry th span.haveto{
	width:40px ;
	text-align:center ;
 font-size:11px;
 padding:5px;
 background:#bb997b;
 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:#999f;
 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 ;
	margin-top:20px;
	color:#fff ;
}

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