@charset "utf-8";


/*--------------------------------------------------------------
    理念
  --------------------------------------------------------------*/

#philosophy {
	margin: 0;
	padding: 0;

	background-color: rgb(233 254 255 / 0.5);
}

#philosophy h2 {
	margin: 0;
	padding: 2rem;
	font-size: clamp(2.8rem, 3.0vw, 4rem);
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: 2rem;

	color: rgb(var(--main-color) / 1.0);
}

#philosophy h3 {
	margin: 0;
	padding: 2rem;
	font-size: clamp(1.6rem, 1.6vw, 2.0rem);
	line-height: 1.2;
	font-weight: 600;

	color: #fff;
	text-shadow: 0px 0px 20px rgb(0 208 121 / 1.0);
}

#philosophy .philosophy-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 3rem;
	row-gap: 1rem;
}

#philosophy .philosophy-grid>div:first-child {
	aspect-ratio: 1/1;
	border-radius: 1rem;

	display: flex;
	justify-content: center;
	align-items: start;
}

#philosophy .center-text>* {
	font-size: 1.2rem;
	line-height: 2;
	color: #666;
}


@media (max-width: 767.98px) {

	/* sm 以下の画面サイズの場合のスタイル */
	#philosophy .philosophy-grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {

	/* md の画面サイズの場合のスタイル */
	#philosophy .philosophy-grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 992px) {
	/* lg 以上の画面サイズの場合のスタイル */
}