.p-greeting__wrap {
	align-items: center;
	display: grid;
	gap: 5.7345360825%;
	grid-template-columns: 51.3530927835% 1fr;
	margin-inline: auto;
	max-width: 97rem;
}

.p-greeting__lead {
	line-height: 1.7;
}

.p-greeting__name ruby {
	letter-spacing: 0.15em;
	position: relative;
}

.p-greeting__name rt {
	left: 0;
	letter-spacing: 0.15em;
	position: absolute;
	top: 100%;
	white-space: nowrap;
}

.p-greeting__text {
	line-height: 2.5;
}

.p-greeting__dog {
	margin-inline: auto;
	max-width: 49.8125rem;
}

.p-important {
	background: linear-gradient(to bottom, transparent 0, #fff 10rem);
	position: relative;
	z-index: 1;
}

.p-important__slider {
	display: grid;
	gap: 1.6875rem;
	grid-template-columns: repeat(3, 1fr);
}

.p-instagram {
	position: relative;
}

.p-instagram__inner {
	max-width: unset;
}

.p-intro {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 100dvh;
	overflow: clip;
	padding-block: 18.25rem 25.4375rem;
	position: sticky;
	top: 0;
}

.p-intro__logo {
	margin-inline: auto;
	max-width: 25.375rem;
}

.p-intro__text {
	letter-spacing: 0.2em;
	line-height: 2.5;
	position: relative;
	z-index: 1;
}

.p-intro__text::before {
	background: url(../images/common/main_vector.svg) center center/contain no-repeat;
	bottom: 4.25rem;
	content: "";
	height: 10.5rem;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) rotate(-10deg);
	width: 67.1875rem;
	z-index: -1;
}

.p-intro-gallery {
	aspect-ratio: 3/2;
	min-height: 100dvh;
	overflow: clip;
	position: relative;
	width: 100%;
}

.p-intro-gallery_img1 {
	position: absolute;
	right: calc(50% - min(47.8645833333vw, 57.4375rem));
	top: 0;
	width: min(25.4166666667vw, 30.5rem);
}

.p-intro-gallery_img2 {
	left: calc(50% - min(47.8645833333vw, 57.4375rem));
	position: absolute;
	top: min(15.2083333333vw, 18.25rem);
	width: min(20.8333333333vw, 25rem);
}

.p-intro-gallery_img3 {
	bottom: min(14.6875vw, 17.625rem);
	position: absolute;
	right: calc(50% - min(51.9270833333vw, 62.3125rem));
	width: min(18.90625vw, 22.6875rem);
}

.p-intro-gallery_img4 {
	bottom: min(5.8854166667vw, 7.0625rem);
	left: calc(50% - min(35.9895833333vw, 43.1875rem));
	position: absolute;
	width: min(15.2604166667vw, 30.5rem);
}

.p-loading {
	background-color: #fff;
	display: none;
	height: 100dvh;
	left: 0;
	position: fixed;
	top: 0;
	transition: all 1s;
	width: 100%;
	z-index: 1000;
}

.p-loading.is-hide {
	opacity: 0;
	visibility: hidden;
}

.p-loading__img {
	height: -moz-fit-content;
	height: fit-content;
	inset: 0;
	margin: auto;
	max-width: 12.5rem;
	position: absolute;
}

/*
.p-menu__links {
	display: grid;
	gap: 1.25rem 1.5625rem;
	grid-template-columns: repeat(4, 1fr);
}
	*/

.p-mv {
	position: relative;
}

.p-mv__title {
	left: 2.375rem;
	letter-spacing: 0.08em;
	opacity: 0;
	position: absolute;
	top: 8.875rem;
	transform: translateY(-6.875rem);
	transition: all 1s;
}

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

.p-mv__logo {
	align-items: flex-start;
	display: flex;
	flex-direction: row-reverse;
	margin-inline: auto;
	position: relative;
	width: 8.3125rem;
	z-index: 1;
}

.p-mv__logo img {
	opacity: 0;
	transition: all 1s;
}

.p-mv__logo img:nth-child(1) {
	height: auto;
	width: 4.375rem;
}

.p-mv__logo img:nth-child(2) {
	height: auto;
	margin-top: 3.625rem;
	transition-delay: 0.75s;
	width: 6.25rem;
}

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

.p-mv__video {
	opacity: 0;
	position: relative;
	transition: opacity 1s;
}

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

.p-mv__video::before {
	background: url(../images/index/mv_cover.svg) top left/100% auto no-repeat;
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: -2px;
	width: 100%;
	left: -2px;
	width: calc(100% + 4px);
}

.p-mv__video::after {
	background: url(../images/index/mv_cover.svg) top left/100% auto no-repeat;
	content: "";
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: -1px;
	transform: rotate(180deg);
	width: 100%;
	left: -2px;
	width: calc(100% + 4px);
}

.p-mv__video video {
	-o-object-fit: cover;
	aspect-ratio: 1920/1005;
	height: 100%;
	object-fit: cover;
	width: 100%;
	width: 100%;
}

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

.p-greeting__wrap {
	gap: 0.9375rem;
	grid-template-columns: 100%;
}

.p-greeting__img {
	margin-inline: auto;
	width: 76.9230769231vw;
}

.p-greeting__lead {
	line-height: 2;
}

.p-greeting__text {
	line-height: 2.4;
}

.p-greeting__dog {
	max-width: 7.75rem;
}

.p-important__slider {
	display: block;
}

.p-intro {
	min-height: unset;
	padding-block: 5rem 2.3125rem;
	position: relative;
}

.p-intro__logo {
	max-width: 19rem;
}

.p-intro__text {
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2.2;
}

.p-intro__text::before {
	bottom: 3.5rem;
	height: 4rem;
	width: 25.375rem;
}

.p-intro-gallery {
	aspect-ratio: 390/508;
	height: 31.75rem;
	max-width: 100%;
	min-height: unset;
}

.p-intro-gallery_img1 {
	right: -6.4102564103vw;
	width: 64.1025641026vw;
}

.p-intro-gallery_img2 {
	left: -7.4358974359vw;
	top: 40.2564102564vw;
	width: 52.5641025641vw;
}

.p-intro-gallery_img3 {
	bottom: 26.9230769231vw;
	right: -2.5641025641vw;
	width: 47.6923076923vw;
}

.p-intro-gallery_img4 {
	bottom: 0;
	left: 15.3846153846vw;
	width: 38.4615384615vw;
}

.p-loading__img {
	max-width: 8.75rem;
}

/*
.p-menu__links {
	gap: 0.625rem 0.25rem;
	grid-template-columns: repeat(2, 1fr);
}


.p-menu__link:nth-child(1),
.p-menu__link:nth-child(2),
.p-menu__link:nth-child(3),
.p-menu__link:nth-child(4) {
	grid-column: span 2;
}
	*/
.p-mv__title {
	left: 0.875rem;
	letter-spacing: 0.01em;
	top: 4.125rem;
}

.p-mv__logo {
	width: 5.375rem;
	width: 8.375rem;
}

.p-mv__logo img:nth-child(1) {
	width: 2.125rem;
	width: 2.625rem;
}

.p-mv__logo img:nth-child(2) {
	margin-top: 2.3125rem;
	width: 2.8125rem;
	width: 3.8125rem;
}

.p-mv__video video {
	aspect-ratio: 390/565;
}

}