<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*!
 * ホームCSS
 */

/* メインビジュアル
 * 画像を複数枚入れた場合はスライドになる
------------------------------------------------------------ */

.slide1 img {
	/* 全体枠 */
	border-radius: 4px;
	margin-top: 12px;
}

/* PCとTBの間 */
@media screen and (max-width: 989px) {
	.slide1 img {
		/* 全体枠 */
		border-radius: 0;
	}
}

/* TB,SP */
@media screen and (max-width: 767px) {
	.slide1 img {
		/* 全体枠 */
		border-radius: 4px;
	}
}

/* 財団概要
------------------------------------------------------------ */
#home-contents .comment {
	/* 全体枠 */
	margin: 1.5em auto 2em auto;
	font-size: 108%;
}

/* トピックス（全体枠とタイトル）
 * リンクバナー表示時は全体枠をコメントアウトする事
------------------------------------------------------------ */
#home-contents .info-box {
	/* 全体枠 */
	float: none;
	margin: 0 auto;
}

#home-contents .info-box h2 {
	/* タイトル */
	position: relative;
	margin: 1em 0 1.5ex 0;
	text-align: center;
	line-height: 1;
}

#home-contents .info-box h2 span.h-text {
	/* タイトルspan */
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 0.8ex;
	background-color: #fff;
	text-align: left;
	color: #e8383d;
	font-weight: bold;
	white-space: nowrap;
}

#home-contents .info-box h2:before {
	/* タイトル左右ライン */
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	top: 42%;
	height: 5px;
	background: #ffc6c6;
	background: -webkit-linear-gradient(-45deg, #fff, #ffc6c6 40%, #ffc6c6 60%, #fff);
	background: linear-gradient(-45deg, #fff, #ffc6c6 40%, #ffc6c6 60%, #fff);
}

/* TB,SP */
@media screen and (max-width: 767px) {
	.info-box {
		/* 全体枠 */
		width: 95%;
	}
}

/* トピックス一覧（ulリスト）
------------------------------------------------------------ */
.info-box ul {
	/* 一覧リスト */
	margin: 0;
	list-style: none;
	max-height: 295px;
	//overflow-y: auto;
	overflow-y: hidden;
}

.info-box li {
	/* 一覧リスト項目 */
	border-bottom: #ddd solid 1px;
}

.info-box li:first-of-type {
	/* 項目一番目 */
	border-top: #ddd solid 1px;
}

.info-box li&gt;a {
	/* 項目a要素 */
	display: block;
	padding: 10px;
}

.info-box li&gt;a:link,
.info-box li&gt;a:visited {
	/* a要素(リンク,訪問済) */
	background-color: #fff;
	text-decoration: none;
}

.info-box li&gt;a:hover {
	/* a要素(オンマウス) */
	background-color: #fff0f5;
	transition: background-color ease-out 0.4s;
}

.info-box li .date {
	/* 日付 */
	display: inline-block;
	width: 8em;
	text-align: center;
	color: #222;
}

.info-box .backnumber-btn {
	/* Old Information ボタン */
	margin-top: 5px;
	text-align: right;
}

.info-box li.red a {
	color: #ff0000;
}

.info-box li.red .date {
	color: #ff0000;
}

/* TB,SP */
@media screen and (max-width: 767px) {
	.info-box ul {
		/* 一覧リスト */
		max-height: 480px;
		border: #eee solid 1px;
	}

	.info-box ul::-webkit-scrollbar {
		/* スクロールバー表示(外側) */
		background: #ccc;
		width: 10px;
	}

	.info-box ul::-webkit-scrollbar-thumb {
		/* スクロールバー表示(動かす所) */
		background: #aaa;
	}

	.info-box li .date {
		/* 日付 */
		width: auto;
		text-align: left;
	}

	.info-box li em {
		/* トピックス文言をブロック化 */
		display: block;
		margin-top: 0.5ex;
	}
}

/* 助成先の活動状況
------------------------------------------------------------ */
.info-p {
	max-width: 300px;
	margin: 0 auto;
}

/* リンクバナー
------------------------------------------------------------ */
.link-bn {
	/* 全体枠 */
	text-align: center;
	margin: 2em 0 1ex 0;
}

.link-bn a {
	/* リンク */
	display: inline-block;
	margin: 0.3ex 0;
}

/* TB,SP */
@media screen and (max-width: 767px) {
	.link-bn a {
		/* リンク */
		//
	}
}
</pre></body></html>