@charset "Shift_JIS";
#rn_hikaku #rn_container > #rn_contents, #rn_kensaku #rn_container > #rn_contents.rn_po_contents {
    float: left;
}
#rn_hikaku #rn_container > #rn_aside, #rn_kensaku #rn_container > #rn_aside.rn_po_aside {
    float: right;
}
.rn_container_headerimg {
	margin-bottom: 15px;
}
.rn_container_headerimg img {
	vertical-align: bottom;
}
#rn_aside .rn_search_po_title {
    padding: 15px;
	font-size: 18px;
    font-size: 1.8rem;
    background-color: #ebedef;
}
#rn_aside .rn_search_po_job_list {
    padding: 15px 15px 30px 15px;
    text-align: justify;
}
#rn_aside .rn_search_po_job_list li {
	display: inline;
	line-height: 1.7;
}
#rn_aside .rn_search_po_job_list li a {
    font-size: 14px;
    font-size: 1.4rem;
	text-decoration: underline;
}
#rn_aside .rn_search_po_job_list li::after {
	content: "|";
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	margin-left: 5px;
}
.rn_po_title {
	margin-bottom: 15px;
	padding: 15px;
    background-color: #f3f3f3;
	font-size: 18px;
    font-size: 1.8rem;
}
.po_wrap {
	position: relative;
}
.po_wrap_map {
	width: 100%;
	height: 525px;
	background: url("../img/public_officer/map.png") 50% 50% no-repeat;
	border: 2px solid #f3f3f3;
	box-sizing: border-box;
}
.po_wrap_area {
	position: absolute;
	width: 120px;
	text-align: center;
}
.po_wrap_area a {
    display: block;
    font-size: 18px;
    padding: 0.5em auto;
    padding: 0.5em;
    color: #444;
}
.po_wrap_area a::before {
	content: "";
    background-color: #fff;
    display: block;
    padding: 0.5em;
    margin-bottom: 0.5em;
    font-size: 80%;
	color: #444;
}
.po_wrap_area a span {
    display: inline;
    font-size: 100%;
    border-bottom: 1px solid #444;
    padding-bottom: -1rem;
	color: #444;
}
.po_wrap_area a span strong {
	font-size: 125%;
	color: #E85B4E;
	font-feature-settings: "palt";
}
/*北海道・東北*/
.po_wrap_area.po_wrap_area_hokkaido-tohoku {
    top: 80px;
    right: 40px;
}
.po_wrap_area.po_wrap_area_hokkaido-tohoku a {
    background-color: #bae4ff;	
}
.po_wrap_area.po_wrap_area_hokkaido-tohoku a:hover {
    opacity: 0.7;	
}
.po_wrap_area.po_wrap_area_hokkaido-tohoku a::before {
	content: "北海道・東北";
}
/*関東*/
.po_wrap_area.po_wrap_area_kanto {
    top: 263px;
    right: 40px;
}
.po_wrap_area.po_wrap_area_kanto a {
    background-color: #c1e6cd;
}
.po_wrap_area.po_wrap_area_kanto a:hover {
    opacity: 0.7;
}
.po_wrap_area.po_wrap_area_kanto a::before {
	content: "関東";
}
/*甲信越・北陸*/
.po_wrap_area.po_wrap_area_hokuriku {
    top: 80px;
    right: 313px;
}
.po_wrap_area.po_wrap_area_hokuriku a {
    background-color: #d5ecc7;	
}
.po_wrap_area.po_wrap_area_hokuriku a:hover {
    opacity: 0.7;
}
.po_wrap_area.po_wrap_area_hokuriku a::before {
	content: "甲信越・北陸";
}
/*東海*/
.po_wrap_area.po_wrap_area_tokai {
    top: 394px;
    right: 200px;
}
.po_wrap_area.po_wrap_area_tokai a {
    background-color: #f9e9ad;	
}
.po_wrap_area.po_wrap_area_tokai a:hover {
    opacity: 0.7;
}
.po_wrap_area.po_wrap_area_tokai a::before {
	content: "東海";
}
/*近畿*/
.po_wrap_area.po_wrap_area_kinki {
    top: 394px;
    right: 384px;
}
.po_wrap_area.po_wrap_area_kinki a {
    background-color: #fde5c9;	
}
.po_wrap_area.po_wrap_area_kinki a:hover {
    opacity: 0.7;	
}
.po_wrap_area.po_wrap_area_kinki a::before {
	content: "近畿";
}
/*中国・四国*/
.po_wrap_area.po_wrap_area_chugoku-shikoku {
    top: 150px;
    right: 479px;
}
.po_wrap_area.po_wrap_area_chugoku-shikoku a {
	background-color: #fddbdf;
}
.po_wrap_area.po_wrap_area_chugoku-shikoku a:hover {
	opacity: 0.7;
}
.po_wrap_area.po_wrap_area_chugoku-shikoku a::before {
	content: "中国・四国";
}
/*九州・沖縄*/
.po_wrap_area.po_wrap_area_kyushu-okinawa {
    top: 150px;
    left: 40px;
}
.po_wrap_area.po_wrap_area_kyushu-okinawa a {
    background-color: #f9dad8;	
}
.po_wrap_area.po_wrap_area_kyushu-okinawa a:hover {
	opacity: 0.7;
}
.po_wrap_area.po_wrap_area_kyushu-okinawa a::before {
	content: "九州・沖縄";
}



/*　　　気になる自治体をチェック　　　*/
.po_check{
	margin-top: 50px;
}
.po_check .check{
	display: flex;
	justify-content: space-around;
}
.po_check .check_cotent{
	width: 125px;
	border: 1px #ccc solid;
}
.po_check .check_cotent .check_logo img{
	width: 90%;
	margin: 8px auto;
	display: block;
}
.po_check .check_cotent .check_text{
	text-align: center;
  margin-bottom: 8px;
}
.po_check .check_cotent .check_text p{
	font-size: 14px;
}



/*　　　ピックアップ自治体　　　*/
.po_search_slider_wrapper{
	width: 810px;
}
.po_pickup .rn_heading{
	margin: 50px auto 0;
    padding: 7px 0;
    background-color: #b2cdd9;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    position: relative;
}
.po_pickup ul{
	display: flex;
	justify-content: flex-start;
  width: 90%;
  margin: 20px auto 0;
}
.po_pickup .is_searchBox{
	width: 350px;
	border: 1px #ccc solid;
}
.po_pickup .searchBox_titlle{
	display: flex;
	justify-content: space-between;
  width: 90%;
  margin: 10px auto;
	border-bottom: 1px #ccc solid;
	padding-bottom: 10px;
}
.po_pickup .searchBox_titlle dt{
	font-size: 1.4rem;
	font-weight: bold;
}
.po_pickup .searchBox_titlle dd{
	text-align: center;
}
.po_pickup .searchBox_titlle .location{
	display: flex;
	margin-top: 10px;
}
.po_pickup .searchBox_titlle .location img{
	height: 18px;
	margin-right: 6px;
}
.po_pickup .is_searchBox h3{
	font-weight: bold;
	margin-top: 10px;
	text-align: left;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 15px;
}
.po_pickup .is_searchBox_category{ 
	display: flex;
	padding: 0;
	background: white;
	margin-bottom: 10px
}
.po_pickup .is_searchBox_category ul li{ 
	margin: 0 0 0 3px;
	padding: 0;
	background: white;
}
.po_pickup .is_searchBox_category span{ 
	background: #ccc;
	text-align: center;
  padding: 0px 4px 1px 4px;
	margin-right: 2px;
}
.slider {
    position:relative;
}
.slider-next,.slider-next{
	position: absolute;
    top: 62%;
    display: block;
    width: 29px;
    height: 28px;
    margin-top: -14px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}
.slider-prev{
	width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 16px solid #444;
  border-bottom: 16px solid transparent;
	position: absolute;
  top: 40%;
  left: -30px;
}
.slider-next{
	width: 0;
  height: 0;
  border-left: 16px solid #444;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
	position: absolute;
  top: 50%;
  right: -30px;
}
.bx-viewport {
	height: auto !important;
}


/*　　　自治体ニュース　　　*/
.rn_newsBox {
    width: 100%;
    height: 40px;
    background: #b2cdd9;
	margin: 30px auto;
	position: relative;
}
.rn_newsInner dl{
	display: flex;
	line-height: 40px;
}
.rn_newsBox dl dt{
	font-size: 16px;
	width: 130px;
	margin-left: 14px;
	margin-right: 20px;
	line-height: 40px;
}
.rn_newsBox dl dd{
	font-size: 14px;
	width: 60%;
	line-height: 40px;
}
.rn_newsBox dl dd ul li a{
	overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
  display: block;
	color: #333;
	width: 100%;
	line-height: 40px;
	font-size: 14px;
}

.rn_newsBox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,.rn_newsBox .bx-wrapper .bx-controls .bx-controls-direction .bx-next,
.rn_newsBox .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
	position: absolute;
    top: 62%;
    display: block;
    width: 29px;
    height: 28px;
    margin-top: -14px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}
.rn_newsBox .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{
	left: 18%;
	width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #444;
  border-bottom: 10px solid transparent;
}
.rn_newsBox .bx-wrapper .bx-controls .bx-controls-direction .bx-next{
	right: 19%;
	width: 0;
    height: 0;
    border-left: 10px solid #444;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.rn_newsBox .rn_iconLink a{
	position: relative;
    display: inline-block;
    padding-right: 0;
    font-size: 12px;
    font-size: 1.2rem;
    color: #333;
	line-height: 40px;
	font-size: 12px;
	margin-left: 18px;
}
.rn_newsBox .rn_iconLink a:before{
	content: "";
    position: absolute;
    top: 52%;
    right: -8%;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
}