@charset "UTF-8";
/* CSS Document */

/*			quality 04
==============================*/
.contents_Wrap {
	background: transparent;
	color: #3e4e57;
	padding: 0 0 0 0;
}

.contents_Wrap section {
	overflow: hidden;
}

.contents_Wrap figure {
	position: relative;
	height: fit-content;
}


/* common */
.section_Wrap {
	padding: 100px 0 0;
}

.section_Wrap .title {
	color: #435e7b;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 2px;
	margin-bottom: 50px;
}

.section_Wrap .title span {
	font-size: 36px;
	line-height: 1.3;
	letter-spacing: 2px;
	font-family: "EB Garamond", serif;
}

.section_Wrap .ttl_btmBorder {
	color: #435e7b;
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: 2px;
	font-weight: 600;
	border-bottom: 1px solid #435e7b;
	margin-bottom: 20px;
}

.section_Wrap .ttl_btmBorder.gold {
	color: #90774f;
	border-bottom: 1px solid #90774f;
}

.section_Wrap .ttl_btmBorder.blk {
	color: #000;
	border-bottom: 1px solid #000;
}

.section_Wrap .ttl_btmBorder .txt_s_black {
	font-size: 12px;
	color: #435e7b;
	padding-left: 1em;
}

.section_Wrap p.txt {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 1px;
}

.section_Wrap figure+p,
.section_Wrap figure+h4 {
	margin-top: 50px;
}

figure {
	position: relative;
}

/*----- 個別 -----*/


/* quality05
--------------------------- */
/* section_Wrap */
.section_Wrap:last-of-type {
	padding: 0 0 0 0;
}
.section_Wrap .img_01 {
	max-width: 950px;
	width: 94%;
	margin: 0 auto;
}

.section_Wrap .flex {
	justify-content: space-between;
}

.quality_content {
	width: 100%;
	flex-wrap: wrap;
}

.quality_content.ud {
	align-items: flex-end;
	padding: 0 0 100px;
}

.quality_content li {
	margin-bottom: 50px;
}

.quality_content li.flex1-1 {
	width: 100%;
}

.quality_content li.flex2-1 {
	width: 48%;
}

.quality_content li.flex3-1 {
	width: calc(100% / 3);
}

.quality_content li.flex3-2 {
	width: 60%;
}

.quality_content p.cap_Txt {
	position: relative;
	font-size: 10px;
	bottom: 0px;
	text-align: right;
	line-height: 1.8;
}

.quality_content span.cap_Txt {
	position: absolute;
	font-size: 10px;
	bottom: -20px;
	line-height: 1.8;
}

.quality_content span.cap_Txt.cap_R {
	right: 0;
}

h5 {
	color: #435e7b;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	margin-bottom: 10px;
}

.quality_ttl {
	position: relative;
	width: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #435e7b;
	padding: 80px;
	margin-bottom: 100px;
}

.quality_ttl h3 {
	position: absolute;
	top: 50%;
	left: 14.5%;
	transform: translateY(-50%);
	text-align: left;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 2px;
	margin-bottom: 50px;
}

.quality_ttl h3 span {
	font-size: 36px;
	line-height: 1.4;
	letter-spacing: 2px;
	font-family: "EB Garamond", serif;
}

.quality_content li.flex1-1 .txt_Box {
	width: 43%;
}

.quality_content li.flex1-1 .txt_Box>figure {
	width: 100%;
}

.quality_content li.flex1-1 figure {
	width: 55%;
}

.quality_content li.flex2-1 .txt_Box {
	width: 60%;
}

.quality_content li.flex2-1 figure {
	width: 30%;
}

/* 個別設定 */
.quality_content li .txt {
	margin-bottom: 20px;
}

.section_Wrap .quality_content li .txt.note {
	font-size: 12px;
}

.section_Wrap .quality_content li .txt.mrgB_0 {
	margin-bottom: 0;
}

.section_Wrap .ttl_btmBorder.lh13 {
	line-height: 1.3;
}

.quality_content li.flex3-2.entrance ul.flex li {
	position: relative;
	width: calc((100% / 3) - 10px);
	max-width: 200px;
}

.quality_content li.flex1-1.triple figure {
	width: 100%;
	margin-bottom: 30px;
}

.quality_content li.flex1-1 .flex .after_01 {
	width: 77%;
	max-width: 769px;
}

.quality_content li.flex1-1 .flex .after_02 {
	width: 23%;
	max-width: 202px;
}

.quality_content li.flex1-1.kanri .flex {
	width: 100%;
}

.quality_content li.flex1-1.kanri .flex .left_Box {
	width: 78%;
	max-width: 770px;
}

.quality_content li.flex1-1.kanri .flex .left_Box ul.point {
	flex-wrap: wrap;
	margin-top: 30px;
    gap:40px 4%;
}

.quality_content li.flex1-1.kanri .flex .left_Box ul.point li {
	width: 48%;
    margin: 0;
}

.quality_content li.flex1-1.kanri .flex .left_Box ul.point li .txt {
	letter-spacing: 0;
    margin: 0;
}

.quality_content li.flex1-1.kanri .flex .left_Box ul.point li span.blue {
	color: #273c7d;
}

.quality_content li.flex1-1.kanri .flex .right_Box {
	width: 20%;
	max-width: 200px;
}

.quality_content li.flex1-1.kanri figure {
	width: 100%;
}

.quality_content li.flex1-1.elevator {
	flex-wrap: wrap;
}

.quality_content li.flex1-1.elevator .ttl_btmBorder {
	width: 100%;
}

.quality_content li.flex1-1.elevator>.flex {
	width: 48%;
}

.quality_content .door {
	margin-bottom: 0;
}

.quality_content .door .left_Box {
	width: 78%;
}

.quality_content .door .right_Box {
	width: 20%;
}

.quality_content .door .right_Box figure {
	width: 100%;
}

.quality_content .door .left_Box .flex {
	width: 100%;
	flex-wrap: wrap;
}

.quality_content .door .left_Box .flex li {
	margin-right: 10px;
}

.quality_content .door .left_Box .flex li.flex3-1 {
	width: calc((100% / 3) - 15px);
}

.quality_content .door .left_Box .flex li.flex3-1 figure {
	width: 30%;
	max-width: 90px;
}

.quality_content .door .left_Box .flex li.flex3-1 .txt_Box {
	width: 67%;
}

.quality_content .door .left_Box .flex li .txt_Box p {
	font-size: 13px;
	line-height: 1.5;
}

.quality_content .door .left_Box .flex li.flex3-2 {
	width: 65%;
}

.quality_content .door .left_Box .flex li.flex3-2 figure {
	width: 40%;
	max-width: 145px;
}

.quality_content .door .left_Box .flex li.flex3-2 .txt_Box {
	width: 66%;
}


/*-----------------------------
tab 横
-----------------------------*/
@media only screen and (max-width: 1023px) {
	.tab_Area {
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.tab_Area {
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.tab_Area li {
		width: calc((100% - 2%) / 3);
		max-width: 310px;
	}

	.tab_Area li:nth-child(-n+3) {
		margin-bottom: 1%;
	}

	.tab_Area li a {
		font-size: 12px;
		padding: 15px 10px;
	}

	.tab_Area li:nth-child(5) a {
		padding: 9px 10px;
	}
}


/*-----------------------------
tab・sp
-----------------------------*/
@media only screen and (max-width: 769px) {

	.contents_Wrap {
		padding: 0 0 0 0;
	}

	/* common */
	.section_Wrap {
		padding: 50px 0 0;
	}

	.section_Wrap .title {
		font-size: 13px;
		line-height: 1.3;
		letter-spacing: 2px;
		margin-bottom: 30px;
	}

	.section_Wrap .title span {
		font-size: 26px;
	}

	.section_Wrap .ttl_btmBorder {
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 15px;
	}

	.section_Wrap .ttl_btmBorder .txt_s_black {
		font-size: 11px;
		padding-left: 0;
	}

	.section_Wrap p.txt {
		font-size: 13px;
	}

	/*----- 個別 -----*/
	/* quality05
	--------------------------- */
	.quality_content {
		width: 100%;
		margin: 0 auto;
	}

	.quality_content li.flex1-1,
	.quality_content li.flex2-1,
	.quality_content li.flex3-1,
	.quality_content li.flex3-2 {
		width: 100%;
		flex-wrap: wrap;
	}

	.quality_content li .flex .txt,
	.quality_content li .flex figure {
		width: 100%;
	}

	.quality_content li.flex3-1 {
		max-width: none;
	}

	.quality_content li {
		margin-bottom: 30px;
	}

	h5 {
		font-size: 14px;
	}


	/* 個別設定 */
	.quality_ttl {
		margin-bottom: 50px;
	}

	.quality_ttl h3 {
		font-size: 12px;
	}

	.quality_ttl h3 span {
		font-size: 20px;
	}

	.bath .quality_ttl h3 {
		letter-spacing: 0.5px;
	}

	.quality_content li.flex1-1 .flex,
	.quality_content li.flex2-1 .flex,
	.quality_content li.flex1-1 .flex {
		flex-wrap: wrap;
	}

	.quality_content li.flex1-1 .flex>.txt_Box,
	.quality_content li.flex1-1 .flex>figure,
	.quality_content li.flex1-1.kyuto .flex>.txt_Box,
	.quality_content li.flex1-1.ecojozu .flex01 figure,
	.quality_content li.flex1-1.ecojozu .flex01 .bg_blue,
	.quality_content li.flex1-1.ecojozu .flex02 ul.point,
	.quality_content li.flex1-1.ecojozu .flex02 figure,
	.quality_content li.flex2-1 .txt_Box {
		width: 100%;
	}
    .quality_content li.flex1-1.kanri .flex .left_Box ul.point {
        flex-wrap: wrap;
        margin-top: 10px;
        gap: 20px 4%;
    }

	.quality_content li.flex1-1 .txt_Box>figure {
		margin-bottom: 20px;
	}

	.quality_content span.cap_Txt {
		display: block;
		position: relative;
		bottom: 0;
	}

	.quality_content span.cap_Txt.cap_L {
		text-align: right;
	}

	.quality_content span.cap_Txt.cap_R {
		right: -10px;
	}

	.js-scrollable img {
		width: 540px;
	}

	.quality_content li.flex2-1.camera figure {
		width: 50%;
		margin: 0 auto;
	}

	.quality_content li.flex1-1 .flex .after_01,
	.quality_content li.flex1-1.kanri .flex .left_Box {
		width: 100%;
		margin-bottom: 20px;
	}

	.quality_content li.flex1-1 .flex .after_02,
	.quality_content li.flex1-1.kanri .flex .right_Box {
		width: 50%;
		margin: 0 auto;
	}

	.quality_content li.flex1-1.kanri .flex .left_Box ul.point li {
		width: 100%;
		margin-bottom: 10px;
	}

	.quality_content li.flex1-1.elevator>.flex {
		width: 100%;
	}

	.quality_content li.flex1-1.elevator>.flex:first-of-type {
		margin-bottom: 20px;
	}

	.quality_content .door .flex {
		flex-wrap: wrap;
	}

	.quality_content .door .right_Box {
		width: 50%;
		order: 1;
		margin: 0 auto 20px;
	}

	.quality_content .door .left_Box {
		width: 100%;
		order: 2;
	}

	.quality_content .door .left_Box .flex li {
		margin-bottom: 20px;
	}

	.quality_content .door .left_Box .flex li.flex3-1,
	.quality_content .door .left_Box .flex li.flex3-2 {
		width: 100%;
	}

	.quality_content .door .left_Box .flex li.flex3-1 .txt_Box {
		width: 75%;
	}

	.quality_content .door .left_Box .flex li.flex3-1 figure {
		width: 20%;
		max-width: 70px;
	}

	.quality_content .door .left_Box .flex li.flex3-1:nth-child(4) figure,
	.quality_content .door .left_Box .flex li.flex3-2 figure {
		width: 40%;
		max-width: 115px;
	}

	.quality_content .door .left_Box .flex li.flex3-1:nth-child(4) .txt_Box,
	.quality_content .door .left_Box .flex li.flex3-2 .txt_Box {
		width: 60%;
	}

}