@charset "utf-8";

/*====================================================================================================

  不動産買取

====================================================================================================*/

/*--------------------------------------------------------------------------------
  ページタイトル
--------------------------------------------------------------------------------*/

#pgTtl {
  background-image:url(../image/pgTtl_bg.jpg);
}

#pgTtl h2 {
  background-image:url(../image/pgTtl.png);
}


/*----------------------------------------------------------------------------------------------------

  買取
  
----------------------------------------------------------------------------------------------------*/

.kaitori .spc {
  display:inline-block;
}

.kaitori .spc-side {
  margin-left:0.5rem;
  margin-right:0.5rem;
}

.kaitori .spc-left {
  margin-left:0.5rem;
}

.kaitori .spc-right {
  margin-right:0.5rem;
}

.kaitori p {
  padding-top:1em;
}
  
@media print,screen and (min-width:641px) {
  .kaitori {
    padding-top:90px;
    padding-bottom:70px;
  }
  
  .kaitori__hdline {
    padding-bottom:20px;
  }
}

@media screen and (max-width:640px) {
  .kaitori {
    font-size:0.9em;
    padding:10% 6% 0 6%;
  }
  
  .kaitori__hdline {
    padding-bottom:3%;
  }
}

@media screen and (max-width:500px) {
  .kaitori__hdline {
    font-size:5.8vw;
  }
}


/*----------------------------------------------------------------------------------------------------

  ポイント
  
----------------------------------------------------------------------------------------------------*/

.pointBox {
  text-align:center;
}

.pointBox__ttl {
  font-weight:700;
}

.pointBox p {
  font-weight:500;
}

@media print,screen and (min-width:641px) {
  .point {
    width:1110px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:90px;
  }
  
  .pointBox {
    font-size:1.1em;
    width:340px;
    float:left;
    margin:0 15px;
    background-color:#f6a53e;
    color:#fff;
    position:relative;
    margin-top:110px;
    padding-bottom:50px;
  }
  
  .pointBox:before {
    content:"";
    position:absolute;
    left:0;
    top:-110px;
    display:inline-block;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 170px 110px 170px;
    border-color:transparent transparent #f6a53e transparent;
  }
  
  .pointBox__ttl {
    font-size:2.6em;
    margin-bottom:0.5rem;
  }
}

@media screen and (max-width:640px) {
  .point {
    padding-left:6%;
    padding-right:6%;
    padding-top:6%;
    padding-bottom:10%;
  }
  
  .pointBox {
    background-color:#fff;
    margin-top:6%;
    padding:5%;
  }
  
  .pointBox__ttl {
    font-size:5.8vw;
    width:24vw;
    background-color:#f6a53e;
    color:#fff;
    float:left;
    position:relative;
    padding-top:2vw;
    padding-bottom:2vw;
  }

  .pointBox__ttl:before {
    content:"";
    position:absolute;
    left:0;
    bottom:100%;
    display:inline-block;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 12vw 7vw 12vw;
    border-color:transparent transparent #f6a53e transparent;
  }
  
  .pointBox__ttl span {
    display:block;
    line-height:0.8;
  }
  
  .pointBox p {
    margin-left:24vw;
    padding-left:5%;
    color:#f6a53e;
    font-size:4vw;
    padding-top:2.2vw;
  }
}


/*----------------------------------------------------------------------------------------------------

  フォーム
  
----------------------------------------------------------------------------------------------------*/

.fm-item .renrakuRequired .fm-ip:not(.fm-ip--error),
.fm-item .mensekiRequired .fm-ip:not(.fm-ip--error) {
  border-color:#c1c0bd;
  background-color:#fff;
}

@media screen and (max-width:500px) {
  .fm-ip-group--cols3 li {
    width:50%;
  }
  
  .fm-ip-group--cols3 li:nth-child(n+3) {
    margin-top:8px;
  }
}