@charset "utf-8";
/* ------------------------------
 NEWS - SECTION
------------------------------ */
.subSection__hgroup__title {
	background: url(../img/ttl/ttl_news.png) no-repeat left center / contain;
}

/* ------------------------------
 NEWS - LISTS
------------------------------ */
.news__listsWrap {
	width: min(calc(1100 / var(--vw-min) * 100vw), 1100px);
	margin: min(calc(70 / var(--vw-min) * 100vw), 70px) auto 0;
}
.news__lists {
	display: flex;
	flex-direction: column;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.news__link {
	color: #FFF;
	width: 100%;
	position: relative;
	display: block;
	text-decoration: none;
	border-bottom: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-blue);
	padding: min(calc(28 / var(--vw-min) * 100vw), 28px) min(calc(30 / var(--vw-min) * 100vw), 30px);
	background: rgba(0, 0, 0, 0.30);
	backdrop-filter: blur(40px);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(90 / var(--vw-min) * 100vw), 90px);
	transition: all 0.3s ease;
}
.news__link::after {
	content: "";
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw), 1px);
	display: block;
	position: absolute;
	bottom: max(calc(-1 / var(--vw-min) * 100vw), -1px);
	left: 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0% 100%;
	background-image: linear-gradient(#000, #000);
	transition: all 0.3s ease;
}
.news__time {
	color: var(--color-blue);
	font-family: var(--font-en);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 500;
	letter-spacing: -.008em;
}
.news__tit {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 500;
	line-height: 1.5;
	transition: all 0.3s ease;
}
.news__arrow{
	position: absolute;
	right: max(calc(-10 / var(--vw-min) * 100vw), -10px);
	bottom: 0;
	top: 0;
	margin: auto;
	width: min(calc(19 / var(--vw-min) * 100vw), 19px);
	height: min(calc(19 / var(--vw-min) * 100vw), 19px);
	mask: url(../img/common/arrow.svg) no-repeat center center / contain;
	background-color: var(--color-blue);
	transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine){
	.news__link:hover {
		color: var(--color-blue);
	}
	.news__link:hover .news__arrow {
		transform: translateX(3px);
		transition-delay: .3s;
	}
}

/* ------------------------------
 NEWS - PAGER
------------------------------ */
.news__pagerWrap {
	width: min(calc(1100 / var(--vw-min) * 100vw), 1100px);
	margin: min(calc(80 / var(--vw-min) * 100vw), 80px) auto 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.news__pagerLink {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.news__pagerLink.--next {
	flex-direction: row-reverse;
}
.news__pagerLink:before {
	content: "";
	background: url(../img/common/icon/icon_arrow_left.svg) no-repeat center center / contain;
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	display: block;
}
.news__pagerLink.--next:before {
	background: url(../img/common/icon/icon_arrow_right.svg) no-repeat center center / contain;
}
.news__pagerPrev__txt {
	font-family: var(--font-en);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.008em;
}

.news__pagerLists {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.news__pagerLists > li > a {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.60);
	border-radius: 50%;
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.news__pagerLists > li.--current > a {
	background-color: var(--color-blue);
	color: #fff;
}
.news__pagerTxt {
	font-family: var(--font-en);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.008em;
}
@media screen and (hover: hover) and (pointer: fine) {
	.news__pagerLists > li > a {
		transition: background-color .3s ease, color .3s ease;
	}
	.news__pagerLists > li > a:hover {
		background-color: var(--color-blue);
		color: #fff;
	}
}

/* ------------------------------
 NEWS - BACK
------------------------------ */
.news__back {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: min(calc(80 / var(--vw-min) * 100vw), 80px) auto 0;
}
.news__back a {
	color: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-family: var(--font-en);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.01em;
}
.news__back a:before {
    content: "";
	-webkit-mask: url(../img/common/icon/icon_arrow_left.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/icon_arrow_left.svg) no-repeat center center / contain;
    background-color: #fff;
    width: min(calc(32 / var(--vw-min) * 100vw), 32px);
    height: min(calc(32 / var(--vw-min) * 100vw), 32px);
    display: block;
	transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine){
	.news__back a:hover {
		color: var(--color-blue);
	}
	.news__back a:hover:before {
		transform: translateX(-3px);
		background-color: var(--color-blue);
	}
}

/* ------------------------------
 NEWS - DETAIL
------------------------------ */
.news__detail {
	background: rgba(0, 0, 0, 0.30);
	backdrop-filter: blur(40px);
	width: min(calc(1100 / var(--vw-min) * 100vw), 1100px);
	margin: min(calc(70 / var(--vw-min) * 100vw), 70px) auto 0;
	padding: min(calc(90 / var(--vw-min) * 100vw), 90px) min(calc(100 / var(--vw-min) * 100vw), 100px);
	position: relative;
	z-index: 1;
}
.news__detail:before {
	content: "";
	background-color: var(--color-blue);
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(4 / var(--vw-min) * 100vw), 4px);
	position: absolute;
	top: 0;
	left: 0;
}

.news__detail__hgroup {
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	display: flex;
	flex-direction: column-reverse;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
	padding-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.news__detail__date {
	color: var(--color-blue);
	font-family: var(--font-en);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.008em;
}
.news__detail__title {
	color: #fff;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
}

/* news__detail__textArea */
.news__detail__textArea {
	color: #fff;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.8;
}
.news__detail__textArea p {
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.news__detail__textArea a {
	color: var(--color-blue);
	text-decoration: underline;
}
.news__detail__textArea a[target="_blank"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(6 / var(--vw-min) * 100vw), 6px);
}
.news__detail__textArea a:hover {
	text-decoration: none;
}
.news__detail__textArea a[target="_blank"]:after {
	content: "";
	width: min(calc(10 / var(--vw-min) * 100vw), 10px);
	height: min(calc(10 / var(--vw-min) * 100vw), 10px);
	display: block;
	background: url(../img/common/icon/icon_blank.svg) no-repeat center center / contain;
}
.news__detail__textArea h3 {
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.8;
	padding-left: min(calc(18 / var(--vw-min) * 100vw), 18px);
	position: relative;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.news__detail__textArea h3:before {
	content: "";
	width: min(calc(4 / var(--vw-min) * 100vw), 4px);
	height: 100%;
	display: inline-block;
	background-color: var(--color-blue);
	position: absolute;
	top: 0;
	left: 0;
}
.news__detail__textArea img {
	max-width: 100%;
	height: auto;
}

/* ------------------------------
 NEWS - SP
------------------------------ */
@media screen and (max-width: 768px) {
	.subSection__hgroup__title {
		width: calc(114 / var(--vw-min) * 100vw);
		margin-left: 0;
		background-image: url(../img/ttl/ttl_news_sp.png);
	}

	.news__listsWrap {
		width: auto;
		margin: calc(44 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
	}
	.news__lists {
		gap: calc(6 / var(--vw-min) * 100vw);
	}
	.news__link {
		flex-direction: column;
		align-items: flex-start;
		gap: calc(8 / var(--vw-min) * 100vw);
		height: auto;
		min-height: calc(88 / var(--vw-min) * 100vw);
		padding: calc(14 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
		background: rgba(0, 0, 0, 0.40);
		border-bottom-width: calc(2 / var(--vw-min) * 100vw);
	}
	.news__time {
		font-size: calc(12 / var(--vw-min) * 100vw);
		line-height: 1;
		letter-spacing: -0.01em;
	}
	.news__tit {
		-webkit-line-clamp: 2;
		font-size: calc(14 / var(--vw-min) * 100vw);
		line-height: calc(22 / var(--vw-min) * 100vw);
	}
	.news__arrow {
		width: calc(15 / var(--vw-min) * 100vw);
		height: calc(15 / var(--vw-min) * 100vw);
		right: calc(-7 / var(--vw-min) * 100vw);
	}

	.news__pagerWrap {
		width: auto;
		margin: calc(30 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
		flex-wrap: wrap;
		row-gap: calc(30 / var(--vw-min) * 100vw);
	}
	.news__pagerLists {
		order: 3;
		width: 100%;
		gap: calc(10 / var(--vw-min) * 100vw);
	}
	.news__pagerLink {
		gap: calc(8 / var(--vw-min) * 100vw);
	}
	.news__pagerLink:before,
	.news__pagerLink.--next:before {
		width: calc(26 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
	}
	.news__pagerPrev__txt {
		font-size: calc(15 / var(--vw-min) * 100vw);
	}
	.news__pagerLists > li > a {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
	.news__pagerTxt {
		font-size: calc(16 / var(--vw-min) * 100vw);
		font-weight: 600;
	}

	.news__detail {
		width: 100%;
		margin-top: calc(44 / var(--vw-min) * 100vw);
		padding: calc(35 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(50 / var(--vw-min) * 100vw);
		background: rgba(0, 0, 0, 0.40);
	}
	.news__detail:before {
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(3 / var(--vw-min) * 100vw);
		left: calc(20 / var(--vw-min) * 100vw);
	}
	.news__detail__hgroup {
		gap: calc(12 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
		padding-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.news__detail__date {
		font-size: calc(14 / var(--vw-min) * 100vw);
		letter-spacing: -0.01em;
	}
	.news__detail__title {
		font-size: calc(16 / var(--vw-min) * 100vw);
		line-height: calc(26 / var(--vw-min) * 100vw);
	}
	.news__detail__textArea {
		display: flex;
		flex-direction: column;
		gap: calc(24 / var(--vw-min) * 100vw);
		font-size: calc(14 / var(--vw-min) * 100vw);
		font-weight: 600;
		line-height: calc(26 / var(--vw-min) * 100vw);
		letter-spacing: 0;
	}
	.news__detail__textArea p {
		margin-bottom: 0;
	}
	.news__detail__textArea img {
		display: block;
		width: 100%;
	}
	.news__detail__textArea h3 {
		display: flex;
		align-items: center;
		min-height: calc(40 / var(--vw-min) * 100vw);
		margin-bottom: 0;
		padding-left: calc(14 / var(--vw-min) * 100vw);
		font-size: calc(15 / var(--vw-min) * 100vw);
		line-height: calc(26 / var(--vw-min) * 100vw);
	}
	.news__detail__textArea h3:before {
		width: calc(4 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
		top: 50%;
		transform: translateY(-50%);
	}
	.news__back {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.news__back a {
		gap: calc(8 / var(--vw-min) * 100vw);
		font-size: calc(15 / var(--vw-min) * 100vw);
	}
	.news__back a:before {
		width: calc(26 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
	}
}