@media screen and (min-width: 769px) {
    .for_sp {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .for_pc {
        display: none !important;
    }
}

.content-wrap.main-area {
    padding: 24px 0 0;
}
.content-inner {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
}

.text-primary {
color: #4CB5C3;
font-weight: 500;
}

.nv_03 {
background: url(/img/brand/nanowasala/housing-equipment/nv_03.png) no-repeat top center;
background-size: cover;
color: #fff;
padding: 100px 0 1000px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
position: relative;
}

.nv_03 h2 {
font-size: 54px;
text-align: center;
}

.nv_03 h2 sub {
font-size: 12px;
}

.nv_03 h3 {
font-size: 32px;
text-align: center;
line-height: 1.6;
margin-bottom: 50px;
}

.nv_03 h4 {
font-size: 28px;
text-align: center;
line-height: 1.6;
margin-bottom: 35px;
}


.nv_03 .nv_03_block{
position: absolute;
bottom:20px;
left:0;
width: 100%;
}

.nv_03 h5 {
font-size: 20px;
text-align: center;
line-height: 1.6;
margin-bottom: 20px;
}

.nv_03_h06 {
width: 640px;
display: flex;
justify-content: space-between;
margin: 0 auto 30px;
}

.nv_03_h06 div {
width: 48%;
max-width: 320px;
padding: 1%;
}

.nv_03_h06 div:first-child {
border-right:1px solid #fff;
}

.nv_03 h6 {
font-size: 18px;
color: #FFF;
text-align: center;
margin-bottom: 15px;
padding: 10px;
background: #4CB5C3;
}

.nv_03 h6 span {}

.nv_03 p {}

.nv_03 ul {
display: flex;
gap: 20px;
justify-content: center;
margin-bottom: 50px;
}

.nv_03 ul li {}

.nv_03 ul li a {
min-width: 210px;
padding: 15px 30px;
text-align: center;
color: #000;
background: #FFF;
text-decoration: none;
border-radius: 8px;
font-family: 'Noto Sans JP', sans-serif;
}

.nv_03 ul li a:hover {
background: #4CB5C3;
color: #FFF;
opacity: 1;
}

.nv_03 .text-end {
text-align: right;
text-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
font-size: 12px;
padding: 1%;
}

@media screen and (max-width: 768px) {
.nv_03 {
color: #fff;
padding: 50px 0 400px;
font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.nv_03 h2 {
font-size: 28px;
}

.nv_03 h3 {
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
}

.nv_03 h4 {
font-size: 14px;
line-height: 1.6;
margin-bottom: 15px;
}

.nv_03 h5 {
font-size: 14px;
line-height: 1.6;
margin-bottom: 10px;
}

.nv_03_h06 {
width: 90vw;
margin: 0 auto 20px;
}

.nv_03_h06 div {
width: 90%;
max-width: inherit;
}

.nv_03 h6 {
font-size: 10px;
margin-bottom: 15px;
padding: 10px;
}

.nv_03_h06 div p {
font-size: 10px;
}

.nv_03 ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.nv_03 ul li {}

.nv_03 ul li a {
padding: 15px 5px;
border-radius: 8px;
width: 160px;
display: block;
min-width: inherit;
}

.nv_03 .text-end {
text-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
font-size: 10px;
padding: 1%;
}

}

.nv_04 {
background: url(/img/brand/nanowasala/housing-equipment/nv_04.png) no-repeat bottom center;
background-size: cover;
color: #FFF;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
padding: 100px 0 20px;
text-align: center;

}

.nv_04 h2 {
padding-top: 120px;
color: #4CB5C3;
font-size: 42px;
margin-bottom: 50px;
}

.nv_04 h3 {
font-size: 42px;
margin-bottom: 80px;
}

.nv_04 sub {
font-size: 14px;
}

.nv_04 p {
font-size: 24px;
margin-bottom: 280px;
}

.nv_04 .text-end p {
text-align: right;
text-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5);
font-size: 12px;
padding: 1%;
margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
.nv_04 {
background: url(/img/brand/nanowasala/housing-equipment/nv_04.png) no-repeat bottom center;
background-size: cover;
color: #FFF;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
padding: 20px 0 20px;
text-align: center;

}

.nv_04 h2 {
padding-top: 40px;
font-size: 24px;
margin-bottom: 30px;
}

.nv_04 h3 {
font-size: 24px;
margin-bottom: 10px;
line-height: 1.6;
}

.nv_04 sub {
font-size: 10px;
}

.nv_04 p {
font-size: 14px;
margin-bottom: 50px;
padding: 15px;
}

.nv_04 .text-end p {
text-shadow: 0px 0px 10px 50px rgba(0, 0, 0, 0.5);
font-size: 10px;
margin-bottom: 0px;
padding: 1%;
}

}

.nv_bg_01 {
background: url(/img/brand/nanowasala/housing-equipment/nv_bg_01.png) repeat-y top center;
padding: 80px 0;
}

.nv_block {
background: rgba(0, 0, 0, 0.6);
padding: 120px 0 80px;
max-width: 960px;
margin: 0 auto 80px;
border-radius: 16px;
}

.nv_block .nv-block-inner {
margin: 0 auto;
width: 860px;
}

.nv_block h2 {
color: #54EBFF;
font-size: 42px;
text-align: center;
margin-bottom: 80px;
font-weight: 600;
}

.nv_block h2 span {
border-bottom: 3px solid #54EBFF;
display: initial;
font-size: inherit;
line-height: inherit;
}

.nv_06 ul {
display: flex;
align-content: space-between;
flex-wrap: wrap;
justify-content: center;
gap: 40px;
width: 790px;
margin: 0 auto;
}

.nv_06 ul li {
width: 130px;
text-align: center;
}

.nv_06 ul li a {
color: #FFF;
text-decoration: none;
}

.nv_06 ul li a p {
font-size: 14px;
vertical-align: middle;
height: 50px;
}

.nv_06 ul li a img {
margin-top: 30px;
}

@media screen and (max-width: 768px) {
.nv_bg_01 {
background: url(/img/brand/nanowasala/housing-equipment/nv_bg_01.png) repeat-y top center;
padding: 20px 0;
}

.nv_block {
background: rgba(0, 0, 0, 0.6);
padding: 40px 0;
max-width: 95vw;
margin: 0 auto 40px;
border-radius: 8px;
}

.nv_block .nv-block-inner {
margin: 0 auto;
max-width: 85vw;
}

.nv_block h2 {
font-size: 22px;
margin-bottom: 40px;
}

.nv_06 ul {
display: flex;
align-content: start;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 90vw;
margin: 0 auto;
}

.nv_06 ul li {
margin-bottom: 10px;
width: 25%;
}

.nv_06 ul li a {}

.nv_06 ul li a p {
font-size: 10px;
height: 20px;
}

.nv_06 ul li a img {
margin-top: 30px;
height: 120px;
}
}

.nv_07 {}

.nv_07 p {
width: 860px;
margin: 0 auto 50px;
color: #FFF;
}

.nv_07 figure {
width: 800px;
margin: 0 auto;
}

.nv_07 figure img {}

@media screen and (max-width: 768px) {
.nv_07 p {
width: 85vw;
margin: 0 auto 50px;
color: #FFF;
}

.nv_07 figure {
width: 85vw;
}
}

.nv_08 {
color: #FFF;
}

.nv_08 .text-center {
text-align: center;
}

.nv_08 .text-end {
text-align: right;
font-size: 12px;
margin-bottom: 10px;
}

.nv_08 table,
td,
th {
border: 1px solid #FFF;
vertical-align: middle;
text-align: center;
font-size: 14px;
}

.nv_08 table {
width: 100%;

}

.nv_08 th {
padding: 10px;
}

.nv_08 .attention {
color: #FFF;
font-weight: bold;
font-size: 26px;
}

.annotation {
color: #F9EC00;
margin: 20px auto 60px;
font-size: 14px;
}

.nv_08_02 {
display: flex;
justify-content: space-between;
}

.nv_08_02 div {
width: 420px;
}

.nv_08_02 div h3 {
font-size: 28px;
font-weight: bold;
color: #FFF;
margin-bottom: 40px;
text-align: center;
}

.nv_08_02 div p {
text-align: right;
margin-top: 40px;
}

.nv_08_02 div p span {
border: 1px solid #FFF;
padding: 5px 10px;
}

@media screen and (max-width: 768px) {
.nv_08 .text-end {
font-size: 12px;
margin-bottom: 40px;
}

.nv_08 table {
/* overflow-x: scroll;
min-width: 80rem; */
}

.nv_08 table,
td,
th {
border: 1px solid #FFF;
vertical-align: middle;
text-align: center;
font-size: 12px;
}

.nv_08 table {
width: 100%;
}

.nv_08 th,
.nv_08 td {
padding: 10px;
}

.nv_08 .attention {
font-size: 14px;
}

.annotation {
color: #F9EC00;
margin: 10px auto 30px;
font-size: 12px;
}

.nv_08_02 {
display: flex;
justify-content: start;
flex-direction: column;
}

.nv_08_02 div {
width: 85vw;
margin-bottom: 40px;
}

.nv_08_02 div h3 {
font-size: 18px;
margin-bottom: 20px;
}

.nv_08_02 div p {
text-align: right;
margin-top: 20px;
font-size: 12px;
}

.nv_08_02 div p span {
padding: 5px 10px;
}

.table-price {
width: 100%;
}

.table-price thead {
display: none;
}

.table-price tr {
width: 100%;
}

.table-price td {
display: block;
text-align: right;
width: 100%;
padding: 10px 0px;
}

.table-price td:first-child {
background: #4CB5C3;
color: #fff;
font-weight: bold;
text-align: center;
}

.table-price td:before {
content: attr(data-label);
float: left;
font-weight: bold;
margin-right: 10px;
}


}

.cta {
margin: 40px auto 40px;
text-align: center;
}

@media screen and (max-width: 768px) {
.cta {
margin: 40px auto 40px;
text-align: center;
width: 95vw;
}
}

.nv_09 {
margin: 80px auto 80px;
background: rgba(131, 136, 145, .6);
width: 1120px;
padding: 80px 0 80px;

}

.nv_09 h2 {
color: #FFF;
font-size: 42px;
font-weight: bold;
text-align: center;
margin-bottom: 40px;
}

.nv_09 ul {
display: flex;
gap: 1px;
width: 960px;
margin: 0 auto;
}

.nv_09 ul li {
display: flex;
gap:1px;
}

.nv_09 ul li a {
background:#FFF;
padding: 20px 0px;
text-decoration: none;
font-weight: bold;
text-align: center;
justify-content: center;
width: 160px;
}
.nv_09 ul li a i.brand{
height: 36px;
display: block;
margin: 0 auto 20px;
background: url(/img/brand/nanowasala/housing-equipment/icon_nanowasala.png) no-repeat center;
background-size: contain;
}

.nv_09 ul li a p {
color: #000;
height:50px;
padding:0;
}

.nv_09 ul li a i.arrow{
height: 20px;
display: block;
margin: 20px auto 0;
background: url(/img/brand/nanowasala/housing-equipment/icon_arrowdown.png) no-repeat center;
background-size: contain;
}

@media screen and (max-width: 768px) {
.nv_09 {
margin: 40px auto 40px;
width: 100%;
padding: 40px 0 40px;

}

.nv_09 h2 {
font-size: 24px;
margin-bottom: 20px;
}

.nv_09 ul {
display: flex;
gap: 1px;
width: 100%;
flex-wrap: wrap;
justify-content: center;
}

.nv_09 ul li {
padding: 0;
margin-bottom: 10px;
}
.nv_09 ul li a p{
	height:30px;
}

}

.nv_10 {}

.nv_10 p {
color: #FFF;
}

.nv_10 p  strong{
font-weight: bold;
font-size:18px;
}

.nv_11 {
color: #FFF;
}

.nv_11_01 {
background: #163267;
padding: 50px;
margin: 40px auto;
border-radius: 8px;
}

.nv_11_01 div {
display: flex;
justify-content: space-between;
min-width: 300px;
}

.nv_11_01 p {
margin-bottom: 20px;
}

.nv_11_01 dl {
text-align: center;
}

.nv_11_01 dt {
margin-bottom: 30px;
}

.nv_11_01 dd {}

@media screen and (max-width: 768px) {
.nv_11_01 {
background: #163267;
padding: 25px;
margin: 20px auto;
border-radius: 8px;
}

.nv_11_01 div {
display: flex;
justify-content: space-between;
min-width: 49%;
}

.nv_11_01 p {
margin-bottom: 10px;
}

.nv_11_01 dl {
text-align: center;
padding: 10px;
}

.nv_11_01 dt {
margin-bottom: 10px;
}
}

.nv_12 {
color: #FFF;
}

.nv_12 p {
margin-top: 40px;
}

.nv_13 {
color: #FFF;
}

.nv_13 p strong{
font-weight: bold;
font-size:18px;
}

.nv_14,
.nv_14 a {
color: #FFF;
}

.nv_15,
.nv_15 a {
color: #FFF;
}

.ttl {
margin-bottom: 10px;
font-weight: bold;
font-size: 24px;
}

/*ベース*/
.toggle {
display: none;
}

.Label {
/*タイトル*/
padding: 1em;
display: block;
color: #4CB5C3;
background: #FFF;
border-radius: 8px;
}

.Label::before {
/*タイトル横の矢印*/
content: "";
width: 6px;
height: 6px;
border-top: 2px solid #4CB5C3;
border-right: 2px solid #4CB5C3;
-webkit-transform: rotate(45deg);
position: absolute;
top: calc(50% - 3px);
right: 20px;
transform: rotate(135deg);
}

.Label,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.content {
/*本文*/
height: 0;
margin-bottom: 10px;
padding: 0 20px;
overflow: hidden;
}

.toggle:checked+.Label+.content {
/*開閉時*/
height: auto;
padding: 20px;
transition: all .3s;
}

.toggle:checked+.Label::before {
transform: rotate(-45deg) !important;
}

@media screen and (max-width: 768px) {
.ttl {
margin-bottom: 10px;
font-weight: bold;
font-size: 16px;
}

.Label {
/*タイトル*/
padding: 1em;
display: block;
color: #4CB5C3;
background: #FFF;
border-radius: 8px;
}

.content {
/*本文*/
margin-bottom: 10px;
padding: 0 10px;
overflow: hidden;
}

.toggle:checked+.Label+.content {
/*開閉時*/
padding: 10px;
}
}

.nv_16_block {
margin: 0 auto 0;
}


.para {
		margin: 80px 0;
		color:#fff;
	}
	@media (max-width: 767px) {
		.para {
			margin: 55px 0;
		}
	}
	
	.clean {
		background: url(/img/brand/nanowasala/housing-equipment/20240624-clean-bg.webp) top left / cover no-repeat;
		padding: 160px 0 70px;
	}
	@media (max-width: 767px) {
		.clean {
			padding: 60px 0;
		}
	}

	.inner_wrap {
		max-width: 860px;
		margin: auto;
	}

	.part_ttl {
		font-weight: 500;
		font-size: 40px;
		text-align: center;
		margin-bottom: 25px;
		font-family: 游明朝, yu mincho, 游明朝体, YuMincho, ヒラギノ明朝 pro, hiragino mincho pron, ms p明朝, ms pmincho, HGS明朝E, ms mincho, serif;
	}
	@media (max-width: 767px) {
		.part_ttl {
			font-size: 6vw;
			margin-bottom: 18px;
			line-height: 1.5;
			padding-left: 50px;
		}
	}
	
	.fea-pic {
		position: relative;
	}

	.fea-pic.add_gap {
		margin-bottom: 60px;
	}
	@media (max-width: 767px) {
		.fea-pic.add_gap {
			margin-bottom: 50px;
		}
	}
	
	.fea-pic .icon {
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 135px;
	}
	@media (max-width: 767px) {
		.fea-pic .icon {
			width: 80px;
			top: -30px;
		}
	}

	.narrow_wrap {
		max-width: 740px;
		margin: auto;
	}

	@media (max-width: 1023px) {
		.wrap_padding {
			padding: 0 20px;
		}
	}	

	.des.title {
		text-align: center;
		font-size: 1.3em;
		margin-bottom: 25px;
		font-family: 游明朝, yu mincho, 游明朝体, YuMincho, ヒラギノ明朝 pro, hiragino mincho pron, ms p明朝, ms pmincho, HGS明朝E, ms mincho, serif;
	}

	.clean .part:not(:last-child) {
		margin-bottom: 70px;
	}
	@media (max-width: 1023px) {
		.clean .part:not(:last-child) {
			margin-bottom: 50px;
		}
	}

	.narrow_wrap.gradient {
		text-align: center;
		font-size: 36px;
		margin-bottom: 35px;
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #1bd1d1), to(transparent));
		background-image: linear-gradient(to right, transparent 0%, #1bd1d1 50%, transparent 100%);
		font-family: 游明朝, yu mincho, 游明朝体, YuMincho, ヒラギノ明朝 pro, hiragino mincho pron, ms p明朝, ms pmincho, HGS明朝E, ms mincho, serif;
		font-weight: 500;
	}
	@media (max-width: 1023px) {
		.narrow_wrap.gradient {
			font-size: 30px;
		}
	}

	@media (max-width: 767px) {
		.narrow_wrap.gradient {
			font-size: 6vw;
		}
	}

	@media (max-width: 767px) {
		.narrow_wrap.gradient small {
			font-size: 3.2vw;
		}
	}
	
	.align_right {
		font-size: 14px;
		text-align: right;
	}

	body:not(.home) p {
		font-size: 16px;
		line-height: 1.6;
		padding: 1em 0;
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
		letter-spacing: 1px;
	}
	
	@media (max-width: 1680px) {
		body:not(.home) p {
			font-size: 14px;
			line-height: 1.6;
		}
	}

	@media (max-width: 900px) {
		body:not(.home) p {
			font-size: 12px;
		}
	}	

	.clean .cells {
		display: grid;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		row-gap: 30px;
		grid-template-columns: repeat(4, 1fr);
		text-align: center;
	}

	@media (max-width: 1023px) {
		.clean .cells {
			-webkit-column-gap: 30px;
			-moz-column-gap: 30px;
			column-gap: 30px;
		}
	}

	@media (max-width: 767px) {
		.clean .cells {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	
	.clean .cells .order {
		width: 40px;
		height: 40px;
		border: 2px solid #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 20px;
		color: #fff;
		border-radius: 100%;
		margin-bottom: -10px;
	}

	@media (max-width: 767px) {
		.clean .cells .order {
			width: 30px;
			height: 30px;
			font-size: 16px;
		}
	}	

	.clean .cells p {
		text-align: center;
		margin-top: 15px;
	}

	.clean .cells2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;
		row-gap: 35px;
	}

	@media (max-width: 767px) {
		.clean .cells2 {
			padding: 0 20px;
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 767px) {
		.clean .cells.hair_cells {
			display: block;
		}
	}

	@media (max-width: 767px) {
		.clean .cells.hair_cells>.cell:first-child {
			margin-bottom: 25px;
		}
	}
	
	.clean .cells2 h3 {
		font-size: 24px;
		text-align: center;
		height: 3em;
		line-height: 1.5em;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 20px;
	}

	@media (max-width: 1023px) {
		.clean .cells2 h3 {
			font-size: 20px;
		}
	}
	
	@media (max-width: 767px) {
		.clean .cells2 h3 {
			height: auto;
			font-size: 16px;
			margin-bottom: 15px;
		}
	}

	.clean .cells2 h3.blue {
		background-color: #4cb5c3;
		color:#fff;
	}

	.card {
		border-radius: 0 24px 24px 24px;
		padding: 30px;
		color: #707070;
		margin-top: 50px;
		background-image: linear-gradient(-45deg, #edf8fd 0%, #e5f6ff 20%, #76d8fc 100%);
	}

	@media (max-width: 1023px) {
		.card {
			padding: 25px 20px;
		}
	}

	@media (max-width: 767px) {
		.card {
			padding: 20px 15px;
			margin-top: 40px;
		}
	}
	
	.card .card_wrap {
		display: grid;
		gap: 20px;
		grid-template-areas:
			"a b"
			"a c";
		grid-template-columns: 180px auto;
	}

	@media (max-width: 1023px) {
		.card .card_wrap {
			grid-template-columns: 160px auto;
		}
	}

	@media (max-width: 767px) {
		.card .card_wrap {
			grid-template-areas:
			"a b"
			"c c";
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			grid-template-columns: 110px auto;
			gap: 15px;
		}
	}
		
	.card .person {
		grid-area: a;
	}

	.card .table {
		font-weight: 700;
		grid-area: b;
		display: grid;
		border-top: 1px solid #707070;
		border-bottom: 1px solid #707070;
		padding: 10px 0;
		grid-template-columns: repeat(2, 1fr);
	}

	@media (max-width: 767px) {
		.card .table {
			padding: 0;
			grid-template-columns: 1fr;
		}
	}

	.card .l_tb {
		border-right: 1px solid #707070;
		padding: 0 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	@media (max-width: 767px) {
		.card .l_tb {
			font-size: 12px;
			padding: 5px 0;
			border-right: 0;
			border-bottom: 1px solid #707070;
		}
	}
	
	.card .r_tb {
		padding: 0 15px;
		font-size: 24px;
		line-height: 1.4;
	}

	@media (max-width: 1023px) {
		.card .r_tb {
			font-size: 20px;
		}
	}

	@media (max-width: 767px) {
		.card .r_tb {
			padding: 5px 0;
			font-size: 17px;
		}
	}
	
	.card .r_tb small {
		font-size: 1rem;
	}

	@media (max-width: 767px) {
		.card .r_tb small {
			font-size: 12px;
		}
	}
	
	.card .cnt {
		display: grid;
		grid-template-columns: 55% auto;
		gap: 20px;
		grid-area: c;
	}

	@media (max-width: 767px) {
		.card .cnt {
			grid-template-columns: 1fr;
		}
	}
	
	.card .cnt p {
		padding: 0;
	}

	@media (max-width: 767px) {
		.card .excerpt {
			text-overflow: ellipsis;
			overflow: hidden;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			display: -webkit-box;
		}
	}	
	
	.card .align_right {
		font-weight: 400;
		margin-top: 1em;
	}

	.card .car_r_ttl {
		background-color: #4cb5c3;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		font-size: 16px;
	}

	@media (max-width: 767px) {
		.card .hide {
			display: none;
		}
	}
	
	.card .note {
		font-size: 12px;
		margin-top: 10px;
		font-weight: 400;
	}

	.more {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-top: 8px;
	}

	.card .more {
		display: none;
		pointer-events: auto !important;
	}

	@media (max-width: 767px) {
		.card .more {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		}
	}	
	
	.more img {
		width: 8px;
		margin-left: 5px;
	}

	.des.title {
		text-align: center;
		font-size: 1.3em;
		margin-bottom: 25px;
		font-family: 游明朝, yu mincho, 游明朝体, YuMincho, ヒラギノ明朝 pro, hiragino mincho pron, ms p明朝, ms pmincho, HGS明朝E, ms mincho, serif;
	}

	@media (max-width: 767px) {
		.clean .cells.hair_cells {
			display: block;
		}
	}
	.clean .cells.hair_cells .cell p {
		color: #54ebff;
	}

	
	@media (max-width: 767px) {
		.clean .cells.hair_cells>.cell .order {
			margin-left: 25%;
		}
	}

	.clean .cells small {
		display: block;
		margin-top: 10px;
		font-size: 12px;
	}

	@media (max-width: 767px) {
		.clean .cells.hair_cells>.cell:first-child {
			margin-bottom: 25px;
		}
	}
	
	@media (max-width: 767px) {
		.clean .cells.hair_cells>.cell img {
			width: calc((100% - 20px) / 2);
			margin: auto;
		}
	}	

	.clean .cells.hair_cells .cell-group {
		grid-column: 2 / span 2;
	}

	.clean .cells.hair_cells .cell-group-pic {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
	
	@media (max-width: 1023px) {
		.clean .cells.hair_cells .cell-group-pic {
			gap: 30px;
		}
	}

	@media (max-width: 767px) {
		.clean .cells.hair_cells .cell-group-pic {
			gap: 20px;
		}
	}

	.card.special .cnt {
		grid-template-areas:
			"a"
			"b";
		grid-template-columns: 1fr;
	}

	.card .three_cols {
		margin: 25px 0 10px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.card .three_cols~.align_right {
		margin-top: 0;
	}

	.clean .part:not(:last-child) {
		margin-bottom: 70px;
	}

	@media (max-width: 1023px) {
		.clean .part:not(:last-child) {
			margin-bottom: 50px;
		}
	}

	.pet1 {
    	text-align: center;
	}
	
	.pet1 h3 {
		font-size: 40px;
		font-family: 游明朝, yu mincho, 游明朝体, YuMincho, ヒラギノ明朝 pro, hiragino mincho pron, ms p明朝, ms pmincho, HGS明朝E, ms mincho, serif;
		font-weight: 400;
	}

	@media (max-width: 767px) {
		.pet1 h3 {
			font-size: 5.5vw;
		}
	}

	.pet1 h4 {
		font-size: 28px;
		margin: 1em 0;
	}

	@media (max-width: 767px) {
		.pet1 h4 {
			font-size: 3.4vw;
			margin: 30px 0 40px;
		}
	}
	
	.pet1 h3~h4 {
		font-weight: 500;
		font-family: 游明朝, yu mincho, 游明朝体, YuMincho, ヒラギノ明朝 pro, hiragino mincho pron, ms p明朝, ms pmincho, HGS明朝E, ms mincho, serif;
	}

	.pet1 .pic_cols {
		display: grid;
		grid-template-columns: 1fr 80px 1fr;
	}
	
	@media (max-width: 767px) {
		.pet1 .pic_cols {
			grid-template-columns: 1fr 30px 1fr;
			font-size: 12px;
		}
	}

	.pet1 .pic_cols h4 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: 10px;
		margin: 0 0 20px;
	}

	@media (max-width: 767px) {
		.pet1 .pic_cols h4 {
			gap: 5px;
		}
	}	
	
	.pet1 .pic_cols h4:before {
		content: "";
		height: 1em;
		width: 1em;
		display: block;
		background: url(/img/brand/nanowasala/housing-equipment/dot.png) center / contain no-repeat;
	}

	.pet1 .pic_cols {
		display: grid;
		grid-template-columns: 1fr 80px 1fr;
	}

	@media (max-width: 767px) {
		.pet1 .pic_cols {
			grid-template-columns: 1fr 30px 1fr;
			font-size: 12px;
		}
	}

	.pet1 .arrow {
		background: url(/img/brand/nanowasala/housing-equipment/arrow.png) center / 25px auto no-repeat;
	}

	@media (max-width: 767px) {
		.pet1 .arrow {
			background-size: 10px auto;
		}
	}

	.pet1 .pic_cols p {
		margin-top: 1em;
	}

	.pet1 .pic_cols.gap {
		margin-top: 40px;
	}

	.pet1 .des {
		text-align: left;
	}

	small {
		font-size: 80%;
	}

	.pet2 .underline {
		text-align: center;
		font-size: 32px;
	}
	
	@media (max-width: 767px) {
		.pet2 .underline {
			font-size: 5vw;
		}
	}

	.pet2 .underline span {
		display: inline-block;
		text-decoration: underline;
	}

	.pet2 h4 {
		text-align: center;
		font-size: 24px;
		margin: 30px 0 50px;
	}

	@media (max-width: 767px) {
		.pet2 h4 {
			font-size: 16px;
			margin: 30px 0 40px;
		}
	}

	.pet2 .chart {
		margin-bottom: 40px;
	}

	.pet2 .note {
		font-size: 14px;
		margin-bottom: 50px;
		word-break: break-all;
	}

	.card .two_cols {
		margin: 25px 0 10px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.card.sary .three_cols {
		gap: 10px;
	}
	
	@media (max-width: 767px) {
		.card .three_cols {
			grid-template-columns: 1fr;
			margin-top: 0;
			gap: 15px;
		}
	}

	@media (max-width: 767px) {
		.card.sary .three_cols {
			grid-template-columns: repeat(2, 1fr);
		}
	}
	
	@media (max-width: 767px) {
    .card.sary .three_cols .image:last-child {
        grid-column: 1 / span 2;
    }
	}
	
	.br_sp {
		display: none;
	}

	@media (max-width: 767px) {
		.br_sp {
			display: block;
		}
	}	
	
	.haisui .inner_wrap {
		position: relative;
	}
	
	.haisui .fea-pic {
		position: static;
	}

	.haisui .fea-pic .icon {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.haisui h3 {
		text-align: center;
		font-size: 32px;
		margin: 60px 0 50px;
	}

	@media (max-width: 767px) {
		.haisui h3 {
			font-size: 20px;
			margin: 30px 0 20px;
		}
	}	
	
	.des~.des {
		margin-top: 25px;
	}
	.sub_ttl{
		font-size:36px;
		text-align:center;
		margin-bottom:20px;
	}
	@media (max-width: 767px) {
		.sub_ttl {
			font-size: 24px;
		}
	}	
	.card_ttl{
		text-align: center;
		font-size:24px;
		margin-bottom:20px;
	}
	@media (max-width: 767px) {
		.card_ttl{
			font-size: 18px;
		}
	}	
	.card.show .hide {
		display: block;
	}