@charset "utf-8";
.contentsArea{
	padding-top: min(calc(182 / var(--vw-min) * 100vw), 182px);
	padding-bottom: min(calc(121 / var(--vw-min) * 100vw), 121px);
	background: var(--color-kadblue);
	border: 1px solid #001659;
}
.contentsArea__btmBlock{
	margin-top: min(calc(115 / var(--vw-min) * 100vw), 112px);
}
@media screen and (max-width:767px){
	.contentsArea{
		padding-top: calc(137 / var(--vw-min) * 100vw);
		padding-bottom: calc(54 / var(--vw-min) * 100vw);
	}
	.pageTtl{
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
	}
}
.sectionBlock{
	width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	margin: 0 auto;
	position: relative;
	background-color:#001659;
	border-radius: 0 min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(24 / var(--vw-min) * 100vw), 24px);
	padding: min(calc(48 / var(--vw-min) * 100vw), 48px) min(calc(90 / var(--vw-min) * 100vw), 90px) min(calc(96 / var(--vw-min) * 100vw), 96px); 
}
.sectionBlock:not(:first-child){
	margin-top: min(calc(172 / var(--vw-min) * 100vw), 172px);
}
.sectionBlock__deco{
	width: min(calc(736 / var(--vw-min) * 100vw), 736px);
	height: min(calc(64 / var(--vw-min) * 100vw), 64px);
	position: absolute;
	top: max(calc(-64 / var(--vw-min) * 100vw), -64px);
	left: 0;
}
.sectionBlock__deco::before{
	content: "";
	width: calc(100% - min(calc(72 / var(--vw-min) * 100vw), 72px));
	height: 100%;
	position: absolute;
	top:0;
	background-color: #001659;
	left: 0;
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px) 0 0 0;
}
.sectionBlock__deco::after{
	content: "";
	width: min(calc(72 / var(--vw-min) * 100vw), 72px);
	height: 100%;
	position: absolute;
	top:0;
	background-color:#001659;
	right: 1px;
	-webkit-mask: url(../img/common/tab_bg.svg) no-repeat center left / auto 100%;
	mask: url(../img/common/tab_bg.svg) no-repeat center left / auto 100%;
}
.section__inner{
	width: min(calc(1020 / var(--vw-min) * 100vw), 1020px);
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.sectionBlock{
		width: calc(335 / var(--vw-min) * 100vw);
		border-radius: 0 min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(24 / var(--vw-min) * 100vw), 24px);
		padding: calc(32 / var(--vw-min) * 100vw) 0 calc(64 / var(--vw-min) * 100vw); 
	}
	.sectionBlock:not(:first-child){
		margin-top: calc(140 / var(--vw-min) * 100vw);
	}
	.sectionBlock__deco{
		width: calc(320 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
		top: calc(-32 / var(--vw-min) * 100vw);
	}
	.sectionBlock__deco::before{
		width: calc(100% - (36 / var(--vw-min) * 100vw));
		border-radius: calc(16 / var(--vw-min) * 100vw) 0 0 0;
	}
	.sectionBlock__deco::after{
		width: calc(36 / var(--vw-min) * 100vw);
	}
	.section__inner{
		width: 100%;
	}
}
.sectionBlock__ttl{
	color: var(--color-white);
	font-family:var(--font-en);
	font-size: min(calc(72 / var(--vw-min) * 100vw), 72px);
	font-weight: 800;
	line-height: 1;
	position: absolute;
    top: max(calc(-100 / var(--vw-min) * 100vw), -100px);
}
@media screen and (max-width:767px){
	.sectionBlock__ttl{
		font-size: calc(36 / var(--vw-min) * 100vw);
		padding-left:calc(10 / var(--vw-min) * 100vw);
		top: calc(-48 / var(--vw-min) * 100vw);
	}
}
/*-----------------------
anniversary LISTS
-----------------------*/
.anniversaryListsWrap:not(:last-child){
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.anniversaryLists__ttl{
	color: var(--color-white);
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	font-weight: 700;
	line-height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	letter-spacing: min(calc(0.44 / var(--vw-min) * 100vw), 0.44px);
	margin-bottom: min(calc(37 / var(--vw-min) * 100vw), 37px);
	border-left: 8px solid var(--color-white);
	padding-left: min(calc(22 / var(--vw-min) * 100vw), 22px);
}
.anniversaryLists{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:767px){
	.anniversaryListsWrap{
		width:100%;
	}
	.anniversaryLists{
		padding: 0 calc(13 / var(--vw-min) * 100vw);
		gap: calc(13 / var(--vw-min) * 100vw);
	}
}

/*------------------------
COMMON LIST
------------------------*/
/* listItem */
.listItem{
	width:calc((100% - min(calc(80 / var(--vw-min) * 100vw), 80px)) / 5);
}
.listItem:last-child{
	margin-right:0;
}
@media screen and (max-width:767px){
	.listItem{
		width:calc((100% - calc(13 / var(--vw-min) * 100vw)) / 2);
	}
}
.item__link{
	display: flex;
    flex-direction: column;
	text-decoration: none;
}
.item__title{
	overflow: hidden;
	color: #1C1C1C;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size:min(calc(15 / var(--vw-min) * 100vw), 15px);
	font-weight: 500;
	line-height:180%;
	letter-spacing: min(calc(0.15 / var(--vw-min) * 100vw), 0.15px);
	color: var(--color-white);
}
.listItem__img{
	width: 100%;
	height: min(calc(266 / var(--vw-min) * 100vw), 266px);
	overflow: hidden;
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	margin-bottom: min(calc(17 / var(--vw-min) * 100vw), 17px);
	position: relative;
}
.listItem__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width:767px){
	.listItem__img{
		height: calc(209 / var(--vw-min) * 100vw);
	}
}



.item__year{
	position: absolute;
	display: block;
	color: #FFF;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	pointer-events: none;
	z-index: 1;
}
.item__year img{
	width: 100%;
	height:auto;
}