@charset "utf-8";
/* CSS Document */

/*トップページ共通用（アクセシビリティ警告回避対応のため）*/

.pbAreaWrapper1{
	width:100%;
}
.box_pankuzu{
	display:none;
}

.pbHeaderArea{
	margin-bottom:0;
}

.pbFooterArea{
    margin-top:0;
}
#box_top02,
#box_top03,
#box_top04,
#box_top05,
#box_top06{
	padding:50px 0;
}

#box_top03{
	background-color:#fff;
	background-image: url(../top/bg_top03.png);
	background-repeat: repeat;
}

#box_top04{
	background: #fef8e8;
	position: relative;
}

#box_top04 .bg_img01, 
#box_top04 .bg_img02 {
    position: absolute;
}

#box_top04 .bg_img01 {
    top: 0;
    left: 0;
} 

#box_top04 .bg_img02 {
    bottom: 0;
    right: 0;
}

#box_top05{
	background: #fff6d0
}

#box_top06{
	background: #fff
}

/* =============== 見出し =============== */
.ttl_top h2,
.ttl_top2 h2{
	padding:0;
    text-align: center;
    position: relative;
    background: inherit;
	border-radius: 0;
    border-left:0;
    font-size:2em;
    margin-top:0;
    margin-bottom: 50px;
}

.ttl_top2 h2{
	font-size:1.8em;
	margin-bottom:25px;
}

.ttl_top h2::after,
.ttl_top2 h2::after{
    content: inherit;
}

.ttl_top h3{
	margin-top:0;
	margin-bottom:12px;
	border-bottom:none;
	font-size:1.125em;
	padding:0;
}

.ttl_top h3::after {
    content: inherit;
}

/* =============== スライドショー（slickスライド） =============== */
.pbMainArea ul.slide-items{
    padding:0;
}

.pbMainArea ul.slide-items li{
    margin-left:0;
    margin-bottom:0;
}

.pbMainArea ul.slick-dots{
	padding-left:0 !important;
}

.slick-slide img{
    width:100%;
}

#top_slide_box .line_slide img{
    width:100%;
}


#top_slide_box .slick-dots li button:before{
    font-size:13px;
    color:#fff;
}

#top_slide_box .slick-dots li.slick-active button:before{
    color:#000;
}

#top_slide_box .slick-dotted.slick-slider{
    margin-bottom:0;
}

.slick-dots li button:before{
	font-size:15px !important;
}

.slick-dots{
	bottom:-30px !important;
}

/*.slick-dots li{
	margin:0 !important;
}*/

.slick-prev, .slick-next{
	z-index:10 !important;
}

.slick-next{
	right:22px !important;
}

.slick-prev{
	left:8px !important;
}

.slick-prev:before, .slick-next:before{
	font-size:32px !important;
}

/* =============== 重要なお知らせ =============== */
.flex_important>.pbNested {
    display: flex;
}

.flex_important>.pbNested:after{
    display:none;
}

.flex_important{
	border:solid 4px #d30000;
	border-radius:12px;
	box-sizing: border-box;
	width: 1040px;
    margin: 0 auto;
}

.flex_important .ttl_important{
	background: #d30000;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    padding: 20px;
    width: 300px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.flex_important .box_important {
    background: #fff;
    padding: 15px 20px;
    flex-grow: 1;
	display: flex;
    align-items: center;
	width:740px;
}

.flex_important .pbWhatsnewTable td{
	border-bottom:none;
	padding: 2px 0;
}

.flex_important .pbWhatsnewTable td a{
	color:inherit;
	text-decoration: none;
}

.flex_important .pbWhatsnewTable td a:hover{
	text-decoration: underline;
}

/* =============== お知らせ（タブ切替） =============== */
.box_top_news{
    width:855px;
}

#news_tab{
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	margin: 10px;
    padding: 45px 50px;
	background:#fff;
	border-radius: 20px;
}

#news_tab ul#tab {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    display: flex;
    justify-content: left;
    column-gap: 14px;
}

#news_tab ul#tab:after{
    display:none;
}


#news_tab ul#tab li {
    /*float: left;
    display: inline;*/
    /* font-size: 0%; */
    padding-left: 0 !important;
    margin-left: 0 !Important;
    margin-bottom: 0 !important;
    /*width: 255px;*/
    text-align: center;
    font-weight: bold;
    position: relative;
    font-size:0.875em;
}

#news_tab ul#tab li a {
    display: inline-block;
    padding: 5px 20px;
    background: #fff;
    text-decoration:none;
	border-radius:50px;
	border:solid 1px #afafaf;
}

body #news_tab ul#tab li a:link,
body #news_tab ul#tab li a:visited{
    color:#232323;
}

div#news_tab div.pbNested{
    overflow: visible;
}

#news_tab ul#tab li a.tab-on,
body #news_tab ul#tab li a:hover{
    background:#4575c5;
	border-color:#4575c5;
    color:#fff;
    transition: all .3s ease-in-out;
}

#news_tab ul#tab li a.tab-on{
    
}

#news_tab ul#tab li a.tab-on:link,
#news_tab ul#tab li a:link:hover,
body #news_tab ul#tab li a.tab-on:visited{
    color:#fff;
}

#tab_panel{
	padding-top: 20px;
}

#tab_panel > div.pbNestedWrapper {
	display:none;
}
.clearFix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	zoom:1;
}

#news_tab .panel_txt{
    /*border-top:solid 5px #14518e;*/
    /*padding:20px 40px;*/
    /*background:#fff;*/
    box-sizing: border-box;
}

#news_tab .panel_txt .pbComponent_categoryType02{
	margin-bottom: 5px;
}

#news_tab .panel_txt .pbWhatsnewTable .pbComponent-categoryArticle a{
    font-weight:bold;
	text-decoration: none;
}

body #news_tab .panel_txt .pbWhatsnewTable .pbComponent-categoryArticle a:link,
body #news_tab .panel_txt .pbWhatsnewTable .pbComponent-categoryArticle a:visited{
    color:#232323;
}

body #news_tab .panel_txt .pbWhatsnewTable .pbComponent-categoryArticle a:hover{
    text-decoration: underline;
}

.box_news_category{
    margin-bottom:20px;
}

.link_news_all ul{
    list-style: none;
    padding:0 !important;
    display: flex;
    justify-content:space-around;
    column-gap: 20px;
}

.link_news_all ul li{
    margin:0 !important;
}

.contents_news{
    margin-left: calc(50% - 562px) !important;
    background:rgba(238,246,253,0.7);
    padding: 40px 70px;
    border-radius:15px 0 0 15px;
}

.contents_news .box_news{
    width: 985px;
}

.panel_txt .btn_link_blue p{
	text-align:center;
}

/* =============== 情報・目的から探す =============== */
.flex_top04>.pbNested {
    display: flex;
	flex-direction: column;
	row-gap:100px;
}

.flex_top04>.pbNested:after{
    display:none;
}

.flex_searchbox>.pbNested {
    display: flex;
	column-gap: 30px;
	justify-content: center;
}

.flex_searchbox>.pbNested:after{
    display:none;
}

.flex_searchbox>.pbNested>.pbNested{
	width:520px;
	z-index: 1;
}

.box_searcharea{
	background:#fff;
	border-radius:20px;
	padding: 35px 25px;
	margin:10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
    position: relative;
}

.box_searcharea .flex_searcharea .search_container{
    height: 53px;
    width: 332px;
    border: 1px solid #707070;
    border-radius: 10px;
    background:#fff;
	position: relative;
	box-sizing:border-box;
	padding: 3px 10px;
}

.flex_searcharea>.pbNested {
    display: flex;
	column-gap:30px;
	justify-content: space-between;
}

.flex_searcharea>.pbNested:after{
    display:none;
}

.box_searcharea .flex_searcharea input[type="submit"]{
    width: 82px;
    height: 55px;
    border-radius: 0 10px 10px 0;
    font-size: 1em;
    cursor: pointer;
    background: #4575c5;
    color: #fff;
    position: absolute;
    right: 0px;
    top: -4px;
    outline: none;
    border-radius: 0 5px 5px 0;
    border:none;
    font-family: "BIZ UDPGothic", sans-serif !important;
}

.box_searcharea .flex_searcharea .pbInputForm{
    /*font-size: 1.3em;*/
    margin-top: 4px;
}

.flex_searcharea .search_container .pbInputForm {
    border: none;
    font-size: inherit;
    height: 2.3em;
}

.flex_searcharea{
	/*margin-bottom: 30px;*/
}


/* 検索キーワード
----------------------------------------------------------- */
.list_attention ul{
    padding:0;
    list-style: none;
    display: flex;
    column-gap: 10px;
    row-gap:10px;
    flex-wrap: wrap;
}

.list_attention ul li{
    margin:0;
}

.list_attention ul li a{
    display: inline-block;
    border:solid 1px #7f7f7f;
    border-radius:25px;
    padding: 0px 15px;
    text-decoration: none;
    font-weight:bold;
    background:#fff;
}

.list_attention ul li a:link,
.list_attention ul li a:visited{
	color:inherit;
}

.list_attention ul li a:hover{
    text-decoration: underline;
}

/* =============== アイコン画像 =============== */
.top_btn_icon a img{
    width:100%;
    height:auto;
}

.top_btn_icon a span{
    padding: 12px 34px 12px 34px;
    line-height: 1.3;
	font-weight:bold;
}


.top_btn_icon a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    background: #fff !important;
    text-align: center;
    color: #232323;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
	overflow: hidden;
	box-shadow: 7px 7px #fae6a3;
	margin:10px;
}

.top_btn_icon a:link,
.top_btn_icon a:visited{
    color:inherit;
}

.top_btn_icon a:hover{
    text-decoration: underline;
    transition: all .3s ease-in-out;
}

.top_btn_icon a[href^="http"]{
    padding:0;
}

/* =============== 広報活動 =============== */
.flex_public>.pbNested{
    display: flex;
    column-gap: 30px;
    justify-content: center;
}

.flex_public>.pbNested:after{
    display:none;
}

.flex_public>.pbNested>.top_btn_icon{
	width:300px;
}

.btn_public a {
    border:solid 2px #232323;
}

.top_btn_icon.icon_arrow a::after{
	top: inherit;
    left: inherit;
    bottom: 18px;
    right: 20px;
	border-color:#527fc9;
}

.flex_public_items .txt{
	text-align: center;
    margin-bottom: 30px;
}

/* =============== メニューボタン（国保連について・協議会） =============== */
.flex_topmenu>.pbNested{
    display: flex;
    column-gap: 30px;
    justify-content: center;
	align-items: stretch;
}

.flex_topmenu>.pbNested:after{
    display:none;
}

.top_btn_icon2 a{
	display: block;
	align-items: center;
	padding: 20px 40px 20px 125px;
    border: solid 2px #232323;
    border-radius: 15px;
    background: #fff;
    text-decoration: none;
    width: 420px;
    box-sizing: border-box;
    font-weight: bold;
	font-size:1.25em;
	line-height: 1.5;
	min-height:120px;
	vertical-align: middle;
	/*position: relative;*/
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.top_btn_icon2 a span.idpw{
	font-size: 0.6em;
}

.top_btn_icon2 a::before{
	content: '';
    position: absolute;
    background-repeat: no-repeat;
    margin: auto;
    transition: all .3s ease-in-out;
    background-size: 76px;
    top: 19px;
    left: 26px;
    width: 76px;
    height: 76px;
}

.top_btn_icon2.btn_about a::before{
	background-image: url(../top/icon_about.png);
}

.top_btn_icon2.btn_kyogikai a::before{
	background-image: url(../top/icon_kyogikai.png);
}

.top_btn_icon2.icon_arrow a::after{
	top: 50%;
    left: inherit;
    right: 25px;
	border-color:#527fc9;
}

.top_btn_icon2 a:link,
.top_btn_icon2 a:visited{
	color:inherit;
}

.top_btn_icon2 a:hover{
	text-decoration: underline;
}

/* =============== 関連リンク =============== */
.flex_banner>.pbNested{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 33px;
}

.flex_banner>.pbNested:after{
    display:none;
}

.flex_banner .btn_banner{
    text-align: center;
}

.flex_banner .btn_banner img{
    width:100%;
	border:solid 1px #b9b9b9;
}


.flex_banner .btn_banner a{
    display: block;
    padding: 0;
}