<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* common */
html {
	scrollbar-width: none;
	-ms-overflow-style: none;
}
html::-webkit-scrollbar {
	display: none;
}
html,
body {
	overflow: hidden;
}
html.loaded,
body.loaded {
	overflow-y: auto;
}
html.is-inactive-scroll,
body.is-inactive-scroll {
	overflow: hidden;
}
.pagetopb {
	display: none;
}
main {
}
.sp-tag {
	display: none;
}
.pc-tag {
	display: block;
}
@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

main .ttl {
	color: #fff;
	font-size: 2.133333333vw;
	line-height: 1;
	letter-spacing: .15em;
	font-weight: 500;
	margin-bottom: 5%;
	text-align: right;
}
main .txt {
	color: #fff;
	font-size: min(1.2vw,24px);
	line-height: 2.22222222222;
	letter-spacing: .15em;
	font-weight: 500;
	text-align: right;
}

@media(max-width: 730px) {
	main .ttl {
		color: #fff;
		font-size: 5.789473684vw;
		line-height: 1.6;
		letter-spacing: .15em;
		margin-bottom: 3vw;
		text-align: center;
	}
	main .txt {
		color: #fff;
		font-size: min(3.684210526vw,20px);
		line-height: 2.22222222222;
		text-align: center;
	}

	.sp-tag {
		display: block;
	}
	.pc-tag {
		display: none;
	}
	.sub-page {
		overflow-x: hidden;
	}
}


/* first */
.first {
	width: 100vw;
	height: 100vh;
	background: url(../images/modelroom/bg_perspective.jpg) no-repeat center center/ cover;
	position: relative;
	z-index: 3;
	scroll-snap-type: mandatory;
}
.first .curtain {
	width: 100vw;
	height: 100vh;
	background: url(../images/modelroom/bg_curtain.png) no-repeat center right/ cover;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.first .firstView {
	position: relative;
	width: inherit;
	height: inherit;
	z-index: 11;
	transition: .5s;
}
.is-active-first .first .firstView {
	opacity: 0;
	filter: blur(10px);
}

.first .firstView .firstCopy {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.first .firstView .firstCopy .mainCopy {
	width: 21.333333333vw;
	margin: 0 auto 2%;
	line-height: 1;
	font-size: 0;
	opacity: 0;
	filter: blur(10px);
	transition: .5s;
	transition-delay: 2s;
}
.first .firstView .firstCopy .subCopy {
	color: #fff;
	font-size: 1.866666666vw;
	line-height: 1;
	letter-spacing: .15em;
	font-weight: 500;
	text-align: center;
	opacity: 0;
	filter: blur(10px);
	transition: .5s;
	transition-delay: 2s;
}
.loaded .first .firstView .firstCopy .mainCopy,
.loaded .first .firstView .firstCopy .subCopy {
	opacity: 1;
	filter: blur(0);
}

.first .firstView .circle {
	width: 43.333333333vw;
	height: 43.333333333vw;
	opacity: 0;
	filter: blur(10px);
	transition: .5s;
}
.loaded .first .firstView .circle {
	opacity: 1;
	filter: blur(0);
}
.first .firstView .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.first .firstView .circle &gt; span {
	position: relative;
	display: block;
}
.first .firstView .circle span span {
	display: inline-block;
	width: 43.333333333vw;
	height: 43.333333333vw;
	border: solid 2px #fff;
	border-radius: 50vh;
	animation: rotating 10s linear infinite;
}
.first .firstView .circle span span:before {
	content: '';
	display: inline-block;
	position: absolute;
	display: inline-block;
	left: 0%;
	top: calc(50% - 1.5vw);
	margin-top: 0;
	margin-left: -2%;
	border: .75vw solid rgba(0, 0, 0, 0);
	border-bottom: 1.5vw solid #fff;
}
.first .firstView .circle span span:after {
	content: '';
	position: absolute;
	display: inline-block;
	left: 100%;
	top: 50%;
	margin-top: 0;
	margin-left: -1.5%;
	border: .75vw solid rgba(255, 0, 0, 0);
	border-top: 1.5vw solid #fff;
}

.first .firstView .scroll {
	opacity: 0;
	transition: .5s;
}
.loaded .first .firstView .scroll {
	opacity: 1;
}
.first .firstView .scroll img {
	display: block;
	width: 5.2vw;
	position: absolute;
	bottom: 3vw;
	left: 50%;
	transform: translateX(-50%);
}
.first .firstView .scroll:after {
	content: '';
	width: 2px;
	height: 2vw;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.first .secondView {
	scroll-snap-align: start;
}
.first .secondViewWrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .6);
	z-index: 1;
	opacity: 0;
	transition: .5s;
}
.is-active-second .first .secondViewWrap:after {
	opacity: 1;
}
.first .secondView .secondCopy {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 83.333333333vw;
	opacity: 0;
	filter: blur(10px);
	transition: .5s;
	transition-delay: .5s;
	z-index: 2;
}
.is-active-second .first .secondView .secondCopy {
	opacity: 1;
	filter: blur(0);
}

.first .secondView .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 89.333334vw;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20%;
	z-index: 2;
}
.first .secondView .layout {
	width: 42.962962963%;
	opacity: 0;
	filter: blur(10px);
	transition: .5s;
	transition-delay: 1s;
}
.is-active-second .first .secondView .layout {
	opacity: 1;
	filter: blur(0);
}

.first .secondView .txtWrap {
	opacity: 0;
	filter: blur(10px);
	transition: .5s;
	transition-delay: 1s;
}
.is-active-second .first .secondView .txtWrap {
	opacity: 1;
	filter: blur(0);
}
.first .secondView .txtWrap .ttl {
	margin-right: -.75vw;
}

@media(max-width: 730px) {
	.first {
		height: 100vh;
		background: url(../images/modelroom/bg_perspective.jpg) no-repeat center center/ cover;
	}
	.first .curtain {
		height: 100vh;
		background: url(../images/modelroom/bg_curtain.png) no-repeat center right/ cover;
	}
	.is-active-first .first .firstView {
		filter: blur(5px);
	}

	.first .firstView .firstCopy .mainCopy {
		width: 68.421052631vw;
		margin: 0 auto 4%;
		filter: blur(5px);
		transition: .3s;
		transition-delay: 1s;
	}
	.first .firstView .firstCopy .subCopy {
		font-size: 5.789473684vw;
		line-height: 1.6;
		filter: blur(5px);
		transition: .3s;
		transition-delay: 1s;
	}

	.first .firstView .circle {
		width: 90vw;
		height: 90vw;
		filter: blur(5px);
		transition: .3s;
	}
	.first .firstView .circle span span {
		width: 90vw;
		height: 90vw;
		border: solid 2px #fff;
	}
	.first .firstView .circle span span:before {
		border: 1.5vw solid rgba(0, 0, 0, 0);
		border-bottom: 3vw solid #fff;
	}
	.first .firstView .circle span span:after {
		border: 1.5vw solid rgba(255, 0, 0, 0);
		border-top: 3vw solid #fff;
	}

	.first .firstView .scroll {
		transition: .3s;
	}
	.first .firstView .scroll img {
		width: 16vw;
		bottom: 10vw;
	}
	.first .firstView .scroll:after {
		height: 6vw;
	}

	.first .secondViewWrap:after {
		height: 100vh;
	}
	.first .secondView .secondCopy {
		top: 10%;
		width: 85vw;
		transition: .3s;
	}
	.posfix .first .secondView. .secondCopy {
		filter: blur(5px);
	}

	.first .secondView .flex {
		display: block;
		width: 94vw;
		bottom: 5%;
	}

	.first .secondView .layout {
		width: 80%;
		margin: 0 auto 5%;
		transition: .3s;
		transition-delay: .3s;
	}
	.first .secondView .layout {
		filter: blur(5px);
		transition: .3s;
	}
	.is-active-second .first .secondView .layout {
		filter: blur(0);
	}

	.first .secondView .txtWrap {
		filter: blur(5px);
		transition: .3s;
		transition-delay: .3s;
	}
	.is-active-second .first .secondView .txtWrap {
		filter: blur(0);
	}
	.first .secondView .txtWrap .ttl {
		margin-right: 0;
	}
}


/* second */
.second {
	position: relative;
	overflow: hidden;
}
.second .indexWrap {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 5.333333333vw;
}
.second .indexWrap:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 18.4vw;
	background: rgba(255, 255, 255, .4);
}
.second .indexWrap .index {
	margin-top: 5.333333333vw;
	margin-left: 1.333333333vw;
}
.second .indexWrap .index .indexItem {
	width: 20vw;
	line-height: 0;
	margin-bottom: 1.333333333vw;
	opacity: .4;
}
.second .indexWrap .index .indexItem.is-active-index {
	opacity: 1;
	position: relative;
}
.second .indexWrap .index .indexItem.is-active-index:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -1.333333333vw;
	width: 2px;
	height: 100vh;
	background: #fff;
}

.second .panelItem .flex {
	display: flex;
	position: absolute;
	justify-content: space-between;
	align-items: flex-end;
	bottom: 5.333333333vw;
	left: 50%;
	transform: translateX(-50%);
	width: 89.333333334vw;
}

.second .layoutWrap {
	width: 35.555555555%;
	position: relative;
}
.second .layoutWrap .layoutInner {
}
.second .layoutWrap .layoutInner .layout {
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	width: 100%;
	opacity: 0;
	transition: 2s;
	transition-delay: 1s;
}
.second .is-active .layoutWrap .layoutInner .layout {
	opacity: 1;
}

.second .panelWrap {
	width: 600%;
	height: 100vh;
	display: flex;
	flex-wrap: nowrap;
}
.second .panelItem {
	width: 100%;
	height: 100%;
}
.second .panelItem.theaterRoom {
	background: url(../images/modelroom/bg_panel01.jpg) no-repeat center center/ cover;
}
.second .panelItem.screenCinema {
	background: url(../images/modelroom/bg_panel02.jpg) no-repeat center center/ cover;
}
.second .panelItem.projectionMapping {
	background: url(../images/modelroom/bg_panel03.jpg) no-repeat center center/ cover;
}
.second .panelItem.diorama {
	background: url(../images/modelroom/bg_panel04.jpg) no-repeat center center/ cover;
}
.second .panelItem.modelRoom {
	background: url(../images/modelroom/bg_panel05.jpg) no-repeat center center/ cover;
}
.second .panelItem.gallerySpace {
	background: url(../images/modelroom/bg_panel06.jpg) no-repeat center center/ cover;
}

.second .panelItem .circleWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0);
	transition: .5s;
	width: 26.666666666vw;
	height: 26.666666666vw;
}
.second .panelItem.is-active .circleWrap {
	transform: translate(-50%,-50%) scale(1.0);
}
.second .panelItem .circle {
	width: 26.666666666vw;
	height: 26.666666666vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.second .panelItem .circle &gt; span {
	position: relative;
	display: block;
}
.second .panelItem .circle span span {
	display: inline-block;
	width: 26.666666666vw;
	height: 26.666666666vw;
	border: solid 2px #fff;
	border-radius: 50vh;
	animation: rotating 10s linear infinite;
}
.second .panelItem .circle span span:before {
	content: '';
	display: inline-block;
	position: absolute;
	display: inline-block;
	left: 0%;
	top: calc(50% - 1.5vw);
	margin-top: 0;
	margin-left: -2%;
	border: .5vw solid rgba(0, 0, 0, 0);
	border-bottom: 1vw solid #fff;
}
.second .panelItem .circle span span:after {
	content: '';
	position: absolute;
	display: inline-block;
	left: 100%;
	top: 50%;
	margin-top: 0;
	margin-left: -1.5%;
	border: .5vw solid rgba(255, 0, 0, 0);
	border-top: 1vw solid #fff;
}


.second .panelItem .txtWrap {
	opacity: 0;
	filter: blur(10px);
	transition: 2s;
	transition-delay: 1s;
}
.second .panelItem.is-active .txtWrap {
	opacity: 1;
	filter: blur(0);
}

@media(max-width: 730px) {
	.second .indexWrap {
		left: 5vw;
	}
	.second .indexWrap:after {
		height: 34vw;
	}
	.second .indexWrap .index {
		margin-top: 5vw;
		margin-left: 5vw;
	}
	.second .indexWrap .index .indexItem {
		width: 40vw;
		margin-bottom: 3vw;
	}
	.second .indexWrap .index .indexItem.is-active-index:after {
		left: -5vw;
	}

	.second .panelItem .flex {
		display: block;
		bottom: 5%;
		width: 90vw;
	}

	.second .layoutWrap {
		width: 80%;
		margin: 0 auto 10%;
	}
	.second .layoutWrap .layoutInner .layout {
		transition: 1s;
	}

	.second .panelWrap {
		width: 100%;
		height: 100vh;
		display: block;
	}
	.second .panelItem.theaterRoom {
		background: url(../images/modelroom/bg_panel01.jpg) no-repeat center center/ cover;
	}
	.second .panelItem.screenCinema {
		background: url(../images/modelroom/bg_panel02.jpg) no-repeat center center/ cover;
	}
	.second .panelItem.projectionMapping {
		background: url(../images/modelroom/bg_panel03.jpg) no-repeat center center/ cover;
	}
	.second .panelItem.diorama {
		background: url(../images/modelroom/bg_panel04.jpg) no-repeat center center/ cover;
	}
	.second .panelItem.modelRoom {
		background: url(../images/modelroom/bg_panel05.jpg) no-repeat center center/ cover;
	}
	.second .panelItem.gallerySpace {
		background: url(../images/modelroom/bg_panel06.jpg) no-repeat center center/ cover;
	}
	.second .panelItem .circleWrap {
		width: 40vw;
		height: 40vw;
		top: 3%;
		left: auto;
		right: 5vw;
		transform: scale(0);
	}
	.second .panelItem.is-active .circleWrap {
		transform: scale(1.0);
	}
	.second .panelItem .circle {
		width: 40vw;
		height: 40vw;
	}
	.second .panelItem .circle span span {
		width: 40vw;
		height: 40vw;
	}
	.second .panelItem .circle span span:before {
		margin-left: -4%;
		border: 1.5vw solid rgba(0, 0, 0, 0);
		border-bottom: 3vw solid #fff;
	}
	.second .panelItem .circle span span:after {
		margin-left: -3%;
		border: 1.5vw solid rgba(255, 0, 0, 0);
		border-top: 3vw solid #fff;
	}
	.second .panelItem .txtWrap {
		opacity: 0;
		transition: 1s;
		filter: blur(5px);
	}
	.second .panelItem .txtWrap .ttl {
		text-align: justify;
		margin-bottom: 3vw;
	}
	.second .panelItem .txtWrap .txt {
		text-align: justify;
	}
}


/* third */
.third {
	margin: 40px auto;
}
.third .cv-btn .cv-btn-entry {
	margin-bottom: 0;
}
@media only screen and (min-width: 599px) {
	.third {
		margin: 80px auto;
	}
	.third .cv-btn .cv-btn-entry {
	margin-bottom: 0;
	}
}


</pre></body></html>