@charset "utf-8";
.contentsArea{
	padding-bottom: min(calc(121 / var(--vw-min) * 100vw), 121px);
}
@media screen and (max-width:767px){
	.contentsArea{
		padding-top: min(calc(41 / var(--vw-min) * 100vw), 41px);
		padding-bottom: calc(54 / var(--vw-min) * 100vw);
	}
}
.contentsArea__btmBlock{
	margin-top: min(calc(115 / var(--vw-min) * 100vw), 112px);
}
[data-name="pickup"] .pageTtl{
	letter-spacing: -0.02em;
}
@media screen and (max-width:767px){
	[data-name="cookiepolicy"] .pageTtl{
		letter-spacing: -0.02em;
		font-size:calc(44 / var(--vw-min) * 100vw);
	}
}
/*-----------------------
NEWS LISTS
-----------------------*/
.newsListsWrap{
	width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	margin: 0 auto;
}
.newsLists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
	padding: 0;
}
.newsItem{
	width:calc((100% - min(calc(48 / var(--vw-min) * 100vw), 48px)) / 4);
	position: relative;
}
@media screen and (max-width:767px){
	.newsListsWrap{
		width:100%;
		padding: calc(19 / var(--vw-min) * 100vw);
	}
	.newsItem{
		width:100%;
	}
}


.newsItem__link{
	display: flex;
    flex-direction: column;
	border: 1px solid var(--color-kadblue);
	background-color: #FFF;
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height:min(calc(350 / var(--vw-min) * 100vw), 350px);
	padding:min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(26 / var(--vw-min) * 100vw), 26px);
	text-decoration: none;
}
.newsItem::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #5755A3;
	border: 1px solid var(--color-kadblue);
	position: absolute;
	right: max(calc(-5 / var(--vw-min) * 100vw), -5px);
	bottom: max(calc(-5 / var(--vw-min) * 100vw), -5px);
	border-radius:min(calc(16 / var(--vw-min) * 100vw), 16px);
	z-index: -1;
}
@media screen and (max-width:767px){
	.newsItem__link{
		border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
		height:auto;
		padding:calc(18 / var(--vw-min) * 100vw) calc(18 / var(--vw-min) * 100vw);
	}
	.newsItem::after{
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #5755A3;
		border: 1px solid var(--color-kadblue);
		position: absolute;
		right: max(calc(-5 / var(--vw-min) * 100vw), -5px);
		bottom: max(calc(-5 / var(--vw-min) * 100vw), -5px);
		border-radius:min(calc(16 / var(--vw-min) * 100vw), 16px);
		z-index: -1;
	}
}
.newsItem__img{
	width: 100%;
	height: min(calc(144 / var(--vw-min) * 100vw), 144px);
	overflow: hidden;
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	margin-bottom: min(calc(17 / var(--vw-min) * 100vw), 17px);
}
.newsItem__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width:767px){
	.newsItem__img{
		height:calc(167 / var(--vw-min) * 100vw);
		border-radius: calc(9.27 / var(--vw-min) * 100vw);
		margin-bottom: calc(16.23 / var(--vw-min) * 100vw);
	}
}



.date_cateWrap{
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.item__date{
	font-family: var(--font-en_roboto);
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 500;
	line-height: 1;
	color: rgba(0, 0, 0,0.5);
}
.item__cate{
	font-size: min(calc(11 / var(--vw-min) * 100vw), 11px);
	font-weight: 500;
	line-height: 181.818%;
	color: #FFF;
	display: block;
	background-color: #5755A3;	
	padding: 0 min(calc(10 / var(--vw-min) * 100vw), 10px);
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
}

@media screen and (hover:hover) and (pointer: fine){
	.item__cate{
		transition: opacity .3s ease;
	}
	.item__cate:hover{
		opacity: 80%;
	}
}


.newsLists .works__title{
	font-family: var(--font-en_roboto);
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 500;
	line-height: 1;
	color: rgba(0, 0, 0,0.5);
	margin-top: auto;
}
.newsLists .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);
}


@media screen and (hover:hover) and (pointer: fine){
	.newsLists .works__title{
		transition: opacity .3s ease;
	}
	.newsLists .works__title:hover{
		opacity: 50%;
	}
}

@media screen and (max-width:767px){
	.newsLists .works__title{
		font-size: calc(12 / var(--vw-min) * 100vw);
		margin-top: calc(24 / var(--vw-min) * 100vw);
		display: block;
	}
	.item__title{
		font-size: calc(14 / var(--vw-min) * 100vw);
		line-height: 198.571%;
		max-height:unset;
		letter-spacing: calc(0.14 / var(--vw-min) * 100vw);
		-webkit-line-clamp: 3;
	}
}


/**/
.newsItem__linkOver{
	position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
	left: 0;
	top: 0;
}
.newsItem .works__title,
.newsItem .item__cate{
	position: relative;
	z-index: 1;
	text-decoration: none;
}
.newsItem__img{
	pointer-events: none;
}

/*page nav*/
.news__pagenaviWrap{
	margin-top: min(calc(45 / var(--vw-min) * 100vw), 45px);
}

.pagenavi{
	display: flex;
	align-items: center;
    justify-content: center;
	gap: min(calc(8 / var(--vw-min) * 100vw), 8px);
	flex-wrap: wrap;
}
.pagenavi .page,
.pagenavi span{
	display: flex;
	font-size:min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	font-family: var(--font-en);
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	color: var(--color-white);
	text-decoration: none;
	background-color: var(--color-kadblue);
	border: 1px solid var(--color-kadblue);
	border-radius:min(calc(100 / var(--vw-min) * 100vw), 100px);
	align-items: center;
	justify-content: center;
	transition: all .4s ease;
}
span.current,
.pagenavi .page:hover{
	background-color: var(--color-white);
	color: var(--color-kadblue);
}
.news__pagenaviWrap .breadcrumbs._btm{
	display: none;
}
@media screen and (max-width:767px){
	.pagenavi .page,
	.pagenavi span.current{
		font-size:calc(20 / var(--vw-min) * 100vw);
		width: calc(48 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
	}
	.news__pagenaviWrap .breadcrumbs._btm{
		display: flex;
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}
/*-----------------------
Detail
-----------------------*/
.newsDetailBlock{
	width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.newsDetailBlock{
		width: 100%;
		padding: 0 calc(19 / var(--vw-min) * 100vw);
	}
}
/*newsDetail__ttlWrap*/
.newsDetail__ttlWrap{
	border-bottom: 2px solid var(--color-kadblue);
	padding-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
	margin-bottom: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.newsDetail__cate{
	font-size: min(calc(11 / var(--vw-min) * 100vw), 11px);
    font-weight: 500;
    line-height: 181.818%;
    color: rgb(255, 255, 255);
    display: inline-block;
    background-color: rgb(87, 85, 163);
    padding: 0 min(calc(10 / var(--vw-min) * 100vw), 10px);
    border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.newsDetail__ttl{
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
    font-weight: 700;
	color: var(--color-kadblue);
}

@media screen and (max-width:767px){
	.newsDetail__ttlWrap{
		border-bottom: 1px solid var(--color-kadblue);
		padding-bottom: calc(8 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.newsDetail__cate{
		font-size:calc(10 / var(--vw-min) * 100vw);
		line-height: 220%;
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.newsDetail__ttl{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.newsDetail__detail{
	color: var(--color-kadblue);
}
.newsDetail__detail a{
	color: var(--color-kadblue);
} 
.newsDetail__detail img{
	display: block;
	width: 100%;
	height: auto;
	max-width: min(calc(750 / var(--vw-min) * 100vw), 750px);
	margin: 0 auto min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.newsDetail__detail .detail__ttl{
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	font-weight: 700;
	line-height: 154.545%;
	letter-spacing: min(calc(0.44 / var(--vw-min) * 100vw), 0.44px);
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.newsDetail__detail  p{
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 500;
	line-height: 187.5%;
	letter-spacing: min(calc(0.32 / var(--vw-min) * 100vw), 0.32px);
	margin-bottom: 2em;
}
.newsDetail__detail iframe[src*="youtube.com"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
@media screen and (max-width:767px){
	.newsDetail__detail img{
		margin: 0 auto calc(32 / var(--vw-min) * 100vw);
	}
	.newsDetail__detail .detail__ttl{
		font-size: calc(16 / var(--vw-min) * 100vw);
		line-height: 162.5%;
		letter-spacing:calc(0.32 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.newsDetail__detail  p{
		font-size:calc(13 / var(--vw-min) * 100vw);
		line-height: 184.615%;
		letter-spacing: calc(0.26/ var(--vw-min) * 100vw);
	}
}

