@charset "UTF-8";
/*!
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 *
 * cssを追加したい場合、このファイルへ記述して下さい。
 * 納品時のCSSを直接修正するのは厳禁ですよ。
 *
 * 納品時のcssを編集してもscssをコンパイルした時点で変更は消えます。
 * 納品時のcssを編集したい場合は別のcssファイル（例：user.cssなど）を新規作成して、クラスごとに上書き、または新規クラスを追加してください。
 *
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 */
 .pageID-sale-appraisal .pc_none{
  display: none;
 }
 @media screen and (max-width: 834px){
  .pageID-sale-appraisal .pc_none{
    display: block;
  }
 }

 /* ---------mv---------- */
 .pageID-sale-appraisal{
  font-family: 'Oswald','Not Sans JP',sans-serif;
 }
 .pageID-sale-appraisal .lp_contents{
  max-width: 1100px;
  margin: 0 auto;
 }
.pageID-sale-appraisal .mv{
  background-image: url(/assets/images/shared/lp/mv_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pageID-sale-appraisal .mv_flex{
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}
.pageID-sale-appraisal .mv_txt{
  margin-top: 10px;
  width: 60%;
}
.pageID-sale-appraisal .easy {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  margin-bottom: -64px;
  font-weight: 700;
  font-size: 24px;
}
.pageID-sale-appraisal .easy p{
  margin-top: 0;
}
.pageID-sale-appraisal .easy span{
  font-size: 42px;
  color: #eb5e00;
}
.pageID-sale-appraisal .easy::before {
  content: "";
  width: 30px;
  height: 2px;
  transform: rotate(60deg);
  box-sizing: border-box;
  background-color: #333333;
}
.pageID-sale-appraisal .easy::after {
  content: "";
  width: 30px;
  height: 2px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: #333333;
}
.pageID-sale-appraisal .lp_h1{
  font-size: 78px;
  font-weight: 700;
  line-height: 1.1;
}
.pageID-sale-appraisal .lp_h1 span{
  font-size: 20px;
  background: #333;
  color: #fff;
  padding: 6px 4px 6px 10px;
  font-weight: 500;
  display: inline-block;
  width: 100%;
}
.pageID-sale-appraisal .mv_flex ul{
  margin: 20px 0 30px;
  padding-left: 0;
}
.pageID-sale-appraisal .mv_flex li{
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background:  #eb5e00;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 112px;
  margin-right: 10px;
}
.pageID-sale-appraisal .mv_flex li:last-child{
  margin-right: 0;
}
.pageID-sale-appraisal .mv_flex li span{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  width :150px;
  text-align:center;
  font-size: 25px;
  line-height: 20px;
}
 /* ---------form---------- */
 .pageID-sale-appraisal .form_outer{
  position: relative;
  max-width: 1100px;
 }
.pageID-sale-appraisal .form_wrap{
  background: #fff;
  box-shadow: 0 6px 26px rgba(0, 0, 0, 0.15);
  padding:  10px 10px 20px;
  position: absolute;
  bottom: -430px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 100%;
  background: #fff9ed;
}
.pageID-sale-appraisal .step {
  position: relative;
  color:#fff;
  background: #ff9854;
  text-align: center;
  font-weight: 700;
}

.pageID-sale-appraisal .form_h2{
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 10px;
}
.pageID-sale-appraisal .form_zip{
  width: 200px;
}
.pageID-sale-appraisal .form_input{
  width: calc(100% / 3 - 20px)
}
.pageID-sale-appraisal .form_flex{
  display: flex;
  justify-content: space-between;
}
.pageID-sale-appraisal .sale-appraisal-btn{
  width: 70%;
  margin: 0 auto;
}
 /* ---------cont01---------- */
 .pageID-sale-appraisal .cont01{
  padding-top: 440px;
  background: #ececec;
  padding-bottom: 60px;
 }
 .pageID-sale-appraisal .cont_h2{
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  position: relative;
  margin-bottom: 70px;
  line-height: 1.4;
 }
 .pageID-sale-appraisal .cont_h2 span{
  font-size: 18px;
 }
 .pageID-sale-appraisal .cont_h2::after{
  background-color: #eb5e00; 
  bottom: -10px; 
  content: "";
  height: 3px; 
  left: 50%; 
  position: absolute;
  transform: translateX(-50%);
  width: 40px;
 }
 .pageID-sale-appraisal .cont01_list{
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 100px;
 }
 .pageID-sale-appraisal .cont01_list::after{
  content: '';
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-top: 40px solid #ffcdab;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -70px;
 }
 .pageID-sale-appraisal .cont01_list li{
  text-align: center;
 }
 .pageID-sale-appraisal .cont01_txt_wrap{
  background: #fff;
  box-shadow: 0 6px 26px rgba(0, 0, 0, 0.15);
  padding: 10px 20px 30px;
 } 
 .pageID-sale-appraisal .cont01_txt{
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 0;
 }
 .pageID-sale-appraisal .cont01_txt span{
  font-size: 18px;
 }
 .pageID-sale-appraisal .cont01_img{
  text-align: center;
 }
  /* ---------cont02---------- */
 .pageID-sale-appraisal .cont02{
  padding-top: 80px;
  padding-bottom: 40px;
  background-image: url(/assets/images/shared/lp/cont02_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 }
 .pageID-sale-appraisal .cont02_flex{
  display: flex;
  margin-bottom: 70px;
 }
 .pageID-sale-appraisal .reverse{
  flex-direction: row-reverse;
 }
 .pageID-sale-appraisal .cont02_flex figure{
  margin-top: 0;
  width: 100%;
 }
 .pageID-sale-appraisal .cont02_flex .right{
  text-align: right;
 }
 .pageID-sale-appraisal .cont02_flex h3{
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
  z-index: 2;
 }
 .pageID-sale-appraisal .cont02_flex h3::before{
  color: #ffd5c2;
  font-size: 72px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
 }
 .pageID-sale-appraisal .cont02_flex .point01::before{
  content: '01';
 }
 .pageID-sale-appraisal .cont02_flex .point02::before{
  content: '02';
 }
 .pageID-sale-appraisal .cont02_flex .point03::before{
  content: '03';
 }
 .pageID-sale-appraisal .cont02_flex div{
  width: calc(100% / 2 + 830px);
 }
  /* ---------cont03---------- */
  .pageID-sale-appraisal .cont03{
    padding: 60px 0;
  }
  .pageID-sale-appraisal .cont03_img{
    text-align: center; 
  }
  .pageID-sale-appraisal .cont03_img img{
    box-shadow: 0 6px 26px rgba(0, 0, 0, 0.15);
  }
  .pageID-sale-appraisal .cont03_img span{
    font-size: 12px;
  }
  /* ---------cont04---------- */
  .pageID-sale-appraisal .cont04{
    padding: 60px 0 80px;
    background: #ececec;
  }
  /* ---------追従ボタン---------- */
    .pageID-sale-appraisal #fixed-menu{
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    z-index: 99999;
  }
  .pageID-sale-appraisal #fixed-menu .btns_item{
    list-style: none;
    padding:0;
    margin:0;
    width:100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 0;
  }
  .pageID-sale-appraisal #fixed-menu .sale-appraisal-btn02{
    width: 50%;
    text-decoration: none;
    margin: 0 auto;
  }
  .pageID-sale-appraisal footer{
    padding-bottom: 80px;
  }
  @media screen and (max-width: 834px){
    .pageID-sale-appraisal .lp_contents{
      width: 98%;
     }
     .pageID-sale-appraisal .cont_h2{
      font-size: 28px;
      margin-bottom: 60px;
     }
    .pageID-sale-appraisal .mv_flex{
      display: block;
    }
    .pageID-sale-appraisal .mv_txt{
      width: 100%;
      text-align: center;
    }
    .pageID-sale-appraisal .easy {
      font-size: 18px;
      margin-bottom: -50px;
    }
    .pageID-sale-appraisal .easy span{
      font-size: 38px;
    }
    .pageID-sale-appraisal .lp_h1{
      font-size: 58px;
    }
    .pageID-sale-appraisal .mv_flex ul{
      margin: 20px 0;
      width: 96vw;
    }
    .pageID-sale-appraisal .mv_flex li{
      width: 110px;
      height: 110px;
      line-height: 87px;
      font-size: 12px;
    }
    .pageID-sale-appraisal .mv_flex li span{
      width: 100%;
      font-size: 20px;
      line-height: 28px;
    }
    .pageID-sale-appraisal .form_wrap{
      padding: 18px;
      bottom: -520px;
    }
    .pageID-sale-appraisal .form_h2{
      font-size: 32px;
    }
    .pageID-sale-appraisal .form_flex{
      display: block;
    }
    .pageID-sale-appraisal .form_input{
      width: 98%;
    }
    .pageID-sale-appraisal .sale-appraisal-btn{
      width: 100%;
    }
    .pageID-sale-appraisal .cont01{
      padding-top: 540px;
    }
    .pageID-sale-appraisal .cont01_list{
      justify-content: center;
    }
    .pageID-sale-appraisal .cont01_txt span{
      font-size: 16px;
    }
    .pageID-sale-appraisal .cont01_txt{
      font-size: 28px;
    }
    .pageID-sale-appraisal .cont02{
      padding-top: 40px;
      background-position: -230px;
    }
    .pageID-sale-appraisal .cont02_flex{
      display: block;
      margin-bottom: 40px;
    }
    .pageID-sale-appraisal .cont02_flex div{
      width: 98%;
    }
    .pageID-sale-appraisal .cont02_flex figure{
      text-align: center;
    }
    .pageID-sale-appraisal .cont02_flex .right{
      text-align: center;
    }
    .pageID-sale-appraisal .cont02_flex h3{
      margin-top: 8px;
    }
    .pageID-sale-appraisal #fixed-menu .sale-appraisal-btn02{
      width: 96%;
    }
    .pageID-sale-appraisal footer{
      padding-bottom: 74px;
    }  
  }

  /*----ステップフォーム用---  */
  .pageID-sale-appraisal .form_contents {
    margin: 0 auto;
    width: 90%;
    position: relative;
    overflow: hidden;
  }
 
  .pageID-sale-appraisal div.form_area {
    display:block;
    width:800%;  /*----画面数×100％を入力---  */
  }
 
  .pageID-sale-appraisal  div.form_area .col{
    float: left;
    width: calc(100% / 8);/*----100％/画面数を入力---  */
  }
 
  .pageID-sale-appraisal .property {
    width: 45%;
    border-radius: 10px;
  }
 
  .pageID-sale-appraisal .personal {
    width: 45%;
    border-radius: 10px;
  }
    /*----ステップフォーム用ここまで---  */
    .pageID-sale-appraisal textarea{
      height: 100px;
    }
    .pageID-sale-appraisal .form_any:before,.pageID-sale-appraisal .form_must:before{
      margin-top: 6px;
    }
    .pageID-sale-appraisal  .customInput{
      vertical-align: middle;
    }
    .pageID-sale-appraisal .agree_agree{
      padding: 0;
    }
    /*----確認画面---  */
    .pageID-sale-appraisal .form_wrap_confirm{
       bottom: -1300px;
    }
    .pageID-sale-appraisal .form_space{
      padding-top: 1300px;
    }
    .pageID-sale-appraisal .formFooter{
      padding-bottom: 10px;
    }
    @media screen and (max-width: 834px){
      .pageID-sale-appraisal .form_wrap_confirm{
        bottom: -1610px;
     }
     .pageID-sale-appraisal .form_space{
      padding-top: 1611px;
    }
    .pageID-sale-appraisal .form_any:before,.pageID-sale-appraisal .form_must:before{
      margin-top: 0;
    }
    }
    /*----完了画面---  */
    .pageID-sale-appraisal .form_wrap_finish{
      bottom: -110px;
      padding: 30px 10px 40px;
    }
    .pageID-sale-appraisal .form_space_finish{
      padding-top: 110px;
    }
    .pageID-sale-appraisal .txt_center_finish{
      text-align: center;
     }
     @media screen and (max-width: 834px){
      .pageID-sale-appraisal .form_wrap_finish{
        bottom: -240px;
      }
      .pageID-sale-appraisal .form_space_finish{
        padding-top: 240px;
      }
     }