@charset "UTF-8";
/********************** トップページのスタイル **********************/
.main {
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.inner{
	max-width: 1224px;
	padding: 0 12px;
	margin: 0 auto;
}
.main h2 {
	position: relative;
	margin-bottom: 30px;
	padding: 20px 16px 0;
	color: #333;
	font-size: 210%;
	text-align: center;
}
.main h2::before {
	position: absolute;
	display: block;
	content: '';
	width: 64px;
	height: 4px;
	background: #E60019;
	top: 0;
	left: calc(50% - 32px);
}
.main h2 a {
	display: block;
}
.main .h2 p {
  margin: 0;
}
.main h2 .window{
	font-size: 35%;
}
.main li {
	position: relative;
	padding-left: 32px;
}
.main li::before {
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	background: #E60019;
	border: 0;
	border-radius: 50%;
	top: 0;
	left: 0;
}
.main li::after {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 9px;
	background: transparent url("img/atom_arrow2.svg") no-repeat center / cover;
	top: .45em;
	left: 5.5px;
}
.main li .list_icon img{
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 4px;
	max-height: 18px;
}
.main .date{
	color: #333;
	font-size: 100%;
	display: inline-block;
	margin-left: 12px;
}
	@media only screen and (max-width: 750px) {
		.main {
			padding: 0;
			width: 100%;
			overflow: hidden;
		}
		.main h2 {
			padding: 28px 0 0;
		}
	}

/* トップページ共通領域 */
.wide-box {
	position: relative;
	display: block;
	max-width: 100vw;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.middle-box {
	position: relative;
	display: block;
	max-width: 1224px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.wide-box > .inner {
	padding: 0 12px;
}
.rl-box {
	position: relative;
	display: flex;
	flex-flow: row wrap;
}
.main .all_calendar-box .event_month,
.main .all_calendar-box .right-box .calendar td ul,
.pickup-box .topics_lower ul:not(.more),
.wide-box .news-box .new_lower ul:not(.more),
.wide-box .news-box .new ul li .new_lst .list,
.wide-box .news-box ul.more,
.wide-box .topics-box .ilist2_lower ul,
.wide-box .topics-box .ilist2_lower ul > li a .ilist_in,
.wide-box .use-box .ilist2_lower ul,
.wide-box .use-box .ilist2_lower ul > li a .ilist_in,
.main .all_calendar-box .right-box .calendar tr {
	display: flex;
	flex-flow: row wrap;
}
.main .all_calendar-box .event_month li,
.main .all_calendar-box .calendar_lower .event_month li,
.main .all_calendar-box .right-box .calendar td li,
.pickup-box .topics_lower ul:not(.more) li,
.wide-box .news-box .new_lower ul:not(.more) li,
.wide-box .news-box ul.more li,
.wide-box .topics-box .ilist2_lower li,
.wide-box .use-box .ilist2_lower li {
	margin: 0;
	padding: 0;
}
.main .wide-box h2 {
	position: relative;
	width: fit-content;
	margin: 0 auto 30px;
	padding: 20px 12px 0;
	font-size: 200%;
}
.main .wide-box .vis h2,
.pickup-box .topics_lower ul:not(.more) li .list_right p,
.main .all_calendar-box .calendar,
.wide-box .topics-box .ilist2 {
	margin: 0;
	padding: 0;
}
.main .wide-box .vis h2::before,
.main .all_calendar-box h2::before,
.pickup-box .topics_lower ul:not(.more) li::before,
.pickup-box .topics_lower ul:not(.more) li::after,
.wide-box .news-box ul.more li::before,
.wide-box .news-box ul.more li::after {
	display: none;
}

.wide-box .news-box .new_lower ul li:has(a:hover)::after,
.wide-box .news-box ul.more li a:hover::after,
.wide-box .topics-box .ilist2_lower li:has(a:hover)::after {
	transform: rotate(-45deg);
}
	@media only screen and (max-width: 750px) {
		.main .wide-box h2 {
			margin-bottom: 34px;
			padding: 21px 0 0;
			font-size: 150%;
		}
	}

/**** 分類1のスタイル ****/
.main .category_p01{
	margin: 24px auto 0;
	padding: 0 12px;
	width: 100%;
	max-width: 1224px;
}
.main .category_p01 p {
  margin: 0 auto;
  max-width: 1540px;
}
/**** 緊急情報のスタイル ****/
.main .emergency {
	margin-bottom: 0;
	background: #fff;
}
.main .emergency h2, .main .emergency .h2 {
	background: #a90000;
	color: #fff;
}
.main .emergency_lower {
	border: 2px solid #a90000;
	border-top: none;
	padding: 14px 16px 16px;
}
/**** 重要なお知らせのスタイル ****/
.main .important {
	margin: 24px 0 0;
	padding: 40px 0 0;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .important h2 {
	margin-bottom: 0;
	padding: 20px 16px 20px;
}
.main .important_lower{
	padding: 0 40px 40px;
}
.main .important_lower li{
	display: flex;
}
.main .important_lower li .date{
	margin: 0;
	width: 160px;
	font-size: 100%;
	padding: 4px 0;
}
.main .important_lower li a{
	width: calc(100% - 160px);
}
	@media only screen and (max-width: 750px) {
		.main .important_lower li{
			flex-wrap: wrap;
		}
		.main .important_lower li a{
			width: 100%;
		}
	}
/**** 画像リストのスタイル ****/
.main .ilist {
	margin-top: 24px;
}
.main .ilist_lower ul {
	display: flex;
	flex-flow: row wrap;
	gap: 12px;
	justify-content: center;
}
.main .ilist_lower ul > li {
	display: flex;
	max-width: calc((100% - (12px * 2)) / 3);
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.main .ilist_lower ul > li::before,
.main .ilist_lower ul > li::after {
	display: none;
}
.main .ilist_lower ul > li a {
	display: block;
	width: 100%;
	background: #EBEFF5;
	border: 1px solid #818999;
	border-radius: 4px;
	text-decoration: none;
	transition: 0.3s;
}
.main .ilist_lower ul > li a:hover{
	background: #F7FAFF;
}
.main .ilist_lower .ilist_left img {
	max-width: unset;
	width: 100%;
	border-radius: 3px 3px 0 0;
}
.main .ilist_lower .ilist_right {
	padding: 16px;
}
.main .ilist_lower ul > li .ilist_text {
  margin-top: 0px;
  padding-top: 16px;
  line-height: 1.6;
  text-align: left;
  font-size: 85%;
}
.main .ilist .ilist_title{
	margin-top: 0;
}
	@media only screen and (max-width: 750px) {
		.main .ilist_lower ul > li:nth-of-type(n) {
			max-width: calc((100% - 12px) / 2);
		}
		.main .ilist_lower .ilist_right {
			padding: 8px;
		}
		.main .ilist_lower ul > li .ilist_text {
			padding-top: 8px;
		}
	}
/**** 画像リスト2のスタイル ****/
.main .ilist2 {
	margin-top: 24px;
}
.main .ilist2_lower ul {
	display: flex;
	flex-flow: row wrap;
	gap: 12px;
}
.main .ilist2_lower ul > li {
	max-width: calc((100% - (12px * 3)) / 4);
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.main .ilist2_lower ul > li:nth-of-type(4n) {
	margin-right: 0;
}
.main .ilist2_lower ul > li::before,
.main .ilist2_lower ul > li::after {
	display: none;
}
.main .ilist2_lower ul > li a {
	display: block;
	width: 100%;
	padding: 16px;
	background: #fff;
	border: 1px solid #818999;
	border-radius: 4px;
	text-decoration: none;
}
.main .ilist2_lower ul > li a:hover {
	background: #EBEFF5;
}
.main .ilist2_lower ul > li a .ilist_in{
	display: flex;
	flex-flow: row;
	gap: 12px;
}
.main .ilist2_lower ul > li .ilist_left {
	align-self: center;
	max-width: calc((100% - 12px) - 54%);
	width: 100%;
}
.main .ilist2_lower ul > li .ilist_right {
	align-self: center;
	width: 100%;
	margin: 0;
}
.main .ilist2 .ilist_title{
	margin-top: 0;
}
	@media only screen and (max-width: 750px) {
		.main .ilist2_lower ul > li {
			max-width: calc((100% - 12px) / 2);
		}
		.main .ilist2_lower ul > li:nth-of-type(even) {
			margin-right: 0;
		}
	}
	@media only screen and (max-width: 480px) {
		.main .ilist2_lower ul > li:nth-of-type(n) {
			margin-right: 0;
			width: 100%;
		}
	}
/**** スライドショーのスタイル ****/
.vis{
	position: relative;
	margin: 24px 0 0;
}
.vis h2 {
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	background: none;
}
.vis h2::before {
	display: none;
}
.vis .vis_bg{
	position: relative;
}
.vis .vis_bg li{
	margin: 0;
	padding: 0;
}
.vis .vis_bg li::before,
.vis .vis_bg li::after{
	display: none;
}
.vis .vis_bg li a {
	border-radius: 4px;
}
.vis .vis_bg li a img{
	border: 1px solid #003B96;
	border-radius: 4px;
}
.vis_bg .caption {
	position: absolute;
	max-width: calc(100vw - 24px);
	width: auto;
	padding: 5px 12px;
	background: rgba(255,255,255,.8);
	border-radius: 4px;
	text-shadow: #FFF 1px 1px 0, #FFF -1px -1px 0,#FFF -1px 1px 0, #FFF 1px -1px 0,#FFF 0px 1px 0, #FFF 0 -1px 0,#FFF -1px 0 0, #FFF 1px 0 0;
	color: #333;
	font-size: 85%;
	line-height: 1.5;
	top: 16px;
	left: 16px;
}
.vis .slick_nav{
	padding: 3px 0 0;
}
.vis .slick_ps{
	margin: 0 0 0 16px;
}
.vis .slick_ps a {
	min-width: 59px;
	min-height: 26px;
	padding: 0 4px 0 17px;
	background: #003B96;
	border: 1px solid #003B96;
	border-radius: 2px;
	color: #FFF;
	text-align: center;
	font-size: 100%;
	transition: 0.3s;
	outline: 2px solid #FFF;
}
.vis .slick_ps a:hover{
	color: #860000;
	background: #fff;
}
.vis .slick_ps a:focus-visible {
	outline-offset: 2px;
}
.slick_stop.active a::before,
.slick_stop.active a::after {
	width: 2px;
	height: 10px;
	background: #FFF;
	top: .5em;
	left: 8px;
	transition: .3s;
}
.slick_stop.active a::after {
	left: 12px;
}
.slick_stop.active a:hover::before,
.slick_stop.active a:hover::after {
	background: #6c0000;
}
.slick_play.active a::before {
	border: 6px solid transparent;
	border-left: 8px solid #FFF;
	top: .45em;
	left: 8px;
	transition: .3s;
}
.slick_play.active a:hover::before {
	border-left-color: #6c0000;
}
.vis.vis_iine .slick_ps a {
	border: 0;
}
.vis.vis_iine .slick_ps a:focus-visible {
	outline: 2px solid #808080 !important;
	border-color: #FFF;
	background: #dcedf7;
}
.vis.vis_iine .slick_ps div {
	border: 1px solid #818999;
}
#body .vis .slick-dots li{
	margin-bottom: 0!important;
	width: 27px;
	height: 27px;
}
#body .vis .slick-dots li.slick-active button {
	background: #003B96;
	border-color: #EBEFF5;
	color: #fff;
	text-shadow: #003B96 1px 1px 0,#003B96 -1px -1px 0,#003B96 -1px 1px 0,#003B96 1px -1px 0,#003B96 0px 1px 0,#003B96 0 -1px 0,#003B96 -1px 0 0,#003B96 1px 0 0;
}
#body .vis .slick-dots li button {
	width: 26px;
	height: 26px;
	min-height: 26px;
	padding: 3px 0;
	background: #EBEFF5;
	border: 1px solid #003B96;
	border-radius: 3px;
	color: #2b3095;
	font-size: 100%;
}
#body .vis .slick-dots li:not(.slick-active) button:hover{
	background: #fff;
}
/**** 分類のスタイル ****/
.category,
.category2,
.category3,
.category4 {
	margin: 24px 0 0;
}
.main .category_3_ul {
	font-size: 85%;
}
.main .category_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .category_lower li a{
	display: inline-block;
}
.main .category_lower .category_3_ul li::before,
.main .category_lower .category_4 li::before {
	top: -1px;
}
/**** 各課の窓口のスタイル ****/
.main .kakuka {
	
}
/**** 催し物・講座のスタイル ****/
.main .event {
	margin: 24px 0 0;
}
.main .event_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .event_lower li {
	padding-left: 0;
}
.main .event_lower li::before,
.main .event_lower li::after{
	display: none;
}
.main .event_lower li a{
	display: inline-block;
}
.main .event_lower li .eve_cate {
	display: inline-block;
	min-width: 80px;
	margin-right: 8px;
	padding: 4px 4px 2px;
	background: #DCEDF7;
	border-radius: 4px;
	color: #2F2F33;
	font-size: 85%;
	text-align: center;
	vertical-align: top;
	line-height: 1;
}
.main .event_lower .event_month {
	display: flex;
	flex-flow: row wrap;
	gap: 8px;
}
.main .event_lower .event_month li {
	display: inline-block;
	margin: 0;
	font-size: 130%;
	align-content: center;
}
.main .event_lower .event_month img {
	vertical-align: middle;
}
.event_month li.pre a,
.event_month li.next a {
	position: relative;
	display: inline-block;
	min-width: 60px;
	padding: 10px 8px 10px 26px;
	background: #EBEFF5;
	border: 1px solid #818999;
	border-radius: 4px;
	font-size: 81.25%;
	text-decoration: none;
	line-height: 1;
}
.event_month li.next a {
  padding: 10px 26px 10px 8px;
}
.event_month li.pre a:hover,
.event_month li.next a:hover {
	background: #F7FAFF;
}
.event_month li.pre a::before,
.event_month li.next a::before {
	position: absolute;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	background: #FFF;
	border-radius: 50%;
	top: calc(50% - 8px);
	left: 4px;
	transform: rotate(45deg);
}
.event_month li.next a::before {
	left: unset;
	right: 4px;
}
.event_month li.pre a::after,
.event_month li.next a::after {
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 6px;
	margin: 0;
	background: transparent url("img/atom_arrow.svg") no-repeat center / cover;
	border: 0;
	top: calc(50% - 3.5px);
	left: 8px;
}
.event_month li.pre a::after {
	transform: rotate(180deg);
}
.event_month li.next a::after {
	left: unset;
	right: 8px;
}
/**** イベントカレンダーのスタイル ****/
.main .calendar {
	margin: 24px 0 0;
}
.main .calendar_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
	overflow: auto;
}
.main .calendar_lower li {
	padding-left: 0;
}
.main .calendar_lower li::before,
.main .calendar_lower li::after{
	display: none;
}
.main .calendar_lower .event_month {
	display: flex;
	flex-flow: row wrap;
	gap: 4px;
	margin-bottom: 16px;
}
.main .calendar_lower .event_month li {
	display: inline-block;
	margin: 0;
}
.main .calendar_lower .event_month img {
	vertical-align: middle;
}
.main .calendar table {
	width: 100%;
}
.main .calendar caption {
	position: absolute; 
	display: none;
}
.main .calendar th {
	border: 1px solid #818999;
	text-align: center;
	padding: 3.5px 0;
	width: calc(100%/7);
}
.main .calendar th img {
	min-width: 16px;
	min-height: 16px;
	vertical-align: center;
}
.main .calendar td {
	padding: 5.5px 10px;
	border: 1px solid #818999;
	text-align: center;
	vertical-align: top;
}
.main .calendar td a {
	display: inline-block;
	min-width: 24px;
}
.main .calendar .sun {
	background: #FDD1C5;
}
.main .calendar .sat {
	background: #D7E4F7;
}
.main .calendar .today {
	background: #c9171e;
	color: #fff;
}
.main .calendar .close {
	background: #EBEFF5;
}
.main .calendar .close.today {
	background: #c9171e;
	color: #fff;
}
.main .calendar .close span,
.main .calendar .close.today span {
	display: block;
	margin-top: 4px;
	font-size: 100%;
}
.main .calendar .sun span,
.main .calendar .today span {
	display: block;
	margin-top: 6px;
	font-size: 85%;
}
.main .calendar .today > strong,
.main .calendar .today > a,
.main .calendar .today > a strong {
	color: #fff;
}
.main .calendar .today > a:focus-visible{
	outline: 2px solid #FFF !important;
}
	@media only screen and (max-width: 750px) {
		.main .calendar td {
			padding: 6px 0;
		}
	}
/**** 新着情報のスタイル ****/
.main .new {
	margin: 24px 0 0;
}
.main .new h2 img {
  height: auto;
  width: 42px;
  margin-right: 12px;
  vertical-align: top;
}
.main .new .h2 p {
  padding: 8px 16px 8px 8px;
  margin: 0;
}
.main .new_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .new ul:not(.more) li {
  padding: 0 0 24px 32px;
  overflow: hidden;
}
.main .new ul li .new_lst {
  display: flex;
}
.main .new ul li .new_lst .date {
	flex-shrink: 0;
	flex: 0 0 auto;
	max-width: 6em;
	width: 100%;
	margin: 0;
}
.main .new ul li.catch_lst .new_lst {
	flex-flow: row wrap;
	gap: 8px 16px;
	margin-right: 104px;
}
.main .new ul li.catch_lst .new_img {
	float: right;
	max-width: 96px;
	width: 100%;
	margin-top: 0;
}
.main .new ul li.catch_lst .new_img img {
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .new ul li .new_lst .list {
	max-width: calc(100% - (6em + 16px));
	width: 100%;
}
.main .new ul li .new_lst .list a{
	display: inline-block;
}
	@media only screen and (max-width: 750px) {
		.main .new ul li .new_lst {
			flex-flow: row wrap;
		}
		.main .new ul li .new_lst .date,
		.main .new ul li .new_lst .list {
			max-width: unset;
		}
	}
/**** トピックスのスタイル ****/
.main .topics {
	margin: 24px 0 0;
}
.main .topics .h2 p {
  margin: 0;
}
.main .topics_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .topics ul {
	display: flex;
	flex-flow: row wrap;
	gap: 24px;
	margin: 0;
}
.main .topics ul li{
	display: flex;
	width: 100%;
	margin: 0;
	padding-bottom: 24px;
}
.main .topics ul li a{
	display: inline-block;
}
.main .topics ul li .date{
	margin: 0;
	width: 120px;
}
.main .topics ul li .list{
	width: calc(100% - 120px);
}
.main .topics ul li.catch_lst .topics_lst {
	margin-right: 100px;
}
.main .topics ul li.catch_lst .topics_img {
	float: right;
	margin-top: 0;
}
.main .topics ul.more {
	margin-top: 24px;
}
@media only screen and (max-width: 980px) {
	.main .topics ul li{
		display: block;
	}
	.main .topics ul li .date,
	.main .topics ul li .list{
		width: 100%;
	}
}

/**** 新着情報・トピックス一覧のスタイル ****/
.main ul.more {
	display: flex;
	flex-flow: row wrap;
	gap: 4px 20px;
	justify-content: flex-end;
	width: auto;
	margin: 16px 0 0 auto;
	padding: 0 12px 0 0;
}
.main ul.more li{
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
}
.main ul.more li::before,
.main ul.more li::after {
	z-index: 1;
}
.main ul.more li::before {
	top: calc(50% - 12px);
	left: unset;
	right: 12px;
}
.main ul.more li::after {
	top: calc(50% - 5px);
	left: unset;
	right: 18px;
}
.main ul.more li a{
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 20px calc(20px + 12px + 8px) 20px 20px;
	background: #EBEFF5;
	border: 1px solid #818999;
	border-radius: 4px;
	text-decoration: none;
}
.main ul.more li a:hover{
	background: #F7FAFF;
}
.main .more {
  width: auto;
  line-height: 1.5;
}
.main .more li {
	width: auto;
}
.main .more li.rss span {
  background: url(img/rss_o.svg) no-repeat left center;
  background-size: 12px 12px;
  padding-left: 20px;
}
	@media only screen and (max-width: 480px) {
		.main ul.more {
			gap: 24px 0;
			text-align: center;
		}
		.main ul.more li {
			width: 100%;
		}
	}
/**** タブ切り替えのスタイル ****/
.main .free_tab{
	margin: 24px 0 0;
}
.main .free_tab .anchor{
	padding: 0;
}
.main .free_tab .tab_index{
	display: flex;
	justify-content: space-between;
}
.main .free_tab .tab_index .tab_change{
	display: flex;
	text-align: center;
	width: 49.5%;
	font-size: 120%;
}
.main .free_tab .tab_index .tab_change a {
	display: inline-block;
	width: 100%;
	padding: 8px 10px 6px;
	border: 1px solid #818999;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	text-decoration: none;
}
.main .free_tab .tab_index .tab_change.is-active a{
	background: #F7FAFF;
}
.main .free_tab li.tab_panel{
	margin: 0;
	padding: 0;
}
.main .free_tab li.tab_panel > * {
	margin: 0;
}
.main .free_tab li.tab_panel::before,
.main .free_tab li.tab_panel::after{
	display: none;
}
.main .free_tab h2 {
	position: absolute;
	margin: 0;
	padding: 0;
	background: none;
	z-index: -1;
}
.main .free_tab h2::before {
	display: none;
}
.main .free_tab .new_lower,
.main .free_tab .topics_lower {
	background: #fff;
	border-radius: 0 0 4px 4px;
}
/**** ピックアップ1のスタイル ****/
.main .pickup {
	margin: 24px 0 0;
}
.main .pickup_lower {
	display: flex;
	flex-flow: row wrap;
	gap: 24px;
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .pickup_lower .pickup_sub {
	width: 100%;
}
.main .pickup_lower .pickup_sub h3 {
	position: relative;
	padding: 0 8px 0 12px;
	border-left: 4px solid #E60019;
	font-size: 110%;
}
.main .pickup_lower .pickup_sub p {
	margin-top: 12px;
	padding-left: 18px;
	font-size: 85%;
}
.main .pickup_lower .pickup_sub ul {
	display: flex;
	flex-flow: row wrap;
	gap: 12px;
	margin: 12px 0 0;
	padding-left: 16px;
}
.main .pickup_lower .pickup_sub li {
	margin: 0;
	width: 100%;
}
.main .pickup_lower .pickup_sub li a{
	display: inline-block;
}
/**** ピックアップ2のスタイル ****/
.main .pickup2 {
	margin: 24px 0 0;
}
.main .pickup2_lower {
	display: flex;
	flex-flow: row wrap;
	gap: 24px;
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .pickup2_lower .pickup_sub {
	width: 100%;
}
.main .pickup2_lower .pickup_sub h3 {
	position: relative;
	padding: 0 8px 0 12px;
	border-left: 4px solid #E60019;
	font-size: 110%;
}
.main .pickup2_lower .pickup_sub p {
	margin-top: 12px;
	padding-left: 18px;
	font-size: 85%;
}
.main .pickup2_lower .pickup_sub ul {
	display: flex;
	flex-flow: row wrap;
	gap: 12px;
	margin: 12px 0 0;
	padding-left: 16px;
}
.main .pickup2_lower .pickup_sub li {
	margin: 0;
	width: 100%;
}
.main .pickup2_lower .pickup_sub li a{
	display: inline-block;
}
/**** ランキングのスタイル ****/
.main .ranking {
	margin: 24px 0 0;
}
.ranking h2 {
  border-radius: 10px 10px 0 0;
}
.main .ranking_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .ranking_lower ol li{
	list-style-type: decimal;
	padding-left: 0;
	margin-left: 2.5em;
}
.main .ranking_lower ol li::before,
.main .ranking_lower ol li::after{
	display: none;
}
.main .ranking_lower ol li a{
	display: block;
}
/**** 人口・世帯数のスタイル ****/
.main .j_s {
	margin-top: 24px;
}
.main .j_s h2{
	border-radius: 10px 10px 0 0;
}
.main .j_s_lower{
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .j_s li {
	padding-left: 0;
}
.main .j_s li::before,
.main .j_s li::after{
	display: none;
}
.main .j_s li b {
	margin-right: 8px;
}
.main .j_s p {
	font-size: 85%;
}
/**** バナー広告のスタイル ****/
.main .bana {
	margin: 24px auto 0;
	max-width: 972px;
	width: 100%;
}
.main .bana_h2 {
	margin-bottom: 12px;
	text-align: center;
}
.main .bana_h2 h2 {
	margin-bottom: 0;
	font-size: 140%;
}
.main .bana_h2 p{
	margin: 0;
	padding: 0 16px;
}
.main .bana_lower {
	padding: 0;
	text-align: center;
}
.bana_lower_pc{
	display: block;
}
.bana_lower_sp{
	display: none;
}
.main .bana .bana_img {
	display: inline-block;
	width: 100%;
}
.main .bana ul {
	display: flex;
	flex-flow: row wrap;
	gap: 24px;
}
.main .bana li {
	max-width: calc((100% - (24px * 2)) / 3);
	width: 100%;
	margin: 0;
	padding: 0;
}
.main .bana li::before,
.main .bana li::after {
	display: none;
}
.main .bana li a {
	display: block;
	padding: 0;
	border-radius: 4px;
}
.main .bana li img {
	max-width: unset;
	width: 100%;
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .bana li .window {
	margin-top: 5px;
}
.main .bana ul.slick-slider .slick-prev,
.main .bana ul.slick-slider .slick-next {
	border-color: #E60019;
}
.main .bana ul.slick-slider .slick-prev::before {
	width: 12px;
	height: 9px;
	background: transparent url("img/atom_arrow.svg") no-repeat center / contain;
}
.main .bana ul.slick-slider .slick-next::before {
	width: 12px;
	height: 9px;
	background: transparent url("img/atom_arrow.svg") no-repeat center / contain;
}
.bana_more {
	margin: 24px 0 0 auto;
	padding: 0 12px 0 28px;
	text-align: right;
}
.bana_more a{
	position: relative;
	display: inline-block;
	padding: 0 0 0 32px;
}
.bana_more a::before {
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	background: #E60019;
	border: 0;
	border-radius: 50%;
	top: calc(50% - 12px);
	left: 0;
}
.bana_more a::after {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 9px;
	background: transparent url("img/atom_arrow2.svg") no-repeat center / cover;
	top: calc(50% - 5px);
	left: 5.5px;
}
	@media only screen and (max-width: 750px) {
		.main .bana_h2 p {
			font-size: 85%;
		}
		.bana_lower_pc{
			display: none;
		}
		.bana_lower_sp{
			display: block;
		}
		.main .bana ul{
			display: block;
			
		}
		.main .bana li {
			max-width: unset;
			padding: 0 12px;
		}
		.bana_lower_sp .slick_nav {
			padding: 24px 16px 0;
		}
		.bana_lower_sp .slick_ps a {
			background: #003B96;
			border-color: #003B96;
			border-radius: 4px;
			color: #FFF;
		}
		.bana_lower_sp .slick_stop.active a::before,
		.bana_lower_sp .slick_stop.active a::after,
		.bana_lower_sp .slick_play.active a::before {
			top: .55em;
		}
	}
/**** RSSのスタイル ****/
.main .rss {
	
}
.rss h2 {
  display: none;
}
.main .rss li {
	padding-left: 0;
}
.main .rss li::before,
.main .rss li::after{
	display: none;
}
/**** 外部RSSのスタイル ****/
.main .rssfide{
	margin: 24px auto 0;
}
.main .rssfide .h3{
	overflow: hidden;
}
.main .rssfide .h3 h3 {
	float: left;
	margin: 10px 12px 10px 0;
}
.main .rssfide .h3 p{
	float: left;
	padding: 8px 0;
	margin: 0;
}
.main .rssfide .rssfide_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .rssfide .rssfide_lower li a{
	display: inline-block;
}
.main .rssfide .rssfide_management{
	background: #F5F5F5;
	font-size: 85%;
	padding: 8px;
	margin-top: 12px;
}
.main .rssfide .rssfide_management .title{
	margin: 0 0 8px;
	padding: 0 0 4px;
	border-bottom: 1px solid #96807F;
}
.main .rssfide .rssfide_management .rssfide_copy{
	margin-top: 6px;
}
.main .rssfide .rssfide_management li{
	padding: 0;
	margin: 0;
}
.main .rssfide .rssfide_management li::before,
.main .rssfide .rssfide_management li::after{
	display: none;
}
.main .rssfide .rssfide_list li p{
	padding: 0;
	margin: 0;
}
.main .rssfide .rssfide_list li .list p{
	font-size: 85%;
	margin-top: 4px;
}
/**** リンク・画像領域（画像）のスタイル ****/
.main .image {
	margin: 24px auto 0;
	text-align: center;
}
.main .image h2 {
	margin: 0;
	padding: 0;
	background: none;
}
.main .image h2::before {
	display: none;
}
.main .image h2 a {
	border-radius: 4px;
}
.main .image .image_img {
	display: block;
}
.main .image img {
	border: 1px solid #6D798F;
	border-radius: 4px;
}
/**** リンク・画像領域（テキスト）のスタイル ****/
.main .link {
	margin: 24px auto 0;
}
.main .link h2 {
	margin: 0;
	padding: 0;
}
.main .link h2::before {
	display: none;
}
/**** RSS一覧のスタイル ****/
.main .rss_list {
}
/**** オプションのスタイル ****/
.main .option {
	margin: 24px auto 0;
}
.main .option_lower {
	padding: 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #818999;
	border-radius: 4px;
}
.main .option_lower li a{
	display: inline-block;
}
/**** FAQ（よくある質問）のスタイル ****/
.main .faq {
}
/**** 新着FAQ ****/
.main .faq_new {
}
.main .faq_new_lower {
	border: 3px solid #DCEDF7;
	border-top: none;
	padding: 14px 16px 16px;
}
.main .faq_new_lower li a{
	display: inline-block;
}
.main .faq_new div.date{
	margin-left: 0;
}
.main .faq_new_lower p {
	font-size: 85%;
	margin-top: 4px;
}
/**** 見られているFAQのスタイル ****/
.main .popular {
}
.main .popular_lower {
	border: 3px solid #DCEDF7;
	border-top: none;
	padding: 14px 16px 16px;
}
.main .popular_lower p {
	font-size: 85%;
	margin-top: 4px;
}
.main .popular_lower li a{
	display: inline-block;
}
/********************** 領域1個別のスタイル **********************/
@media print, screen and (min-width: 1025px) {
	.main .zone0102 .zone01 .ilist_lower ul > li{
		margin-right: 0;
		width: 100%;
	}
	.main .zone0102 .zone01 .ilist2_lower ul > li{
		margin-right: 0;
		width: 100%;
	}
	.main .zone0102 .zone01 .more li{
		margin-left: 0;
		width: 100%;
	}
	.main .zone0102 .zone01 .bana ul{
		justify-content: center;
	}
}
@media print, screen and (min-width: 1025px) {
	.main .zone0102 .zone02 .ilist_lower ul > li{
		width: calc((100% - 24.1px) / 3);
	}
	.main .zone0102 .zone02 .ilist_lower ul > li:nth-of-type(3n){
		margin-right: 0;
	}
	.main .zone0102 .zone02 .ilist2_lower ul > li{
		width: calc((100% - 12.1px) / 2);
	}
	.main .zone0102 .zone02 .ilist2_lower ul > li:nth-of-type(even){
		margin-right: 0;
	}
}
/**** トップページのスタイル ****/
.zone01 {
	background-color: #ffffff;
	background-image: radial-gradient(#EBEFF5 1px, transparent 1px);
	background-size: 10px 10px;
}
.zone01:not(:has(.wide-box)) {
	padding: 64px 0 80px;
}
/**** メインビジュアルスライダーのスタイル ****/
.wide-box .main-box .atom_vis {
	margin: 0;
}
.wide-box .main-box .atom_vis li a,
.wide-box .main-box .atom_vis li a img {
	border-radius: 0;
}
.wide-box .main-box .atom_vis li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@keyframes fadezoom {
	0% { transform: scale(1.0); }
	100% { transform: scale(1.2); }
}
.slick-animation img{
	animation: fadezoom 11s 0s forwards linear;
}
.atom_vis .stop .slick-animation img{
	animation-play-state: paused;
}
.wide-box .main-box .slick_nav {
	position: absolute;
	max-width: calc(100vw - (16px * 2));
	width: auto;
	padding: 0;
	top: 16px;
	right: 16px;
}
.main-box .slick-dots {
	flex-flow: row wrap;
	gap: 6px 8px;
}
#body .main-box .slick-dots li {
	margin: 0 !important;
	border-radius: 4px;
	outline: 2px solid transparent;
}
#body .main-box .slick-dots li:not(.slick-active) {
	outline-offset: 2px;
}
#body .main-box .slick-dots li:has(button:focus-visible) {
	outline-color: #FFF;
}
#body .main-box .slick-dots li:not(.slick-active) button {
	border: 0;
	text-shadow: #FFF 1px 1px 0, #FFF -1px -1px 0,#FFF -1px 1px 0, #FFF 1px -1px 0,#FFF 0px 1px 0, #FFF 0 -1px 0,#FFF -1px 0 0, #FFF 1px 0 0;
	outline: 1px solid #003B96;
}
#body .main-box .slick-dots li.slick-active button {
	border: 0;
	outline: 1px solid #FFF;
}
#body .main-box .slick-dots li button:focus-visible {
	outline-width: 2px;
	outline-color: #007AFF !important;
}
#body .main-box .slick-dots li:not(.slick-active) button:focus-visible {
	outline-offset: 0;
}
.wide-box .main-box .slick_nav .slick_ps a {
	border: 0;
	outline: 1px solid #EBEFF5;
}
.wide-box .main-box .slick_nav .slick_ps:has(a:focus-visible) {
	border-radius: 2px;
	outline: 4px solid #000;
	outline-offset: 2px;
}
.wide-box .main-box .slick_nav .slick_ps a:focus-visible {
	outline-offset: 0;
	outline-color: #FFF !important;
}
	@media only screen and (min-width: 1025px) {
		.atom_vis.sp_none {
			display: none;
		}
	}
	@media only screen and (max-width: 1024px) {
		.atom_vis {
			display: none;
		}
		.atom_vis.sp_none {
			display: block;
		}
	}
/**** カレンダーのスタイル ****/
.main .all_calendar-box {
	position: relative;
	top: -108px;
	z-index: 1;
}
.main .all_calendar-box .rl-box {
	flex-flow: row;
	gap: 0 4.67%;
}
.main .all_calendar-box .left-box,
.main .all_calendar-box .right-box {
	display: block;
	flex: 0 0 40.0%;
	padding: 36px 40px 40px;
	background: rgba(255,255,255,.8);
	border: 1px solid #EBEFF5;
	border-radius: 4px;
}
.main .all_calendar-box .left-box {
	height: fit-content;
}
.main .all_calendar-box .right-box {
	flex: 0 0 55.33%;
}
.main .all_calendar-box h2 {
	margin-bottom: 12px;
	padding: 0;
	text-shadow: #FFF 1px 1px 0,#FFF -1px -1px 0,#FFF -1px 1px 0,#FFF 1px -1px 0,#FFF 0px 1px 0,#FFF 0 -1px 0,#FFF -1px 0 0,#FFF 1px 0 0;
	font-size: 163%;
}
.main .all_calendar-box .calendar_lower {
	padding: 0;
	border: 0;
	background: transparent;
}
.main .all_calendar-box .calendar table {
	border-collapse: separate;
	border-spacing: 0;
}
.main .all_calendar-box .calendar table tr:first-child {
	border-radius: 4px 4px 0 0;
}
.main .all_calendar-box .calendar table tr:first-child th:first-child {
	border-radius: 4px 0 0;
}
.main .all_calendar-box .calendar table tr:first-child th:last-child {
	border-radius: 0 4px 0 0;
}
.main .all_calendar-box .calendar table tr:last-child td:first-child {
	border-radius: 0 0 0 4px;
}
.main .all_calendar-box .calendar table tr:last-child td:last-child {
	border-radius: 0 0 4px 0;
}
.main .all_calendar-box .calendar table th:not(:first-child,:last-child),
.main .all_calendar-box .calendar table td:not(:first-child,:last-child) {
	border-right-width: .5px;
	border-left-width: .5px;
}
.main .all_calendar-box .calendar table th:first-child,
.main .all_calendar-box .calendar table td:first-child {
	border-right-width: .5px;
}
.main .all_calendar-box .calendar table th:last-child,
.main .all_calendar-box .calendar table td:last-child {
	border-left-width: .5px;
}
.main .all_calendar-box .calendar table tr:not(:first-child,:last-child) > * {
	border-top-width: .5px;
	border-bottom-width: .5px;
}
.main .all_calendar-box .calendar table tr:first-child > * {
	border-bottom-width: .5px;
}
.main .all_calendar-box .calendar table tr:last-child > * {
	border-top-width: .5px;
}
.main .all_calendar-box .left-box .calendar table td:has(a) {
	position: relative;
	padding-bottom: calc(28px + 4px + 2px);
}
.main .all_calendar-box .left-box .calendar table td:has(a)::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 28px;
	background: url("img/atom_character-img01.svg") no-repeat bottom center / 32px 28px;
	bottom: 0;
	left: 0;
}
.main .all_calendar-box .left-box .calendar table td.today:has(a)::before {
	background: url("img/atom_character-img01_w.svg") no-repeat bottom center / 32px 28px;
}
.main .all_calendar-box .left-box .calendar table td {
	padding: 5.5px 2px;
}
.main .all_calendar-box .event_month {
	gap: 8px;
	align-items: flex-end;
	margin-bottom: 16px;
}
.main .all_calendar-box .event_month li:first-child {
	margin-right: 8px;
}
.main .all_calendar-box .event_month li a {
	display: inline-block;
	min-width: 115px;
	padding: 5.5px 24px;
	background: #003B96;
	border-radius: 4px;
	color: #FFF;
	text-align: center;
	font-size: 112%;
}
.main .all_calendar-box .event_month li a:hover {
	background: #063071;
}
.main .all_calendar-box .event_month li a:focus-visible {
	outline: 2px solid #FFF !important;
	outline-offset: -4px;
}
.main .all_calendar-box .event_month li.pre a,
.main .all_calendar-box .event_month li.next a {
	min-width: 60px;
	margin: 0;
	padding: 8px 6px 8px 22px;
	background: #EBEFF5;
	border-color: #818999;
	color: #2b3095;
	font-size: 88%;
}
.main .all_calendar-box .event_month li.pre a:focus-visible,
.main .all_calendar-box .event_month li.next a:focus-visible {
	outline: auto !important;
	outline-offset: 0;
}
.main .all_calendar-box .event_month li.next a {
	padding: 8px 22px 8px 6px;
}
.main .all_calendar-box .event_month li.pre a:hover,
.main .all_calendar-box .event_month li.next a:hover {
	background: #F7FAFF;
	color: #6c0000;
}
/**** イベントスケジュール ****/
.main .all_calendar-box .right-box .calendar_lower {
	overflow: visible;
}
.main .all_calendar-box .right-box .calendar caption,
.main .all_calendar-box .right-box .calendar .calendar_lower p {
	position: relative;
	display: block;
	min-width: 238px;
	width: fit-content;
	margin: 0 auto 16px;
	padding: 5.4px 24px;
	background: #003B96;
	border-radius: 4px;
	color: #FFF;
	font-size: 113%;
	font-family: "UD新ゴ DB","UD Shin Go DemiBold";
}
.main .all_calendar-box .right-box .calendar .calendar_lower p {
	text-align: center;
}
.main .all_calendar-box .right-box .calendar tbody {
	display: block;
}
.main .all_calendar-box .right-box .calendar tr {
	flex-flow: row;
}
.main .all_calendar-box .right-box .calendar th {
	position: relative;
	flex: 0 0 auto;
	align-content: center;
	max-width: 7.8em;
	width: 100%;
	padding: 12px 16px 12px 2px;
	font-size: 88%;
	border-right: 0;
}
.main .all_calendar-box .right-box .calendar th.pla {
	background: #DBDBFF;
}
.main .all_calendar-box .right-box .calendar th.show {
	background: #FFF2DB;
}
.main .all_calendar-box .right-box .calendar th::before {
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 100%;
	top: 0;
	right: 0;
}
.main .all_calendar-box .right-box .calendar th.pla::before {
	background: #003B96;
}
.main .all_calendar-box .right-box .calendar th.show::before {
	background: #EAA71A;
}
.main .all_calendar-box .right-box .calendar th .cal_time {
	display: block;
	text-align: end;
}
.main .all_calendar-box .right-box .calendar td {
	width: 100%;
	padding: 10px 16px;
	text-align: left;
	border-left: 0;
}
.main .all_calendar-box .right-box .calendar table tr:first-child td {
	border-radius: 0 4px 0 0;
}
.main .all_calendar-box .right-box .calendar table tr:last-child th {
	border-radius: 0 0 0 4px;
}
.main .all_calendar-box .right-box .calendar td ul {
	gap: 8px;
}
	@media only screen and (max-width: 1024px) {
		.main .all_calendar-box .left-box,
		.main .all_calendar-box .right-box {
			padding: 24px;
		}
		.main .all_calendar-box h2 {
			margin-bottom: 24px;
		}
		.main .all_calendar-box .rl-box {
			flex-flow: row wrap;
			gap: 24px 2.5%;
		}
		.main .all_calendar-box .left-box {
			flex: unset;
			max-width: 42.5%;
			width: 100%;
		}
		.main .all_calendar-box .right-box {
			flex: unset;
			max-width: calc(100% - (42.5% + 2.5%));
			width: 100%;
			height: fit-content;
		}
	}
	@media only screen and (max-width: 890px) {
		.wide-box .main-box .slick_nav {
			max-width: calc(100vw - (12px * 2));
			top: unset;
			bottom: 12px;
			right: 12px;
		}
		.main .all_calendar-box {
			margin: 48px auto 0;
			padding-bottom: 48px;
			top: 0;
		}
		.main .all_calendar-box .rl-box {
			gap: 24px;
		}
		.main .all_calendar-box h2 {
			margin-bottom: 32px;
		}
		.main .all_calendar-box .right-box h2 {
			margin-bottom: 18px;
		}
		.main .all_calendar-box h2 span {
			display: block;
		}
		.main .all_calendar-box .left-box,
		.main .all_calendar-box .right-box {
			max-width: 100%;
			width: 100%;
			padding: 32px 18px;
		}
		.main .all_calendar-box .right-box .calendar th {
			min-width: 120px;
		}
	}
	@media only screen and (max-width: 750px) {
		.zone01:not(:has(.wide-box)) {
			padding: 48px 0;
		}
		.wide-box .main-box .caption {
			top: 12px;
			left: 12px;
		}
		.wide-box .main-box .slick_nav {
			bottom: 17px;
			right: 12px;
		}
		.main .all_calendar-box {
			margin-top: 42px;
		}
		.main .all_calendar-box h2,
		.main .all_calendar-box .right-box h2 {
			margin-bottom: 10px;
			font-size: 138%;
		}
		.main .all_calendar-box .left-box,
		.main .all_calendar-box .right-box {
			padding: 26px 16px 18px;
		}
		.main .all_calendar-box .event_month li a {
			padding: 7px 24px;
			font-size: 100%;
		}
		.main .all_calendar-box .right-box .calendar caption,
		.main .all_calendar-box .right-box .calendar .calendar_lower p {
			min-width: 208px;
			padding: 7px 24px;
			font-size: 100%;
		}
		.main .all_calendar-box .right-box .calendar th {
			min-width: 103px;
		}
		.main .all_calendar-box .right-box .calendar td {
			padding: 10.5px 16px;
		}
		.main .all_calendar-box .right-box .calendar td a span {
			display: block;
		}
	}
	@media only screen and (max-width: 390px) {
		.main .all_calendar-box h2,
		.main .all_calendar-box .right-box h2 {
			margin-bottom: 12px;
		}
	}
/********************** 領域2個別のスタイル **********************/
.zone02 {
	position: relative;
	background: #EBEFF5;
}
.zone02:has(.pickup-box)::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 106px;
	background: #EBEFF5;
	top: -106px;
	left: 0;
	z-index: 0;
}
.zone02:not(:has(.pickup-box)) {
	padding: 64px 0 80px;
}
.zone02:has(.pickup-box) .wide-box {
	margin-top: -44px;
	padding-bottom: 74px;
}
/**** ピックアップ ****/
.wide-box .pickup-box {
	position: relative;
	display: block;
}
.wide-box .pickup-box .topics {
	margin: 0;
	padding-top: 20px;
}
.wide-box .pickup-box .topics_lower {
	padding: 0;
	background: transparent;
	border: 0;
}
.pickup-box .topics_lower ul:not(.more) {
	gap: 40px 24px;
}
.pickup-box .topics_lower ul:not(.more) li {
	max-width: calc((100% - (24px * 2)) / 3);
	width: 100%;
	border: 0;
}
.pickup-box .topics_lower ul:not(.more) li .list {
	width: 100%;
}
.pickup-box .topics_lower ul:not(.more) li a {
	border-radius: 4px;
	text-decoration: none;
}
.pickup-box .topics_lower ul:not(.more) li .list_left img {
	border: 1px solid #7D8494;
	border-radius: 4px;
	transition: .2s;
}
.pickup-box .topics_lower ul:not(.more) li a:hover .list_left img {
	opacity: .8;
}
.pickup-box .topics_lower ul:not(.more) li .list_right {
	padding: 18px 0 0;
}
.pickup-box .topics_lower ul:not(.more) li .list_right .list_title {
	text-align: center;
	text-decoration: underline;
	font-size: 113%;
}
.pickup-box .topics_lower ul:not(.more) li .list_right .list_text {
	margin: 12px 0 0;
	font-size: 88%;
}
	@media only screen and (max-width: 890px) {
		.zone02::before {
			display: none;
		}
		.zone02 .wide-box {
			margin-top: 0;
			padding-top: 64px;
		}
		.pickup-box .topics_lower ul:not(.more) {
			gap: 32px 24px;
		}
		.pickup-box .topics_lower ul:not(.more) li {
			max-width: calc((100% - 24px) / 2);
		}
	}
	@media only screen and (max-width: 750px) {
		.zone02:not(:has(.pickup-box)) {
			padding: 48px 0;
		}
		.zone02 .wide-box {
			padding: 44px 0 100px;
		}
		.zone02::before {
			display: none;
		}
		.zone02:has(.pickup-box) .wide-box > .inner {
			padding: 0;
		}
		.pickup-box .topics_lower ul:not(.more) {
			gap: 44px 24px;
		}
		.pickup-box .topics_lower ul:not(.more) li {
			max-width: unset;
		}
		.pickup-box .topics_lower ul:not(.more) li .list_right {
			padding: 12px 12px 0;
		}
		.pickup-box .topics_lower ul:not(.more) li .list_right .list_text {
			margin-top: 10px;
		}
		.pickup-box .topics_lower ul:not(.more) li .list_left img {
			border-radius: 0;
		}
	}
	@media only screen and (max-width: 480px) {
		.pickup-box .topics_lower ul:not(.more) {
			gap: 40px 24px;
		}
	}

/********************** 領域3個別のスタイル **********************/
.zone03 {
	background: transparent url("img/atom_bg-img01.jpg") no-repeat top left / cover;
}
.main .zone03_in .wide-box .inner:not(:has(.news-box)) {
	margin-top: 0;
	padding-top: 64px;
	padding-bottom: 80px;
}
.main .zone03 h2,
.main .zone03 h2 a {
	color: #FFF;
	text-shadow: #012346 1px 1px 0,#012346 -1px -1px 0,#012346 -1px 1px 0,#012346 1px -1px 0,#012346 0px 1px 0,#012346 0 -1px 0,#012346 -1px 0 0,#012346 1px 0 0;
}
.main .zone03 h2 a:hover {
	color: #6c0000;
	text-shadow: #FFF 1px 1px 0,#FFF -1px -1px 0,#FFF -1px 1px 0,#FFF 1px -1px 0,#FFF 0px 1px 0,#FFF 0 -1px 0,#FFF -1px 0 0,#FFF 1px 0 0;
}
.main .zone03 h2 a .window {
	text-shadow: #EBEFF5 1px 1px 0,#EBEFF5 -1px -1px 0,#EBEFF5 -1px 1px 0,#EBEFF5 1px -1px 0,#EBEFF5 0px 1px 0,#EBEFF5 0 -1px 0,#EBEFF5 -1px 0 0,#EBEFF5 1px 0 0;
}
.main .zone03 .image img {
	border-color: #FFF;
}
.main .zone03 *[class*="_lower"] {
	background: #FFF;
	border: 0;
}
/**** 新着情報 ****/
.wide-box .news-box {
	display: block;
	padding: 40px 0 80px;
}
.wide-box .news-box .new h2 {
	margin-bottom: 32px;
}
.wide-box .news-box .new_lower {
	position: relative;
	padding: 40px;
	background: #FFF;
	border: 0;
	border-radius: 4px;
	z-index: 1;
}
.wide-box .news-box .new_lower::before {
	position: absolute;
	display: block;
	content: '';
	width: 97px;
	height: auto;
	aspect-ratio: 97 / 119;
	background: transparent url("img/atom_character-img02.svg") no-repeat center / contain;
	top: -92px;
	right: 18px;
	z-index: 0;
}
.wide-box .news-box .new_lower::after {
	position: absolute;
	display: block;
	content: '';
	width: 97px;
	height: 27px;
	background: #FFF;
	top: 0;
	right: 18px;
}
.wide-box .news-box .new_lower ul:not(.more) {
	gap: 24px;
}
.wide-box .news-box .new_lower ul:not(.more) li {
	max-width: 100%;
	width: 100%;
	padding: 0 0 0 24px;
	border: 0;
}
.wide-box .news-box .new_lower ul:not(.more) li::before {
	width: 16px;
	height: 16px;
	top: .45em;
	left: 0;
}
.wide-box .news-box .new_lower ul:not(.more) li::after {
	width: 8px;
	height: 6px;
	background: transparent url("img/atom_arrow2.svg") no-repeat center / cover;
	top: .75em;
	left: 3.5px;
	transition: .2s;
}
.wide-box .news-box .new ul li .new_lst {
	display: block;
}
.wide-box .news-box .new ul li .new_lst .list {
	gap: 4px 24px;
	max-width: unset;
	padding: 4px 4px 4px 0;
}
.wide-box .news-box .new ul li .date {
	max-width: unset;
	width: 9.4em;
	transition: .3s;
}
.wide-box .news-box .new ul li .new_lst a {
	flex: 1;
	max-width: calc(100% - (9.4em + 24px));
	min-width: 0;
	margin: 0;
	padding: 0;
}
.wide-box .news-box ul.more {
	gap: 24px;
	margin: 24px auto 0;
	padding: 0;
	justify-content: center;
}
.wide-box .news-box ul.more li {
	max-width: 300px;
	width: 100%;
	margin: 0;
	border: 1px solid #01487E;
	border-radius: 5px;
}
.wide-box .news-box ul.more li a {
	max-width: 300px;
	padding: 11px 36px;
	background: #EBEFF5;
	border: 0;
	border-radius: 4px;
	text-align: center;
	font-family: "UD新ゴ DB","UD Shin Go DemiBold";
}
.wide-box .news-box ul.more li a:hover {
	background: #FFF;
}
.wide-box .news-box ul.more li a::before {
	position: absolute;
	display: block;
	content: '';
	width: 24px;
	height: 24px;
	background: #E60019;
	border-radius: 50%;
	top: calc(50% - 12px);
	right: 12px;
}
.wide-box .news-box ul.more li a::after {
	position: absolute;
	display: block;
	content: '';
	width: 12px;
	height: 9px;
	background: transparent url("img/atom_arrow2.svg") no-repeat center / 12px 9px;
	top: calc(50% - 4.5px);
	right: 18px;
	transition: .2s;
}
	@media only screen and (max-width: 750px) {
		.main .zone03_in .wide-box .inner:not(:has(.news-box)) {
			padding-top: 48px;
			padding-bottom: 48px;
		}
		.wide-box .news-box .new h2 {
			margin-bottom: 35px;
		}
		.wide-box .news-box .new_lower {
			padding: 22px 16px;
		}
		.wide-box .news-box .new_lower::before {
			width: 72px;
			top: -61px;
			right: 10px;
		}
		.wide-box .news-box .new_lower ul:not(.more) {
			gap: 20px;
		}
		.wide-box .news-box .new ul li .new_lst .list {
			flex-flow: wrap;
			gap: 4px 8px;
		}
		.wide-box .news-box .new ul li .new_lst a {
			flex: unset;
			max-width: unset;
			min-width: unset;
			width: 100%;
		}
		.wide-box .news-box .new ul li .date {
			width: 100%;
			font-size: 88%;
		}
		.wide-box .news-box ul.more {
			margin-top: 26px;
		}
	}



/********************** 領域4個別のスタイル **********************/
.zone04 {
	padding: 88px 0 112px;
	background-color: #FFF;
	background: url("img/atom_zone04_bg-img02.svg") no-repeat top calc(80px + 192px) right -2em, url("img/atom_zone04_bg-img03.svg") no-repeat bottom left -5.5em;
	background-size: 218px 285px,662px 396px;
}
.zone04 .wide-box > .inner,
.zone04 .zone04_in:not(:has(.wide-box)) {
	position: relative;
}
.zone04 .wide-box > .inner::before,
.zone04 .zone04_in:not(:has(.wide-box))::before {
	position: absolute;
	display: block;
	content: '';
	width: 244px;
	height: auto;
	aspect-ratio: 244 / 247;
	background: transparent url("img/atom_zone04_bg-img01.svg") no-repeat center / contain;
	top: -4.35em;
	right: 4em;
}
.zone04:has(.wide-box) h2 {
	margin-bottom: 28px;
}
/**** 科学の話題 ****/
.wide-box .topics-box .ilist2_lower ul {
	gap: 24px;
}
.wide-box .topics-box .ilist2_lower li {
	max-width: calc((100% - (24px * 3)) / 4);
	width: 100%;
	padding: 0;
}
.wide-box .topics-box .ilist2_lower li::before {
	display: block;
	top: unset;
	left: unset;
	bottom: -8px;
	right: -8px;
}
.wide-box .topics-box .ilist2_lower li::after {
	display: block;
	top: unset;
	left: unset;
	bottom: 0;
	right: -2px;
	transition: .2s;
}
.wide-box .topics-box .ilist2_lower ul > li a {
	padding: 0;
}
.wide-box .topics-box .ilist2_lower ul > li a .ilist_in {
	gap: 0;
}
.wide-box .topics-box .ilist2_lower ul > li .ilist_left,
.wide-box .topics-box .ilist2_lower ul > li .ilist_right {
	max-width: unset;
	width: 100%;
}
.wide-box .topics-box .ilist2_lower ul > li img {
	border-radius: 4px 4px 0 0;
}
.wide-box .topics-box .ilist2_lower ul > li .ilist_right {
	margin: 0;
	padding: 16px 16px 24px;
	background: #FFF;
	border-top: 1px solid #818999;
	border-radius: 0 0 4px 4px;
	transition: .3s;
}
.wide-box .topics-box .ilist2_lower ul > li a:hover .ilist_right {
	background: #F7FAFF;
}
/**** 科学館の利用 ****/
.wide-box .use-box {
	margin-top: 86px;
}
.wide-box .use-box .ilist2 {
	margin-top: 0;
}
.wide-box .use-box .ilist2 h2 {
	margin-bottom: 34px;
}
.wide-box .use-box .ilist2_lower ul {
	gap: 24px;
}
.wide-box .use-box .ilist2_lower li {
	max-width: calc((100% - (24px * 2)) / 3);
	width: 100%;
}
.wide-box .use-box .ilist2_lower li a {
	padding: 14px 16px;
}
.wide-box .use-box .ilist2_lower ul > li .ilist_left {
	position: relative;
	max-width: 32px;
	top: 0;
	transition: .2s;
}
.wide-box .use-box .ilist2_lower ul > li a:hover .ilist_left {
	top: -2px;
}
.wide-box .use-box .ilist2_lower ul > li .ilist_right {
	max-width: calc(100% - (32px + 12px));
	text-align: left;
}
	@media only screen and (max-width: 890px) {
		.wide-box .topics-box .ilist2_lower ul {
			gap: 20px;
		}
		.wide-box .topics-box .ilist2_lower li {
			max-width: calc((100% - 21px) / 2);
		}
		.wide-box .topics-box .ilist2_lower ul > li .ilist_right {
			padding: 16px 10px 20px;
		}
	}
	@media only screen and (max-width: 750px) {
		.zone04 {
			background: url("img/atom_zone04_bg-img02.svg") no-repeat top 24em right -1.5em, url("img/atom_zone04_bg-img03.svg") no-repeat bottom 7em left -16em;
			background-size: 176px 230px,662px 396px;
		}
		.zone04 .wide-box > .inner::before,
		.zone04 .zone04_in:not(:has(.wide-box))::before {
			right: -2em;
		}
		.zone04:has(.wide-box) h2 {
			margin-bottom: 32px;
			padding-top: 23px;
		}
		.wide-box .topics-box .ilist2_lower li {
			max-width: calc((100% - 24px) / 2);
		}
		.wide-box .topics-box .ilist2_lower ul > li a {
			font-size: 88%;
		}
		.wide-box .topics-box .ilist2_lower ul > li .ilist_right {
			padding: 12px 10px 16px;
		}
		.wide-box .use-box h2 {
			margin-bottom: 34px;
			padding-top: 26px;
		}
		.wide-box .use-box .ilist2_lower ul {
			gap: 16px 12px;
		}
		.wide-box .use-box .ilist2_lower li {
			max-width: calc((100% - 12px) / 2);
		}
		.wide-box .use-box .ilist2_lower li a {
			align-content: center;
			height: 100%;
			padding: 16px 12px;
			font-size: 88%;
		}
		.wide-box .use-box .ilist2_lower ul > li .ilist_left {
			max-width: 20px;
		}
		.wide-box .use-box .ilist2_lower ul > li img {
			vertical-align: center;
		}
		.wide-box .use-box .ilist2_lower ul > li .ilist_right {
			max-width: calc(100% - (20px + 12px));
		}
	}
	@media only screen and (max-width: 390px) {
		.zone04 {
			padding: 80px 0 48px;
			background: url("img/atom_zone04_bg-img02.svg") no-repeat bottom 20em right -1.65em, url("img/atom_zone04_bg-img03.svg") no-repeat bottom .9em left -16em;
			background-size: 129px 169px,514px 307px;
		}
		.zone04 .wide-box > .inner::before,
		.zone04 .zone04_in:not(:has(.wide-box))::before {
			width: 145px;
			right: -19px;
		}
		.wide-box .use-box .ilist2_lower li a {
			padding: 14px 12px;
		}
	}