<style>
/* =========================================
   共通設定
========================================= */

#kodawari-point-top,
#kodawari-point-top *,
#promise-page,
#promise-page *,
#reform-consult,
#reform-consult *{
  box-sizing:border-box !important;
}

/* =========================================
   こだわりのポイント画像
========================================= */

#kodawari-point-top{
  width:700px !important;
  max-width:100% !important;
  margin:0 auto 30px !important;
  padding:0 !important;
  background:#ffffff !important;
}

#kodawari-point-top img{
  display:block !important;
  width:700px !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* =========================================
   安心お約束宣言
========================================= */

#promise-page{
  width:700px !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 15px 30px !important;
  background:#ffffff !important;
  color:#333333 !important;
  font-family:
    "Yu Gothic",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif !important;
}

/* 大見出し */

#promise-page .promise-main-title{
  margin:0 0 18px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#bf3b00 !important;
  font-size:30px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  text-align:center !important;
}

/* 1項目 */

#promise-page .promise-item{
  width:100% !important;
  margin:0 0 18px !important;
  padding:0 !important;
}

/* 項目タイトル */

#promise-page .promise-heading{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 8px !important;
  padding:0 !important;
}

#promise-page .promise-number{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 49px !important;
  width:49px !important;
  height:49px !important;
  margin:0 8px 0 0 !important;
  border-radius:50% !important;
  background:#f39a00 !important;
  box-shadow:
    0 2px 6px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.4) !important;
  color:#ffffff !important;
  font-family:Arial, sans-serif !important;
  font-size:38px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.25) !important;
}

#promise-page .promise-heading h2{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#74451f !important;
  font-size:25px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  text-align:left !important;
}

/* 写真＋文章 */

#promise-page .promise-content{
  display:grid !important;
  grid-template-columns:230px minmax(0,1fr) !important;
  column-gap:18px !important;
  align-items:start !important;
  width:100% !important;
  padding-left:49px !important;
}

#promise-page .promise-image{
  display:block !important;
  width:230px !important;
  height:150px !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

#promise-page .promise-text{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#333333 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

#promise-page .promise-text p{
  margin:0 !important;
  padding:0 !important;
  color:#333333 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

/* 5：保証書 */

#promise-page .promise-warranty-content{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 175px !important;
  column-gap:18px !important;
  align-items:start !important;
  width:100% !important;
  padding-left:49px !important;
}

#promise-page .promise-warranty-left{
  min-width:0 !important;
}

#promise-page .promise-certificate{
  display:block !important;
  width:175px !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #999999 !important;
}

/* 6：写真なし */

#promise-page .promise-text-only{
  width:100% !important;
  padding:0 0 0 49px !important;
}

#promise-page .promise-text-only p{
  margin:0 !important;
  padding:0 !important;
  color:#333333 !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

/* =========================================
   リフォーム・住みかえ相談
========================================= */

#reform-consult{
  width:700px !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:18px 10px 30px !important;
  background:#ffffff !important;
  color:#333333 !important;
  font-family:
    "Yu Gothic",
    "YuGothic",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif !important;
}

/* メインタイトル */

#reform-consult .rc-main-title{
  margin:0 0 20px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#bd3b00 !important;
  font-size:30px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-align:left !important;
}

/* 質問エリア */

#reform-consult .rc-question-area{
  display:grid !important;
  grid-template-columns:130px minmax(0,1fr) 120px !important;
  column-gap:8px !important;
  align-items:center !important;
  width:100% !important;
  margin:0 0 20px !important;
}

#reform-consult .rc-person{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
}

#reform-consult .rc-questions{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  width:100% !important;
}

#reform-consult .rc-question{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:6px 12px !important;
  border:1px solid #dddddd !important;
  border-radius:4px !important;
  background:
    linear-gradient(
      to bottom,
      #ffffff 0%,
      #ffffff 55%,
      #f2f2f2 100%
    ) !important;
  box-shadow:0 3px 5px rgba(0,0,0,.25) !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  text-align:center !important;
}

#reform-consult .rc-question.green{
  color:#55a400 !important;
}

#reform-consult .rc-question.orange{
  color:#ff8400 !important;
}

/* 下部説明 */

#reform-consult .rc-answer-area{
  display:grid !important;
  grid-template-columns:170px minmax(0,1fr) !important;
  column-gap:28px !important;
  align-items:start !important;
  width:100% !important;
  padding:0 70px 0 85px !important;
}

#reform-consult .rc-staff-image{
  display:block !important;
  width:92px !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
}

#reform-consult .rc-answer-text{
  min-width:0 !important;
  margin:0 !important;
  padding:4px 0 0 !important;
  color:#222222 !important;
  font-size:16px !important;
  line-height:1.7 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

#reform-consult .rc-answer-text p{
  margin:0 !important;
  padding:0 !important;
  color:#222222 !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

/* =========================================
   スマートフォン
========================================= */

@media screen and (max-width:700px){

  #kodawari-point-top{
    width:100% !important;
  }

  #kodawari-point-top img{
    width:100% !important;
    height:auto !important;
  }

  #promise-page{
    width:100% !important;
    padding:0 14px 30px !important;
  }

  #promise-page .promise-main-title{
    font-size:24px !important;
  }

  #promise-page .promise-number{
    flex-basis:42px !important;
    width:42px !important;
    height:42px !important;
    font-size:32px !important;
  }

  #promise-page .promise-heading h2{
    font-size:20px !important;
  }

  #promise-page .promise-content{
    grid-template-columns:1fr !important;
    row-gap:12px !important;
    padding-left:0 !important;
  }

  #promise-page .promise-image{
    width:100% !important;
    height:auto !important;
    max-width:420px !important;
    margin:0 auto !important;
  }

  #promise-page .promise-text,
  #promise-page .promise-text p{
    font-size:14px !important;
  }

  #promise-page .promise-warranty-content{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
    padding-left:0 !important;
  }

  #promise-page .promise-certificate{
    width:175px !important;
    margin:0 auto !important;
  }

  #promise-page .promise-text-only{
    padding-left:0 !important;
  }

  #reform-consult{
    width:100% !important;
    padding:16px 14px 30px !important;
  }

  #reform-consult .rc-main-title{
    font-size:23px !important;
    text-align:center !important;
  }

  #reform-consult .rc-question-area{
    grid-template-columns:1fr !important;
    row-gap:12px !important;
  }

  #reform-consult .rc-person{
    width:auto !important;
    max-width:110px !important;
  }

  #reform-consult .rc-question{
    font-size:16px !important;
  }

  #reform-consult .rc-answer-area{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
    padding:0 !important;
  }

  #reform-consult .rc-staff-image{
    width:90px !important;
  }

  #reform-consult .rc-answer-text,
  #reform-consult .rc-answer-text p{
    font-size:14px !important;
  }
}
</style>