@charset "utf-8";

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

  Smile

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

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

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

.s-pgTtl__hdline {
  background-color:#36c46f;
}

@media print,screen and (min-width:641px) {
  .s-pgTtl__hdline {
    padding-left:140px;
  }
  
  .s-pgTtl__hdline img {
    width:260px;
  }
}

@media screen and (max-width:640px) {
  .s-pgTtl__hdline img {
    max-width:240px;
    width:45.625%;
  }
}


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

  特徴
  
----------------------------------------------------------------------------------------------------*/

.tokuchoList-spec .s-tokucho__box:before { background-image:url(../image/smile/icon_spec.svg); }
.tokuchoList-solar .s-tokucho__box:before { background-image:url(../image/smile/icon_solar.svg); }
.tokuchoList-allE .s-tokucho__box:before { background-image:url(../image/smile/icon_allE.svg); }
.tokuchoList-window .s-tokucho__box:before { background-image:url(../image/smile/icon_window.svg); }
.tokuchoList-dannetsu .s-tokucho__box:before { background-image:url(../image/smile/icon_dannetsu.svg); }


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

  ローコスト住宅でありながらハイスペック
  
----------------------------------------------------------------------------------------------------*/

.lowcost-lo {
  position:relative;
}

@media print,screen and (min-width:641px) {
  .lowcost-lo {
    margin-top:30px;
  }
  
  .lowcost-lo:before {
    content:"";
    display:block;
    width:-webkit-calc(50% + 90px);
    width:calc(50% + 90px);
    height:100%;
    position:absolute;
    right:-webkit-calc(50% - 90px);
    right:calc(50% - 90px);
    top:0;
    background:url(../image/smile/p01.jpg) no-repeat 85% center;
    background-size:cover;
  }
  
  .lowcost {
    position:relative;
    z-index:2;
    padding-top:90px;
    width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding-left:610px;
    padding-bottom:340px;
    text-align:left;
    line-height:2;
  }
  
  .lowcost:after {
    content:"";
    width:360px;
    height:240px;
    position:absolute;
    right:0;
    bottom:0;
    background:url(../image/smile/p02.jpg) no-repeat center center;
    background-size:contain;
  }
}

@media screen and (max-width:640px) {
  .lowcost-lo {
    padding-top:2%;
    padding-left:6%;
    padding-right:6%;
  }
  
  .lowcost-lo:after {
    content:"";
    display:block;
    width:100%;
    height:-webkit-calc(350 / 640 * 100vw);
    height:calc(350 / 640 * 100vw);
    background:url(../image/smile/p01.jpg) no-repeat right center;
    background-size:cover;
  }
  
  .lowcost p {
    font-size:3.8vw;
    padding-bottom:10%;
  }
}


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

  グラスウール断熱
  
----------------------------------------------------------------------------------------------------*/

.dannetsu__ttl {
  font-weight:700;
  font-size:1.3em;
  text-align:center;
  line-height:1.5;
  padding-bottom:0.5em;
  text-align:left;
}

.dannetsu__photo {
  float:left;
}

.koho,
.dannetsu {
  text-align:center;
}

.dannetsu p {
  text-align:left;
}


@media print,screen and (min-width:641px) {
  .koho {
    width:590px;
    float:left;
    padding-left:30px;
    padding-right:30px;
    text-align:center;
  }
  
  .dannetsu {
    width:590px;
    float:right;
    padding-right:50px;
  }
  
  .dannetsu--01 {
    padding-top:10px;
  }
  
  .dannetsu--02 {
    padding-top:50px;
  }
  
  .dannetsu__photo {
    width:190px;
  }
  
  .dannetsu__ttl,
  .dannetsu p {
    padding-left:220px;
  }
}

@media screen and (max-width:640px) {
  .koho,
  .dannetsu {
    padding-left:6%;
    padding-right:6%;
  }
  
  .koho {
    padding-bottom:4%;
  }
  
  .dannetsu {
    padding-top:6%;
    font-size:3vw;
  }
  
  .dannetsu--02 {
    padding-bottom:10%;
  }
  
  .dannetsu__photo {
    width:-webkit-calc(190 / 640 * 100vw);
    width:calc(190 / 640 * 100vw);
  }
  
  .dannetsu__ttl,
  .dannetsu p {
    padding-left:-webkit-calc(220 / 640 * 100vw);
    padding-left:calc(220 / 640 * 100vw);
  }
}


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

  オール電化標準装備
  
----------------------------------------------------------------------------------------------------*/

.allE-hSobiList {
  list-style:none;
}

.allE-hSobiList li {
  width:33.333333%;
  float:left;
  text-align:center;
  line-height:1.5;
}

.allE-hSobiList li img {
  margin-bottom:0.7em;
}

@media print,screen and (min-width:641px) {
  .allE-hSobiList {
    padding-top:10px;
    padding-left:50px;
    padding-right:50px;
  }
  
  .allE-hSobiList li {
    padding-left:10px;
    padding-right:10px;
  }
}

@media screen and (max-width:640px) {
  .allE-hSobiList {
    padding-top:2%;
    padding-left:4%;
    padding-right:4%;
    padding-bottom:10%;
  }
  
  .allE-hSobiList li {
    padding-left:2%;
    padding-right:2%;
  }
}