@charset "UTF-8";
:root {
	--color-brw: #7c6c5c;
	--color-brw2: #dad0c9;
	--color-wh: #fff;
	--color-bk: #333;
	--font-goc: "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	--font-min: "fot-tsukuaoldmin-pr6n", sans-serif;
	--font-forum: "Forum", "Noto Serif JP", serif;
}

.--superior {
	--color-brw: #5a707b;
	--color-brw2: #c6d6db;
	--color-bl: #7199a4;
}

.p-quality {
	background-color: var(--color-wh);
}
.--superior .p-quality {
	background-image: url(../images/quality/bg.webp);
	background-size: 100%;
}
.p-quality .c-grid {
	display: grid;
}
.p-quality .c-obf {
	object-fit: cover;
	height: 100%;
}
.p-quality .c-mx {
	mix-blend-mode: multiply;
}
@media screen and (min-width: 768px) {
	.p-quality .pc-none {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.p-quality .pc-none {
		display: block;
	}
}
@media screen and (min-width: 768px) {
	.p-quality .sp-none {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.p-quality .sp-none {
		display: none;
	}
}
.p-quality-mv {
	position: relative;
	z-index: 2;
	overflow: visible;
}
.p-quality-mv h1 {
	font-size: clamp(5.4rem, 3.46rem + 6.0625vw, 15.1rem);
	font-family: var(--font-forum);
	font-weight: normal;
	color: var(--color-wh);
	letter-spacing: 0.1em;
	position: absolute;
	z-index: 2;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	line-height: 0.6;
	left: 5%;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.p-quality-mv h1 {
		writing-mode: vertical-lr;
		top: 10%;
		left: 0;
	}
}
.p-quality-area1 {
	color: var(--color-brw);
	background-image: url(../images/quality/quality2.webp);
	background-size: cover;
	padding-block-start: clamp(2rem, -3.2rem + 16.25vw, 28rem);
	padding-block-end: clamp(3rem, 2.4rem + 1.875vw, 6rem);
}
@media screen and (max-width: 767px) {
	.p-quality-area1 {
		background-image: url(../images/quality/quality2-sp.webp);
	}
}
.--superior .p-quality-area1 {
	background-image: url(../images/quality/quality2b.webp);
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-area1 {
		background-image: url(../images/quality/quality2b-sp.webp);
	}
}
.p-quality-area1.-under {
	padding-block-start: clamp(3rem, 2.4rem + 1.875vw, 6rem);
	background-position: center bottom;
}
@media screen and (max-width: 767px) {
	.p-quality-area1 {
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: var(--color-wh);
	}
}
.p-quality-area1 h2 {
	font-family: var(--font-min);
	text-align: center;
	font-weight: normal;
}
.p-quality-area1 h2:after {
	content: "";
	width: 1px;
	height: 90px;
	background-color: var(--color-brw);
	display: block;
	margin-inline: auto;
	margin-block: clamp(1.5rem, 0.6rem + 2.8125vw, 6rem) clamp(3rem, 2.4rem + 1.875vw, 6rem);
}
@media screen and (max-width: 767px) {
	.p-quality-area1 h2:after {
		height: 75px;
	}
}
.p-quality-area1 h2 span {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: clamp(1.3rem, 1.26rem + 0.125vw, 1.5rem);
	letter-spacing: 0.07em;
	margin-block-end: clamp(1.2rem, 0.94rem + 0.8125vw, 2.5rem);
}
.p-quality-area1 h2 span:before, .p-quality-area1 h2 span:after {
	content: "";
	width: 76px;
	height: 18px;
	border: 1px solid var(--color-brw);
	display: block;
}
.p-quality-area1 h2 span:before {
	border-right: none;
}
.p-quality-area1 h2 span:after {
	border-left: none;
}
.p-quality-area1 h2 em {
	display: block;
	font-style: normal;
	font-size: clamp(2.6rem, 2.08rem + 1.625vw, 5.2rem);
	line-height: 1.3;
	letter-spacing: 0.05em;
}
.p-quality-area1 p {
	font-family: var(--font-min);
	text-align: center;
	letter-spacing: 0.1em;
	font-size: clamp(1.9rem, 1.52rem + 1.1875vw, 3.8rem);
	line-height: 2;
	margin-block-end: clamp(2rem, -1.4rem + 10.625vw, 19rem);
}
.p-quality-area1 nav ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(1.3rem, 1.16rem + 0.4375vw, 2rem);
}
.p-quality-area1 nav ul li a {
	font-family: var(--font-forum);
	font-size: clamp(1.8rem, 1.44rem + 1.125vw, 3.6rem);
	font-variant: small-caps;
	color: var(--color-bk);
	letter-spacing: 0.1em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul li a {
		line-height: 0.7;
	}
}
.p-quality-area1 nav ul li a span {
	display: block;
	font-family: var(--font-min);
	font-size: clamp(1rem, 0.98rem + 0.0625vw, 1.1rem);
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul li a span {
		letter-spacing: 0;
		transform: scale(0.8);
		transform-origin: center center;
		white-space: nowrap;
		margin-bottom: 5px;
	}
}
.p-quality-area1 nav ul li a em {
	display: block;
	font-style: normal;
	font-family: var(--font-min);
	font-size: clamp(1rem, 0.9rem + 0.3125vw, 1.5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul li a em {
		letter-spacing: 0;
		transform: scale(0.8);
		transform-origin: center center;
		margin-top: 5px;
	}
}
.p-quality-area1 nav ul li a small {
	font-size: clamp(1.8rem, 1.44rem + 1.125vw, 3.6rem);
	transform: scale(0.55) translateY(3px);
}
.p-quality-area1 nav ul:nth-of-type(1) {
	margin-block-end: clamp(2rem, 1.8rem + 0.625vw, 3rem);
}
.p-quality-area1 nav ul:nth-of-type(1) li a {
	height: 100px;
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul:nth-of-type(1) li a {
		height: 70px;
	}
}
.p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(1) a {
	background-color: var(--color-wh);
}
.--superior .p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(1) a {
	background-image: url(../images/quality/quality3a.webp);
	background-size: cover;
	background-color: transparent;
	color: var(--color-brw);
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(1) a {
		background-image: url(../images/quality/quality3a-sp.webp);
	}
}
.p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(2) a {
	background-image: url(../images/quality/quality3.webp);
	background-size: cover;
	color: var(--color-wh);
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(2) a {
		background-image: url(../images/quality/quality3-sp.webp);
	}
}
.--superior .p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(2) a {
	background-image: url(../images/quality/quality3b.webp);
	color: var(--color-bk);
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(2) a {
		background-image: url(../images/quality/quality3b-sp.webp);
	}
}
.p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(3) a {
	background-image: url(../images/quality/quality4.webp);
	background-size: cover;
	color: var(--color-wh);
	position: relative;
}
.p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(3) a:after {
	content: "";
	position: absolute;
	right: 22px;
	width: 8px;
	height: 16px;
	background-size: cover;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208.75%2016.79%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22.35%2016.79%200%2016.44%208.04%208.4%200%20.35%20.35%200%208.75%208.4%20.35%2016.79%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul:nth-of-type(1) li:nth-of-type(3) a:after {
		background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209.02%2016.97%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%22.53%2016.97%200%2016.44%207.96%208.49%200%20.53%20.53%200%209.02%208.49%20.53%2016.97%22%2F%3E%3C%2Fsvg%3E");
		width: 4px;
		height: 8px;
		right: 8px;
	}
}
.p-quality-area1 nav ul:nth-of-type(2) {
	grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul:nth-of-type(2) {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}
}
.p-quality-area1 nav ul:nth-of-type(2) li a {
	font-size: clamp(2.3rem, 2.2rem + 0.3125vw, 2.8rem);
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid var(--color-bk);
	height: 60px;
	flex-direction: row;
}
@media screen and (max-width: 767px) {
	.p-quality-area1 nav ul:nth-of-type(2) li a {
		height: 40px;
	}
}
.p-quality-contents {
	padding-block-start: clamp(4rem, 3.3rem + 2.1875vw, 7.5rem);
	font-family: var(--font-min);
}
.p-quality-contents h2 {
	text-align: center;
	font-weight: 400;
	font-family: var(--font-min);
	color: var(--color-brw);
	margin-block-end: clamp(3.5rem, 2.6rem + 2.8125vw, 8rem);
}
.p-quality-contents h2 span {
	font-size: clamp(2.5rem, 2.04rem + 1.4375vw, 4.8rem);
	display: block;
	letter-spacing: 0.06em;
	margin-block-end: clamp(1.5rem, 1.2rem + 0.9375vw, 3rem);
}
.p-quality-contents h2 em {
	font-size: clamp(1.6rem, 1.44rem + 0.5vw, 2.4rem);
	font-style: normal;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
	.p-quality-contents .-sm-bk {
		color: var(--color-bk);
	}
}
.p-quality-contents__tab {
	margin-block-start: clamp(5rem, 4.5rem + 1.5625vw, 7.5rem);
}
.p-quality-contents__box {
	margin-block-end: clamp(7rem, 6rem + 3.125vw, 12rem);
}
.p-quality-contents__box h3 {
	font-family: var(--font-forum);
	color: var(--color-brw);
	text-align: center;
	font-weight: 400;
	font-size: clamp(2.8rem, 2.76rem + 0.125vw, 3rem);
	letter-spacing: 0.1em;
	margin-block-end: 25px;
}
.--superior .p-quality-contents__box h3 {
	color: var(--color-bl);
}
.p-quality-contents__box .-heading {
	font-size: clamp(1.8rem, 1.6rem + 0.625vw, 2.8rem);
	color: var(--color-brw);
	font-weight: 400;
	margin-block-end: 25px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box .-heading {
		margin-block-end: 35px;
		line-height: 1.3;
	}
}
.p-quality-contents__box .-note {
	font-size: clamp(1.3rem, 1.16rem + 0.4375vw, 2rem);
	line-height: 1.6;
	letter-spacing: 0.06em;
}
.p-quality-contents__box .-note2 {
	font-size: clamp(1.6rem, 1.56rem + 0.125vw, 1.8rem);
	line-height: 1.6;
	letter-spacing: 0.04em;
}
.p-quality-contents__box .-heading2 {
	font-size: clamp(1.8rem, 1.68rem + 0.375vw, 2.4rem);
	color: var(--color-brw);
	font-weight: 400;
	margin-block-end: 20px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box .-heading2 {
		margin-block-end: 25px;
	}
}
.p-quality-contents__box .-heading3 {
	background-color: var(--color-brw);
	color: var(--color-wh);
	font-weight: 400;
	text-align: center;
	font-size: clamp(1.5rem, 1.32rem + 0.5625vw, 2.4rem);
	height: clamp(3rem, 2.8rem + 0.625vw, 4rem);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-block-end: clamp(2.5rem, 1.8rem + 2.1875vw, 6rem);
	margin-block-start: clamp(6rem, 5.6rem + 1.25vw, 8rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box .-scrl img {
		width: 200%;
	}
}
.p-quality-contents__box.-living h3 {
	margin-block-start: clamp(4.5rem, 3.7rem + 2.5vw, 8.5rem);
	margin-block-end: clamp(2rem, 0.9rem + 3.4375vw, 7.5rem);
}
.p-quality-contents__box.-living .c-grid {
	justify-content: space-between;
	grid-template-columns: 30% 65%;
	grid-template-rows: max-content max-content 1fr max-content;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-living .c-grid {
		display: flex;
		flex-direction: column;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-living .c-grid .-heading {
		margin-block-end: 10px;
	}
}
.p-quality-contents__box.-living .c-grid figure {
	grid-row: 1/-1;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-living .c-grid figure {
		width: 60%;
		margin-inline: auto;
		margin-block: 40px 50px;
	}
}
.p-quality-contents__box.-living .c-grid h5 {
	margin-block-start: auto;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-living .c-grid h5 {
		margin-inline: auto;
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-living .p-quality-contents__item figure {
		width: 100%;
		margin: 0;
	}
}
.p-quality-contents__box.-living .p-quality-contents__txt dl dt {
	margin-block-end: 15px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-storage {
		width: 100% !important;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-storage .-heading {
		padding-inline: 5%;
		text-align: left;
		margin-block-end: 10px;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-storage .-note {
		padding-inline: 5%;
		text-align: left;
	}
}
.p-quality-contents__box.-storage ul {
	margin-block-start: clamp(3rem, 2.4rem + 1.875vw, 6rem);
}
@media screen and (min-width: 768px) {
	.p-quality-contents__box.-storage ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: clamp(2.5rem, 2rem + 1.5625vw, 5rem);
	}
}
.p-quality-contents__box.-storage ul li span {
	display: block;
	color: var(--color-brw);
	font-size: clamp(1rem, 0.8rem + 0.625vw, 2rem);
	margin-block-start: 5px;
}
.p-quality-contents__box.-storage ul li span em {
	font-style: normal;
	font-size: 1rem;
	display: inline-block;
	margin-inline-start: 5px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-storage ul li span em {
		margin: 0;
		display: block;
	}
}
.p-quality-contents__box.-storage ul.slick-initialized .slick-slide {
	padding: 0 10px;
}
.p-quality-contents__box.-storage .arrow_box {
	display: flex;
	align-items: center;
	margin: 20px 0 0;
	padding-inline-start: 25%;
	gap: 5px;
	position: relative;
}
.p-quality-contents__box.-storage .arrow_box .prev-arrow,
.p-quality-contents__box.-storage .arrow_box .next-arrow {
	display: block;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23707070%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M40%2C3c20.4%2C0%2C37%2C16.6%2C37%2C37s-16.6%2C37-37%2C37S3%2C60.4%2C3%2C40%2C19.6%2C3%2C40%2C3M40%2C0C17.91%2C0%2C0%2C17.91%2C0%2C40s17.91%2C40%2C40%2C40%2C40-17.91%2C40-40S62.09%2C0%2C40%2C0h0Z%22%2F%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2253.84%2045.57%2022.06%2045.57%2038.75%2029.37%2040.84%2031.52%2029.46%2042.57%2053.84%2042.57%2053.84%2045.57%22%2F%3E%3C%2Fsvg%3E");
	border-radius: 50%;
	transition: all 0.3s ease;
	cursor: pointer;
	position: relative;
}
.p-quality-contents__box.-storage .arrow_box .next-arrow {
	transform: scaleX(-1);
	margin-right: 20px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-kitchen .-heading {
		margin-block-end: 10px;
		text-align: left;
		white-space: nowrap;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-kitchen .-note {
		text-align: left;
	}
}
.p-quality-contents__box.-kitchen .c-grid {
	margin-block-start: clamp(3.5rem, 1.8rem + 5.3125vw, 12rem);
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: clamp(2rem, 1.4rem + 1.875vw, 5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-kitchen .c-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px 0;
	}
}
.p-quality-contents__box.-kitchen .c-grid figure {
	grid-area: 1/1/4/4;
}
.p-quality-contents__box.-kitchen .c-grid figure img {
	object-fit: cover;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item {
		width: 47%;
	}
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(1) {
	grid-column: 4;
	grid-row: 1;
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(2) {
	grid-column: 4;
	grid-row: 2;
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(3) {
	grid-column: 4;
	grid-row: 3;
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(4) {
	grid-column: 1;
	grid-row: 4;
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(5) {
	grid-column: 2;
	grid-row: 4;
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(6) {
	grid-column: 3;
	grid-row: 4;
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(7) {
	grid-column: 4;
	grid-row: 4;
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item dl dt {
	margin-block-end: 0px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item dl dt {
		margin-block-end: 10px;
	}
}
.p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item dl dt span {
	font-size: clamp(1.2rem, 1.18rem + 0.0625vw, 1.3rem);
	display: inline-block;
	margin-inline-end: clamp(0rem, -0.2rem + 0.625vw, 1rem);
}
.--superior .p-quality-contents__box.-kitchen .c-grid {
	grid-template-rows: auto;
}
.--superior .p-quality-contents__box.-kitchen .c-grid figure {
	grid-area: 1/1/2/5;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(1) {
	grid-area: 2/1/3/2;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(2) {
	grid-area: 2/2/3/3;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(3) {
	grid-area: 2/3/3/4;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(4) {
	grid-area: 2/4/3/5;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(5) {
	grid-area: 3/1/4/2;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(6) {
	grid-area: 3/2/4/3;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(7) {
	grid-area: 3/3/4/4;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(8) {
	grid-area: 3/4/4/5;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(9) {
	grid-area: 4/1/5/2;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(10) {
	grid-area: 4/2/5/3;
}
.--superior .p-quality-contents__box.-kitchen .c-grid .p-quality-contents__item:nth-of-type(11) {
	grid-area: 4/3/5/4;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-bathroom .-heading {
		margin-block-end: 10px;
		text-align: left;
		white-space: nowrap;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-bathroom .-note {
		text-align: left;
	}
}
.p-quality-contents__box.-bathroom .c-grid {
	margin-block-start: clamp(3.5rem, 1.8rem + 5.3125vw, 12rem);
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: clamp(2rem, 1.4rem + 1.875vw, 5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-bathroom .c-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px 0;
	}
}
.p-quality-contents__box.-bathroom .c-grid figure {
	grid-area: 1/1/4/4;
}
.p-quality-contents__box.-bathroom .c-grid figure img {
	object-fit: cover;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item {
		width: 47%;
	}
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item:nth-of-type(1) {
	grid-column: 4;
	grid-row: 1;
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item:nth-of-type(2) {
	grid-column: 4;
	grid-row: 2;
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item:nth-of-type(3) {
	grid-column: 4;
	grid-row: 3;
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item:nth-of-type(4) {
	grid-column: 1;
	grid-row: 4;
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item:nth-of-type(5) {
	grid-column: 2;
	grid-row: 4;
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item:nth-of-type(6) {
	grid-column: 3;
	grid-row: 4;
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item:nth-of-type(7) {
	grid-column: 4;
	grid-row: 4;
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item dl dt {
	margin-block-end: 0px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item dl dt {
		margin-block-end: 10px;
	}
}
.p-quality-contents__box.-bathroom .c-grid .p-quality-contents__item dl dt span {
	font-size: clamp(1.2rem, 1.18rem + 0.0625vw, 1.3rem);
	display: inline-block;
	margin-inline-end: clamp(0rem, -0.2rem + 0.625vw, 1rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-dressing .-heading {
		margin-block-end: 10px;
		text-align: left;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-dressing .-note {
		text-align: left;
	}
}
.p-quality-contents__box.-dressing .p-quality-contents__txt dt {
	margin-block-end: 0;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-dressing .p-quality-contents__txt dt {
		margin-block-end: 10px;
	}
}
.p-quality-contents__box.-dressing .c-grid {
	margin-block-start: clamp(3.5rem, 1.8rem + 5.3125vw, 12rem);
	grid-template-columns: repeat(3, 17fr) repeat(3, 16fr);
	gap: clamp(2rem, 1.4rem + 1.875vw, 5rem);
	margin-block-end: clamp(2rem, 1.4rem + 1.875vw, 5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-dressing .c-grid {
		display: flex;
		flex-direction: column;
	}
}
.p-quality-contents__box.-dressing .c-grid figure:nth-of-type(1) {
	grid-area: 1/1/4/4;
}
.p-quality-contents__box.-dressing .c-grid figure:nth-of-type(2) {
	grid-area: 1/4/3/7;
}
.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) {
	grid-area: 3/4/4/7;
	display: flex;
	justify-content: space-between;
}
.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) figure {
	width: 36%;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) figure {
		width: 47%;
		position: relative;
	}
}
.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) figure figcaption {
	font-size: clamp(1.4rem, 1.32rem + 0.25vw, 1.8rem);
	color: var(--color-brw);
	margin-block-start: 5px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) figure figcaption {
		position: absolute;
		left: 3px;
		bottom: 3px;
		color: var(--color-wh);
	}
}
.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) dl {
	width: 60%;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) dl {
		width: 47%;
		margin-top: 0;
	}
	.p-quality-contents__box.-dressing .c-grid .p-quality-contents__item:nth-of-type(1) dl dt {
		margin-block: 0 5px;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid figure:nth-of-type(1) {
	grid-area: 1/1/2/2;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid figure:nth-of-type(1) {
		grid-area: auto;
		grid-column: 1/-1;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 {
	grid-area: 1/2/2/4;
	display: grid;
	grid-template-columns: 70% 28%;
	grid-template-rows: max-content max-content 1fr;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box1 {
		grid-template-columns: repeat(3, 1fr);
		gap: 15px 10px;
		grid-area: auto;
		grid-column: 1/-1;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 .p-quality-contents__item {
	grid-area: 1/1/4/2;
	display: block;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box1 .p-quality-contents__item {
		grid-column: 1/-1;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 .p-quality-contents__item figure, .--superior .p-quality-contents__box.-dressing .c-grid .-box1 .p-quality-contents__item dl {
	width: 100%;
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure {
	margin-block-end: clamp(1rem, 0.9rem + 0.3125vw, 1.5rem);
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure figcaption {
	font-size: clamp(0.9rem, 0.72rem + 0.5625vw, 1.8rem);
	color: var(--color-brw);
	margin-block-start: clamp(0.5rem, 0.4rem + 0.3125vw, 1rem);
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure figcaption {
		transform: scale(0.9);
		transform-origin: left top;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure:nth-of-type(1) {
	grid-area: 1/2/2/3;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure:nth-of-type(1) {
		grid-area: auto;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure:nth-of-type(2) {
	grid-area: 2/2/3/3;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure:nth-of-type(2) {
		grid-area: auto;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure:nth-of-type(3) {
	grid-area: 3/2/4/3;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box1 figure:nth-of-type(3) {
		grid-area: auto;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box2 {
	grid-area: 2/1/3/2;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box2 {
		grid-area: auto;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box3 {
	grid-area: 2/2/3/3;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box3 {
		grid-area: auto;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box4 {
	grid-area: 3/1/4/2;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box4 {
		grid-area: auto;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box5 {
	grid-area: 3/2/4/3;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box5 {
		grid-area: auto;
	}
}
.--superior .p-quality-contents__box.-dressing .c-grid .-box6 {
	grid-area: 2/3/4/4;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .-box6 {
		grid-row: 4/6;
		grid-column: 2;
	}
	.--superior .p-quality-contents__box.-dressing .c-grid .-box6 figure img {
		aspect-ratio: inherit !important;
	}
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-dressing .c-grid .p-quality-contents__item figure img {
		object-fit: cover;
		height: 100%;
		aspect-ratio: 1/1;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-securitys {
		overflow: hidden;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-heading {
		text-align: left;
	}
}
.p-quality-contents__box.-security .p-quality-contents__item figure {
	margin-block: auto 0;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .c-flex__item dt figure {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .c-flex__item.p-quality-contents__item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.p-quality-contents__box.-security .c-flex__item.p-quality-contents__item figure, .p-quality-contents__box.-security .c-flex__item.p-quality-contents__item dl {
		width: 47%;
	}
	.p-quality-contents__box.-security .c-flex__item.p-quality-contents__item figure span, .p-quality-contents__box.-security .c-flex__item.p-quality-contents__item dl span {
		margin-block-start: 5px;
	}
	.p-quality-contents__box.-security .c-flex__item.p-quality-contents__item:last-of-type {
		display: block;
	}
	.p-quality-contents__box.-security .c-flex__item.p-quality-contents__item:last-of-type figure, .p-quality-contents__box.-security .c-flex__item.p-quality-contents__item:last-of-type dl {
		width: 100%;
	}
	.p-quality-contents__box.-security .c-flex__item.p-quality-contents__item:last-of-type figure {
		margin-block-start: 10px;
	}
}
.p-quality-contents__box.-security .c-flex__item .-note2 {
	line-height: 1.4;
	margin-block-start: clamp(2.5rem, 2.3rem + 0.625vw, 3.5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .c-flex__item .-note2 {
		margin-block-end: 10px;
	}
}
@media screen and (max-width: 1000px) {
	.p-quality-contents__box.-security .c-flex__item .-note2 br {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .c-flex__item .-note2.-n2 {
		font-size: 1.2rem;
		margin-block-end: 0;
	}
}
.p-quality-contents__box.-security hr {
	margin-block: 35px;
	border: none;
	border-top: 1px solid var(--color-brw);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security hr {
		border: none;
	}
}
.p-quality-contents__box.-security ul {
	margin-block: auto;
}
.p-quality-contents__box.-security ul li {
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
	line-height: 1.7;
	margin-block-end: clamp(0.3rem, 0.22rem + 0.25vw, 0.7rem);
	margin-inline-start: 1em;
	text-indent: -1em;
}
@media screen and (max-width: 1100px) {
	.p-quality-contents__box.-security ul li {
		line-height: 1.3;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security ul li {
		line-height: 1.5;
	}
}
.p-quality-contents__box.-security .-cg2 {
	grid-template-columns: 25% 25% 50%;
	margin-block-end: 60px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg2 {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg2 figure {
		order: 2;
	}
}
.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(1) {
	padding-inline-end: 12%;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(1) {
		order: 3;
		padding: 0;
		display: flex;
		flex-direction: row-reverse;
		gap: 20px;
		margin-block-start: 10px;
	}
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(1) dl {
		width: 50%;
		margin: 0;
	}
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(1) dl dt span {
		font-size: 80%;
	}
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(1) figure {
		aspect-ratio: 1/1;
		width: 42%;
	}
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(1) figure img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) {
		order: 1;
	}
}
.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) dl {
	margin-block-start: 0;
}
@media screen and (max-width: 1100px) {
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) dl dt, .p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) dl dd {
		padding-inline-end: 15px;
	}
}
@media screen and (max-width: 1100px) {
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) dl dt br, .p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) dl dd br {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) dl dt br, .p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) dl dd br {
		display: block;
	}
}
.p-quality-contents__box.-security .-cg2 .p-quality-contents__item:nth-of-type(2) figure {
	width: 90%;
}
.p-quality-contents__box.-security .-cg3 {
	grid-template-columns: 38.18% 19.43% 15.53% 17.77%;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg3 {
		display: flex;
		flex-direction: column;
		gap: 35px;
	}
}
.p-quality-contents__box.-security .-cg4 {
	grid-template: "txt1 txt2 pic txt6 txt5" auto "txt3 txt4 pic txt6 txt7" auto/15% 15% 32% 15.5% 15%;
	justify-content: space-between;
	row-gap: 20px;
	margin-block-end: 25px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg4 {
		grid-template: "pic pic" auto "txt1 txt2" auto "txt3 txt4" auto "txt6 txt5" auto "txt6 txt7" auto/1fr 1fr;
		gap: 20px;
	}
}
.p-quality-contents__box.-security .-cg4 figure {
	grid-area: pic;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg4 figure {
		width: 90%;
		margin-inline: auto;
	}
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item figure {
	width: 100%;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(1) {
	grid-area: txt1;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(2) {
	grid-area: txt2;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(3) {
	grid-area: txt3;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(4) {
	grid-area: txt4;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(4) dt {
	line-height: 1.1;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(4) dt span {
	font-size: 70%;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(5) {
	grid-area: txt5;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(6) {
	grid-area: txt6;
	margin-block: auto 0;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(6) {
		margin-block: 0;
	}
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(7) {
	grid-area: txt7;
	display: grid;
	grid-template-columns: 36% 60%;
	justify-content: space-between;
	margin-block: auto 0;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(7) figure {
	grid-area: auto;
	margin-block: 0 auto;
}
.p-quality-contents__box.-security .-cg4 .p-quality-contents__item:nth-of-type(7) dl {
	margin: 0;
}
.p-quality-contents__box.-security .-cg5 {
	justify-content: space-between;
	grid-template-columns: 22% 73%;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg5 {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg5 figure {
		width: 106%;
	}
	.p-quality-contents__box.-security .-cg5 figure img {
		width: 260%;
	}
}
.p-quality-contents__box.-security .-cg5 dl {
	margin-block-start: 0;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-security .-cg5 dl {
		margin-block-end: 20px;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-heading {
		text-align: left;
		margin-block-end: 0;
	}
}
.p-quality-contents__box.-ecology h5 {
	background-color: var(--color-brw2);
	color: var(--color-bk);
	margin-block-end: clamp(2rem, 1.7rem + 0.9375vw, 3.5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology h5 {
		margin-block-start: 30px;
		position: relative;
	}
	.p-quality-contents__box.-ecology h5 span {
		position: absolute;
		font-size: 1rem;
		right: 5px;
		bottom: 5px;
	}
}
.p-quality-contents__box.-ecology .-cg6 {
	grid-template: "txt pic3 pic1" auto "pic2 pic4 pic4" auto/22% 50% 20%;
	justify-content: space-between;
	row-gap: 30px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-cg6 {
		display: flex;
		flex-direction: column;
	}
}
.--superior .p-quality-contents__box.-ecology .-cg6 {
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-ecology .-cg6 {
		gap: 15px;
	}
}
.--superior .p-quality-contents__box.-ecology .-cg6 .-heading3 {
	margin-block-end: 0;
}
.--superior .p-quality-contents__box.-ecology .-cg6 .-heading3:nth-of-type(1) {
	grid-area: 1/1/2/5;
}
.--superior .p-quality-contents__box.-ecology .-cg6 .-note:nth-of-type(1) {
	grid-area: 2/1/3/2;
}
.--superior .p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(1) {
	grid-area: 3/1/4/2;
}
.--superior .p-quality-contents__box.-ecology .-cg6 div {
	grid-area: 2/2/4/5;
	background-color: #e7e7e9;
	padding: 30px 55px;
	display: grid;
	grid-template-columns: 26% 70%;
	justify-content: space-between;
}
@media screen and (max-width: 1000px) {
	.--superior .p-quality-contents__box.-ecology .-cg6 div {
		display: flex;
		flex-direction: column;
	}
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-ecology .-cg6 div {
		padding: 20px;
	}
}
.--superior .p-quality-contents__box.-ecology .-cg6 div h6 {
	font-size: clamp(1.6rem, 1.48rem + 0.375vw, 2.2rem);
	line-height: 1.5;
	font-weight: 400;
	grid-column: 1/-1;
	margin-block-end: clamp(1.5rem, 1.4rem + 0.3125vw, 2rem);
}
.--superior .p-quality-contents__box.-ecology .-cg6 div .-note {
	grid-area: auto !important;
	font-size: clamp(1.2rem, 1.14rem + 0.1875vw, 1.5rem);
	line-height: 2;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-ecology .-cg6 div .-note {
		line-height: 1.55;
	}
}
.--superior .p-quality-contents__box.-ecology .-cg6 div figure {
	grid-area: auto !important;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-ecology .-cg6 div figure {
		margin-block-start: 20px;
	}
}
.--superior .p-quality-contents__box.-ecology .-cg6 div .caption {
	grid-column: 1/-1;
	margin-block-start: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
.--superior .p-quality-contents__box.-ecology .-cg6 .-heading3:nth-of-type(2) {
	grid-area: 4/1/5/5;
	margin-block-start: clamp(0rem, -0.2rem + 0.625vw, 1rem);
}
.--superior .p-quality-contents__box.-ecology .-cg6 .-note:nth-of-type(2) {
	grid-area: 5/1/6/3;
}
.--superior .p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(2) {
	grid-area: 6/1/7/3;
	width: 100%;
}
.--superior .p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(3) {
	grid-area: 5/3/8/5;
}
.--superior .p-quality-contents__box.-ecology .-cg6 .caption {
	grid-area: 7/1/8/3;
}
.p-quality-contents__box.-ecology .-cg6 .-note {
	grid-area: txt;
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
}
.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(1) {
	grid-area: pic1;
	margin-block: auto;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(1) {
		margin-inline: auto;
	}
}
.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(2) {
	grid-area: pic2;
	width: 80%;
	margin-inline: auto 0;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(2) {
		width: 100%;
	}
	.--superior .p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(2) {
		width: 70%;
		margin-block: 10px 20px;
		margin-inline: auto;
	}
}
.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(3) {
	grid-area: pic3;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(3) {
		width: 80%;
		margin-inline: auto;
	}
	.--superior .p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(3) {
		width: 100%;
	}
}
.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(4) {
	grid-area: pic4;
	background-color: #f0f0f0;
	padding: 20px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(4) {
		padding: 30px 40px;
	}
	.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(4) .-scrl {
		margin-block: 20px;
		border: 1px solid #888;
	}
	.p-quality-contents__box.-ecology .-cg6 figure:nth-of-type(4) .-scrl img {
		width: 220%;
	}
}
.p-quality-contents__box.-ecology .-cg7 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: max-content 1fr;
	gap: clamp(1.5rem, 1.2rem + 0.9375vw, 3rem) clamp(1rem, 0.2rem + 2.5vw, 5rem);
}
.p-quality-contents__box.-ecology .-cg7 p {
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
	line-height: 1.6;
}
.p-quality-contents__box.-ecology .-cg7 figure {
	margin-block: 0 auto;
}
.p-quality-contents__box.-ecology .-cg7 figure .caption {
	font-size: 1rem;
}
.p-quality-contents__box.-ecology .-cg7 figure:nth-of-type(2) {
	grid-row: 1/-1;
	grid-column: 2;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-cg7.c2 figure:nth-of-type(1) {
		grid-column: 1/-1;
	}
}
.p-quality-contents__box.-ecology .-cap {
	margin-block-start: 20px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-ecology .-cap {
		margin-block-start: 40px;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-heading {
		text-align: left;
		margin-block-end: 0;
	}
}
.p-quality-contents__box.-support h5 {
	margin-block-end: clamp(2rem, 1.6rem + 1.25vw, 4rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support h5 {
		margin-block-start: 40px;
	}
}
.p-quality-contents__box.-support .-cg8 {
	grid-template: "txt1 pic2 pic1" auto "txt2 pic2 pic1" auto/44% 28% 21%;
	justify-content: space-between;
	margin-block-end: clamp(3.5rem, 3.2rem + 0.9375vw, 5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-cg8 {
		display: flex;
		flex-direction: column;
	}
}
.--superior .p-quality-contents__box.-support .-cg8 {
	grid-template: "txt1 pic1" auto "txt1 pic2" auto "txt2 pic2" auto/53% 44%;
	margin-block-end: clamp(0.5rem, 0.3rem + 0.625vw, 1.5rem);
}
.p-quality-contents__box.-support .-cg8 figure:nth-of-type(1) {
	grid-area: pic1;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-cg8 figure:nth-of-type(1) {
		width: 55%;
		margin-inline: auto;
	}
}
.--superior .p-quality-contents__box.-support .-cg8 figure:nth-of-type(1) {
	width: 75%;
	margin-inline: auto;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-support .-cg8 figure:nth-of-type(1) {
		width: 55%;
	}
}
.p-quality-contents__box.-support .-cg8 figure:nth-of-type(2) {
	grid-area: pic2;
}
.p-quality-contents__box.-support .-cg8 .p-quality-contents__txt {
	grid-area: txt1;
	margin: 0;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-cg8 .p-quality-contents__txt {
		margin-block: 20px;
	}
}
.p-quality-contents__box.-support .-cg8 .caption {
	grid-area: txt2;
}
.p-quality-contents__box.-support .-cg8a {
	grid-template: "tl1 box4" auto "box1 box4" auto "tl2 box4" auto "box2 box4" auto "txt1 box4" auto "box3 box4" auto/65% 30%;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-cg8a {
		display: block;
	}
}
.p-quality-contents__box.-support .-cg8a h5:nth-of-type(1) {
	grid-area: tl1;
	margin-block-end: 20px;
}
.p-quality-contents__box.-support .-cg8a h5:nth-of-type(2) {
	grid-area: tl2;
	margin-block: 40px 30px;
}
.p-quality-contents__box.-support .-cg8a .-box1 {
	grid-area: box1;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-cg8a .-box1 dl dt {
		font-size: 1.6rem;
	}
}
.p-quality-contents__box.-support .-cg8a .-box2 {
	grid-area: box2;
}
.p-quality-contents__box.-support .-cg8a .-box3 {
	grid-area: box3;
}
.p-quality-contents__box.-support .-cg8a .-box4 {
	grid-area: box4;
	margin-block: 0 auto;
}
.p-quality-contents__box.-support .-cg8a .-txt1 {
	grid-area: txt1;
}
.p-quality-contents__box.-support .-cg9 {
	margin-block-start: clamp(2rem, 1.8rem + 0.625vw, 3rem);
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(1rem, 0.8rem + 0.625vw, 2rem) clamp(3rem, 2.6rem + 1.25vw, 5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-cg9 {
		display: flex;
		flex-direction: column;
	}
}
.--superior .p-quality-contents__box.-support .-cg9 {
	display: flex;
	flex-direction: column;
}
.p-quality-contents__box.-support .-cg9 figure:nth-of-type(1) {
	grid-area: 1/1;
}
.p-quality-contents__box.-support .-cg9 figure:nth-of-type(2) {
	grid-area: 1/2;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .-cg9 figure:nth-of-type(2) {
		margin-block-start: 40px;
	}
}
.p-quality-contents__box.-support .-cg9 p.caption {
	grid-column: 1/-1;
	grid-row: 2;
}
.p-quality-contents__box.-support .c-flex.-cf h5 {
	margin-block-end: clamp(1.3rem, 1.16rem + 0.4375vw, 2rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .c-flex.-cf h5 {
		font-size: 2rem;
	}
}
.p-quality-contents__box.-support .c-flex.-cf p {
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
	line-height: 1.5;
	margin-block: 15px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .c-flex.-cf p {
		font-size: 1.6rem;
		color: var(--color-brw);
	}
}
.p-quality-contents__box.-support .c-flex.-cf p span {
	display: block;
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .c-flex.-cf p span {
		color: var(--color-bk);
	}
}
.p-quality-contents__box.-support .c-flex.-cf dl {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.p-quality-contents__box.-support .c-flex.-cf dl dt {
	width: 75px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .c-flex.-cf dl dt {
		width: 65px;
	}
}
.p-quality-contents__box.-support .c-flex.-cf dl dd {
	width: calc(100% - 90px);
	font-size: 1rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-support .c-flex.-cf dl dd {
		width: calc(100% - 75px);
	}
	.p-quality-contents__box.-support .c-flex.-cf dl dd span {
		margin-inline-start: 1em;
		text-indent: -1em;
		display: inline-block;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-heading {
		text-align: left;
		margin-block-end: 0;
	}
}
.p-quality-contents__box.-structure .-cg10 {
	grid-template-columns: repeat(6, 1fr);
	gap: clamp(2rem, 1.4rem + 1.875vw, 5rem);
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 {
		display: flex;
		flex-direction: column;
	}
}
.p-quality-contents__box.-structure .-cg10 .-pic {
	grid-area: 1/1/5/5;
	margin-block: 0 auto;
}
.p-quality-contents__box.-structure .-cg10 dl dt {
	background-color: var(--color-brw2);
	text-align: center;
	position: relative;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(1.8rem, 1.76rem + 0.125vw, 2rem);
	margin-block-end: 15px;
}
.p-quality-contents__box.-structure .-cg10 dl dt span {
	position: absolute;
	background-color: var(--color-brw);
	color: var(--color-wh);
	left: 0;
	top: 0;
	width: 32px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.p-quality-contents__box.-structure .-cg10 dl dd {
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
	line-height: 1.6;
}
.p-quality-contents__box.-structure .-cg10 dl dd span {
	display: inline-block;
	font-size: 1rem;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(1) {
	grid-area: 1/5/2/7;
	margin-block-start: clamp(2rem, 1.4rem + 1.875vw, 5rem);
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(1) figure {
	margin-block-start: clamp(2rem, 1.8rem + 0.625vw, 3rem);
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(2) {
	grid-area: 2/5/3/7;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(3) {
	grid-area: 3/5/4/7;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(4) {
	grid-area: 4/5/5/7;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: max-content 1fr;
	gap: 0 20px;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(4) dd:nth-of-type(2) {
	grid-row: 1/-1;
	grid-column: 2;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(5) {
	grid-area: 5/1/6/3;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(5) {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 20px;
	}
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(5) dt {
		grid-column: 1/-1;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(5) figure {
	max-width: 300px;
	text-align: center;
	margin-block-start: 10px;
	margin-inline: auto;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(5) figure {
		margin: 0;
	}
}
.--superior .p-quality-contents__box.-structure .-cg10 dl:nth-of-type(5) figure {
	max-width: 270px;
}
@media screen and (max-width: 767px) {
	.--superior .p-quality-contents__box.-structure .-cg10 dl:nth-of-type(5) figure .caption {
		position: static;
		margin: 0;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(6) {
	grid-area: 5/3/6/5;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(6) {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 20px;
	}
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(6) dt {
		grid-column: 1/-1;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(6) figure {
	text-align: center;
	margin-block-start: 10px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(6) figure {
		margin: 0;
	}
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(6) figure .caption {
		position: static;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(7) {
	grid-area: 5/5/6/7;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(7) {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 20px;
	}
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(7) dt {
		grid-column: 1/-1;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(7) figure {
	text-align: center;
	margin-block-start: 10px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(7) figure {
		margin: 0;
	}
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(7) figure .caption {
		position: static;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) {
	grid-area: 6/1/7/7;
	display: grid;
	grid-template-columns: 32% 65%;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) {
		display: flex;
		flex-direction: column;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) dt {
	grid-area: 1/1/2/3;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) dd:nth-of-type(1) {
	grid-area: 2/1/3/2;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) dd:nth-of-type(2) {
	grid-area: 2/2/4/3;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) dd:nth-of-type(2) figure {
		width: 106%;
		margin-block: 20px;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) dd:nth-of-type(3) {
	grid-area: 3/1/4/2;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) dd:nth-of-type(3) figure {
	width: 75%;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(8) dd:nth-of-type(3) figure {
		width: 100%;
	}
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(9) {
	grid-area: 7/1/8/4;
}
.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(10) {
	grid-area: 7/4/8/7;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-cg10 dl:nth-of-type(10) dd figure .caption {
		position: static;
	}
}
.p-quality-contents__box.-structure h5 {
	font-weight: 400;
	font-size: clamp(1.8rem, 1.76rem + 0.125vw, 2rem);
	padding-block-end: 5px;
	border-bottom: 1px solid var(--color-bk);
	margin-block-end: 15px;
	margin-block-start: 50px;
}
.p-quality-contents__box.-structure .-last {
	margin-block-start: 60px;
	margin-block-end: 15px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-last {
		margin-block-end: 30px;
	}
}
@media screen and (max-width: 767px) {
	.p-quality-contents__box.-structure .-p2 {
		text-align: left;
	}
}
.p-quality-contents__txt {
	line-height: 1.6;
	margin-block-start: 10px;
}
@media screen and (max-width: 767px) {
	.p-quality-contents__txt {
		margin-block-start: 15px;
	}
}
.p-quality-contents__txt dt {
	color: var(--color-brw);
	font-size: clamp(1.5rem, 1.44rem + 0.1875vw, 1.8rem);
	margin-block-end: 5px;
}
@media screen and (max-width: 1000px) {
	.p-quality-contents__txt dt {
		line-height: 1.3;
	}
}
.p-quality-contents__txt dd {
	font-size: clamp(1.2rem, 1.16rem + 0.125vw, 1.4rem);
}
.p-quality-contents__txt dd span {
	font-size: 1rem;
	line-height: 1.3;
	display: inline-block;
}
.p-quality .page-footer-area {
	word-break: break-all;
}
@keyframes blurIn {
	from {
		opacity: 0;
		filter: blur(20px);
		transform: translate3d(0, 10px, 0) scaleX(1.2);
	}
	to {
		opacity: 1;
		filter: blur(0);
		transform: none;
	}
}
.p-quality .blurIn {
	animation-name: blurIn;
}
@keyframes blurZoomIn {
	from {
		opacity: 0;
		filter: brightness(1.8) blur(20px);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	50% {
		filter: brightness(1) blur(0);
		opacity: 1;
	}
}
.p-quality .blurZoomIn {
	animation-name: blurZoomIn;
}
.p-quality .cliping-mask {
	overflow: hidden;
}
.p-quality [class*=__inner] {
	max-width: 1240px;
	width: 90%;
	margin-inline: auto;
}

.c-flex {
	display: flex;
	flex-wrap: wrap;
}

.c-flex__item {
	display: flex;
	flex-direction: column;
}

.c-flex__item[data-grid~=auto] {
	width: auto;
}
.c-flex__item[data-grid~="1"] {
	width: 8.3333333333%;
}
.c-flex__item[data-grid~="2"] {
	width: 16.6666666667%;
}
.c-flex__item[data-grid~="3"] {
	width: 25%;
}
.c-flex__item[data-grid~="4"] {
	width: 33.3333333333%;
}
.c-flex__item[data-grid~="5"] {
	width: 41.6666666667%;
}
.c-flex__item[data-grid~="6"] {
	width: 50%;
}
.c-flex__item[data-grid~="7"] {
	width: 58.3333333333%;
}
.c-flex__item[data-grid~="8"] {
	width: 66.6666666667%;
}
.c-flex__item[data-grid~="9"] {
	width: 75%;
}
.c-flex__item[data-grid~="10"] {
	width: 83.3333333333%;
}
.c-flex__item[data-grid~="11"] {
	width: 91.6666666667%;
}
.c-flex__item[data-grid~="12"] {
	width: 100%;
}
@media (max-width: 1200px) {
	.c-flex__item[data-grid~="lg:auto"] {
		width: auto;
	}
	.c-flex__item[data-grid~="lg:1"] {
		width: 8.3333333333%;
	}
	.c-flex__item[data-grid~="lg:2"] {
		width: 16.6666666667%;
	}
	.c-flex__item[data-grid~="lg:3"] {
		width: 25%;
	}
	.c-flex__item[data-grid~="lg:4"] {
		width: 33.3333333333%;
	}
	.c-flex__item[data-grid~="lg:5"] {
		width: 41.6666666667%;
	}
	.c-flex__item[data-grid~="lg:6"] {
		width: 50%;
	}
	.c-flex__item[data-grid~="lg:7"] {
		width: 58.3333333333%;
	}
	.c-flex__item[data-grid~="lg:8"] {
		width: 66.6666666667%;
	}
	.c-flex__item[data-grid~="lg:9"] {
		width: 75%;
	}
	.c-flex__item[data-grid~="lg:10"] {
		width: 83.3333333333%;
	}
	.c-flex__item[data-grid~="lg:11"] {
		width: 91.6666666667%;
	}
	.c-flex__item[data-grid~="lg:12"] {
		width: 100%;
	}
}
@media (max-width: 1024px) {
	.c-flex__item[data-grid~="md:auto"] {
		width: auto;
	}
	.c-flex__item[data-grid~="md:1"] {
		width: 8.3333333333%;
	}
	.c-flex__item[data-grid~="md:2"] {
		width: 16.6666666667%;
	}
	.c-flex__item[data-grid~="md:3"] {
		width: 25%;
	}
	.c-flex__item[data-grid~="md:4"] {
		width: 33.3333333333%;
	}
	.c-flex__item[data-grid~="md:5"] {
		width: 41.6666666667%;
	}
	.c-flex__item[data-grid~="md:6"] {
		width: 50%;
	}
	.c-flex__item[data-grid~="md:7"] {
		width: 58.3333333333%;
	}
	.c-flex__item[data-grid~="md:8"] {
		width: 66.6666666667%;
	}
	.c-flex__item[data-grid~="md:9"] {
		width: 75%;
	}
	.c-flex__item[data-grid~="md:10"] {
		width: 83.3333333333%;
	}
	.c-flex__item[data-grid~="md:11"] {
		width: 91.6666666667%;
	}
	.c-flex__item[data-grid~="md:12"] {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.c-flex__item[data-grid~="sm:auto"] {
		width: auto;
	}
	.c-flex__item[data-grid~="sm:1"] {
		width: 8.3333333333%;
	}
	.c-flex__item[data-grid~="sm:2"] {
		width: 16.6666666667%;
	}
	.c-flex__item[data-grid~="sm:3"] {
		width: 25%;
	}
	.c-flex__item[data-grid~="sm:4"] {
		width: 33.3333333333%;
	}
	.c-flex__item[data-grid~="sm:5"] {
		width: 41.6666666667%;
	}
	.c-flex__item[data-grid~="sm:6"] {
		width: 50%;
	}
	.c-flex__item[data-grid~="sm:7"] {
		width: 58.3333333333%;
	}
	.c-flex__item[data-grid~="sm:8"] {
		width: 66.6666666667%;
	}
	.c-flex__item[data-grid~="sm:9"] {
		width: 75%;
	}
	.c-flex__item[data-grid~="sm:10"] {
		width: 83.3333333333%;
	}
	.c-flex__item[data-grid~="sm:11"] {
		width: 91.6666666667%;
	}
	.c-flex__item[data-grid~="sm:12"] {
		width: 100%;
	}
}
@media (max-width: 480px) {
	.c-flex__item[data-grid~="xs:auto"] {
		width: auto;
	}
	.c-flex__item[data-grid~="xs:1"] {
		width: 8.3333333333%;
	}
	.c-flex__item[data-grid~="xs:2"] {
		width: 16.6666666667%;
	}
	.c-flex__item[data-grid~="xs:3"] {
		width: 25%;
	}
	.c-flex__item[data-grid~="xs:4"] {
		width: 33.3333333333%;
	}
	.c-flex__item[data-grid~="xs:5"] {
		width: 41.6666666667%;
	}
	.c-flex__item[data-grid~="xs:6"] {
		width: 50%;
	}
	.c-flex__item[data-grid~="xs:7"] {
		width: 58.3333333333%;
	}
	.c-flex__item[data-grid~="xs:8"] {
		width: 66.6666666667%;
	}
	.c-flex__item[data-grid~="xs:9"] {
		width: 75%;
	}
	.c-flex__item[data-grid~="xs:10"] {
		width: 83.3333333333%;
	}
	.c-flex__item[data-grid~="xs:11"] {
		width: 91.6666666667%;
	}
	.c-flex__item[data-grid~="xs:12"] {
		width: 100%;
	}
}

.c-flex[data-gutter] > .c-flex__item {
	border: 0px solid transparent;
	background-clip: padding-box;
}
.c-flex[data-gutter~="10"] {
	margin: -5px;
}
.c-flex[data-gutter~="10"] > .c-flex__item {
	border-width: 5px;
}
.c-flex[data-gutter~=x-10] {
	margin-right: -5px;
	margin-left: -5px;
}
.c-flex[data-gutter~=x-10] > .c-flex__item {
	border-right-width: 5px;
	border-left-width: 5px;
}
.c-flex[data-gutter~=y-10] {
	margin-top: -5px;
	margin-bottom: -5px;
}
.c-flex[data-gutter~=y-10] > .c-flex__item {
	border-top-width: 5px;
	border-bottom-width: 5px;
}
.c-flex[data-gutter~="15"] {
	margin: -7.5px;
}
.c-flex[data-gutter~="15"] > .c-flex__item {
	border-width: 7.5px;
}
.c-flex[data-gutter~=x-15] {
	margin-right: -7.5px;
	margin-left: -7.5px;
}
.c-flex[data-gutter~=x-15] > .c-flex__item {
	border-right-width: 7.5px;
	border-left-width: 7.5px;
}
.c-flex[data-gutter~=y-15] {
	margin-top: -7.5px;
	margin-bottom: -7.5px;
}
.c-flex[data-gutter~=y-15] > .c-flex__item {
	border-top-width: 7.5px;
	border-bottom-width: 7.5px;
}
.c-flex[data-gutter~="20"] {
	margin: -10px;
}
.c-flex[data-gutter~="20"] > .c-flex__item {
	border-width: 10px;
}
.c-flex[data-gutter~=x-20] {
	margin-right: -10px;
	margin-left: -10px;
}
.c-flex[data-gutter~=x-20] > .c-flex__item {
	border-right-width: 10px;
	border-left-width: 10px;
}
.c-flex[data-gutter~=y-20] {
	margin-top: -10px;
	margin-bottom: -10px;
}
.c-flex[data-gutter~=y-20] > .c-flex__item {
	border-top-width: 10px;
	border-bottom-width: 10px;
}
.c-flex[data-gutter~="25"] {
	margin: -12.5px;
}
.c-flex[data-gutter~="25"] > .c-flex__item {
	border-width: 12.5px;
}
.c-flex[data-gutter~=x-25] {
	margin-right: -12.5px;
	margin-left: -12.5px;
}
.c-flex[data-gutter~=x-25] > .c-flex__item {
	border-right-width: 12.5px;
	border-left-width: 12.5px;
}
.c-flex[data-gutter~=y-25] {
	margin-top: -12.5px;
	margin-bottom: -12.5px;
}
.c-flex[data-gutter~=y-25] > .c-flex__item {
	border-top-width: 12.5px;
	border-bottom-width: 12.5px;
}
.c-flex[data-gutter~="30"] {
	margin: -15px;
}
.c-flex[data-gutter~="30"] > .c-flex__item {
	border-width: 15px;
}
.c-flex[data-gutter~=x-30] {
	margin-right: -15px;
	margin-left: -15px;
}
.c-flex[data-gutter~=x-30] > .c-flex__item {
	border-right-width: 15px;
	border-left-width: 15px;
}
.c-flex[data-gutter~=y-30] {
	margin-top: -15px;
	margin-bottom: -15px;
}
.c-flex[data-gutter~=y-30] > .c-flex__item {
	border-top-width: 15px;
	border-bottom-width: 15px;
}
.c-flex[data-gutter~="40"] {
	margin: -20px;
}
.c-flex[data-gutter~="40"] > .c-flex__item {
	border-width: 20px;
}
.c-flex[data-gutter~=x-40] {
	margin-right: -20px;
	margin-left: -20px;
}
.c-flex[data-gutter~=x-40] > .c-flex__item {
	border-right-width: 20px;
	border-left-width: 20px;
}
.c-flex[data-gutter~=y-40] {
	margin-top: -20px;
	margin-bottom: -20px;
}
.c-flex[data-gutter~=y-40] > .c-flex__item {
	border-top-width: 20px;
	border-bottom-width: 20px;
}
.c-flex[data-gutter~="50"] {
	margin: -25px;
}
.c-flex[data-gutter~="50"] > .c-flex__item {
	border-width: 25px;
}
.c-flex[data-gutter~=x-50] {
	margin-right: -25px;
	margin-left: -25px;
}
.c-flex[data-gutter~=x-50] > .c-flex__item {
	border-right-width: 25px;
	border-left-width: 25px;
}
.c-flex[data-gutter~=y-50] {
	margin-top: -25px;
	margin-bottom: -25px;
}
.c-flex[data-gutter~=y-50] > .c-flex__item {
	border-top-width: 25px;
	border-bottom-width: 25px;
}
.c-flex[data-gutter~="60"] {
	margin: -30px;
}
.c-flex[data-gutter~="60"] > .c-flex__item {
	border-width: 30px;
}
.c-flex[data-gutter~=x-60] {
	margin-right: -30px;
	margin-left: -30px;
}
.c-flex[data-gutter~=x-60] > .c-flex__item {
	border-right-width: 30px;
	border-left-width: 30px;
}
.c-flex[data-gutter~=y-60] {
	margin-top: -30px;
	margin-bottom: -30px;
}
.c-flex[data-gutter~=y-60] > .c-flex__item {
	border-top-width: 30px;
	border-bottom-width: 30px;
}
@media (max-width: 1200px) {
	.c-flex[data-gutter~="lg:10"] {
		margin: -5px;
	}
	.c-flex[data-gutter~="lg:10"] > .c-flex__item {
		border-width: 5px;
	}
	.c-flex[data-gutter~="lg:x-10"] {
		margin-right: -5px;
		margin-left: -5px;
	}
	.c-flex[data-gutter~="lg:x-10"] > .c-flex__item {
		border-right-width: 5px;
		border-left-width: 5px;
	}
	.c-flex[data-gutter~="lg:y-10"] {
		margin-top: -5px;
		margin-bottom: -5px;
	}
	.c-flex[data-gutter~="lg:y-10"] > .c-flex__item {
		border-top-width: 5px;
		border-bottom-width: 5px;
	}
	.c-flex[data-gutter~="lg:15"] {
		margin: -7.5px;
	}
	.c-flex[data-gutter~="lg:15"] > .c-flex__item {
		border-width: 7.5px;
	}
	.c-flex[data-gutter~="lg:x-15"] {
		margin-right: -7.5px;
		margin-left: -7.5px;
	}
	.c-flex[data-gutter~="lg:x-15"] > .c-flex__item {
		border-right-width: 7.5px;
		border-left-width: 7.5px;
	}
	.c-flex[data-gutter~="lg:y-15"] {
		margin-top: -7.5px;
		margin-bottom: -7.5px;
	}
	.c-flex[data-gutter~="lg:y-15"] > .c-flex__item {
		border-top-width: 7.5px;
		border-bottom-width: 7.5px;
	}
	.c-flex[data-gutter~="lg:20"] {
		margin: -10px;
	}
	.c-flex[data-gutter~="lg:20"] > .c-flex__item {
		border-width: 10px;
	}
	.c-flex[data-gutter~="lg:x-20"] {
		margin-right: -10px;
		margin-left: -10px;
	}
	.c-flex[data-gutter~="lg:x-20"] > .c-flex__item {
		border-right-width: 10px;
		border-left-width: 10px;
	}
	.c-flex[data-gutter~="lg:y-20"] {
		margin-top: -10px;
		margin-bottom: -10px;
	}
	.c-flex[data-gutter~="lg:y-20"] > .c-flex__item {
		border-top-width: 10px;
		border-bottom-width: 10px;
	}
	.c-flex[data-gutter~="lg:25"] {
		margin: -12.5px;
	}
	.c-flex[data-gutter~="lg:25"] > .c-flex__item {
		border-width: 12.5px;
	}
	.c-flex[data-gutter~="lg:x-25"] {
		margin-right: -12.5px;
		margin-left: -12.5px;
	}
	.c-flex[data-gutter~="lg:x-25"] > .c-flex__item {
		border-right-width: 12.5px;
		border-left-width: 12.5px;
	}
	.c-flex[data-gutter~="lg:y-25"] {
		margin-top: -12.5px;
		margin-bottom: -12.5px;
	}
	.c-flex[data-gutter~="lg:y-25"] > .c-flex__item {
		border-top-width: 12.5px;
		border-bottom-width: 12.5px;
	}
	.c-flex[data-gutter~="lg:30"] {
		margin: -15px;
	}
	.c-flex[data-gutter~="lg:30"] > .c-flex__item {
		border-width: 15px;
	}
	.c-flex[data-gutter~="lg:x-30"] {
		margin-right: -15px;
		margin-left: -15px;
	}
	.c-flex[data-gutter~="lg:x-30"] > .c-flex__item {
		border-right-width: 15px;
		border-left-width: 15px;
	}
	.c-flex[data-gutter~="lg:y-30"] {
		margin-top: -15px;
		margin-bottom: -15px;
	}
	.c-flex[data-gutter~="lg:y-30"] > .c-flex__item {
		border-top-width: 15px;
		border-bottom-width: 15px;
	}
	.c-flex[data-gutter~="lg:40"] {
		margin: -20px;
	}
	.c-flex[data-gutter~="lg:40"] > .c-flex__item {
		border-width: 20px;
	}
	.c-flex[data-gutter~="lg:x-40"] {
		margin-right: -20px;
		margin-left: -20px;
	}
	.c-flex[data-gutter~="lg:x-40"] > .c-flex__item {
		border-right-width: 20px;
		border-left-width: 20px;
	}
	.c-flex[data-gutter~="lg:y-40"] {
		margin-top: -20px;
		margin-bottom: -20px;
	}
	.c-flex[data-gutter~="lg:y-40"] > .c-flex__item {
		border-top-width: 20px;
		border-bottom-width: 20px;
	}
	.c-flex[data-gutter~="lg:50"] {
		margin: -25px;
	}
	.c-flex[data-gutter~="lg:50"] > .c-flex__item {
		border-width: 25px;
	}
	.c-flex[data-gutter~="lg:x-50"] {
		margin-right: -25px;
		margin-left: -25px;
	}
	.c-flex[data-gutter~="lg:x-50"] > .c-flex__item {
		border-right-width: 25px;
		border-left-width: 25px;
	}
	.c-flex[data-gutter~="lg:y-50"] {
		margin-top: -25px;
		margin-bottom: -25px;
	}
	.c-flex[data-gutter~="lg:y-50"] > .c-flex__item {
		border-top-width: 25px;
		border-bottom-width: 25px;
	}
	.c-flex[data-gutter~="lg:60"] {
		margin: -30px;
	}
	.c-flex[data-gutter~="lg:60"] > .c-flex__item {
		border-width: 30px;
	}
	.c-flex[data-gutter~="lg:x-60"] {
		margin-right: -30px;
		margin-left: -30px;
	}
	.c-flex[data-gutter~="lg:x-60"] > .c-flex__item {
		border-right-width: 30px;
		border-left-width: 30px;
	}
	.c-flex[data-gutter~="lg:y-60"] {
		margin-top: -30px;
		margin-bottom: -30px;
	}
	.c-flex[data-gutter~="lg:y-60"] > .c-flex__item {
		border-top-width: 30px;
		border-bottom-width: 30px;
	}
}
@media (max-width: 1024px) {
	.c-flex[data-gutter~="md:10"] {
		margin: -5px;
	}
	.c-flex[data-gutter~="md:10"] > .c-flex__item {
		border-width: 5px;
	}
	.c-flex[data-gutter~="md:x-10"] {
		margin-right: -5px;
		margin-left: -5px;
	}
	.c-flex[data-gutter~="md:x-10"] > .c-flex__item {
		border-right-width: 5px;
		border-left-width: 5px;
	}
	.c-flex[data-gutter~="md:y-10"] {
		margin-top: -5px;
		margin-bottom: -5px;
	}
	.c-flex[data-gutter~="md:y-10"] > .c-flex__item {
		border-top-width: 5px;
		border-bottom-width: 5px;
	}
	.c-flex[data-gutter~="md:15"] {
		margin: -7.5px;
	}
	.c-flex[data-gutter~="md:15"] > .c-flex__item {
		border-width: 7.5px;
	}
	.c-flex[data-gutter~="md:x-15"] {
		margin-right: -7.5px;
		margin-left: -7.5px;
	}
	.c-flex[data-gutter~="md:x-15"] > .c-flex__item {
		border-right-width: 7.5px;
		border-left-width: 7.5px;
	}
	.c-flex[data-gutter~="md:y-15"] {
		margin-top: -7.5px;
		margin-bottom: -7.5px;
	}
	.c-flex[data-gutter~="md:y-15"] > .c-flex__item {
		border-top-width: 7.5px;
		border-bottom-width: 7.5px;
	}
	.c-flex[data-gutter~="md:20"] {
		margin: -10px;
	}
	.c-flex[data-gutter~="md:20"] > .c-flex__item {
		border-width: 10px;
	}
	.c-flex[data-gutter~="md:x-20"] {
		margin-right: -10px;
		margin-left: -10px;
	}
	.c-flex[data-gutter~="md:x-20"] > .c-flex__item {
		border-right-width: 10px;
		border-left-width: 10px;
	}
	.c-flex[data-gutter~="md:y-20"] {
		margin-top: -10px;
		margin-bottom: -10px;
	}
	.c-flex[data-gutter~="md:y-20"] > .c-flex__item {
		border-top-width: 10px;
		border-bottom-width: 10px;
	}
	.c-flex[data-gutter~="md:25"] {
		margin: -12.5px;
	}
	.c-flex[data-gutter~="md:25"] > .c-flex__item {
		border-width: 12.5px;
	}
	.c-flex[data-gutter~="md:x-25"] {
		margin-right: -12.5px;
		margin-left: -12.5px;
	}
	.c-flex[data-gutter~="md:x-25"] > .c-flex__item {
		border-right-width: 12.5px;
		border-left-width: 12.5px;
	}
	.c-flex[data-gutter~="md:y-25"] {
		margin-top: -12.5px;
		margin-bottom: -12.5px;
	}
	.c-flex[data-gutter~="md:y-25"] > .c-flex__item {
		border-top-width: 12.5px;
		border-bottom-width: 12.5px;
	}
	.c-flex[data-gutter~="md:30"] {
		margin: -15px;
	}
	.c-flex[data-gutter~="md:30"] > .c-flex__item {
		border-width: 15px;
	}
	.c-flex[data-gutter~="md:x-30"] {
		margin-right: -15px;
		margin-left: -15px;
	}
	.c-flex[data-gutter~="md:x-30"] > .c-flex__item {
		border-right-width: 15px;
		border-left-width: 15px;
	}
	.c-flex[data-gutter~="md:y-30"] {
		margin-top: -15px;
		margin-bottom: -15px;
	}
	.c-flex[data-gutter~="md:y-30"] > .c-flex__item {
		border-top-width: 15px;
		border-bottom-width: 15px;
	}
	.c-flex[data-gutter~="md:40"] {
		margin: -20px;
	}
	.c-flex[data-gutter~="md:40"] > .c-flex__item {
		border-width: 20px;
	}
	.c-flex[data-gutter~="md:x-40"] {
		margin-right: -20px;
		margin-left: -20px;
	}
	.c-flex[data-gutter~="md:x-40"] > .c-flex__item {
		border-right-width: 20px;
		border-left-width: 20px;
	}
	.c-flex[data-gutter~="md:y-40"] {
		margin-top: -20px;
		margin-bottom: -20px;
	}
	.c-flex[data-gutter~="md:y-40"] > .c-flex__item {
		border-top-width: 20px;
		border-bottom-width: 20px;
	}
	.c-flex[data-gutter~="md:50"] {
		margin: -25px;
	}
	.c-flex[data-gutter~="md:50"] > .c-flex__item {
		border-width: 25px;
	}
	.c-flex[data-gutter~="md:x-50"] {
		margin-right: -25px;
		margin-left: -25px;
	}
	.c-flex[data-gutter~="md:x-50"] > .c-flex__item {
		border-right-width: 25px;
		border-left-width: 25px;
	}
	.c-flex[data-gutter~="md:y-50"] {
		margin-top: -25px;
		margin-bottom: -25px;
	}
	.c-flex[data-gutter~="md:y-50"] > .c-flex__item {
		border-top-width: 25px;
		border-bottom-width: 25px;
	}
	.c-flex[data-gutter~="md:60"] {
		margin: -30px;
	}
	.c-flex[data-gutter~="md:60"] > .c-flex__item {
		border-width: 30px;
	}
	.c-flex[data-gutter~="md:x-60"] {
		margin-right: -30px;
		margin-left: -30px;
	}
	.c-flex[data-gutter~="md:x-60"] > .c-flex__item {
		border-right-width: 30px;
		border-left-width: 30px;
	}
	.c-flex[data-gutter~="md:y-60"] {
		margin-top: -30px;
		margin-bottom: -30px;
	}
	.c-flex[data-gutter~="md:y-60"] > .c-flex__item {
		border-top-width: 30px;
		border-bottom-width: 30px;
	}
}
@media (max-width: 767px) {
	.c-flex[data-gutter~="sm:10"] {
		margin: -5px;
	}
	.c-flex[data-gutter~="sm:10"] > .c-flex__item {
		border-width: 5px;
	}
	.c-flex[data-gutter~="sm:x-10"] {
		margin-right: -5px;
		margin-left: -5px;
	}
	.c-flex[data-gutter~="sm:x-10"] > .c-flex__item {
		border-right-width: 5px;
		border-left-width: 5px;
	}
	.c-flex[data-gutter~="sm:y-10"] {
		margin-top: -5px;
		margin-bottom: -5px;
	}
	.c-flex[data-gutter~="sm:y-10"] > .c-flex__item {
		border-top-width: 5px;
		border-bottom-width: 5px;
	}
	.c-flex[data-gutter~="sm:15"] {
		margin: -7.5px;
	}
	.c-flex[data-gutter~="sm:15"] > .c-flex__item {
		border-width: 7.5px;
	}
	.c-flex[data-gutter~="sm:x-15"] {
		margin-right: -7.5px;
		margin-left: -7.5px;
	}
	.c-flex[data-gutter~="sm:x-15"] > .c-flex__item {
		border-right-width: 7.5px;
		border-left-width: 7.5px;
	}
	.c-flex[data-gutter~="sm:y-15"] {
		margin-top: -7.5px;
		margin-bottom: -7.5px;
	}
	.c-flex[data-gutter~="sm:y-15"] > .c-flex__item {
		border-top-width: 7.5px;
		border-bottom-width: 7.5px;
	}
	.c-flex[data-gutter~="sm:20"] {
		margin: -10px;
	}
	.c-flex[data-gutter~="sm:20"] > .c-flex__item {
		border-width: 10px;
	}
	.c-flex[data-gutter~="sm:x-20"] {
		margin-right: -10px;
		margin-left: -10px;
	}
	.c-flex[data-gutter~="sm:x-20"] > .c-flex__item {
		border-right-width: 10px;
		border-left-width: 10px;
	}
	.c-flex[data-gutter~="sm:y-20"] {
		margin-top: -10px;
		margin-bottom: -10px;
	}
	.c-flex[data-gutter~="sm:y-20"] > .c-flex__item {
		border-top-width: 10px;
		border-bottom-width: 10px;
	}
	.c-flex[data-gutter~="sm:25"] {
		margin: -12.5px;
	}
	.c-flex[data-gutter~="sm:25"] > .c-flex__item {
		border-width: 12.5px;
	}
	.c-flex[data-gutter~="sm:x-25"] {
		margin-right: -12.5px;
		margin-left: -12.5px;
	}
	.c-flex[data-gutter~="sm:x-25"] > .c-flex__item {
		border-right-width: 12.5px;
		border-left-width: 12.5px;
	}
	.c-flex[data-gutter~="sm:y-25"] {
		margin-top: -12.5px;
		margin-bottom: -12.5px;
	}
	.c-flex[data-gutter~="sm:y-25"] > .c-flex__item {
		border-top-width: 12.5px;
		border-bottom-width: 12.5px;
	}
	.c-flex[data-gutter~="sm:30"] {
		margin: -15px;
	}
	.c-flex[data-gutter~="sm:30"] > .c-flex__item {
		border-width: 15px;
	}
	.c-flex[data-gutter~="sm:x-30"] {
		margin-right: -15px;
		margin-left: -15px;
	}
	.c-flex[data-gutter~="sm:x-30"] > .c-flex__item {
		border-right-width: 15px;
		border-left-width: 15px;
	}
	.c-flex[data-gutter~="sm:y-30"] {
		margin-top: -15px;
		margin-bottom: -15px;
	}
	.c-flex[data-gutter~="sm:y-30"] > .c-flex__item {
		border-top-width: 15px;
		border-bottom-width: 15px;
	}
	.c-flex[data-gutter~="sm:40"] {
		margin: -20px;
	}
	.c-flex[data-gutter~="sm:40"] > .c-flex__item {
		border-width: 20px;
	}
	.c-flex[data-gutter~="sm:x-40"] {
		margin-right: -20px;
		margin-left: -20px;
	}
	.c-flex[data-gutter~="sm:x-40"] > .c-flex__item {
		border-right-width: 20px;
		border-left-width: 20px;
	}
	.c-flex[data-gutter~="sm:y-40"] {
		margin-top: -20px;
		margin-bottom: -20px;
	}
	.c-flex[data-gutter~="sm:y-40"] > .c-flex__item {
		border-top-width: 20px;
		border-bottom-width: 20px;
	}
	.c-flex[data-gutter~="sm:50"] {
		margin: -25px;
	}
	.c-flex[data-gutter~="sm:50"] > .c-flex__item {
		border-width: 25px;
	}
	.c-flex[data-gutter~="sm:x-50"] {
		margin-right: -25px;
		margin-left: -25px;
	}
	.c-flex[data-gutter~="sm:x-50"] > .c-flex__item {
		border-right-width: 25px;
		border-left-width: 25px;
	}
	.c-flex[data-gutter~="sm:y-50"] {
		margin-top: -25px;
		margin-bottom: -25px;
	}
	.c-flex[data-gutter~="sm:y-50"] > .c-flex__item {
		border-top-width: 25px;
		border-bottom-width: 25px;
	}
	.c-flex[data-gutter~="sm:60"] {
		margin: -30px;
	}
	.c-flex[data-gutter~="sm:60"] > .c-flex__item {
		border-width: 30px;
	}
	.c-flex[data-gutter~="sm:x-60"] {
		margin-right: -30px;
		margin-left: -30px;
	}
	.c-flex[data-gutter~="sm:x-60"] > .c-flex__item {
		border-right-width: 30px;
		border-left-width: 30px;
	}
	.c-flex[data-gutter~="sm:y-60"] {
		margin-top: -30px;
		margin-bottom: -30px;
	}
	.c-flex[data-gutter~="sm:y-60"] > .c-flex__item {
		border-top-width: 30px;
		border-bottom-width: 30px;
	}
}
@media (max-width: 480px) {
	.c-flex[data-gutter~="xs:10"] {
		margin: -5px;
	}
	.c-flex[data-gutter~="xs:10"] > .c-flex__item {
		border-width: 5px;
	}
	.c-flex[data-gutter~="xs:x-10"] {
		margin-right: -5px;
		margin-left: -5px;
	}
	.c-flex[data-gutter~="xs:x-10"] > .c-flex__item {
		border-right-width: 5px;
		border-left-width: 5px;
	}
	.c-flex[data-gutter~="xs:y-10"] {
		margin-top: -5px;
		margin-bottom: -5px;
	}
	.c-flex[data-gutter~="xs:y-10"] > .c-flex__item {
		border-top-width: 5px;
		border-bottom-width: 5px;
	}
	.c-flex[data-gutter~="xs:15"] {
		margin: -7.5px;
	}
	.c-flex[data-gutter~="xs:15"] > .c-flex__item {
		border-width: 7.5px;
	}
	.c-flex[data-gutter~="xs:x-15"] {
		margin-right: -7.5px;
		margin-left: -7.5px;
	}
	.c-flex[data-gutter~="xs:x-15"] > .c-flex__item {
		border-right-width: 7.5px;
		border-left-width: 7.5px;
	}
	.c-flex[data-gutter~="xs:y-15"] {
		margin-top: -7.5px;
		margin-bottom: -7.5px;
	}
	.c-flex[data-gutter~="xs:y-15"] > .c-flex__item {
		border-top-width: 7.5px;
		border-bottom-width: 7.5px;
	}
	.c-flex[data-gutter~="xs:20"] {
		margin: -10px;
	}
	.c-flex[data-gutter~="xs:20"] > .c-flex__item {
		border-width: 10px;
	}
	.c-flex[data-gutter~="xs:x-20"] {
		margin-right: -10px;
		margin-left: -10px;
	}
	.c-flex[data-gutter~="xs:x-20"] > .c-flex__item {
		border-right-width: 10px;
		border-left-width: 10px;
	}
	.c-flex[data-gutter~="xs:y-20"] {
		margin-top: -10px;
		margin-bottom: -10px;
	}
	.c-flex[data-gutter~="xs:y-20"] > .c-flex__item {
		border-top-width: 10px;
		border-bottom-width: 10px;
	}
	.c-flex[data-gutter~="xs:25"] {
		margin: -12.5px;
	}
	.c-flex[data-gutter~="xs:25"] > .c-flex__item {
		border-width: 12.5px;
	}
	.c-flex[data-gutter~="xs:x-25"] {
		margin-right: -12.5px;
		margin-left: -12.5px;
	}
	.c-flex[data-gutter~="xs:x-25"] > .c-flex__item {
		border-right-width: 12.5px;
		border-left-width: 12.5px;
	}
	.c-flex[data-gutter~="xs:y-25"] {
		margin-top: -12.5px;
		margin-bottom: -12.5px;
	}
	.c-flex[data-gutter~="xs:y-25"] > .c-flex__item {
		border-top-width: 12.5px;
		border-bottom-width: 12.5px;
	}
	.c-flex[data-gutter~="xs:30"] {
		margin: -15px;
	}
	.c-flex[data-gutter~="xs:30"] > .c-flex__item {
		border-width: 15px;
	}
	.c-flex[data-gutter~="xs:x-30"] {
		margin-right: -15px;
		margin-left: -15px;
	}
	.c-flex[data-gutter~="xs:x-30"] > .c-flex__item {
		border-right-width: 15px;
		border-left-width: 15px;
	}
	.c-flex[data-gutter~="xs:y-30"] {
		margin-top: -15px;
		margin-bottom: -15px;
	}
	.c-flex[data-gutter~="xs:y-30"] > .c-flex__item {
		border-top-width: 15px;
		border-bottom-width: 15px;
	}
	.c-flex[data-gutter~="xs:40"] {
		margin: -20px;
	}
	.c-flex[data-gutter~="xs:40"] > .c-flex__item {
		border-width: 20px;
	}
	.c-flex[data-gutter~="xs:x-40"] {
		margin-right: -20px;
		margin-left: -20px;
	}
	.c-flex[data-gutter~="xs:x-40"] > .c-flex__item {
		border-right-width: 20px;
		border-left-width: 20px;
	}
	.c-flex[data-gutter~="xs:y-40"] {
		margin-top: -20px;
		margin-bottom: -20px;
	}
	.c-flex[data-gutter~="xs:y-40"] > .c-flex__item {
		border-top-width: 20px;
		border-bottom-width: 20px;
	}
	.c-flex[data-gutter~="xs:50"] {
		margin: -25px;
	}
	.c-flex[data-gutter~="xs:50"] > .c-flex__item {
		border-width: 25px;
	}
	.c-flex[data-gutter~="xs:x-50"] {
		margin-right: -25px;
		margin-left: -25px;
	}
	.c-flex[data-gutter~="xs:x-50"] > .c-flex__item {
		border-right-width: 25px;
		border-left-width: 25px;
	}
	.c-flex[data-gutter~="xs:y-50"] {
		margin-top: -25px;
		margin-bottom: -25px;
	}
	.c-flex[data-gutter~="xs:y-50"] > .c-flex__item {
		border-top-width: 25px;
		border-bottom-width: 25px;
	}
	.c-flex[data-gutter~="xs:60"] {
		margin: -30px;
	}
	.c-flex[data-gutter~="xs:60"] > .c-flex__item {
		border-width: 30px;
	}
	.c-flex[data-gutter~="xs:x-60"] {
		margin-right: -30px;
		margin-left: -30px;
	}
	.c-flex[data-gutter~="xs:x-60"] > .c-flex__item {
		border-right-width: 30px;
		border-left-width: 30px;
	}
	.c-flex[data-gutter~="xs:y-60"] {
		margin-top: -30px;
		margin-bottom: -30px;
	}
	.c-flex[data-gutter~="xs:y-60"] > .c-flex__item {
		border-top-width: 30px;
		border-bottom-width: 30px;
	}
}/*# sourceMappingURL=quality.css.map */