@charset "utf-8";
#estate-contact{
margin: 190px auto 90px;
}
#estate-contact .areaTtl{
color:#a37c52;
}
#estate-contact .kome{
color:#d32036;
}
#estate-contact .subTtl{
max-width:800px;
margin:0 auto 20px;
font-size:143%;
font-weight:bold;
color:#30318c;
}
#estate-contact table.questionnaire{
margin-bottom:30px;
}
@media screen and (max-width:767px){
#estate-contact table.questionnaire{
margin-bottom:20px;
}
}

/* form */
.form{
margin-bottom:90px;
}
.form table{
width:100%;
border-top:1px solid #d6d6d6;
max-width:800px;
margin:50px auto 0;
}
@media screen and (max-width:767px){
.form table{
font-size:9pt;
}
}
.form table tr{
border-bottom:1px solid #d6d6d6;
}
.form table tr.none{
border:none;
}
.form table th{
padding:25px 0 25px 3%;
width:30%;
font-size:114%;
font-weight:bold;
line-height:60px;
}
@media screen and (max-width:980px){
.form table th{
font-size:100%;
padding:25px 0 25px 0;
width:33%;
}
}
.form table .adress th{
padding:0 0 25px 3%;
}
.form table .none th{
padding:25px 0 15px 3%;
}
@media screen and (max-width:980px){
.form table .adress th{
padding:0 0 25px 0;
}
.form table .none th{
padding:25px 0 15px 0;
}
}
@media screen and (max-width:767px){
.form table th{
padding:20px 3% 0;
width:94%;
font-size:9pt;
display:block;
line-height:1.8;
}
.form table .adress th{
padding:0 3% 10px 3%;
}
.form table .none th{
padding:20px 3% 10px 3%;
}
}
.form table td{
padding:25px 0;
}
.form table .adress td{
padding:0 0 25px;
}
.form table .none td{
padding:25px 0 15px;
}
@media screen and (max-width:767px){
.form table td{
padding:10px 3% 20px;
display:block;
width:94%;
font-size:9pt;
}
.form table .adress td{
padding:0 3% 20px;
}
.form table .none td{
padding:0 3% 10px;
}
}
.form table .adress td input{
margin-bottom:15px;
}
@media screen and (max-width:767px){
.form table .adress td input{
margin-bottom:10px;
}
}
.form table th .check{
color:#f97c38;
}
.form table td .blockLeft{
display:inline-block;
width:40%;
}
.form table td .blockRight{
display:inline-block;
width:55%;
}
@media screen and (max-width:767px){
.form table td .blockLeft,
.form table td .blockRight{
width:90%;
float:none;
}
.form table td .blockLeft{
margin-bottom:5px;
}
}
.form .txt-l,.form .txt-m,.form .txt-s,.form .txt-area {
border:none;
background:#f7f7f7;
border-radius: 0;
font-size: 14px;
height: 60px;
padding-left: 5%;
width: 95%;
-webkit-appearance: none;
cursor:pointer;
vertical-align:middle;
}
@media screen and (max-width: 767px) {
.form .txt-l,.form .txt-m,.form .txt-s,.form .txt-area {
height: 40px;
}
}
.form .txt-m {
padding-left:5%;
width: 50%;
}
@media screen and (max-width: 767px) {
.form .txt-m {
padding-left: 4%;
width: 80%;
}
}
.form .txt-s {
padding-left: 5%;
width: 35%;
}
@media screen and (max-width: 767px) {
.form .txt-s {
padding-left: 4%;
width: 80%;
}
}
.form .txt-area {
height: 200px;
padding-bottom: 20px;
padding-top: 20px;
}
@media screen and (max-width: 767px) {
.form .txt-area {
height: 70px;
}
}
.form input:focus, .form textarea:focus, .form select:focus {
border:none;
}
.form div.wpcf7-validation-errors {
border: 2px solid #e2e2e2 !important;
}
.form div.wpcf7-mail-sent-ok {
border: 2px solid #e2e2e2;
}
.form div.wpcf7-response-output {
margin-left: 30px !important;
margin-right: 30px !important;
margin-top: 0 !important;
text-align: center;
}
.form span.wpcf7-list-item {
padding-right: 15px;
}
.form .hasCustomSelect {
width: 100%;
}
.form .customSelect{
background: url(../images/contact-select.gif) no-repeat right center #f7f7f7;
background-size: 60px 60px;
height:60px;
line-height:60px;
padding: 0 2%;
width: 95%;
border:none;
}
@media screen and (max-width: 767px) {
.form .customSelect {
letter-spacing: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height:40px;
line-height:40px;
}
}
.form .wpcf7-list-item-label{
margin-left:10px;
}
.form .radio .wpcf7-list-item{
display:block;
margin-bottom:5px;
}
.form .notes{
color: #a7a7a7;
font-size: 96%;
font-weight: normal;
padding-left:10px;
}
@media screen and (max-width: 980px) {
.form .notes{
font-size: 83%;
}
}
@media screen and (max-width: 767px) {
.form .notes{
display: block;
font-size: 9pt;
}
}
.agree{
text-align:center;
margin-bottom:30px;
font-size:114%;
}
@media screen and (max-width:767px){
.agree{
margin-bottom:10px;
font-size:9pt;
}
}
.acceptance{
margin-right:5px;
}
.privacyLink{
text-align:center;
margin-bottom:80px;
}
@media screen and (max-width:767px){
.privacyLink{
margin-bottom:30px;
font-size:9pt;
}
}
.btnSubmit input{
-webkit-appearance: none;
width:90%;
margin:0 auto;
max-width:560px;
height:149px;
line-height:147px;
color:#1a1a1a;
text-align:center;
display:block;
font-size:143%;
background:none;
border:1px solid #000000;
font-weight:bold;
border-radius:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media screen and (max-width:767px){
.btnSubmit input{
height:60px;
line-height:60px;
font-size:9pt;
}
}
.btnSubmit input:hover{
background:#000;
color:#fff;
}
/* ▼IE10・IE11用 */
:-ms-input-placeholder {
color: #d4d4d4;
}
/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
color: #d4d4d4;
}
/* ▼Firefox18以前用 */
:-moz-placeholder {
color: #d4d4d4;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
color: #d4d4d4;
opacity: 1;
}
/* ▼CSS標準(予定)の記述 */
:placeholder-shown {
color: #d4d4d4;
}