@charset "UTF-8";
/* CSS Document */

header { border-color: #FFF; }
h2,h3 { border-color: #ae2017; }

#Contents aside #SideNav dt { border-bottom: none; }
#Contents aside #SideNav dd { margin-top: 20px; }
#Contents aside #SideNav dd span { background: #717071; font-weight: bold; color: #FFF; display: block; text-align: center; padding: 10px 0; }
#Contents aside #SideNav dd ul { display: block; padding: 0; margin-top: 5px; }
#Contents aside #SideNav dd ul li { border-bottom: 1px dotted #717071; }
#Contents aside #SideNav dd ul li:last-child { border-bottom: none; }
#Contents aside #SideNav dd ul li a { padding: 10px 15px; display: block; }
#Contents.news aside #SideNav dd:nth-child(2) ul li a::before { content: "■"; color: #403d3c; }
#Contents.news aside #SideNav dd ul li:nth-child(2) a::before { color: #008ad2; }
#Contents.news aside #SideNav dd ul li:nth-child(3) a::before { color: #ac54cb; }
#Contents.news aside #SideNav dd ul li:nth-child(4) a::before { color: #7795d7; }
#Contents.news aside #SideNav dd ul li:nth-child(5) a::before { color: #97cd61; }
#Contents aside #SideNav dd ul li a:hover { text-decoration: none; background: #dcdcdc; transition: .3s; }



.box { background: #f5f3f0; padding: 20px; margin-top: 20px; }
.box h3 { margin-top: 10px; font-size: 1em; font-weight: bold; border: none; padding: 0; }

#News dl { padding-bottom: 20px; margin-top: 20px; }
#News dt { padding: 0 5px; font-size: 0.750em; line-height: 1.5em; }
#News dt::before { content: ""; display: inline-block; width: 10em; padding-top: 1px; font-size: 0.917em; color: #FFF; text-align: center; margin-right: 5px; line-height: 1.3em; vertical-align: middle; }
#News dt.new::after { content: "NEW"; color: #c50018; margin-left: 10px; font-weight: bold; }
#News dt.report::before { content: "調査レポート"; background: #ac54cb; }
#News dt.info::before { content: "お知らせ"; background: #008ad2; }
#News dt.seminar::before { content: "セミナー・イベント"; background: #7795d7; }
#News dt.publication::before { content: "刊行物"; background: #97cd61; }
#News dt.media::before { content: "メディア"; background: #717071; }
#News dt.press::before { content: "プレスリリース"; background: #717071; }
#News dt.performance::before { content: "出　演"; background: #717071; }
#News dt.contribution::before { content: "寄　稿"; background: #717071; }
#News dt.deta::before { content: "データ・コメント提供"; background: #717071; letter-spacing: -0.1em; }
#News dt.business::before { content: "関連事業等"; background: #717071; }
#News dd { padding: 0 12px 10px 12px; border-bottom: 1px dashed #c8c8c9; font-size: 0.938em; line-height: 1.5em; margin-top: 10px; }
#News dd srtong { font-weight: bold; }
#News dd + dt { margin-top: 15px; }

.pagination { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-top: 40px; }
.pagination li { width: 30px; margin: 0 5px; }
.pagination li a,.pagination li span { background: #b4b4b4; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; display: flex; height: 30px; text-decoration: none; color: #FFF; }
.pagination li a:hover,.pagination li a.active { background: #ae2017; }


@media screen and (max-width:767px) {
	#Contents aside #SideNav { display: block; margin-top: 40px; width: 100%; }
	#Contents aside #SideNav dt { display: none; }
}



@media screen and (max-width:414px) {
	.box { background: #f5f3f0; padding: 10px; margin-top: 20px; }
}