@charset "UTF-8";

/* 入力エリアの幅をリセット　*/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  width: auto;
}

#tsukasa table { width:100%; margin-bottom:10px; }
#tsukasa table th, #tsukasa table td { border: 1px solid #ccc; padding:5px; }
#tsukasa table th { width:140px; background-color:#DAE2EC; }
#tsukasa span.hissu { color:#c00; font-weight:bold; }
#tsukasa input, #tsukasa select, #tsukasa textarea { margin:3px 0 5px 0;}

/*#tsukasa .your-name input[type=text],*/
#tsukasa .your-furi input[type=text],
#tsukasa .your-email input[type=text],
#tsukasa .your-telno input[type=text],
#tsukasa .your-address input[type=text] { width:calc(100% - 10px); }

@media(max-width:767px){
#tsukasa .your-name input[type=text],
#tsukasa .your-email input[type=email],
#tsukasa .company-name input[type=text]{
width:90%;
}
}

#tsukasa .your-post input[type=text] { width: 100px; }

#tsukasa .caution-box {
	font-size: 18px;
	letter-spacing:0.3rem;
	border-bottom:1px solid #c22;
	padding:10px 10px 5px;
	line-height:100%;
	font-weight:bold;
}
#tsukasa .contact-caution-box {
	font-size:14px;
	line-height: 170%;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border: 2px solid #4EA1D8;
	background-color:#E8F5FD;
	padding: 15px;
	margin: 10px 10px 20px;
}
#tsukasa p.btn input {
	display:block;
	margin: 0 auto;
}

#tsukasa select{
    padding:6px;
    font-size:14px;
}

#tsukasa .bt-submit{
	width:218px;
	margin:10px auto;
	}
	
/* レスポンシブへの対応*/
	
.form-width { max-width: 100%;}	

/* デザインカスタマイズ */

#tsukasa .wpcf7 {
    background:#fafafa;
    border:1px solid #ddd;
    padding:0px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin:0 0 30px 0;
}

#tsukasa dt{
	font-weight:bold;
	font-size:15px;
	}

#tsukasa dt,#tsukasa dd {
    padding:10px 20px 0;
    margin:0; font-size:13px;
    }

#tsukasa dd{
    margin-bottom:10px;
    }

#tsukasa input,
#tsukasa textarea {
    border:1px solid #ccc;
    padding:4px 8px;
    font-size:14px;
    }

#tsukasa textarea {
    width:97.5%;
    }

#tsukasa .wpcf7 input.wpcf7-submit:active {
    box-shadow:none;
    bottom:-2px; position:relative;
    }

#tsukasa .wpcf7-captchac {
    border:1px solid #ccc;
    }

.name{
    max-width: 200px;
}

#tsukasa input.address,#tsukasa textarea.message{
	max-width:400px;
	}
 
/* 送信ボタン　*/

#tsukasa input.wpcf7-submit {
font-size: 14px;
margin: 20px auto;
padding: 14px 30px;
background: #f2f2f2; 
color: #363B3F;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border:1px solid #ccc;
border-bottom: solid 4px #dcdcdc;
}
 
#tsukasa input.wpcf7-submit:hover {
background-color: #dcdcdc;
color: #666;
} 
 
 
/* エラー表示 */

#tsukasa .wpcf7-not-valid { background: #f8d3d9; }
#tsukasa span.wpcf7-not-valid-tip {font-size: 80%;}
#tsukasa .wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#tsukasa .wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
#tsukasa .wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */

#tsukasa .required { color: #f00;}

/* 任意緑色表示 */
#tsukasa .att{
    color: #3b7527;
    margin-left:1em;
}


/* プライバシーポリシー */

.privacy{
margin: 20px;
overflow:scroll;
height:150px;
padding:20px;
font-size:13px;
border:1px solid #ccc;
background:#fff;
}

.agree{
font-size:12px;
margin-bottom:20px;
text-align:center;
}

.bt-agree{
text-align:center;
margin: 20px auto;
font-size:15px;
}

#tsukasa .bt-agree input{
margin-right:10px;
}

.form-att{
margin: 20px 20px 50px;
font-size:14px;
}