@charset "utf-8";

/* ----------------------------------------------------------------------- 
netsuko floor index 
-------------------------------------------------------------------------*/
.page-netsuko.netsuko-floor #container {
	font-size: 16px;
}

.page-netsuko.netsuko-floor .h2_default {
	/* ↓新モジュールに伴い追加 */
	font-size: 14px;
}

.page-netsuko.netsuko-floor .custom-h3_area,
.page-netsuko.netsuko-floor .custom-h4_area {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.page-netsuko.netsuko-floor .custom-h3_area.bg-gray {
	padding-left: 10px;
	background-color: #e2e2e2;
}

.page-netsuko.netsuko-floor .custom-h3_area.bg-gray h3 {
	font-weight: normal;
	line-height: 2.2;
}

.page-netsuko.netsuko-floor .area-text {
	margin-bottom: 20px;
}

.page-netsuko.netsuko-floor .area-text.t-14 {
	font-size: 14px;
}

.page-netsuko.netsuko-floor span.custom-note--num {
	display: inline-block;
	font-size: 10px;
	vertical-align: top;
}
.page-netsuko.netsuko-floor span.custom-note--num02 {
	display: inline-block;
	font-size: 10px;
	vertical-align: baseline;
}

.page-netsuko.netsuko-floor span.custom-note--co2 {
	display: inline-block;
	font-size: 12px;
	vertical-align: baseline;
}

.page-netsuko.netsuko-floor .page-top_wrap {
	margin: 20px 0;
}

.page-netsuko.netsuko-floor .bdr-gray {
	border: 1px #e6e6e6 solid;
}

.page-netsuko.netsuko-floor .bdr-gray.border-r-10 {
	border-radius: 10px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .custom-h3_area.bg-gray {
		padding: 8px 10px;
	}

	.page-netsuko.netsuko-floor .custom-h3_area.bg-gray h3 {
		line-height: 1.4;
	}

	.page-netsuko.netsuko-floor .area-text.mb-40--sp {
		margin-bottom: 40px;
	}

	/* .page-netsuko.netsuko-floor .h2_default h2 {
		font-size: 22px;
	}
	.page-netsuko.netsuko-floor .h2_default h2 span {
		line-height: 1.4;
	} */
	.page-netsuko.netsuko-floor span.custom-note--num {
		font-size: 0.5em;
	}
}

.page-netsuko.netsuko-floor .sp {
	display: none;
}

.page-netsuko.netsuko-floor .pc {
	display: block;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .pc {
		display: none;
	}

	.page-netsuko.netsuko-floor .sp {
		display: block;
	}
}

/* ----------------------------------------------------------------------- 
netsuko index manu-nav
-------------------------------------------------------------------------*/

.page-netsuko.netsuko-floor .manu-nav__wrap {
	padding: 5px 0;
	background-color: #17579f;
}

.page-netsuko.netsuko-floor .manu-nav__wrap ul {
	display: flex;
	justify-content: center;
	/* ↓新モジュールに伴い追加 */
	background-color: #17579f;

}

.page-netsuko.netsuko-floor .block-link-page {
	/* ↓新モジュールに伴い追加 */
	border: none;
}

.page-netsuko.netsuko-floor .manu-nav__wrap ul li {
	border-left: 1px #fff solid;
}

.page-netsuko.netsuko-floor .manu-nav__wrap ul li:nth-last-of-type(1) {
	border-right: 1px #fff solid;
}

.page-netsuko.netsuko-floor .manu-nav__wrap a {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	font-weight: bold;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .manu-nav__wrap {
		padding: 0;
	}

	.page-netsuko.netsuko-floor .manu-nav__wrap ul {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.page-netsuko.netsuko-floor .manu-nav__wrap ul.just-center {
		justify-content: space-between;
	}

	.page-netsuko.netsuko-floor .manu-nav__wrap ul li {
		width: 50%;
		border-left: none;
		text-align: center;
		/* border-bottom:1px #fff solid; */
	}

	.page-netsuko.netsuko-floor .manu-nav__wrap ul li:nth-of-type(even) {
		border-right: none;
	}

	.page-netsuko.netsuko-floor .manu-nav__wrap ul li:nth-last-of-type(1) {
		border-right: none;
	}

	.page-netsuko.netsuko-floor .manu-nav__wrap a {
		width: 100%;
		padding: 16px 0;
		border-right: 1px #fff solid;
		border-bottom: 1px #fff solid;
	}
}

/* ----------------------------------------------------------------------- 
netsuko index sec-point
-------------------------------------------------------------------------*/

.page-netsuko.netsuko-floor .sec-point {
	padding: 90px 0 80px;
	background: rgb(200, 237, 251);
	background: linear-gradient(311deg, rgba(200, 237, 251, 1) 0%, rgba(242, 249, 253, 1) 100%);
}

.page-netsuko.netsuko-floor .sec-point .custom-h2 {
	margin-bottom: 50px;
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-point .custom-h2 h2 {
	display: inline-block;
	padding: 0 50px;
	font-size: 32px;
	color: #fff;
	border-radius: 50px;
	line-height: 1.8;
	background-color: #17579f;
}

.page-netsuko.netsuko-floor .sec-point .point-baloon li {
	position: relative;
	z-index: 1;
	width: 412px;
	height: 231px;
}

.page-netsuko.netsuko-floor .sec-point .point-baloon li:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/hvac-cc/biz/products/fan/netsuko/floor/img/index/baloon@2x.png);
}

.page-netsuko.netsuko-floor .sec-point .point-baloon li:nth-of-type(2n):after {
	transform: scale(-1, 1);
}

.page-netsuko.netsuko-floor .sec-point .point-baloon li>div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 88%;
	font-size: 20px;
	font-weight: bold;
}

.page-netsuko.netsuko-floor .sec-point .point-baloon li div span {
	font-size: 30px;
	color: #17579f;
	line-height: 1.2;
}

.page-netsuko.netsuko-floor .sec-point .sec-point-text {
	margin-top: 30px;
	font-size: 38px;
	color: #17579f;
	font-weight: bold;
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-point .sec-point-text p {
	font-size: 24px;
	line-height: 1.4;
}

.page-netsuko.netsuko-floor .sec-point .sec-point-text span {
	font-size: 48px;
	background: linear-gradient(transparent 60%, #ff9600 60%);
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-point {
		margin-bottom: 60px;
		padding: 40px 0 20px;
	}

	.page-netsuko.netsuko-floor .sec-point .custom-h2 {
		width: 95%;
		margin: 0 auto 20px;
	}

	.page-netsuko.netsuko-floor .sec-point .custom-h2 h2 {
		width: 100%;
		padding: 0;
		font-size: 18px;
		border-radius: 50px;
		line-height: 2.4;
	}

	.page-netsuko.netsuko-floor .sec-point .point-baloon .flex__block {
		display: flex;
	}

	.page-netsuko.netsuko-floor .sec-point .point-baloon li {
		width: 49vw;
		height: 28vw;
	}

	.page-netsuko.netsuko-floor .sec-point .point-baloon li>div {
		height: 88%;
		font-size: 10px;
	}

	.page-netsuko.netsuko-floor .sec-point .point-baloon li div span {
		font-size: 15px;
		line-height: 1.2;
	}

	.page-netsuko.netsuko-floor .sec-point .sec-point-text {
		margin-top: 10px;
		font-size: 19px;
	}

	.page-netsuko.netsuko-floor .sec-point .sec-point-text p {
		font-size: 16px;
	}

	.page-netsuko.netsuko-floor .sec-point .sec-point-text span {
		font-size: 24px;
	}
}

/* ----------------------------------------------------------------------- 
netsuko index .sec-solution
-------------------------------------------------------------------------*/
.page-netsuko.netsuko-floor .sec-solution {
	padding-top: 100px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block {
	margin-bottom: 50px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block .sec__block--inner {
	margin-bottom: 50px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block .sec__block--inner:nth-last-of-type(1) {
	margin-bottom: 0;
}


@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-solution {
		padding-top: 0;
	}
}


/* suppression */
.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-1 .image,
.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-2 .image,
.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-3 .image {
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-1 .image img {
	width: 472px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-2 .image img {
	width: 800px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-3 .image img {
	width: 800px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-1 .image img {
		width: 85%;
	}

	.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-2 .image img {
		width: 100%;
	}

	.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-3 .image img {
		width: 100%;
	}

	.page-netsuko.netsuko-floor .sec-solution .sec__block.suppression .sec__block--inner.suppression-2 {
		margin-bottom: 25px;
	}
}


/* alleviation */
.page-netsuko.netsuko-floor .sec-solution .sec__block.alleviation .sec__block--inner.alleviation-1 .image {
	width: 800px;
	margin: 0 auto 20px;
	padding: 50px 0;
	text-align: center;
	border-radius: 10px;
	background-color: #f6f6f6;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.alleviation .sec__block--inner.alleviation-1 .image img {
	width: 691px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-solution .sec__block.alleviation .sec__block--inner.alleviation-1 .image {
		width: 100%;
		padding: 25px 0;
	}

	.page-netsuko.netsuko-floor .sec-solution .sec__block.alleviation .sec__block--inner.alleviation-1 .image img {
		width: 90%;
	}
}


/* easy */
.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-1 .image {
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-1 .image img {
	width: 800px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-2 ul li {
	width: 478px;
	margin-bottom: 40px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-2 ul li:nth-last-of-type(1),
.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-2 ul li:nth-last-of-type(2) {
	margin-bottom: 0;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-2 ul li img {
	width: 100%;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-2 ul li {
		width: 100%;
	}

	.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-2 ul li:nth-last-of-type(1),
	.page-netsuko.netsuko-floor .sec-solution .sec__block.easy .sec__block--inner.easy-2 ul li:nth-last-of-type(2) {
		margin-bottom: 40px;
	}
}

/* co2 */
.page-netsuko.netsuko-floor .sec-solution .sec__block.co2 .sec__block--inner.co2-1 .image,
.page-netsuko.netsuko-floor .sec-solution .sec__block.co2 .sec__block--inner.co2-2 .image {
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.co2 .sec__block--inner.co2-1 .image img {
	width: 916px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.co2 .sec__block--inner.co2-2 .image img {
	width: 446px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.co2 .sec__block--inner.co2-1 .area-text.custom-mt {
	margin-top: 20px;
}


@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-solution .sec__block.co2 .sec__block--inner.co2-1 .image img {
		width: 100%;
	}

	.page-netsuko.netsuko-floor .sec-solution .sec__block.co2 .sec__block--inner.co2-2 .image img {
		width: 100%;
	}
}

/* nanoe */
.page-netsuko.netsuko-floor .sec-solution .sec__block.nanoe .sec__block--inner.nanoe .area-text.t-14 {
	margin-top: 10px;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.nanoe .sec__block--inner.nanoe .image {
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.nanoe .sec__block--inner.nanoe .image img {
	width: 674px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-solution .sec__block.nanoe .sec__block--inner.nanoe .image img {
		width: 80%;
	}
}

/* filter */
.page-netsuko.netsuko-floor .sec-solution .sec__block.nanoe .sec__block--inner.filter .image {
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-solution .sec__block.nanoe .sec__block--inner.filter .image img {
	width: 800px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-solution .sec__block.nanoe .sec__block--inner.filter .image img {
		width: 100%;
	}
}

/* table */
.page-netsuko.netsuko-floor .sec-solution .table--function {
	width: 100%;
	text-align: center;
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

.page-netsuko.netsuko-floor .sec-solution .table--function th {
	border-top: 1px #999 solid;
	font-weight: normal;
	/* [2026-07-22 FB] テーブルセル(見出し)色をModule標準(.bg-gray=#efefef)に合わせる */
	background-color: #efefef;
}

.page-netsuko.netsuko-floor .sec-solution .table--function th,
.page-netsuko.netsuko-floor .sec-solution .table--function td {
	padding: 10px;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
}

.page-netsuko.netsuko-floor .sec-solution .table--function .tr--maintitle th {
	width: 33%;
}

.page-netsuko.netsuko-floor .sec-solution .table--function .th--wide {
	width: 300px;
}

.page-netsuko.netsuko-floor .sec-solution .table--function td a {
	color: #333;
	font-weight: bold;
	;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {

	/* table */
	.page-netsuko.netsuko-floor .sec-solution .table--function {
		font-size: 14px;
	}

	.page-netsuko.netsuko-floor .sec-solution .table--function th {
		padding: 13px 0;
	}

	.page-netsuko.netsuko-floor .sec-solution .table--function td {
		padding: 13px 8px;
	}

	.page-netsuko.netsuko-floor .sec-solution .table--function td span {
		font-size: 11px;
	}

	.page-netsuko.netsuko-floor .sec-solution .table--function .th--wide {
		width: 40%;
	}
}


/* ----------------------------------------------------------------------- 
netsuko index .sec-movie
-------------------------------------------------------------------------*/
.page-netsuko.netsuko-floor .sec-movie .sec__block {
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-movie .sec__block img {
	width: 560px;
	height: 315px;
	border-radius: 10px;
	overflow: hidden;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-movie .sec__block img {
		width: 100%;
		height: auto;
	}
}

/* ----------------------------------------------------------------------- 
netsuko index .sec-recommendation
-------------------------------------------------------------------------*/
.page-netsuko.netsuko-floor .sec-recommendation .title {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: #e6f4ff;
}

.page-netsuko.netsuko-floor .sec-recommendation .title p {
	display: inline-block;
	padding-left: 10px;
	font-size: 26px;
	color: #17579f;
	line-height: 2;
}

.page-netsuko.netsuko-floor .sec-recommendation .title p span.custom-note--num {
	font-size: 14px;
}

.page-netsuko.netsuko-floor .sec-recommendation .flex__block .flex__block--left,
.page-netsuko.netsuko-floor .sec-recommendation .flex__block .flex__block--right {
	width: 49%;
	padding: 20px 30px 30px;
}

.page-netsuko.netsuko-floor .sec-recommendation h3 {
	font-size: 18px;
	color: #17579f;
	line-height: 2.2;
}

.page-netsuko.netsuko-floor .sec-recommendation .box li {
	margin-bottom: 15px;
}

.page-netsuko.netsuko-floor .sec-recommendation .box li:nth-last-of-type(1) {
	margin-bottom: 0;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-recommendation .title {
		padding: 20px 0;
	}

	.page-netsuko.netsuko-floor .sec-recommendation .title p {
		display: block;
		padding-left: 0;
		font-size: 26px;
		text-align: center;
		line-height: 1.6;
	}

	.page-netsuko.netsuko-floor .sec-recommendation .flex__block .flex__block--left,
	.page-netsuko.netsuko-floor .sec-recommendation .flex__block .flex__block--right {
		width: 100%;
		padding: 20px;
	}

	.page-netsuko.netsuko-floor .sec-recommendation .flex__block .flex__block--left {
		margin-bottom: 20px;
	}

	.page-netsuko.netsuko-floor .sec-recommendation h3 {
		margin-bottom: 15px;
		line-height: 1.6;
	}
}



/* ----------------------------------------------------------------------- 
netsuko index .sec-method
-------------------------------------------------------------------------*/

.page-netsuko.netsuko-floor .sec-method>p {
	margin-bottom: 30px;
}

.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--left,
.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--right {
	width: 49%;
}

.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--left .image {
	padding: 15px 0 82px 0;
}

.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--right .image {
	padding: 15px 0 0 0;
}

.page-netsuko.netsuko-floor .sec-method .image {
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-method .image img {
	width: 313px;
}

.page-netsuko.netsuko-floor .sec-method .image p {
	padding: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.page-netsuko.netsuko-floor .sec-method .area-text.t-14 {
	margin-top: 20px;
}

.page-netsuko.netsuko-floor .sec-method .link__block {
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 40px 50px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
	background-color: #17579f;
}

.page-netsuko.netsuko-floor .sec-method .link__block .link {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	width: 250px;
}

.page-netsuko.netsuko-floor .sec-method .link__block .link a {
	position: relative;
	display: block;
	width: 100%;
	font-size: 20px;
	color: #17579f;
	text-align: center;
	line-height: 3;
	border-radius: 10px;
	background-color: #fff;
}

.page-netsuko.netsuko-floor .sec-method .link__block .link a:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 11px;
	height: 19px;
	background-image: url(/hvac-cc/biz/products/fan/netsuko/floor/img/index/arrow_bl@2x.png);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {

	.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--left,
	.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--right {
		width: 100%;
	}

	.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--left {
		margin-bottom: 60px;
	}

	.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--left .image {
		padding: 15px;
	}

	.page-netsuko.netsuko-floor .sec-method .flex__block .flex__block--right .image {
		padding: 15px 0 0 0;
	}

	.page-netsuko.netsuko-floor .sec-method .image img {
		width: 90%;
	}

	.page-netsuko.netsuko-floor .sec-method .image p {
		padding: 20px;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}

	.page-netsuko.netsuko-floor .sec-method .link__block {
		width: 100%;
		margin: 0;
		padding: 30px 30px 35px;
		font-size: 18px;
		text-align: center;
	}

	.page-netsuko.netsuko-floor .sec-method .link__block .link {
		position: static;
		transform: translateY(0);
		width: 80%;
		margin: 20px auto 0;
	}
}



/* ----------------------------------------------------------------------- 
netsuko index .sec-lineup
-------------------------------------------------------------------------*/

.page-netsuko.netsuko-floor .sec-lineup .flex__block {
	padding-bottom: 10px;
}

.page-netsuko.netsuko-floor .sec-lineup .flex__block--left,
.page-netsuko.netsuko-floor .sec-lineup .flex__block--right {
	width: 49%;
}

.page-netsuko.netsuko-floor .sec-lineup .flex__block--left img,
.page-netsuko.netsuko-floor .sec-lineup .flex__block--right img {
	width: 200px;
}

.page-netsuko.netsuko-floor .sec-lineup .table--lineup {
	width: 100%;
	/* [2026-07-22 FB] 天井埋込形とカセット形の表の天地を揃える。左右フレックス枠は
	   既に同高(align-items:stretch)なので、表を枠いっぱいに伸ばし高さ差(用途・特長行の
	   文字量差)を下記テキスト行で吸収させる。ColumnModuleは画像＋キャプションのカード用で
	   罫線付き比較表には不適のため使用しない。 */
	height: 100%;
	text-align: center;
	border-bottom: 1px #999 solid;
}

.page-netsuko.netsuko-floor .sec-lineup .table--lineup th {
	border-top: 1px #999 solid;
	/* [2026-07-22 FB] テーブルセル(見出し)色をModule標準(.bg-gray=#efefef)に合わせる */
	background-color: #efefef;
}

.page-netsuko.netsuko-floor .sec-lineup .table--lineup th,
.page-netsuko.netsuko-floor .sec-lineup .table--lineup td {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	vertical-align: middle;
}
.page-netsuko.netsuko-floor .sec-lineup .table--lineup td.td--image{
	width: 200px;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-lineup .table--lineup td.td--image{
		width: 150px;
	}
}
.page-netsuko.netsuko-floor .sec-lineup .table--lineup th:last-child,
.page-netsuko.netsuko-floor .sec-lineup .table--lineup td:last-child {
	border-right: none;
}

.page-netsuko.netsuko-floor .sec-lineup .table--lineup .tr--maintitle th {
	font-size: 18px;
}

.page-netsuko.netsuko-floor .sec-lineup .table--lineup .tr--subtitle th {
	font-size: 14px;
	font-weight: normal;
}

.page-netsuko.netsuko-floor .sec-lineup .table--lineup .tr--text td {
	padding: 10px;
	text-align: left;
	/* [2026-07-22 FB] 旧70px固定→100%。表を枠いっぱいに伸ばした際の余白を
	   このテキスト行だけに吸収させ、画像行・用途帯を左右で揃える（天地一致）。 */
	height: 100%;
    vertical-align: baseline;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-lineup .table--lineup .tr--text td {
		height: 100%;
	}
}

.page-netsuko.netsuko-floor .sec-lineup .table--function {
	width: 100%;
	font-size: 18px;
	text-align: center;
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

.page-netsuko.netsuko-floor .sec-lineup .table--function th {
	border-top: 1px #999 solid;
	font-weight: normal;
	/* [2026-07-22 FB] テーブルセル(見出し)色をModule標準(.bg-gray=#efefef)に合わせる */
	background-color: #efefef;
}

.page-netsuko.netsuko-floor .sec-lineup .table--function th,
.page-netsuko.netsuko-floor .sec-lineup .table--function td {
	padding: 8px 10px;
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
}

.page-netsuko.netsuko-floor .sec-lineup .table--function .tr--maintitle th {
	width: 33%;
}

.page-netsuko.netsuko-floor .sec-lineup .table--function td span {
	display: block;
	font-size: 14px;
}

/* SP Responsive 
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-lineup .flex__block {
		padding-bottom: 10px;
	}

	.page-netsuko.netsuko-floor .sec-lineup .flex__block--left,
	.page-netsuko.netsuko-floor .sec-lineup .flex__block--right {
		width: 100%;
	}

	.page-netsuko.netsuko-floor .sec-lineup .flex__block--left img,
	.page-netsuko.netsuko-floor .sec-lineup .flex__block--right img {
		width: 60%;
	}

	.page-netsuko.netsuko-floor .sec-lineup .flex__block--left {
		margin-bottom: 30px;
	}

	.page-netsuko.netsuko-floor .sec-lineup .table--lineup {
		font-size: 12px;
	}

	.page-netsuko.netsuko-floor .sec-lineup .table--lineup .tr--maintitle th {
		font-size: 15px;
	}

	.page-netsuko.netsuko-floor .sec-lineup .table--lineup .tr--subtitle th {
		width: 50%;
		font-size: 10px;
	}

	.page-netsuko.netsuko-floor .sec-lineup .table--function {
		font-size: 14px;
	}

	.page-netsuko.netsuko-floor .sec-lineup .table--function th,
	.page-netsuko.netsuko-floor .sec-lineup .table--function td {
		padding: 8px 0;
	}

	.page-netsuko.netsuko-floor .sec-lineup .table--function td span {
		font-size: 11px;
	}
}

.page-netsuko.netsuko-floor .sec-lineup .sec__block>p {
	margin-top: 40px;
	text-align: center;
}

.page-netsuko.netsuko-floor .sec-lineup .sec__block a {
	position: relative;
	display: block;
	width: 410px;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	line-height: 2.5;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	background-color: #17579f;
}

.page-netsuko.netsuko-floor .sec-lineup .sec__block a:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	width: 11px;
	height: 19px;
	background-image: url(/hvac-cc/biz/products/fan/netsuko/floor/img/index/arrow_wt@2x.png);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-lineup .sec__block a {
		width: 100%;
		padding: 10px 0;
		font-size: 20px;
		line-height: 1.4;
	}

	.page-netsuko.netsuko-floor .sec-lineup .sec__block a:after {
		content: '';
		right: 20px;
		width: 11px;
		height: 19px;
	}

	.page-netsuko.netsuko-floor .sec-lineup .sec__block>p {
		width: 80%;
		margin: 40px auto;
		text-align: center;
	}
}


/* custom */
.page-netsuko.netsuko-floor .bottom_nav .middle_section ul {
	display: flex;
	/* justify-content: center; */
}

.page-netsuko.netsuko-floor .bottom_nav .middle_section ul li {
	margin: 0 16px 10px 0;
}

.page-netsuko.netsuko-floor .bottom_nav .middle_section ul li:nth-child(2n) {
	margin: 0 0 10px 0;
}

.page-netsuko.netsuko-floor .bottom_nav .middle_section ul li:nth-child(4n) {
	margin: 0 0 10px 0;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .bottom_nav .middle_section ul {
		width: 100%;
		text-align: left;
		padding: 10px 0;
	}

	.page-netsuko.netsuko-floor .bottom_nav .middle_section ul li {
		float: none;
		width: 48%;
		margin: 0;

	}

	.page-netsuko.netsuko-floor .bottom_nav .middle_section ul li:nth-child(2n) {
		margin: 0 0 0 1%;
	}

	.page-netsuko.netsuko-floor .bottom_nav .middle_section ul li:nth-child(4n) {
		margin: 0;
	}

	.page-netsuko.netsuko-floor .bottom_nav .middle_section ul li img {
		width: 100%;
	}
}


/* .custom-footer-floor__blockfixed */
.page-netsuko.netsuko-floor #container a:hover span {
	color: #528DC6;
}

.page-netsuko.netsuko-floor .custom-footer-floor__blockfixed br.sp-only {
	display: none;
}

.page-netsuko.netsuko-floor .custom-footer-catalog__blockfixed {
	display: none;
}

.page-netsuko.netsuko-floor .custom-footer-floor__blockfixed {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	background-color: #17579f;
}

.page-netsuko.netsuko-floor .custom-footer-floor__block a {
	display: block;
	padding: 27px 0;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	font-feature-settings: normal;
	background-color: #17579f;
}

.page-netsuko.netsuko-floor .custom-footer-floor__block a:hover {
	text-decoration: none !important;
	opacity: 0.7;
}

.page-netsuko.netsuko-floor .custom-footer-floor__block a div {
	position: relative;
	display: inline-block;
	padding-right: 120px;
}

.page-netsuko.netsuko-floor .custom-footer-floor__block a div.after-none {
	padding-right: 0;
}

.page-netsuko.netsuko-floor .custom-footer-floor__block a div.after-none:after {
	display: none;
}

.page-netsuko.netsuko-floor .custom-footer-floor__block a div:after {
	content: '';
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: -24px;
	width: 99px;
	height: 153px;
	background-image: url(/hvac-cc/biz/products/fan/netsuko/floor/img/index/bottom-link.png);
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
}

.page-netsuko.netsuko-floor .custom-footer-floor__block a span {
	display: inline-block;
	margin-left: 10px;
	padding: 0 5px;
	font-size: 20px;
	color: #0A6EB6;
	border-radius: 5px;
	background-color: #fff;
}

.page-netsuko.netsuko-floor .sec-lineup .lineup-link{
	position: relative;
    display: block;
    border: 1px #ccc solid;
    padding: 12px 34px 12px 10px;
    font-size: 16px;
    text-align: center;
    color: #333;
    text-decoration: none; 
	line-height: 1.4;
	margin:0 auto 40px;
	max-width: 256px;
}
.page-netsuko.netsuko-floor .sec-lineup .lineup-link:hover{
	opacity: 0.7;
}
.page-netsuko.netsuko-floor .sec-lineup .lineup-link::after{
	content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-right: 3px #333 solid;
    border-top: 3px #333 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-netsuko.netsuko-floor .sec-lineup .lineup-link{
		font-size: 14px;
	}
	.page-netsuko.netsuko-floor .custom-footer-floor__blockfixed br.sp-only {
		display: block;
	}

	.page-netsuko.netsuko-floor .custom-footer-floor__block a {
		padding: 0.5em 0;
		font-size: 18px;
		text-align: left;
	}

	.page-netsuko.netsuko-floor .custom-footer-floor__block a span {
		margin-left: 10px;
		padding: 0 5px;
		font-size: 17px;
	}

	.page-netsuko.netsuko-floor .custom-footer-floor__block a div {
		position: relative;
		display: block;
		width: 90%;
		max-width: 326px;
		margin: 0 auto;
		padding: 0;
	}

	.page-netsuko.netsuko-floor .custom-footer-floor__block a div:after {
		content: '';
		bottom: -13%;
		width: 43px;
		height: 67px;
	}
}

@media only screen and (max-width: 360px) {
	.page-netsuko.netsuko-floor .custom-footer-floor__block a div:after {
		content: '';
		right: -3%;
	}
}

@media only screen and (max-width: 350px) {
	.page-netsuko.netsuko-floor .custom-footer-floor__block a div:after {
		content: '';
		right: -6%;
	}
}

/* js-custom-footer >> js */
.js-custom-footer {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: all 0.3s;
}

.js-custom-footer.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* =======================================================================
   [module移管] base を biz assets/css/style.css へ差し替えた際、
   旧base(v3 common.css)にしか無く未定義化するクラスの移植（floor専用）。
   ※ 共有の common.css は編集不可のため本ファイル(floor単独読込)に閉じる。
   現行見た目維持が目的（値は v3 相当をそのまま再現）。floor が実際に使う
   .clearfix / .bottom_nav / .middle_section の基底のみ移植（page-top_wrapは削除済）。
   ------------------------------------------------------------------------- */
/* float解除（v3 5862 相当） */
.clearfix:after { display: block; clear: both; content: ""; }
/* bottom_nav / middle_section 基底（v3 1092/1204-1222 相当。common.css の.page-netsuko上書き＋floor個別ルールと併用） */
.bottom_nav { margin: 40px auto 0; }
.bottom_nav .middle_section { font-size: 16px; }
.bottom_nav .middle_section ul {
	width: 976px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.bottom_nav .middle_section ul li {
	margin: 0 0 10px 16px;
	float: left;
}
.bottom_nav .middle_section ul li:first-child { margin-left: 0; }

@media screen and (max-width: 640px) {
	/* bottom_nav middle_section SP基底（v3 6720-6737 相当。実SPは common.css/floor個別が優先） */
	.bottom_nav .middle_section ul {
		width: 100%;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.bottom_nav .middle_section ul li {
		display: inline-block;
		width: calc((100% - 15px) / 2);
		vertical-align: top;
		margin: 0 15px 15px 0;
		float: none;
	}
	.bottom_nav .middle_section ul li:nth-child(2n) { margin-right: 0; }
}

/* [2026-07-22 FB] 上記7/21で復元した「灰色見出し帯（背景#e2e2e2・左インデント・
   font-weight:normal等）」を先方FBにより撤去。①〜④の見出しはモジュール標準の
   .h3_default（22px太字＋薄グレー下線・背景なし）に統一する（他モジュールページと同一）。 */