@charset "utf-8";


/* for Common & Smartphone*/

/*リキャプチャと重なるの回避*/
/*.btnPagetop {
  bottom: 80px;
}*/




/* フォーム整形*/
form{
	overflow: hidden;
	}

/*送信完了後非表示にする*/
.sent .completeHide{
    display: none;
}
.completeShow{
    display: none;
}
.sent .completeShow{
    display: block;
}
.wpcf7-validation-errors{
	clear: both;
	font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-sp)), 14px);
	text-align: center;
	padding: 1em;
	border-color: #f00 !important;
	}
.wpcf7-mail-sent-ok{
	clear: both;
	font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-sp)), 14px);
	text-align: center;
	padding: 1em;
	border-color: #0087c5 !important;
	}
	
.wpcf7-list-item{
	display: block;
	width: 100%;
	}
.wpcf7-submit{
	display: block;
	width: 200px;
	height: 40px;
	margin: 20px auto;
	background: #9fa0a0;
  border: none;
  border-radius: 0;
	font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-sp)), 16px);
  color: var(--color-white);
	line-height: 40px;
	text-align: center;
	}
form:has(input#pp_agree:checked) input[type=submit].wpcf7-form-control.wpcf7-submit{
  background: #333;
}
.wpcf7 form.invalid .wpcf7-response-output{
  clear: both;
}

.wpcf7-response-output{
  border-width: 0 !important;
  margin: 0;
  padding: 10px;
  background: #eee;
  text-align: center;
}




/*
#pj_name .wpcf7-list-item:nth-child(1)::before{
	display: block;
	content: "販売中物件";
	}
#pj_name .wpcf7-list-item:nth-child(2)::before{
	display: block;
	content: "販売予定物件";
	content: "";
	}
*/


.formList input[type='text'],
.formList input[type='tel'],
.formList input[type='number'],
.formList input[type='email'],
.formList input[type='password'],
.formList textarea{
	border: 1px solid var(--color-def01);
	padding: 6px;
	font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-sp)), 16px);
	}
.formList select{
  height: 40px;
  background: transparent;
  position: relative;
  z-index: 1;
  border: 1px solid var(--color-def01);
	padding: 6px;
	font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-sp)), 16px);
}
.formList input[type='text'],
.formList input[type='tel'],
.formList input[type='number'],
.formList input[type='email'],
.formList textarea,
.formList select,
.formList > dd p.t00,
.formList > dd dl{
	margin: 0 1em;
	}


.formList .wpcf7-list-item{
  display: block;
}
.formList .wpcf7-list-item + .wpcf7-list-item{
  margin-top: 10px;
}
  
.formList .wpcf7-list-item label{
  display: flex;
  align-items: center;
}

.formList input[type='radio'],
.formList input[type='checkbox']{
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
	border: 1px solid var(--color-def01);
	}
.formList .wpcf7-not-valid-tip{
  position: absolute;
  right: 0;
  top: -1.5em;
  padding: 5px;
  background: #f00;
  color: #fff;
  text-align: center;
  line-height: 1.0;
	}

.formList #rec_job + .wpcf7-not-valid-tip{
  right: 40%;
	}

.w10{width: 15%;}
.w20{width: 30%;}
.w30{width: 30%;}
.w35{width: 51%;}
.w40{width: 80%;}
.w50{width: 80%;}
.w60{width: 80%;}
.w70{width: 80%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}
textarea{width: 90%;}
select{width: 80%;}


/* フォーム整形*/




#mustTxt{
	text-align: left;
	}
.must{
	display: inline-block;
	margin: 0 0 0 4px;
	color: #7d0000;
	}
.formListTtl01{
	margin:0 0 20px 0;
	padding: 0 1em;
	font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-sp)), 16px);
	text-align:left;
	line-height:1.2;
	/*color: #0087c5;*/
	}
.formListTtl02{
	margin:0 0 10px 0;
	font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-sp)), 16px);
	text-align:left;
	line-height:1.2;
	}
.formList{
	clear: both;
	margin: 0 0 20px 0;
	/*background:#cce7f3;*/
	border-bottom:1px solid var(--color-def);
	}
.formList > dt,
.formList > dd{
	font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-sp)), 14px);
	text-align:left;
	}
.formList > dt{
	padding:8px 10px;
	border-top:1px solid var(--color-def);
	}
.formList > dd{
	padding:10px 10px 10px 0;
	background: #fff;
	}

/*住所*/
.formList > dd dl{
	margin-bottom: 0 !important;
	}
.formList > dd dl dt{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	}
.formList > dd dl dd{
	margin: 0 0 0.1em 0;
	padding: 0;
	border: none;
	}
.formList > dd dl dd input,
.formList > dd dl dd select{
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
/*連絡手段*/
.formList > dd.method dl{
	width: 100%;
	}
.formList > dd.method > p{
	width: 100%;
	line-height: 2.0;
	}
.formCap{
	display: block;
	padding: 0 0 0 1em;
	font-size: clamp(calc(12px * var(--font-markup)), calc(12vw / var(--vw-sp)), 12px);
}

.agreeBox{
	margin: 20px 0 0 0;
	padding: 10px;
	}
.agreeBox .wpcf7-not-valid-tip{
	position: static !important;
  padding: 5px;
  background: #f00;
  color: #fff;
  text-align: center;
  line-height: 1.0;
	}

/* iPhone5 とか*/
@media screen and (max-width: 320px) {
}
/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}

/* for PC*/
@media print, screen and (min-width:768px) {

  /* フォーム整形*/
  .wpcf7-validation-errors{
    font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-pc)), 16px);
    }
  .wpcf7-mail-sent-ok{
    font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-pc)), 16px);
    }
  
  .w10{width: 10%;}
  .w20{width: 20%;}
  .w30{width: 30%;}
  .w35{width: 35%;}
  .w40{width: 40%;}
  .w50{width: 50%;}
  .w60{width: 60%;}
  .w70{width: 70%;}
  .w80{width: 80%;}
  .w90{width: 90%;}
  .w100{width: 100%;}
  textarea{width: 90%;}
  select{width: 50%;}
  /* フォーム整形*/


  #mustTxt{
    text-align: right;
    }
  .formListTtl01{
    padding: 0;
    }
  .formListTtl02{}
  .formList{
    margin: 0 0 30px 0;
    }
  .formList{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .formList > dt,
  .formList > dd{}
  .formList > dt{
    width:220px;
    padding: 20px 2%;
    }
  .formList > dd{
    width: calc(100% - 220px);
    padding: 20px 0;
    border-top:1px solid var(--color-def);
    }

  /*住所*/
  .formList > dd dl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0 !important;
    }
  .formList > dd dl dt{
    width: 7em;
    margin: 0 0 0.4em 0;
    padding: 0;
    background: none;
    border: none;
    }
  .formList > dd dl dd{
    width: calc(100% - 7em);
    margin: 0 0 0.4em 0;
    padding: 0;
    border: none;
    }
  
  .formList > dd dl dt:not(:first-of-type),
  .formList > dd dl dd:not(:first-of-type){
    margin-top: 10px;
  }
  .formList > dd dl dd input,
  .formList > dd dl dd select{
    margin-left: 1em !important;
    margin-right: 1em !important;
    }
  /*連絡手段*/
  .formList > dd.method{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .formList > dd.method > dl{
    width: 52%;
    }
  .formList > dd.method dl dt{}
  .formList > dd.method > dl dd{}
  .formList > dd.method > dl dd input{}
  .formList > dd.method > p{
    width: 44%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 2.0;
    }
  .formCap{
    display: inline-block;
    padding: 0;
    font-size: clamp(calc(12px * var(--font-markup)), calc(12vw / var(--vw-pc)), 12px);
  }
  
  .formList #rec_job + .wpcf7-not-valid-tip{
    right: 70%;
    }
  

  .agreeBox{
    width: 600px;
    margin: 20px auto 0 auto;
    padding: 20px;
    }
  .agreeBox input[type='checkbox']{
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    border: 1px solid var(--color-white);
    }

}

/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

}




