@charset "UTF-8";

.ls-page {
	color: #fff;
	font-family: 'EB Garamond', 'Shippori Mincho', serif;
	font-feature-settings: 'palt';
	background: #000 !important;
	cursor: default;
}

.ls-page *::selection {
	color: #000;
	background-color: rgba(255,255,255,.5);
}

.ls-page img {
	
	width: 100%;
}

.u-inner {
}

.u-section {
	position: relative;
	padding-bottom: 10px;
}

.u-title-hi {
	line-height: 1;
	text-align: center;
}

.u-title-hi--en-top:before,
.u-title-hi--en-bottom:after {
	content: attr(data-en)'';
	color: rgba(255,255,255,.2);
	font-size: 4vw;
	font-style: italic;
	letter-spacing: .1em;
	margin: .5em 0 0;
	display: block;
}

.u-title-hi--en-top:before {
	margin-top: 0;
	margin-bottom: .5em;
}

.u-title-hi strong {
	font-size: 4.4vw;
	font-weight: 400;
	padding: 0 .8em;
	display: inline-block;
	position: relative;
}

.u-title-hi strong:before,
.u-title-hi strong:after {
	content: '';
	width: .55em;
	height: 1px;
	background: #d4d4d4;
	position: absolute;
	top: 50%;
	left: 0;
}

.u-title-hi strong:after {
	left: auto;
	right: 0;
}

.u-title-hi--rl strong {
	writing-mode: vertical-rl;
	padding: .8em .15em .8em 0;
}

.u-title-hi--rl strong:before,
.u-title-hi--rl strong:after {
	width: 1px;
	height: .55em;
	background: #000;
	top: 0;
	left: 50%;
}

.u-title-hi--rl strong:after {
	top: auto;
	right: auto;
	bottom: 0;
}

.u-text {
	color: #d4d4d4;
	font-size: 1.05vw; 
	font-weight: 400;
	line-height: 2.75;
	letter-spacing: 0;
}

.u-text:not(:first-of-type) {
	margin-top: 2em;
}





/*mv*/
.l-mv-title {
	width: 45%;
	margin: 2% 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	opacity: 0;
	transition: 1s 1s;
}

.stateScroll .l-mv-title {
	opacity: 1;
}

.l-mv-title:after {
	content: '';
	width: 0;
	height: 3px;
	background: rgba(0,0,0,.5);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	transition:
		width .6s .6s,
		height .4s 1.2s
	;
}

.stateScroll .l-mv-title:after {
	width: 100%;
	height: 100%;
}

.l-mv-title strong {
	display: block;
	position: relative;
	z-index: 10;
}

.l-mv-title strong:before,
.l-mv-title strong:after {
	content: '';
	width: 25%;
	padding: 20% 0 0;
	display: block;
	background: url("/_assets/images/lineup/lifestylehotel/mv_03.png") no-repeat left bottom / 100% 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(-20%,28%);
	opacity: .4;
}

.l-mv-title strong:after {
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	transform: translate(20%,-28%) scale(-1,-1);
}

.l-mv-title em {
	text-align: center;
	padding: 8% 0;
	display: block;
}

.l-mv-title img {
	width: 82%;
	transform: translate(0,10px);
	opacity: 0;
	transition: 1s 2s;
}

.stateScroll .l-mv-title img {
	transform: translate(0,0);
	opacity: 1;
}

.l-mv-image {
	padding: 57.75% 0 0;
	position: relative;
	overflow: hidden;
}

.l-mv-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transition: 4s;
	transform: translate(-50%,-50%) scale(1.1);
	filter: brightness(50%) contrast(150%);
}

.stateScroll .l-mv-image img {
	transform: translate(-50%,-50%) scale(1);
	filter: brightness(100%) contrast(100%);
}


/*entrance__inner*/
.l-entrance__inner {
	padding: 5% 0 0;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	transform: translate(0,10px);
	transition: .5s 1.5s;
}

.stateScroll .l-entrance__inner {
	transform: translate(0,0);
	opacity: 1;
}

.l-entrance-title {
	text-align: center;
	width: 38.5%;
	padding: 0 0 0 5%;
}

.l-entrance-text {
	width: calc(100% - 38.5%);
}

.l-entrance figure {
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll.l-entrance figure {
	opacity: 1;
}

/*dk*/
.l-dk {
	overflow: hidden;
}

.l-dk__inner {
	margin-top: 2%;
	padding: 4% 0;
	display: flex;
	align-items: center;
	background: rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	z-index: 10;
}

.l-dk-title {
	width: 38%;
	transform: translate(0,10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-dk-title {
	transform: translate(0,0);
	opacity: 1;
}

.l-dk-text {
	width: calc(100% - 38%);
	transform: translate(0,10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-dk-text {
	transform: translate(0,0);
	opacity: 1;
}

.l-dk figure {
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll.l-dk figure {
	opacity: 1;
}



/*pdwc*/
.l-pdwc {
	background: #fff;
}

.l-pdwc__inner-title,
.l-pdwc .u-text {
	color: #000;
}

.l-pdwc:after {
	content: '';
	display: block;
	clear: both;
}

.l-pdwc > * {
	float: left;
}

.l-pdwc__inner {
	width: calc(100% - 39.3%);
	padding: 39.35% 0 0;
	position: relative;
}

.l-pdwc__inner-title {
	width: 17%;
	margin: -3% 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(calc(-50% + 10px));
	opacity: 0;
	transition: .5s 1.5s;
}

.stateScroll .l-pdwc__inner-title {
	transform: translateY(calc(-50%));
	opacity: 1;
}

.l-pdwc__inner-title .u-title-hi {
	text-align: left;
}

.l-pdwc__inner-text {
	width: calc(100% - 17%);
	margin: -3% 0 0;
	padding: 0 0 0 11.8%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(calc(-50% + 10px));
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-pdwc__inner-text {
	transform: translateY(calc(-50%));
	opacity: 1;
}

.l-pdwc__inner-title .u-title-hi:after {
	display: none;
}

.l-pdwc__inner small {
	color: rgba(212,212,212,.4);
	font-size: 4vw;
	font-style: italic;
	white-space: nowrap;
	letter-spacing: .05em;
	margin: 0 0 -.35em .25em;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-pdwc__inner small {
	transform: translateY(0);
	opacity: 1;
}

.l-pdwc > figure {
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll.l-pdwc > figure {
	opacity: 1;
}

.l-pdwc > figure:nth-of-type(1) {
	width: 39.3%;
}

.l-pdwc > figure:nth-of-type(2) {
	width: calc(100% - 39.3%);
	position: absolute;
	bottom: 0;
	right: 0;
}

/*living*/
.l-living__inner {
	width: 40%;
	padding: 7.5% 5% 8.5%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0,0,0,.5);
	-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
}

.l-living .u-title-hi--en-top:before {
	color: rgba(255,255,255,.4);
	margin-bottom: 1em;
}

.l-living-title {
	transform: translate(0,10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-living-title {
	transform: translate(0,0);
	opacity: 1;
}

.l-living-text {
	margin: 22% 0 0;
	transform: translate(0,10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-living-text {
	transform: translate(0,0);
	opacity: 1;
}

.l-living > figure {
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll.l-living > figure {
	opacity: 1;
}

/*work*/
.l-work {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.l-work__inner {
	width: calc(100% - 54%);
	transform: translate(0,10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-work__inner {
	transform: translate(0,0);
	opacity: 1;
}

.l-work figure {
	width: 54%;
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll.l-work figure {
	opacity: 1;
}

.l-work-text {
	padding: 12% 0 0 12%;
}

/*ja*/
.l-ja {
	background: #fff;
}

.l-ja figure {
	padding: 50% 0 0;
	background: #fff;
}

.l-ja figure img {
	position: absolute;
	top: 0;
}

.l-ja figure img:nth-of-type(1) {
	width: 58%;
	margin: 6.25% 0 0;
	left: 0;
	z-index: 10;
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll.l-ja figure img:nth-of-type(1) {
	opacity: 1;
}

.l-ja figure img:nth-of-type(2) {
	width: 50%;
	right: 0;
	transition: 1s .65s;
	opacity: 0;
}

.stateScroll.l-ja figure img:nth-of-type(2) {
	opacity: 1;
}

.l-ja__inner {
	padding: 5% 0 6.5%;
	display: flex;
	align-items: center;
	transform: translate(0,10px);
	transition: .5s 1.25s;
	opacity: 0;
}

.stateScroll .l-ja__inner {
	transform: translate(0,0);
	opacity: 1;
}

.l-ja-title, 
.l-ja .u-text {
	color: #000;
}

.l-ja-title {
	text-align: right;
	width: 38.5%;
	padding: 0 0 0 5%;
}

.l-ja .u-title-hi {
	/*text-align: right;*/
	text-align: center;
}

.l-ja .u-title-hi--en-bottom:after {
	color: rgba(212,212,212,.4);
}

.l-ja-text {
	width: calc(100% - 38.5%);
	padding: 0 0 0 8%;
}

/*mb*/
.l-mb__inner {
	width: 45%;
	padding: 7.5% 7% 8.5%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background: rgba(0,0,0,.5);
	-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(50%);
	backdrop-filter: grayscale(100%) contrast(120%) brightness(50%);
}

.l-mb .u-title-hi--en-top:before {
	color: rgba(255,255,255,.4);
	margin-bottom: 1em;
}

.l-mb-title {
	transform: translate(0,10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-mb-title {
	transform: translate(0,0);
	opacity: 1;
}

.l-mb-text {
	margin: 22% 0 0;
	transform: translate(0,10px);
	transition: .5s 1.5s;
	opacity: 0;
}

.stateScroll .l-mb-text {
	transform: translate(0,0);
	opacity: 1;
}

.l-mb figure {
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll.l-mb figure {
	opacity: 1;
}


/*private*/
.l-private {
	color: #000;
	background: #f3f3f3;
	display: flex;
	align-items: center;
	padding: 9% 0;
}

.l-private__inner {
	width: 41%;
	padding: 0 4.25% 0 5.25%;
	transition: .5s 1.5s;
	transform: translate(0,10px);
	opacity: 0;
}

.stateScroll .l-private__inner {
	transform: translate(0,0);
	opacity: 1;
}

.l-private-title .u-title-hi--en-top:before {
	color: rgba(212,212,212,.4);
}

.l-private-title .u-title-hi strong:before,
.l-private-title .u-title-hi strong:after {
	background: #000;
}

.l-private-text .u-text {
	color: #000;
	margin: 11% 0 0;
}

.l-private__inner + figure {
	width: calc(100% - 41%);
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll .l-private__inner + figure {
	opacity: 1;
}


/*movie*/
.l-movie {
	background: #fff;
	padding: 6% 0 9%;
}

.l-movie-title {
	color: rgba(212,212,212,.4);
	font-size: 4.75vw;
	font-style: italic;
	text-align: center;
	transition: 1s .5s;
	transform: translate(0,10px);
	opacity: 0;
}

.stateScroll .l-movie-title {
	transform: translate(0,0);
	opacity: 1;
}

.l-movie__inner {
	width: 58%;
	margin: 1% auto 0;
	transition: 1s .5s;
	opacity: 0;
}

.l-movie__player {
	width: 100%;
	padding: 56.25% 0 0;
	position: relative;
}

.l-movie__inner iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.stateScroll .l-movie__inner {
	opacity: 1;
}

/*view-more*/
.l-view-more a {
	color: #fff;
	display: block;
	position: relative;
}

.l-view-more a:before {
	content: '';
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	opacity: 0;
	transition: .4s cubic-bezier(.8,0,.4,1);
}

.l-view-more a:hover:before {
	opacity: .1;
}

.l-view-more-title {
	font-size: 1.3vw;
	line-height: 2;
	text-align: center;
	width: 100%;
	margin: 14% 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.l-view-more-button {
	width: 13%;
	margin: 30% 0 0;
	padding: 13% 0 0;
	background: rgba(0,0,0,.6);
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 10;
	transition: .4s cubic-bezier(.8,0,.4,1);
}

.l-view-more-button em {
	font-size: 1.6vw;
	text-align: center;
	letter-spacing: .05em;
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
	transition: .4s cubic-bezier(.8,0,.4,1);
}

.l-view-more a:hover .l-view-more-button {
	background: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,.6);
}

.l-view-more a:hover .l-view-more-button em {
	color: #000;
}

.l-view-more-image {
	margin-bottom: 10px;
	letter-spacing: -.5em;
}

.l-view-more-image img {
	width: calc(100% / 3);
	display: inline-block;
	transition: 1s .5s;
	opacity: 0;
}

.stateScroll .l-view-more-image img {
	opacity: 1;
}

.l-view-more-image img:nth-of-type(1) {
	transition-delay: 0s;
}

.l-view-more-image img:nth-of-type(2) {
	transition-delay: .1s;
}

.l-view-more-image img:nth-of-type(3) {
	transition-delay: .2s;
}

.l-view-more-button__arrow {
	width: 15%;
	margin: 27% 0 0;
	padding: 72.5% 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-100%);
	overflow: hidden;
}

.l-view-more-button__arrow:after {
	content: '';
	width: 1px;
	height: 100%;
	border-radius: 1em;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transition: .4s cubic-bezier(.8,0,.4,1);
	animation: a-view-more-button__arrow 3.5s infinite;
}

@keyframes a-view-more-button__arrow {
	0% {
		transform: translate(-50%,-100%);
	}
	30% {
		transform: translate(-50%,0);
	}
	80%,100% {
		transform: translate(-50%,100%);
	}
}

.l-view-more-button__arrow i {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.l-view-more-button__arrow i:before,
.l-view-more-button__arrow i:after {
	content: '';
	width: 10000%;
	height: 1px;
	display: block;
	background: #fff;
	border-radius: 1em;
	position: absolute;
	bottom: 0;
	transition: .4s cubic-bezier(.8,0,.4,1);
}

.l-view-more-button__arrow i:before {
	right: 50%;
	transform: rotate(45deg);
	transform-origin: bottom right;
}

.l-view-more-button__arrow i:after {
	left: 50%;
	transform: rotate(-45deg);
	transform-origin: left bottom;
}

.l-view-more a:hover .l-view-more-button__arrow:after {
	-webkit-backdrop-filter: invert(100%);
	backdrop-filter: invert(100%);
}


.l-view-more a:hover .l-view-more-button__arrow i:before,
.l-view-more a:hover .l-view-more-button__arrow i:after {
	background: rgba(0,0,0,.4);
}


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

@media screen and (max-width: 768px) {
	#Wrapper {
		position: relative;
		z-index: 0;
	}
	
	.u-title-hi strong {
		font-size: 10vw;
	}
	
	.u-title-hi--en-top:before,
	.u-title-hi--en-bottom:after {
		font-size: 8vw;
	}
	
	.u-text {
		font-size: 3.2vw;
		line-height: 2;
	}
	
	.l-mv-title {
		width: 76%;
	}
	
	.l-mv-image {
		padding: 98% 0 0;
	}
	
	.l-entrance {
		margin: 18% 0 0;
		padding: 0 0 0 6.5%;
	}
	
	.l-entrance__inner {
		display: block;
		padding-top: 0;
	}
	
	.l-entrance-title {
		text-align: left;
		width: 100%;
		padding-left: 6.5%;
		transform: translate(0,-50%);
	}
	
	.l-entrance-title .u-title-hi {
		text-align: left;
	}
	
	.l-entrance-title .u-title-hi--en-bottom:after {
		margin-top: 0;
		padding: 0 6.5% 0 0;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(0,-50%);
	}
	
	.l-entrance-text {
		width: calc(100% - 6.5%);
		margin: 0 0 0 6.5%;
		padding: 5%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
		backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	}
	
	.l-dk {
		margin: 13% 0 0;
		padding: 0 0 45%;
	}
	
	.l-dk__inner {
		padding: 0;
		display: block;
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		top: 0;
		bottom: auto;
	}
	
	.l-dk-title {
		text-align: right;
		width: 100%;
		margin: 28% 0 0;
		padding: 0 6.5% 0 0;
	}
	
	.l-dk-title .u-title-hi {
		text-align: right;
	}
	
	.l-dk-title .u-title-hi--en-bottom:after {
		margin-top: 15%;
	}
	
	.l-dk-text {
		width: calc(100% - 17%);
		margin: 24% 0 0 17%;
		padding: 7%;
		background: rgba(0,0,0,.5);
		-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
		backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	}
	
	.l-dk figure {
		width: 72.5%;
	}
	
	.l-pdwc {
		background: #000;
	}
	
	.l-pdwc > * {
		float: none;
	}
	
	.l-pdwc__inner {
		width: 100%;
		padding-top: 0;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
	}
	
	.l-pdwc__inner-title,
	.l-pdwc .u-text {
		color: #fff;
	}
	
	.l-pdwc__inner-title {
		width: calc(100% - 6.5%);
		margin-top: 5.25%;
		margin-left: 6.5%;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		transform: translateY(10px);
	}
	
	.stateScroll .l-pdwc__inner-title {
		transform: translateY(0);
	}
	
	.l-pdwc .u-title-hi--rl strong {
		writing-mode: horizontal-tb;
		padding: 0 0.8em;
	}
	
	.l-pdwc .u-title-hi--rl strong:before,
	.l-pdwc .u-title-hi--rl strong:after {
		content: '';
		width: 0.55em;
		height: 1px;
		background: #d4d4d4;
		position: absolute;
		top: 50%;
		left: 0;
	}
	
	.l-pdwc .u-title-hi--rl strong:after {
		left: auto;
		right: 0;
	}
	
	.l-pdwc__inner small {
		font-size: 8vw;
		letter-spacing: .1em;
		margin: 2% 0 0 5%;
		transform-origin: bottom left;
		transform: rotate(90deg);
		top: 0;
		bottom: auto;
		left: auto;
	}
	
	.stateScroll .l-pdwc__inner small {
		transform: translateY(0) rotate(90deg);
	}
	
	.l-pdwc__inner-text {
		width: 70.5%;
		margin-top: 0;
		padding: 7%;
		position: absolute;
		top: auto;
		bottom: 0;
		left: auto;
		right: 0;
		transform: none;
		transform: translateY(10px);
		background: rgba(0,0,0,.5);
		-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
		backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	}
	
	.stateScroll .l-pdwc__inner-text {
		transform: translateY(0);
	}
	
	.l-pdwc > figure:nth-of-type(1) {
		width: 70.5%;
		margin-left: auto;
	}
	
	.l-pdwc > figure:nth-of-type(2) {
		width: 100%;
		position: relative;
		bottom: auto;
		right: auto;
	}
	
	
	
	.l-living {
		margin: 15% 0 0;
	}
	
	.l-living-title {
		margin: 11% 0 0;
	}
	
	.l-living .u-title-hi--en-top:before {
		display: none;
	}
	
	.l-living .u-title-hi--en-top:after {
		content: attr(data-en)'';
		color: rgba(255,255,255,.2);
		font-size: 8vw;
		font-style: italic;
		letter-spacing: .1em;
		margin: 0.5em 0 0;
		display: block;
	}
	
	.l-living__inner {
		width: 100%;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
	
	.l-living-text {
		width: 100%;
		margin-top: 0;
		padding: 7%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,.5);
		-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
		backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	}
	
	.l-work {
		margin: 15% 0 0;
		display: block;
	}
	
	.l-work > * {
		z-index: 10;
	}
	
	.l-work:after {
		content: '';
		width: 100%;
		padding: 13% 0 0;
		background: #fff;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	
	.l-work__inner {
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 20;
	}
	
	.l-work-title {
		margin: 9% 0 0;
	}
	
	.l-work-title .u-title-hi {
		text-align: right;
		padding: 0 6.5% 0 0;
	}
	
	.l-work-title .u-title-hi--en-top:before {
		display: none;
	}
	
	.l-work-title .u-title-hi--en-top:after {
		content: attr(data-en)'';
		color: rgba(255,255,255,.2);
		font-size: 8vw;
		font-style: italic;
		letter-spacing: .1em;
		margin: 0.5em 0 0;
		display: block;
	}
	
	.l-work-text {
		width: 77%;
		margin: 0 0 18%;
		padding: 7%;
		position: absolute;
		bottom: 0;
		right: 0;
		background: rgba(0,0,0,.5);
		-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
		backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
	}
	
	.l-work figure {
		width: 80%;
		position: relative;
	}
	
	.l-ja {
		padding: 10% 0 0;
		position: relative;
	}
	
	.l-ja:after {
		content: '';
		width: 100%;
		padding: 22% 0 0;
		background: #000;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 0;
	}
	
	.l-ja__inner {
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		display: block;
	}
	
	.l-ja-title {
		text-align: center;
		width: 100%;
		margin: 10% 0 0;
		padding-left: 0;
	}
	
	.l-ja .u-title-hi {
		text-align: center;
	}
	
	.l-ja-text {
		width: 100%;
		padding: 6% 8% 8%;
	}
	
	.l-ja figure {
		padding-top: 0;
	}
	
	.l-ja figure img {
		width: 100% !important;
		margin: 0 !important;
		position: relative;
	}
	
	.l-ja figure:nth-of-type(1) {
		width: 100%;
		margin-top: 0;
		padding: 0 0 0 6.5%;
	}
	
	.l-ja figure:nth-of-type(2) {
		width: 100%;
		margin-top: 0;
		padding-right: 6.5%;
	}
	
	.l-mb {
		margin: 13% 0 0;
	}
	
	.l-mb__inner {
		width: 100%;
		padding: 0;
		bottom: 0;
		left: 0;
		background: transparent;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
	
	.l-mb-title {
		width: 100%;
		margin: 0 0 6%;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.l-mb-title .u-title-hi--en-top:before {
		display: none;
	}
	
	.l-mb-title .u-title-hi--en-top:after {
		content: attr(data-en)'';
		color: rgba(255,255,255,.2);
		font-size: 8vw;
		font-style: italic;
		letter-spacing: .1em;
		margin: 0.5em 0 0;
		display: block;
	}
	
	.l-mb-text {
		width: 86%;
		margin-top: 0;
		padding: 7%;
		background: rgba(0,0,0,.5);
		-webkit-backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
		backdrop-filter: grayscale(100%) contrast(120%) brightness(120%);
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.l-private {
		margin: 37% 0 0;
		padding: 0;
		display: block;
	}
	
	.l-private__inner {
		width: 100%;
		padding: 0;
		position: relative;
		z-index: 10;
	}
	
	.l-private-title {
		margin: -14% 6.5% 0 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.l-private .u-title-hi {
		text-align: right;
	}
	
	.l-private .u-title-hi--en-top:before {
		margin-bottom: 3.7em;
	}
	
	.l-private .u-title-hi strong {
		writing-mode: vertical-rl;
		margin-right: .25em;
		padding: 0.8em 0.15em 0.8em 0;
	}
	
	.l-private .u-title-hi strong:before,
	.l-private .u-title-hi strong:after {
		width: 1px;
		height: .55em;
		background: #000;
		top: 0;
		left: 50%;
	}
	
	.l-private .u-title-hi strong:after {
		top: auto;
		right: auto;
		bottom: 0;
	}
	
	.l-private-text {
		padding: 77% 7% 9%;
	}
	
	.l-private__inner + figure {
		width: 73%;
		margin: -20% 0 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.l-movie {
		padding-top: 14%;
	}
	
	.l-movie-title {
		font-size: 8vw;
		margin: 0 0 4%;
	}
	
	.l-movie__inner {
		width: 100%;
		margin-top: 0;
	}
	
	.l-view-more-image {
		letter-spacing: 0;
	}
	
	.l-view-more-image img {
		width: 100%;
		display: inline-block;
	}
	
	.l-view-more-title {
		font-size: 3.4vw;
		line-height: 2.25;
		margin-top: 30%;
	}
	
	.l-view-more-button {
		width: 45%;
		margin-top: 86%;
		padding-top: 45%;
	}
	
	.l-view-more-button em {
		font-size: 7vw;
	}
	
	
	
	
	
	
	
	
	
	
	
}