@charset "utf-8"; 

/* ===========================================================================================================================
	会社情報 company css
	
	---- INDEX ----
	section　ごあいさつ
	section　私たちの想い
	section　沿革
============================================================================================================================== */
/* section　ごあいさつ
------------------------------------------ */
.greeting_img p {
	font-family: 'Noto Serif JP', serif;
	margin-top: 1em;
	text-align: center;
}
@media screen and (min-width: 1000px) {/* PC */
	.greeting {
		display: flex;/* 内包要素を並列に */
		justify-content: space-between;/* 内包要素を両端に合わせて均等間隔に配置 */
	}
	.greeting_img {
		width: 319px;
	}
	.greeting_txt {
		width: 629px;
		font-size: 20px;
		line-height: 2;
	}
	.president_name {
		font-size: 28px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	.greeting {
		display: flex;/* 内包要素を並列に */
		justify-content: space-between;/* 内包要素を両端に合わせて均等間隔に配置 */
	}
	.greeting_img {
		width: 200px;
	}
	.greeting_txt {
		width: calc(100% - 230px);
		font-size: 20px;
		line-height: 2;
	}
	.president_name {
		font-size: 28px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	.greeting_img {
		width: 130px;
		float: left;
		margin: 0 10px 10px 0;
	}
	.greeting_txt {
	}
	.president_name {
		font-size: 20px;
	}
}

/* section　私たちの想い
------------------------------------------ */
@media screen and (min-width: 1000px) {/* PC */
	.thought {
		display: flex;/* 内包要素を並列に */
		justify-content: space-between;/* 内包要素を両端に合わせて均等間隔に配置 */
	}
	.thought > * {
		width: 470px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	.thought {
		display: flex;/* 内包要素を並列に */
		justify-content: space-between;/* 内包要素を両端に合わせて均等間隔に配置 */
	}
	.thought > * {
		width: 47%;
	}
}
@media screen and (max-width: 767px) {/* SP */
	.thought > *:first-child {
		margin-bottom: 2em;
	}
}

/* section　沿革
------------------------------------------ */


@media screen and (min-width: 1000px) {/* PC */
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
}
@media screen and (max-width: 767px) {/* SP */
}