/* ---------------------------------------------------------------------------------------------------------------------------- */
@import url('../common.css');
@import url('../lib/slick.css');
@import url('../modules/button.css');
@import url('../modules/contents-card.css');
/* ---------------------------------------------------------------------------------------------------------------------------- */
.special-top footer {
	margin-top: 0;
}
.special-top main {
	background-color: var(--black);
}
/*main-visual*/
.contents-main-visual {
	width: 100%;
	height: 100%;
	min-height: calc(40rem - (var(--header-height)));
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-image: url('../../images/contents-top/main-visual_sp.jpg');
	background-image: image-set(url('../../webp/contents-top/main-visual_sp.webp') type('image/webp'), url('../../images/contents-top/main-visual_sp.jpg') type('image/jpeg'));
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 2rem 3%;
}
.contents-main-visual__title {
	position: relative;
}
.contents-main-visual__title::before {
	display: block;
	content: attr(data-text) '';
	font-family: var(--oswald);
	color: var(--white);
	font-size: 3.5rem;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.2em;
	white-space: nowrap;
}

/*jelly*/
.section-jelly {
	padding: 0;
	margin: auto;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: 0.5s;
}
.section-jelly:hover {
	opacity: 0.7;
}
.section-jelly__link {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section-jelly .section-jelly__content {
	font-size: clamp(1rem, 0.9rem + 1vw, 1.6rem);
	color: var(--white);
	font-family: var(--serif);
	letter-spacing: 0.2rem;
	text-align: center;
	width: fit-content;
	padding: 5rem 5%;
}
.section-jelly .section-jelly__content h2 {
	line-height: 1.5;
	letter-spacing: 0.4rem;
	font-size: 2.2em;
	margin: 0 auto 0.8em;
}
.section-jelly .section-jelly__content h2 .red {
	color: var(--sciencered);
}
.section-jelly .section-jelly__content h2 small {
	display: block;
	font-size: 0.55em;
	margin-top: 1em;
	line-height: 1.8;
}
.section-jelly .section-jelly__content p {
	line-height: 2;
	letter-spacing: 0.3rem;
}
/* interview block */
.section-interview {
	margin: -1px auto;
	padding: 6em 10% 1em;
	position: relative;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('../../images/common/red-g-bg.jpg');
	background-image: image-set(url('../../webp/common/red-g-bg.webp') type('image/webp'), url('../../images/common/red-g-bg.jpg') type('image/jpeg'));
}
.section-interview__title {
	color: var(--white);
	letter-spacing: 0.5rem;
}
.section-interview__title::before {
	color: var(--white);
}
.section-interview__intro {
	color: var(--white);
	font-size: clamp(1rem, 0.8rem + 1vw, 1.6rem);
	text-align: center;
	letter-spacing: 0.2rem;
	line-height: 1.8;
	margin: 1em auto 3em;
}
.section-interview__slider {
	margin: 0 auto 7em;
	padding: 0 0 4rem;
}
.section-interview__slider .slick-list {
	height: auto !important;
}
.section-interview__slider .slick-prev,
.section-interview__slider .slick-next,
.special-reading .reading-cards__wrap .slick-prev,
.special-reading .reading-cards__wrap .slick-next {
	top: calc(50% - 1.5rem);
	width: 1.5rem;
	height: 1.5rem;
	border-top: 2px solid var(--white);
	border-right: 2px solid var(--white);
}
.section-interview__slider .slick-prev {
}
.section-interview__slider .slick-next {
}
.section-interview__slider .interview-card {
	position: relative;
}
.section-interview__slider.slick-initialized .slick-slide.interview-card {
	display: flex;
	flex-direction: column;
}
.section-interview__slider .interview-card .interview-card__img {
}
.section-interview__slider .interview-card .interview-card__img img {
	max-height: 20rem;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.section-interview__slider .interview-card .interview-card__img.center img {
	object-position: center;
}
.section-interview__slider .interview-card .interview-card__img.bottom img {
	object-position: bottom center;
}
.section-interview__slider .interview-card .contents-card.interview-card__content {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	background: #dbcfc9;
	padding: 2em;
	min-height: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section-interview__slider .interview-card .contents-card:hover {
	-webkit-box-shadow: 6px 6px 0px rgba(255, 255, 255, 0.5);
	box-shadow: 6px 6px 0px rgba(255, 255, 255, 0.5);
}
.section-interview__slider .interview-card .contents-card.interview-card__content:hover {
	background: #dfd9d5;
}
.section-interview__slider .interview-card .contents-card__content-interview {
	max-width: inherit;
	min-width: inherit;
	height: 100%;
	padding: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	min-height: 20rem;
	width: 100%;
}
.section-interview__slider .interview-card .contents-card__title {
	color: var(--sciencered);
	font-size: clamp(1.5rem, 1rem + 1.5vw, 3rem);
	margin: 0 auto 0.8em;
	letter-spacing: 0.2rem;
	line-height: 1.6;
}
.section-interview__slider .interview-card .contents-card__title small {
	display: block;
	font-size: 0.7em;
}
.section-interview__slider .interview-card .contents-card__title .barlow {
	font-family: var(--barlow);
	font-weight: 300;
}
.section-interview__slider .interview-card .contents-card__title::before {
	color: var(--black);
	letter-spacing: 0.2em;
	line-height: 1;
	font-weight: 300;
	font-size: 2rem;
	margin: 0 auto 0.5em;
}
.section-interview__slider .interview-card .contents-card__name {
	margin-bottom: 1em;
}
.section-interview__slider .interview-card .contents-card__name::after {
	font-family: var(--serif);
}
.section-interview__slider .interview-card .contents-card__link--left-align {
	display: flex;
	width: fit-content;
	flex-direction: row-reverse;
	align-items: center;
	margin: 0;
	gap: 0.5em;
	color: var(--darkred2);
	letter-spacing: 0.2rem;
	font-size: 1.4rem;
	padding: 0;
}
.section-interview__slider .interview-card .btn-text-link::before {
	display: block;
	position: relative;
	margin-top: 0.2rem;
	left: auto;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 1px solid var(--darkred2);
	border-right: 1px solid var(--darkred2);
}
.section-interview__slider .interview-card .btn-text-link::after {
	content: none;
}
.section-interview__slider.reverse {
}
.section-interview__slider .slick-dots,
.special-reading .reading-cards__wrap .slick-dots {
	bottom: 0;
}
.section-interview__slider .slick-dots li button,
.special-reading .reading-cards__wrap .slick-dots li button {
	background: var(--white);
	border-radius: 100vw;
}
.section-interview__slider .slick-dots .slick-active button,
.special-reading .reading-cards__wrap .slick-dots .slick-active button {
	opacity: 0.3;
}
.section-interview__slider .slick-dots li,
.special-reading .reading-cards__wrap .slick-dots li {
	width: 1.2em;
	height: 1.2em;
	margin: 0 0.8em;
}
.section-interview__slider,
.special-reading .reading-cards__wrap {
	width: 90%;
}
.section-interview__slider {
	max-width: 140rem;
}
.special-reading .reading-cards__wrap {
	max-width: 100rem;
}
/*reading（コラボレーション）*/
.special-reading {
	margin: auto;
	padding: 6em 10%;
	position: relative;
	background-image: url('../../images/common/red-g-w-bg.jpg');
	background-image: image-set(url('../../webp/common/red-g-w-bg.webp') type('image/webp'), url('../../images/common/red-w-g-bg.jpg') type('image/jpg'));
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.special-reading .main-title,
.special-reading .main-title::before {
	color: var(--white);
}
.special-reading .reading-card .btn-text-link {
	display: none;
}
.special-reading .contents-card {
	background: rgba(0 0 0 / 0.6);
	color: var(--white);
	font-size: clamp(1rem, 0.8rem + 1vw, 1.4rem);
	height: 100%;
}
.special-reading .contents-card.reading-card__content:hover {
	/*-webkit-box-shadow: 6px 6px 0px rgba(0 0 0 / 0.3);
	box-shadow: 6px 6px 0px rgba(0 0 0 / 0.3);*/
	-webkit-box-shadow: none;
	box-shadow: none;
}
.special-reading .contents-card__img {
}
.special-reading .contents-card__img img {
	object-fit: cover;
	aspect-ratio: 12 / 11;
}
.special-reading .reading-cards__wrap {
	padding: 3rem 0 4rem;
	margin: auto;
}
.special-reading .reading-card {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.special-reading .contents-card__content {
	padding: 2em;
	min-height: inherit;
	gap: 1em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/*
.first-anniversary .contents-card__content {
	min-height: inherit;
}*/
.special-reading .contents-card__title {
	font-size: clamp(1rem, 0.85rem + 0.75vw, 1.7rem);
	margin-bottom: 0;
	text-align: center;
	font-weight: 400;
}
.special-reading .contents-card__title::before {
	margin: 0;
	padding: 0;
}
.special-reading .contents-card:hover .contents-card__title {
	color: var(--white);
}
.special-reading .contents-card__text {
	font-size: inherit;
	margin-bottom: 0;
	text-align: left;
	word-break: break-all;
}
.special-reading__title {
	display: flex;
	align-items: center;
	gap: 1em;
	width: 100%;
}
.special-reading__title .colab {
}
.special-reading__title .colab img {
	width: 2em;
	margin-top: 0.5em;
	display: block;
}
.special-reading__title-border {
	font-family: var(--oswald);
	line-height: 1;
	text-align: right;
	margin-bottom: 0.5em;
	width: 100%;
}
.special-reading__title-border h3 {
	letter-spacing: 0.15em;
	padding-bottom: 0.4em;
	border-bottom: 0.05rem solid #fff;
	font-weight: 400;
	font-size: clamp(1.5rem, 1.5rem + 1vw, 3rem);
}
.special-reading__title.long .special-reading__title-border h3 {
	font-size: clamp(1.5rem, 1.2rem + 1vw, 3rem);
}
.special-reading__title-border time {
	color: var(--white);
	font-size: clamp(1rem, 0.925rem + 0.375vw, 1.375rem);
	letter-spacing: 0.15em;
	font-weight: 300;
	padding-top: 0.8em;
	display: block;
}
@media (min-width: 897px) {
	.contents-main-visual {
		padding: 5rem 3%;
		background-size: 100%;
		min-height: calc(70rem - (var(--header-height)));
		background-image: url('../../images/contents-top/main-visual_pc.jpg');
		background-image: image-set(url('../../webp/contents-top/main-visual_pc.webp') type('image/webp'), url('../../images/contents-top/main-visual_pc.jpg') type('image/jpeg'));
	}
	.contents-main-visual__title::before {
		font-size: 6rem;
	}
	.section-jelly {
		padding: 10rem 5%;
		margin: 6rem auto 0;
		background-position: 0% center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../../images/contents-top/special-jelly_pc.jpg');
		background-image: image-set(url('../../webp/contents-top/special-jelly_pc.webp') type('image/webp'), url('../../images/contents-top/special-jelly_pcjpg') type('image/jpeg'));
	}
	.section-jelly .section-jelly__content {
		padding: 0;
	}
	.section-jelly .section-jelly__content h2 {
		font-size: 2.6em;
	}
	.section-jelly .section-jelly__content h2 small {
		margin-top: 0.5em;
	}
	.section-interview__slider .slick-dots li,
	.special-reading .reading-cards__wrap .slick-dots li {
		width: 1.8em;
		height: 1.8em;
	}
	.section-interview {
		padding: 8em 5% 4em;
	}
	.section-interview__intro {
		margin: 2em auto 5em;
	}
	.section-interview__slider {
		padding: 0 5rem 5rem;
		margin: 0 auto 10em;
	}
	.section-interview__slider,
	.special-reading .reading-cards__wrap {
		width: 100%;
	}
	.special-reading .reading-cards__wrap {
		padding: 3rem 5rem 2rem;
	}
	.section-interview__slider.reverse {
	}
	.section-interview__slider.slick-initialized .slick-slide.interview-card {
		flex-direction: row;
	}
	.section-interview__slider .interview-card .interview-card__img {
		width: 100%;
		max-width: 80%;
		position: absolute;
		left: 2px;
	}
	.section-interview__slider.reverse .interview-card .interview-card__img {
		right: 2px;
		left: auto;
	}
	.section-interview__slider .slick-prev,
	.section-interview__slider .slick-next,
	.special-reading .reading-cards__wrap .slick-prev,
	.special-reading .reading-cards__wrap .slick-next {
		width: 2.5rem;
		height: 2.5rem;
	}
	.special-reading .reading-card {
		padding: 2.5em;
	}
	.section-interview__slider .slick-prev,
	.section-interview__slider .slick-next {
		top: calc(50rem - 37% - 2.5rem);
	}
	.section-interview__slider .interview-card .contents-card.interview-card__content {
		max-width: 65rem;
		height: auto;
		margin: calc(50rem - 20rem) 1rem 1rem auto;
		padding: 4em 2em 2em;
	}
	.section-interview__slider.reverse .interview-card .contents-card.interview-card__content {
		margin: calc(60rem - 20rem) auto 1rem 2px;
	}
	.section-interview__slider .interview-card .contents-card__title::before {
		font-size: 3.4rem;
	}
	.section-interview__slider .interview-card .contents-card__link--left-align {
		margin: 0 0 0 auto;
	}
	.section-interview__slider .interview-card .contents-card__content-interview {
	}
	.section-interview__slider .interview-card .interview-card__img img {
		max-height: 48rem;
		height: 100%;
	}
	.section-interview__slider.reverse .interview-card .interview-card__img img {
		max-height: 48rem;
	}
	.special-reading {
		padding: 8em 5%;
	}
	.special-reading .contents-card__content {
		/*min-height: 30rem;*/
		min-height: 34rem;
		padding: 2em 2.3em;
	}
	/*
	.first-anniversary .contents-card__content {
		min-height: 34.2rem;
	}*/
}