@charset "utf-8";
/* ------------------------------
 会社情報（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	.contentsTop > .heading {
		background: url(../img/aboutus_mainimg.jpg) no-repeat center 0 / 1920px 560px;
	}
}
/* ------------------------------
 会社情報（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.contentsTop > .heading {
		background: url(../img/aboutus_mainimg.jpg) no-repeat center 0 / 960px 280px;
	}
}

/* ------------------------------
 トップメッセージ（PC）
------------------------------ */
.messageBlock {
	margin: 0 auto;
}
.messageBlock h2 {
	margin-bottom: 28px;
	padding-bottom: 0;
	font-size: 2.4rem;
	line-height: 1.83;
}
.messageBlock h2::before,
.messageBlock h2::after {
	content: none;
}
@media print, screen and (min-width: 768px) {
	.messageBlock {
		width: 796px;
	}
	.messageBlock > img {
		margin-top: 92px;
	}
}
/* ------------------------------
 トップメッセージ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.messageBlock {
		width: 90%;
	}
	.messageBlock h2 {
		margin-bottom: 28px;
		padding-bottom: 0;
		font-size: 2rem;
		line-height: 1.35;
	}
	.messageBlock h2 br {
		display: none;
	}
	.messageBlock > img {
		margin-top: 40px;
	}
}

/* ------------------------------
 経営理念・社是（PC）
------------------------------ */
.lineBox.philosophyBox {
	padding: 50px 40px;
	line-height: 2;
}
.lineBox.philosophyBox > p {
	margin-bottom: 25px;
	font-size: 3.8rem;
	line-height: 1;
	font-weight:  bold;
}
.lineBox.philosophyBox > p > span {
	display: block;
	margin-top: 10px;
	color: #005aab;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
}
#pl02 .f20 {
	line-height: 2;
}
@media print, screen and (min-width: 768px) {
	.lineBox.philosophyBox {
		text-align: center;
	}
}
/* ------------------------------
 経営理念・社是（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.lineBox.philosophyBox {
		padding: 30px 20px 31px;
		line-height: 2;
	}
	.lineBox.philosophyBox > p {
		margin-bottom: 18px;
		font-size: 3.2rem;
		text-align: center;
	}
	.lineBox.philosophyBox > p > span {
		margin-top: 7px;
		font-size: 1.2rem;
	}
}

/* ------------------------------
 会社概要（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
	/* 業績 */
	.resultsBox {
		margin-bottom: 3.5em;
	}
	.resultsBox::after {
		content: "";
		display: block;
		clear: both;
	}
	.bgBox {
		display: flex;
		align-items: center;
		text-align: center;
		height: 369px;
	}
	/* お得意様および主要部品 */
	.lineBox.clientBox {
		display: flex;
	}
	.client01 {
		width: 635px;
	}
	.client01 > ul {
		float: left;
	}
	.client01 > ul:first-of-type {
		width: 200px;
	}
	.client01 > ul:nth-of-type(2) {
		width: 190px;
	}
	.client01 > ul:last-of-type {
		width: 245px;
	}
	.client02 {
		width: 393px;
		padding-left: 50px;
		border-left: 1px solid #e6e6e6;
	}
}
/* ------------------------------
 会社概要（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* 業績 */
	.resultsBox {
		margin-bottom: 1.75em;
	}
	.resultsBox .w1-2 + .w1-2 {
		margin-top: 1.75em;
	}
	/* お得意様および主要部品 */
	.client01 > ul:first-of-type,
	.client01 > ul:nth-of-type(2) {
		margin-bottom: 20px;
	}
	.client02 {
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #e6e6e6;
	}
}