/* ページタイトル */
.cmn_title {
	background: url("../../common/page/img/title/about.webp") no-repeat center center;
	background-size: cover;
  @media screen and (max-width: 767px) {
    font-size: min(2.8rem, 6vw);
  }
}

/* 特長 */
.about_item {
	width: 100%;
	padding: 30px;
	background: #fff;
	margin-bottom: 30px;
	&:last-child {
		margin-bottom: 0;
	}
}
.about_features {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.about_features--item {
	max-width: 196px;
	width: 100%;
	display: flex;
	flex-direction: column;
	
	img {
		width: 100%;
	}
}
.about_features--txt {
	width: 100%;
	height: 126px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: var(--main-color);
	color: #fff;
	
	span {
		font-size: 2rem;
	}
}

/* 市場 */
.about_market {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}
.about_market--item {
	width: calc(50% - 10px);
}

/* 製品 */
.about_products {
	max-width: 480px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: auto;
}
.about_products--item {
	width: 230px;
	display: flex;
	&::before {
		content: "・";
		color: var(--main-color);
	}
}

/* 体制 */
.sales {--main-color: #0068B7;}
.technology {--main-color: #008494;}
.research {--main-color: #565CA4;}
.evaluation {--main-color: #5D2C82;}
.production {--main-color: #0068B7;}
.quality {--main-color: #8F1276;}

.about_organization--txt {
	margin-bottom: 30px;
	
	img {
		margin: auto;
	}
}
.about_organization--container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.about_organization--item {
	width: calc(50% - 10px);
	border: 1px solid var(--main-color);
}
.about_organization--title {
	width: 100%;
	padding: 10px 5px;
	background: var(--main-color);
	color: #fff;
	text-align: center;
}
.about_organization--itemTxt {
	padding: 20px;
}

@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
	
	.about_item {
		padding: 25px 5%;
	}
	
	/* 特長 */
	.about_features--item {
		max-width: 100%;
	}
	
	/* 市場 */
	.about_market--item {
		width: 100%;
	}
	
	/* 製品 */
	.about_products {
		max-width: 100%;
		width: 90%;
		gap: 10px;
	}
	.about_products--item {
		width: 100%;
	}
	
	/* 体制 */
	.about_organization--item {
		width: 100%;
	}
}