/*
	LOHAS STYLE KOBO
	Companyページ用スタイルシート
*/


/*	SDGsロゴ	*/
.company_sdgs_row{
	display:	flex;
	justify-content:	flex-end;

	width:	96%;
	margin:	0px auto;
}

.company_sdgs_logo{
	width:	64%;
}

@media screen and ( max-width: 768px )
{
	.company_sdgs_logo{
		width:	100%;
	}
}

/*	メッセージ	*/
.company_message_row{
	display:	flex;
	flex-direction:	row-reverse;

	width:	96%;
	margin:	64px auto;
}

.company_message_caption{
	margin-left:	32px;
}

.company_message_caption > p{
	font-size:	xxx-large;
}

.company_message_sentence{
}

.company_message_sentence > p{
	font-size:	large;
	margin:	0px 8px;
}

.company_message{
	display:	flex;
	flex-direction:		row-reverse;
	justify-content:	space-around;

	width:	48%;
}

@media screen and ( max-width: 768px )
{
	.company_message_row{
		flex-direction:	column;
	}

	.company_message{
		flex-direction:		column;
		width:	96%;
		margin:	0px auto;
	}

	.company_message_sentence{
		margin-top:	16px;
	}

	.company_message_sentence > p{
		margin:	0px 0px;
	}
}


/*	会社情報	*/
.company_info_top{
	display:	flex;
	justify-content:	flex-end;

	width:	100%;
}

.company_info_frame{
	display:	flex;
	justify-content:	right;

	width:	64%;
	border-top:	solid thin #808080;
}

.company_info_frame tr{
	margin:	32px 0px;
}

.company_info_frame th, .company_info_frame td{
	text-align:		start;
	vertical-align:	text-top;
	font-size:	large;
	color:	#808080;
	border-bottom:	solid thin #808080;
}

@media screen and ( max-width: 768px )
{
	.company_info_top{
		justify-content:	center;
	}

	.company_info_frame{
		width:	100%;
		justify-content:	center;
	}
}


/*	地図	*/
.company_map_top{
	display:	flex;
	justify-content:	flex-end;
	width:	98%;

	margin:	32px auto;
}

.company_map_frame{
	width:	640px;
}

.company_map_frame > iframe{
	width:	100%;
	object-fit:	contain;
	filter: grayscale( 100% );
}

@media screen and ( max-width: 768px )
{
	.company_map_top{
		justify-content:	center;
	}

	.company_map_frame{
		width:	96%;
	}
}