@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 共通設定
[2] メインコンテンツ 共通設定
[3] メインコンテンツ 詳細設定
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 共通設定
*******************************************************************************/
/*==============================================================================
	本文へ
==============================================================================*/
#blockskip a{
	color:#FFF;
	background-color:#033570;
}
/*******************************************************************************
[2] メインコンテンツ 共通設定
********************************************************************************/
/*==============================================================================
	更新日
==============================================================================*/
#content p.update,#content2 p.update,#content3 p.update{
	margin-top:7px;
}
/*==============================================================================
	ページ番号
==============================================================================*/
#content p span.idnumber,#content2 p span.idnumber,#content3 p span.idnumber{
	padding:7px 25px 7px 25px;
	background:#E1E1E1;
	border:none;
	border-radius:50px;
}
/*==============================================================================
	いいねボタン
==============================================================================*/
#content div.sns, #content2 div.sns, #content3 div.sns{
	width:auto;
}
#content div.sns img, #content2 div.sns img, #content3 div.sns img{
	display: block;
}
.like{
	width:auto;
	display: inline-block;
}
.fi_like{
	margin:0 0 0 20px;
	display: inline-block;
    background: #efefef url(images/content/like_off.png) no-repeat center left 10px;
    font-size: 80%;
    padding:10px 10px 10px 40px;
    border-radius: 5px;
	line-height: 1.2;
	cursor: pointer;
	border:2px solid #CCC;
	background-size: 25px;
}
.fi_like:hover{
	background-color: #FFF;
}
.like_on{
    background: #FFEBEB url(images/content/like_on.png) no-repeat center left 10px;
    border:2px solid #BC253C;
	background-size: 25px;
    color: #BC253C;
}
.fi_like.like_mark{
	text-indent: -9999px;
	width: 50px;
	padding: 10px 10px 10px 10px;
}
/*==============================================================================
	更新日・印刷ボタン
==============================================================================*/
#content p.update, #content2 p.update, #content3 p.update,
#content p.printbtn, #content2 p.printbtn, #content3 p.printbtn{
		margin-right:0;
}
/*==============================================================================
	印刷ボタン
==============================================================================*/
#content p.printbtn, #content2 p.printbtn, #content3 p.printbtn{
	margin-bottom:30px;
}
#content p span.print,#content2 p span.print,#content3 p span.print,
#content p span.printl,#content2 p span.printl,#content3 p span.printl{
	background:#FFFFFF;
	border:1px solid #AAAAAA;
	border-radius:4px;
	vertical-align:bottom;
}
#content p span.print a,#content2 p span.print a,#content3 p span.print a,
#content p span.printl a,#content2 p span.printl a,#content3 p span.printl a{
	padding: 3px 10px 3px 40px;
	background:url(images/content/print.png) no-repeat 10px center;
}
#content p span.printl a,#content2 p span.printl a,#content3 p span.printl a{
	padding-top:0px;
	padding-bottom:1px;
}
/*******************************************************************************
[3] メインコンテンツ 詳細設定
********************************************************************************/
/*==============================================================================
	見出し
==============================================================================*/
#pagebody p.h1img{
	margin-bottom:20px;
	text-align: center;
}
#pagebody p.h1img img{
	max-width:100%;
	height:auto;
}
/*==============================================================================
	見出し・段落（h1からh6まで）
==============================================================================*/
#content h1,#content2 h1,#content p.faqtitle,#content3 h1{
	margin-bottom:40px;
	padding:27px 10px 24px 25px;
	font-size:185%;
	position:relative;
	background:#FFF;
	border-top:2px solid #033570;
	border-bottom:1px solid #D0D0D0;
	line-height:1.4;
	letter-spacing:0.08em;
}
#content h1::before,#content2 h1::before,#content p.faqtitle::before,#content3 h1::before{
	content:"";
	width:6px;
	height:calc(100% - 52px);
	position:absolute;
	left:0;
	top:27px;
	background:#033570;
}
#content h1.h1img::before,#content2 h1.h1img::before,#content3 h1.h1img::before{
	content:none;
}
#content h2,#content2 h2{
	margin-bottom:30px;
	padding:12px 45px 13px 25px;
	font-size:165%;
	color:#FFFFFF;
	background:#033570;
	background:linear-gradient(135deg, #033570 0%, #033570 calc(100% - 60px), #1D4B7F calc(100% - 60px), #1D4B7F calc(100% - 45px), #335B8C calc(100% - 45px), #335B8C calc(100% - 25px), #486D99 calc(100% - 25px), #486D99 100%);
	line-height:1.5;
	letter-spacing:0.08em;
}
#content h2 a,#content2 h2 a{
	color:#FFFFFF;
}
#content h3,#content2 h3{
	margin-bottom:30px;
	padding:2px 5px 13px 25px;
	position:relative;
	font-size:145%;
	border-bottom:1px solid #C8C8C8;
	line-height:1.5;
}
#content h3::before,#content2 h3::before{
	content:"";
	width:4px;
	height:calc(100% - 17px);
	position:absolute;
	left:2px;
	top:2px;
	background:#779ABA;
}
#content h4,#content2 h4{
	margin-bottom:20px;
	padding: 10px 5px 10px 25px;
	font-size:110%;
	background:#E5EAF0;
	line-height:1.5;
}
#content h5,#content2 h5{
	margin-left:20px;
	padding:2px 5px 5px 0px;
	font-size:100%;
	border-bottom:1px solid #C8C8C8;
	line-height:1.5;
}
#content h6,#content2 h6{
	margin-left:20px;
	padding:0px 5px 0px 0px;
	font-size:100%;
	line-height:1.5;
}
#content p, #content2 p{
	margin:0px 20px 20px 20px;
}
/*------------------------------------------------------------------------------
	概要文
------------------------------------------------------------------------------*/
#content p.outline,#content2 p.outline,#content3 p.outline{
	margin:0px 20px 40px 20px;
	padding:10px 15px;
	background:#E1E1E1;
}
/*==============================================================================
	リスト
==============================================================================*/
#content ul > li,
#content2 ul > li{
	position:relative;
	list-style:none;
}
#content ul:not([class]) > li:not([class])::after,
#content2 ul:not([class]) > li:not([class])::after{
	width:8px;
	height:8px;
	position:absolute;
	top:.4em;
	left:-18px;
	content:'';
	background-color:#033570;
	border-radius:25px;
}
#content ul:not([class]) > li:not([class]) ul:not([class]) > li::after,
#content2 ul:not([class]) > li:not([class]) ul:not([class]) > li::after{
	margin-left:35px;
	width:6px;
	height:6px;
	top:.4em;
	left:-52px;
	border:#033570;
	border-radius:25px;
}
/*　入れ子のolを括弧付き数字　*/
#content ol ol{
	counter-reset: section;
}
#content ol ol > li {
	list-style-type: none;
  counter-increment: section;
}
#content ol ol > li::before {
	content: "(" counter(section) ")";
	display:inline-block;
	margin-left:-2.5em;
	width: 2.5em;
}
/*------------------------------------------------------------------------------
	定義リスト
------------------------------------------------------------------------------*/
#content dt{
	background:#E6F0F9;
	border:none;
}
#content dd{
	border-color:#C8C8C8;
}
#content2 dt,#content2 .fieldlabel{
	border-color:#C8C8C8;
}
/*------------------------------------------------------------------------------
	リンク付リスト
------------------------------------------------------------------------------*/
#content ul.objectlink li,
#content2 ul.objectlink li{
	margin-bottom:10px;
	padding-left:20px;
	position:relative;
}
#content ul.objectlink li:not([class])::before,
#content2 ul.objectlink li:not([class])::before{
	width:14px;
	height:14px;
	content:"";
	position:absolute;
	top:calc(.75em - 7px);
	left: 0px;
	border-radius: 50%;
	background: #033570;
}
#content ul.objectlink li:not([class])::after,
#content2 ul.objectlink li:not([class])::after{
	width: 4px;
	height: 4px;
	content:"";
	position:absolute;
	top:calc(.75em - 2px);
	left: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	transform:rotate(45deg);
}
/*==============================================================================
	リストページ
==============================================================================*/
/*------------------------------------------------------------------------------
	通常リスト
------------------------------------------------------------------------------*/
#content ul.listlink li,
#content2 ul.listlink li{
	padding-left:20px;
	position:relative;
}
/*------------------------------------------------------------------------------
	2列リスト
------------------------------------------------------------------------------*/
#content ul.listlink2 li,
#content2 ul.listlink2 li,
#petit ul.listlink2 li{
	padding-left:20px;
	position:relative;
}
/*	リスト画像が登録されていた場合
------------------------------------------------------------------------------*/
#content ul li.thumbslist .thumbslink,#content2 ul li.thumbslist .thumbslink{
	position:relative;
}
/*------------------------------------------------------------------------------
	リストマークアイコン
------------------------------------------------------------------------------*/
#content ul.listlink li:not([class])::before,#content2 ul.listlink li:not([class])::before,
#content ul li.thumbslist .thumbslink::before,#content2 ul li.thumbslist .thumbslink::before,
#content ul.listlink2 li::before,#content2 ul.listlink2 li::before,#petit ul.listlink2 li::before,
#content ul li.list::before,#content2 ul li.list::before{
	width:14px;
	height:14px;
	content:"";
	position:absolute;
	top:calc(.75em - 7px);
	left: 0px;
	border-radius: 50%;
	background: #033570;
}
#content ul.listlink li:not([class])::after,#content2 ul.listlink li:not([class])::after,
#content ul li.thumbslist .thumbslink::after,#content2 ul li.thumbslist .thumbslink::after,
#content ul.listlink2 li::after,#content2 ul.listlink2 li::after,#petit ul.listlink2 li::after,
#content ul li.list::after,#content2 ul li.list::after{
	width: 4px;
	height: 4px;
	content:"";
	position:absolute;
	top:calc(.75em - 2px);
	left: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	transform:rotate(45deg);
}
#content ul li.thumbslist .thumbslink::before, #content2 ul li.thumbslist .thumbslink::before{
	top:calc(.5em - 7px);
}
#content ul li.thumbslist .thumbslink::after, #content2 ul li.thumbslist .thumbslink::after{
	top:calc(.5em - 2px);
}
/*	リストマークアイコン表示させない
------------------------------------------------------------------------------*/
#content ul.listlink li.thumbslist::before,#content2 ul.listlink li.thumbslist::before,
#content ul.listlink li.thumbslist::after,#content2 ul.listlink li.thumbslist::after,
#content ul.listlink2 li.thumbslist::before,#content2 ul.listlink2 li.thumbslist::before,
#content ul.listlink2 li.thumbslist::after,#content2 ul.listlink2 li.thumbslist::after,
#petit ul.listlink2 li.thumbslist::before,#petit ul.listlink2 li.thumbslist::after{
  content:none;
}
/*------------------------------------------------------------------------------
	孫リスト
------------------------------------------------------------------------------*/
#content ul.captionlink li span.captionlinktitle,
#content2 ul.captionlink li span.captionlinktitle{
	margin:0px 0px 10px 5px;
	padding:10px 5px 10px 15px;
	position:relative;
	background: #ECECEC;
}
#content ul.captionlink li span.captionlinktitle::before,
#content2 ul.captionlink li span.captionlinktitle::before{
	content:"";
	width:4px;
	height:1.4em;
	position:absolute;
	top:calc(.75em - .7em + 10px);
	left:5px;
	background:#82B4D7;
}
#content ul.captionlink li ul.listlink li span,
#content2 ul.captionlink li ul.listlink li span{
	margin:0px 0px 0px 0px;
}
#content ul.captionlink h2,
#content2 ul.captionlink h2,
#content .articleall .article h2,
#content2 .articleall .article h2{
	margin:15px 10px 8px 10px;
	padding:8px 5px 6px 8px;
	border:none;
}
#content ul.captionlink h2::before,
#content2 ul.captionlink h2::before,
#content .articleall .article h2::before,
#content2 .articleall .article h2::before{
	content:none;
}
#content ul.captionlink h3,
#content2 ul.captionlink h3,
#content .articleall .article h3,
#content2 .articleall .article h3{
	margin:0px 10px 8px 10px;
	padding:0px 5px 7px 8px;
}
#content ul.captionlink h3::before,
#content2 ul.captionlink h3::before,
#content .articleall .article h3::before,
#content2 .articleall .article h3::before{
	height:calc(100% - 7px);
	left:0px;
	top:0px;
}
#content ul.captionlink h4,
#content2 ul.captionlink h4,
#content .articleall .article h4,
#content2 .articleall .article h4{
	margin:0px 10px 12px 10px;
	padding-left: 8px;
}
#content ul.captionlink h5,
#content2 ul.captionlink h5{
	margin: 0px 10px 8px 10px;
	padding:2px 5px 2px 7px;
}
#content ul.captionlink h6,
#content2 ul.captionlink h6{
	margin: 0px 10px 5px 10px;
	padding-left: 8px;
}
#content ul.captionlink ul.listlink,
#content2 ul.captionlink ul.listlink{
	margin-top:10px;
}
/*------------------------------------------------------------------------------
	孫リスト（ローカルなし孫見出し2列）
------------------------------------------------------------------------------*/
#content2 .smenu h2{
	border:none;
}
#content2 .smenu ul.listlink{
	margin:0px 10px 0px 25px;
	border:none;
}
#content2 .smenu ul.listlink li{
	padding:0px 0px 0px 20px;
	border:none;
}
/*------------------------------------------------------------------------------
	.list
------------------------------------------------------------------------------*/
#content ul li.list,#content2 ul li.list{
	position:relative;
}
/*==============================================================================
	テーブル
==============================================================================*/
#content th,#content2 th{
	background-color:#EFEFEF;
}
/*------------------------------------------------------------------------------
	表内リンクテンプレート
------------------------------------------------------------------------------*/
#content table ul.objectlink,#content2 table ul.objectlink{
	margin:0px 15px 0px 0px;
}
/*==============================================================================
	関連情報、添付ファイル
==============================================================================*/
#content h2.kanren,#content2 h2.kanren{
}
/*==============================================================================
	オープンデータエリア
==============================================================================*/
#content .opendata h3,#content2 .opendata h3{
}
/*==============================================================================
	ページ内アンケート
==============================================================================*/
#pagequest{
	border:1px solid #E1E1E1;
	border-radius:7px;
}
#wrap #pagequest h2{
	margin:0px 0px 25px 0px;
	padding:15px 5px 15px 25px;
	font-size:120%;
	letter-spacing:normal;
	color:#222222;
	background:#E1E1E1;
	border:none;
	border-radius:6px 6px 0px 0px;
}
#pagequest p, #pagequest fieldset{
	margin-left:25px;
	margin-bottom:20px;
}
/*==============================================================================
	お問合せ
==============================================================================*/
#reference{
	border:1px solid #033570;
	border-radius:7px;
}
#reference h2{
	margin-bottom:0px;
	padding:15px 5px 15px 25px;
	font-size:120%;
	letter-spacing:normal;
	color:#FFFFFF;
	background:#033570;
	border:none;
	border-radius:6px 6px 0px 0px;
}
#reference p{
	margin:0px;
	padding:20px 25px 20px 25px;
}
#reference p a.mail{
	padding-left:30px;
	background:url(images/content/mail.png) no-repeat left top;
}
/*==============================================================================
	添付ファイルアイコン common.cssに記載
==============================================================================*/
/*==============================================================================
	地図　common.cssに記載
==============================================================================*/
/*==============================================================================
	plugin　common.cssに記載
==============================================================================*/
.plugin{
	background:#E1E1E1;
	border:none;
	border-radius:7px;
}
/*==============================================================================
	人権
==============================================================================*/
#wrap.jinken #content h1,
#wrap.jinken #content2 h1,
#wrap.jinken #content p.faqtitle,
#wrap.jinken #content3 h1{
	padding-right:60px;
	border:none;
	background:url(images/content/jinken_h1_bg.png) no-repeat right 15px center,
		url(images/content/bg_h1.jpg) repeat right 15px center;
}
#wrap.jinken #content h1::before,
#wrap.jinken #content2 h1::before,
#wrap.jinken #content p.faqtitle::before,
#wrap.jinken #content3 h1::before{
	content:none;
}
#wrap.jinken #content h2,
#wrap.jinken #content2 h2{
	color:#222;
	background:url(images/content/jinken_h2_bg.png) no-repeat right 15px center,
		url(images/content/jinken_h2_bg2.jpg) repeat-x left top;
}
#wrap.jinken #content h3,
#wrap.jinken #content2 h3{
	background:  url(images/content/jinken_h3_bg.png) no-repeat right 15px center;
	border-bottom:1px solid #C8C8C8;
}
#wrap.jinken #content h3::before,
#wrap.jinken #content2 h3::before{
	background:#a3d8ae;
}
#wrap.jinken #content h4,
#wrap.jinken #content2 h4{
	background:#effaf1;
}
#wrap.jinken #content h5,
#wrap.jinken #content2 h5{
	border-bottom:1px solid #a3d8ae;
}
#wrap.jinken #content ul:not([class]) > li:not([class])::after,
#wrap.jinken #content2 ul:not([class]) > li:not([class])::after,
#wrap.jinken #content ul.objectlink li:not([class])::before,
#wrap.jinken #content2 ul.objectlink li:not([class])::before,
#wrap.jinken #content ul.listlink li:not([class])::before,
#wrap.jinken #content2 ul.listlink li:not([class])::before,
#wrap.jinken #content ul li.thumbslist .thumbslink::before,
#wrap.jinken #content2 ul li.thumbslist .thumbslink::before,
#wrap.jinken #content ul.listlink2 li::before,
#wrap.jinken #content2 ul.listlink2 li::before,
#wrap.jinken #petit ul.listlink2 li::before,
#wrap.jinken #content ul li.list::before,
#wrap.jinken #content2 ul li.list::before{
	background:#29813c;
}
#wrap.jinken #content dt{
	background:#effaf1;
}
#wrap.jinken #reference{
	border-color:#E1E1E1;
}
#wrap.jinken #content ul.captionlink li span.captionlinktitle::before,
#wrap.jinken #content2 ul.captionlink li span.captionlinktitle::before,
#wrap.jinken .smenu h2::before,
#wrap.jinken #secondlist ul li a::before,
#wrap.jinken #secondlist2 ul li a::before{
	content:none;
}
/*==============================================================================
	職員採用
==============================================================================*/
#wrap.recruit #content h1,
#wrap.recruit #content2 h1{
	padding:30px 10px 30px 30px;
	background: #D2F1FF url(images/recruit/content/h1_bg.svg) no-repeat bottom left;
	border-radius:15px;
	border:none;
}
#wrap.recruit #content h1::before,
#wrap.recruit #content2 h1::before{
	content:none;
}
#wrap.recruit #content h2,
#wrap.recruit #content2 h2{
	padding: 8px 25px 8px 25px;
	color:#222;
	background: #D2F1FF;
	border-radius: 10px;
}
#wrap.recruit #content h3::before,
#wrap.recruit #content2 h3::before{
	background-color: #019fe8;
	border-radius:15px;
	width: 10px;
	top: 3px;
}
#wrap.recruit #content h4,
#wrap.recruit #content2 h4{
	padding:5px 25px 5px 20px;
	background: #BEF2E5;
	border-radius:8px;
}
#wrap.recruit #content ul.objectlink li:not([class])::before,
#wrap.recruit #content2 ul.objectlink li:not([class])::before ,
#wrap.recruit #content ul:not([class]) > li:not([class])::after,
#wrap.recruit #content2 ul:not([class]) > li:not([class])::after {
	background-color: #019fe8;
}
#wrap.recruit #content ul.captionlink h2,
#wrap.recruit #content2 ul.captionlink h2,
#wrap.recruit #content .articleall .article h2,
#wrap.recruit #content2 .articleall .article h2{
	padding:8px 5px 8px 15px;
}
#wrap.recruit #content ul.captionlink h3,
#wrap.recruit #content2 ul.captionlink h3,
#wrap.recruit #content .articleall .article h3,
#wrap.recruit #content2 .articleall .article h3{
	padding:4px 5px 4px 15px;
}
#wrap.recruit #content ul.captionlink h3::before,
#wrap.recruit #content2 ul.captionlink h3::before,
#wrap.recruit #content .articleall .article h3::before,
#wrap.recruit #content2 .articleall .article h3::before{
	border-radius:15px;
	width: 6px;
	height: 20px;
	top:8px;
	left:5px;
}
#wrap.recruit #content ul.captionlink h4,
#wrap.recruit #content2 ul.captionlink h4,
#wrap.recruit #content .articleall .article h4,
#wrap.recruit #content2 .articleall .article h4,
#wrap.recruit #content ul.captionlink h5,
#wrap.recruit #content2 ul.captionlink h5,
#wrap.recruit #content .articleall .article h5,
#wrap.recruit #content2 .articleall .article h5,
#wrap.recruit #content ul.captionlink h6,
#wrap.recruit #content2 ul.captionlink h6,
#wrap.recruit #content .articleall .article h6,
#wrap.recruit #content2 .articleall .article h6{
	padding-left: 15px;
}
#wrap.recruit #content ul.captionlink li span.captionlinktitle,
#wrap.recruit #content2 ul.captionlink li span.captionlinktitle{
	padding:12px 5px 16px 15px;
	border-radius:10px;
}
#wrap.recruit #content ul.captionlink li span.captionlinktitle::before,
#wrap.recruit #content2 ul.captionlink li span.captionlinktitle::before{
	content:none;
}
#wrap.recruit #content dt{
	background: #D2F1FF;
	border-radius:5px 0 0 5px ;
}
#wrap.recruit #content h2,
#wrap.recruit #content2 h2{
	background:#d2f1ff;
  position: relative;
}
#wrap.recruit #pagequest h2{
	padding:15px 5px 15px 25px;
	border-radius: 5px 5px 0 0;
	background-color: #e1e1e1;
}
#wrap.recruit #reference h2{
	padding-top:20px;
	padding-bottom:0px;
	background: transparent;
}
#wrap.recruit #reference{
	background:#F1F9FF;
	border:2px solid #019fe8;
}
#wrap.recruit #reference p a.mail{
	background-image: url(images/recruit/top/mail_recruit.png);
}
#wrap.recruit #content p.outline,
#wrap.recruit #content2 p.outline,
#wrap.recruit #content3 p.outline{
	background: #EFEFEF;
	border-radius: 10px;
}
#wrap.recruit #content ul.listlink li:not([class])::before,#wrap.recruit #content2 ul.listlink li:not([class])::before,
#wrap.recruit #content ul li.thumbslist .thumbslink::before,#wrap.recruit #content2 ul li.thumbslist .thumbslink::before,
#wrap.recruit #content ul.listlink2 li::before,#wrap.recruit #content2 ul.listlink2 li::before,#wrap.recruit #petit ul.listlink2 li::before,
#wrap.recruit #content ul li.list::before,#wrap.recruit #content2 ul li.list::before{
	background: #019fe8;
}
/*==============================================================================
	幅
==============================================================================*/
@media screen and (max-width:1000px){
	#content div.sns, #content2 div.sns, #content3 div.sns,
	#content p.update, #content2 p.update, #content3 p.update,
	#content p.printbtn, #content2 p.printbtn, #content3 p.printbtn{
		float:none;
		display:block;
		width:auto;
	}
}