@charset "utf-8";
body{
	font-family: 'Noto Sans JP', sans-serif;
}

h2.title{
	font-family: 'Noto Sans JP', sans-serif;
}

h3.cardtitle{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
}
.fh5co-figure-text{
	font-size: 15px;
}
.buttons{
	padding-top: 2.0rem;
}
.news {
	text-align: left;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #446689;
	margin: 0;
}
.red-line {
	background: linear-gradient(transparent 80%, #f7f06e 0%);
}

@media screen and (max-width: 480px) {
	#fh5co-hero .fh5co-intro .fh5co-intro-img {
		bottom: -2em;
	}
}
@media screen and (max-width: 768px) {
	#fh5co-hero .fh5co-intro .fh5co-intro-img {
		bottom: -2em;
	}
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
dl.info{
	padding:0;
  	width: 100%;
	line-height:1.8;
	color:black;
}
dl.info dt{
	width:7em;
	float:left;
	margin:0;
	padding:0 0 0 5px;
}
dl.info dd{
	position:relative;
	margin:0 0 10px;
	padding:0 5px 10px 13em;
	text-align: left;
	border-bottom:1px dotted #000;
}
dl.info dd span.genre{
	display:block;
	position:absolute;
	top:0;
	left:7em;
	width:4.5em;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#eee;
	border-radius:2px;
}

dl.info dd span.web{
	background-color:#0074bf;
}
dl.info dd span.quiz{
	background-color:#56a764;
}
dl.info dd span.event{
	background-color:#d16b16;
}