@charset "utf-8";
#header_title { max-width: 2400px; min-width: 1400px; margin: 0 auto;}
/*.head_img_area { display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; background: url("../../img/top_sub_img.jpg") no-repeat center bottom / cover; overflow: hidden;}*/
.head_title { display: inline-block; font-size: 30px; color: #088f5e; line-height: 110px; padding: 0 50px; background: #fff;}

#learning { margin-top: 100px; margin-bottom: 100px;}
.learning_area { margin-top: 50px;}
.learning_area dl { display: flex; gap: 45px; border-top: solid 1px #222; padding: 40px 0;}
.learning_area dl:last-child { border-bottom: solid 1px #222; }
.learning_area dd h3 { color: #001661; font-size: 22px;line-height: 120%; border-left: solid 9px #001661; padding: 6px 0 8px 15px;}
.learning_area dd h3 a { color: #001661; text-decoration: none;}
.learning_area dd h3 a:hover { text-decoration: underline;}
.learning_area dd p { font-size: 16px; line-height: 180%; font-weight: 500; margin-top: 25px;}




@media screen and (max-width: 768px) {
	#header_title { max-width: none; min-width: auto; margin: 0;}
/*	.head_img_area { width: 100%; height: 400px; background: url("../../img/top_sub_img.jpg") no-repeat center bottom / cover;}*/
	.head_title { font-size: 25px; line-height: 80px; padding: 0 30px; }

	#learning { margin-top: 50px; margin-bottom: 50px;}
	.learning_area dl { flex-direction: column; gap: 30px; border-top: solid 1px #222; padding: 35px 0;}
	.learning_area dd h3 span { display: inline-block;}
	.learning_area dd p { margin-top: 10px;}

}