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

	philosophy_block

-----------------------------------*/
#philosophy_block {
	padding: 43px 0 141px;
}
#philosophy_block .ttl01,
#philosophy_block .ttl02 {
	font-weight: 400;
	text-align: center;
}
#philosophy_block .ttl01 {
	font-size: 38px;
	letter-spacing: 0.025em;
	margin-bottom: 71px;
}
#philosophy_block .ttl02 {
	font-size: 48px;
	letter-spacing: 0.075em;
	color: #004080;
	margin-bottom: 114px;
}
#philosophy_block .reverse {
	flex-direction: row-reverse;
}
#philosophy_block .philosophy01 {
	margin-bottom: 112px;
}
#philosophy_block .philosophy02 {
	margin-bottom: 130px;
}
#philosophy_block .philosophy04 {
	margin-bottom: 117px;
}
#philosophy_block .philosophy05 {
	margin-bottom: 117px;
}
#philosophy_block .txt_box {
	width: 50%;
	max-width: 510px;
}
#philosophy_block .txt_box h4 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	margin-bottom: 26px;
}
#philosophy_block .philosophy01 .txt_box h4 {
	margin-top: 23px;
}
#philosophy_block .philosophy03 .txt_box h4 {
	margin-top: 18px;
}
#philosophy_block .txt_box p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: -0.01em;
}
#philosophy_block .img_box {
	width: 45%;
	max-width: 455px;
}
#philosophy_block .philosophy01 .img_box img:not(:last-of-type) {
	margin-bottom: 20px;
}
#philosophy_block .philosophy03 .img_box img {
	max-width: 337px;
	margin: 0 auto;
}
#philosophy_block .philosophy04 .img_box img {
	max-width: 269px;
	margin: 99px auto 0;
}
#philosophy_block .philosophy05 .img_box img {
	max-width: 325px;
	margin: 12px auto 0;
}
@media screen and (max-width: 640px) {
	#philosophy_block {
		padding: 23px 0 71px;
	}
	#philosophy_block .ttl01 {
		font-size: 22px;
		font-weight: 500;
		margin-bottom: 31px;
	}
	#philosophy_block .ttl02 {
		font-size: 28px;
		font-weight: 500;
		margin-bottom: 44px;
	}
	#philosophy_block .philosophy_box {
		flex-direction: column-reverse;
	}
	#philosophy_block .philosophy01 {
		margin-bottom: 62px;
	}
	#philosophy_block .philosophy02 {
		margin-bottom: 60px;
	}
	#philosophy_block .philosophy04 {
		margin-bottom: 57px;
	}
	#philosophy_block .philosophy05 {
		margin-bottom: 57px;
	}
	#philosophy_block .txt_box,
	#philosophy_block .img_box {
		width: 100%;
	}
	#philosophy_block .txt_box h4 {
		font-size: 20px;
		margin-bottom: 14px;
	}
	#philosophy_block .philosophy01 .txt_box h4 {
		margin-top: 0;
	}
	#philosophy_block .philosophy03 .txt_box h4 {
		margin-top: 9px;
	}
	#philosophy_block .txt_box p {
		font-size: 16px;
	}
	#philosophy_block .img_box {
		margin-bottom: 26px;
	}
	#philosophy_block .philosophy01 .img_box img:not(:last-of-type) {
		margin-bottom: 10px;
	}
	#philosophy_block .philosophy03 .img_box img {
		max-width: 237px;
	}
	#philosophy_block .philosophy04 .img_box img {
		max-width: 239px;
		margin: 29px auto 10px;
	}
	#philosophy_block .philosophy05 .img_box img {
		max-width: 235px;
		margin: 0 auto 10px;
	}
}