/***************************************
	PC版サスティナビリティページ用CSS
	
	
***************************************/


/* サスティナビリティページ */


	/* トップキャッチ部分 */
	
.sustainability-top-section p.sustainability-top-catch{
	font-size:28px;
}


.sustainability-top-section .sustainability-top-item-list{
	display:flex;
	padding:0 20px;
}

.sustainability-top-section .sustainability-top-item-list li{
	width:100%;
	margin:0 10px 20px;
}

.sustainability-top-section .sustainability-top-item-list li a:link,
.sustainability-top-section .sustainability-top-item-list li a:visited{
	display:flex;
	color:#ffffff;
	font-size:24px;
	justify-content:center;
	align-items:center;
	padding:20px;
	border-radius:2px;
}

.sustainability-top-section .sustainability-top-item-list li.sustainability-top-item-list-zeh a:link,
.sustainability-top-section .sustainability-top-item-list li.sustainability-top-item-list-zeh a:visited{
	background:#6fbc84;
}

.sustainability-top-section .sustainability-top-item-list li.sustainability-top-item-list-spec-rating a:link,
.sustainability-top-section .sustainability-top-item-list li.sustainability-top-item-list-spec-rating a:visited{
	background:#6facbd;
}

.sustainability-top-section .sustainability-top-item-list li.sustainability-top-item-list-long-term-certified a:link,
.sustainability-top-section .sustainability-top-item-list li.sustainability-top-item-list-long-term-certified a:visited{
	background:#d5d166;
}

.sustainability-top-section .sustainability-top-item-list li a:hover,
.sustainability-top-section .sustainability-top-item-list li a:active{
	opacity:0.6;
}

.sustainability-top-section .sustainability-top-item-list li a img{
	max-height:28px;
	margin-left:10px;
}


	/* 比較表 */
	
		/* タブ */
	
.sustainability-comparison-section .sustainability-comparison-tab-list{
	display:flex;
	justify-content:center;
	max-width:1000px;
	margin:20px auto 0px;
}

.sustainability-comparison-section .sustainability-comparison-tab-list li{
	width:100%;
	background:#ccddee;
	padding:20px;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction:column;
	margin:0 10px 0;
	font-size:14px;
	border-radius:2px 2px 0 0;
}

.sustainability-comparison-section .sustainability-comparison-tab-list li:hover{
	cursor:pointer;
	opacity:0.7;
	transition:.3s;
}

.sustainability-comparison-section .sustainability-comparison-tab-list li img{
	max-height:32px;
	width:auto;
}

.sustainability-comparison-section .sustainability-comparison-tab-list li.current{
	background:#6facbd;
	color:#ffffff;
}

.sustainability-comparison-section .sustainability-comparison-tab-list li.current img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
	transition: .3s;
}


		/* コンテンツ部分 */


.sustainability-comparison-section .sustainability-comparison-content-list{
	margin:0 auto;
	border-top:6px solid #6facbd;
}

.sustainability-comparison-section ul.sustainability-comparison-content-item-list li{
	width:1000px;
	margin:0 auto;
	display:flex;
	border-bottom:1px solid #ffffff;
	align-items:center;
}

.sustainability-comparison-section ul.sustainability-comparison-content-item-list li:nth-of-type(even){
	background:#e4eef4;
	border-bottom:1px solid #e4eef4;
}

.sustainability-comparison-section ul.sustainability-comparison-content-item-list li.blank{
	background:#ccd0d4;
	border-bottom:1px solid #ffffff;
}

.sustainability-comparison-section ul.sustainability-comparison-content-item-list li .sustainability-comparison-item-icon{
	padding:10px 20px;
	min-height:30px;
	display:flex;
	align-items:center;
}

.sustainability-comparison-section ul.sustainability-comparison-content-item-list li .sustainability-comparison-item-caption{
	padding:10px 20px 10px 0;
	min-height:30px;
	display:flex;
	align-items:center;
}

.sustainability-comparison-section ul.sustainability-comparison-content-item-list li .positive-conparison-super{
	font-weight:bold;
	color:#ccaa66;
}

.sustainability-comparison-section ul.sustainability-comparison-content-item-list li .positive-conparison{
	color:#aa4444
}


	/* ZEH紹介 */
	
	
.sustainability-zeh-section dl.sustainability-zeh-builder{
	width:1000px;
	margin:20px auto;
	display:flex;
	align-items:center;
}

.sustainability-zeh-section dl.sustainability-zeh-builder dt{
	width:360px;
	max-width:360px;
	min-width:360px;
	
}

.sustainability-zeh-section dl.sustainability-zeh-builder dd{
	margin-left:40px;
	flex-grow:1;
}


.sustainability-zeh-section .sustainability-zeh-main-image{
	width:1000px;
	margin:40px auto;
}

.sustainability-zeh-section ul.sustainability-zeh-melit-list{
	width:1000px;
	margin:20px auto;
}

.sustainability-zeh-section ul.sustainability-zeh-melit-list li{
	margin-bottom:20px;
	padding:20px 20px 20px 60px;
	background:#beeac8 url('../img/about/sustainability/melit-check.png') no-repeat;
	border-left:#6fbc84 solid 8px;
	background-size:24px auto;
	background-position:20px center;
	font-size:20px;
	counter-increment: listnum;
	border-radius:2px;
	width:720px;
}

.sustainability-zeh-section ul.sustainability-zeh-melit-list li:nth-of-type(2){
	margin-left:50px;
}

.sustainability-zeh-section ul.sustainability-zeh-melit-list li:nth-of-type(3){
	margin-left:100px;
}

.sustainability-zeh-section ul.sustainability-zeh-melit-list li:nth-of-type(4){
	margin-left:150px;
}

.sustainability-zeh-section ul.sustainability-zeh-melit-list li:nth-of-type(5){
	margin-left:200px;
}

		/* ZEH設備リスtト */
	
.sustainability-zeh-section ul.sustainability-zeh-equipment-list{
	display:flex;
	flex-wrap:wrap;
}

.sustainability-zeh-section ul.sustainability-zeh-equipment-list li{
	width:25%;
	margin-bottom:20px;
}

.sustainability-zeh-section ul.sustainability-zeh-equipment-list li div{
	margin:0 20px 10px;
	text-align:center;
}


	/* 住宅性能評価 */
	
	
.sustainability-spec-rating-section dl.sustainability-spec-rating-overview-description{
	width:1000px;
	margin:20px auto;
}

.sustainability-spec-rating-section dl.sustainability-spec-rating-overview-description > div{
	display:flex;
	align-items:center;
	padding:40px 40px 0px;
	background:#e4eef4;
}

.sustainability-spec-rating-section dl.sustainability-spec-rating-overview-description > div:nth-of-type(2){
	padding-bottom:40px;
}

.sustainability-spec-rating-section dl.sustainability-spec-rating-overview-description dt{
	width:360px;
	max-width:360px;
	min-width:360px;
	background:#ffffff;
	padding:10px;
}

.sustainability-spec-rating-section dl.sustainability-spec-rating-overview-description dd{
	margin-left:40px;
	flex-grow:1;
}


		/* SVの住宅性能評価 */

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list{
	width:1000px;
	margin:0 auto;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl{
	background:#e4eef4;
	padding:10px 10px 0;
	display:flex;
	margin-bottom:10px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dt{
	min-width:180px;
	width::180px;
	max-width:180px;
	padding:10px 20px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dd{
	flex-grow:1;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dd .sustainability-spec-rating-sv-item-data{
	display:flex;
	margin-bottom:10px;
	border:2px solid #99aabb;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dd .sustainability-spec-rating-sv-item-data .sustainability-spec-rating-sv-item-rating{
	background:#ffffff;
	padding:10px 20px;
	min-width:240px;
	max-width:240px;
	width:240px;
	border-right:dashed 2px #bbbbbb;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dd .sustainability-spec-rating-sv-item-data .sustainability-spec-rating-sv-item-gauge{
	flex-grow:1;
	background:#eeeeee;
	display:flex;
	position:relative;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dd .sustainability-spec-rating-sv-item-data .sustainability-spec-rating-sv-item-gauge .sustainability-spec-rating-sv-item-gauge-caption{
	position:absolute;
	right:20px;
	top:3px;
	bottom:0;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dd .sustainability-spec-rating-sv-item-data .sustainability-spec-rating-sv-item-gauge .no-max{
	position:absolute;
	right:20px;
	top:10px;
	bottom:0;
	color:#555555;
	font-size:16px;
}


.sustainability-spec-rating-section ul.sustainability-spec-rating-sv-item-list > li > dl dd .sustainability-spec-rating-sv-item-data .sustainability-spec-rating-sv-item-gauge .sustainability-spec-rating-sv-item-gauge-bar{
	background:#e69223;
}


		/* メリットリスト */

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list{
	width:1000px;
	margin:20px auto;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list li{
	margin-bottom:20px;
	padding:20px 20px 20px 60px;
	background:#d5eaef url('../img/about/sustainability/melit-check.png') no-repeat;
	border-left:#6facbd solid 8px;
	background-size:24px auto;
	background-position:20px center;
	font-size:20px;
	counter-increment: listnum;
	border-radius:2px;
	width:720px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list li:nth-of-type(2){
	margin-left:33.33px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list li:nth-of-type(3){
	margin-left:66.66px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list li:nth-of-type(4){
	margin-left:100px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list li:nth-of-type(5){
	margin-left:133.33px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list li:nth-of-type(6){
	margin-left:166.66px;
}

.sustainability-spec-rating-section ul.sustainability-spec-rating-melit-list li:nth-of-type(7){
	margin-left:200px;
}



	/* 長期優良認定住宅 */
	
.sustainability-long-term-certified-section ul.sustainability-long-term-certified-item-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-item-list > li{
	margin:20px;
	width:320px;
	background:#f2eee7;
	display:flex;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-item-list > li dl{
	background:rgba(255,255,255,0.5);
	margin:20px;
	border-radius:10px;
	flex-grow:1;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-item-list > li dl dt{
	text-align:center;
	padding:10px 10px 10px;
	font-size:20px;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-item-list > li dl dd.caption{
	padding:0 20px 20px;
	font-size:14px;
	min-height:3rem;
	text-align:center;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-item-list > li dl dd.status{
	padding:0 20px 20px;
	text-align:center;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-item-list > li dl dd.status img{
	max-width:200px;
}


		/* 長期優良認定住宅のメリット */


.sustainability-long-term-certified-section ul.sustainability-long-term-certified-melit-list{
	width:1000px;
	margin:20px auto;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-melit-list li{
	margin-bottom:20px;
	padding:20px 20px 20px 60px;
	background:#efeab1 url('../img/about/sustainability/melit-check.png') no-repeat;
	border-left:#d5d166 solid 8px;
	background-size:24px auto;
	background-position:20px center;
	font-size:20px;
	counter-increment: listnum;
	border-radius:2px;
	width:720px;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-melit-list li:nth-of-type(2){
	margin-left:100px;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-melit-list li:nth-of-type(3){
	margin-left:200px;
}

		/* 長期優良認定住宅のデメリット・注意点 */

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list{
	max-width:1000px;
	margin:0 auto;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list li{
	margin-bottom:60px;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list li dl dt{
	font-weight:bold;
	background:#dbeaee;
	border-left:2px solid #6dacbd;
	padding:18px 20px;
	margin-bottom:20px;
	font-size:20px;

}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list li dl dd.description{
	padding:0 20px 30px;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list li dl dd.sustainability-long-term-certified-caution-taiyohouse{
	margin:0 60px 20px;
	padding:20px;
	border:1px dashed #ccaa88;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list li dl dd.sustainability-long-term-certified-caution-taiyohouse .sustainability-long-term-certified-caution-taiyohouse-headline{
	background:#ffeecc;
	padding:20px 20px 0;
	color:#e69223;
	font-weight:bold;
	font-size:20px;
	display:flex;
	align-items:center;
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list li dl dd.sustainability-long-term-certified-caution-taiyohouse .sustainability-long-term-certified-caution-taiyohouse-headline::after{
	height:2px;
	width:100px;
	background:#ccaa88;
	margin-left:20px;
	content:"";
}

.sustainability-long-term-certified-section ul.sustainability-long-term-certified-caution-list li dl dd.sustainability-long-term-certified-caution-taiyohouse .sustainability-long-term-certified-caution-taiyohouse-caption{
	background:#ffeecc;
	padding:10px 20px 20px;
}