@charset "utf-8";

/*-------------------------------
	カテゴリ
-------------------------------*/

.C-Pagelink__item.-current a{
	background: var(--subcolor);
	color: #fff;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

}



/*-------------------------------
	お知らせ・イベント
-------------------------------*/

.Info{
	padding-top: 3.5rem;
}
.Info-block{
	border-bottom: 2px solid var(--subcolor);
}
.Info-block a{
	width: 100%;
	padding: 3rem 2rem;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	opacity: 1 !important;
}
.Info-block:first-child a{
	padding-top: 0;
}
.Info-block__image{
	width: 31.6rem;
	overflow: hidden;
}
.Info-block__image img{
	transition: var(--transition);
	width: 100%;
	aspect-ratio: 1 / .623;
	object-fit: cover;
}
.Info-block__body{
	width: calc(100% - 31.6rem);
	padding: 3rem 9rem 0 3.5rem;
	position: relative;
}
.Info-block__header{
	width: 100%;
	margin-bottom: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Info-block__header-time{
	margin-right: 1.6rem;
	font-weight: 700;
	line-height: 1;
	display: block;
}
.Info-block__header-category{
	background: var(--blackcolor);
	width: fit-content;
	height: 2.3rem;
	font-size: 1.3rem;
	padding: .2rem .7rem;
	line-height: 1;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Info-block__title{
	line-height: calc(2.6 / 1.6);
	font-weight: 700;
}
.Info-block__body .C-Arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.Info-block a:hover .Info-block__image img{
	transform: scale(1.1);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

	.Info-block__image{
		width: 25rem;
	}
	.Info-block__body{
		width: calc(100% - 25rem);
	}

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

	.Info{
		padding-top: 0;
	}

	.Info-block a{
		padding: 3rem 0;
	}
	.Info-block:first-child a{
		padding-top: 0;
	}
	.Info-block__image{
		width: 13rem;
	}
	.Info-block__image img{
		aspect-ratio: 1 / .9;
	}
	.Info-block__body{
		width: calc(100% - 13rem);
		padding: 0 3.8rem 0 1.4rem;
	}
	.Info-block__header{
		width: 100%;
		margin-bottom: .6rem;
	}
	.Info-block__header-time{
		margin-right: .8rem;
	}
	.Info-block__header-category{
		height: 2rem;
		font-size: 1.1rem;
		padding: .2rem .7rem;
	}
	.Info-block__title{
		line-height: calc(2.1 / 1.3);
	}
	.Info-block__body .C-Arrow{
		width: 2.2rem;
		height: 2.2rem;
	}
	.Info-block__body .C-Arrow::after{
		width: .8rem;
		height: .5rem;
	}

}