@charset "utf-8";
#header_wrap {
    border-bottom: none;
}
.mv{
	opacity:0;
	width:100%;
}
.mv.slick-initialized{opacity:1 !important;}

.index_news_content {
    border-bottom: 1px solid #000;
}
.news_head {
	margin-bottom: 40px;
}
/* ── タブ全体 ── */
.index_news_tab {
    display: flex;
    flex-wrap: nowrap;
	justify-content: center;
    overflow-x: auto;
    list-style: none;
    padding: 0;
    margin: 0;
    scrollbar-width: none;
	font-size: 1.5rem;
	gap: 5px;
	font-weight: bold;
	position: relative;
	transition: background 0.3s;
}
.index_news_tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #000;
    z-index: 0;
}
.index_news_tab::-webkit-scrollbar {
    display: none;
}
.index_news_tab li {
    flex-shrink: 0;
	z-index: 1;
	position: relative;
}
.index_news_tab li a {
    display: block;
    padding: 9px 20px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background: #E2E2E2;
    border: 1px solid #000;
	border-radius: 4px 4px 0 0;
    position: relative;
	min-width: 107px;
	text-align: center;
	transition: background 0.3s;
}


.news_list {
	margin: 14px 24px 28px;
}
.news_link {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
	padding: 19px 0 15px;
}
.news_info {
    margin-bottom: 8px;
}
.news_day {
    font-size: 1.3rem;
    font-weight: 400;
	margin-right: 11px;
	color: #333 !important;
}
.news_category{
    font-size: 1.3rem;
    font-weight: 400;
    background: #F3EACB;
    border-radius: 2px;
    padding: 2px 3px;
    min-width: 85px;
	color: #333;
    display: inline-block;
    text-align: center;
}
.news_cate {
	font-size: 1.5rem;
	margin-left: 11px;
	line-height: 1.8rem;
	color: #333 !important;
}
.news_link p {
    text-decoration: underline;
}
.news_link:hover p span{
    border-bottom:2px solid #2444BB;
}
.news_link_btn {
    text-align: right;
    margin-top: 26px;
}

#district_news_area {
	margin: 76px 0px 74px;
}
.index_news_tab li.active a {
    background: #fff;
	border-bottom: 1px solid #fff;
}
.index_news_tab li:not(.active) a:hover {
    background: #fff;
}

.news_tab_site_2{background: #DCE6F6 !important;}
.news_tab_site_3{background: #F3E1D7 !important;}
.news_tab_site_4{background: #CDECE1 !important;}
.news_tab_site_5{background: #CDEFF0 !important;}
.news_tab_site_6{background: #E5EEC0 !important;}
.news_tab_site_7{background: #CFE9C3 !important;}
.news_tab_site_8{background: #BFE1EB !important;}
.news_tab_site_9{background: #F8E3BB !important;}

.active .news_tab_site_2,.news_tab_site_2:hover{background: #A1C5FF !important;}
.active .news_tab_site_3,.news_tab_site_3:hover{background: #FFB388 !important;}
.active .news_tab_site_4,.news_tab_site_4:hover{background: #78DEB9 !important;}
.active .news_tab_site_5,.news_tab_site_5:hover{background: #72E0E3 !important;}
.active .news_tab_site_6,.news_tab_site_6:hover{background: #CADE7B !important;}
.active .news_tab_site_7,.news_tab_site_7:hover{background: #A2E384 !important;}
.active .news_tab_site_8,.news_tab_site_8:hover{background: #6DD5F3 !important;}
.active .news_tab_site_9,.news_tab_site_9:hover{background: #FECF76 !important;}

.news_category.news_cat_site_2{background: #C4D9FB;}
.news_category.news_cat_site_3{background: #FECAAD;}
.news_category.news_cat_site_4{background: #95D9AE;}
.news_category.news_cat_site_5{background: #A7EBDF;}
.news_category.news_cat_site_6{background: #DBEB98;}
.news_category.news_cat_site_7{background: #B4E99B;}
.news_category.news_cat_site_8{background: #9EE9FF;}
.news_category.news_cat_site_9{background: #F6DDAC;}

.news_none {
    margin: 28px 24px;
}

.section.purpose-section {
    margin-bottom: 100px;
}
.about_title_img {
    margin-bottom: 30px;
}

.section.about-section {
    margin-bottom: 80px;
}
.ward_img {
    margin-bottom: 30px;
}
.area-map-grid.fade-in {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.area-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    row-gap: 20px;
    column-gap: 20px;
}
.area-link {
    display: block;
    padding: 18px 25px;
    border: 1px solid #aaa;
    border-radius: 8px;
    color: #2444BB;
}


.area-map-section {
    margin-bottom: 100px;
}