@charset "UTF-8";
/*===================================
QUALITY
===================================*/

/*共通*/
.content_Wrap {
	overflow: hidden;
}
.content_Wrap figure {
	position: relative;
	height: fit-content;
}
.content_Wrap .notes {
	font-size: 12px;
	margin: 1em 0 0;
	line-height: 2;
}

.inner_1000 {
	margin: 0 auto;
}
.content_Bg {
	background: url(../../common/img/bg.jpg) no-repeat center top / 100% 100%;
	color: #b7b08c;
	padding: 0 0 0.1px;
}

.bg_gld {
	padding: 100px 0;
	margin: 0 0 100px;
	background: #9C804A;
	background: linear-gradient(90deg, rgba(156, 128, 74, 1) 0%, rgba(185, 163, 96, 1) 50%, rgba(156, 128, 74, 1) 100%);
	color: #1e1815;
}
.sub_tab {
	justify-content: center;
	gap: 3%;
}
.sub_tab li {
	width: 17.6%;
	text-align: center;
}
.sub_tab li a {
	display: block;
	background: #af9c69;
	color: #fff;
	border-radius: 4px;
	padding: 1em 0.25em;
	font-size: min(1.4vw, 19px);
	transition: .3s;
}
.sub_tab li a:hover { opacity: .7; }
.bg_gld .sub_tab li a {
	background: rgba(255,255,255,0.5);
	color: #1e1815;
}

.sec_ttl {
	font-size: min(2.76vw, 38px);
	border-bottom: 2px solid;
	width: fit-content;
	margin: 0 auto 4em;
	padding-bottom: 0.4em;
	min-width: 3.5em;
	text-align: center;
}
.sec_ttl span {
	display: block;
	letter-spacing: 0.34em;
	margin-right: -0.34em;
}
.bg_gld .sec_ttl {
	color: #ffffff;
}

.qua_con_box {
	margin-bottom: 150px;
}

.sub_ttl {
	font-size: min(2.32vw, 38px);
	width: fit-content;
	position: relative;
	margin: 1.25em auto ;
	letter-spacing: 0.08em;
	text-align: center;
}
.bg_gld .sub_ttl {
	color: #1e1815;
}
.sub_ttl::after {
	content: "";
	display: block;
	width: 128px;
	height: 1px;
	background: #b7b08c;
	padding-top: ;
	margin: 0.4em auto 0;
}
.bg_gld .sub_ttl::after {
	background: #1e1815;
}
.q_copyL {
	font-size: min(2.03vw, 28px);
	line-height: 1.72749562;
	text-align: center;
	letter-spacing: 0.1em;
}
.q_copyS {
	font-size: min(1.45vw, 20px);
	line-height: 1.68704863;
	text-align: center;
	letter-spacing: 0.05em;
}

.item_txt--name {
	font-size: min(2.03vw, 26px);
	margin: 0 0 0.25em;
	line-height: 1.5;
}
.item_txt--name2 {
	font-size: min(1.67vw, 21px);
	margin: 0 0 0.25em;
	line-height: 1.5;
}
figure + .item_txt--name2 {
	margin-top: 0.75em;
}
.item_txt--copy {
	font-size: min(1.09vw, 15px);
	line-height: 2;
}
.grid {
	display: grid;
}


/*個別*/
.page_MV {
	background: url(../img/mv_quality_pc.jpg) no-repeat center center / cover;
	aspect-ratio: 1200/326;
	position: relative;
}
.page_Head {
	padding: 50px 0 0;
	text-align: center;
	color: #fff;
}
.page_Head h2 {
	font-size: 25px;
	letter-spacing: 0.38em;
}
.page_Head span {
	font-size: 30px;
	letter-spacing: 0.34em;
	font-weight: 300; /*light*/
	display: block;
	margin: 1.25em auto;

	letter-spacing: 0.17em;
	line-height: 1.3;
}
.page_Head p {
	font-size: 16px;
	letter-spacing: 0.18em;
	line-height: 1.62889688;
}

.qua_tab_box {
	padding: 40px 0 ;
}
.qua_tab  {
	gap: 13px;
}
.qua_tab li {
	width: calc((100% - 39px) / 4);
	text-align: center;
}
.qua_tab li a {
	display: block;
	background: #9C804A;
	background: linear-gradient(90deg, rgba(156, 128, 74, 1) 0%, rgba(185, 163, 96, 1) 50%, rgba(156, 128, 74, 1) 100%);
	border: 1px solid #fff;
	color: #fff;
	font-size: min(1.6vw, 22px);
	padding: 0.9em 0;
	transition: .3s;
}
.qua_tab li a:hover { opacity: .7; }


/*=== 設備 ===*/
#secEquipment {}
#artKitchen {}
.kit_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kit_list li {
	margin: 40px 0 0;
}
.equ_02 {
	width: 100%;
	gap: 10px;
	grid-template-columns: 47.9% 17.3% 1fr;
	grid-template-rows: 1fr 1fr;
	padding: 0 0 40px;
	border-bottom: 1px solid #1e1815;
}
.equ_02 .equ_02-1 {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.equ_02 .equ_02-2 {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
.equ_02 .equ_02-3 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.equ_02 .item_txt {
	grid-column: 3 / 4;
	grid-row: 1 / 3;
	padding: 0 0 0 10px;
}
.equ_03 {
	width: 100%;
	gap: 10px;
	grid-template-columns: 42.1% 22.9% 1fr;
	grid-template-rows: 1fr 1fr;
}
.equ_03 .equ_03-1 {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.equ_03 .equ_03-2 {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
.equ_03 .equ_03-3 {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.equ_03 .item_txt {
	grid-column: 3 / 4;
	grid-row: 1 / 3;
	padding: 0 0 0 10px;
}
.equ_04 {
	width: 50.8%;
	background: url(../img/equ_04.png) no-repeat left bottom / 55%;
}
.equ_04 .item_txt--name {
	margin: 0 0 1.5em;
}
.equ_04 .item_txt {
	width: 41.33858268%;
	margin: 0 0 0 auto;
	padding-top: 20%;
}
.equ_05 {
	width: 40.7%;
}


#artBathRoom {}
.bath_list {
	justify-content: space-between;
	margin: 40px 0 0;
}
.bath_list li {
	width: 22.7%;
}


#artPowderRoom {}
.pow_list {
	justify-content: space-between;
	margin: 40px 0 0;
}
.pow_list li {
	width: 30.1%;
}


#artRestRoom {}
.equ_16 {
	justify-content: space-between;
	margin: 40px 0 0;
}
.equ_16 .item_txt {
	width: 30%;
}
.equ_16 .item_txt.first {
	padding-right: 2.5%;
}
.equ_16 figure {
	width: 36.1%;
}
.equ_17 {
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px 0 0;
}
.equ_17 > div {
	width: 48.8%;
	margin: 0 0 2.4%;
}
.equ_17 .item_txt--name2 {
	padding-right: 1em;
}
.equ_17 .item_txt--copy {
	flex-grow: 2;
}


#artPlatinum {
	margin-bottom: 0;
}
.equ_18-1 .item_txt--name {
	margin: 1.25em 0 .75em;
}
.equ_18-1 figure {
	margin: 40px 0;
}
.equ_18-1 .item_txt--name2 .bdrBtm {
	border-bottom: 1px solid;
}
.equ_18-2 {
	justify-content: space-between;
}
.equ_18-2 figure {
	width: 61%;
}
.equ_18-2 .item_txt {
	width: 37%;
}



/*=== 構造／セキュリティ ===*/
#secStructure {}
#artStructure {}
.str_list {
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px 0;
	gap: 30px 0;
}
.str_list li {
	width: 31.1%;
}

#artSecurity {}
.alsok {
	background: #aca680;
	color: #1e1815;
	padding: 5%;
	margin: 40px 0;
}
.alsok h5 {
	width: 503px;
	margin-bottom: 30px;
}
.alsok .grid {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 40px;
}
.alsok .grid .alsok1 {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.alsok .grid .alsok2 {
	grid-column: 2 / 2;
	grid-row: 1 / 2;
}
.alsok .grid .alsok3 {
	grid-column: 2 / 2;
	grid-row: 2 / 3;
}
.alsok .grid .grid {
	grid-template-columns: 1fr 102px;
	grid-template-rows: 1fr;
	gap: 15px;
}
.alsok .grid h6 {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	font-size: min(1.6vw, 22px);
	line-height: 1.3;
}
.alsok .grid .item_txt--copy {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	padding-top: 1em;
}
.alsok .grid figure {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
.alsok .grid figure figcaption {
	text-align: center;
	font-size: 11px;
}

.tebra {
	justify-content: space-between;
}
.tebra .tebra1 {
	width: 38.5%;
}
.tebra h5 {
	font-size: min(1.74vw, 24px);
	line-height: 1.68;
}
.tebra h6 {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.tebra h6 img {
	width: 50%;
	max-width: 198px;
	margin-right: 10px;
}
.tebra h6 span {
	font-size: 11px;
}
.tebra > figure {
	width: 22.9%;
}
.tebra .tebra2 {
	width: 29.2%;
}
.tebra .tebra2 p {
	font-size: min(0.9vw, 13px);
	line-height: 1.8459168;
	margin-top: 10px;
}


#artPrevention {}
#artPrevention > .flex {
	margin: 40px 0;
	justify-content: space-between;
}
.pre_list1 {
	width: 50%;
	flex-direction: column;
	gap: 40px;
}
.pre_list2 {
	width: 40%;
	flex-direction: column;
	gap: 30px;
}
.pre_list-item {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 20px;
}
.pre_list-item .pre_item_ttl {
	display: flex;
	gap: 10px;
	width: 100%;
}
.pre_list-item .pre_item_ttl img.icon {
	width: 51px;
}
.pre_list-item .pre_item_ttl h5 {
	font-size: min(1.67vw, 23px);
	line-height: 1.5;
}
.pre_list-item .pre_item_ttl h5 span {
	font-size: min(1.09vw, 15px);
	display: block;
}
.pre_list-item > p {
	font-size: min(0.9vw, 13px);
	line-height: 2;
}

.pre_list1 .pre_list-item > p {
	width: 46.4%;
}
.pre_list1 .pre_list-item figure {
	width: 47.2%;
}
.pre_list2 .pre_list-item > p {
	box-sizing: border-box;
}
.pre_list2 .pre_list-item.pre_03 > p { width: calc(100% - 20px - 194px); }
.pre_list2 .pre_list-item.pre_03 figure { width: 194px; }
.pre_list2 .pre_list-item.pre_04 > p { width: calc(100% - 20px - 179px); }
.pre_list2 .pre_list-item.pre_04 figure { width: 179px; }
.pre_list2 .pre_list-item.pre_05 > p { width: calc(100% - 20px - 175px); }
.pre_list2 .pre_list-item.pre_05 figure { width: 175px; }
.pre_list2 .pre_list-item.pre_06 > p { width: calc(100% - 20px - 138px); }
.pre_list2 .pre_list-item.pre_06 figure { width: 138px; }
.pre_list2 .pre_list-item figure figcaption {
	margin-top: 5px;
    text-align: right;
    font-size: 11px;
}


/*=== smooth-e ===*/
#secSmooth-e {}
#artSmooth-e {
	/*margin-bottom: 150px;*/
	margin-bottom: 0;
}
#artSmooth-e .logo {
	width: 395px;
	margin: 50px auto 30px;
}
.smooth1 {
	align-items: flex-end;
	margin: 20px auto 40px;
}
.smooth1 p {
	font-size: min(1.09vw, 15px);
	line-height: 2;
	width: 51.7%;
}
.smooth1 .smo_02 {
	width: 48.3%;
}
.smooth1 .smo_02 img {
	width: 75%;
}
.smooth2 {
	justify-content: space-between;
}
.smooth2 .smo_03 {
	width: 39.7%;
}
.smooth2 .smo_04 {
	width: 53.8%;
}



/*=== ZEH-M ===*/
#secZEH-M .zeh_02 {
	max-width: 987px;
	margin: 0 auto;
}
#secZEH-M .q_copyL {
	margin: 2em auto 1.5em;
}
#secZEH-M .q_copyS {
	margin: 0 auto 3em;
}




/*     tab
--------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px){





}


/*     sp
--------------------*/
@media screen and (max-width: 767px) {

	.page_MV {
		background: url(../img/mv_quality_sp.jpg) no-repeat center center / cover;
		aspect-ratio: 750/532;
	}
	.page_Head {
		padding: 30px 0 0;
	}
	.page_Head h2 {
		font-size: 18px;
	}
	.page_Head span {
		font-size: 18px;
		line-height: 1.66666667;
		margin: 1.25em auto;
	}
	.page_Head p {
		font-size: 13px;
		letter-spacing: 0.16em;
		line-height: 1.62889688;
	}


	/*共通*/
	.content_Wrap .notes {
		font-size: 10px;
		line-height: 1.6;
	}
	.inner_1000 {
		width: 80%;
	}
	.bg_gld {
		padding: 50px 0;
		margin: 0 0 50px;
	}
	.sub_tab {
		flex-wrap: wrap;
		gap: 10px;
		margin: 0 -5%;
	}
	.sub_tab li {
		width: 31%;
	}
	.sub_tab li a {
		padding: 1em 0.25em;
		font-size: 15px;
	}
	.sub_tab li:nth-child(3) a {
		letter-spacing: -0.1em;
	}
	.sub_tab li:nth-child(5) a {
		letter-spacing: -0.2em;
	}

	.sec_ttl {
		font-size: 28px;
		border-bottom: 2px solid;
		margin: 0 auto 2em;
		padding-bottom: 0.4em;
		min-width: 4.5em;
	}
	.sec_ttl span {
		letter-spacing: 0.2em;
		margin-right: -0.2em;
	}

	.qua_con_box {
		margin-bottom: 60px;
	}

	.sub_ttl {
		font-size: 18px;
		margin: 1.5em auto ;
	}
	.sub_ttl::after {
		width: 73px;
	}
	.q_copyL {
		font-size: 19px;
		margin: 0 -7.5%;
	}
	.q_copyS {
		font-size: 15px;
	}

	.item_txt--name {
		font-size: 18px;
		margin: 0 0 0.25em;
		line-height: 1.5;
	}
	.item_txt--name2 {
		font-size: 16px;
		margin: 0 0 0.25em;
		line-height: 1.5;
	}
	figure + .item_txt--name2 {
		margin-top: 0.75em;
	}
	.item_txt--copy {
		font-size: 14px;
		line-height: 2;
	}

	.sp100vw {
		width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}


	/*個別*/
	.qua_tab_box {
		padding: 20px 0 40px;
	}
	.qua_tab {
		gap: 20px;
		flex-direction: column;
		align-items: center;
	}
	.qua_tab li {
		width: 70%;
	}
	.qua_tab li a {
		font-size: 15px;
		padding: 1.25em 0;
	}

	/*=== 設備 ===*/
	#secEquipment {}
	#artKitchen {}
	.kit_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 30px 0 0;
		gap: 30px;
	}
	.kit_list li {
		margin: 0;
		padding: 0;
	}
	.equ_02 {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 0;
	}
	.equ_02 .equ_02-2,
	.equ_02 .equ_02-3 {
		width: 48%;
	}
	.equ_02 .item_txt {
		padding: 0;
	}
	.equ_03 {
		display: flex;
		flex-wrap: wrap;
	}
	.equ_03 .equ_03-2,
	.equ_03 .equ_03-3 {
		width: 48%;
	}
	.equ_03 .item_txt {
		padding: 0;
	}
	.equ_04 {
		margin-top: 40px;
		width: 100%;
		background: url(../img/equ_04.png) no-repeat left bottom / 55%;
	}
	.equ_04 .item_txt--name {
		margin: 0 0 1.5em;
	}
	.equ_04 .item_txt {
		padding-top: 5%;
	}
	.equ_05 {
		width: 100%;
	}


	.bath_list {
		margin: 30px 0 0;
		flex-wrap: wrap;
		gap: 30px;
	}
	.bath_list li {
		width: 100%;
	}


	.pow_list {
		margin: 30px 0 0;
		flex-wrap: wrap;
		gap: 30px;
	}
	.pow_list li {
		width: 100%;
	}


	.equ_16 {
		flex-direction: column;
		margin: 20px 0 0;
	}
	.equ_16 .item_txt {
		width: 100%;
	}
	.equ_16 .item_txt.first {
		padding: 0 0 30px;
	}
	.equ_16 figure {
		width: 100%;
		padding: 0 0 20px;
	}
	.equ_17 {
		margin: 30px 0 0;
	}
	.equ_17 > div {
		width: 100%;
		margin: 0 0 10px;
	}

	.equ_18-1 figure {
		margin: 30px 0;
	}
	.equ_18-2 {
		flex-direction: column;
		gap: 20px;
	}
	.equ_18-2 figure {
		width: 100vw;
	}
	.equ_18-2 .item_txt {
		width: 100%;
	}



	/*=== 構造／セキュリティ ===*/
	.str_list {
		margin: 30px 0 0;
		flex-wrap: wrap;
		gap: 30px;
	}
	.str_list li {
		width: 100%;
	}

	.alsok {
		padding: 10%;
		margin-top: 20px;
	}
	.alsok h5 {
		width: 80%;
		margin: 0 auto 20px;
	}
	.alsok .grid {
		display: block;
	}
	.alsok .grid .grid {
		display: flex;
		flex-wrap: wrap;
		gap: 5px 15px;
	}
	.alsok .grid h6 {
		font-size: 18px;
		margin-top: 30px;
		width: 100%;
	}
	.alsok .grid .item_txt--copy {
		padding-top: 0.5em;
	}
	.alsok .grid .grid .item_txt--copy {
		width: 60%;
	}
	.alsok .grid .grid figure {
		width: calc(40% - 15px);
	}

	.tebra {
		flex-direction: column;
	}
	.tebra .tebra1 {
		width: 100%;
	}
	.tebra h5 {
		font-size: 18px;
	}
	.tebra h6 {
		display: flex;
		align-items: center;
		margin: 10px 0 15px;
	}
	.tebra h6 span {
		font-size: 10px;
	}
	.tebra > figure {
		width: 70%;
		margin: 20px auto 30px;
	}
	.tebra .tebra2 {
		width: 100%;
	}
	.tebra .tebra2 p {
		font-size: 13px;
	}


	#artPrevention {}
	#artPrevention > .flex {
		margin: 30px 0;
		flex-direction: column;
		gap: 30px;
	}
	.pre_list1 {
		width: 100%;
		gap: 30px;
	}
	.pre_list2 {
		width: 100%;
		gap: 30px;
	}
	.pre_list-item {
		gap: 15px;
	}
	.pre_list-item .pre_item_ttl {
		gap: 10px;
	}
	.pre_list-item .pre_item_ttl img.icon {
		width: 40px;
	}
	.pre_list-item .pre_item_ttl h5 {
		font-size: 19px;
	}
	.pre_list-item .pre_item_ttl h5 span {
		font-size: 14px;
	}
	.pre_list-item > p {
		font-size: 13px;
	}

	.pre_list1 .pre_list-item > p {
		width: 100%;
	}
	.pre_list1 .pre_list-item figure {
		width: 100%;
	}
	.pre_list2 .pre_list-item.pre_03 > p { width: calc(100% - 15px - 138.6px); }
	.pre_list2 .pre_list-item.pre_03 figure { width: 138.6px; }
	.pre_list2 .pre_list-item.pre_04 > p { width: calc(100% - 15px - 125.3px); }
	.pre_list2 .pre_list-item.pre_04 figure { width: 125.3px; }
	.pre_list2 .pre_list-item.pre_05 > p { width: calc(100% - 15px - 122.5px); }
	.pre_list2 .pre_list-item.pre_05 figure { width: 122.5px; }
	.pre_list2 .pre_list-item.pre_06 > p { width: calc(100% - 15px - 96.6px); }
	.pre_list2 .pre_list-item.pre_06 figure { width: 96.6px; }


	/*=== smooth-e ===*/
	#artSmooth-e {
		margin-bottom: 0;
	}
	#artSmooth-e .logo {
		width: 80%;
		margin: 20px auto 20px;
	}
	#artSmooth-e .q_copyS {
		margin: 0 -5%;
	}
	.smooth1 {
		flex-direction: column-reverse;
		align-items: center;
		margin: 0;
	}
	.smooth1 p {
		font-size: 12px;
		width: 100%;
	}
	.smooth1 .smo_02 {
		width: 80%;
		margin: 10px 0;
	}
	.smooth1 .smo_02 img {
		width: 100%;
	}
	.smooth2 {
		margin: 40px 0 0;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.smooth2 .smo_03 {
		width: 90%;
	}
	.smooth2 .smo_04 {
		width: 100%;
	}


	/*=== ZEH-M ===*/
	#secZEH-M .q_copyS {
		font-size: 14px;
		margin: 0 -5% 3em;
	}
	#secZEH-M .zeh_02 {
		max-width: 987px;
		margin: 0 auto;
	}
	#secZEH-M .q_copyL {
		margin: 2em auto 1.5em;
	}



}