@charset "utf-8";

/*---------------------------------------------
shanghai
---------------------------------------------*/

.picText {
}

.valMode {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 4rem;
	flex-wrap: wrap;
}
.valList {
	display: flex;
	align-items: center;
	margin-top: 2rem;
	margin-right: 1.5rem;
}
.valList:last-child {
	margin-right: 0;
}

.valList .valIcon {
	margin-right: 2px;
	flex: none;
	width: 40px;
	position: relative;
}

.valList .valDesc .val {
	display: flex;
	align-items: center;
}

.valList:first-child .valIcon {
	margin-right: 7px;
}
.investmentMode {
}

.investmentModeList {
}

.investmentModeListInnerPic {
	background: #f5f5f5;
}
.investmentModeList img {
	display: block;
	margin: auto;
}
.investmentModeListText {
	margin-top: 0.8rem;
}

.investmentModeListDesc {
	/* display: flex;
	align-items: center; */
}

.productWrap {
	display: flex;
	align-items: end;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: 300ms ease all;
}
.productList {
	text-align: center;
	margin-bottom: 2.2rem;
	transition: 300ms ease all;
	width: 150px;
}
.productPic {
}
.productPic img {
}
.productName {
	margin-top: 1.5rem;
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*---------------------------------------------
shanghai
---------------------------------------------*/
#shanghai {
}
#shanghai .sec01 .block {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 110px;
}
#shanghai .sec01 .txtdiv {
	order: 0;
	width: calc(774 / 1254 * 100%);
	margin-top: -8px;
}
#shanghai .sec01 .imgdiv {
	order: 1;
	width: calc(300 / 890 * 100%);
}
#shanghai .picText {
	margin-top: 10px;
}
/* pc */
@media (min-width: 767px) {
	.historyMode th {
		padding-left: 8rem;
		padding-right: 8rem;
	}
	.historyMode td {
		padding-left: 8rem;
	}
	.productWrap {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: 20px; /* 统一控制间距 */
	}
}

/* 小于 */
@media (max-width: 1400px) {
}

@media (min-width: 1100px) and (max-width: 1400px) {
	.productList {
		/* flex: 0 0 calc(20%); */
	}
}
@media (max-width: 1100px) {
	.productList {
		/* flex: 0 0 calc(25%); */
	}
	/* .productList img {
		transform: scale(0.8);
	} */
}

@media (max-width: 767px) {
	.productList img {
		transform: scale(0.8);
		transform-origin: 50% 100%;
	}
	.productList1 img {
		transform: scale(0.8);
	}
	.productList2 img {
	}
	.productList3 img {
		transform: scale(0.9);
	}
	.productList4 img {
		transform: scale(0.9);
		transform-origin: 50% 140%;
	}
	.productList5 img {
	}
	.productList6 img {
	}
	.productList7 img {
		transform-origin: 50% 105%;
	}
	.productList8 img {
		 
	}
	.productList9 img {
		transform: scale(0.83);
	}


	.valMode {
		justify-content: initial;
		align-items: start;
		margin-top: 1rem;
	}
	.valList {
		align-items: start;
	}
	.valIcon {
		top: 0.6rem;
	}
	.valList .span_2 {
		display: block;
	}

	.productList {
		flex: 0 0 calc(33%);
	}
	.productName {
		margin-top: 1rem;
	}

	#shanghai .sec01 .block {
		display: block;
		margin-top: 50px;
	}
	#shanghai .sec01 .txtdiv {
		width: 100%;
		margin-top: 10px;
		padding-right: 0;
	}
	#shanghai .sec01 .imgdiv {
		width: 100%;
	}

	.investmentModeListInner {
		display: flex;
		align-items: center;
		border: 1px solid var(--Rinnai-Gray-3);
		padding: 15px 20px;
		box-sizing: border-box;
	}
	.investmentModeListInner img {
		width: 80px;
	}
	.investmentModeListInnerPic {
	}
	.investmentModeListText {
		margin-left: 15px;
		margin-top: 0;
	}
	.investmentModeListText .sp {
		color: var(--Rinnai-Red);
		font-size: 2em;
		font-weight: bold;
		line-height: 1.2em;
	}

	.investmentModeListText .value {
		display: none;
	}
}