@charset "utf-8";
/*///////////////////////////////////////////////////////////

  住宅省エネ2026キャンペーン

//////////////////////////////////////////////////////////*/

#CONTLEFT  {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.shoenecampaign-day {
  margin-bottom: 32px;
  .day {
    margin-top: 5px;
    font-size: 13px;
    font-family: 'YuGothicM', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    text-align: right;
  }
}
.shoenecampaign-ttl {
  margin: 32px 0 16px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.shoenecampaign-bnr {
  margin-bottom: 32px;
  img {
    width: 100%;
    height: auto;
  }
}
.shoenecampaign-lead {
  margin: 0 16px 50px;
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  .txt {
    margin-bottom: 14px;
  }
}

/* ===========================================================
  概要
===========================================================*/
.shoenecampaign-ttl_sub {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.shoenecampaign-box {
  margin-bottom: 64px;
}
.shoenecampaign-box_wrap {
  margin: 0 16px;
}
.shoenecampaign-hd {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
  color: #fff;
  height: 48px;
  margin: 0 0 32px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  border-radius: 100px;
  background-color: #537AFC;
}
.shoenecampaign-box_ttl {
  display: flex;
  align-items: center;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px;
  line-height: 1;
}
.shoenecampaign-box_ttl::before {
  width: 8px;
  height: 26px;
  content: "";
  display: inline-block;
  margin-right: 15px;
  border-radius: 5px;
  vertical-align: middle;
  background-color: #537AFC;
}
.shoenecampaign-box_txt {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 2;
}
.shoenecampaign-box_txt a {
  text-decoration: underline;
  color: #2563eb;
}
.shoenecampaign-box_txt a:hover {
  text-decoration: none;
}
.shoenecampaign-box_list {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 2;
}
.shoenecampaign-box_table {
  margin: 16px 0;
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  text-align: center;
}
.shoenecampaign-box_table th,
.shoenecampaign-box_table td {
  border: 1px solid #ccc;
  padding: 12px 8px;
}
.shoenecampaign-box_table thead th {
  background: #f2f2f2;
  font-weight: bold;
}
.shoenecampaign-box_note {
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 2;
}
.miraieco {
  .shoenecampaign-hd,
  .shoenecampaign-box_ttl::before {
    background-color: #00C144;
  }
}
.shoenecampaign-form {
  .shoenecampaign-hd {
    font-size: 20px;
    background-color: #1678ca;
  }
}
.shoenecampaign-summary {
  margin-bottom: 64px;
}
.shoenecampaign-summary_link {
  margin-bottom: 16px;
  text-align: right;
  a {
    text-decoration: underline;
    padding-right: 14px;
    background: url(/public/img/static/special/kodomoecosumai/icon_link.svg) right center no-repeat;
    background-size: 9px auto;
    color: #2563eb;
  }
}
.shoenecampaign-box-2026 .shoenecampaign-hd {
  background-color: #f57d14;
  font-size: 21px;
}
/* ===========================================================
  商品サイズごとの補助金額
===========================================================*/
.renovetion-item {
  margin-bottom: 32px;
  .renovetion-item_ttl {
    display: table;
    font-size: 18px;
    line-height: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
    font-weight: bold;
    margin: 48px auto 32px;
    padding: 5px 25px;
    border-radius: 2rem;
    background-color: #537AFC;
    color: white;
  }
  .menu-wrap {
    display: flex;
    justify-content: space-between;
  }
}
.renovetion-note {
  margin: 0 17px 20px;
}
.renovetion_menu-sub {
  text-align: right;
  padding-top: 6px;
  font-size: 13px;
}
.renovetion_menu--table{
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.renovetion_menu--table::before {
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  vertical-align: middle;
  width: 8px;
  background-color: #3faafa;
  vertical-align: middle;
}
.renovetion-item-list li {
  border: 1px solid #ccc ;
  margin-top: -1px;
  margin-left: -1px;
}
.renovetion-item-list {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
  font-family: 'YuGothicM', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.renovetion-item-size {
  font-size: 15px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
  background-color: #537AFC;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.renovetion-item_img{
  border-bottom: 1px solid #ccc;
}
.renovetion-item-price_hd , .renovetion-item-price_txt ,.renovetion-rd-item-price_hd{
  font-weight: bold;
  color: #ff0000;
  text-align: center;
}
.renovetion-item-price {
  padding-top: 5px;
}
.renovetion-item-price_hd {
  font-size: 14px;
}
.renovetion-rd-item-price{
  padding: 0 14px 0 40px;
}
.renovetion-rd-item-price_hd{
  font-size: 16px;
  float: left;
  padding: 15px 0;
}
.renovetion-item-price_txt {
  font-size: 18px;
}
.itm-ty-sel_price-num {
  font-size: 34px;
  font-family: Arial, Helvetica, sans-serif;
  padding-right: 3px;
}
.renovetion-example_img img {
  margin: 25px 44px;
}
.renovetion-example_txt {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
}
.renovetion-example_txt span{
  display: block;
  padding-top: 10px;
  color: #3faafa;
  font-size: 21px;
}
.renovetion_notes-small {
  font-size: 11px;
  line-height: 2;
  text-align: justify;
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: -0.12em;
}
.renovetion_link {
  font-size: 14px;
  line-height: 2;
  text-align: justify;
  margin-top: 30px;
}
.renovetion_link a {
  font-size: 14px;
  text-decoration: underline;
  padding-right: 14px;
  background: url(/public/img/static/special/kodomoecosumai/icon_link.svg) right center no-repeat;
  background-size: 9px auto;
  color: #0075a9;
}

/* ===========================================================
  エクスショップ取扱いのメーカー対象予定商品
===========================================================*/
.shoenecampaign-box-2026 {
  margin-bottom: 64px;
}
.ex-shop-subject {
  margin-bottom: 50px;
}
.menu-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.ex-shop-item {
  margin-bottom: 20px;
}
.ex-shop-subject_ttl {
  display: table;
  font-size: 18px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
  font-weight: bold;
  margin: 0 auto;
  padding: 5px 25px;
  border-radius: 2rem;
  background-color: #f57d14;
  color: white;
}
.ex-shop-subject_menu--table {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 10px;
}
.ex-shop-subject_menu--table::before {
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 26px;
  margin-right: 10px;
  vertical-align: middle;
  width: 8px;
  background-color: #f57d14;
  vertical-align: middle;
}
.ex-shop-subject_menu-sub {
  padding-top: 25px;
  font-size: 13px;
}
.ex-shop-subject_link a {
  display: table;
  position: relative;
  font-size: 15px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
  font-weight: bold;
  margin: 0 auto 22px;
  padding: 10px 30px;
  border-radius: 0.5rem;
  background-color: #f57d14;
  color: white;
  text-decoration: none;
}
.ex-shop-subject_link a:hover {
  opacity: 0.7;
}
.ex-shop-subject_link a::after,
.ex-shop-subject_link--rd a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 9px;
  height: 13px;
  margin: auto 0;
  background: url(/public/img/global/side/common/icon_next-white.png) left center no-repeat;
}
.ex-shop-subject_note {
  font-size: 13px;
  text-align: center;
}

.ex-shop-subject_link--rd a {
  display: table;
  position: relative;
  font-size: 15px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, arial, "YuGothicM", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "helvetica neue", helvetica, verdana, arial, meiryo, sans-serif;
  font-weight: bold;
  margin: 0 auto 40px;
  padding: 10px 30px;
  border-radius: 0.5rem;
  background-color: #f57d14;
  color: white;
  text-decoration: none;
}