@charset "utf-8";

/* =========================================================
ニュース全体ラップ
========================================================= */
.un_newsArea { padding-top: 120px; position: relative; }
.un_newsArea:before { width: 100%; height: 70px; content: ""; display: block; position: absolute; top: 0; left: 0; background-color: #f6f6f6; }


/* =========================================================
パンくず
========================================================= */
.bl_breadcrumbList { margin: 0 auto 70px; width: 1140px; }


/* =========================================================
ニュース記事固定レイアウト
========================================================= */
.un_newsBlock { margin: 0 auto; width: 980px; }
.un_newsBlock .un_newsBlock_heading { margin-bottom: 18px; font-size: 34px; font-weight: bold; color: #000; letter-spacing: 0.02em; line-height: 1.5; }
.un_newsBlock .un_newsBlock_info { margin-bottom: 80px; display: flex; flex-wrap: wrap; align-items: center; letter-spacing: 0.02em; }
.un_newsBlock .un_newsBlock_info .un_newsBlock_date { font-size: 15px; }
.un_newsBlock .un_newsBlock_info .un_newsBlock_cate { margin-left: 20px; padding: 1px 10px; font-size: 12px; color: #888; border: 1px solid #888; }
.un_newsBlock_body p {}
.un_newsBlock_body p + p { margin-top: 20px; }
.un_newsBlock .un_newsBtn { margin: 60px auto 70px; }


/* =========================================================
見出し
========================================================= */
/* 見出し共通 */
.un_postBlock h1,
.un_postBlock h2,
.un_postBlock h3,
.un_postBlock h4,
.un_postBlock h5,
.un_postBlock h6 { margin: 30px auto 0; color: #000; position: relative; }

/* モジュールのtype01 */
.un_postBlock h1 { margin-bottom: 60px; padding-bottom: 39px; font-size: 30px; letter-spacing: 0.02em; text-align: center; border-bottom: 1px solid #ccc; }
.un_postBlock h1::after { margin: auto; content: ""; width: 240px; height: 3px; display: block; position: absolute; left: 0; right: 0; bottom: -2px; background-color: #e5004f; }

/* モジュールのtype02 */
.un_postBlock h2 { margin-bottom: 24px; font-size: 24px; font-weight: bold; letter-spacing: 0.06em; text-align: center; }

/* モジュールのtype03 */
.un_postBlock h3 { margin-bottom: 25px; padding-bottom: 17px; font-size: 22px; font-weight: bold; letter-spacing: 0.06em; text-align: center; }
.un_postBlock h3::after { content: ""; width: 100px; height: 1px; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background-color: #e5004f; }

/* モジュールのtype04 */
.un_postBlock h4 { margin-bottom: 24px; padding-bottom: 8px; font-size: 20px; font-weight: bold; letter-spacing: 0.06em; }
.un_postBlock h4::after { content: ""; width: 20px; height: 2px; display: block; position: absolute; left: 0; bottom: 0; background-color: #e5004f; }

/* モジュールのtype05 */
.un_postBlock h5 { margin-bottom: 17px; padding-left: 16px; font-size: 17px; font-weight: bold; letter-spacing: 0.06em; }
.un_postBlock h5::before { content: ""; width: 10px; height: 2px; display: inline-block; vertical-align: middle; background-color: #e5004f; position: absolute; top: 15px; left: 3px; }

/* モジュールなし ニュースページのみ */
.un_postBlock h6 { margin-bottom: 15px; font-size: 16px; font-weight: bold; letter-spacing: 0.06em; }


/* =========================================================
テキスト
========================================================= */
.un_postBlock h1 + p,
.un_postBlock h2 + p,
.un_postBlock h3 + p,
.un_postBlock h4 + p,
.un_postBlock h5 + p,
.un_postBlock h6 + p { margin-top: 17px; }
.un_postBlock p { margin-top: 30px; }
.un_postBlock .bold { font-weight: bold; }
.un_postBlock .italic { font-style: italic; }

/* リンクテキスト */
.un_postBlock a { text-decoration: underline; }


/* =========================================================
画像
========================================================= */
.un_postBlock img { margin: 30px auto; }


/* =========================================================
レイアウト
========================================================= */
.un_postBlock p.left { text-align: left; }
.un_postBlock p.right { text-align: right; }
.un_postBlock p.center { text-align: center; }
.un_postBlock p.full { text-align: justify; }
.un_postBlock img.left { margin-right: 30px; float: left; }
.un_postBlock img.right { margin-left: 30px; float: right; }


/* =========================================================
リスト
========================================================= */
/* リスト共通 */
.un_postBlock ul,
.un_postBlock ol { padding-left: 24px; list-style: none; }

.un_postBlock ul li,
.un_postBlock ol li { padding: 5px 20px; position: relative; }

.un_postBlock ul li > ul,
.un_postBlock ul li > ol,
.un_postBlock ol li > ol,
.un_postBlock ol li > ul { padding-left: 0; }

.un_postBlock ul li::before,
.un_postBlock ol li::before { position: absolute; }

/* 数字リスト */
.un_postBlock ol { counter-reset: number 0; }
.un_postBlock ol > li { padding-left: 20px; }
.un_postBlock ol > li::before { margin-right: 10px; content: counter(number) "."; counter-increment: number 1; top: 5px; left: -3px; }

/* 中点リスト */
.un_postBlock ul { }
.un_postBlock ul > li { padding-left: 16px; }
.un_postBlock ul > li::before { content: "・"; top: 5px; left: -4px;  }



/* =========================================================
テーブル
========================================================= */
.un_postBlock table { margin-top: 30px; max-width: 980px!important; line-height: 1.5; }
.un_postBlock table tr th { background-color: #f6f6f6; }
.un_postBlock table tr th,
.un_postBlock table tr td { padding: 19px 20px; border: 1px solid #ccc; }


/* =========================================================
罫線
========================================================= */
.un_postBlock hr { margin: 30px 0; }

/* =========================================================
コラム本文
========================================================= */

.un_column_body{}
.un_column_body [dir=rtl] dd { margin: 0 40px 0 0;}
.un_column_body [dir=rtl] menu { padding: 0 30pt 0 0;}
.un_column_body [dir=rtl] ol { padding: 0 30pt 0 0;}
.un_column_body [dir=rtl] ul { padding: 0 30pt 0 0;}
.un_column_body a { color: #06C; text-decoration: underline;}
.un_column_body a:visited { color: #80080;}
.un_column_body address { display: block; font-style: italic;}
.un_column_body b { font-weight: bold;}
.un_column_body bdo { direction: rtl; unicode-bidi: bidi-override;}
.un_column_body blockquote { display: block; margin: 1em 40px;}
.un_column_body body { display: block; margin: 8px; zoom: 1;}
.un_column_body button { background-color: #F0F0F0; border-width: 3px; box-sizing: border-box; font-family: sans-serif; font-size: 10pt; overflow: hidden; padding: 1px 8px; text-align: center; zoom: 1;}
.un_column_body caption { display: table-caption; text-align: center; zoom: 1;}
.un_column_body cite { font-style: italic;}
.un_column_body code { font-family: monospace; font-size: 10pt;}
.un_column_body col { box-sizing: border-box; display: table-column;}
.un_column_body colgroup { box-sizing: border-box; display: table-column-group;}
.un_column_body dd { display: block; margin: 0 0 0 40px;}
.un_column_body del { text-decoration: line-through;}
.un_column_body dfn { font-style: italic;}
.un_column_body div { display: block;}
.un_column_body dl { display: block; margin: 1em 0;}
.un_column_body dt { display: block;}
.un_column_body em { font-style: italic;}
.un_column_body embed { zoom: 1;}
.un_column_body fieldset { border-style: groove; border-width: 2px; display: block; margin: 0 2px; padding: 0 2px 3px; zoom: 1;}
.un_column_body form { display: block;}
.un_column_body h1 { display: block; font-size: 2em; font-weight: bold; margin: 0.67em 0; page-break-after: avoid;}
.un_column_body h2 { display: block; font-size: 1.5em; font-weight: bold; margin: 0.83em 0; page-break-after: avoid;}
.un_column_body h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; page-break-after: avoid;}
.un_column_body h4 { display: block; font-size: 1em; font-weight: bold; margin: 1.33em 0; page-break-after: avoid;}
.un_column_body h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; page-break-after: avoid;}
.un_column_body h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; page-break-after: avoid;}
.un_column_body head { display: none;}
.un_column_body hr { border-style: inset; border-width: 1px; display: block; margin-bottom: 0.5em; margin-top: 0.5em; overflow: hidden; text-align: center; zoom: 1;}
.un_column_body html { display: block; zoom: 1;}
.un_column_body i { font-style: italic;}
.un_column_body iframe { background-color: #FFF; height: 150px; width: 300px; zoom: 1;}
.un_column_body img { zoom: 1;}
.un_column_body input { background-color: #FFF; border-width: 2px; font-family: sans-serif; font-size: 10pt; overflow: hidden; padding: 1px; zoom: 1;}
.un_column_body ins { text-decoration: underline;}
.un_column_body kbd { font-family: monospace; font-size: 10pt;}
.un_column_body legend { padding: 0 2px; zoom: 1;}
.un_column_body li { display: list-item;}
.un_column_body menu { display: block; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 1em 0; padding: 0 0 0 30pt;}
.un_column_body object { zoom: 1;}
.un_column_body ol { display: block; list-style-image: none; list-style-position: outside; list-style-type: decimal; margin: 1em 0; padding: 0 0 0 30pt;}
.un_column_body optgroup { font-family: sans-serif; font-size: 10pt; font-style: italic; font-weight: bold;}
.un_column_body option { font-family: sans-serif; font-size: 10pt; font-style: italic; font-weight: bold;}
.un_column_body p { display: block; margin: 1em 0;}
.un_column_body pre { display: block; font-family: monospace; font-size: 10pt; margin: 1em 0; white-space: pre;}
.un_column_body rp { font-size: 6pt;}
.un_column_body rt { display: ruby-text; font-size: 6pt;}
.un_column_body ruby { display: ruby;}
.un_column_body samp { font-family: monospace; font-size: 10pt;}
.un_column_body script { display: none; zoom: 1;}
.un_column_body select { background-color: #FFF; border-width: 1px; box-sizing: border-box; font-family: sans-serif; font-size: 10pt; overflow: hidden; zoom: 1;}
.un_column_body small { font-size: 0.83em;}
.un_column_body strong { font-weight: bold;}
.un_column_body style { display: none; zoom: 1;}
.un_column_body sub { font-size: 0.83em;}
.un_column_body sup { font-size: 0.83em;}

.un_column_body textarea { background-color: #FFF; border-width: 1px; font-family: monospace; font-size: 10pt; overflow-x: hidden; overflow-y: scroll; padding: 2px; white-space: pre-wrap; zoom: 1;}
.un_column_body table { width: 100%; border: 2px solid #e7d9d3; }
.un_column_body table tr { border-top: 1px solid #e7d9d3; }
.un_column_body table tr:first-child { border-top: none; }
.un_column_body table tr th { padding: 11px 20px; vertical-align: top; }
.un_column_body table tr td { padding: 10px 20px 10px 0; line-height: 1.5; }
@media screen and (max-width: 750px) {
	.un_column_body table tr th { padding: 8px 13px; }
	.un_column_body table tr td { padding: 8px 13px 8px 0; }
}

.un_column_body ul { display: block; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 1em 0; padding: 0 0 0 30pt;}
.un_column_body var { font-style: italic;}


.un_column_body p.left,.un_column_body h1.left,.un_column_body h2.left,.un_column_body h3.left,.un_column_body h4.left,.un_column_body h5.left,.un_column_body h6.left,.un_column_body td.left,.un_column_body th.left,.un_column_body ul.left,.un_column_body ol.left,.un_column_body li.left,.un_column_body table.left{text-align: left;}
.un_column_body div.left,.un_column_body img.left{float: left; margin-right: 10px;margin-bottom: 10px;}

.un_column_body p.center,.un_column_body h1.center,.un_column_body h2.center,.un_column_body h3.center,.un_column_body h4.center,.un_column_body h5.center,.un_column_body h6.center,.un_column_body td.center,.un_column_body th.center,.un_column_body ul.center,.un_column_body ol.center,.un_column_body li.center,.un_column_body table.center{text-align: center;}
.un_column_body div.center,.un_column_body img.center{display:block;margin:0 auto 10px;}

.un_column_body p.right,.un_column_body h1.right,.un_column_body h2.right,.un_column_body h3.right,.un_column_body h4.right,.un_column_body h5.right,.un_column_body h6.right,.un_column_body td.right,.un_column_body th.right,.un_column_body ul.right,.un_column_body ol.right,.un_column_body li.right,.un_column_body table.right{text-align: right;}
.un_column_body div.right,.un_column_body img.right{float: right; margin-left: 10px;margin-bottom: 10px;}

.un_column_body p.full,.un_column_body h1.full,.un_column_body h2.full,.un_column_body h3.full,.un_column_body h4.full,.un_column_body h5.full,.un_column_body h6.full,.un_column_body td.full,.un_column_body th.full,.un_column_body ul.full,.un_column_body ol.full,.un_column_body li.full,.un_column_body table.full{text-align:justify;}
.un_column_body div.full,.un_column_body img.full{display: block; width: 100%; margin-bottom: 10px;}
.un_column_body .bold{ font-weight: bold;}
.un_column_body .italic{ font-style: italic;}
.un_column_body .underline{ text-decoration: underline;}
.un_column_body .del{ text-decoration: line-through;}
/*--------------------------------------------------------------------------
	[ RWD Style ]
--------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
	/* =========================================================
	ニュース全体ラップ
	========================================================= */
	.un_newsArea { padding-top: 53px; }
	.un_newsArea:before { height: 25px; }

	/* =========================================================
	パンくず
	========================================================= */
	.bl_breadcrumbList {}


	/* =========================================================
	ニュース記事固定レイアウト
	========================================================= */
	.un_newsBlock { width: 89%; }
	.un_newsBlock .un_newsBlock_heading { font-size: 22px; }
	.un_newsBlock .un_newsBlock_info { margin-bottom: 42px; }
	.un_newsBlock .un_newsBlock_info .un_newsBlock_date { font-size: 13px; }
	.un_newsBlock .un_newsBlock_info .un_newsBlock_cate { margin-left: 8px; padding: 0 8px; font-size: 10px; }
	.un_newsBlock_body p {}
	.un_newsBlock_body p + p {}


	/* =========================================================
	見出し
	========================================================= */
	/* 見出し共通 */
	.un_postBlock h1,
	.un_postBlock h2,
	.un_postBlock h3,
	.un_postBlock h4,
	.un_postBlock h5,
	.un_postBlock h6 { line-height: 1.2; }

	/* モジュールのtype01 */
	.un_postBlock h1 { margin-bottom: 30px; padding-bottom: 23px; font-size: 20px; }
	.un_postBlock h1::after { width: 100px; }

	/* モジュールのtype02 */
	.un_postBlock h2 { margin-bottom: 19px; padding: 0 10%; font-size: 19px; }

	/* モジュールのtype03 */
	.un_postBlock h3 { margin-bottom: 15px; padding: 0 10% 14px; font-size: 18px; }
	.un_postBlock h3::after { width: 75px; }

	/* モジュールのtype04 */
	.un_postBlock h4 { margin-bottom: 14px; padding-bottom: 11px; font-size: 17px; }
	.un_postBlock h4::after { width: 20px; }

	/* モジュールのtype05 */
	.un_postBlock h5 { margin-bottom: 13px; padding-left: 13px; font-size: 15px; }
	.un_postBlock h5::before { content: ""; width: 7px; top: 8px; left: 1px; }

	/* モジュールなし ニュースページのみ */
	.un_postBlock h6 { font-size: 14px; }


	/* =========================================================
	テキスト
	========================================================= */
	.un_postBlock h1 + p,
	.un_postBlock h2 + p,
	.un_postBlock h3 + p,
	.un_postBlock h4 + p,
	.un_postBlock h5 + p,
	.un_postBlock h6 + p {  }
	.un_postBlock p {  }

	/* リンクテキスト */
	.un_postBlock a:hover {  }


	/* =========================================================
	画像
	========================================================= */
	.un_postBlock img { width: 100%; }


	/* =========================================================
	レイアウト
	========================================================= */
	.un_postBlock img.left { margin-right: 0; float: none; }
	.un_postBlock img.right { margin-left: 0; float: none; }


	/* =========================================================
	リスト
	========================================================= */
	.un_postBlock ul li + li,
	.un_postBlock ol li + li {  }
	.un_postBlock ul li > ul,
	.un_postBlock ul li > ol,
	.un_postBlock ol li > ol,
	.un_postBlock ol li > ul {  }


	/* =========================================================
	テーブル
	========================================================= */
	.un_postBlock .un_postTable_wrap { overflow: auto; white-space: nowrap; }
	.un_postBlock .un_postTable_wrap::-webkit-scrollbar { height: 7px; }
	.un_postBlock .un_postTable_wrap::-webkit-scrollbar-track { background: #b1b1b1; }
	.un_postBlock .un_postTable_wrap::-webkit-scrollbar-thumb { background: #626262; }
	.un_postBlock .un_postTable_wrap table { table-layout: auto; }
	.un_postBlock table { margin-top: 16px; width: 100%!important; }
	.un_postBlock table tr th,
	.un_postBlock table tr td { padding: 11px 9px; }


	/* =========================================================
	罫線
	========================================================= */
	.un_postBlock hr { margin: 15px 0; }


} /* media */