@charset "utf-8";

/* 足あとを非表示 */
#footstep_wrap {
	display: none !important;
}


/* ミニカレンダー */
#top_calendar_detail {
	width: 100%;
}
#top_calendar_detail ul {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
	width: 100%;
	display: table;
}
#top_calendar_detail ul li {
	display: table-cell;
	vertical-align: middle;
}
#top_calendar_detail ul li.calendar_index_last {
	width: 4em;
	text-align: left;
}
#top_calendar_detail ul li.calendar_index_next {
	width: 4em;
	text-align: right;
}
#top_calendar_detail ul li.calendar_index_now {
	text-align: center;
}

table#top_calendar_table {
	width: 100%;
	border: 1px solid;
	border-collapse: collapse;
}
table#top_calendar_table th {
	border: 1px solid;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px;
	font-size: 80%;
}
table#top_calendar_table td {
	border: 1px solid;
	text-align: center;
	padding: 10px 0px;
}
table#top_calendar_table td a {
	display: block;
}

.cal_sun {
	color: #990000;
	background-color: #ffdde6;
}
.cal_mon,.cal_tue,.cal_wed,.cal_thu,.cal_fri {
	background-color: #f5f5f5;
}
.cal_sat {
	color: #000099;
	background-color: #ccddff;
}
.cal_hol {
	background-color: #ffdde6;
}
.cal_today {
	background-color: #ffff80;
}

#top_event_today {
	margin-top: 30px;
}


/* さがすメニュー */
.top_search_menu_list {
	margin: 40px 0px 0px;
}
.top_search_menu_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 20px;
}
.top_search_menu_list ul li {
	width: 100%;
}
.top_search_menu_list ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid transparent;
	background: #e6e6e6;
	color: #333333;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8rem;
	text-decoration: none;
	text-align: center;
	padding: 20px 10px;
}
.top_search_menu_list ul li a:hover,
.top_search_menu_list ul li a:focus {
	text-decoration: underline;
}

/* リンク */
.top_linklist {
	margin: 40px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 20px;
}

.top_linklist_box {
	width: 100%;
	border: 2px solid;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.top_linklist_box h2 {
	background: #333333;
	color: #ffffff;
	font-size: 1.8rem;
	margin: 0px;
	padding: 15px 20px;
}
.top_linklist_box ul {
	margin: 0px;
	padding: 20px 20px 20px 40px;
}
.top_linklist_box ul li {
	margin-bottom: 10px;
}
.top_linklist_box ul li:last-child {
	margin-bottom: 0px;
}

/* 人口・世帯数 */
.top_jinkou {
	margin: 40px 0px 0px;
}
.top_jinkou h2 {
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 2rem;
}

.top_jinkou_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 10px 20px;
}
.top_jinkou_list dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 0px;
	padding: 0px;
}
.top_jinkou_list dl dt {
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
.top_jinkou_list dl dd {
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

/* 時計 */
.top_tokei {
	margin: 40px 0px 0px;
}
.top_tokei h2 {
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 2rem;
}

.top_tokei_img {
	width: 320px;
	height: 240px;
	position: relative;
}

#tokei_photo {
	width: 320px;
	height: 240px;
	position: relative;
	overflow: hidden;
}
#tokei_photo .clock-image{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	transition: opacity 1.0s ease-in-out;

}
#tokei_photo .clock-image.active{
	opacity: 1;
}

#tokei_time {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff,
		0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff,
		0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff, 0px 0px 3px #ffffff;
}

/* カウントダウン */
.count_down_box_wrap {
	margin: 40px 0px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 30px;
}
.count_down_box {
	width: calc(50% - 15px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #f6f6f6;
	padding: 20px;
}

.count_down_box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.count_down_box2 > span {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.count_down_box2 > span.count_img {
	width: 200px;
}
.count_down_box2 > span.count_img > span {
	display: block;
}
.count_down_box2 > span.count_img > span img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.count_down_box2 > span.count_txt {
	width: calc(100% - 220px);
}
.count_down_box2 > span.count_txt:only-child {
	width: 100%;
}
.count_down_box2 > span.count_txt > span {
	display: block;
}
.count_down_box2 > span.count_txt > span.count_comment {
	margin-top: 10px;
	font-size: 1.4rem;
}
.count_down_box2 > span.count_txt > span.count_day {
	margin-top: 10px;
	color: #cc0000;
	text-align: right;
}
.count_down_box2 > span.count_txt > span.count_day span {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	margin-left: 0.5em;
	margin-right: 0.25em;
}

/* バナー広告 */
ul.banner_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 20px;
}
ul.banner_list li {
	width: calc(25% - 15px);
}
ul.banner_list li img {
	width: 100%;
	height: auto;
	vertical-align: top;
}


/* ==================================================
スマートフォン
================================================== */
@media screen and (max-width: 1080px) {


	/* さがすメニュー */
	.top_search_menu_list ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 15px;
	}
	.top_search_menu_list ul li {
		width: 100%;
	}
	.top_search_menu_list ul li a {
		font-size: 1.6rem;
	}

	/* リンク */
	.top_linklist {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 15px;
	}
	.top_linklist_box {
		width: 100%;
	}

	.top_linklist_box h2 label[for*="acc_ttl_label"],
	.top_linklist_box h2.acc_title.accordion .accordion_icon {
		margin: -15px -20px; /* h2 の padding の値をマイナスにして指定する */
		padding: 15px 20px;  /* h2 の padding と同じ値を指定する */
		padding-right: 40px;
		background-position: right 20px top 50%;
		background-image: url("/img/sp/acc_open_white.png");
	}
	.top_linklist_box h2.acc_open label[for*="acc_ttl_label"],
	.top_linklist_box h2.acc_title.accordion.acc_open .accordion_icon {
		background-image: url("/img/sp/acc_close_white.png");
	}

	/* カウントダウン */
	.count_down_box_wrap {
		display: block;
	}
	.count_down_box {
		width: auto;
	}
	.count_down_box:nth-child(n+2) {
		margin-top: 15px;
	}

	.count_down_box2 > span.count_img {
		width: 120px;
	}
	.count_down_box2 > span.count_txt {
		width: calc(100% - 140px);
	}

	/* バナー広告 */
	ul.banner_list {
		gap: 10px;
	}
	ul.banner_list li {
		width: calc(50% - 5px);
		max-width: 200px;
	}

}
/* ==================================================
スマートフォン ここまで
================================================== */


.tpl_top_index #container {
	position: relative;
}
.tpl_top_index #mymainback {
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;
}
.tpl_top_index #main,
.tpl_top_index #main_a {
	width: auto;
	margin: 0px;
	padding: 0px;
}
#header_bg {
	position: absolute;
	top: 0px;
	left: 50%;
	right: 0px;
	z-index: 0;
	height: 780px;
	border-radius: 100px 0px 0px 100px;
	background: #ddeef5;
	pointer-events: none;
}
.tpl_top_index #header {
	background: transparent;
	z-index: 1000;
}
.tpl_top_index .top_sec_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 3.2rem;
	line-height: 1em;
	letter-spacing: 0.2em;
	text-align: center;
}
.tpl_top_index .top_sec_ttl_ja {
	display: block;
	margin-right: -0.2em;
}
.tpl_top_index .top_sec_ttl_en {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 18px;
	margin-top: 16px;
	line-height: 1;
}
.tpl_top_index .top_sec_ttl_en img {
	display: block;
	width: auto;
	height: auto;
}

#top_mv {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	width: var(--content-width, 1080px);
	margin: 40px auto 0px;
}
.tpl_top_index #top_photo_wrap {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 750px;
	        flex: 0 0 750px;
	width: 750px;
}
.tpl_top_index #top_photo {
	width: auto;
	margin: 0px;
}
.tpl_top_index #top_photo_list .photo a {
	display: block;
	color: #333333;
	text-decoration: none;
}
.tpl_top_index #top_photo_list .photo .photo_img {
	display: block;
	aspect-ratio: 750 / 500;
	overflow: hidden;
}
.tpl_top_index #top_photo_list .photo .photo_img img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.tpl_top_index #top_photo_list .photo span.photo_caption {
	display: block;
	margin: 20px 0px 0px;
	padding: 0px calc(90px + max(0px, 5rem - 50px)) 0px 0px;
	overflow: hidden;
	background: transparent;
	color: #333333;
	font-size: 1.6rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tpl_top_index #top_photo_list .photo span.photo_caption:empty {
	height: 1em;
}
.tpl_top_index #top_photo_list .photo a:hover span.photo_caption,
.tpl_top_index #top_photo_list .photo a:focus span.photo_caption {
	text-decoration: underline;
}
.tpl_top_index #top_photo_list :is(button.slide_control_prev, button.slide_control_next) {
	inset: auto;
	top: 235px;
	width: 30px;
	height: 30px;
	margin: 0px;
	border-radius: 50%;
	background: #695d51;
}
.tpl_top_index #top_photo_list button.slide_control_prev {
	left: 12px;
}
.tpl_top_index #top_photo_list button.slide_control_next {
	right: 25px;
}
.tpl_top_index #top_photo_list :is(button.slide_control_prev, button.slide_control_next)::before {
	width: 8px;
	height: 13px;
	margin: auto;
	background: url("/img/top/mv_icon_prev.png") no-repeat center center / contain transparent;
	-webkit-clip-path: none;
	        clip-path: none;
}
.tpl_top_index #top_photo_list button.slide_control_next::before {
	background-image: url("/img/top/mv_icon_next.png");
}
.tpl_top_index #top_photo_wrap button:hover,
.tpl_top_index #top_photo_wrap button:focus-visible,
.tpl_top_index #top_topics button:hover,
.tpl_top_index #top_topics button:focus-visible {
	opacity: 0.7;
}
.tpl_top_index #top_photo_wrap {
	overflow: visible;
}
.tpl_top_index #top_photo {
	position: relative;
}
.tpl_top_index #top_photo .slide_control_box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	gap: 10px;
	position: absolute;
	top: 520px;
	right: 2px;
	z-index: 2;
}
.tpl_top_index .slide_count {
	display: block;
	min-width: 40px;
	color: #333333;
	font-size: 2rem;
	line-height: 1em;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.tpl_top_index .slide_count_now {
	font-weight: bold;
}
.tpl_top_index #top_photo .slide_control_box2 button {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 30px;
	min-width: 0px;
	height: 30px;
	border-radius: 50%;
}
.tpl_top_index :is(#top_photo, #top_topics) .slide_control_box2 button.slide_control_stop {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #8c7c6c;
	background: url("/img/top/slide_icon_pause.png") no-repeat center center transparent;
}
.tpl_top_index :is(#top_photo, #top_topics) .slide_control_box2 button.slide_control_play {
	position: relative;
	border: none;
	background: #20486a;
}
.tpl_top_index :is(#top_photo, #top_topics) .slide_control_box2 button.slide_control_play::before {
	content: '';
	position: absolute;
	left: 10.5px;
	top: 8px;
	width: 12px;
	height: 14px;
	background: #ffffff;
	-webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	        clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.tpl_top_index :is(#top_photo, #top_topics) .slide_control_box2 button.slide_control_stop.is-active,
.tpl_top_index :is(#top_photo, #top_topics) .slide_control_box2 button.slide_control_stop:not(.is-active) + button.slide_control_play {
	display: none;
}
.tpl_top_index #top_photo_list .slide_pagination {
	display: none;
}

.tpl_top_index #top_banner_4_list {
	display: block;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 290px;
	        flex: 0 0 290px;
	width: 290px;
	gap: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tpl_top_index #top_banner_4_list > li {
	position: relative;
	width: auto;
	margin: 0px 0px 20px;
	padding: 0px;
	border-radius: 10px;
	overflow: hidden;
}
.tpl_top_index #top_banner_4_list > li:last-child {
	margin-bottom: 0px;
}
.tpl_top_index #top_banner_4_list a {
	display: block;
	color: #333333;
	text-decoration: none;
}
.tpl_top_index #top_banner_4_list img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 290 / 153;
	-o-object-fit: cover;
	   object-fit: cover;
}
.tpl_top_index .bnr4_label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	right: 15px;
	bottom: 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	min-width: 130px;
	min-height: 40px;
	padding: 5px 10px;
	border-radius: 20px;
	background: #ffffff;
	color: #333333;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.tpl_top_index #top_banner_4_list a:hover .bnr4_label,
.tpl_top_index #top_banner_4_list a:focus .bnr4_label {
	text-decoration: underline;
}
.tpl_top_index #top_banner_4_list a:hover img,
.tpl_top_index #top_banner_4_list a:focus img {
	opacity: 0.7;
}

#top_important {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: var(--content-width, 1080px);
	margin: 44px auto 0px;
	padding: 40px;
	border: 1px solid #cc0000;
	border-radius: 20px;
	background: #ffffff;
	position: relative;
	z-index: 1;
}
#top_important h2 {
	margin: 0px 0px 20px;
	padding: 0px;
	color: #cc0000;
	font-size: 2.4rem;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-align: center;
}
#top_important ul,
#main_box_emergency ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#top_important ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin: 0px 0px 20px;
}
#top_important ul li:last-child,
#main_box_emergency ul li:last-child {
	margin-bottom: 0px;
}
#top_important ul li > span.article_date {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 13.65em;
	margin-top: 0.2857em;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0em;
}
#top_important ul li > span.article_title {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	min-width: 0px;
	color: #cc0000;
	font-size: 1.8rem;
	line-height: 1em;
	letter-spacing: 0.05em;
}
#top_important ul li a {
	color: #cc0000;
	text-decoration: none;
}
#top_important ul li a:hover,
#top_important ul li a:focus {
	text-decoration: underline;
}
#top_important .link_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px 40.5px;
	margin: 20px 0px 0px;
	padding: 0px;
}
#top_important .link_box span[class*="link_"] {
	display: block;
}
#top_important .link_box span[class*="link_"] a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #cc0000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
	text-decoration: none;
}
#top_important .link_box span[class*="link_"] a::before {
	content: '';
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 6px;
	height: 9px;
	margin-right: 11px;
	background: url("/img/top/imp_icon_arrow.png") no-repeat center center transparent;
}
#top_important .link_box span.link_rss a::before {
	margin-right: 13.5px;
}
#top_important .link_box span[class*="link_"] a:hover,
#top_important .link_box span[class*="link_"] a:focus {
	text-decoration: underline;
}

#main_box_emergency {
	width: var(--content-width, 1080px);
	margin: 45px auto 0px;
}
#main_box_emergency .box_top_emer {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px;
	padding: 40px;
	border: 1px solid #c1007b;
	border-radius: 20px;
	background: #ffffff;
}
#main_box_emergency h2 {
	margin: 0px 0px 20px;
	padding: 0px;
	color: #c1007b;
	font-size: 2.4rem;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-align: center;
}
#main_box_emergency ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	position: relative;
	min-height: 24px;
	margin: 0px 0px 20px;
	padding-right: 34px;
}
#main_box_emergency ul li > span.emer_date {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 16.8571em;
	margin-top: 0.5em;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0em;
}
#main_box_emergency ul li > span.emer_title {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	min-width: 0px;
	margin-top: 3px;
	cursor: pointer;
}
#main_box_emergency ul li > span.emer_title > span {
	display: block;
	color: #333333;
	font-size: 1.8rem;
	line-height: 1em;
	letter-spacing: 0.05em;
}
#main_box_emergency ul li > span.emer_title > span .emer_rest {
	display: none;
}
#main_box_emergency ul li.emer_title_open > span.emer_title > span .emer_rest {
	display: inline;
}
#main_box_emergency ul li.emer_title_open > span.emer_title > span {
	line-height: 1.5em;
}
#main_box_emergency ul li:not(.emer_title_open) > span.emer_title > span:not(.emer_split) {
	max-height: 1em;
	overflow: hidden;
}
#main_box_emergency ul li > span.emer_title:hover > span,
#main_box_emergency ul li > span.emer_title:focus > span {
	text-decoration: underline;
}
#main_box_emergency ul li > span.emer_title::before,
#main_box_emergency ul li > span.emer_title::after {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
}
#main_box_emergency ul li > span.emer_title::before {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #c1007b;
}
#main_box_emergency ul li > span.emer_title::after {
	right: 6.5px;
	top: 9px;
	width: 11px;
	height: 8px;
	background: #ffffff;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	        clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
#main_box_emergency ul li.emer_title_open > span.emer_title::after {
	top: 7px;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
#main_box_emergency .btn_emer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin: 20px 0px 0px;
	padding: 0px;
	line-height: 1;
	text-align: right;
}
#main_box_emergency .btn_emer #emer_mail_open_all {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	background: transparent;
	color: #333333;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0em;
}
#main_box_emergency .btn_emer #emer_mail_open_all::before {
	content: '';
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 7px;
	height: 10px;
	margin-right: 13px;
	background: url("/img/common/icon_arrow_btn.png") no-repeat center center transparent;
}
#main_box_emergency .btn_emer #emer_mail_open_all:hover,
#main_box_emergency .btn_emer #emer_mail_open_all:focus {
	text-decoration: underline;
}

#top_search_wrap {
	position: relative;
	margin: 155px 0px 0px;
	padding: 0px 0px 60px;
}
#top_important ~ #top_search_wrap,
#main_box_emergency[style*="block"] ~ #top_search_wrap {
	margin-top: 151px;
}
#top_search_wrap::before {
	content: '';
	position: absolute;
	top: -51px;
	left: 0px;
	z-index: 0;
	width: 50%;
	height: 700px;
	border-radius: 0px 100px 0px 0px;
	background: #fdf9cc;
}
#top_search_bg {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 0;
	height: 796px;
	background: #ddeef5;
}
#top_search_area {
	position: relative;
	z-index: 1;
	width: var(--content-width, 1080px);
	margin: 0px auto;
}
#top_search_area:has(> dialog:modal) {
	min-height: var(--top-search-h, 0px);
}
#top_search_area dialog#menu2:modal {
	width: 100%;
	max-width: 100%;
}
#top_search_area dialog#menu2:not(:modal) {
	display: block;
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	background: transparent;
}
#top_search_area dialog#menu2:not(:modal) .menu_inner {
	width: auto;
	padding: 0px;
}
#top_search_area dialog#menu2:not(:modal) .m2_howto {
	display: none;
}
#top_search_area dialog#menu2:not(:modal) .m2_lifestage {
	margin-bottom: 0px;
}
.tpl_top_index #top_banner_6_list {
	display: -ms-grid;
	display: grid;
	gap: 18px 19px;
}
.tpl_top_index #top_banner_6_list > li {
	width: auto;
	max-width: none;
}

#top_tab_wrap {
	position: relative;
	z-index: 2;
	width: var(--content-width, 1080px);
	margin: 79px auto 0px;
}
#top_tab_title {
	margin: 40px 0px 0px;
}
#top_tab_title ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#top_tab_title ul li {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0px;
	min-width: 0px;
}
#top_tab_title ul li button {
	display: block;
	width: 100%;
	min-height: 60px;
	margin: 0px;
	padding: 5px 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: none;
	border-radius: 30px;
	background: #e8f4f8;
	color: rgba(51, 51, 51, 0.7);
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
	text-align: center;
}
#top_tab_title ul li.tab_on button {
	background: #8dc7de;
	color: #333333;
}
#top_tab_title ul li button:hover,
#top_tab_title ul li button:focus-visible {
	text-decoration: underline;
}
#top_tab_detail {
	margin: 20px 0px 0px;
	padding: 0px;
	border: none;
}
.tpl_top_index .top_tab_detail_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tpl_top_index .top_tab_detail_list ul li {
	display: block;
	margin: 0px;
	padding: 20px 40px;
	border-radius: 10px;
}
.tpl_top_index .top_tab_detail_list ul li:nth-child(even) {
	background: #f6f6f6;
}
.tpl_top_index .top_tab_detail_list ul li > span {
	display: block;
}
.tpl_top_index .top_tab_detail_list ul li > span.article_date {
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0em;
}
.tpl_top_index .top_tab_detail_list ul li > span.article_title {
	margin: calc(15px - 0.25em) 0px -0.25em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}
.tpl_top_index .top_tab_detail_list ul li a {
	color: #333333;
	text-decoration: none;
}
.tpl_top_index .top_tab_detail_list ul li a:hover,
.tpl_top_index .top_tab_detail_list ul li a:focus {
	text-decoration: underline;
}
.tpl_top_index .top_tab_detail_list img.icon_new {
	margin-left: 0.5em;
	vertical-align: middle;
}
.tpl_top_index .top_tab_detail_box p.no_data {
	margin: 0px;
	padding: 20px 40px;
}
.tpl_top_index .top_tab_detail_box .link_box,
.tpl_top_index #top_machiphoto .link_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0px 0px;
	padding: 0px;
}
.tpl_top_index .top_tab_detail_box .link_box span[class*="link_"],
.tpl_top_index #top_machiphoto .link_box span[class*="link_"] {
	display: block;
	width: auto;
}
.tpl_top_index .top_tab_detail_box .link_box span[class*="link_"] a,
.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	min-width: 198px;
	min-height: 45px;
	margin: 0px;
	padding: 5px 16px 5px 20.5px;
	border: none;
	border-radius: 22.5px;
	background: #ffd84d;
	color: #333333;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	text-align: left;
	text-decoration: none;
}
.tpl_top_index .top_tab_detail_box .link_box span.link_rss a,
.tpl_top_index #top_machiphoto .link_box span.link_rss a {
	background: #8dc7de;
}
.tpl_top_index .top_tab_detail_box .link_box span[class*="link_"] a::after,
.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a::after {
	content: '';
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 7px;
	height: 10px;
	margin-left: 10px;
	background: url("/img/common/icon_arrow_btn.png") no-repeat center center transparent;
}
.tpl_top_index .top_tab_detail_box .link_box span[class*="link_"] a:hover,
.tpl_top_index .top_tab_detail_box .link_box span[class*="link_"] a:focus,
.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a:hover,
.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a:focus {
	opacity: 0.7;
}

#top_about {
	position: relative;
	z-index: 1;
	margin: -237px 0px 0px;
	padding: 525px 0px 122px;
	overflow: hidden;
}
#top_about::before {
	content: '';
	position: absolute;
	top: 908px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -2;
	background: linear-gradient(#c2e3f0 0%, #fdf8bc 99%);
}
#top_about::after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: -1;
	width: 100%;
	height: 69px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 69' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0 L50 6 L100 12 L150 17 L200 22 L250 26 L300 30 L350 35 L400 38 L450 42 L500 45 L550 48 L600 51 L650 54 L700 56 L750 58 L800 59 L850 61 L900 62 L950 62 L1000 62 L1050 62 L1100 62 L1150 61 L1200 59 L1250 58 L1300 56 L1350 54 L1400 51 L1450 48 L1500 45 L1550 42 L1600 38 L1650 34 L1700 30 L1750 26 L1800 21 L1850 17 L1900 12 L1950 6 L2000 0V69H0Z'/%3E%3C/svg%3E") no-repeat left top / 100% 100%;
}
#top_about .about_photo {
	position: absolute;
	top: 318px;
	left: 50%;
	z-index: -1;
	width: max(100%, 2000px);
	height: 600px;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	background: url("/img/top/about_photo.jpg") no-repeat center center / cover #8dc7de;
}
#top_about .about_photo::before {
	content: '';
	position: absolute;
	top: -0.5px;
	left: 50%;
	width: min(100%, 100vw);
	height: 72.5px;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 72.5' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H2000L2000 10L1950 15L1900 21L1850 26L1800 31L1750 35L1700 39L1650 43L1600 47L1550 51L1500 54L1450 57L1400 60L1350 63L1300 65L1250 67L1200 68L1150 70L1100 71L1050 71L1000 72L950 71L900 71L850 70L800 69L750 67L700 65L650 63L600 60L550 57L500 54L450 51L400 47L350 44L300 40L250 35L200 31L150 26L100 21L50 15L0 10Z'/%3E%3C/svg%3E") no-repeat left top / 100% 100%;
}
#top_about .top_sec_ttl {
	margin-bottom: 118px;
	padding-left: 4px;
}
#top_about .top_sec_ttl_en {
	margin-left: 6px;
}
.tpl_top_index .about_box {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: var(--content-width, 1080px);
	margin: 0px auto;
	border-radius: 20px;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 9px rgba(207, 207, 207, 0.38);
	        box-shadow: 0px 0px 9px rgba(207, 207, 207, 0.38);
}
.tpl_top_index .about_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 2.4rem;
	line-height: 1em;
	letter-spacing: 0.1em;
}
.tpl_top_index .about_ttl::before {
	content: '';
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin-right: 20px;
	background: no-repeat center center / contain transparent;
}
#top_machiphoto {
	padding: 40px 60px 53.4px;
}
.tpl_top_index .about_ttl_machiphoto {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	min-height: 25.6px;
}
.tpl_top_index .about_ttl_machiphoto::before {
	width: 35px;
	height: 25px;
	margin-top: 0.6px;
	background-image: url("/img/top/ttl_icon_machiphoto.png");
}
#top_machiphoto #lettering {
	margin: 34px 0px 0px;
}
#top_machiphoto .lettering_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 55px;
	width: auto;
	margin: 0px;
}
#top_machiphoto .lettering_box > div.lettering_box_img {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 500px;
	        flex: 0 0 500px;
	width: 500px;
	padding: 0px;
}
#top_machiphoto .lettering_box > div.lettering_box_img > div {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 500 / 333;
	overflow: hidden;
	border-radius: 10px;
	background: transparent;
}
#top_machiphoto .lettering_box > div.lettering_box_img > div a {
	display: block;
	width: 100%;
	height: 100%;
}
#top_machiphoto .lettering_box > div.lettering_box_img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	-o-object-fit: contain;
	   object-fit: contain;
}
#top_machiphoto .lettering_box > div.lettering_box_img > div a:hover img,
#top_machiphoto .lettering_box > div.lettering_box_img > div a:focus img {
	opacity: 0.7;
}
#top_machiphoto .lettering_box > div.lettering_box_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 412.3px;
	        flex: 0 0 412.3px;
	width: 412.3px;
	margin-right: -7.3px;
	padding-bottom: calc(25px + max(44px, 10px + 2.1rem));
}
#top_machiphoto .lettering_box > div.lettering_box_text > div {
	margin: 0px;
}
#top_machiphoto .lettering_box_text .article_date {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0em;
	text-align: right;
}
#top_machiphoto .lettering_box > div.lettering_box_text > div.article_title {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	margin-top: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5556em;
	letter-spacing: 0.05em;
}
#top_machiphoto .article_title a {
	color: #333333;
	text-decoration: none;
}
#top_machiphoto .article_title a:hover,
#top_machiphoto .article_title a:focus {
	text-decoration: underline;
}
#top_machiphoto .lettering_box > div.lettering_box_text > div.lettering_detail {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
	display: -webkit-box;
	margin-top: 20px;
	overflow: hidden;
	font-size: 1.4rem;
	line-height: 2em;
	letter-spacing: 0.05em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.tpl_top_index #top_machiphoto .link_box {
	position: absolute;
	right: 52.7px;
	bottom: 58.4px;
	gap: 21px;
	margin: 0px;
}
.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	min-width: 0px;
	min-height: 44px;
	padding: 5px 20px;
	border-radius: 22px;
}
.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a::after {
	margin-left: 25px;
}

#top_koho {
	margin-top: 26px;
	padding: 40px 60px 56px;
}
.tpl_top_index .about_ttl_koho::before {
	width: 35px;
	height: 28px;
	background-image: url("/img/top/ttl_icon_koho.png");
}
.tpl_top_index .top_bnr5 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	margin: 35px 0px 0px;
	padding: 0px;
	list-style: none;
}
.tpl_top_index .top_bnr5 > li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 225px;
	        flex: 0 1 225px;
	width: auto;
	min-width: 0px;
	margin: 0px;
}
.tpl_top_index .top_bnr5 > li > a,
.tpl_top_index .top_bnr5 > li > .bnr5_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 100%;
	min-height: 231px;
	padding: 30px 10px 20px;
	border: 1px solid #dddddd;
	border-radius: 10px;
	background: #ffffff;
	color: #333333;
	text-align: center;
	text-decoration: none;
}
.tpl_top_index .bnr5_img {
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 185px;
	max-width: 100%;
	height: 104px;
	background-color: #f6f6f6;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tpl_top_index .bnr5_ttl {
	display: block;
	margin-top: 16px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.tpl_top_index .bnr5_txt {
	display: block;
	margin-top: 16px;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.tpl_top_index .top_bnr5 > li > a:hover .bnr5_ttl,
.tpl_top_index .top_bnr5 > li > a:focus .bnr5_ttl {
	text-decoration: underline;
}
.tpl_top_index .top_bnr5 > li > a:hover .bnr5_img,
.tpl_top_index .top_bnr5 > li > a:focus .bnr5_img {
	opacity: 0.7;
}

#top_shisei {
	margin-top: 30px;
	padding: 40px 60px 40px;
}
.tpl_top_index .about_ttl_shisei {
	min-height: 40px;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.tpl_top_index .about_ttl_shisei::before {
	width: 26px;
	height: 30px;
	margin-top: -3px;
	margin-bottom: -3px;
	background-image: url("/img/common/s2_ttl_kurashi.png");
}
.tpl_top_index .about_ttl_shisei {
	padding-top: 3px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.tpl_top_index .shisei_bnr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	margin: 30px 0px 0px;
	padding: 0px;
	list-style: none;
}
.tpl_top_index .shisei_bnr > li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 465px;
	        flex: 0 1 465px;
	min-width: 0px;
	margin: 0px;
}
.tpl_top_index .shisei_bnr a {
	display: block;
	position: relative;
	color: #333333;
	text-decoration: none;
}
.tpl_top_index .shisei_bnr img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 4.8rem;
	-o-object-fit: cover;
	   object-fit: cover;
}
.tpl_top_index .shisei_bnr_txt {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em;
	white-space: normal;
}
.tpl_top_index .shisei_mayor .shisei_bnr_txt {
	left: 53.91%;
	max-width: calc(88.32% - 53.91%);   
}
.tpl_top_index .shisei_gikai .shisei_bnr_txt {
	left: 55.1%;
	max-width: calc(89.4% - 55.1%);   
	color: #ffffff;
}
@supports (paint-order: stroke) and (-webkit-text-stroke: 1px #000000) {
	.tpl_top_index .shisei_bnr_txt {
		paint-order: stroke fill;
		-webkit-text-stroke: 0.16em #ffffff;
	}
	.tpl_top_index .shisei_gikai .shisei_bnr_txt {
		-webkit-text-stroke-color: #333333;
	}
}

.tpl_top_index .shisei_gikai a {
	background-color: #333333;
	-webkit-transition: background-color 0s 0.5s;
	-o-transition: background-color 0s 0.5s;
	transition: background-color 0s 0.5s;
}
.tpl_top_index .shisei_gikai a:hover,
.tpl_top_index .shisei_gikai a:focus {
	background-color: #ffffff;
	-webkit-transition: background-color 0s 0s;
	-o-transition: background-color 0s 0s;
	transition: background-color 0s 0s;
}
.tpl_top_index .shisei_bnr a::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: url("/img/top/shisei_arrow.png") no-repeat center center / contain transparent;
}
.tpl_top_index .shisei_mayor a::after {
	left: 88.32%;
}
.tpl_top_index .shisei_gikai a::after {
	left: 89.4%;
}
.tpl_top_index .shisei_bnr a:hover .shisei_bnr_txt,
.tpl_top_index .shisei_bnr a:focus .shisei_bnr_txt {
	text-decoration: underline;
}
.tpl_top_index .shisei_bnr a:hover img,
.tpl_top_index .shisei_bnr a:focus img {
	opacity: 0.7;
}
.tpl_top_index .shisei_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	margin: 30px 0px 0px;
	padding: 0px;
	list-style: none;
}
.tpl_top_index .shisei_link > li {
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 225px;
	        flex: 0 1 225px;
	min-width: 0px;
	margin: 0px;
}
.tpl_top_index .shisei_link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 100%;
	min-height: 78px;
	padding: 5px 10px 5px 20px;
	border: 1px solid #dddddd;
	border-radius: 10px;
	background: #ffffff;
	color: #333333;
	font-size: 1.6rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	text-decoration: none;
}
.tpl_top_index .shisei_link a::before {
	content: '';
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	height: 36px;
	margin-right: 20px;
	background: no-repeat center center / contain transparent;
}
.tpl_top_index .shisei_profile a::before {
	width: 32px;
	background-image: url("/img/top/shisei_icon_profile.png");
}
.tpl_top_index .shisei_cityhall a::before {
	width: 32px;
	height: 33px;
	background-image: url("/img/top/shisei_icon_cityhall.png");
}
.tpl_top_index .shisei_facility a::before {
	width: 36px;
	height: 33px;
	background-image: url("/img/top/shisei_icon_facility.png");
}
.tpl_top_index .shisei_comment a::before {
	width: 22px;
	height: 33px;
	background-image: url("/img/top/shisei_icon_comment.png");
}
.tpl_top_index .shisei_link a:hover,
.tpl_top_index .shisei_link a:focus {
	text-decoration: underline;
}

#top_topics {
	position: relative;
	width: 1277px;
	max-width: 100%;
	margin: 81px auto 113px;
}
.tpl_top_index .top_topics_ttl {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 2.4rem;
	line-height: 1em;
	letter-spacing: 0.05em;
	text-align: center;
}
.tpl_top_index .top_topics_ctg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 40px auto 0px;
	padding: 15px 60px;
	border-radius: 22px;
	background: #e8f4f8;
	list-style: none;
}
.tpl_top_index .top_topics_ctg > li {
	margin: 0px;
	padding: 0px 25px;
	border-right: 1px solid #cccccc;
	font-size: 1.4rem;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.tpl_top_index .top_topics_ctg > li:first-child {
	padding-left: 0px;
}
.tpl_top_index .top_topics_ctg > li:last-child {
	padding-right: 0px;
	border-right: none;
}
.tpl_top_index .top_topics_ctg a {
	color: #333333;
	text-decoration: none;
}
.tpl_top_index .top_topics_ctg a:hover,
.tpl_top_index .top_topics_ctg a:focus {
	text-decoration: underline;
}
.tpl_top_index .top_topics_slide {
	position: relative;
	margin: 40px 0px 0px;
}
.tpl_top_index .top_topics_slide .swiper {
	--tp-shift: 50;
	--tp-scale: 0.6667;
	height: 300px;
}
.tpl_top_index .top_topics_slide .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	gap: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tpl_top_index .top_topics_slide .swiper-slide {
	width: 245px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 245px;
	height: 300px;
	margin: 0px;
}
.tpl_top_index .tp_inner {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 300px;
	height: 300px;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 9px rgba(207, 207, 207, 0.38);
	        box-shadow: 0px 0px 9px rgba(207, 207, 207, 0.38);
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}
.tpl_top_index .top_topics_slide .swiper:not(.swiper-initialized) .tp_inner {
	-webkit-transform: scale(0.6667);
	        transform: scale(0.6667);
}
.tpl_top_index .tp_inner a {
	display: block;
}
.tpl_top_index .tp_inner img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
.tpl_top_index .tp_inner a:hover img,
.tpl_top_index .tp_inner a:focus img {
	opacity: 0.7;
}
.tpl_top_index .top_topics_slide :is(button.slide_control_prev, button.slide_control_next) {
	position: absolute;
	top: 140px;
	z-index: 5;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-radius: 50%;
	background: url("/img/top/tp_btn_prev.png") no-repeat center center / contain transparent;
}
.tpl_top_index .top_topics_slide button.slide_control_prev {
	left: calc(50% - 187.5px);
}
.tpl_top_index .top_topics_slide button.slide_control_next {
	left: calc(50% + 157.5px);
	background-image: url("/img/top/tp_btn_next.png");
}
.tpl_top_index .top_topics_slide .slide_control_box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 17px;
	position: absolute;
	top: 316px;
	left: calc(50% - 24.5px);
	z-index: 5;
}
.tpl_top_index .top_topics_slide .slide_count {
	color: #153d5d;
}
.tpl_top_index .top_topics_slide .slide_control_box2 button {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	border-radius: 50%;
}

#top_ad {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 41px;
	width: 882px;
	max-width: 100%;
	min-height: 70px;
	margin: 0px auto 70px;
}
.tpl_top_index .top_ad_head {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 15.1rem;
	        flex: 0 0 15.1rem;
	min-width: 0px;
}
.tpl_top_index .top_ad_ttl {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 2rem;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.tpl_top_index .top_ad_about {
	margin: 26px 0px 0px;
	font-size: 1.6rem;
	line-height: 1em;
	letter-spacing: 0.05em;
}
.tpl_top_index .top_ad_about a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #333333;
	text-decoration: none;
	white-space: nowrap;
}
.tpl_top_index .top_ad_about a::before {
	content: '';
	display: block;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: 6px;
	height: 9px;
	margin-right: 12px;
	background: url("/img/common/mn_icon_arrow.png") no-repeat center center / contain transparent;
}
.tpl_top_index .top_ad_about a:hover,
.tpl_top_index .top_ad_about a:focus {
	text-decoration: underline;
}
.tpl_top_index .top_bnr1 {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0px;
	min-width: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 20px 30px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tpl_top_index .top_bnr1 > li {
	width: 210px;
	margin: 0px;
}
.tpl_top_index .top_bnr1 img {
	display: block;
	width: 100%;
	height: auto;
}
.tpl_top_index .top_bnr1 a:hover img,
.tpl_top_index .top_bnr1 a:focus img {
	opacity: 0.7;
}

.tpl_top_index :is(#top_banner_1_list, #top_banner_3_list, #top_banner_4_list, #top_banner_5_list) > li {
	max-width: none;
}

.tpl_top_index :is(#top_banner_4_list, .top_bnr5, .top_bnr1) > li[style*="background-color"] {
	padding: 10px;
}
.tpl_top_index .tp_inner[style*="background-color"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media screen and (max-width: 1080px) {

	#header_bg {
		display: none;
	}
	.tpl_top_index #header {
		z-index: 1000;
	}

	#top_mv {
		display: block;
		width: auto;
		margin: 0px;
	}
	#top_mv::before {
		content: '';
		position: absolute;
		right: 0px;
		bottom: -29px;
		z-index: -1;
		width: 80%;
		height: 234px;
		border-radius: 50px 0px 0px 50px;
		background: #ddeef5;
	}
	.tpl_top_index #top_photo_wrap {
		width: auto;
	}
	.tpl_top_index #top_photo {
		width: auto;
		margin: 0px;
	}

	.tpl_top_index #top_photo_list .photo span.photo_caption {
		margin-top: 10px;
		padding: 0px calc(70px + max(0px, 4rem - 40px)) 0px 10px;
		white-space: normal;
		font-size: 1.4rem;
		line-height: 1.1429em;
	}
	.tpl_top_index #top_photo_list :is(button.slide_control_prev, button.slide_control_next) {
		top: calc(66.667vw * 0.5 - 3px);
		width: 24px;
		height: 24px;
	}
	.tpl_top_index #top_photo_list button.slide_control_prev {
		left: 11px;
	}
	.tpl_top_index #top_photo_list button.slide_control_next {
		right: 10px;
	}
	.tpl_top_index #top_photo_list :is(button.slide_control_prev, button.slide_control_next)::before {
		width: 6px;
		height: 11px;
	}
	.tpl_top_index #top_photo .slide_control_box2 {
		top: calc(66.667vw + 6px);
		right: 12px;
		gap: 5px;
	}
	.tpl_top_index #top_photo .slide_count,
	.tpl_top_index .top_topics_slide .slide_count {
		min-width: 0px;
		font-size: 1.6rem;
		line-height: 1.25em;
		letter-spacing: 0em;
	}
	.tpl_top_index #top_photo .slide_control_box2 button,
	.tpl_top_index .top_topics_slide .slide_control_box2 button {
		width: 24px;
		height: 24px;
	}
	.tpl_top_index :is(#top_photo, #top_topics) .slide_control_box2 button.slide_control_stop {
		background-size: 7px 12px;
	}
	.tpl_top_index :is(#top_photo, #top_topics) .slide_control_box2 button.slide_control_play::before {
		left: 8.5px;
		top: 6.5px;
		width: 9.6px;
		height: 11px;
	}
	.tpl_top_index #top_banner_4_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 12.5px;
		width: auto;
		margin: 21px 11px 0px 9px;
	}
	.tpl_top_index #top_banner_4_list > li {
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 0px;
		        flex: 1 1 0px;
		min-width: 0px;
		margin: 0px;
		overflow: visible;
		border-radius: 0px;
	}
	.tpl_top_index #top_banner_4_list img {
		aspect-ratio: 110 / 63;
		border-radius: 5px;
	}
	.tpl_top_index .bnr4_label {
		display: block;
		position: static;
		min-width: 0px;
		min-height: 0px;
		margin-top: 8px;
		padding: 0px;
		background: transparent;
		font-size: 1.4rem;
		line-height: 1em;
		text-align: center;
	}

	#top_important,
	#main_box_emergency {
		width: auto;
		margin: 38px 20px 0px;
	}
	#main_box_emergency {
		margin-top: 20px;
	}
	#top_important,
	#main_box_emergency .box_top_emer {
		padding: 30px 20px;
		border-radius: 10px;
	}
	#top_important h2,
	#main_box_emergency h2 {
		font-size: 2rem;
	}
	#top_important ul li,
	#main_box_emergency ul li {
		display: block;
	}
	#top_important ul li > span.article_date,
	#main_box_emergency ul li > span.emer_date {
		display: block;
		width: auto;
		margin: 0px;
		font-size: 1.2rem;
	}
	#main_box_emergency ul li > span.emer_date {
		word-break: keep-all;
	}
	#top_important ul li > span.article_title {
		display: block;
		margin-top: 10px;
		font-size: 1.6rem;
	}
	#top_important .link_box {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 10px 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	#top_important .link_box span[class*="link_"] a {
		font-size: 1.2rem;
		letter-spacing: 0em;
	}
	#top_important .link_box span[class*="link_"] a::before,
	#top_important .link_box span.link_rss a::before {
		margin-right: 8px;
	}
	#main_box_emergency ul li {
		padding-right: 24px;
	}
	#main_box_emergency ul li > span.emer_title {
		display: block;
		margin-top: 10px;
	}
	#main_box_emergency ul li > span.emer_title > span {
		font-size: 1.6rem;
	}
	#main_box_emergency ul li:not(.emer_title_open) > span.emer_title > span:not(.emer_split) {
		max-height: 2em;
	}
	#main_box_emergency ul li > span.emer_title::before {
		top: 15px;
	}
	#main_box_emergency ul li > span.emer_title::after {
		top: 24px;
	}
	#main_box_emergency ul li.emer_title_open > span.emer_title::after {
		top: 22px;
	}
	#main_box_emergency .btn_emer #emer_mail_open_all {
		font-size: 1.2rem;
	}

	#top_search_wrap {
		margin-top: 79px;
		padding-bottom: 20px;
	}
	#top_important ~ #top_search_wrap,
	#main_box_emergency[style*="block"] ~ #top_search_wrap {
		margin-top: 40px;
	}
	#top_search_wrap::before {
		top: -30px;
		width: 80%;
		height: 234px;
		border-radius: 0px 50px 0px 0px;
		background: #fff9b8;
	}
	#top_search_bg {
		height: 665px;
	}
	#top_search_area {
		width: auto;
	}
	#top_search_area dialog#menu2:not(:modal) .menu_inner {
		padding: 0px 10px;
	}

	.tpl_top_index #top_banner_6_list {
		gap: 10px 10px;
	}

	#top_tab_wrap {
		width: auto;
		margin: 40px 0px 0px;
		padding: 0px 10px;
	}
	.tpl_top_index .top_sec_ttl {
		font-size: 2rem;
	}
	.tpl_top_index .top_sec_ttl_en {
		height: 10px;
		margin-top: 5px;
	}
	.tpl_top_index .top_sec_ttl_en img {
		height: 7.8px;
	}
	#top_tab_title {
		margin-top: 20px;
	}
	#top_tab_title ul {
		gap: 5px;
	}
	#top_tab_title ul li button {
		min-height: 40px;
		padding: 5px 10px;
		font-size: 1.4rem;
		line-height: 1.2857em;
		letter-spacing: 0.0643em;
	}
	#top_tab_detail {
		margin-top: 10px;
	}
	.tpl_top_index #top_tab_detail .acc_title.accordion + * {
		display: block;
	}
	.tpl_top_index .top_tab_detail_list ul li {
		padding: 10px 20px;
	}
	.tpl_top_index .top_tab_detail_list ul li > span.article_date {
		font-size: 1rem;
	}
	.tpl_top_index .top_tab_detail_list ul li > span.article_title {
		margin: 5px 0px 0px;
		font-size: 1.6rem;
		line-height: 1.5em;
		letter-spacing: 0em;
	}
	.tpl_top_index .top_tab_detail_box p.no_data {
		padding: 10px 20px;
	}
	.tpl_top_index .top_tab_detail_box .link_box {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-top: 10px;
	}
	.tpl_top_index .top_tab_detail_box .link_box span[class*="link_"] a {
		min-width: 160px;
		min-height: 40px;
		padding: 5px 14px 5px 19.5px;
		border-radius: 20px;
		font-size: 1rem;
		letter-spacing: 0.07em;
	}

	#top_about {
		margin-top: 40px;
		padding: 71px 10px 41px;
	}
	#top_about::before {
		top: calc(55.467vw);
	}
	#top_about::after {
		left: 0px;
		width: 100%;
		height: 29.4px;
		-webkit-transform: none;
		        transform: none;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 29.4' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0.4 L25 5.4 L50 9.4 L75 12.4 L100 15.4 L125 17.4 L150 19.4 L175 19.4 L200 19.4 L225 18.4 L250 17.4 L275 15.4 L300 12.4 L325 8.4 L350 4.4 L375 0.4V29.4H0Z'/%3E%3C/svg%3E");
	}
	#top_about .about_photo {
		top: 0px;
		left: 0px;
		width: 100%;
		height: calc(55.467vw);
		-webkit-transform: none;
		        transform: none;
		background-image: url("/img/top/about_photo_sp.jpg");
	}
	#top_about .about_photo::before {
		top: 0px;
		height: 20px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 20' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 0H375L375 0L350 5L325 8L300 12L275 15L250 17L225 19L200 20L175 20L150 19L125 17L100 15L75 12L50 9L25 5L0 0Z'/%3E%3C/svg%3E");
	}
	#top_about .top_sec_ttl {
		margin-bottom: 20px;
		text-shadow: 0px 2px 0px #ffffff, 2px 0px 0px #ffffff, 0px -2px 0px #ffffff, -2px 0px 0px #ffffff,
			1.4px 1.4px 0px #ffffff, 1.4px -1.4px 0px #ffffff, -1.4px 1.4px 0px #ffffff, -1.4px -1.4px 0px #ffffff;
	}
	#top_about .top_sec_ttl_en {
		margin-top: 10px;
	}
	#top_about .top_sec_ttl_en img {
		height: 7.2px;
		-webkit-filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
		        filter: drop-shadow(0px 0px 1px #ffffff) drop-shadow(0px 0px 1px #ffffff);
	}
	.tpl_top_index .about_box {
		width: auto;
		border-radius: 10px;
	}
	.tpl_top_index .about_ttl {
		font-size: 1.8rem;
	}
	#top_machiphoto {
		padding: 20px 10px 23px;
	}
	.tpl_top_index .about_ttl_machiphoto {
		min-height: 18px;
	}
	.tpl_top_index .about_ttl_machiphoto::before {
		width: 21px;
		height: 15px;
		margin: 1.5px 10px 0px 0px;
	}
	#top_machiphoto #lettering {
		margin-top: 10px;
	}
	#top_machiphoto .lettering_box {
		display: block;
	}
	#top_machiphoto .lettering_box > div.lettering_box_img {
		width: auto;
	}
	#top_machiphoto .lettering_box > div.lettering_box_text {
		width: auto;
		margin-right: 0px;
		padding-bottom: 0px;
	}
	#top_machiphoto .lettering_box > div.lettering_box_text > div.article_date {
		margin-top: 10px;
		font-size: 1rem;
	}
	#top_machiphoto .lettering_box > div.lettering_box_text > div.article_title {
		margin-top: 10px;
		font-size: 1.6rem;
		line-height: 1.5em;
	}
	#top_machiphoto .lettering_box > div.lettering_box_text > div.lettering_detail {
		display: none;
	}
	.tpl_top_index #top_machiphoto .link_box {
		position: static;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 10px;
		margin-top: 13px;
	}
	.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a {
		min-height: 40px;
		padding: 5px 19px;
		font-size: 1rem;
	}
	.tpl_top_index #top_machiphoto .link_box span[class*="link_"] a::after {
		margin-left: 20px;
	}
	#top_koho {
		margin-top: 20px;
		padding: 20px 10px 20px;
	}
	.tpl_top_index .about_ttl_koho::before {
		width: 20px;
		height: 16px;
	}
	.tpl_top_index .top_bnr5 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 10px 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		margin-top: 20px;
	}
	.tpl_top_index .top_bnr5 > li > a,
	.tpl_top_index .top_bnr5 > li > .bnr5_box {
		min-height: 170px;
		padding: 20px 5px 15px;
	}
	.tpl_top_index .bnr5_img {
		width: 151px;
		height: auto;
		aspect-ratio: 151 / 85;
	}
	.tpl_top_index .bnr5_ttl {
		margin-top: 10px;
		font-size: 1.6rem;
		letter-spacing: 0em;
	}
	.tpl_top_index .bnr5_txt {
		margin-top: 10px;
		font-size: 1.2rem;
		letter-spacing: 0.04em;
	}
	#top_shisei {
		margin-top: 20px;
		padding: 20px 10px 20px;
	}
	.tpl_top_index .about_ttl_shisei {
		min-height: 18px;
		padding-top: 0px;
		letter-spacing: 0.1111em;
	}
	.tpl_top_index .about_ttl_shisei::before {
		width: 16px;
		height: 18px;
		margin: 0px 10px 0px 0px;
	}
	.tpl_top_index .shisei_bnr {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 10px;
		margin-top: 20px;
	}
	.tpl_top_index .shisei_bnr > li {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.tpl_top_index .shisei_bnr_txt {
		font-size: 1.6rem;
		letter-spacing: 0em;
	}
	.tpl_top_index .shisei_mayor .shisei_bnr_txt {
		left: 53.73%;
		max-width: calc(88.06% - 53.73%);   
	}
	.tpl_top_index .shisei_gikai .shisei_bnr_txt {
		left: 54.93%;
		max-width: calc(88.96% - 54.93%);   
	}
	.tpl_top_index .shisei_bnr a::after {
		width: 22px;
		height: 22px;
		margin-top: -11px;
	}
	.tpl_top_index .shisei_mayor a::after {
		left: 88.06%;
	}
	.tpl_top_index .shisei_gikai a::after {
		left: 88.96%;
	}
	.tpl_top_index .shisei_link {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 10px 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		margin-top: 20px;
	}
	.tpl_top_index .shisei_link a {
		min-height: 60px;
		padding: 5px 5px 5px 10px;
		font-size: 1.2rem;
		letter-spacing: 0em;
	}
	.tpl_top_index .shisei_link a::before {
		margin-right: 10px;
	}

	#top_topics {
		width: auto;
		margin: 20px 0px 51px;
	}
	.tpl_top_index .top_topics_ttl {
		font-size: 1.8rem;
		letter-spacing: 0.0667em;
	}
	.tpl_top_index .top_topics_ctg {
		width: auto;
		margin: 20px 20px 0px;
		padding: 14px 10px;
	}
	.tpl_top_index .top_topics_ctg > li {
		padding: 0px 6px;
		font-size: 1.2rem;
		letter-spacing: 0.0583em;
	}
	.tpl_top_index .top_topics_slide {
		margin-top: 20px;
	}
	.tpl_top_index .top_topics_slide .swiper {
		--tp-shift: 0;
		--tp-scale: 0.8;
		height: 200px;
	}
	.tpl_top_index .top_topics_slide .swiper-slide {
		width: 215px;
		height: 200px;
	}
	.tpl_top_index .tp_inner {
		width: 200px;
		height: 200px;
	}
	.tpl_top_index .top_topics_slide :is(button.slide_control_prev, button.slide_control_next) {
		top: 88px;
		width: 24px;
		height: 24px;
		background: url("/img/top/mv_icon_prev.png") no-repeat center center / 6px 11px #695d51;
	}
	.tpl_top_index .top_topics_slide button.slide_control_next {
		background-image: url("/img/top/mv_icon_next.png");
	}
	.tpl_top_index .top_topics_slide button.slide_control_prev {
		left: calc(50% - 130px);
	}
	.tpl_top_index .top_topics_slide button.slide_control_next {
		left: calc(50% + 106px);
	}
	.tpl_top_index .top_topics_slide .slide_control_box2 {
		top: 207px;
		left: calc(50% + 46px);
		gap: 5px;
	}

	#top_ad {
		display: block;
		width: auto;
		min-height: 0px;
		margin: 0px;
		padding: 30px 25px 33px 30px;
	}
	.tpl_top_index .top_ad_head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		gap: 17px;
	}
	.tpl_top_index .top_ad_ttl {
		font-size: 1.6rem;
	}
	.tpl_top_index .top_ad_about {
		margin: 0px;
		font-size: 1.2rem;
	}
	.tpl_top_index .top_bnr1 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 20px 1fr;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
		max-width: 320px;
		margin-top: 20px;
	}
	.tpl_top_index .top_bnr1 > li {
		width: auto;
	}

}
/* ==================================================
スマートフォン ここまで
================================================== */