@charset "utf-8";

/* ==================================================
common
================================================== */
.row2 .col{
	float: left;
	width: 50%;
}
.row2 .col:nth-child(2n) {
	clear: right;
}
.row2 .col:nth-child(2n +1) {
	clear: left;
}
/* ==================================================
service
================================================== */
.sec_service {
	margin: 38px 0 50px;
	overflow: hidden;
}
#tmp_mainvs {
	margin-bottom: 10px;
	overflow: hidden;
}
#tmp_mainvs .mainvs_item a {
	display: block;
	color: inherit;
	background-color: transparent;
}
#tmp_mainvs.splide_pattern .splide__controls {
	justify-content: flex-start;
	z-index: 1;
	left: 17px;
	bottom: 16px;
}
#tmp_mainvs.splide_pattern .splide__pagination__page.is-active {
	color: #ffffff;
}
/* ==================================================
notice
================================================== */
.sec_notice {
	margin-bottom: 60px;
}
#tmp_tab_notice {
	padding-top: 30px;
	clear:both;
}
#tmp_tab_notice .list_notice {
	list-style: none;
	display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	gap: 0 60px;
}
#tmp_tab_notice .list_notice > li {
	width: calc((100% - 120px) / 3);
}
#tmp_tab_notice .tab_notice_ttl a {
	display: block;
	text-decoration: none;
	color: #333333;
	background-color: transparent;
	border-bottom: 1px solid #0072bc;
	font-size: 123.4%;
	font-weight: bold;
	padding-bottom: 11px;
	cursor: default;
}
#tmp_tab_notice .tab_notice_cnt {
	padding-top: 26px;
}
#tmp_tab_notice .list_notice_cnt {
	list-style: none;
	margin: 0;
}
#tmp_tab_notice .list_notice_cnt li {
	margin-bottom: 14px;
}
#tmp_tab_notice .list_notice_cnt a {
	display: inline-block;
	text-decoration: none;
	font-size: 88.9%;
	color: #333333;
	padding-left: 12px;
	background: transparent url(/shared/site_rn2023/images/icon/icon_arrow_black.png) 0 5px no-repeat;
	line-height: 1.6;
}
#tmp_tab_notice .list_notice_cnt a:hover,
#tmp_tab_notice .list_notice_cnt a:focus {
	text-decoration: underline;
}
#tmp_tab_notice .notice_btn {
	margin-top: 22px;
}
#tmp_tab_notice .notice_btn a {
	min-width: 175px;
	padding: 16px 38px 14px;
}
#tmp_tab_notice .list_notice > li:first-child .notice_btn {
	margin-left: 40px;
}
#tmp_tab_notice .list_notice > li:nth-child(2) .notice_btn a {
	padding-left: 28px;
}
#tmp_tab_notice .list_notice > li:last-child .notice_btn a{
	padding-left: 18px;
}
/* ==================================================
start banner
================================================== */
#tmp_mayor{
	margin-bottom: 17px;
}
.mayor_left{
	padding-right: 20px;
	width: 320px;
	float: left;
}
.mayor_main{
	padding: 30px 32px 29px;
	overflow: hidden;
	color: #333333;
	background-color: #c5e0f1;
}
.mayor_list{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e6e6e6;
}
.mayor_list .mayor_item{
	padding: 48px 20px;
	border-bottom: 1px solid #e6e6e6;
	line-height:1.2;
	font-weight:bold;
}
.mayor_media{
	display: table;
	height: 135px;
	width: 100%;
	text-decoration: none;
}
a.mayor_media{
	color: #333333;
	background-color: #ffffff;
}
.mayor_media .mayor_image,
.mayor_media .mayor_cap{
	display: table-cell;
	vertical-align: middle;
}
.mayor_media .mayor_image{
	width: 130px;
}
.mayor_media .mayor_image img{
	vertical-align: top;
	width: 100%;
	height: auto;
}
.mayor_media .mayor_cap{
	padding: 14px 10px 10px 6px;
	font-size: 141.9%;
	font-weight: bold;
}
.mayor_media .mayor_cap p{
	line-height: 1.2;
}
.mayor_panel .mayor_info,
.mayor_panel .mayor_relation{
	float: left;
}
.mayor_panel .mayor_info{
	padding-right: 34px;
	width: 70.4%;
}
.mayor_panel .mayor_relation{
	width: 29.6%;
}
.mayor_nav{
	margin-bottom: 30px;
}
#tmp_city_consultation .mayor_nav{
	margin-bottom: 0;
}
.mayor_nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 1;
	flex: 1;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
.mayor_nav ul li{
	width: 33.33333333%;
	float: left;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.mayor_nav ul li:nth-child(1),
.mayor_nav ul li:nth-child(2),
.mayor_nav ul li:nth-child(3){
	border-top: 0;
}
.mayor_nav ul li:nth-child(3n){
	border-right: 0;
}
.mayor_nav ul li a{
	position:relative;
	padding: 2px 24px 0 10px;
	height: 100%;
	min-height: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	vertical-align: middle;
	font-size: 88.9%;
	line-height: 1.7;
	text-decoration: none;
	color: #333333;
	background: #FFFFFF url(/shared/templates/top_rn2023/images/icon/icon_arr_black.png) right center no-repeat;
	background-size: 17px auto;
	-moz-background-size: 17px auto;
	-webkit-background-size: 17px auto;
}
.mayor_nav ul li a::before {
	content:'';
	position:absolute;
	left:-1px;
	top:-1px;
	bottom:-1px;
	right:-1px;
	border:2px solid transparent;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.mayor_nav ul li a:hover::before,
.mayor_nav ul li a:focus::before {
	border-color:#0072bc;
}
.city_ttl,
.inquiry_ttl{
	margin-bottom: 15px;
}
.relation_ttl{
	margin-bottom: 14px;
}
.city_ttl,
.inquiry_ttl,
.relation_ttl{
	font-weight: bold;
}
.city_ttl a,
.inquiry_ttl a,
.relation_ttl h3 a{
	min-height: 30px;
	font-size: 123.4%;
	line-height: 1.1;
	color: #333333;
}
.city_ttl a,
.inquiry_ttl a{
	padding: 8px 0 6px 58px;
	min-height: 47px;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	cursor: text;
}
.city_ttl a{
	background: #c5e0f1 url(/shared/templates/top_rn2023/images/icon/icon_city_info.png) left center no-repeat;
	background-size: 47px auto;
	-moz-background-size: 47px auto;
	-webkit-background-size: 47px auto;
}
.inquiry_ttl a{
	background: #c5e0f1 url(/shared/templates/top_rn2023/images/icon/icon_inquiries.png) left center no-repeat;
	background-size: 47px auto;
	-moz-background-size: 47px auto;
	-webkit-background-size: 47px auto;
}
.relation_ttl h3 a{
	padding: 10px 0 9px 59px;
	display: block;
	text-decoration: none;
	min-height: 47px;
	color: #333333;
	background: #c5e0f1 url(/shared/templates/top_rn2023/images/icon/icon_public.png) 0 center no-repeat;
	background-size: 47px auto;
	-moz-background-size: 47px auto;
	-webkit-background-size: 47px auto;
}
.relation_ttl h3 a:after{
	margin-left: 10px;
	position: relative;
	top: -2px;
	content: '';
	width: 11px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	color: inherit;
	background: transparent url(/shared/templates/top_rn2023/images/icon/icon_arr_blue.png) right center no-repeat;
	background-size: 11px auto;
	-moz-background-size: 11px auto;
	-webkit-background-size: 11px auto;
}
.relation_ttl h3 a:hover,
.relation_ttl h3 a:focus{
	text-decoration: underline;
}
.relation_image{
	padding-left: 6px;
	color: #333333;
    background-color: #c5e0f1;
}
.relation_image img,
.mayor_media:hover .mayor_image img{
	width: 100%;
	height: auto;
	vertical-align: top;
	transition: 0.3s opacity ease-in-out;
	-moz-transition: 0.3s opacity ease-in-out;
	-webkit-transition: 0.3s opacity ease-in-out;
}
.relation_image a {
	display:block;
}
.relation_image a:hover img,
.relation_image a:focus img,
.mayor_media:hover .mayor_image img,
.mayor_media:focus .mayor_image img{
	opacity: 0.7;
}

/* ==================================================
emergency
================================================== */
#tmp_wrap_emergency_infor:not(:has(li)) {
	display: none;
}


/* ==================================================
image
================================================== */
#tmp_mainvs .mainvs_item img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
/* ==================================================
alert_contents
================================================== */
.alert_contents{
	border: 3px solid #d2653f;
	margin: 15px 0 6px;
	padding:20px;
}
.alert_contents h3{
	font-size: 177.77%;
	font-weight: 500;
	color: #a60707;
	background-color: #f4f4f4;
	padding: 27px 25px 25px;
	margin:1.15em -20px 0.95em;
	text-align:center;
}
.alert_contents h3:first-child{
	margin-top:-20px;
}
.alert_contents h4{
	border-bottom:2px solid #a60707;
	padding-bottom:10px;
	margin:1.15em 0 0.95em;
	font-size:133.33%;
}
.alert_contents h5{
	padding-left:15px;
	margin:1.15em 0 0.95em;
	font-size:122.22%;
	position:relative;
}
.alert_contents h5:before {
	content:"";
	position: absolute;
	top:0.3em;
	left:0;
	display:block;
	width:4px;
	height:calc(100% - 0.6em);
	background-color:#a60707;
}
.alert_contents h6{
	padding-left:21px;
	margin:1.15em 0 0.95em;
	font-size:111.11%;
	position:relative;
}
.alert_contents h6:before {
	content:"";
	position: absolute;
	top:0.7em;
	left:0;
	display:block;
	width:12px;
	height:2px;
	background-color:#a60707;
}
.alert_contents p{
	margin:0 0 0.8em;
}
.alert_contents ul{
	list-style-image: url(/shared/site_rn2023/images/icon/list_icon.gif);
	margin:0 0 2em 1.8em;
}
.alert_contents ul li{
	margin-bottom:10px;
}
.alert_contents ol{
	margin:0 0 3.1em 2.1em;;
}
.alert_contents ol li{
	margin-bottom:10px;
}
#tmp_special_alert + .alert_contents{
	margin-top:40px;
}

/* accordion_item
================================================== */
.alert_contents .accordion_item {
	border:10px solid #f3f3f3;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 60px;
	clear:both;
}
.alert_contents .accordion_item,
.alert_contents .accordion_item thead,
.alert_contents .accordion_item tbody,
.alert_contents .accordion_item tfoot,
.alert_contents .accordion_item tr,
.alert_contents .accordion_item th,
.alert_contents .accordion_item td {
	display:block;
	width:100% !important;
}
.alert_contents .accordion_item .accordion_btn {
	background-color:#f3f3f3;
}
.alert_contents .accordion_item .accordion_btn p {
	margin-bottom:0;
	line-height:1.5;
	font-size:111.11%;
	font-weight:500;
}
.alert_contents .accordion_item .accordion_btn p a {
	display:block;
	color:#333333;
	background-color:#f3f3f3;
	text-decoration:none;
	margin:-10px;
	padding:20px 75px 20px 26px;
	position:relative;
}
.alert_contents .accordion_item .accordion_btn p a::after {
	content:'';
	position:absolute;
	right:28px;
	top:35px;
	width:24px;
	height:2px;
	background-color:#a60707;
}
.alert_contents .accordion_item .accordion_btn p a::before {
	content:'';
	position:absolute;
	right:39px;
	top:24px;
	width:2px;
	height:24px;
	background-color:#a60707;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.alert_contents .accordion_item.ac_active .accordion_btn p a::before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.alert_contents .accordion_item .accordion_btn p a:hover {
	text-decoration:underline;
}
.alert_contents .accordion_item .accordion_cnt {
	padding:24px 20px 14px;
	background-color:#ffffff;
	color:inherit;
}
/* txt_marker
================================================== */
.txt_marker {
	background-image: linear-gradient(#fffcb6, #fffcb6);
	background-size: 100% 50%;
	background-position: 0 100%;
	background-repeat: no-repeat;
	font-weight:bold;
}
/* ==================================================
accessibility top
================================================== */
.fsize_small .accordion_nav li a,
.fsize_small .accordion_link li a{
	background-position: 0 0;
}

/* no_javascript
================================================== */
.no_javascript #tmp_mainvs.splide {
	visibility: visible;
}
.no_javascript #tmp_mainvs.splide .splide__list {
	flex-direction: column;
	gap: 10px 0;
	max-height: 246px;
	overflow-y: auto;
}
/* ==================================================
font-family
================================================== */
/* W4 */
#tmp_main {
	font-family: "Hiragino UD Sans Rd W4 JIS2004", 'メイリオ', Meiryo, sans-serif;
}

/* W5 */
#tmp_tab_notice .tab_notice_ttl a,
.accordion_heading_link,
.mayor_media .mayor_cap,
.city_ttl,
.inquiry_ttl,
.relation_ttl {
	font-weight:bold;
	font-family: "Hiragino UD Sans Rd W5 JIS2004", 'メイリオ', Meiryo, sans-serif;
}

/* ==================================================
clearfix
================================================== */
.sec_service .row2:after,
#tmp_tab_notice .list_notice:after,
#tmp_mayor:after,
.mayor_list:after,
.mayor_list li:after,
.mayor_media:after,
.mayor_panel:after,
.mayor_info_acc:after,
.mayor_info_acc .mayor_info_item:after {
	content: '';
	display: table;
	clear: both;
}