@charset "utf-8";

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

  お問い合わせ

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

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

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

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


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

  賢い家づくり実現ノート
  
----------------------------------------------------------------------------------------------------*/

.myhomeNote__hdline,
.myhomeNote p {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

@media print,screen and (min-width:641px) {
  .myhomeNote {
    margin-top:90px;
    height:466px;
    background:url(../image/myhomeNote.jpg) no-repeat center center;
  }
}

@media screen and (max-width:640px) {
  .myhomeNote {
    margin-top:3.5%;
    height:-webkit-calc(456 / 640 * 100vw);
    height:calc(456 / 640 * 100vw);
    background:url(../image/myhomeNote_sp.jpg) no-repeat center center;
    background-size:cover;
  }
}


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

  電話
  
----------------------------------------------------------------------------------------------------*/

.uketsuke-wrap {
  background:url(../../image/pattern.svg) repeat left top;
  padding:12px;
}

.uketsuke {
  background:url(../../image/bg.jpg) repeat center center;
}

.uketsuke__hdline {
  line-height:1;
}

.uketsuke__hdline span {
  background-color:#20be5f;
  color:#fff;
  padding:0.5em;
}

@media print,screen and (min-width:641px) {
  .uketsuke-lo {
    width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding-top:60px;
    padding-bottom:90px;
  }
  
  .uketsuke {
    padding:30px 0;
  }
  
  .uketsuke__hdline {
    overflow:hidden;
    padding-right:1.25em;
  }
  
  .uketsuke__hdline span {
    display:inline-block;
    position:relative;
  }
  
  .uketsuke__hdline span:after {
    content:"";
    width:0;
    height:0;
    position:absolute;
    right:-1em;
    top:50%;
    transform:translateY(-50%);
    display:inline-block;
    border-style:solid;
    border-width:1.25em 0 1.25em 1.25em;
    border-color:transparent transparent transparent #20be5f;
    }
  
  .uketsuke__hdline,
  .uketsuke .p-iconTxt--tel {
    display:inline-block;
    vertical-align:middle;
  }
  
  .uketsuke .p-iconTxt--tel {
    margin-left:2rem;
  }
}

@media screen and (max-width:640px) {
  .uketsuke-lo {
    padding:10% 6%;
  }
  
  .uketsuke {
    padding:4% 4% 6% 4%;
  }
  
  .uketsuke__hdline {
    padding-bottom:4%;
  }
  
  .uketsuke__hdline,
  .uketsuke__hdline span {
    width:100%;
    display:block;
  }
}

@media screen and (max-width:500px) {
  .uketsuke-wrap {
    padding:-webkit-calc(12 / 500 * 100vw);
    padding:calc(12 / 500 * 100vw);
  }
}


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

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

@media screen and (max-width:540px) {
  .fm-ip-group--cols2 li {
    width:100%;
  }
  
  .fm-ip-group--cols2 li:nth-child(n+2) {
    margin-top:8px;
  }
}

@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;
  }
}