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

h2 {
	position: relative;
	font-size: 2.8rem;
	font-weight: 800;
	text-align: center;
}

h2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333333;
	width: 3rem;
	height: 0.3rem;
}

.common_btn {
	text-align: center;
	margin-top: 4rem;
}

.common_link {
	position: relative;
	display: inline-block;
	background-color: #fff;
	border: solid 2px #ccc;
	font-size: 1.6rem;
	padding: 1rem 4rem 1rem 2rem;
	transition: 0.5s;
}

.common_link:hover {
	opacity: 0.5;
}

.common_link::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	display: block;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	transform: translateY(-50%) rotate(45deg) skew(10deg, 10deg);
}

/* keyvisual_start */
.keyvisual {
	position: relative;
	width: 100%;
	height: 54rem;
}

.keyvisual h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 96.1rem;
	height: 17.2rem;
	@media (max-width: 1024px) {
		width: 100%;
	}
}

.fade-bg__inner {
	position: relative;
	width: 100%;
	height: 54rem;
	z-index: -100;
}

.fade-bg__inner div {
	width: 100%;
	height: 54rem;
	opacity: 0;
	transition: 4s;
}

.fade-bg__inner div.show-img {
	opacity: 1;
}

.fade-bg__inner .bg-img {
	position: absolute;
	top: 0;
	left: 0;
	/* transform: translate(-50%, -50%); */
	width: 100%;
	height: 54rem;
	object-fit: cover;
}
/* keyvisual_end */

/* sec-news_start */
.sec-news {
	padding: 8rem 0;
}

.group-news {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 5rem;
}

.block-news article {
	display: flex;
	justify-content: flex-start;
	border-bottom: solid 1px #cccccc;
	padding: 1rem 0;
	width: 71rem;
	@media (max-width: 1024px) {
		width: 100%;
	}
}

.blog-date {
	width: 14rem;
	font-size: 1.8rem;
	font-weight: 800;
}

.block-news_inner {
	width: calc(100% - 14rem);
	transition: 0.5s;
}

.block-news_inner:hover {
	opacity: 0.5;
}

.blog-label {
	display: inline-block;
	background-color: var(--caution-color);
	font-size: 1.8rem;
	line-height: 1;
	color: #fff;
	margin: 0.2rem 1rem 0 0;
	padding: 0.3rem 1rem 0.5rem;
}

.blog-caption {
	display: inline;
	font-size: 1.8rem;
}
/* sec-news_end */

/* sec-regional_start */
.sec-regional {
	background-color: var(--bg-color01);
	text-align: center;
	padding: 8rem 0;
}

.sec-regional h2 {
	display: inline-block;
	border: solid 2px #333333;
	padding: 2rem 5rem;
}

.sec-regional h2 span {
	font-size: 2rem;
}

.sec-regional h2::before,
.sec-regional h2::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--bg-color01);
	width: 0.2rem;
	height: 80%;
}

.sec-regional h2::before {
	left: -0.2rem;
}

.sec-regional h2::after {
	left: inherit;
	right: -0.2rem;
}

.regional-title::before,
.regional-title::after {
	content: "";
	display: block;
	position: absolute;
	background-color: var(--bg-color01);
	width: 2rem;
	height: 0.2rem;
}

.regional-title::before {
	left: 5.5rem;
	top: -0.2rem;
}

.regional-title::after {
	left: 50%;
	transform: translateX(-50%);
	bottom: -0.2rem;
}

.regional-title_inner::after {
	content: "";
	position: absolute;
	bottom: -2rem;
	left: calc(50% - 0.5rem);
	transform: translateX(-50%) skew(30deg, 0deg);
	background-color: #333333;
	width: 0.2rem;
	height: 2rem;
	z-index: 1;
}

.block-regional {
	margin-top: 4rem;
	padding: 0 5rem;
}

.regional-txt {
	font-size: 2rem;
	text-align: left;
}

.mfp-content table {
	border-collapse: collapse;
}

.mfp-content table th,
.mfp-content table td {
	border: solid 2px #e5e5e5;
	height: 100%;
	padding: 1.5rem;
}

.mfp-content table th {
	width: 120px;
	text-align: center;
}

.table_inner {
	display: flex;
	justify-content: space-between;
}

tr:nth-child(even) td .table_inner {
    flex-direction:row-reverse
}

.table_inner figure {
	width: 30rem;
}

.table_inner dl {
	width: calc((100% - 30rem) - 2rem);
}

.table_inner dl[data-fullwidth] {
	width: 100%;
}
/* sec-regional_end */

/* sec-activities_start */
.sec-activities {
	padding: 8rem 0;
}

.sec-pamphlet {
	padding: 0 0 12rem;
}

.group-activities {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 2rem;
}

.group-activities div {
	width: calc((100% / 4) - 1.6rem);
}

.block-activities a {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	transition: 0.5s;
}

.block-activities a:hover {
	opacity: 0.5;
}

.block-activities dl {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	height: 100%;
}

.block-activities dl dt {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10rem;
	height: 6.6rem;
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.4;
	color: #fff;
	text-align: center;
	padding: 0.5rem;
}

.label-activities01 {
	background-color: var(--page-color01);
}

.label-activities02 {
	background-color: var(--page-color02);
}

.label-activities03 {
	background-color: var(--page-color03);
}

.label-activities04 {
	background-color: var(--page-color04);
}

.label-activities05 {
	background-color: var(--page-color05);
}

.label-activities06 {
	background-color: var(--page-color06);
}

.label-activities07 {
	background-color: var(--page-color07);
}

.block-activities dl dd {
	font-size: 1.5rem;
	margin-top: auto;
}

.activities-btn {
	text-align: center;
	margin-top: 5rem;
}

.activities-link {
	position: relative;
	display: inline-block;
	background-color: var(--button-color);
	font-size: 2rem;
	color: #fff;
	padding: 1.5rem 6rem 1.5rem 4rem;
	transition: 0.5s;
}

.activities-link:hover {
	opacity: 0.5;
}

.activities-link::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2rem;
	display: block;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateY(-50%) rotate(45deg) skew(10deg, 10deg);
}

.sec-pamphlet .activities-link {
    font-size: 2.3rem;
    font-weight: 700;
    color: #fff000;
    background-color: #ff0000;
    border-bottom: 5px solid #9f000c;
}
.sec-pamphlet .activities-link::after {
    border-top: 2px solid #fff000;
	border-right: 2px solid #fff000;
}
.sec-pamphlet .activities-link:hover {
    border-bottom: 2px solid #9f000c;
}
/* sec-activities_end */

/* sec-feature_start */
.sec-feature {
	background-color: var(--bg-color02);
	padding-bottom: 8rem;
}

.sec-feature h2 {
	position: relative;
	transform: translateY(-50%);
}

.feature-items {
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
	column-gap: 2rem;
}

.feature-item {
	width: calc((100% / 4) - 2rem);
	transition: 0.5s;
}

.feature-item:hover {
	opacity: 0.5;
}
/* sec-feature_end */

.btn-chiiki {display: none;}

@media (max-width: 640px) {
	h2 {
		font-size: 2.2rem;
	}

	.common_btn {
		margin-top: 2rem;
	}

	.common_link {
		font-size: 1.2rem;
	}

	/* keyvisual_start */
	.keyvisual {
		height: 36rem;
	}

	.keyvisual h1 {
		left: 0;
		transform: translate(0, -50%);
		width: auto;
		height: auto;
		padding: 0 3%;
	}

	.fade-bg__inner {
		height: 36rem;
	}

	.fade-bg__inner div {
		height: 36rem;
	}

	.fade-bg__inner .bg-img {
		height: 36rem;
	}
	/* keyvisual_end */

	/* sec-news_start */
	.sec-news {
		padding: 4rem 0;
	}

	.group-news {
		flex-direction: column;
		align-items: normal;
	}

	.block-news {
		margin-top: 3rem;
	}

	.block-news article {
		flex-direction: column;
		align-items: baseline;
		width: auto;
	}

	.blog-date {
		width: 100%;
		font-size: 1.2rem;
	}

	.block-news_inner {
		width: 100%;
	}

	.blog-label {
		font-size: 1.2rem;
		margin: 0 0.5rem 0 0;
	}

	.blog-caption {
		font-size: 1.2rem;
	}
	/* sec-news_end */

	/* sec-regional_start */
	.sec-regional {
		padding: 4rem 0;
	}

	.block-regional {
		padding: 0;
	}

	.regional-txt {
		font-size: 1.4rem;
	}

	.mfp-content table th {
		width: 9rem;
		text-align: center;
	}

	.mfp-content table th,
	.mfp-content table td {
		font-size: 1.2rem;
		padding: 1rem;
	}

	.table_inner {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
    
    tr:nth-child(even) td .table_inner {
        flex-direction: column;
    }

	.table_inner figure {
		width: 100%;
	}

	.table_inner dl {
		width: 100%;
	}
	/* sec-regional_end */

	/* sec-activities_start */
	.sec-activities {
		padding: 4rem 0 6rem;
	}
    
    .sec-pamphlet {
		padding: 0 0 10rem;
	}

	.group-activities {
		gap: 3rem 1rem;
	}

	.group-activities div {
		width: calc((100% / 2) - 0.5rem);
	}

	.block-activities a {
		row-gap: 1rem;
	}

	.block-activities a:active {
		opacity: 0.5;
	}

	.block-activities dl dt {
		height: auto;
		font-size: 1.2rem;
	}

	.block-activities dl dt br {
		display: none;
	}

	.block-activities dl dd {
		font-size: 1.2rem;
	}

	.activities-btn {
		margin-top: 3rem;
	}

	.activities-link {
		width: 100%;
		font-size: 1.3rem;
		padding: 2rem 4rem 2.25rem 2rem;
	}

	.activities-link:active {
		opacity: 0.5;
	}

	.activities-link::after {
		top: calc(50% - 1px);
	}
	/* sec-activities_end */

	/* sec-feature_start */
	.sec-feature {
		padding-bottom: 4rem;
	}

	.feature-items {
		column-gap: 0;
	}

	.feature-item {
		width: 29rem;
	}

	.feature-item:active {
		opacity: 0.5;
	}

	.swiper-container {
		padding-bottom: 3rem;
	}

	.swiper-container-horizontal > .swiper-scrollbar {
		left: 0;
		width: 100%;
		height: 1rem;
	}
	/* sec-feature_end */
}

 .exp_wrap__article-slide .bc-player-default_default.vjs-fluid.vjs-16-9:not(.vjs-audio-only-mode), .bc-player-default_default.vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 75.25%;}



.sec-regional .activities-link {
    font-size: 2.3rem;
    font-weight: 700;
    color: #ffffff;
    background-color: #000980;
    border-bottom: 5px solid #00043c;
}
.sec-regional .activities-link::after {
    border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
.sec-regional .activities-link:hover {
    border-bottom: 2px solid #00043c;
}