/* @mixin mq-pc-sp2 {
	@media (max-width: 1024px) and (min-width: 500px) {
		@content;
	}
} */
/* --------------------------------------------------------
* top
* -------------------------------------------------------*/
.mv {
	position: relative;
	width: 100%;
	aspect-ratio: 750/1126;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	max-height: 100dvh;
}
@media screen and (orientation: landscape) {
	.is-pad .mv {
		max-height: 100dvh;
	}
}
.mv__parts {
	aspect-ratio: 542/848;
	width: clamp(167px, 45.57vw, 350px);
	position: absolute;
	left: clamp(-118px, -21.74vw, -58px);
	bottom: clamp(-60px, -7.81vw, -30px);
}
.mv__parts::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(/assets/images/top/bg_mv.svg) center/contain no-repeat;
}
.mv__parts-scroll {
	display: none;
}
.mv__content {
	position: absolute;
	inset: 0;
	z-index: -1;
}
.mv__content::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 2;
}
.mv__content img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.mv__inner {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	font-feature-settings: "palt";
	color: #FFF;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
	position: relative;
	z-index: 2;
}
@media (min-width: 768px), print {
	.mv__inner {
		padding-left: 40px;
		padding-right: 40px;
	}
}
.mv__lead {
	font-size: clamp(1.4rem, 3.73vw, 3.5rem);
	font-weight: 500;
	line-height: var(--line-height-m);
	letter-spacing: 1.5px;
}
.mv__lead2 {
	font-size: clamp(2.9rem, 7.55vw, 7.4rem);
	font-weight: bold;
	line-height: var(--line-height-m);
	letter-spacing: 1.5px;
}
.mv__slider {
	height: 100%;
}
.mv__slider-inner {
	height: 100%;
}
.mv__slider-image {
	width: 100%;
	height: 100%;
	position: relative;
}
.mv__slider-image img {
	position: absolute;
	inset: 0;
	object-fit: cover;
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.mv {
		max-height: 100%;
	}
}
@media (min-width: 1025px), print {
	.mv {
		aspect-ratio: 1920/960;
	}
	.mv__parts {
		width: clamp(180px, 17.59vw, 364px);
		left: clamp(-38px, -1.875vw, -19px);
		bottom: clamp(-50px, -2.63vw, -28px);
	}
	.mv__parts-scroll {
		display: flex;
		align-items: center;
		font-size: clamp(1rem, 1.04vw, 1.9rem);
		gap: clamp(10px, 0.694vw, 18px);
		color: #FFF;
		position: absolute;
		left: 0;
		right: 20%;
		bottom: 0;
		margin: auto;
		z-index: 2;
		writing-mode: vertical-rl;
		width: fit-content;
	}
	.mv__parts-scroll::after {
		content: "";
		height: clamp(63px, 6.11vw, 117px);
		width: 1px;
		display: block;
		background-color: #FFF;
		position: relative;
		right: 1px;
	}
	.mv__content {
		position: absolute;
		inset: 0;
		z-index: -1;
	}
	.mv__content::before {
		content: "";
		position: absolute;
		inset: 0;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 2;
	}
	.mv__inner {
		max-width: 100%;
		padding-right: 0;
		padding-left: clamp(86px, 8.33vw, 160px);
		padding-bottom: 60px;
	}
	.mv__lead {
		font-size: clamp(1.8rem, 1.875vw, 3.5rem);
		letter-spacing: 2.5px;
	}
	.mv__lead2 {
		font-size: clamp(3.8rem, 3.88vw, 7.4rem);
		letter-spacing: 3px;
	}
}

.important {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
	z-index: 10;
}
@media (max-width: 1024px) {
	.important + .news {
		padding-top: 60px;
	}
}
@media (min-width: 1025px), print {
	.important {
		margin-top: 80px;
		margin-bottom: 80px;
	}
}

.news {
	background-color: var(--color-bg4);
	padding: 60px 0 70px;
}
.news__buttonList {
	margin: 40px auto 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 20px;
}
.news__button {
	width: 100%;
	max-width: 295px;
}
@media (max-width: 1024px) and (min-width: 768px), print {
	.news {
		padding-top: clamp(70px, 11vw, 90px);
	}
}
@media (min-width: 1025px), print {
	.news {
		padding: 100px 0 120px;
	}
	.news__wrap {
		position: relative;
	}
	.news__buttonList {
		margin: 0;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-end;
		gap: 40px;
		position: absolute;
		right: 0;
		top: 47px;
		width: 100%;
		pointer-events: none;
	}
	.news__button {
		max-width: 288px;
		pointer-events: all;
	}
}

.about {
	padding: 60px 0 110px;
	position: relative;
}
.about::before, .about::after {
	content: "";
	aspect-ratio: 1024/230;
	width: 1024px;
	background: url(/assets/images/top/bg_about.svg) center top/cover no-repeat, var(--color-bg4);
	position: absolute;
	top: 0;
	left: 0;
	margin-left: calc(50% - 512px);
	z-index: -1;
}
.about::after {
	top: auto;
	bottom: -1px;
	transform: scale(1, -1);
}
.about__wrap {
	display: flex;
	flex-direction: column;
}
.about__button {
	width: 100%;
	order: 4;
	margin-top: 40px;
}
@media (min-width: 1025px), print {
	.about {
		padding: 100px 0 200px;
	}
	.about::before, .about::after {
		width: 1920px;
		margin-left: calc(50% - 960px);
	}
	.about__wrap {
		display: block;
	}
}

.cmn-imageset__image {
	margin-left: -20px;
}
.cmn-imageset__image img {
	border-radius: 0 20px 20px 0;
}
.cmn-imageset--r .cmn-imageset__image {
	margin-left: 0;
	margin-right: -20px;
}
.cmn-imageset--r .cmn-imageset__image img {
	border-radius: 20px 0 0 20px;
}
.cmn-imageset__main {
	margin-top: 40px;
}
@media (max-width: 1024px) and (min-width: 768px), print {
	.cmn-imageset__image {
		margin-left: -40px;
	}
	.cmn-imageset--r .cmn-imageset__image {
		margin-left: 0;
		margin-right: -40px;
	}
}
@media (min-width: 1025px), print {
	.cmn-imageset {
		display: flex;
		gap: 40px;
	}
	.cmn-imageset--r {
		flex-direction: row-reverse;
	}
	.cmn-imageset__image {
		margin-left: calc(50% - 50vw);
		flex: 1;
	}
	.cmn-imageset__image img {
		border-radius: 0 40px 40px 0;
	}
	.cmn-imageset--r .cmn-imageset__image {
		margin-left: 0;
		margin-right: calc(50% - 50vw);
	}
	.cmn-imageset--r .cmn-imageset__image img {
		border-radius: 40px 0 0 40px;
	}
	.cmn-imageset__main {
		width: min(580px, 50%);
		margin-top: 0;
	}
}
@media (min-width: 1281px), print {
	.cmn-imageset {
		gap: 80px;
	}
}

.ir {
	background-color: var(--color-bg4);
	padding-top: 70px;
}
@media (min-width: 1025px), print {
	.ir {
		padding-top: 120px;
	}
}

.sustainability {
	background-color: var(--color-bg4);
	padding: 80px 0 130px;
}
@media (min-width: 1025px), print {
	.sustainability {
		padding: 160px 0 220px;
	}
}

.recruit {
	background-color: #FEB500;
	position: relative;
}
.recruit__wrap {
	padding-bottom: 70px;
	position: relative;
}
.recruit__wrap::before {
	content: "";
	aspect-ratio: 542/848;
	width: 167px;
	position: absolute;
	right: -10px;
	top: 77px;
	background: url(/assets/images/beans.svg) center/contain no-repeat;
}
.recruit__imageset {
	position: relative;
}
.recruit__imageset-content {
	position: relative;
	top: -30px;
	aspect-ratio: 315/210;
	width: min(608px, 94%);
	margin-inline: auto;
}
.recruit__imageset-main {
	margin-top: 10px;
}
.recruit__slider .swiper {
	overflow: visible;
}
.recruit__slider .swiper:not(.swiper-initialized) .recruit__slider-image {
	rotate: 0deg;
	opacity: 1;
}
.recruit__slider .swiper-slide-active,
.recruit__slider .swiper-slide-duplicate-active {
	z-index: 10;
}
.recruit__slider .swiper-slide-prev,
.recruit__slider .swiper-slide-duplicate-prev {
	z-index: 20;
}
.recruit__slider .swiper-slide-next,
.recruit__slider .swiper-slide-duplicate-next {
	opacity: 1 !important;
}
.recruit__slider-image {
	aspect-ratio: 315/210;
	border-radius: 20px;
	overflow: hidden;
}
.recruit__slider-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide .recruit__slider-image {
	rotate: 10deg;
	transform-origin: 100% 50%;
	opacity: 0;
	transition: rotate 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	will-change: rotate;
}
.swiper-slide-active .recruit__slider-image, .swiper-slide-duplicate-active .recruit__slider-image {
	rotate: 0deg;
	opacity: 1;
}
.swiper-slide-next .recruit__slider-image, .swiper-slide-duplicate-next .recruit__slider-image {
	aspect-ratio: 315/230;
	rotate: 5deg;
	position: relative;
	opacity: 1;
}
.swiper-slide-next .recruit__slider-image::before, .swiper-slide-duplicate-next .recruit__slider-image::before {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(var(--color-seco-rgb), 0.5);
	backdrop-filter: blur(5px);
}
.swiper-slide-prev .recruit__slider-image, .swiper-slide-duplicate-prev .recruit__slider-image {
	rotate: -5deg;
}
@media (max-width: 1024px) and (min-width: 768px), print {
	.recruit__wrap::before {
		top: 40%;
	}
}
@media (min-width: 1025px), print {
	.recruit::before {
		content: "";
		width: 542px;
		height: 100%;
		position: absolute;
		right: 40px;
		top: 0;
		background: url(/assets/images/beans.svg) 0 -60px/542px 848px no-repeat;
	}
	.recruit__wrap {
		padding-bottom: 0;
	}
	.recruit__wrap::before {
		display: none;
	}
	.recruit__imageset {
		display: flex;
		align-items: flex-start;
		flex-direction: row-reverse;
		gap: 40px;
	}
	.recruit__imageset-content {
		position: relative;
		top: -30px;
		aspect-ratio: 315/210;
		margin-inline: auto;
		flex: 1;
	}
	.recruit__imageset-main {
		margin-top: 0;
		padding: 120px 0;
		width: 30%;
		min-width: 288px;
	}
	.swiper-slide .recruit__slider-image {
		transform-origin: 45% 50%;
	}
	.swiper-slide-next .recruit__slider-image, .swiper-slide-duplicate-next .recruit__slider-image {
		aspect-ratio: 315/200;
	}
}
@media (min-width: 1281px), print {
	.recruit__imageset-main {
		min-width: 373px;
	}
}
/*# sourceMappingURL=top.css.map */