@charset "utf-8";
/* ----------------------------------------
freoのデフォルトcssに対する、
上書きcssをこちらに記載しています。
-------------------------------------------
color
---------------------------------------- */
html,body {
	background-color: #fff;
}

#container {
  background-color: #fff;
}
div#menu {
	background-color: rgba(225,225,225,0);
}

div#utility div.utility,
div#utility div.utility table.calender tr th, table.calender tr td {
	background-color: #e8f5f9;
}

h2,
a:link, a:visited,
div#menu a:link, div#menu a:visited,
div#entry div.entry h3,
div#entry div.entry h3 a:link, div#entry div.entry h3 a:visited {
	color: #28acd4;
}

/* ----------------------------------------
others
---------------------------------------- */
html,body {
	width: 100%;
	padding: 0;
}

table {
	width: 100%;
}

ol {
	margin: 10px 0.5em 0 2em;
}

a:link, a:visited {
	text-decoration: none;
}

/* ----------------------------------------
メインコンテナ
---------------------------------------- */
div#menu {
	font-size: 1.2rem;
}

div#content {
	width: 100%;
}

/* ----------------------------------------
エントリー
---------------------------------------- */
div#entry div.entry {
	width: 100%;
	border: none;
}

div#entry div.entry ul.information {
	border: none;
	padding: 1em;
	margin: 0;
	font-size: 1.2rem;
}

div#entry div#entry_link ul.entry_link {
	font-size: 1.2rem;
}

/* ----------------------------------------
タイトル
---------------------------------------- */
h2,
.subtitle {
	background: url(/assets/img/common/icon_subtitle@2x.png) no-repeat center left 0.7em/48px auto #e8f5f9;
	border-radius: 10px 10px 0 0;
	border: none;
	padding: 12px 15px 12px 80px;
	font-size: 1.4em;
	line-height: 1.7;
	color: #28acd4;
}

/* ----------------------------------------
お知らせ
---------------------------------------- */
.news-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	/*タブレット*/
	.news-list::after {
		content:"";
		display: block;
		width:33%;
	}
}

@media only screen and (min-width: 769px) {
	/*パソコン*/
	.news-list::before {
		content:"";
		display: block;
		width:23%;
		order:1;
	}

	.news-list::after {
		content:"";
		display: block;
		width:23%;
	}
}

.news-list__child {
	width: 45%;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	/*タブレット*/
	.news-list__child {
		width: 33%;
	}
}

@media only screen and (min-width: 769px) {
	/*パソコン*/
	.news-list__child {
		width: 23%;
	}
}