@charset "utf-8";

/* 領域全体 */
.section.ShowaBrand {
	background: #eee;
}
/* コンテンツ全体 */
.ShowaBrand__container {
	background: #fff;
	border: 1px solid #eee;
}
/* タイトル「RENOXIA（リノシア）は正和工業の〜」 */
.ShowaBrand__titleOutside {
	color: #444;
	text-align: center;
}
.ShowaBrand__titleInside {
	display: inline-block;
	font-feature-settings: "palt";
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.18em;
	padding: 0.25em 0.8em 0.25em 1em;
	position: relative;
	top:0;
}
.ShowaBrand__titleInside:before,
.ShowaBrand__titleInside:after{
	border-bottom: solid 1px #00afd1;
	border-top: solid 1px #00afd1;
	content:'';
	display: inline-block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 8px;
}
.ShowaBrand__titleInside:before{
	border-left: solid 1px #00afd1;
	left: 0;
}
.ShowaBrand__titleInside:after{
	border-right: solid 1px #00afd1;
	right: 0;
}
/* タイトル「会社概要」 */
.ShowaBrand__infoTitle {
	color: #666;
	text-align: center;
}
/* 会社情報 */
.ShowaBrand__infoDataList {
	border-bottom: 1px solid #cbeef5;
	border-top: 1px solid #cbeef5;
}
/* 会社情報の見出し */
.ShowaBrand__infoDataTitle {
	color: #00afd1;
}
/* 会社情報のデータ */
.ShowaBrand__infoData {
	color: #666;
}
/*-----▲ スマホ版・PC版 共通 ▲-----*/

/*-----▼ スマホ版のみ ▼-----*/
@media screen and (max-width: 767px) {
	/* スマホ版のときだけ非表示 */
	.hideSp {
		display: none !important;
	}
	/* 領域全体 */
	.section.ShowaBrand {
		padding: 40px 0 50px 0;
	}
	/* 横幅 */
	.contentBox {
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	/* コンテンツ全体 */
	.ShowaBrand__container {
		border-radius: 10px;
		padding: 30px 0 20px;
	}
	/* 「RENOXIA（リノシア）は正和工業の〜」 */
	.ShowaBrand__titleInside {
		font-size: 20px;
	}
	/* 会社情報全体 */
	.ShowaBrand__corporateInfo {
		margin: 22px 4% 0 4%;
	}
	/* タイトル「会社概要」 */
	.ShowaBrand__infoTitle {
		font-size: 18px;
	}
	/* 会社情報 */
	.ShowaBrand__infoDataList {
		margin-top: 12px;
	}
	/* 会社情報の見出し */
	.ShowaBrand__infoDataTitle {
		font-size: 14px;
		padding: 8px 0 0 10px;
	}
	/* 会社情報のデータ */
	.ShowaBrand__infoData {
		font-size: 14px;
		padding: 6px 0 8px 20px;
	}
	/* データを区切る横線 */
	.ShowaBrand__infoData + .ShowaBrand__infoDataTitle {
		border-top: 1px solid #cbeef5;
	}
}
/*-----▲ スマホ版のみ ▲-----*/

/*-----▼ PC版のみ ▼-----*/
@media screen and (min-width: 768px) {
	/* PC版のときだけ非表示 */
	.hidePc {
		display: none !important;
	}
	/* 領域全体 */
	.section.ShowaBrand {
		padding: 60px 0 60px 0;
	}
	/* 横幅 */
	.contentBox {
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 20px;
		width: 1240px;
	}
	/* コンテンツ全体 */
	.ShowaBrand__container {
		border-radius: 20px;
		padding: 40px 0 60px;
	}
	/* 「RENOXIA（リノシア）は正和工業の〜」 */
	.ShowaBrand__titleInside {
		font-size: 32px;
	}
	/* 会社情報全体 */
	.ShowaBrand__corporateInfo {
		margin: 30px auto 0 auto;
		width: 800px;
	}
	/* タイトル「会社概要」 */
	.ShowaBrand__infoTitle {
		font-size: 24px;
	}
	/* 会社情報 */
	.ShowaBrand__infoDataList {
		display: block;
		margin-top: 14px;
	}
	/* 会社情報の見出し */
	.ShowaBrand__infoDataTitle {
		float: left;
		font-size: 16px;
		padding: 14px 0;
		position: relative;
		text-align: center;
		width: 24%;
	}
	.ShowaBrand__infoDataTitle:after {
		color: #ccc;
		content:'：';
		display: inline-block;
		position: absolute;
		right: 0;
	}
	/* 会社情報のデータ */
	.ShowaBrand__infoData {
		font-size: 16px;
		padding: 14px 0 14px 40px;
		width: 76%;
	}
	/* データを区切る横線 */
	.ShowaBrand__infoDataTitle:nth-of-type(n+2),
	.ShowaBrand__infoData:nth-of-type(n+2) {
		border-top: 1px solid #cbeef5;
	}
}