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

/*.page */.container{
	position: relative;
	max-width: none !important;
	width: 100%;
	counter-reset: service-count;
	overflow: hidden;
}
#core{
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: linear-gradient(var(--dark-color) 95%, var(--main-color));
}
#main{
	position: relative;
	margin: 0;
}
.pbhr{
	display: none;
}
#breadcrumb{
	margin: 0;
	color: #fff;
	background: transparent;
	position: absolute;
	top: 1vw;
	left: 1vw;
	z-index: 10;
}
#breadcrumb a{
	color: #fff;
}
#breadcrumb a:hover{
	color: var(--accent-color);
}
#breadcrumb .fa-angle-right:before{
	color: var(--accent-color);
}
#article-header{
	height: 15vw;
	position: relative;
	background: var(--dark-color);
	z-index: 1;
}
#article-header:before{
	content: "";
	background: var(--main-color);
	position: absolute;
	width: 100vw;
	height: 200vw;
	top: 25vw;
	left: 25vw;
	transform: rotate(45deg);
}
#article-header:after{
	content: "";
	position: absolute;
	width: 100vw;
	height: 100vw;
	background: var(--sub-color);
	top: 0;
	right: 0;
	transform: translate(50%, -50%) rotate(45deg);
	z-index: -1;
}
#article-header .entry-title{
	position: absolute;
	font-size: 3vw;
	margin: 0;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#article-header .entry-title:before{
	display: none;
}
#article-header .entry-title:after{
	font-family: var(--meiryo);
	font-weight: 700;
	content: "SERVICE";
	position: absolute;
	font-size: 10vw;
	left: 100%;
	top: 50%;
	transform: translate(100%, -50%) skewX(-15deg);
	opacity: .1;
	animation: pageTitleAfter 1s ease 0s 1 forwards;
}
@keyframes pageTitleAfter{
	0%{}
	100%{
		transform: translate(-2vw, -50%) skewX(-15deg);
	}
}

/* scrolling-disabled */
.no-scroll{
	overflow: hidden;
}

/*service-wrap*/
.service-wrap{
	position: relative;
	color: #fff;
	z-index: 9;
	padding: 3.5vw 0;
}
.service-wrap.z-index-front{
	z-index: 30000;
}
.staldia-loop-title{
	color: #333;
}
.staldia-loop-tile, .staldia-articles-loop .term img{
	border-radius: 0 !important;
}
.service-h2{
	font-size: 2vw !important;
	margin: 1em 0 !important;
	padding: 1.5em 0 0 !important;
	counter-increment: service-count;
}
.service-h2:before{
	border-radius: 0 !important;
	height: 2px !important;
	width: 1em !important;
	background: var(--accent-color) !important;
	top: 1.2em !important;
}
.service-h2:after{
	content: counter(service-count, decimal-leading-zero);
	font-family: var(--meiryo);
	position: absolute;
	font-size: .7em;
	color: var(--accent--color);
	top: 0;
	left: 50%;
	transform: translateX(-50%) skewX(-15deg);
}
.service-list-wrap{
	position: relative;
	padding: 1em 1em 1em 2.5em !important;
	background: rgba(var(--main-rgb), .5);
	max-width: 575px;
	margin: auto;
}
.service-list-wrap:before, .service-list-wrap:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.service-list-wrap:before{
	background: rgba(var(--sub-rgb),.3);
}
.service-list-wrap:after{
	background: var(--main-color);
}
.service-list-wrap.animation-trigger:after{
	animation: listWrapAfter 1s ease 0s 1 forwards;
}
@keyframes listWrapAfter{
	0%{}
	100%{
		width: 0;
	}
}
.service-list-wrap li{
	font-size: 16px;
	margin: 1em 0;
}
.service-list-wrap li:before{
	border-radius: 0 !important;
	background: transparent !important;
	width: .5em !important;
	height: 1em !important;
	top: .3em !important;
	left: -1.2em !important;
	border-bottom: 3px solid var(--accent-color);
	border-right: 3px solid var(--accent-color);
	transform: rotate(45deg);
}
.service-content{
	max-width: 700px;
	margin: auto;
	padding: 2em 0;
}
@media (max-width: 700px){
	.service-content{
		margin: 0 7vw;
	}
}

/* back-wrap */
.service-1-wrap:before, .service-3-wrap:before, .service-3-wrap:after, .service-4-wrap:before{
	content: "";
	position: absolute;
	width: 100vw;
	height: 200vw;
	z-index: -2;
}
.service-1-wrap:before{
	background: var(--sub-color);
	top: 100%;
	right: 25%;
	transform: rotate(-45deg);
}
.service-3-wrap:before{
	background: var(--dark-color);
	top: 0;
	right: 25%;
	transform: rotate(-45deg);
}
.service-3-wrap:after{
	background: var(--main-color);
	top: 56%;
	left: 15%;
	transform: rotate(45deg);
}
.service-4-wrap:before{
	background: var(--sub-color);
	top: 15%;
	right: 15%;
	transform: rotate(-45deg);
}

/* bottom-light */
#main:before, .container:before, .container:after, #core:before, #core:after, #mainEntity:before, #mainEntity:after{
	content: "";
	position: absolute;
	width: 5vw;
	height: 5vw;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 5vw #fff, 0 0 10vw #fff, 0 0 15vw #fff, 0 0 20vw #fff;
	top: 100%;
	transform: translateX(-50%);
	z-index: 1;
}
#main:before{
	left: 0;
}
.container:before{
	left: 16.66%;
}
.container:after{
	left: 33.33%;
}
#core:before{
	left: 50%;
}
#core:after{
	left: 66.66%;
}
#mainEntity:before{
	left: 83.33%;
}
#mainEntity:after{
	left: 100%;
}

/* case-card 
.staldia-loop-flex-slider{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 5vw 0 0;
}
.staldia-loop-flex-slider .staldia-loop-tile{
	width: 30%;
}
.staldia-loop-anchor:hover{
	background: rgba(255,255,255,.2);
}
@keyframes translateX0{
	0%{}
	100%{
		transform: translateX(0);
	}
}
*/

/* img-pickable-slider */
.img-pickable-slider{
	position: relative;
	height: 20vw;
	margin: 8vw 0 4vw;
}
.img-pickable-slider:before{
	content: "Image Gallery";
	position: absolute;
	font-family: var(--meiryo);
	font-size: 7vw;
	font-weight: 700;
	right: 0;
	top: 0;
	opacity: .1;
	transform: translate(0, -67%) skewX(-15deg);
}
.img-slider-item{
	position: absolute;
	overflow: hidden;
	height: 20vw;
	width: 30vw;
	background: rgba(var(--main-color),.5);
	padding: 1vw;
	margin: 0 1em;
	top: 0;
}
.img-pickup-pic{
	width: 100%;
	height: 100%;
}
.img-pickup-input:checked ~ .img-pickup-pic{
	position: fixed;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	z-index: 100;
	background: rgba(var(--sub-rgb),.9);
	transform: translate(-50%, -50%);
}
.img-pickup-input:checked ~ .img-pickup-pic img{
	object-fit: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 90%;
	max-width: 1280px;
}
.slider-tap-announce, .slider-tap-announce:before{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.slider-tap-announce:before{
	content: "";
	background: rgba(0,0,0,.7);
	z-index: 9;
	pointer-events: none;
}
.slider-tap-announce:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0a6\0020クリックで画像拡大";
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	pointer-events: none;
}
.slider-tap-announce.animation-trigger:before, .slider-tap-announce.animation-trigger:after{
	animation: announceNone 1s ease 1s 1 forwards;
}
@keyframes announceNone{
	0%{}
	100%{
		opacity: 0;
		visibility: hidden;
	}
}
/* slider-item-4 */
.img-slider-item-4{
	left: 100%;
}
.img-slider-item-4:first-of-type{
	animation: pickupSlider 12s linear -3s infinite forwards;
}
.img-slider-item-4:nth-of-type(2){
	animation: pickupSlider 12s linear -6s infinite forwards;
}
.img-slider-item-4:nth-of-type(3){
	animation: pickupSlider 12s linear -9s infinite forwards;
}
.img-slider-item-4:last-of-type{
	animation: pickupSlider 12s linear 0s infinite forwards;
}
/* slider-item-5 */
.img-slider-item-5{
	left: 133.33%;
}
.img-slider-item-5:first-of-type{
	animation: pickupSlider 15s linear -3s infinite forwards;
}
.img-slider-item-5:nth-of-type(2){
	animation: pickupSlider 15s linear -6s infinite forwards;
}
.img-slider-item-5:nth-of-type(3){
	animation: pickupSlider 15s linear -9s infinite forwards;
}
.img-slider-item-5:nth-of-type(4){
	animation: pickupSlider 15s linear -12s infinite forwards;
}
.img-slider-item-5:last-of-type{
	animation: pickupSlider 15s linear 0s infinite forwards;
}
/* slider-item-6 */
.img-slider-item-6{
	left: 166.66%;
}
.img-slider-item-6:first-of-type{
	animation: pickupSlider 18s linear -3s infinite forwards;
}
.img-slider-item-6:nth-of-type(2){
	animation: pickupSlider 18s linear -6s infinite forwards;
}
.img-slider-item-6:nth-of-type(3){
	animation: pickupSlider 18s linear -9s infinite forwards;
}
.img-slider-item-6:nth-of-type(4){
	animation: pickupSlider 18s linear -12s infinite forwards;
}
.img-slider-item-6:nth-of-type(5){
	animation: pickupSlider 18s linear -15s infinite forwards;
}
.img-slider-item-6:last-of-type{
	animation: pickupSlider 18s linear 0s infinite forwards;
}
/* slider-item-8 */
.img-slider-item-8{
	left: 233.33%;
}
.img-slider-item-8:first-of-type{
	animation: pickupSlider 24s linear -3s infinite forwards;
}
.img-slider-item-8:nth-of-type(2){
	animation: pickupSlider 24s linear -6s infinite forwards;
}
.img-slider-item-8:nth-of-type(3){
	animation: pickupSlider 24s linear -9s infinite forwards;
}
.img-slider-item-8:nth-of-type(4){
	animation: pickupSlider 24s linear -12s infinite forwards;
}
.img-slider-item-8:nth-of-type(5){
	animation: pickupSlider 24s linear -15s infinite forwards;
}
.img-slider-item-8:nth-of-type(6){
	animation: pickupSlider 24s linear -18s infinite forwards;
}
.img-slider-item-8:nth-of-type(7){
	animation: pickupSlider 24s linear -21s infinite forwards;
}
.img-slider-item-8:last-of-type{
	animation: pickupSlider 24s linear 0s infinite forwards;
}
@keyframes pickupSlider{
	0%{}
	100%{
		left: -33.33%;
	}
}
.img-slider-item:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(var(--sub-rgb),.5);
	top: 0;
	left: 0;
	z-index: -1;
}
.img-slider-item:hover:before{
	background: rgba(var(--accent-rgb),.5);
}
.img-slider-item br, .img-pickable-slider p:empty, .img-pickup-input{
	display: none;
}
.img-pickup-switch{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	cursor: pointer;
	z-index: 1;
}
.img-pickup-input:checked ~ .img-pickup-switch{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 101;
	touch-action: none;
}
.img-slider-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media(orientation: portrait){
	.img-pickup-input:checked ~ .img-pickup-pic img{
		width: 90%;
	}
}
@media (max-width:575px){
	#breadcrumb{
		top: 2vw;
	}
	#article-header{
		height: 20vh;
	}
	#article-header:after{
		width: 100vh;
		height: 100vh;
	}
	#article-header:before{
		width: 100vh;
		height: 150vh;
		top: 0;
		left: 0;
	}
	#article-header .entry-title{
		font-size: 7vw;
		left: 7vw;
		transform: translate(0, -50%);
	}
	#article-header .entry-title:after{
		font-size: 14.5vw;
	}
	.service-wrap{
		padding: 7vw 0;
	}
	.service-h2{
		font-size: 5vw !important;
	}
	.service-list-wrap{
		margin: 0 7vw;
	}
	/*
	.staldia-loop-flex-slider{
		width: 100%;
		overflow-x: scroll;
		justify-content: start;
		flex-wrap: nowrap;
		scroll-snap-type: x mandatory;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
		transform: translateX(100vw);
	}
	.staldia-loop-flex-slider.animation-trigger{
		animation: translateX0 .8s ease 0s 1 forwards;
	}
	.staldia-loop-flex-slider .staldia-loop-tile{
		min-width: 85%;
		margin: 3vw;
		scroll-snap-align: center;
	}
	*/
	.service-3-wrap:before{
		background: var(--sub-color);
	}
	#main:before, .container:after, #core:after, #mainEntity:after{
		width: 5vh;
		height: 5vh;
		box-shadow: 0 0 5vh #fff, 0 0 10vh #fff, 0 0 15vh #fff, 0 0 20vh #fff;
	}
	.container:before, #core:before, #mainEntity:before{
		display: none;
	}
	.img-pickable-slider{
		height: 36vw;
	}
	.img-pickable-slider:before{
		font-size: 9vw;
	}
	.img-slider-item{
		width: 48vw;
		height: 36vw;
		padding: 2vw;
	}
	@keyframes pickupSlider{
		0%{}
		100%{
			left: -50%;
		}
	}
	.img-slider-item-4{
		left: 150%;
	}
	.img-slider-item-5{
		left: 200%;
	}
	.img-slider-item-6{
		left: 250%;
	}
	.img-slider-item-8{
		left: 350%;
	}
}
@media (max-width: 992px){
	.service-5-wrap:before{
		content: "";
		position: absolute;
		width: 50vh;
		height: 150vh;
		background: var(--main-color);
		transform: rotate(45deg);
		z-index: -1;
		top: 15%;
		left: 25%;
	}
	.slider-tap-announce:after{
		content: "\f0a6\0020タップで画像拡大";
	}
}
@media(min-width: 575px){
	/*
	.staldia-loop-flex-slider .staldia-loop-tile{
		transform: translateX(100vw);
	}
	.animation-trigger .staldia-loop-tile:first-of-type{
		animation: translateX0 1s ease 0s 1 forwards;
	}
	.animation-trigger .staldia-loop-tile:nth-of-type(2){
		animation: translateX0 1s ease .2s 1 forwards;
	}
	.animation-trigger .staldia-loop-tile:nth-of-type(3){
		animation: translateX0 1s ease .4s 1 forwards;
	}
	*/
}
@media (min-width: 575px) and (max-width: 992px){
	.service-h2{
		font-size: 2.5vw !important;
	}
}