<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ------------------------------------
 * reset
------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ------------------------------------
 * common
------------------------------------ */
body {
	font-family: 'メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka', sans-serif;
	line-height: 1;
	background: #eef1f4;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
a {
	color: #347cfe;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.clearFix:after {
	content: "";
	display: block;
	clear: both;
	zoom: 1;
}

#mainFrame {
	width: 96%;
	max-width: 1000px;
	margin: 30px auto;
	background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.relation #mainFrame {
	width: 96%;
	max-width: 1000px;
	margin: 30px auto;
	background: none;
    box-shadow: none;
}
.linklistH1_wrap{
	/*background: #1660e7;*/
	background: #e20000;
	color: #fff;
	font-size: 1.375rem;
	font-weight: bold;	
}
#linklistH1 {
	width: 96%;
	max-width: 1000px;
	padding: 20px 20px 20px 40px;
	margin: 0 auto;
	background: url(../../img/icon-cution-bk.png) left center no-repeat;
	background-size: 29px;
    box-sizing: border-box;
	display: block;
}

/* relation-list ------------------------------------ */
.relation-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.linklistLeft,
.linklistMiddle,
.linklistRight {
	width: 32%;
}
.linklistLeft H2, .linklistMiddle H2, .linklistRight H2 {
    padding: 12px 15px;
    background-color: #333;
    color: #fff;
    font-weight: bold;
}
.linklistLeft ul, .linklistMiddle ul, .linklistRight ul {
	list-style-type: none;
	border: 1px solid #ccc;
}
.linklistLeft ul li, .linklistMiddle ul li, .linklistRight ul li {
	border-bottom: 1px solid #ccc;
	word-wrap: break-word;
    word-break: break-all;
}
.linklistLeft ul li:last-child,
.linklistMiddle ul li:last-child,
.linklistRight ul li:last-child {
	border-bottom: none;
}
.linklistName {
	color: #000;
}
.linklistUrl {
	margin: 5px 0 0;
	display: block;
    color: #999;
    font-size: 0.75rem;
    font-weight: normal;
   line-height: 1.0;
}
.linklistLeft ul li a,
.linklistMiddle ul li a,
.linklistRight ul li a {
	padding: 12px 24px 12px 10px;
    /*background: url(../../img/icon-arrow-cution-bu.png) right 8px center no-repeat #fff;*/
	background: url(../../img/icon-arrow-rd.png) right 8px center no-repeat #fff;
    background-size: 9px;
    display: block;
    box-sizing: border-box;
    color: #347cfe;
	line-height: 1.2;
    font-weight: bold;
	text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.linklistLeft ul li a:hover,
.linklistMiddle ul li a:hover,
.linklistRight ul li a:hover {
    /*background: url(../../img/icon-arrow-cution-bu.png) right 8px center no-repeat #f2f7ff;*/
	background: url(../../img/icon-arrow-rd.png) right 8px center no-repeat #fff2f2;
    background-size: 9px;
}
.linklistSepa {
	width: 100%;
	margin: 20px 0;
}
.linklistSepa img{
	display: none;
}
.linklistSepa:before{
	content: "";
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #999;
	display: block;
}
.copyright {
	margin-top: 30px;
	text-align: center;
}
.copyright a{
	color: #000;
	font-size: 0.75rem;
	text-decoration: none;
}

@media screen and (max-width:800px) {
	.linklistLeft,
	.linklistMiddle,
	.linklistRight {
		width: 100%;
	}
	.linklistLeft,
	.linklistMiddle{
		margin: 0 0 30px;
	}
}
@media screen and (max-width:640px) {
	.linklistH1_wrap {
		font-size: 1.125rem;
	}
}

/* NEWS ------------------------------------ */

#tab {
	text-align: center;
}
#tab div {
	width: 50%;
	background: #f1f1f1;
    box-sizing: border-box;
    display: inline-block;
	font-weight: bold;
    text-align: center;
}
#tab div.newsTabActive {
	padding: 20px;
	background: #fff;
}
.newsTabLink a {
	padding: 20px;
	/*background: rgba(22, 96, 231, 0.5);*/
	background: rgba(231, 22, 22, 0.5);
	
	display: block;
	text-decoration: none;
    color: #fff;
	font-weight: bold;
	transition: all 0.2s ease-in-out;
}
.newsTabLink a:hover {
	/*background: rgba(22, 96, 231, 0.7);*/
	background: rgba(231, 22, 22, 0.7);
}
#newsList {
    padding: 18px 30px 30px 30px;
}
#newsListDate{
    margin: 0 0 15px;
	font-size: 0.875rem;
	text-align: right;
}
#newsListBody {
	margin: 0 0 20px;
	background-color: #fff;
}
#newsListBody dt {
	padding: 12px 15px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
#newsListBody dd {
    padding: 15px;
    background: #fff;
	border: 1px solid #ccc;
    border-top: none;
    font-size: 0.875rem;
    line-height: 1.3;
}
#newsListBody dd+dt {
    margin-top: 20px
}
#newsListBody dd.recordSubCategory {
	padding: 10px;
    background-color: #deefff;
	border-bottom: 1px solid #c2d7eb;
    font-size: 1.0rem;
    font-weight: bold;
}
#newsListBody dd.recordNews {
	padding: 15px;
    font-size: 0.875rem;
    line-height: 1.3;
    word-break: break-word
}
#newsListBody .recordDate {
	margin: 10px 0 0;
    display: block;
    color: #999;
    font-size: 0.875rem;
    text-align: right;
}
@media screen and (max-width:640px) {
	#newsList {
		padding: 18px 3% 30px 3%;
	}
}

</pre></body></html>