@charset "UTF-8";
/* CSS Document */
/* form */
.form{
max-width: 960px;
}
.zipCode .mark{
margin-right: 15px;
}
@media screen and (max-width:767px){
.zipCode .mark{
margin-right: 10px;
}
}
.zipCode .note{
left: calc(38% + 23px);
}
@media screen and (max-width:767px){
.zipCode .note{
left: calc(47% + 23px);
}
}
.telNum .note{
left: 38%;
}
@media screen and (max-width:767px){
.telNum .note{
left: 47%;
}
}
.form .price .note{
left: calc(38% + 44px);
}
@media screen and (max-width:767px){
.form .price .note{
left: calc(47% + 38px);
}
}
.form .txt-l,.form .txt-m,.form .txt-s,.form .txt-area {
border:1px solid #eeeff2;
border-radius: 0;
font-size:1.4rem;
height: 60px;
padding:0 20px;
width: 100%;
box-sizing:border-box;
-webkit-appearance: none;
cursor:pointer;
vertical-align:middle;
background: #eeeff2;
}
@media screen and (max-width: 767px) {
.form .txt-l,.form .txt-m,.form .txt-s,.form .txt-area {
height: 55px;
padding:10px;
}
}
.form .txt-m{
width:35%;
}
@media screen and (max-width: 767px) {
.form .txt-m{
width:45%;
}
}
@media screen and (max-width: 767px) {
.form span:last-child .txt-m{
margin-top:5px;
}
}
.form .txt-s {
width:25%;
}
@media screen and (max-width: 767px) {
.form .txt-s {
width: 45%;
}
}
.form .txt-area {
height: 220px;
padding-bottom: 10px;
padding-top: 10px;
}
@media screen and (max-width: 767px) {
.form .txt-area {
height:150px;
}
}
.form input:focus, .form textarea:focus, .form select:focus {
border: 1px solid #ff0000;
}
.form div.wpcf7-validation-errors {
border: 2px solid #ff0000 !important;
}
.form div.wpcf7-mail-sent-ok {
border: 2px solid #ff0000;
}
.form div.wpcf7-response-output {
margin-left: 30px !important;
margin-right: 30px !important;
margin-top: 0 !important;
text-align: center;
}
.form .hasCustomSelect {
width: 100%;
}
.form .customSelect{
background: url(../images/page/contact-select.gif) no-repeat right center;
background-size: 60px 60px;
height:60px;
line-height:60px;
padding:0 20px;
width: 100%;
box-sizing:border-box;
border:1px solid #e2e2e2;
}
@media screen and (max-width: 767px) {
.form .customSelect {
letter-spacing: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height:55px;
line-height:55px;
}
}
/*ラジオボタン/チェックボックス*/
.wpcf7-list-item{
display: inline-block;
margin-bottom: 5px;
}
.form input[type=radio],
.form input[type=checkbox]{
display: none;
}
.form input[type=radio] + .wpcf7-list-item-label,
.form input[type=checkbox] + .wpcf7-list-item-label{
cursor: pointer;
position:relative;
padding-left: 20px;
}
@media screen and (max-width:767px){
.form input[type=radio] + .wpcf7-list-item-label,
.form input[type=checkbox] + .wpcf7-list-item-label{
padding-left: 15px;
}
}
.form input[type=radio] + .wpcf7-list-item-label:before,
.form input[type=checkbox] + .wpcf7-list-item-label:before{
content: "";
background: #eeeff2;
position: absolute;
top:2px;
left: 0;
width: 12px;
height: 12px;
box-sizing: border-box;
border: 3px solid #eeeff2;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.form input[type=radio] + .wpcf7-list-item-label:before,
.form input[type=checkbox] + .wpcf7-list-item-label:before{
top:0;
}
}
.form input[type=radio]:checked + .wpcf7-list-item-label:before,
.form input[type=checkbox]:checked + .wpcf7-list-item-label:before{
background: #fff;
border: 3px solid #082246;
}
/*radioStyle01*/
.radioStyle01 .wpcf7-list-item:after{
content:"";
display:block;
clear:both;
margin-bottom: 20px;
}
.radioStyle01 .wpcf7-list-item-label{
width: 230px;
float: left;
line-height: 1;
}
@media screen and (max-width:767px){
.radioStyle01 .wpcf7-list-item-label{
width: 100%;
margin-bottom: 5px;
}
}
.radioStyle01 .wpcf7-list-item.first label:after{
content: "査定をご希望されるご自宅・現地を訪問し、実際の物件の状況等を確認の上、精度の高い査定を行います。";
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
width: calc(100% - 250px);
display: block;
float: right;
font-size: 1.3rem;
}
@media screen and (max-width:767px){
.radioStyle01 .wpcf7-list-item.first label:after{
width: 100%;
}
}
.radioStyle01 .wpcf7-list-item:nth-child(2) label:after{
content: "お客様はご自宅に居ながら、Zoom等で物件の状況等を確認の上、査定を行います。";
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
width: calc(100% - 250px);
display: block;
float: right;
font-size: 1.3rem;
}
@media screen and (max-width:767px){
.radioStyle01 .wpcf7-list-item:nth-child(2) label:after{
width: 100%;
}
}
.radioStyle01 .wpcf7-list-item.last label:after{
content: "お客様より頂戴した物件情報と、周辺の売出事例、成約事例等から概算の査定を行います。";
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
width: calc(100% - 250px);
display: block;
float: right;
font-size: 1.3rem;
}
@media screen and (max-width:767px){
.radioStyle01 .wpcf7-list-item.last label:after{
width: 100%;
}
}
/*radioStyle02*/
.form .radioStyle02 input[type=radio] + .wpcf7-list-item-label,
.form .radioStyle02 input[type=checkbox] + .wpcf7-list-item-label{
margin-right: 3em;
}
@media screen and (max-width:767px){
.form .radioStyle02 input[type=radio] + .wpcf7-list-item-label,
.form .radioStyle02 input[type=checkbox] + .wpcf7-list-item-label{
margin-right: 1em;
}
}

/* ▼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;
}
.form .agree{
text-align:center;
margin-bottom:30px;
}
@media screen and (max-width:767px){
.form .agree{
margin-bottom:10px;
}
}
.acceptance{
margin-right:5px;
}
.form .privacyLink{
text-align:center;
margin-bottom:60px;
}
@media screen and (max-width:767px){
.form .privacyLink{
margin-bottom:30px;
}
}
.btnSubmit{
padding-bottom:26px;
}
@media screen and (max-width:767px){
.btnSubmit{
padding-bottom:21px;
}
}
.btnSubmit.disabled{
padding-bottom:0;
opacity:0.3;
}
.btnSubmit input{
-webkit-appearance: none;
width:100%;
margin:0 auto;
height:62px;
display:block;
background:#082246;
border-radius:0;
border:1px solid #082246;
cursor:pointer;
font-size:1.6rem;
color:#fff;
letter-spacing:0.15em;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.btnSubmit input{
height:55px;
line-height:55px;
}
}
.btnSubmit input:hover{
background:#fff;
color:#082246;
}
.btnSubmit.disabled input:hover{
background:#082246;
color:#fff;
}
.btnSubmitAlert{
font-size:1.2rem;
color: #898989;
margin:5px auto 0;
}
.btnSubmitAlert.none{
	display:none;
}
/*確認画面スタイル*/
.form .txt-l.wpcf7c-conf,.form .txt-m.wpcf7c-conf,.form .txt-s.wpcf7c-conf,.form .txt-area.wpcf7c-conf {
border:1px solid #fff;
background: #fff;
font-weight: bold;
height: auto;
width: auto;
padding-bottom: 10px;
}
.form .txt-area.wpcf7c-conf {
height: 80px;
width: 100%;
}
.custom-wpcf7c-confirmed .confNone{
display: none;
}
.custom-wpcf7c-confirmed .normalBlock,
.custom-wpcf7c-confirmed .semiBlock{
margin-bottom: 10px;
}
.form input[type=radio] + input[type=hidden]  + .wpcf7-list-item-label,
.form input[type=checkbox] + input[type=hidden]  + .wpcf7-list-item-label{
cursor: pointer;position:relative;padding-left: 20px;
}
@media screen and (max-width:767px){
.form input[type=radio] + .wpcf7-list-item-label,
.form input[type=checkbox] + .wpcf7-list-item-label{
padding-left: 15px;
}
}
.form input[type=radio] + input[type=hidden] + .wpcf7-list-item-label:before, .form input[type=checkbox] + input[type=hidden] + .wpcf7-list-item-label:before {
content: "";
background: #eeeff2;
position: absolute;
top: 2px;
left: 0;
width: 12px;
height: 12px;
box-sizing: border-box;
border: 3px solid #eeeff2;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.form input[type=radio] + input[type=hidden] + .wpcf7-list-item-label:before,
.form input[type=checkbox] + input[type=hidden] + .wpcf7-list-item-label:before{
top:0;
}
}
.form input[type=radio]:checked  + input[type=hidden] + .wpcf7-list-item-label:before,
.form input[type=checkbox]:checked  + input[type=hidden] + .wpcf7-list-item-label:before{
background: #fff;
border: 3px solid #082246;
}
.btnSubmitBack input{
-webkit-appearance: none;
width: 100%;
max-width: 150px;
height: 36px;
display:block;
background:#eeeff2;
border-radius:0;
border:1px solid #eeeff2;
cursor:pointer;
color:#082246;
transition: all 0.3s ease;
}
.btnSubmitBack input:hover{
background:#333;
color:#fff;
}