.p-intro {
	padding-bottom: 8.25rem;
	padding-top: 6.25rem;
}

.p-intro__wrap {
	align-items: flex-start;
	display: grid;
	gap: 5rem;
	grid-template-columns: 45.4375rem 1fr;
	position: relative;
}

.p-intro__wrap::before {
	background: url(../images/index/cloud_img.webp) center center/contain no-repeat;
	content: "";
	height: 8.8125rem;
	left: calc(50% - min(44.53125vw, 53.4375rem));
	position: absolute;
	top: 1.875rem;
	width: 7.8125rem;
	z-index: 1;
}

.p-intro__left {
	position: relative;
}

.p-intro__btn {
	bottom: -3.125rem;
	position: absolute;
	right: -2.5625rem;
	z-index: 1;
}

.p-intro__content {
	margin-top: 1.875rem;
}

.p-intro__title {
	font-size: 2.125rem;
	font-weight: 400;
	line-height: 2;
	margin-top: 0.75rem;
}

.p-intro__text {
	margin-top: 0.875rem;
}

.p-mv {
	height: 100vh;
	margin-inline: auto;
	max-height: 75rem;
	max-width: 120rem;
	min-height: 50rem;
	position: relative;
}

.p-mv__title {
	left: calc(50% - min(31.5104166667vw, 37.8125rem));
	position: absolute;
	top: calc(50% - min(7.8125vw, 9.375rem));
	transform: translateY(-50%);
	width: min(9.6354166667vw, 11.5625rem);
	z-index: 1;
}

.p-mv__title > img {
	opacity: 0;
}

.p-mv__title.is-active span {
	opacity: 1;
	transform: translateY(0);
}

.p-mv__title span {
	display: inline-block;
	opacity: 0;
	position: absolute;
	transform: translateY(10%);
	transition: all 1s;
}

.p-mv__title span:nth-child(1) {
	right: 0;
	top: 0;
	transition-delay: 0.5s;
	width: min(3.0208333333vw, 3.625rem);
}

.p-mv__title span:nth-child(2) {
	right: min(3.2291666667vw, 3.875rem);
	top: min(3.59375vw, 4.3125rem);
	transition-delay: 0.75s;
	width: min(2.9166666667vw, 3.5rem);
}

.p-mv__title span:nth-child(3) {
	bottom: 0;
	left: 0;
	transition-delay: 1s;
	width: min(3.28125vw, 3.9375rem);
}

.p-mv__animation {
	bottom: min(6.1458333333vw, 7.375rem);
	left: 0;
	opacity: 0;
	position: absolute;
	transform: translateY(10%);
	transition: all 1s;
	width: min(44.7916666667vw, 53.75rem);
}

.p-mv__animation.is-active {
	opacity: 1;
	transform: translate(0);
}

.p-mv__illust {
	left: 0;
	position: absolute;
	top: -12.375rem;
	width: 20.5625rem;
}

.p-mv__slider {
	height: min(37.1354166667vw, 44.5625rem);
	opacity: 0;
	position: absolute;
	right: min(7.2916666667vw, 8.75rem);
	top: 50%;
	transform: translateY(-50%);
	transform: translateY(-40%);
	transition: all 1s;
	width: min(52.1875vw, 62.625rem);
}

.p-mv__slider .slick-list,
.p-mv__slider .slick-track {
	height: 100%;
}

.p-mv__slider.is-active {
	opacity: 1;
	transform: translateY(-50%);
}

.p-mv__slider::before {
	background: url(../images/index/bg_slider.webp) center center/100% 100% no-repeat;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.p-mv__sliderImg {
	height: 100%;
	width: 100%;
}

.p-mv__sliderImg svg {
	height: 100%;
	width: 100%;
}

.p-mv__sliderImg img {
	-o-object-fit: cover;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.p-mv__scroll {
	background-color: #E7E7E7;
	border-radius: 0.125rem;
	bottom: 0;
	height: 5.5rem;
	left: 50%;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transform: translateX(-50%);
	transition: all 1s;
	width: 0.125rem;
}

.p-mv__scroll.is-active {
	opacity: 1;
}

.p-mv__scroll::before {
	animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
	background-color: #99DBC0;
	border-radius: 0.125rem;
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}

.p-mv__news .c-latestNews {
	opacity: 0;
	transform: translateY(100%);
	transition: all 1s;
}

.p-mv__news.is-active .c-latestNews {
	opacity: 1;
	transform: translateY(0);
}

.p-topMessage {
	padding-block: 7.5rem 12.5rem;
}

.p-topMessage__inner {
	max-width: calc(78.125rem + 25px + 25px);
	position: relative;
}

.p-topMessage__head {
	display: flex;
	flex-direction: row-reverse;
	gap: 5.25rem;
	position: absolute;
	top: 0;
	z-index: 1;
}

.p-topMessage__title {
	display: flex;
	flex-direction: column;
	gap: 3.875rem;
}

.p-topMessage__name {
	font-size: 1.5625rem;
	font-weight: 400;
	letter-spacing: 0.128em;
	margin-top: 17.875rem;
	writing-mode: vertical-rl;
}

.p-topMessage__img {
	margin-left: auto;
	margin-top: 1.25rem;
	max-width: 63.5625rem;
	position: relative;
}

.p-topMessage__img::before {
	background: url(../images/index/message_img.webp) center center/contain no-repeat;
	content: "";
	height: 20.1875rem;
	position: absolute;
	right: calc(50% - min(38.28125vw, 45.9375rem));
	top: 0.3125rem;
	width: 9.75rem;
	z-index: 1;
}

.p-topMessage__btn {
	margin-top: -2.6875rem;
	position: relative;
}

.p-topMessage__cat {
	left: -2.25rem;
	position: absolute;
	top: -5.1875rem;
	width: 12.5rem;
}

@media screen and (max-width: 767px) {

.p-intro {
	padding-block: 4.5rem 1.5rem;
}

.p-intro__wrap {
	display: block;
}

.p-intro__wrap::before {
	height: 5.0625rem;
	left: 0;
	top: -3.125rem;
	width: 4.5rem;
}

.p-intro__img {
	margin-inline: auto;
	max-width: 20rem;
}

.p-intro__btn {
	bottom: -4.5rem;
	right: 0.75rem;
}

.p-intro__content {
	margin-top: 4.625rem;
}

.p-intro__title {
	font-size: 1.5rem;
	margin-top: rem86;
}

.p-mv {
	height: -moz-fit-content;
	height: fit-content;
	min-height: unset;
	padding-top: 12.125rem;
}

.p-mv__title {
	left: 2.625rem;
	top: 5.8125rem;
	transform: translateY(0);
	width: 6.125rem;
}

.p-mv__title span:nth-child(1) {
	width: 1.875rem;
}

.p-mv__title span:nth-child(2) {
	right: 1.9375rem;
	top: 2.125rem;
	width: 1.875rem;
}

.p-mv__title span:nth-child(3) {
	width: 2.125rem;
}

.p-mv__animation {
	display: contents;
}

.p-mv__illust {
	left: initial;
	right: 0;
	top: 4rem;
	width: 12.5rem;
}

.p-mv__slider {
	height: 21rem;
	left: 1.4375rem;
	position: relative;
	right: 0;
	top: initial;
	transform: translate(0, 10%);
	width: 29.5rem;
}

.p-mv__slider.is-active {
	transform: translate(0, 0);
}

.p-topMessage {
	padding-block: 2.125rem 1.6875rem;
}

.p-topMessage__inner {
	max-width: 33.75rem;
}

.p-topMessage__head {
	gap: 1.9375rem;
	justify-content: center;
	margin-right: 2.875rem;
	position: relative;
}

.p-topMessage__title {
	gap: 1.8125rem;
}

.p-topMessage__name {
	font-size: 0.9375rem;
	letter-spacing: 0.1333333333em;
	margin-top: 5rem;
}

.p-topMessage__img {
	margin-inline: auto;
	margin-top: -4rem;
	max-width: 22.5rem;
}

.p-topMessage__img::before {
	background-image: url(../images/index/message_img_01.webp);
	height: 1.625rem;
	right: 2.875rem;
	top: -2.4375rem;
	width: 1.625rem;
}

.p-topMessage__img::after {
	background: url(../images/index/message_img_02.webp) center center/contain no-repeat;
	bottom: -5.875rem;
	content: "";
	height: 5.75rem;
	position: absolute;
	right: 1.375rem;
	width: 4.8125rem;
}

.p-topMessage__btn {
	margin-top: 3.625rem;
}

.p-topMessage__btn a {
	width: 10.9375rem;
}

.p-topMessage__cat {
	left: 0.375rem;
	top: -3.1875rem;
	width: 6.125rem;
	top: -3.75rem;
	width: 9.125rem;
}

}

@keyframes scrolldown {

0% {
	transform: scale(1, 0);
	transform-origin: 0 0;
}

50% {
	transform: scale(1, 1);
	transform-origin: 0 0;
}

51% {
	transform: scale(1, 1);
	transform-origin: 0 100%;
}

100% {
	transform: scale(1, 0);
	transform-origin: 0 100%;
}

}