@charset "UTF-8";

/*-------------------------------------------------------------------------------*
 *	共通の記述
 *-------------------------------------------------------------------------------*/
h2 {
	color: #1e5a96;
	font-weight: bold;
}
#news_block {
	background: #fff;
}
#top_message {
	background: #fff;
	border-radius: 10px;
	padding: 1em;
}
#news_block dl {
	margin: 0;
}


/*-------------------------------------------------------------------------------*
 *	750px以下用用（SP用）の記述
 *-------------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
/* 750px以下用用（SP用）の記述 */

h2 {
	border-bottom: 2px solid #1e5a96;
	font-size: 3.47vw;
}
#main_visual {
	width: 100%;
	margin-bottom: 5.5%;
	text-align: center;
}
#main_visual img {
	width: 100%;
}
#news_block {
	padding: 4.2%;
	border-radius: 10px;
}
#news_block h2 {
	margin: 0 0 2.7%;
}
#top_message {
	margin-top: 1.5em;
}

/* 750px以下用用（SP用）の記述 end */
}

/*-------------------------------------------------------------------------------*
 *	751px以上用（PC用）の記述
 *-------------------------------------------------------------------------------*/
@media screen and (min-width: 751px), print {
/* 751px以上用（PC用）の記述 */

h2 {
	border-bottom: 3px solid #1e5a96;
	font-size: 2em;
}
#main_visual {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
}
#main_visual img {
	width: 100%;
}
#contents {
	display: flex;
	justify-content: space-between;
}
#news_block {
	max-width: 720px;
	width: calc(71.2% - 50px);
	padding: 25px;
	border-radius: 10px;
}
#news_block h2 {
	margin-top: 0;
	margin-bottom: 5.5%;
}
#top_message {
	background: #fff;
}


/* 751px以上用（PC用）の記述 end */
}

/*-------------------------------------------------------------------------------*
 *	印刷用の記述
 *-------------------------------------------------------------------------------*/

@media print {
/* 印刷用の記述 */

/* 印刷用の記述 end */
}