@charset "utf-8";
@media ( min-width: 766px) {
.sp{
display:none;
}
	
#brandspec *{
line-height: 1.8em;
color: #280101;
letter-spacing: 0.12em;
}

#brandspec h3{
font-size: 1.8em;
font-weight: bold;
margin: 2em auto 1.5em auto;
text-align: left;
border-bottom: 1px solid #e3e3e3;/*下線右側（太さ 実線 色）*/
border-top: 1px solid #e3e3e3;/*下線右側（太さ 実線 色）*/
padding: 1rem 10px;/*文字回りの余白（上下 左右）*/
position: relative;
	line-height: 1.0;

}

#brandspec h3:before{
    content: '';
    background-color: #ff8d00;/*下線左側の色*/
    width: 2.5em;/*下線左側の幅*/
    height: 1px;/*下線左側の太さ（高さ）*/
    position: absolute;
    bottom: -1px;
    left: 0;
}

#brandspec span{
font-size: small;
}

.spec_resistance, .spec_insulation, .spec_subsidy, .spec_maintenance, .spec_others, .spec_best3, .spec_brands, .spec_referenceplan{
width: 100%;
margin: 2em auto 6em auto;
}
	
.specexplain{
margin-bottom:3em;
}

.specexplain strong{
font-weight :bold;
background: linear-gradient(transparent 50%, #f7f79a 50%, #f7f79a 100%);
}
	
.img_specexplain{
text-align: center;
}

.img_resistance{
margin: 2em auto;
text-align: center;
}

.spec_resistance img{
/*width: 100%;
max-width:600px;	*/
}
	
.safetypyramid img, .spec_subsidy img{
/*width: 80%;
max-width:600px;		*/
margin-bottom: 2rem;
margin-top: 1rem;
}
	
.spec_maintenance img{
width: 60% !important;
border: 1px solid grey;
padding: 10px;
}
.planimage{
margin: 2em auto;
text-align: center;
}

.img_maintenance{
		margin: 0 auto 2em !important;
	}
ul.maintenanceExp li{
font-size: 0.8rem !important;
display: flex;
    z-index: 0;
    position: relative;
    padding-left: 3em;
    counter-increment: num;
}

ul.maintenanceExp li::before {
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 4em;
	content: "※" counter(num) " …" " ";
}
.spec_maintenance img{
margin: 20px auto 0 atuo !important;
width: 80%;
}
/*-----------------------------------------------------------------------------------------------------
 表↓
-----------------------------------------------------------------------------------------------------*/
    :root{
      --accent:#b18a49;
      --accent-dark:#6d5530;
      --border:#ccc;
      --bg:#fff;
      --text:#333;
      --muted:#666;
      --row-bg:#f6f3ee;
    }
    .guarantee-block{
      font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
      color:var(--text);
      line-height:1.9;
    }
    .gt-table{
      width:100%;
      border-collapse:separate;
      border-spacing:0;
      background:var(--bg);
      border:1px solid var(--border);
      border-radius:12px;
      overflow:hidden;
      box-shadow:0 2px 10px rgba(0,0,0,.04);
    }
    .gt-table thead th{
      padding:16px;
      text-align:left;
      color:#fff;
      font-weight:700;
      border-right:1px solid rgba(255,255,255,.2);
      background: var(--accent-dark);
    }
    .gt-table thead th:last-child{ border-right:none; background: var(--accent); }
    .gt-table tbody th{
      width:10.5em;
      white-space:nowrap;
      background:#efe7db;
      font-weight:700;
      padding:18px 16px;
      border-top:1px solid var(--border);
      border-right:1px solid var(--border);
      vertical-align:top;
    }
    .gt-table tbody td{
      padding:18px 16px;
      border-top:1px solid var(--border);
      vertical-align:top;
      background:#fff;
    }
    .gt-table tbody tr:nth-child(even) td{ background:var(--row-bg); }

    /* 強調 */
    .hl{ font-weight:700; }
    .note{ color:var(--muted); font-size:.92em; }
/*-----------------------------------------------------------------------------------------------------
 表↑
-----------------------------------------------------------------------------------------------------*/
	
.spec_others li{
}

.pum-container *{
text-align: center;}

.spec_others ul, .spec_brands ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* コンテンツ間の余白を指定 */
    gap: 20px;
}
	.spec_others{
		margin : 0 auto;
		text-align: center;
	}	
.spec_best3 h3, .spec_referenceplan h3{
text-align: center !important;
border: 0 !important;
margin-bottom: 0 !important;
margin-top: 5em !important;
}
	
.spec_best3 h3 img{
width: 100%;
}

.spec_best3 h3:before, .spec_referenceplan h3:before{
background: none !important;/*下線左側の色*/
}
	
.spec_others li{
padding: 1em;
background-color: #efa862;
border: 1px dashed #ea7502;
width: 31.9%;
text-align: center;
}

	.spec_others img{
width:100%;		
	}
.spec_brands ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* コンテンツ間の余白を指定 */
    gap: 20px;
}
	
.spec_brands li{
width: 48%;
}
	
.spec_brands li img{
width: 100%;
}
	
.spec_referenceplan h3{
width: 100%;
padding: 0 !important;
}
}