@font-face{font-family:'MeiryoSubset';font-style:normal;font-weight:700;src:url(https://premium-seat.com/ver23/wp-content/themes/luxech/fonts/meiryo-subset.woff) format('woff')}

:root{
	/* best practice for "amount" is even number */
	--eyecatch-images-amount: 3;
	--eyecatch-animations-duration-pc: calc(4s * var(--eyecatch-images-amount));
	--eyecatch-animations-duration-mb: calc(5s * var(--eyecatch-images-amount));

	/* Meiryo */
	--meiryo: メイリオ, Meiryo, MeiryoSubset, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", sans-serif;

	/* blog-color */
	--premium-blog-color: var(--premium-red);
}
/*
html{height: 100vh;background: #000;}
body{background: #000;}
*/

#main, .container, #core, #mainEntity{
	margin: 0;
	position: relative;
}
.container{
	max-width: 100% !important;
	color: #fff;
	overflow: hidden;
}
#core{
	padding: 0;
	background: var(--main-color);
}
#header{
	position: fixed;
	width: 100%;
	z-index: 1;
	visibility: hidden;
}

#sitename a:hover img{
	transform: rotate(360deg);
	/*animation: rainbowShadow 3.5s linear 0s infinite forwards;*/
	filter: drop-shadow(0 0 5px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 20px #fff);
	opacity: 1;
}
@keyframes rainbowShadow{
	0%{filter: drop-shadow(0 0 5px var(--premium-purple)) drop-shadow(0 0 10px var(--premium-purple)) drop-shadow(0 0 20px var(--premium-purple));}
	14.29%{filter: drop-shadow(0 0 5px var(--premium-red)) drop-shadow(0 0 10px var(--premium-red)) drop-shadow(0 0 20px var(--premium-red));}
	28.57%{filter: drop-shadow(0 0 5px var(--premium-orange)) drop-shadow(0 0 10px var(--premium-orange)) drop-shadow(0 0 20px var(--premium-orange));}
	42.85%{filter: drop-shadow(0 0 5px var(--premium-yellow)) drop-shadow(0 0 10px var(--premium-yellow)) drop-shadow(0 0 20px var(--premium-yellow));}
	14.29%{filter: drop-shadow(0 0 5px var(--premium-green)) drop-shadow(0 0 10px var(--premium-green)) drop-shadow(0 0 20px var(--premium-green));}
	14.29%{filter: drop-shadow(0 0 5px var(--premium-light-blue)) drop-shadow(0 0 10px var(--premium-light-blue)) drop-shadow(0 0 20px var(--premium-light-blue));}
	14.29%{filter: drop-shadow(0 0 5px var(--premium-blue)) drop-shadow(0 0 10px var(--premium-blue)) drop-shadow(0 0 20px var(--premium-blue));}
	100%{filter: drop-shadow(0 0 5px var(--premium-purple)) drop-shadow(0 0 10px var(--premium-purple)) drop-shadow(0 0 20px var(--premium-purple));}
}

.custom-block-inner{
	counter-reset: h3-count;
}
/*
.custom-block-inner h2:not(.mission-title):not(.service-title):not(.top-gallery-title):not(.top-blog-h2){
	font-size: 2vw !important;
	padding: 0;
}
*/
.top-h2-overline{
	padding: 2em 0 0 !important;
	text-align: left !important;
}
.top-h2-overline:before{
	content: "";
	position: absolute;	
	font-size: 16px;
	left: 0;
	top: .5em;
	width: 5em;
	height: 2px;
	background: var(--accent-color)!important;
}
.block-span{
	display: block;
}
.table-centered{
	display: table;
	margin: auto;
}
/* reset */
.custom-block-inner ul{
	margin: 0;
	padding: 0;
}
.custom-block-inner li{
	font-size: 16px;
}
h3{
	margin: 0 !important;
	padding: 0 !important;
}
.top-service-title:after{
	display: none;
}
.to-all-button-wrap{
	position: relative;
    padding: 3em 0;
}
.to-all-button{
	position: relative;
	display: table;
	margin: auto;
	color: #fff;
	background: rgba(var(--accent-rgb), .7);
	text-decoration: none !important;
	padding: 0.25em 3em;
	font-size: 1.25vw;
	transition: .3s;
	overflow: hidden;
}
.to-all-button:hover{
	color: var(--accent-color);
	font-weight: 700;
}
.to-all-button:before{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	background: #fff;
	top: 0;
	left: 50%;
	transition: .3s;
	transform: translateX(-50%) skewX(-15deg);
}
.to-all-button:hover:before{
	width: 125%;
}
.to-all-button:after{
	content: "";
	position: absolute;
	width: .5em;
	height: .5em;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 50%;
	right: 1em;
	transform: translateY(-50%) rotate(45deg);
}
.to-all-button:hover:after{
	border-color: var(--accent-color);
}
.to-all-button-inner{
	position: relative;
	z-index: 10;
}


/* LP-block */
.block-wrapper-spacer{
	padding: 7vw;
}
.custom-block-wrapper, .frontback-w-cv, #footer{
	position: relative;
	z-index: 10;
}
.custom-block-wrapper:not(#topService), .frontback-w-cv, #footer{
	overflow: hidden;
}
.staldia-indention{
	display: block;
	white-space: nowrap;
}
.block-inner-relative{
	position: relative;
}

/* loading */
#topLoading{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background: #000;
	z-index: 10000;
	touch-action: none;
	transform: translate3d(0,0,0);
}
#loadingWrap{
	position: relative;
}
#loadingTiles{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	align-content: center;
	justify-items: center;
}
.loading-tile{
	position: relative;
	width: 100%;
	padding-bottom: 100%;
}
.loading-tile:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 15px #fff;
	will-change: transform;
}
.loading-circle{
	position: absolute;
	width: 25vh;
	height: 25vh;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	background: #fff;
	transform: translate(-50%, -50%) scale(0);
	box-shadow: 0 0 5px, 0 0 10px, 0 0 20px, 0 0 40px, 0 0 80px;
}
#loadingLogoWrap{
	position: absolute;
	top: 50vh;
	left: 50%;
	transform: translate(-50%, -50%) scale(.5);
	opacity: 0;
	visibility: hidden;
	width: 50%;
	max-width: 1280px;
}
#loadingLogo{
	width: 100%;
}
#loadingSlash{
	position: fixed;
	width: 125vw;
	height: 125vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
#loadingSlash:before, #loadingSlash:after{
	content: "";
	position: fixed;
	width: 50%;
	height: 100%;
	background: #000;
}
#loadingSlash:before{
	left: 0;
	bottom: 100%;
}
#loadingSlash:after{
	right: 0;
	top: 100%;
}
.fixed-mandala{
	position: fixed;
	width: 50vw;
	height: 50vw;
	stroke: #000;
	opacity: 0;
}
.fixed-mandala-1{
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
}
.fixed-mandala-2{
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
}
.fixed-mandala-3{
	bottom: 0;
	left: 0;
	transform: translate(-50%, 50%);
}
.fixed-mandala-4{
	bottom: 0;
	right: 0;
	transform: translate(50%, 50%);
}

/* eyecatch */
.staldia-top-eyecatch{
	height: 100vh;
}
.staldia-top-eyecatch-inner{
	width: 100%;
	height: 100%;
}
.mv-title-wrap{
	position: absolute;
	top: 50vh;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}
#mvTitle{
	font-size: 7vw;
	font-family: serif;
	font-weight: 700;
}
.mv-title-block{
	display: inline-block;
	margin: 0 .1em;
}
.mv-title-text{
	position: relative;
	opacity: 0;
}
.mv-title-text:first-of-type{
	text-shadow: 0 0 5px var(--premium-red), 0 0 10px var(--premium-red);
}
.mv-title-text:nth-of-type(2){
	text-shadow: 0 0 5px var(--premium-orange), 0 0 10px var(--premium-orange);
}
.mv-title-text:nth-of-type(3){
	text-shadow: 0 0 5px var(--premium-yellow), 0 0 10px var(--premium-yellow);
}
.mv-title-text:nth-of-type(4){
	text-shadow: 0 0 5px var(--premium-green), 0 0 10px var(--premium-green);
}
.mv-title-text:nth-of-type(5){
	text-shadow: 0 0 5px var(--premium-light-blue), 0 0 10px var(--premium-light-blue);
}
.mv-title-text:nth-of-type(6){
	text-shadow: 0 0 5px var(--premium-blue), 0 0 10px var(--premium-blue);
}
.mv-title-text:nth-of-type(7){
	text-shadow: 0 0 5px var(--premium-purple), 0 0 10px var(--premium-purple);
}
.mv-title-text:before{
	content: "";
	position: absolute;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	border: 1em solid;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	z-index: -1;
	opacity: 0;
}
.mv-title-text:first-of-type:before{
	border-color: var(--premium-red);
}
.mv-title-text:nth-of-type(2):before{
	border-color: var(--premium-orange);
}
.mv-title-text:nth-of-type(3):before{
	border-color: var(--premium-yellow);
}
.mv-title-text:nth-of-type(4):before{
	border-color: var(--premium-green);
}
.mv-title-text:nth-of-type(5):before{
	border-color: var(--premium-light-blue);
}
.mv-title-text:nth-of-type(6):before{
	border-color: var(--premium-blue);
}
.mv-title-text:nth-of-type(7):before{
	border-color: var(--premium-purple);
}

/* message */
.top-message-wrap{
	background: linear-gradient(transparent, var(--premium-light-blue) 33%, var(--premium-light-blue) 66%, #fff);
	height: 750vh;
}
.top-message-inner{
	height: 200vh;
	width: 100%;
	position: absolute;
	top: 250vh;
	left: 0;
}
.top-message-wrap:before, .top-message-wrap:after, .top-message-inner:before, .top-message-inner:after{
	content: "";
	position: absolute;
	width: 50vw;
	height: 50vw;
	filter: blur(5px);
	-webkit-filter: blur(10px);
	border-radius: 50%;
	opacity: .2;
}
.top-message-wrap:before{
	top: 30%;
	left: -10%;
	background: radial-gradient(#fff, transparent);
}
.top-message-wrap:after{
	top: 60%;
	right: 0;
	background: radial-gradient(#fff, transparent);
}
.top-message-inner:before{
	top: 60%;
	left: 25%;
	background: radial-gradient(var(--premium-yellow), transparent);
}
.top-message-inner:after{
	top: 10%;
	right: -10%;
	background: radial-gradient(var(--premium-blue), transparent);
}
.message-text-p{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: 1s;
	white-space: nowrap;
	font-weight: 700;
	font-size: 3vw;
}
.intersecting .message-text-p{
	opacity: 1;
	visibility: visible;
}
.message-text-span{
	position: relative;
	display: block;
}
.message-text-span:first-of-type:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 3.5em;
	height: 1px;
	background: #fff;
	transform: translateY(-50%);
}

/* mission */
.top-mission-wrap:not(.anti-white-back){
	background: #fff;
}
.mission-title{
    position: fixed !important;
    top: 50%;
    right: 0;
    padding: 0 !important;
    margin: 0 !important;
    transform: translate(calc(50% - 3vh),-50%) rotate(-90deg);
    font-size: 10.4vh !important;
    white-space: nowrap;
    color: #aaa;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
    z-index: 10;
}
.intersecting .mission-title{
	visibility: visible;
	opacity: .5;
}
.mission-content{
	height: 200vh;
	position: relative;
}
.mission-content-inner{
	position: absolute;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
}
.mission-text{
	position: fixed;
	top: 50%;
	left: 50%;
	visibility: hidden;
	/*opacity:0;*/
	margin: 0 !important;
	white-space: nowrap;
	color: #333;
	font-size: 5vw;
	font-weight: 700;
	text-align: center;
}
.spacing-text{
	display: inline-block;
	position: relative;
}
.mission-text-2 .spacing-text:before, .mission-text-2 .spacing-text:after{
	content: attr(data-text);
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	/*white-space: nowrap;*/
	z-index: -1;
}
.mission-text-2 .spacing-text:before{
	text-shadow: -1px -1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, 1px 1px 0 #333,
	-.4em -1.5em 0 #333, -.8em -3em 0 #333, -1.2em -4.5em 0 #333, -1.6em -6em 0 #333, -2em -7.5em 0 #333, -2.4em -9em 0 #333, -2.8em -10.5em 0 #333, -3.2em -12em 0 #333, -3.6em -13.5em 0 #333,
	.4em 1.5em 0 #333, .8em 3em 0 #333, 1.2em 4.5em 0 #333, 1.6em 6em 0 #333, 2em 7.5em 0 #333, 2.4em 9em 0 #333, 2.8em 10.5em 0 #333, 3.2em 12em 0 #333, 3.6em 13.5em 0 #333;
	transform: translate(calc(-50% + 2px), calc(-50% + 2px));
}
.mission-text-2 .spacing-text:after{
	text-shadow: -.4em -1.5em 0 #fff, -.8em -3em 0 #fff, -1.2em -4.5em 0 #fff, -1.6em -6em 0 #fff, -2em -7.5em 0 #fff, -2.4em -9em 0 #fff, -2.8em -10.5em 0 #fff, -3.2em -12em 0 #fff, -3.6em -13.5em 0 #fff,
	.4em 1.5em 0 #fff, .8em 3em 0 #fff, 1.2em 4.5em 0 #fff, 1.6em 6em 0 #fff, 2em 7.5em 0 #fff, 2.4em 9em 0 #fff, 2.8em 10.5em 0 #fff, 3.2em 12em 0 #fff, 3.6em 13.5em 0 #fff;
	transform: translate(-50%, -50%);
}
.mission-content-inner-3:before{
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.mission-3-belt-wrap{
    position: fixed;
    width: 103.5vw;
    height: 3vw;
    top: 50%;
    left: 50%;
    visibility: hidden;
    opacity: 0;
}
.mission-3-belt-wrap-1{
    transform: translate(-50%, calc(-50% - 37.5vh)) skew(-15deg, -15deg) rotate(-15deg);
}
.mission-3-belt-wrap-2{
	transform: translate(calc(-50% - 37.5vw), -50%) skew(15deg, 15deg) rotate(75deg);
}
.mission-3-belt-text:before, .mission-3-belt-text:after{
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(0,0,0,.2);
    font-weight: 700;
	text-shadow: 11.5em 0 rgba(0,0,0,.2), 23em 0 0 rgba(0,0,0,.2);
    font-size: 3vw;
}
.mission-3-belt-big{
    position: fixed;
    top: 50%;
    left: 0;
    width: 100vw;
    height: 50vh;
    transform: translate(0, 75%) skew(-15deg,-15deg) rotate(-15deg);
    visibility: hidden;
    opacity: 1;
}
.mission-3-belt-big-text:before, .mission-3-belt-big-text:after{
    position: absolute;
    content: attr(data-text);
    color: rgba(0,0,0,.2);
    font-size: 35vh;
    top: 0;
    left: 0;
    white-space: nowrap;
    font-weight: 700;
}

.mission-text-4{
	opacity: 0;
}
.mission-text-4-inner, .mission-text-4-back{
	position: fixed;
	writing-mode: vertical-lr;
	transition: 2s;
}
.mission-text-4-inner{
	font-size: 10vw;
	z-index: 2;
}
.mission-text-4-back{
	font-size: 30vh;
	opacity: .2;
}
.mission-text-4-1{
	top: 0;
	right: 50%;
	transform: translateY(1.5em);
}
.mission-text-4-2{
	bottom: 0;
	left: 50%;
	transform: translateY(-1.5em);
}
.mission-text-4-back:before{
    content: attr(data-text);
    position: fixed;
    top: 50%;
}
.mission-text-4-back-1:before{
	right: 50%;
	transform: translate(-25%, calc(-50% - 2em));
}
.mission-text-4-back-2:before{
	left: 50%;
	transform: translate(25%, calc(-50% + 2em));
}

.mission-text-5{
	position: relative;
}
.mission-text-5:before, .mission-text-5:after{
	content: "";
	position: fixed;
	top: 50%;
	width: 0;
	height: 1.25em;
	transform: translateY(-50%);
	z-index: 2;
	background: #333;
}
.mission-text-5:before{
	left: 50%;
}
.mission-text-5:after{
	right: 50%;
}
.mission-content-inner-5:before, .mission-content-inner-5:after{
	content: "";
	position: fixed;
	background: repeating-linear-gradient(-45deg, #000, #000 15px, transparent 15px, transparent 30px);
	visibility: hidden;
	z-index: 1;
}
.mission-content-inner-5:before{
	width: 50vh;
	height: 50vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.mission-content-inner-5:after{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.mission-text-5-inner{
	position: fixed;
	font-family: serif;
	display: inline-block;
	visibility: hidden;
}
.mission-text-5-1{
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%);
}
.mission-text-5-2{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	z-index: 3;
	width: 100vh;
	color: transparent;
}
.mission-text-5-2:before, .mission-text-5-2:after{
	content: "";
	position: absolute;
	height: 50%;
	width: 100%;
	background: #333;
	left: 0;
}
.mission-text-5-2:before{
	top: 0;
	transform: translateX(-100%);
}
.mission-text-5-2:after{
	bottom: 0;
	transform: translateX(100%);
}
.mission-text-5-3{
	top: 50%;
	left: 75%;
	transform: translate(-50%, -50%);
}

.mission-content-inner-6:before, .mission-content-inner-7:before{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	visibility: hidden;
	opacity: 0;
}
.mission-text-6{
	transition: .3s;
	color: #fff;
}
.mission-text-6-inner{
	font-family: var(--meiryo);
	position: fixed;
	color: #fff;
	visibility: hidden;
}
.mission-text-6-1{
	top: 0;
	left: -3.5em;
	font-size: 15vw;
	transform: skewX(-15deg);
}
.mission-text-6-2{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) skewX(-15deg);
	font-size: 14vh;
}
.mission-text-6-2:before, .mission-text-6-2:after{
    content: "";
    position: absolute;
    width: 5em;
    height: 5vh;
    top: 50%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.mission-text-6-2:before{
	left: 0;
	transform: translateY(-50%) rotate(5deg);
}
.mission-text-6-2:after{
	right: 0;
	transform: translateY(-50%) rotate(-5deg);
}
.mission-text-6-3{
	bottom: 0;
	right: -5.5em;
	font-size: 10vw;
	transform: skewX(-15deg);
}
.mission-text-6-flash{
	visibility: hidden;
}
.mission-text-6-flash:before, .mission-text-6-flash:after{
    content: attr(data-text);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-15deg);
}
.mission-text-6-flash:before{
    font-size: 150vh;
    color: black;
    text-shadow: 1px 1px var(--premium-red), -1px -1px var(--premium-light-blue), 2px 2px var(--premium-light-blue), -2px -2px var(--premium-red);
}
.mission-text-6-flash:after{
    font-size: 30vh;
    text-shadow: 0 0 10px, 0 0 20px;
}

.mission-content-7{
	height: 100vh;
}
.mission-text-7{
	color: #fff;
	font-family: var(--meiryo);
}
.mission-text-7-inner{
	position: fixed;
}
.mission-text-7-1{
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20vh;
	width: 5em;
	height: 1em;
}
.mission-text-7-2 {
    writing-mode: vertical-lr;
    font-size: 20vh;
    top: 0;
    left: .5em;
    overflow: hidden;
}
.mission-text-7-item{
	visibility: hidden;
	opacity: 0;
}
.mission-text-7-1-item{
	position: absolute;
	top: 50%;
	left: 50%;
}
.mission-text-7-item-1{
    transform: translate(50vw, -50%);
}
.mission-text-7-1-item:not(.mission-text-7-item-1){
	transform: translate(-2.5em, -50%);
}
.mission-text-7-2-item{
	display: inline-block;
	transform: translateX(-100%);
}
.mission-text-7-3-item{
	display: inline-block;
	position: fixed;
	top: 50%;
	left: 50%;
}
.mission-text-7-item-10{
	font-size: 40vh;
	transform: translate(-50%, calc(-50% - 50vh));
}
.mission-text-7-item-11{
	font-size: 27.5vh;
	transform: translate(calc(-50% - 50vw), calc(-50% - 6vh));
}
.mission-text-7-item-12{
    font-size: 20vh;
    transform: translate(calc(-50% + 50vw), calc(-50% + 27.5vh));
}
.mission-text-7-item-13{
	font-size: 20vh;
	transform: translate(calc(-50% + 9vh), calc(-50% + 50vh));
}
.mission-text-7-item-14{
    font-size: 35vh;
    transform: translate(calc(-50% - 50vw), calc(-50% + 22.5vh));
}

/* service */
.top-service-wrap{
	margin: 245vh 0 0;
}
.service-title-trigger{
    width: 15vw;
    height: 45vh;
    position: absolute;
    top: -145vh;
    background: var(--premium-red);
    transition: 1s;
}
.service-title-trigger:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 500vh;
    top: 100%;
    left: 0;
    background: var(--premium-red);
    transition: 1s;
}
.service-title{
    position: fixed !important;
    font-family: var(--meiryo);
    top: 50%;
    left: 0;
    transform: translate(0.5em, -50%);
    font-size: 14.2vw !important;
    text-shadow: 1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
    margin: 0 !important;
    padding: 1em 0 0 !important;
    line-height: 1 !important;
    overflow: visible !important;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.service-title-our{
    display: inline-block;
    position: absolute;
    width: 2.35em;
    height: 0.75em;
    top: 0.2em;
    left: 0;
}
.service-title-our:before{
    content: "";
    position: absolute;
    width: calc(100% - 1.6em);
    height: 0.775em;
    border: 1.95vw solid #fff;
    border-radius: 999px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    filter: drop-shadow(1px 1px 0 #000) drop-shadow(-1px -1px 0 #000);
}
.service-title-our:after{
    content: "UR";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-45%);
    text-shadow: 1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}
.service-item{
	height: 150vh;
	position: relative;
}
.service-item-inner{
    width: 75vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 0;
    transform: translate(100vw, -50%);
    transition: 1s;
    visibility: hidden;
    opacity: 0;
}
.service-item-trigger, .service-next-trigger, .service-item-inner:before, .service-item-video-circle{
	content: "";
	position: absolute;
	width: 1.5vw;
	height: 1.5vw;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 1s;
	overflow: hidden;
}
.service-item-trigger{
	top: -80%;
}
.service-next-trigger{
	top: 100%;
}
.service-item-5 .service-next-trigger{
	top: 116%;
}
.service-item-trigger, .service-next-trigger{
	width: 50vh;
	height: 50vh;
}
.service-item-inner:before{
	background: #fff;
}
.service-item-inner-1:before{
	box-shadow: 0 0 5px var(--premium-red), 0 0 15px var(--premium-red), 0 0 25px var(--premium-red);
}
.service-item-inner-2:before{
	box-shadow: 0 0 5px var(--premium-yellow), 0 0 15px var(--premium-yellow), 0 0 25px var(--premium-yellow);
}
.service-item-inner-3:before{
	box-shadow: 0 0 5px var(--premium-green), 0 0 15px var(--premium-green), 0 0 25px var(--premium-green);
}
.service-item-inner-4:before{
	box-shadow: 0 0 5px var(--premium-light-blue), 0 0 15px var(--premium-light-blue), 0 0 25px var(--premium-light-blue);
}
.service-item-inner-5:before{
	box-shadow: 0 0 5px var(--premium-purple), 0 0 15px var(--premium-purple), 0 0 25px var(--premium-purple);
}
.service-item-link{
	display: inline-block;
	position: absolute;
	font-size: 4vw;
	width: 9em;
	height: 2em;
	top: 100%;
	right: 0;
	transform: translate(1em, -100%) skewX(-30deg);
	background: #000;
	color: #fff;
	transition: .3s;
	transition-delay: .7s;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
	border: 1px solid;
}
.service-item-link-1{
	border-color: var(--premium-red);
}
.service-item-link-2{
	border-color: var(--premium-yellow);
}
.service-item-link-3{
	border-color: var(--premium-green);
}
.service-item-link-4{
	border-color: var(--premium-light-blue);
}
.service-item-link-5{
	border-color: var(--premium-purple);
}
.service-item-link:before{
    content: "サービス詳細";
    font-size: 3vw;
    font-weight: 700;
    text-decoration: none !important;
    width: 100%;
    padding-left: 1.5em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.service-item-link:after{
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-2.25em, -52.5%) skewX(15deg);
}
.service-item-link-1:after{
	color: var(--premium-red);
}
.service-item-link-2:after{
	color: var(--premium-yellow);
}
.service-item-link-3:after{
	color: var(--premium-green);
}
.service-item-link-4:after{
	color: var(--premium-light-blue);
}
.service-item-link-5:after{
	color: var(--premium-purple);
}
.service-item-title {
    position: fixed !important;
    display: inline-block;
    width: 100vh;
    top: 50%;
    left: 0;
    transform: translate(-40%, -50%) rotate(90deg);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transition-delay: .7s;
    color: rgba(255,255,255,.5);
    background: rgba(0,0,0,.5);
    white-space: nowrap;
    z-index: 9;
    font-size: 15vh !important;
}
.service-item-video-wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100vh;
    opacity: 0;
    overflow: hidden;
    transition: 1s;
}
.service-item-video{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* gallery */
.top-gallery-wrap{
	height: 200vh;
}
.top-gallery-title{
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    width: 45vh;
    height: 45vh;
    font-size: 7.5vh !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: 1s;
}
.top-gallery-title-inner{
    display: inline-block;
    height: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform-origin: bottom center;
}
.top-gallery-title-inner:first-of-type{
	transform: translateX(-50%) rotate(-67.5deg);
}
.top-gallery-title-inner:nth-of-type(2){
	transform: translateX(-50%) rotate(-45deg);
}
.top-gallery-title-inner:nth-of-type(3){
	transform: translateX(-50%) rotate(-22.5deg);
}
.top-gallery-title-inner:nth-of-type(4){
	transform: translateX(-50%);
}
.top-gallery-title-inner:nth-of-type(5){
	transform: translateX(-50%) rotate(22.5deg);
}
.top-gallery-title-inner:nth-of-type(6){
	transform: translateX(-50%) rotate(45deg);
}
.top-gallery-title-inner:nth-of-type(7){
	transform: translateX(-50%) rotate(67.5deg);
}
.top-gallery-title-inner:before{
	content: attr(data-text);
	position: absolute;
	height: 100%;
	left: 0;
	top: 100%;
	transform: rotate(180deg);
}
.top-gallery-belt{
	position: fixed;
	height: 30vh;
	width: 150vw;
	left: 50%;
	visibility: hidden;
	opacity: 0;
	transition: 1s;
	transition-delay: 0s;
}
.top-gallery-belt-1, .top-gallery-belt-2{
	transform: translateX(-50%);
}
.top-gallery-belt-1{
	top: 2.5vh;
}
.top-gallery-belt-2{
    bottom: 2.5vh;
}
.top-gallery-belt-3, .top-gallery-belt-4{
	top: 50%;
}
.top-gallery-belt-3{
	transform: translate(-50%, -50%) rotate(-45deg);
}
.top-gallery-belt-4{
	transform: translate(-50%, -50%);
}
.top-gallery-item{
	position: absolute;
	left: 0;
	top: 0;
    width: 25vw;
    height: 100%;
    background: rgba(4,4,4,.75);
    display: inline-block;
    padding: 2.5vw 1.5vw;
}
.top-gallery-img{
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}
.top-gallery-item:before, .top-gallery-item:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 2vh;
    left: 0;
    background-image: repeating-linear-gradient(90deg, #fff, #fff 1vw, transparent 1vw, transparent 2.5vw);
}
.top-gallery-item:before{
	top: 1vh;
}
.top-gallery-item:after{
	bottom: 1vh;
}

/* blog */
#topBlogWrap{margin: 20vh 0 0;}
#topBlog{
	background: #fff;
	user-select: none;
	cursor: grab;
	color: #333;
	background: #eee;
	font-family: var(--meiryo);
	overflow: auto !important;
 	-ms-overflow-style: none;
 	scrollbar-width: none;
}
#topBlog::-webkit-scrollbar{display: none;}
#topBlog:active{cursor: grabbing;}
.top-blog-inner{
	position: relative;
	width: calc(25vh / 9 * 80);
	height: 100vh;
	overflow: hidden;
    transform-origin: top left;
    transition: .5s;
}
.top-blog-h2{
	position: absolute;
	font-family: var(--meiryo);
	font-weight: 700 !important;
	font-size: 12vh !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--premium-blog-color);
	margin: 0 !important;
}
.top-blog-lift-title{
    width: 25vh;
    height: 75vh;
    position: absolute;
    top: 0;
    left: calc(25vh + (25vh)/9*16);
    /*overflow: hidden;*/
}
.top-blog-lift-title-inner{
    display: inline-block;
    position: absolute;
    height: 12.5vh;
    width: 75vh;
    top: 50%;
    left: 0;
}
.top-blog-lift-title-inner:first-of-type{
	transform: translate(-37.5%, -50%) rotate(-90deg);
	overflow: hidden;
}
.top-blog-lift-title-inner:nth-of-type(2){
	transform: translate(-27.5%, -50%) rotate(90deg);
	z-index: 2;
}
.top-blog-lift-title-inner:before, .top-blog-lift-title-inner:after{
	content: "BLOG";
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 10vh;
	font-weight: 700;
	line-height: 1;
	top: 0;
	left: 0;
	color: var(--premium-blog-color);
	text-shadow: 3.25em 0 0 var(--premium-blog-color), 6.5em 0 0 var(--premium-blog-color);
}
.top-blog-lift-title-horizon{
	position: absolute;
	top: 0;
	right: 0;
	width: 82.5vh;
	height: 25vh;
	overflow: hidden;
}
.top-blog-lift-title-horizon-inner{
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 50%;
    left: 0;
}
.top-blog-lift-title-horizon-inner:first-of-type{top: 0;}
.top-blog-lift-title-horizon-inner:nth-of-type(2){
	bottom: 0;
	transform: rotate(180deg);
}
.top-blog-lift-title-horizon-inner:before, .top-blog-lift-title-horizon-inner:after{
    content: "BLOG";
    color: var(--premium-blog-color);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 10vh;
    font-weight: 700;
    text-shadow: 3.25em 0 0 var(--premium-blog-color), 6.5em 0 0 var(--premium-blog-color);
    line-height: 1.5;
}
.top-blog-lift-title-small{
	position: absolute;
    width: 17.5vh;
    overflow: hidden;
}
.top-blog-lift-title-small-1{
	height: 23.5vh;
    right: 65vh;
    top: 25vh;
}
.top-blog-lift-title-small-2{
    height: 29vh;
    right: 0;
    top: 45vh;
}
.top-blog-lift-title-small-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	height: 8.75vh;
	line-height: 1.5;
}
.top-blog-lift-title-small-inner:first-of-type{
	transform: translate(-65%, -50%) rotate(-90deg);
}
.top-blog-lift-title-small-1 .top-blog-lift-title-small-inner:nth-of-type(2){
	transform: translate(-27.5%, -50%) rotate(90deg);
}
.top-blog-lift-title-small-2 .top-blog-lift-title-small-inner:nth-of-type(2){
	transform: translate(-35%, -50%) rotate(90deg);
}
.top-blog-lift-title-small-1 .top-blog-lift-title-small-inner{
	width: 23.5vh;
}
.top-blog-lift-title-small-2 .top-blog-lift-title-small-inner{
	width: 29vh;
}
.top-blog-lift-title-small-inner:before, .top-blog-lift-title-small-inner:after{
    content: "BLOG";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 7vh;
    font-weight: 700;
    color: var(--premium-blog-color);
    text-shadow: 3.25em 0 0 var(--premium-blog-color);
}
.top-blog-item{
	display: inline-block;
	position: absolute !important;
	width: calc(25vh / 9 * 16);
	height: 25vh;
	visibility: hidden;
}
.top-blog-title{
    position: absolute !important;
    font-weight: 900;
    color: var(--premium-blog-color);
    font-size: 3vh !important;
    overflow: hidden;
}
.top-blog-title-inner{
	white-space: nowrap;
	position: relative;
	display: inline-block;
}
.top-blog-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-blog-date{
	position: absolute;
	width: 25%;
	height: 75%;
	top: 25%;
	left: 0;
	margin: 0 !important;
	color: var(--premium-blog-color);
}
.top-blog-date:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--premium-blog-color);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.top-blog-month, .top-blog-day{
	position: absolute;
	display: inline-block;
	font-family: serif;
	font-size: 12vh;
	font-weight: 900;
	/*color: var(--premium-blog-color);*/
	line-height: 1;
}
.top-blog-month{
	top: 0;
	left: 0;
	transform: translateY(-8%);
}
.top-blog-day{
	transform: translateY(18%);
}
.top-blog-link{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* blog1~3 */
.top-blog-item:first-of-type, .top-blog-item:nth-of-type(2), .top-blog-item:nth-of-type(3), .top-blog-item:nth-of-type(4), .top-blog-item:nth-of-type(5),
.top-blog-item:nth-of-type(6), .top-blog-item:nth-of-type(7), .top-blog-item:nth-of-type(8), .top-blog-item:nth-of-type(9), .top-blog-item:nth-of-type(10){
	visibility: visible;
}
.top-blog-item:first-of-type, .top-blog-item:nth-of-type(2), .top-blog-item:nth-of-type(3){
	left: 25vh;
}
.top-blog-item:first-of-type:before, .top-blog-item:nth-of-type(2):before, .top-blog-item:nth-of-type(3):before,
.top-blog-item:first-of-type:after, .top-blog-item:nth-of-type(2):after, .top-blog-item:nth-of-type(3):after{
	position: absolute;
	content: "";
	right: 100%;
	width: 100%;
	height: 100%;
	background: var(--bg-image) no-repeat !important;
	background-size: cover !important;
}
.top-blog-item:first-of-type{top: 0;}
.top-blog-item:nth-of-type(2){top: 25vh;}
.top-blog-item:nth-of-type(3){top: 50vh;}
.top-blog-item:first-of-type:before,.top-blog-item:first-of-type:after{top: 0;}
.top-blog-item:nth-of-type(2):before,.top-blog-item:nth-of-type(2):after{top: -100%;}
.top-blog-item:nth-of-type(3):before,.top-blog-item:nth-of-type(3):after{top: -200%;}
.top-blog-item:first-of-type .top-blog-title, .top-blog-item:nth-of-type(2) .top-blog-title, .top-blog-item:nth-of-type(3) .top-blog-title{
    bottom: 75%;
    left: 0;
    width: 100%;
}
.top-blog-item:first-of-type .top-blog-title-inner,
.top-blog-item:nth-of-type(2) .top-blog-title-inner,
.top-blog-item:nth-of-type(3) .top-blog-title-inner{left: 100%;}
.top-blog-item:first-of-type .top-blog-img, .top-blog-item:nth-of-type(2) .top-blog-img, .top-blog-item:nth-of-type(3) .top-blog-img{
	position: absolute;
	width: 75%;
	height: 75%;
	bottom: 0;
	right: 0;
}

.top-blog-item:first-of-type .top-blog-month, .top-blog-item:nth-of-type(2) .top-blog-month, .top-blog-item:nth-of-type(3) .top-blog-month{width: 100%;}
.top-blog-item:first-of-type .top-blog-day, .top-blog-item:nth-of-type(2) .top-blog-day, .top-blog-item:nth-of-type(3) .top-blog-day{
	bottom: 0;
	left: 0;
	width: 100%;
}
/* blog4~5 */
.top-blog-item:nth-of-type(4), .top-blog-item:nth-of-type(5){
	bottom: 0;
	background: #eee;
}
.top-blog-item:nth-of-type(4){left: 0;}
.top-blog-item:nth-of-type(5){
	left: 0;
	transform: translateX(100%);
}
.top-blog-item:nth-of-type(4) .top-blog-img, .top-blog-item:nth-of-type(5) .top-blog-img{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 75%;
	height: 75%;
}
.top-blog-item:nth-of-type(4) .top-blog-title, .top-blog-item:nth-of-type(5) .top-blog-title{
	width: 25%;
	height: 100%;
	top: 0;
    right: 0;
    writing-mode: vertical-lr;
}
.top-blog-item:nth-of-type(4) .top-blog-title-inner, .top-blog-item:nth-of-type(5) .top-blog-title-inner{top: 100%}
.top-blog-item:nth-of-type(4) .top-blog-date, .top-blog-item:nth-of-type(5) .top-blog-date{
	width: 75%;
	height: 40%;
	top: 0;
}
.top-blog-item:nth-of-type(4) .top-blog-date:before, .top-blog-item:nth-of-type(5) .top-blog-date:before{
	width: 40%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.top-blog-item:nth-of-type(4) .top-blog-day, .top-blog-item:nth-of-type(5) .top-blog-day{
	top: 0;
	right: 0;
	transform: translateY(-8%);
}
/* blog6~7 */
.top-blog-item:nth-of-type(6), .top-blog-item:nth-of-type(7){left: calc(50vh + 25vh/9*16);}
.top-blog-item:nth-of-type(6){top: 17vh;}
.top-blog-item:nth-of-type(7){bottom: 17vh;}
.top-blog-item:nth-of-type(6):before, .top-blog-item:nth-of-type(7):before{
	content: "";
	position: absolute;
	background: var(--bg-image) no-repeat !important;
	background-size: cover !important;
	width: 75%;
	height: 75%;
	left: 0;
	filter: grayscale(100%);
}
.top-blog-item:nth-of-type(6):before{bottom: 100%;}
.top-blog-item:nth-of-type(7):before{top: 100%;}
.top-blog-item:nth-of-type(6) .top-blog-img, .top-blog-item:nth-of-type(7) .top-blog-img{
	position: absolute;
	width: 75%;
	height: 75%;
	left: 0;
}
.top-blog-item:nth-of-type(6) .top-blog-img{bottom: 0;}
.top-blog-item:nth-of-type(7) .top-blog-img{top: 0;}
.top-blog-item:nth-of-type(6) .top-blog-date, .top-blog-item:nth-of-type(7) .top-blog-date{
	left: 100%;
	transform: translateX(-115%);
}
.top-blog-item:nth-of-type(6) .top-blog-date{
	text-shadow: 0 -25vh 0 #888;
}
.top-blog-item:nth-of-type(7) .top-blog-date{
	top: 0;
	text-shadow: 0 25vh 0 #888;
}
.top-blog-item:nth-of-type(6) .top-blog-day, .top-blog-item:nth-of-type(7) .top-blog-day{bottom: 0;}
.top-blog-item:nth-of-type(6) .top-blog-title, .top-blog-item:nth-of-type(7) .top-blog-title{
    line-height: 2.5;
    width: 100%;
}
.top-blog-item:nth-of-type(6) .top-blog-title{
	top: 0;
	left: 0;
}
.top-blog-item:nth-of-type(7) .top-blog-title{
	top: 18vh;
	left: 0;
}
/* blog8~10 */
.top-blog-item:nth-of-type(8) .top-blog-img, .top-blog-item:nth-of-type(9) .top-blog-img{
	position: absolute;
    width: 75%;
    height: 75%;
    top: 0;
}
.top-blog-item:nth-of-type(8) .top-blog-title, .top-blog-item:nth-of-type(9) .top-blog-title{
    writing-mode: vertical-lr;
    height: 75%;
}
.top-blog-item:nth-of-type(8) .top-blog-date, .top-blog-item:nth-of-type(9) .top-blog-date{
    top: 0;
    height: 75%;
    width: 55%;
}
.top-blog-item:nth-of-type(8) .top-blog-date:before, .top-blog-item:nth-of-type(9) .top-blog-date:before{
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.top-blog-item:nth-of-type(8) .top-blog-day, .top-blog-item:nth-of-type(9) .top-blog-day{
	bottom: 0;
	right: 0;
}
.top-blog-item:nth-of-type(8) .top-blog-link, .top-blog-item:nth-of-type(9) .top-blog-link{
    width: calc(100% + 20vh);
    height: 75%;
}
.top-blog-item:nth-of-type(8){
	top: 25vh;
	right: 0;
}
.top-blog-item:nth-of-type(8) .top-blog-img{
    right: 0;
}
.top-blog-item:nth-of-type(8) .top-blog-title{
    left: 25%;
    transform: translateX(-125%);
}
.top-blog-item:nth-of-type(8) .top-blog-date{
    left: 0;
    transform: translateX(-80%);
}
.top-blog-item:nth-of-type(8) .top-blog-link{transform: translateX(-20vh);}
.top-blog-item:nth-of-type(9){
	top: 50vh;
	right: 37.5vh;
}
.top-blog-item:nth-of-type(9) .top-blog-title{
    left: 77.5%;
}
.top-blog-item:nth-of-type(9) .top-blog-date{
	left: 90%;
}
.top-blog-item:nth-of-type(10){
	left: 140.25vh;
	top: 75vh;
}
.top-blog-item:nth-of-type(10) .top-blog-img{
	width: 75%;
	height: 75%;
}
.top-blog-item:nth-of-type(10) .top-blog-title{
	width: 75%;
	top: 77.5%;
}
.top-blog-item:nth-of-type(10) .top-blog-date{
	height: 100%;
    top: 0;
    left: 72.5%;
}
.top-blog-item:nth-of-type(10) .top-blog-date:before{transform: translateY(-50%) rotate(-30deg);}
.top-blog-item:nth-of-type(10) .top-blog-day{bottom: 0;}
/* hover */
.top-blog-link:hover{
	background: #eee;
	opacity: .5;
}
/* coming-soon(grayscale) */
.top-blog-coming-soon{filter: grayscale(100%);}
.top-blog-coming-soon:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.top-blog-coming-soon:not(.top-blog-coming-left):after{left: 0;}
.top-blog-coming-soon .top-blog-date, .top-blog-coming-soon .top-blog-title{color: #888;}
/* view more */
.top-blog-view-more-wrap{
    display: inline-block;
    margin: 0 !important;
    position: absolute;
    color: var(--premium-blog-color);
    bottom: 0;
    right: 0;
    width: 35vh;
    height: 25vh;
    overflow: hidden;
}
.top-blog-view-more-wrap:before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--premium-blog-color);
    position: absolute;
    opacity: 0;
}
.top-blog-view-more-wrap:hover:before{
	opacity: 1;
}
.top-blog-view-more-lift{
	display: inline-block;
    font-size: 2.4vh;
    white-space: nowrap;
    position: absolute;
    font-weight: 700;
    color: var(--premium-blog-color);
    width: calc(100% - 1em);
    height: 1em;
    line-height: 1;
    overflow: hidden;
}
.top-blog-view-more-lift-box{
	display: inline-block;
	position: absolute;
	width: 35vh;
	height: 25vh;
	top: 0;
	left: 0;
}
.top-blog-view-more-lift-rotate{
    display: inline-block;
    position: absolute;
    width: 25vh;
    height: 35vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
}
.top-blog-view-more-lift:first-of-type{
    top: 0;
    left: 1em;
}
.top-blog-view-more-lift:nth-of-type(2){
	bottom: 0;
    right: 1em;
    transform: rotate(180deg);
}
.top-blog-view-more-lift:before, .top-blog-view-more-lift:after{
    content: "VIEW MORE BLOG POSTS";
    position: absolute;
}
.top-blog-view-more-link{
    position: absolute;
    display: grid;
    top: 50%;
    left: 50%;
    text-decoration: none !important;
    font-size: 5vh;
    color: var(--premium-blog-color);
    font-weight: 700;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    width: 100%;
    height: 100%;
    text-align: center;
    align-items: center;
    z-index: 2;
}
/*.top-blog-view-more-wrap:hover{background: var(--premium-blog-color);}*/
.top-blog-view-more-wrap:hover .top-blog-view-more-lift{color: #fff;}
.top-blog-view-more-link:hover{color: #fff;}
/* top-blog-scale */
.blog-scale-controller{
    position: /*fixed*/absolute;
    bottom: 50%;
    right: 2.5vh;
    z-index: 10;
    height: 15vh;
    width: 7vh;
    transform: translateY(50%);
    background: rgba(0,0,0,.7);
    overflow: hidden;
    border-radius: 2vh;
    /*
    visibility: hidden;
    opacity: 0;
    */
    transition: .5s;
}
.blog-scale-controller:hover{background: #000;}
.blog-scale-controller:before {
    content: "";
    position: absolute;
    width: 75%;
    height: 1px;
    background: #777;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#blogScale125:checked ~ .top-blog-inner{
	transform: scale(1.25);
}
#blogScale150:checked ~ .top-blog-inner{
	transform: scale(1.5);
}
.top-blog-scale-button{
    position: absolute;
    width: 100%;
    height: 50%;
    margin: 0;
    left: 0;
}
.top-blog-scale-button:not(.top-blog-scale-plus-disabled):not(.top-blog-scale-minus-disabled){cursor: pointer;}
.top-blog-scale-plus{top: 0;}
.top-blog-scale-minus{bottom: 0;}
.top-blog-scale-button:before, .top-blog-scale-plus:after{
	content: "";
	position: absolute;
	width: 50%;
	height: .5vh;
	top: 50%;
	left: 50%;
	background: #fff;
	font-weight: 900;
	font-size: 5vh;
}
.top-blog-scale-button:before{transform: translate(-50%,-50%);}
.top-blog-scale-plus:after{transform: translate(-50%,-50%) rotate(90deg);}
.top-blog-scale-minus-disabled:before, .top-blog-scale-minus-disabled:after,
.top-blog-scale-plus-disabled:before, .top-blog-scale-plus-disabled:after{background: #777;}
#blogScale100:checked ~ .blog-scale-controller .top-blog-scale-plus-125,
#blogScale100:checked ~ .blog-scale-controller .top-blog-scale-minus-disabled,
#blogScale150:checked ~ .blog-scale-controller .top-blog-scale-minus-125,
#blogScale150:checked ~ .blog-scale-controller .top-blog-scale-plus-disabled{z-index: 10;}
/* drag */
.drag-announce{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
    transform: translate(-50%, -50%);
    z-index: 10;
    transition: .5s;
}
.drag-announce.dragged{
	opacity: 0;
	visibility: hidden;
}
.blog-drag-text{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    color: var(--premium-blog-color);
    font-weight: 900;
    font-size: 7vw;
    white-space: nowrap;
    text-align: center;
    transform: translate(-50%,-50%);
}
.drag-arrow{
    position: absolute;
    display: inline-block;
    width: 50%;
    height: 100%;
    left: 50%;
    font-size: 10vw;
    font-family: "Font Awesome 5 Free";
    transform: translateX(-50%);
}
.drag-arrow-1{bottom: 100%;}
.drag-arrow-2{top: 100%;}
.drag-arrow:before, .drag-arrow:after{position: absolute;}
.drag-arrow-1:before, .drag-arrow-1:after{
	content: "\f30c";
	top: 0;
}
.drag-arrow-2:before, .drag-arrow-2:after{
	content: "\f309";
	bottom: 0;
}
.drag-arrow:before{left: 0;}
.drag-arrow:after{right: 0}
.drag-arrow-1:before, .drag-arrow-2:after{transform: rotate(-45deg);}
.drag-arrow-1:after, .drag-arrow-2:before{transform: rotate(45deg);}

/* contact */
.frontback-w-cv:before, .frontback-w-cv:after{
	background: linear-gradient(90deg,var(--premium-red),var(--premium-orange),var(--premium-yellow),var(--premium-green),var(--premium-light-blue),var(--premium-blue),var(--premium-purple),var(--premium-red));
}

/* portrait */
@media (orientation: portrait){
	#loadingTiles{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}
	#loadingWrap:before , #loadingWrap:after, #loadingTiles:before, #loadingTiles:after{
		width: 100%;
		height: 25%;
	}
	#loadingWrap:before{
		top: 0;
		left: 0;
		background: linear-gradient(
			180deg,
			var(--premium-red),
			var(--premium-orange)50%,
			var(--premium-yellow)
		);
		transform: translateX(-100%);
	}
	#loadingWrap:after{
		bottom: 0;
		right: 0;
		background: linear-gradient(
			180deg,
			var(--premium-blue),
			var(--premium-purple)
		);
		transform: translateX(100%);
	}
	#loadingTiles:after{
		top: 25%;
		right: 0;
		background: linear-gradient(
			180deg,
			var(--premium-yellow),
			var(--premium-green)
		);
		transform: translateX(-100%);
	}
	#loadingTiles:before{
		bottom: 25%;
		left: 0;
		background: linear-gradient(
			180deg,
			var(--premium-green),
			var(--premium-light-blue) 50%,
			var(--premium-blue)
		);
		transform: translateX(100%);
	}
	@keyframes loadingWrapBefore{
		0%{}
		100%{
			transform: translateX(0);
			opacity: 1;
		}
	}
	@keyframes loadingWrapAfter{
		0%{}
		100%{
			transform: translateX(0);
			opacity: 1;
		}
	}
	.loading-circle{
		width: 25vw;
		height: 25vw;
	}
	#loadingSlash{
		width: 250vw;
		height: 250vw;
	}
	.mv-title-text{
		font-size: 10vw;
	}
	.fixed-mandala{
		width: 75vw;
		height: 75vw;
	}
	.top-message-wrap:before, .top-message-wrap:after, .top-message-inner:before, .top-message-inner:after{
		width: 50vh;
		height: 50vh;
	}
	.message-text-p{
		font-size: 6vw;
	}
	.mission-text{
		font-size: 8vw;
	}
	.mission-text-2 .spacing-text:before{
		transform: translate(calc(-50% + 1px), calc(-50% + 1px));
	}
	.mission-3-belt-wrap-1{
		height: 5vw;
		width: 172.5vw;
		transform: translate(-50%, calc(-50% - 25vh)) skew(-15deg, -15deg) rotate(-15deg);
	}
	.mission-3-belt-wrap-2{
		height: 5vw;
		width: 172.5vw;
    	transform: translate(-50%, calc(-50% - 25vh)) skew(-15deg,-15deg) rotate(20deg);
	}
	.mission-3-belt-text:before, .mission-3-belt-text:after{
		font-size: 5vw;
	}
	.mission-3-belt-big{
		transform: translate(0, 25%) skew(-15deg,-15deg) rotate(-15deg);
	}
	.mission-text-4-inner{
		font-size: 25vw;
	}
	.mission-text-4-back{
		font-size: 25vh;
	}
	.mission-text-4-back-1:before{
		transform: translate(0, calc(-50% - 2em));
	}
	.mission-text-4-back-2:before{
		transform: translate(-40%, calc(-50% + 2em));
	}
	.mission-text-6-1{
	    top: 50%;
	    font-size: 35vw;
	    transform: translateY(calc(-50% - 50vw));
	}
	.mission-text-6-2 {
	    font-size: 10vw;
	}
	.mission-text-6-3 {
	    bottom: 50%;
	    font-size: 20vw;
	    transform: translateY(calc(50% + 48vw));
	}
	.mission-text-7-1, .mission-text-7-2{
		font-size: 17.5vw;
	}
	.mission-text-7-item-10{
		font-size: 40vw;
	}
	.mission-text-7-item-11{
		font-size: 27.5vw;
		transform: translate(calc(-50% - 50vw), calc(-50% - 6vw));
	}
	.mission-text-7-item-12{
		font-size: 20vw;
		transform: translate(calc(-50% - 9vw), calc(-50% + 50vw));
	}
	.mission-text-7-item-13{
		font-size: 20vw;
		transform: translate(calc(-50% + 50vw), calc(-50% + 47.5vw));
	}
	.mission-text-7-item-14{
		font-size: 40vw;
		transform: translate(calc(-50% - 50vw), calc(-50% + 40vw));
	}
	.service-title{
		font-size: 17.5vw !important;
	}
	.service-item-inner{
		width: 100vh;
		height: 100vh;
		left: 50%;
	}
	.service-item-title{
		font-size: 12.5vw !important;
		height: 2em;
		display: grid;
		align-items: center;
		transform: translate(0, -50%);
		width: 100vw;
	}
	.service-item-link{
		right: 50%;
		font-size: 8vw;
		transform: translate(77.5%, -100%) skewX(-30deg);
	}
	.service-item-link:before{
		font-size: 7vw;
	}
	.service-item-link:after{
		transform: translate(-1.5em, -52.5%) skewX(15deg);
	}

	.top-gallery-title{
		width: 45vw;
		height: 45vw;
		font-size: 7vw !important;
	}
	.top-gallery-item{
		width: 40vh;
		padding: 4vh 1vh;
	}
	.top-gallery-item:before, .top-gallery-item:after{
		background-image: repeating-linear-gradient(90deg, #fff, #fff 1vh, transparent 1vh, transparent 2.5vh);
	}
}
/* portraitSP */
@media (orientation: portrait) and (max-width: 575px){
	#loadingLogoWrap{
		width: 75%;
	}
}
/* portraitTab */
@media (orientation: portrait) and (min-width: 575px){
	.top-catchcopy{
		top: 20vw;
	}
	.top-catchcopy:before, .top-catchcopy:after{
		width: 70vh;
		height: 70vh;
	}
	.top-catchcopy:before{
		transform: translate(-47%, -90%) rotate(45deg);
	}
	.top-catchcopy:after{
		transform: translate(-53%, -88%) rotate(45deg);
	}
}
/* landscapeTab */
@media (orientation: landscape) and (min-width: 719px) and (max-width: 1200px){
	#loadingTiles{
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	}
}

/* GalaxyFold */
@media (max-width: 360px){

}

/*SP-all*/
@media (max-width: 575px){
	/*
	.custom-block-inner h2:not(.mission-title):not(.service-title){
		font-size: 6vw !important;
	}
	*/
	.to-all-button{
		font-size: 4vw;
	}
}

/* SP without GalaxyFold */
@media (min-width: 360px) and (max-width: 575px){

}

/* SP&Tab */
@media (max-width: 992px){
	
}

/* Tab */
@media (min-width: 575px) and (max-width: 992px){
	/*
	.custom-block-inner h2:not(.mission-title):not(.service-title){
		font-size: 3vw !important;
	}
	*/
}

/* SP&Tab without GalaxyFold */
@media (min-width: 360px) and (max-width: 992px){}

/* PC&Tab */
@media (min-width: 575px){
	.grid-2cols{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

/* PC */
@media (min-width: 992px){
	.eyecatch-img-wrap img{
		width: 100%;
	}
}

@media (min-width: 1235px){}

@media (min-width: 1310px){
	.container{
		width: 100% !important;
	}
}