@charset "UTF-8";
/* CSS Document */

/*=======
aboutus
facilities.cssを改造、index.hml#aboutusのデザイン要素を適用
=======*/

/*コンテンツ幅、デフォルトより少し狭い*/
.ly_main .inner-default {
	max-width: 1180px;
}

/*--bl_grid--*/
.bl_grid {
	display: flex;
	gap:3em 5vw;
	flex-wrap: wrap;
}
.bl_grid > div {
	box-sizing: border-box;
	border: solid #dfdfdf 1px;
	border-radius: 8px;
	padding: 3px;
	min-width: 270px;
	/**/
	width: calc(50% - 3vw);
}
.bl_grid > div img {
	width: 100%;
	height: auto;
	margin-bottom: 2em;
	border-radius: 8px 8px 0 0;
}
/*タイトル*/
.bl_grid div > .title {
	font-size:1.1em;
	margin-bottom: 1.75em;
}
.bl_grid > div p {
	font-size:1em;
	line-height: 1.5;
	margin: 1.5em;
	line-height: 2;
}
@media screen and (max-width:680px){
	.bl_grid {
		display: block;
		max-width: 484px;
		margin-left: auto;
		margin-right: auto;
	}
	.bl_grid > div {
		display: block;
		width: 100%;
		margin-bottom: 4em;
	}
}