@charset "utf-8";

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


  ◇◆◇ LPガス・住宅設備・リフォーム ◇◆◇
  
  
========================================================================================================================*/

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

  hero
  
----------------------------------------------------------------------------------------------------*/

.hero {
  width:100%;
  background:url(../image/hero.jpg?v=2) no-repeat center top;
}

.hero h2 {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

@media print,screen and (min-width:641px) {
  .hero { height:300px; }
}

@media screen and (max-width:640px) {
  .hero {
    height:0;
    padding-top:30%;
    background-size:cover;
  }
}


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

  プロパンガスの販売
  
----------------------------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .gas-warp {
    padding-top:50px;
    padding-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .gas-warp {
    padding-top:2rem;
    padding-bottom:2rem;
  }
}

.gas-warp .l-headline:after {
  content:"";
  display:block;
  width:100%;
  height:0.5rem;
}

.gas .photo {
  display:inline-block;
  max-width:250px;
  float:right;
  margin-left:1rem;
}

.gas b { margin-bottom:0.5rem; }

@media screen and (max-width:640px) {
  .gas { width:640px; }
}


/*-----------------------------------------------------------------------------------
  配送地域
-----------------------------------------------------------------------------------*/

.gas_area {
  background-color:#fcf3c5;
}

.gas_area_head {
  float:left;
  font-size:156.2%;
  line-height:1;
  padding-top:3rem;
  background-color:#fbe681;
  text-align:center;
  box-sizing:border-box;
}

.gas_area_body {
  box-sizing:border-box;
  padding:1.75rem 0;
  text-align:left;
}

.gas_area_body ul {
  list-style:none;
  letter-spacing:-0.5rem;
  margin-bottom:0.75rem;
}

.gas_area_body li {
  display:inline-block;
  letter-spacing:normal;
  background-color:#fff;
  line-height:1;
  color:#eb860c;
  font-size:118.8%;
  margin-right:8px;
  padding:0.5rem 1rem;
}

@media print,screen and (min-width:641px) {
  .gas_area-warp {
    width:900px;
    margin-left:auto;
    margin-right:auto;
    padding-top:40px;
  }
  
  .gas_area_head {
    width:245px;
  }

  .gas_area_body {
    margin-left:275px;
  }
}

@media screen and (max-width:640px) {
  .gas_area-warp {
    padding-top:1.5rem;
    padding-left:0.75rem;
    padding-right:0.75rem;
  }
  
  .gas_area { width:700px; }
  
  .gas_area_head {
    width:140px;
    padding-top:3.25rem;
    font-size:150%;
  }

  .gas_area_body {
    margin-left:160px;
  }
}


/*-----------------------------------------------------------------------------------
  お問い合わせ
-----------------------------------------------------------------------------------*/

@media print,screen and (min-width:641px) {
  .inquiry-warp {
    padding-top:40px;
  }
}

@media screen and (max-width:640px) {
  .inquiry-warp {
    padding-top:1.5rem;
  }
}

.inquiry {
  text-align:center;
  border:2px solid #f7b259;
  box-sizing:border-box;
}

.inquiry .responBlock {
  padding-top:35px;
  padding-bottom:30px;
}

.inquiry .mail {
  margin-top:25px;
}

@media screen and (max-width:640px) {
  .inquiry .responBlock {
    width:640px;
    padding-top:1.75rem;
    padding-bottom:1.5rem;
  }
}


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

  リフォーム・住宅設備の販売
  
----------------------------------------------------------------------------------------------------*/

.reforBlock01-warp {
  background-color:#d8f3fd;
  position:relative;
}

.reforBlock01-sbj { margin-top:0.25rem; }


@media print,screen and (min-width:641px) {
  .reforBlock01-warp {
    padding-top:50px;
    padding-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .reforBlock01-warp {
    padding-top:2rem;
    padding-bottom:2rem;
  }
  
  .reforBlock01-sbj { width:80%; }
}

.reforBlock01 ul {
  list-style:none;
}

.reforBlock01 li {
  text-align:left;
  box-sizing:border-box;
  line-height:1.6;
}

.reforBlock01 li p {
  background-color:#fff;
}

.reforBlock01 p b {
  display:inline-block;
  color:#38a4ce;
  line-height:1.5;
  font-size:118.8%;
}

.reforBlock01 p span {
  display:block;
  margin-top:0.25rem;
}

@media print,screen and (min-width:641px) {
  .reforBlock01 {
    width:940px;
    margin-left:auto;
    margin-right:auto;
  }
  
  .reforBlock01 li {
    width:430px;
    float:left;
    margin-left:20px;
    margin-right:20px;
    margin-top:40px;
  }
  
  .reforBlock01 li p {
    padding:1.5rem;
  }
  
  .reforBlock01 li p b {
    width:100%;
    text-align:center;
    margin-top:-0.25rem;
    margin-bottom:0.5rem;
  }
}

@media screen and (max-width:640px) {
  .reforBlock01 {
    width:100%;
    padding-top:0.5rem;
    padding-left:0.375rem;
    padding-right:0.375rem;
    box-sizing:border-box;
  }
  
  .reforBlock01 li {
    width:50%;
    float:left;
    padding-left:0.375rem;
    padding-right:0.375rem;
    margin-top:1rem;
  }
    
  .reforBlock01 li p {
    padding:1rem;
  }
  
  .reforBlock01 li p b {
    margin-bottom:0.25rem;
  }
}


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

  バリアフリー工事
  
----------------------------------------------------------------------------------------------------*/

.reforBlock02-warp {
  background-color:#fef8dc;
  margin-top:0.75rem;
}

@media print,screen and (min-width:641px) {
  .reforBlock02-warp {
    padding-top:50px;
    padding-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .reforBlock02-warp {
    padding-top:2rem;
    padding-bottom:2rem;
  }
}

.reforBlock02 { text-align:center; }
.reform_bfree img { max-width:770px; width:100%; margin-bottom:1rem; }

@media print,screen and (min-width:641px) {
  .reforBlock02 .l-headline { margin-bottom:50px; }
  .reform_bfree { padding-top:40px; }
}

@media screen and (max-width:640px) {
  .reforBlock02 .l-headline { margin-bottom:2rem; }
  .reform_bfree { padding-top:1.75rem; }
}


/*-----------------------------------------------------------------------------------
  ケアマネージャー様へ
-----------------------------------------------------------------------------------*/

.reforBlock02__list {
  list-style:none;
  text-align:left;
}

.reforBlock02__list li {
  background-color:#fff;
  box-sizing:border-box;
}

.reforBlock02__list li .photo {
  display:inline-block;
  float:right;
  margin-left:1.5rem;
  max-width:350px;
}

.reforBlock02__list li b {
  color:#eb860c;
  font-size:137.5%;
}

@media print,screen and (min-width:641px) { 
  .reforBlock02__list {
    width:770px;
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
  }
  
  .reforBlock02__list li {
    padding:1.5rem;
    font-size:112.5%;
  }
}

@media screen and (max-width:640px) {
  .reforBlock02__list {
    padding-left:0.75rem;
    padding-right:0.75rem;
    margin-top:1.5rem;
  }
  
  .reforBlock02__list li {
    padding:1rem;
  }
  
  .reforBlock02__list li .photo {
    max-width:40%;
    margin-left:1.25rem;
  }
  
  .reforBlock02__list li p { padding-bottom:0.25rem; }
}


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

  ホームライフサービス
  
----------------------------------------------------------------------------------------------------*/

.homelife {
  background-color:#d8f3fd;
  margin-top:0.75rem;
}

@media print,screen and (min-width:641px) {
  .homelife-warp { padding-bottom:60px; }
  
  .homelife {
    padding-top:50px;
    padding-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .homelife-warp { padding-bottom:2rem; }
  
  .homelife{
    padding-top:2rem;
    padding-bottom:2rem;
  }
}


/*-----------------------------------------------------------------------------------
  エアコンクリーニング
-----------------------------------------------------------------------------------*/

.aircon p { text-align:center; }

@media print,screen and (min-width:641px) {
  .aircon p { padding-bottom:30px; }
}

@media screen and (max-width:640px) {
  .aircon p { padding-bottom:1.25rem; }
}


/*-----------------------------------------------------------------------------------
  防災関連商品
-----------------------------------------------------------------------------------*/

.bousai { text-align:center; }
.bousai p { text-align:left; }
.bousai p b { display:inline-block; margin-bottom:0.25rem; }

.bousai-warp .l-headline:after {
  content:"";
  display:block;
  width:100%;
  height:0.5rem;
}

@media print,screen and (min-width:641px) {
  .bousai-warp  {
    padding-top:60px;
  }

  .bousai p {
    padding-top:30px;
    display:inline-block;
  }
}

@media screen and (max-width:640px) {
  .bousai-warp {
    padding-top:2.5rem;
  }
  
  .bousai p { padding-top:1.25rem; }
}