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



/****************************************************************************************************
quality-main
****************************************************************************************************/
#quality-main {
	position: relative;
	padding: 60px 0 50px 0;
}
#quality-main #main-ttl .eng {
	color: #947F37;
	font-family: 'garamond', 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	font-size: 1.333rem;
	line-height: 1.6;
	letter-spacing: 0.2em;
}
#quality-main #main-ttl h2 {
	margin-top: 0.1em;
	font-size: 3.066rem;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.15em;
}
#quality-main #main-ttl p {
	margin-top: 0.9em;
	font-size: 1.733rem;
	line-height: 1.6;
	letter-spacing: 0.2em;
}
#quality-main.quality #main-ttl::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0;
	top: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0));
}
#quality-inner {
	width: 1200px;
	margin: auto;
	padding-top: 100px;
}
sup {
	font-size: 60%;
	vertical-align: top;
}



/****************************************************************************************************
quality
****************************************************************************************************/
#tab2 {
	margin-top: 100px;
	/*margin-bottom: -100px;*/
}
.tab-btn {
	padding: 10px;
	background-image: linear-gradient(90deg, #333, #111);
}
.tab-btn ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
}
.tab-btn ul li a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	gap: 0.4em 1em;
	width: 390px;
	padding: 16px;
	background: rgba(148,124,79,1);
	border: 1px solid rgba(255,255,255,.2);
	color: #FFF;
	font-size: 1.6rem;
}
.tab-btn ul li.select a {
	background: #69273B;
}
.tab-btn ul li a span {
	font-size: 0.866rem;
}
.tab-btn ul li a::after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 10px;
	right: 20px;
	bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255,.75);
	border-right: 1px solid rgba(255,255,255,.75);
	transform: translate(0, 0) skew(45deg, 0);
	transform-origin: 0 50%;
}
.tab-btn ul li.select a::after {
	transform: rotate(90deg) translate(-20px, -30px) skew(45deg, 0);
}
#tab2.tab-btn ul li.select a::after {
	transform: rotate(-90deg) translate(-20px, 30px) skew(45deg, 0);
}

.img-box .in {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	font-size: 0.733rem;
}
.img-box .white {
	color: #FFF;
	font-weight: bold;
	text-shadow:
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1),
		0 0 10px rgba(0,0,0,1);
}

#design-title {
}
#design-title h2 {
	font-size: 1.866rem;
	font-weight: normal;
	line-height: 1.4;
}
.quality-area {
	width: 1200px;
	margin: auto;
}
.quality-area + .quality-area {
	margin-top: 100px;
}
.quality-block {
	margin-top: 60px;
}
.quality-block + .quality-block {
	margin-top: 100px;
}
.quality-category {
	position: relative;
	padding-bottom: 10px;
	font-family: Baskerville;
	font-size: 1.866rem;
	line-height: 1.4;
	letter-spacing: 0.1em;
}
.quality-category::after {
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #000;
}
p.eq-cap {
	padding-top: 20px;
	font-size: 0.733rem;
}
.quality-contents {
	margin-top: 30px;
}
.equipment-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 30px 30px;
	width: 1200px;
}
.equipment-flex + .equipment-flex {
	margin-top: 30px;
}
.equipment-flex.innerx {
	width: 790px;
}
.equipment-flex-box {
	width: 380px;
	text-align: left;
}
.equipment-flex-box h4 {
	margin-top: 15px;
	padding: 0.15em 0em;
	color: #987E51;
	font-size: 1.466rem;
	line-height: 1.4;
	text-align: center;
}
.equipment-flex-box p {
	margin-top: 4px;
	font-size: 1.066rem;
	line-height: 1.4;
}
.equipment-flex-box figure + p {
	margin-top: 15px;
}
.equipment-flex-box p sup {
	font-size: 70%;
	vertical-align: top;
}
.equipment-flex-box p .small {
	display: inline-block;
	font-size: 0.733rem;
}
#eq3 .equipment-flex-box.double {
	width: 790px;
}
#eq5 .equipment-flex-box.wide {
	width: 585px;
}
#eq5 .equipment-flex-box.column {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
}
#eq5-img1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}
#eq5-img1-sub {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
}

.sc-ttl {
	padding: 0.6em;
	background: #EDE8E0;
	color: #987E51;
	font-size: 1.466rem;
	line-height: 1.6;
}
.sc-text {
	margin-top: 40px;
}
.sc-text figure {
	margin-bottom: 30px;
}
.sc-text p {
	font-size: 1.2rem;
	line-height: 1.8;
}
.sc-text p .small {
	font-size: 0.733rem;
}
.sc-more {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	margin-top: 40px;
}
.sc-txt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	padding-top: 25px;
	border-top: 1px solid rgba(167,152,115,.5);
	text-align: left;
}
.sc-txt + .sc-txt {
	margin-top: 25px;
}
.sc-txt h5 {
	color: #987E51;
	font-size: 1.466rem;
	line-height: 1.6;
}
.sc-txt p {
	margin-top: 0.2em;
	font-size: 1.066rem;
	line-height: 1.6;
}
.sc-txt p + figure {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.sc-txt p .small {
	display: inline-block;
	font-size: 0.733rem;
}
.img-box2 {
	display: inline-block;
}
.img-box2 figcaption {
	margin-top: 0.8em;
	line-height: 1.4;
	font-size: 0.733rem;
	text-align: right;
}
.service-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}
.service-box {
	width: 585px;
	text-align: left;
}
.service-box h4 {
	margin-bottom: 0.2em;
	color: #7C6C56;
	font-size: 1.333rem;
	line-height: 1.6;
}
.service-box p {
	font-size: 1.066rem;
	line-height: 1.6;
}
.service-box p .small {
	display: inline-block;
	font-size: 0.733rem;
}
.service-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
}
.service-flex.column {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
	gap: 20px;
}




/****************************************************************************************************
quality(zeh-m)
****************************************************************************************************/
#zeh-m {
}
#zeh-m-inner {
	background: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.15);
}
#zeh-m-sec1 {
	position: relative;
}
#zeh-m-sec1 > figure {
	position: relative;
}
#zeh-m-sec1 > figure figcaption {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	font-size: 0.733rem
}
#zeh-m-sec1-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 390px;
	margin: auto;
}
#zeh-m-sec1-text h3 {
	color: #4AA169;
	font-size: 1.333rem;
	line-height: 1.6;
}
#zeh-m-sec1-text p {
	margin: 0.5em 0 0 0;
	font-size: 1.066rem;
	line-height: 1.6;
}
.zeh-m-point {
	position: relative;
	padding: 70px 60px 90px 60px;
}
.zeh-m-point::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 20px;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,0));
}
#zeh-m-point2 {
	background: #F5F4F2;
}
#zeh-m-point2.zeh-m-point::before {
	background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,0));
}
#zeh-m-point1-cont,
#zeh-m-point2-cont,
#zeh-m-point3-cont {
	margin-top: 2.0rem;
}
.zeh-m-point p {
	font-size: 1.066rem;
	line-height: 1.8;
}
.zeh-m-point p.small {
	margin-top: 0.6em;
	font-size: 0.733rem;
}
.zeh-m-point p + figure {
	margin-top: 2.5rem;
}




/****************************************************************************************************
quality(security)
****************************************************************************************************/
#quality-sec4-title,
#quality-sec5-title {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 167px;
	background: url(../img/quality/sec4-bg.jpg) no-repeat center center;
	background-size: cover;
	font-size: 2.133rem;
	letter-spacing: 0.1em;
}
#quality-sec5-title {
	background: url(../img/quality/sec5-bg.jpg) no-repeat center center;
}
#quality-sec4-title .caption,
#quality-sec5-title .caption {
	position: absolute;
	left: 0.8em;
	bottom: 0.8em;
	text-shadow:
		0 0 5px rgba(255,255,255,1),
		0 0 5px rgba(255,255,255,1),
		0 0 5px rgba(255,255,255,1),
		0 0 5px rgba(255,255,255,1),
		0 0 5px rgba(255,255,255,1);
	font-size: 0.733rem;
	letter-spacing: 0;
}

#quality-sec4-detail {
	padding: 80px 0 120px 0;
}
#quality-sec4-inner {
	width: 1200px;
	margin: auto;
}
.quality-sec4-box + .quality-sec4-box {
	margin-top: 80px;
}
.quality-sec4-box-ttl {
	padding: 0.8em;
	background: #EAE9E8;
	border-left: 3px solid #806B40;
	border-right: 3px solid #806B40;
}
.quality-sec4-box h3 {
	color: #806B40;
	font-size: 2rem;
	line-height: 1.6;
}
.quality-sec4-box-body {
	margin-top: 30px;
}
.quality-sec4-box-body p {
	font-size: 1.2rem;
	line-height: 1.8;
}
.quality-sec4-box-body p.small {
	margin-top: 1em;
	font-size: 0.866rem;
}
.quality-sec4-box-body p + figure {
	margin-top: 24px;
}
.quality-sec4-box-body figure + figure {
	margin-top: 30px;
}
.quality-sec4-box-body figure + h4 {
	margin-top: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5em;
	color: #7D4F3F;
	font-size: 1.6rem;
}
.quality-sec4-point {
	display: inline-block;
	min-width: 260px;
	padding: 0.6em 0.6em;
	background: #7D4F3F;
	border-radius: 5px;
	color: #FFF;
	font-size: 1.466rem;
	text-align: center;
}
.quality-sec4-dearis-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	margin-top: 30px;
	text-align: left;
}
.quality-sec4-dearis-block p {
	line-height: 1.6;
}
.quality-sec4-dearis-block p.small {
	font-size: 0.8rem;
	line-height: 1.2;
}
.quality-sec4-key-block {
	margin-top: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	gap: 50px;
}
.quality-sec4-key-block > div {
	width: 300px;
	text-align: left;
}
.quality-sec4-key-block > div:nth-of-type(3) img {
	margin-left: -26px;
}
.quality-sec4-key-block > div p {
	margin-top: 0.6em;
	font-size: 1.066rem;
}
.quality-sec4-key-block > div p .small {
	font-size: 0.866rem;
	line-height: 1.6;
}
#quality-sec5-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}
#quality-sec5-block > .quality-sec4-box + .quality-sec4-box {
	margin: 0;
}
#quality-sec5-block > div {
	width: 580px;
}
#quality-sec5-block .quality-sec4-box h3 {
	font-size: 1.733rem;
}
#quality-sec5-block .quality-sec4-box-body {
	text-align: left;
}
#quality-sec5-block .quality-sec4-box-body h4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0.6em;
	font-size: 1.6rem;
}
#quality-sec5-block .quality-sec4-box-body h4 .free {
	padding: 0.4em 0.5em;
	margin-right: 0.5em;
	background: #7C2635;
	color: #FFF;
	font-size: 1.2rem;
}
#quality-sec5-block .quality-sec4-box-body h4 strong {
	color: #7F6B3F;
}
#quality-sec5-block .quality-sec4-box-body h4 .small {
	font-size: 1.2rem;
}
.quality-sec5-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}



@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	quality-main
	****************************************************************************************************/
	#quality-main {
		padding: 7vw 0 6vw 0;
	}
	#quality-main #main-ttl .eng {
		font-size: 1.0rem;
	}
	#quality-main #main-ttl h2 {
		font-size: 2rem;
		letter-spacing: 0.1em;
	}
	#quality-main #main-ttl p {
		width: 92vw;
		margin: auto;
		margin-top: 0.8em;
		font-size: 1.066rem;
		letter-spacing: 0.1em;
	}
	#quality-main.quality #main-ttl::before {
		height: 8vw;
	}
	#quality-inner {
		width: 92vw;
		padding-top: 10vw;
	}
	
	
	
	/****************************************************************************************************
	quality
	****************************************************************************************************/
	
	#tab2 {
		margin-top: 10vw;
		/*margin-bottom: -10vw;*/
	}
	.tab-btn {
		padding: 4vw;
	}
	.tab-btn ul {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
	}
	.tab-btn ul li a {
		width: 45vw;
		padding: 4vw;
		font-size: 1.333rem;
	}
	.tab-btn ul li:nth-of-type(3) a {
		width: 92vw;
		padding: 4vw;
		font-size: 1.333rem;
	}
	.tab-btn ul li a span {
		font-size: 0.666rem;
	}
	.tab-btn ul li a::after {
		width: 6vw;
		height: 2vw;
		right: 3.5vw;
		bottom: 3vw;
	}
	.tab-btn ul li.select a::after {
		transform: rotate(90deg) translate(-5vw, -6vw) skew(45deg, 0);
	}
	#tab2.tab-btn ul li.select a::after {
		transform: rotate(-90deg) translate(-3vw, 6vw) skew(45deg, 0);
	}
	
	.img-box .in {
		font-size: 0.533rem;
	}
	
	#quality {
	}
	#design-title {
	}
	#design-title h2 {
		font-size: 1.466rem;
	}
	.quality-area {
		width: 92vw;
	}
	.quality-area + .quality-area {
		margin-top: 10vw;
	}
	.quality-block {
		margin-top: 7vw;
	}
	.quality-block + .quality-block {
		margin-top: 10vw;
	}
	.quality-category {
		padding-bottom: 2vw;
		font-size: 1.2rem;
	}
	.quality-category::after {
		width: 12vw;
		height: 2px;
	}
	p.eq-cap {
		padding-top: 1.6em;
		font-size: 0.533rem;
	}
	.quality-contents {
		position: relative;
		margin-top: 4vw;
	}
	.equipment-flex {
		gap: 3vw 2vw;
		width: 100%;
	}
	.equipment-flex.innerx {
		width: 100%;
	}
	.equipment-flex-box {
		width: 45vw;
	}
	.equipment-flex-box h4 {
		margin-top: 2vw;
		font-size: 0.933rem;
	}
	.equipment-flex-box h4.sp-nallow div {
		white-space: nowrap;
		transform-origin: 22% 50%;
		transform: scale(0.85, 1);
	}
	.equipment-flex-box p {
		margin-top: 1vw;
		font-size: 0.8rem;
		line-height: 1.35;
	}
	.equipment-flex-box figure + p {
		margin-top: 2vw;
	}
	.equipment-flex-box p .small {
		font-size: 0.6rem;
	}
	#eq3 .equipment-flex-box.double {
		width: 100%;
	}
	#eq5 .equipment-flex-box.wide {
		width: 100%;
	}
	#eq5-img1 {
		gap: 1vw;
	}
	#eq5-img1 > figure {
		width: 60.45%;
	}
	#eq5-img1-sub {
		width: 39.55%;
		gap: 1vw;
	}
	
	.sc-ttl {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.sc-text {
		margin-top: 6vw;
	}
	.sc-text figure {
		margin-bottom: 6vw;
	}
	#oss {
		width: 60vw;
		margin: auto;
		margin-bottom: 6vw;
	}
	#miwa {
		width: 40vw;
		margin: auto;
		margin-bottom: 6vw;
	}
	.sc-text p {
		font-size: 0.8rem;
		text-align: left;
	}
	.sc-text p .small {
		font-size: 0.6rem;
	}
	.sc-more {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
		margin-top: 4vw;
	}
	.sc-comment {
		order: 2;
	}
	.sc-txt {
		text-align: left;
		column-gap: 2vw;
		padding-top: 4vw;
	}
	.sc-txt .magnet {
		width: 70%;
	}
	.sc-txt figure {
		width: 30%;
	}
	.sc-txt .magnet2 {
		width: 50%;
	}
	.sc-txt .magnet2 + figure {
		width: 50%;
	}
	.sc-txt.spColumn {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sc-txt.spColumn figure {
		width: 100%;
	}
	.sc-txt + .sc-txt {
		margin-top: 4vw;
	}
	.sc-txt h5 {
		font-size: 1.2rem;
	}
	.sc-txt p {
		font-size: 0.8rem;
	}
	.sc-txt p .small {
		font-size: 0.6rem;
	}
	.img-box2 {
		display: inline-block;
	}
	.img-box2 figcaption {
		font-size: 0.533rem;
	}
	.service-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 4vw;
	}
	.service-box {
		width: 100%;
	}
	.service-box h4 {
		font-size: 1.2rem;
	}
	.service-box p {
		font-size: 0.8rem;
	}
	.service-box p .small {
		font-size: 0.6rem;
	}
	.service-flex {
		gap: 2vw;
	}
	.service-flex.column {
		gap: 2vw;
	}
	.w90 {
		width: 90%;
	}
	.w10 {
		width: 10%;
	}
	.w80 {
		width: 80%;
	}
	.w20 {
		width: 20%;
	}
	.w70 {
		width: 70%;
	}
	.w30 {
		width: 30%;
	}
	
	
	
	
	/****************************************************************************************************
	quality(zeh-m)
	****************************************************************************************************/
	#zeh-m {
	}
	#zeh-m-inner {
	}
	#zeh-m-sec1 > figure figcaption {
		font-size: 0.533rem
	}
	#zeh-m-sec1-text {
		top: 40vw;
		width: 70vw;
		margin: auto;
	}
	#zeh-m-sec1-text h3 {
		font-size: 1.066rem;
	}
	#zeh-m-sec1-text p {
		font-size: 0.866rem;
	}
	.zeh-m-point {
		padding: 8vw 6vw 8vw 6vw;
	}
	.zeh-m-point::before {
		height: 5vw;
	}
	#zeh-m-point1-ttl,
	#zeh-m-point2-ttl,
	#zeh-m-point3-ttl {
		overflow: hidden;
	}
	#zeh-m-point1-ttl img,
	#zeh-m-point2-ttl img,
	#zeh-m-point3-ttl img {
		width: 180%;
		margin-left: -36.5%;
	}
	#zeh-m-point1-cont,
	#zeh-m-point2-cont,
	#zeh-m-point3-cont {
		margin-top: 1.5rem;
	}
	.zeh-m-point p {
		font-size: 0.866rem;
	}
	.zeh-m-point p.small {
		font-size: 0.633rem;
	}
	.zeh-m-point p + figure {
		margin-top: 1.5rem;
	}
	
	
	
	
	/****************************************************************************************************
	quality(security)
	****************************************************************************************************/
	
	#quality-sec4-title,
	#quality-sec5-title {
		height: 22vw;
		font-size: 1.333rem;
	}
	#quality-sec4-title .caption,
	#quality-sec5-title .caption {
		font-size: 0.533rem;
	}
	
	#quality-sec4-detail {
		padding: 8vw 0 12vw 0;
	}
	#quality-sec4-inner {
		width: 92vw;
	}
	.quality-sec4-box + .quality-sec4-box {
		margin-top: 8vw;
	}
	.quality-sec4-box-ttl {
		padding: 0.8em 0.2em;
	}
	.quality-sec4-box h3 {
		font-size: 1.333rem;
		line-height: 1.4;
	}
	.quality-sec4-box-body {
		margin-top: 4vw;
	}
	.quality-sec4-box-body p {
		font-size: 0.866rem;
	}
	.quality-sec4-box-body p.small {
		font-size: 0.6rem;
	}
	.quality-sec4-box-body p + figure {
		margin-top: 1rem;
	}
	.quality-sec4-box-body figure + figure {
		margin-top: 30px;
	}
	.sec4-img1 {
		width: 64vw;
		margin: auto;
	}
	.sec4-img2 {
		width: 30vw;
		margin: auto;
	}
	.quality-sec4-box-body figure + h4 {
		margin-top: 4vw;
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		font-size: 1.333rem;
		line-height: 1.4;
		text-align: left;
	}
	.quality-sec4-point {
		min-width: 100%;
		font-size: 1.0rem;
	}
	.quality-sec4-dearis-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
		margin-top: 4vw;
	}
	.quality-sec4-dearis-block p.small {
		font-size: 0.533rem;
	}
	.quality-sec4-dearis-txt {
		order: 1;
	}
	.quality-sec4-dearis-img {
		order: 0;
	}
	.quality-sec4-key-block {
		margin-top: 4vw;
		-webkit-box-pack:start;
		-webkit-justify-content:flex-start;
		-ms-flex-pack:start;
		justify-content:flex-start;
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 2vw;
	}
	.quality-sec4-key-block > div {
		width: 45vw;
	}
	.quality-sec4-key-block > div:nth-of-type(3) img {
		margin-left: 0;
	}
	.quality-sec4-key-block > div p {
		font-size: 0.866rem;
		line-height: 1.6;
	}
	.quality-sec4-key-block > div p .small {
		font-size: 0.6rem;
	}
	#quality-sec5-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 8vw;
	}
	#quality-sec5-block > div {
		width: 100%;
	}
	#quality-sec5-block .quality-sec4-box h3 {
		font-size: 1.2rem;
	}
	#quality-sec5-block .quality-sec4-box-body h4 {
		font-size: 1.2rem;
	}
	#quality-sec5-block .quality-sec4-box-body h4 .free {
		font-size: 0.866rem;
	}
	#quality-sec5-block .quality-sec4-box-body h4 strong {
		color: #7F6B3F;
	}
	#quality-sec5-block .quality-sec4-box-body h4 .small {
		font-size: 0.6rem;
	}
	.quality-sec5-box {
		gap: 2vw;
	}
	.quality-sec5-img {
		width: 26vw;
	}
	
}

@media screen and (max-width: 960px) and (orientation: landscape) {
}