@charset "utf-8";
.mv_kazari{
	max-width: 718px;
    left: 62%;
    transform: translateX(-40%);
}

main p {
	font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.mb60 {
	margin-bottom: 60px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb100 {
	margin-bottom: 100px;
}
.mb260 {
	margin-bottom: 260px;
}

/* 装飾 */
.deco01 {
	position: absolute;
	top: -150%;
	left: 0%;
	width: 10%;
}
.deco02 {
	position: absolute;
	top: -165%;
	right: 0%;
	width: 10%;
}
.deco03 {
	position: absolute;
    top: 2%;
    left: 0%;
    width: 13%;
}
.deco04 {
	position: absolute;
	bottom: 0%;
	right: 25%;
	width: 14%;
}

.deco05 {
	position: absolute;
	bottom: 6%;
	left: 38%;
	width: 7%;
}

.deco03_p, .deco04_p, .deco05_p {
	position: relative;
}



/* quality */
.quality_flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.quality_flexin_4 {
	width: 23%;
	max-width: 230px;
	margin-bottom: 40px;
}
.quality_ttl {
	font-size: 18px;
	/* font-family: fot-tsukubrdgothic-std, sans-serif; */
	font-weight: 600;
	font-style: normal;
	text-align: center;
	margin-top: 10px;
}
.quality_ttl span {
	font-size: 12px;
}
.quality_lead {
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
	line-height: 1.4;
}
.whitebox {
	/* background: #fff; */
	padding: 5%;
}
.quality_flexin_left {
	width: 58%;
	max-width: 542px;
}
.quality_flexin_right {
	width: 38%;
	max-width: 355px;
}
.quality_flexin_2 {
	width: 48%;
	max-width: 449px;
}
.quality_flex_center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sec_subttl span {
	display: contents;
	background: linear-gradient(rgba(0, 0, 0, 0) 70%, #dadada 70%);
	font-weight: 700;
}

.sec_subttl.center.marugo.mtand {
	color: #00a0e9;
	/* padding: 30px 0px; */
	font-size: 18px;
	font-weight: 700;
	border-bottom: solid 1px #00a0e9;
	margin-bottom: 0;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
}

/* .quality_flexin_4:nth-child(3), .sec_subttl.center.marugo.mtand {
	font-size: 14px;
}

.quality_flexin_4:nth-child(12), .sec_subttl.center.marugo.mtand {
	font-size: 14px;
} */

.quality_subttl {
	padding: 50px 0 0 0;
}

.quality_subttl img {
	height: 40px;
	width: auto;
}

.human01 {
	width: 340px;
	right: -10%;
	top: -830%;
}

.sec_ttl_quality {
	margin: 40px 0;
}


@media screen and (max-width: 1000px){
	.mv_kazari{
		max-width: unset;
		left: 50%;
		transform: translateX(-23%);
	}
	.deco01 {
		top: -90%;
		left: 4%;
		width: 10%;
	}
	.deco02 {
		/* top: 0%; */
		right: 0%;
		width: 200px;
	}
	.deco03 {
		left: 3%;
		width: 15%;
	}
	.deco04 {
		bottom: 1%;
		right: 25%;
		width: 17%;
	}
	.mb260 {
		margin-bottom: 200px;
	}

	/* quality */
	.quality_ttl {
		font-size: 15px;
	}
	.quality_lead {
		font-size: 12px;
	}
	.quality_flexin_4 {
		margin-bottom: 20px;
	}

	.sec_subttl.center.marugo.mtand {
		line-height: 1.4;
		height: 60px;
		font-size: 13px;
	}

}

@media screen and (max-width: 650px){
.mv_kazari{
	max-width: unset;
    left: 15%;
    transform: translateX(-5%);
}
.deco01 {
    left: 0%;
    width: 14%;
    top: -100%;
}
.deco02 {
    top: 11vh;
    right: -20px;
    width: 150px;
}
.deco03 {
    top: -1%;
    width: 18%;
}
.deco04 {
    right: 4%;
    width: 25%;
}
.deco05 {
    /* position: absolute; */
    bottom: 6%;
    left: 60%;
    width: 9%;
}

.human01 {
	top: -769%;
	right: 0%;
	width: 140px;
}

/* quality */
.quality_ttl {
	font-size: 14px;
}
.quality_lead {
	font-size: 12px;
}
.quality_flexin_4 {
    width: 48%;
    margin-bottom: 20px;
	max-width: unset;
}
.mb260 {
    margin-bottom: 100px;
}
.mb60 {
    margin-bottom: 30px;
}
.quality_flexin_left {
    width: 100%;
    max-width: unset;
    margin-bottom: 20px;
}
.quality_flexin_right {
    width: 100%;
    max-width: unset;
}
.quality_flexin_2 {
    width: 100%;
    max-width: unset;
    margin-bottom: 20px;
}
.quality_flexin_2:nth-of-type(2) {
	margin-bottom: 0;
}
.quality_flex_center {
    flex-wrap: wrap;
}
.cap.center {
	text-align: left;
}

.sec_ttl_quality {
    margin: 0;
}

}


@media screen and (max-width: 450px) {
	.human01 {
		top: -895%;
		right: -10%;
	}
}