@charset "utf-8";

/**-----------------------
*lenis
-------------------------**/
.lenis.lenis-smooth {
	scroll-behavior: auto;
}

html.lenis {
	height: auto;
}

.l-main {
	overflow: hidden;
}

:root {
  --color-gallery-2024-01: #004ea2;
}

/**-----------------------
*kv
-------------------------**/
.p-gallery__kv {
	position: relative;
}

.p-gallery__kv::before {
	content: '';
	width: 100%;
	height: 74rem;
	background-color: var(--color-gallery-2024-01);
	position: absolute;
	top: 0;
	left: 0;
	z-index: var(--zIndex-1);
}

.p-gallery__kv__image {
	aspect-ratio: 1230 / 800;
	width: 123rem;
	overflow: hidden;
}

.p-gallery__kv__image img {
	/* opacity: 0; */
}

.p-gallery__kv__title {
	top: 20rem;
	left: 0.5rem;
	left: -2.5rem;
	line-height: calc(80 / 60);
}

@media screen and (min-width:769px) {

	/* Safari */
	::-webkit-full-page-media,
	:future,
	:root .p-gallery__kv__title {
		left: 0;
	}

	/* Firefox */
	@-moz-document url-prefix() {
		.p-gallery__kv__title {
			left: 0;
		}
	}
}

.p-gallery__kv__title .c-title__libreBaskerville._xl {
	line-height: 1.25;
  margin: 0 0 0 4.3rem;
	display: flex;
	flex-direction: column;
}

.p-gallery__kv__title .c-title__libreBaskerville._xl>span+span {
	margin: 0 -1.5rem 0 0;
}

.p-gallery__kv__title .c-title__libreBaskerville>span>span {
	line-height: 1.5;
}

@media screen and (min-width:769px) {

	/* Safari */
	::-webkit-full-page-media,
	:future,
	:root .p-gallery__kv__title .c-title__libreBaskerville._xl>span+span {
		margin: 0;
	}

	/* Firefox */
	@-moz-document url-prefix() {
		.p-gallery__kv__title .c-title__libreBaskerville._xl>span+span {
			margin: 0;
		}
	}
}

.p-gallery__kv__title .c-title__libreBaskerville._xl .u-fz__small {
	font-size: 6rem;
	display: block;
}

@media screen and (max-width:768px) {
	.p-gallery__kv__image {
		width: 116rem;
		aspect-ratio: 1 / 1;
	}

	.p-gallery__kv::before {
		height: 108rem;
	}

	.p-gallery__kv__title {
		top: 14.6rem;
		left: -3rem;
		left: -9.6rem;
		line-height: calc(100 / 70);
	}

	.p-gallery__kv__title .c-title__libreBaskerville._xl span {
		line-height: calc(100 / 70);
	}

	.p-gallery__kv__title .c-title__libreBaskerville._xl>span+span {
		margin: 0 -5rem 0 0;
	}


	.p-gallery__kv__title .c-title__libreBaskerville._xl .u-fz__small {
		font-size: 7rem;
	}
}

/**-----------------------
*movie
-------------------------**/
.p-gallery__movie__thumnail {
	aspect-ratio: 780 / 438;
}

.p-gallery__movie__thumnail.c-overlayMask::before {
	height: auto;
	aspect-ratio: 780 / 438;
}

.p-gallery__movie__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.p-gallery__movie__title.c-title__libreBaskerville._xs {
	font-size: 2.4rem;
}

/**-----------------------
*photo
-------------------------**/
.p-gallery__photo {
	display: flex;
	flex-direction: column;
}

.p-gallery__photo__block {
	margin: 12rem 0 0;
}

.p-gallery__photo__block.c-loop+.p-gallery__photo__block {
	margin-top: 0;
}

.p-gallery__photo__block._single {
	display: block;
}

.p-gallery__photo__block._single .p-gallery__photo__image._sm {
	margin-left: auto;
	margin-right: auto;
}

.p-gallery__photo__block._flex {
	display: flex;
	align-items: center;
}

.p-gallery__photo__block._flex._colmn .p-gallery__photo__image._md {
	margin-left: 7rem;
	margin-left: calc((70 / 1300) * 100%);
	margin-right: 7rem;
	margin-right: calc((70 / 1300) * 100%);
}

.p-gallery__photo__image__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
	gap: calc((40 / 580) * 100%);
	width: 58rem;
	width: calc((580 / 1300) * 100%);
}

.p-gallery__photo__image__item {
	width: 27rem;
	width: calc((270 / 580) * 100%);
}

.p-gallery__photo__image__item:nth-child(n+3) {
	margin-top: 4rem;
}

.p-gallery__photo__image {
	overflow: hidden;
}

.p-gallery__photo__image._sm {
	width: 45rem;
	width: calc((450 / 1300) * 100%);
	margin-left: 10rem;
	margin-left: calc((100 / 1300) * 100%);
	margin-right: 10rem;
	margin-right: calc((100 / 1300) * 100%);
}

.p-gallery__photo__image._md {
	width: 58rem;
	width: calc((580 / 1300) * 100%);
}

.p-gallery__photo__image._lg {
	width: 100%;
}

.c-loop._a .p-gallery__photo__block__loop__image {
	width: 33rem;
}

.c-loop._b .p-gallery__photo__block__loop__image {
	width: 26rem;
}

.c-loop .p-gallery__photo__block__loop__image img {
	height: 100%;
}

.p-gallery__photo__movie {
	width: 76.8rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.p-gallery__photo .p-gallery__photo__block .p-gallery__photo__image:nth-child(1)._md {
	margin-left: 7rem;
	margin-left: calc((70 / 1300) * 100%);
}

.p-gallery__photo .p-gallery__photo__block .p-gallery__photo__image:nth-child(2)._md {
	margin-right: 7rem;
	margin-right: calc((70 / 1300) * 100%);
}

.p-gallery__photo.b .p-gallery__photo__block:nth-child(2) .p-gallery__photo__image._sm {
	position: relative;
	z-index: 2;
}

.p-gallery__photo.b .p-gallery__photo__block:nth-child(4) {
	position: relative;
}

.p-gallery__photo__copy.c-vertical__title {
	position: absolute;
	right: -1rem;
	top: -60rem;
	z-index: 1;
}

@media screen and (max-width:768px) {
	.p-gallery__photo+.p-gallery__photo {
		margin: 0;
	}

	.p-gallery__photo__block {
		margin: 0;
	}

	.p-gallery__photo__block.c-loop+.p-gallery__photo__block .p-gallery__photo__image {
		margin: 0;
	}

	.p-gallery__photo__block._single .p-gallery__photo__image._sm {
		width: 59rem;
	}

	.p-gallery__photo__block._flex {
		flex-direction: column;
	}

	.p-gallery__photo__block._flex._colmn .p-gallery__photo__image._md {
		margin-left: auto;
		margin-right: auto;
	}

	.p-gallery__photo__image__list {
		gap: 3rem;
		width: 51rem;
	}

	.p-gallery__photo__image__item {
		width: 24rem;
	}

	.p-gallery__photo__image__item:nth-child(n+3) {
		margin-top: 0;
	}

	.p-gallery__photo__image {
		margin: 12rem 0 0;
	}

	.p-gallery__photo__image._sm {
		width: 51rem;
		margin-left: auto;
		margin-right: auto;
	}

	.p-gallery__photo__image._md {
		width: 65rem;
		margin-left: auto;
		margin-right: auto;
	}

	.p-gallery__photo__image._lg {
		width: 100%;
	}

	.p-gallery__photo .p-gallery__photo__block .p-gallery__photo__image:nth-child(1)._md {
		margin-left: auto;
	}

	.p-gallery__photo .p-gallery__photo__block .p-gallery__photo__image:nth-child(2)._md {
		margin-right: auto;
	}

	.p-gallery__photo__block__loop {
		margin-top: 12rem;
	}

	.c-loop._a .p-gallery__photo__block__loop__image {
		width: 45rem;
	}

	.c-loop._b .p-gallery__photo__block__loop__image {
		width: 20rem;
	}

	.p-gallery__photo__movie {
		width: 65rem;
		margin-top: 12rem;
	}

	.p-gallery__photo.a .p-gallery__photo__block:nth-child(5) .p-gallery__photo__image._sm {
		width: 59rem;
		height: 33rem;
	}

	.p-gallery__photo.a .p-gallery__photo__block:nth-child(5) .p-gallery__photo__image._sm img {
		height: 100%;
		object-fit: cover;
	}

	.p-gallery__photo__copy.c-vertical__title {
		font-size: 2.4rem;
		top: -76rem;
	}
}

/**-----------------------
*banner
-------------------------**/
.p-gallery__banner {
	margin-top: 12rem;
	margin-bottom: 12rem;
}

.p-gallery__banner__link {
	display: flex;
}

.p-gallery__banner__image,
.p-gallery__banner__text {
	width: 50%;
}

.p-gallery__banner__text {
	background-color: var(--color-gray);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.p-gallery__banner__title {
	font-size: 2.8rem;
	line-height: calc(51 / 28);
}

@media screen and (max-width:768px) {
	.p-gallery__banner {
	margin-top: 8rem;
	margin-bottom: 8rem;
}

.p-gallery__banner__link {
	flex-direction: column;
}

.p-gallery__banner__image, .p-gallery__banner__text {
    width: 100%;
}

.p-gallery__banner__text {
	padding: 8rem 0;
}

.p-gallery__banner__title {
	font-size: 3.4rem;
}
}

/**-----------------------
*popup
-------------------------**/
.fac-popups-show {
	overflow: hidden;
}

.fac-popups {
	min-width: 102rem;
	min-height: 50rem;
	padding: 10rem 4rem;
	z-index: var(--zIndex_99999);
}

.fac-popups .fac-popups-board {
	width: 80rem;
	aspect-ratio: 16 / 9;
}

.fac-popups.fac-popups-vimeo .fac-gallery-item {
	max-height: 100%;
}

@media screen and (max-width:768px) {
	.fac-popups {
		min-width: 28rem;
		min-height: 40rem;
		padding: 17rem 6rem;
	}

	.fac-popups .fac-popups-board {
		width: 63rem;
	}

	.fac-popups .fac-popups-close {
		font-size: 8rem;
		top: 0.3em;
	}
}

/* 2024追記 */

.p-gallery__photo__block._flex.blue-col {
	justify-content: space-between;
	align-items: stretch;
	margin-top: 14rem;
}

.p-gallery__photo__block._flex.blue-col .p-gallery__photo__image {
	margin: 0;
}

.p-gallery__photo__block._flex.blue-col .blue-bg + .p-gallery__photo__image {
	width: 58rem;
}

.p-gallery__photo__block._flex .blue-bg {
	background: var(--color-gallery-2024-01);
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-gallery__photo__block._flex .blue-bg picture {
	width: 37rem;
	display: block;
}

.p-gallery__photo.a {
	margin-top: -2rem;
}

.p-gallery--2024 .p-gallery__photo__block {
	margin-top: 14rem;
}

.p-gallery--2024 .p-gallery__photo__block._flex .p-gallery__photo__image._sm {
	width: 44rem;
}

.p-gallery__photo.a .p-gallery__photo__block._single .p-gallery__photo__image._sm {
	width: 60rem;
}

.p-gallery__photo.b .p-gallery__photo__block._single .p-gallery__photo__image._sm {
	width: 78rem;
}

.p-gallery__photo.b .p-gallery__photo__block._single + .p-gallery__photo__block._single {
	margin-top: 4rem;
}

.p-gallery__photo__block.--attached-bg-01,
.p-gallery__photo__block.--attached-bg-02 {
	position: relative;
}

.p-gallery__photo__block.--attached-bg-01::before,
.p-gallery__photo__block.--attached-bg-02::before {
	background: #d9e5f1;
	position: absolute;
	content: "";
	width: 40rem;
	height: 90rem;
	z-index: -1;
}

.p-gallery__photo__block.--attached-bg-01::before {
	right: 0;
	top: -33rem;
}

.p-gallery__photo__block.--attached-bg-02::before {
	left: 0;
	top: -33rem;
}

.p-gallery--2024 .p-gallery__photo__movie {
	width: 78rem;
	aspect-ratio: 780/432;
}
.p-gallery--2024 .p-gallery__movie__thumnail {
	aspect-ratio: 780/439;
}

@media screen and (max-width:768px) {
	.p-gallery__photo__block._flex.blue-col {
		justify-content: space-between;
		align-items: stretch;
		margin-top: 12rem;
		width: 100%;
	}

	.p-gallery__photo__block._flex.blue-col .p-gallery__photo__image {
		margin: 0;
	}

	.p-gallery__photo__block._flex.blue-col .blue-bg + .p-gallery__photo__image {
		width: 100%;
	}

	.p-gallery__photo__block._flex .blue-bg {
		background: var(--color-gallery-2024-01);
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20rem 0;
	}

	.p-gallery__photo__block._flex .blue-bg picture {
		width: 37rem;
		display: block;
	}

	.p-gallery__photo.a {
		margin-top: 0;
	}

	.p-gallery--2024 .p-gallery__photo__block {
		margin: 0;
	}

	.p-gallery--2024 .p-gallery__photo__block._flex .p-gallery__photo__image._sm {
		width: 51rem;
	}

	.p-gallery__photo.a .p-gallery__photo__block._single .p-gallery__photo__image._sm {
		width: 59rem;
	}

	.p-gallery__photo.b .p-gallery__photo__block._single .p-gallery__photo__image._sm {
		width: 59rem;
		height: 33rem;
	}

	.p-gallery__photo.b .p-gallery__photo__block._single + .p-gallery__photo__block._single {
		margin-top: 4rem;
	}

	.p-gallery__photo.b .p-gallery__photo__block._single + .p-gallery__photo__block._single .p-gallery__photo__image._sm {
		margin: 0 auto;
	}


.p-gallery__photo__block.--attached-bg-01::before {
	right: 0;
	top: -29.5rem;
}

.p-gallery__photo__block.--attached-bg-02::before {
	left: 0;
	top: -29.5rem;
}
}