@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')}

: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));
}

#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;
	animation: headerZ 3s ease 0s 1 forwards;
	visibility: hidden;
}
@keyframes headerZ{
	0%{}
	75%{
		opacity: 0;
		z-index: 1;
		visibility: hidden;
	}
	100%{
		z-index: 10000;
		visibility: visible;
		opacity: 1;
	}
}
#head-in{
	background: transparent;
}
.staldia-background-maincolor h2{
}
.custom-block-inner{
	counter-reset: h3-count;
}
.custom-block-inner h2:not(){
	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;
}
.top-message-title:after{
	position: absolute;
	font-size: 16px;
	top: 0;
	left: 6em;
	color: var(--accent-color);
	transform: skewX(-15deg);
}
.block-span{
	display: block;
}
/* 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;
	overflow: hidden;
	z-index: 10;
}
.staldia-indention{
	display: block;
	white-space: nowrap;
}
.block-inner-relative{
	position: relative;
}

/* loading */
#topLoading{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--main-color);
	z-index: 10000;
	animation: topLoading 3s ease 0s 1 forwards;
	touch-action: none;
}
@keyframes topLoading{
	0%{}
	75%{
		visibility: visible;
		z-index: 10000;
		opacity: 1;
		background: var(--main-color);
	}
	100%{
		visibility: hidden;
		z-index: -1;
		opacity: 0;
		background: #fff;
	}
}
#loadingSvg{ 
	position: absolute;
	width: 30vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#loadingPath{
	fill: #fff;
	stroke: #fff;
	stroke-width: 3;
	stroke-linecap: round;
	animation: loadingSvgDraw 3s ease-in 0s 1 forwards;
}
@keyframes loadingSvgDraw{
	0% {
		fill: transparent;
		stroke-dasharray: 4000;
		stroke-dashoffset: 4000;
	}
	30%{
		fill: transparent;
		stroke-dashoffset: 0;
	}
	50%{
		fill: #fff;
	}
}

/* eyecatch */
.staldia-top-eyecatch{
	height: 100vh;
}
.staldia-top-eyecatch:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--main-color);
	opacity: .5;
}
.staldia-top-eyecatch-inner{
	width: 100%;
	height: 100%;
}
.staldia-top-eyecatch-inner:before, .staldia-top-eyecatch-inner:after{
	content: "";
	position: absolute;
	width: 25vw;
	height: 25vw;
	bottom: 0;
	right: 0;
	z-index: 10;
}
.staldia-top-eyecatch-inner:before{
	background: var(--accent-color);
	transform: translate(100%, 75%) rotate(60deg);
	opacity: .5;
	animation: eyecatchInnerBefore 1s ease 2.5s 1 forwards;
}
@keyframes eyecatchInnerBefore{
	0%{}
	100%{
		transform: translate(40%, 75%) rotate(60deg);
	}
}
.staldia-top-eyecatch-inner:after{
	background: var(--main-color);
	transform: translate(75%, 40%) rotate(30deg);
}
.top-catchcopy{
	display: inline-block;
	font-size: 2vw;
	margin: 0 !important;
	position: absolute;
	left: 5vw;
	top: 12vw;
	font-family: serif;
	font-weight: 900;
	line-height: 1.5;
	z-index: 10;
}
.top-catch-back, .top-catch-back:before{
	position: absolute;
	height: 50vw;
	z-index: -1;
}
.top-catch-back{
	width: 50vw;
	top: 50%;
	left: 50%;
	background: var(--main-color);
	transform: translate(-50%, -85%) rotate(45deg);
	opacity: .7;
}
.top-catch-back:before{
	content: "";
	width: 1vw;
	background: var(--accent-color);
	bottom: 100%;
	left: 100%;
	opacity: .7;
	animation: topCatchBack 1s ease 2.5s 1 forwards;
}
@keyframes topCatchBack{
	0%{}
	100%{
		bottom: 5vw;
	}
}
.top-catch-center{
	position: absolute;
	text-align: center;
	font-weight: 700;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 10;
	white-space: nowrap;
	letter-spacing: .1em;
}
.top-catch-en{
	position: relative;
	font-family: var(--meiryo);
	font-size: 3.5vw;
	white-space: nowrap;
	line-height: 1.5;
	margin: 0 !important;
}
.top-catch-en:before{
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	background: var(--accent-color);
	opacity: .5;
	bottom: 0;
	left: 0;
	animation: topCatchEn 1s ease 2.5s 1 forwards;
}
@keyframes topCatchEn{
	0%{}
	100%{
		width: 100%;
	}
}
.top-catch-jp{
	font-size: 1.2vw;
	margin: 1vw !important;
}
.top-catchcopy-block{
	transform: skewX(-25deg);
}
.eyecatch-img-wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.eyecatch-fixed-img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.eyecatch-img-1{
	z-index: 10;
}
.eyecatch-img-2{
	z-index: 9;
}
.eyecatch-img-3{
	z-index: 8;
}
.eyecatch-fixed-img img{
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	object-position: center 30%;
}
@keyframes eyecatchZoom{
	0%{
		opacity: 0;
		transform: scale(1);
	}
	3%{
		opacity: 1;
	}
	30%{
		opacity: 1;
		transform: scale(1.1);
	}
	33%{
		opacity: 0;
		visibility: hidden;
		transform: scale(1.5);
	}
	100%{
		opacity: 0;
		visibility: hidden;
		transform: scale(1.5);
	}
}
@keyframes eyecatchSlide{
	0%{
		opacity: 0;
		object-position: 0% 0%;
	}
	3%{
		opacity: 1;
	}
	30%{
		opacity: 1;
	}
	33%{
		opacity: 0;
		visibility: hidden;
		object-position: 100% 0%;
	}
	100%{
		opacity: 0;
		visibility: hidden;
		object-position: 100% 0%;
	}
}

/* message */
.top-message-wrap:before{
	content: "";
	position: absolute;
	width: 50vw;
	height: 200vw;
	background: var(--main-color);
	top: 0;
	right: 0;
	transform: translate(-8.5%, -8%) rotate(30deg);
	z-index: -1;
}
.top-message-wrap:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 75%;
	background: url("https://murakamidenki.net/ver23/wp-content/uploads/2023/04/murakamidenki-logo-white.png") no-repeat;
	background-size: contain;
	background-position: center center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: .1;
	z-index: -1;
}
#topMessageH2{
	text-align: right;
	display: inline-block;
}
#topMessageH2.animation-trigger{
	animation: messageH2 1s ease 0s 1 forwards;
}
.message-h2-inner{
	display: block;
	position: relative;
	white-space: nowrap;
}
.message-h2-inner:nth-of-type(2){
	margin-left: 7em;
}
.message-h2-inner:nth-of-type(2):before{
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	background: linear-gradient(90deg, transparent, #fff, var(--accent-color) 75%);
	top: 50%;
	right: calc(100% + .5em);
	transform: translate(0, -50%);
}
.animation-trigger .message-h2-inner:nth-of-type(2):before{
	animation: messageH2Before 1s ease 0s 1 forwards;
}
@keyframes messageH2Before{
	0%{}
	100%{
		width: 6.5em;
	}
}

/* service */
.top-service-h2{
	margin: 0 !important;
	padding: 2vw 0 !important;
}
.top-service-h2:before{
	content: "SERVICE";
	font-family: var(--meiryo);
	position: absolute;
	background: transparent !important;
	font-size: 10vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-46%) skewX(-15deg);
	opacity: 0;
}
.top-service-h2.animation-trigger:before{
	animation: opacity10per 1s ease .5s 1 forwards;
}
@keyframes opacity10per{
	0%{}
	100%{
		opacity: .1;
	}
}
.top-service-h2-inner{
	position: relative;
	display: block;
}
/* h2-inner:before/after: @.top-service-img */
.top-service-h2-inner:before, .top-service-button-wrap:before{
	right: 100%;
}
.top-service-h2-inner:after, .top-service-button-wrap:after{
	left: 100%;
}
.top-service-items{
	counter-reset: service-count;
}
.top-service-item{
	position: relative;
	display: grid;
	align-items: center;
	background: var(--main-color);
	width: 45vw;
	height: 41.25vw;
	padding: 0 7vw;
	counter-increment: service-count;
}
.top-service-item:nth-of-type(even){
	margin-left: 55vw;
}
.top-service-item:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 0 solid;
	opacity: .5;
	top: 0;
	background: transparent !important;
}
.top-service-item:nth-of-type(odd).animation-trigger:before{
	animation: serviceItemOddBefore 1s ease 0s 1 forwards;
}
.top-service-item:nth-of-type(even).animation-trigger:before{
	animation: serviceItemEvenBefore 1s ease 0s 1 forwards;
}
@keyframes serviceItemOddBefore{
	0%{}
	100%{
		border: 12vw solid;
		border-color: transparent var(--accent-color) transparent transparent;
	}
}
@keyframes serviceItemEvenBefore{
	0%{}
	100%{
		border: 12vw solid;
		border-color: transparent transparent var(--accent-color) transparent;
	}
}
.top-service-item:nth-of-type(odd):before{
	left: 0;
	border-color: transparent var(--accent-color) transparent transparent;
	transform: translate(-50%, -50%) rotate(45deg);
}
.top-service-item:nth-of-type(even):before{
	right: 0;
	border-color: transparent transparent var(--accent-color) transparent;
	transform: translate(50%, -50%) rotate(45deg);
}
.top-service-item:after{
	content: counter(service-count);
	position: absolute;
	top: 1vw;
	font-family: var(--meiryo);
	font-size: 5vw;
	font-weight: 700;
	transform: skewX(-15deg);
	opacity: 0;
}
.top-service-item.animation-trigger:after{
	animation: serviceItemAfter 1s ease .5s 1 forwards;
}
@keyframes serviceItemAfter{
	0%{}
	100%{
		opacity: 1;
	}
}
.top-service-item:nth-of-type(odd):after{
	left: 3vw;
}
.top-service-item:nth-of-type(even):after{
	right: 3vw;
}
.top-service-img{
	position: absolute;
	top: 0;
	width: 55vw;
}
.top-service-item:nth-of-type(odd) .top-service-img{
	left: 100%;
}
.top-service-item:nth-of-type(even) .top-service-img{
	right: 100%;
}
.top-service-button-wrap{
	overflow: hidden;
}
.top-service-img:before, .top-service-h2-inner:before, .top-service-h2-inner:after, .top-service-button-wrap:before, .top-service-button-wrap:after{
    content: "";
    position: absolute;
    width: 5vw;
    height: 5vw;
    background: #fff !important;
    border-radius: 50%;
    top: 50%;
    box-shadow: 0 0 3vw, 0 0 5vw, 0 0 8vw, 0 0 10vw, 0 0 15vw, 0 0 20vw;
    transform: translateY(-50%);
    opacity: 0;
}
.animation-trigger .top-service-h2-inner:before, .animation-trigger .top-service-h2-inner:after, .top-service-button-wrap.animation-trigger:before, .top-service-button-wrap.animation-trigger:after{
	animation: lightUp 1s ease .5s 1 forwards;
}
.top-service-img.animation-trigger:before{
	animation: lightUp 1s ease 1s 1 forwards;
}
@keyframes lightUp{
	0%{}
	100%{
		opacity: 1;
	}
}
.top-service-item:nth-of-type(odd) .top-service-img:before{
	left: 0;
}
.top-service-item:nth-of-type(even) .top-service-img:before{
	right: 0;
}
.top-service-img img{
	width: 100%;
	position: relative;
	z-index: 9;
	opacity: 0;
}
.top-service-item:nth-of-type(odd) .top-service-img img{
	transform: translateX(100%);
}
.top-service-item:nth-of-type(even) .top-service-img img{
	transform: translateX(-100%);
}
.top-service-img.animation-trigger img{
	animation: translateX0 1s ease 0s 1 forwards;
}
@keyframes translateX0{
	0%{}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
.top-service-title{
	font-size: 1.5vw !important;
}
.top-service-item:nth-of-type(even) .top-service-title{
	text-align: right;
}
.top-service-title-inner{
	position: relative;
}
.top-service-title-inner:before{
	content: "";
	position: absolute;
	width: 0;
	height: 3px;
	top: 50%;
	transform: translateY(-50%);
}
.animation-trigger .top-service-title-inner:before{
	animation: serviceTitleInner 1s ease 0s 1 forwards;
}
@keyframes serviceTitleInner{
	0%{}
	100%{
		width: calc(30vw - 100%);
	}
}
.top-service-item:nth-of-type(odd) .top-service-title-inner:before{
	background: linear-gradient(90deg, var(--accent-color) 25%, #fff, transparent);
	left: calc(100% + 1vw);
}
.top-service-item:nth-of-type(even) .top-service-title-inner:before{
	background: linear-gradient(90deg, transparent, #fff, var(--accent-color) 75%);
	right: calc(100% + 1vw);
}
.top-service-button-wrap{
    background: var(--dark-color);
}

/* works */
.top-works-wrap{
	background: rgba(var(--main-rgb),.8);
}
.top-works-wrap:before{
	content: "MURAKAMI WORKS";
	position: absolute;
	font-family: var(--meiryo);
	top: 0;
	left: 100%;
	transform: skewX(-15deg);
	font-size: 9.5vw;
	font-weight: 700;
	opacity: .1;
	line-height: .85;
	white-space: nowrap;
}
.top-works-wrap.animation-trigger:before{
	animation: worksWrapBefore 1s ease 0s 1 forwards;
}
@keyframes worksWrapBefore{
	0%{}
	100%{
		left: 50%;
		transform: translate(-50%, 0) skewX(-15deg);
	}
}
.top-works-list-item{
	position: relative;
	margin: 1em;
	transform: translateY(50%);
	opacity: 0;
}
.top-works-list-item.animation-trigger{
	animation: workListItem 1s ease 0s 1 forwards;
}
@keyframes workListItem{
	0%{}
	100%{
		transform: translateY(0);
		opacity: 1;
	}
}
.top-works-link{
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	background: rgba(var(--dark-rgb),.5);
	text-decoration: none !important;
	padding: 1em 0;
}
.top-works-link:hover{
	color: #fff;
}
.top-works-link:before, .top-works-link:after{
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	transition: .3s;
}
.top-works-link:before{
	border-right: 2px solid var(--accent-color);
	border-bottom: 2px solid var(--accent-color);
	bottom: 0;
	right: 0;
}
.top-works-link:after{
	border-top: 2px solid var(--accent-color);
	border-left: 2px solid var(--accent-color);
	top: 0;
	left: 0;
}
.top-works-link:hover:before, .top-works-link:hover:after{
	width: 100%;
}
.top-works-maintext{
	font-weight: 700;
	font-size: 1.25vw;
}

/* blog */
.top-news-wrap{
	background: linear-gradient(var(--dark-color), var(--main-color));
}
#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 3vw, 0 0 5vw, 0 0 8vw, 0 0 10vw, 0 0 15vw, 0 0 20vw;
	top: 100%;
	transform: translateX(-50%);
	z-index: 20;
}
#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;
}
.staldia-loop-flex-slider .staldia-loop-tile{
	width: 30%;
}
.staldia-loop-anchor:hover{
	background: rgba(255,255,255,.2);
}
.top-news-button-wrap{
	margin: 2em 0 !important;
}

/* landscapeOnly */
@media (orientation: landscape){
	#head-in{
		height: 7vw;
	}
	#sitename{
		padding: 0;
	}
	#sitename img{
		width: 10vw;
	}
	.ori-ham-switch{
		top: 0;
		right: 1vw;
		height: 7vw;
		width: 7vw;
	}
	.ori-ham-borderwrap{
		width: 5vw;
		height: 5vw;
		top: 3vw;
		border-radius: 0;
	}
	.ori-ham-switch:after{
		transform: translate(-50%, 0);
	}
	.eyecatch-fixed-img{
		opacity: 0;
	}
	.eyecatch-img-1{
		animation: eyecatchZoom var(--eyecatch-animations-duration-pc) linear 2s infinite normal forwards;
	}
	.eyecatch-img-2{
		animation: eyecatchZoom var(--eyecatch-animations-duration-pc) linear 6s infinite normal forwards;
	}
	.eyecatch-img-3{
		animation: eyecatchZoom var(--eyecatch-animations-duration-pc) linear 10s infinite normal forwards;
	}
}

/* portrait */
@media (orientation: portrait){
	#loadingSvg{
		width: 50vw;
	}
	.staldia-top-eyecatch-inner:before, .staldia-top-eyecatch-inner:after{
		width: 25vh;
		height: 25vh;
	}
	.top-catchcopy{
		font-size: 5vw;
		left: 10vw;
		top: 33vw;
	}
	.top-catch-back, .top-catch-back:before{
		width: 100vh;
		height: 100vh;
	}
	.top-catch-back{
		transform: translate(-51%, -98%) rotate(45deg);
	}
	.top-catch-back:before{
		width: 3vw;
	}
	.top-catch-en{
		font-size: 8vw;
	}
	.top-catch-jp{
		font-size: 4vw;
	}
	.eyecatch-fixed-img img{
		opacity: 0;
	}
	.eyecatch-img-1 img{
		animation: eyecatchSlide var(--eyecatch-animations-duration-mb) linear 2s infinite normal forwards;
	}
	.eyecatch-img-2 img{
		animation: eyecatchSlide var(--eyecatch-animations-duration-mb) linear 7s infinite normal forwards;
	}
	.eyecatch-img-3 img{
		animation: eyecatchSlide var(--eyecatch-animations-duration-mb) linear 12s infinite normal forwards;
	}
	.top-message-wrap:before{
		width: 100vh;
		height: 200vh;
		transform: translate(63.44%, -20%) rotate(30deg);
	}
}
/* portraitSP */
@media (orientation: portrait) and (max-width: 575px){
	.top-service-item{
		width: 100%;
		height: auto;
	}
	.top-service-item:nth-of-type(even){
		margin-left: 0;
		background: var(--sub-color);
	}
	.top-service-item:nth-of-type(odd):before{
		left: 100%;
		border-color: transparent transparent var(--accent-color) transparent;
	}
	.top-service-item:nth-of-type(odd):after{
		left: auto;
		right: 3vw;
	}
	.top-service-item:nth-of-type(even):before{
		right: 100%;
		border-color: transparent var(--accent-color) transparent transparent;
	}
	.top-service-item:nth-of-type(even):after{
		right: auto;
		left: 3vw;
	}
	@keyframes serviceItemOddBefore{
		0%{}
		100%{
			border: 12vw solid;
			border-color: transparent transparent var(--accent-color) transparent;
		}
	}
	@keyframes serviceItemEvenBefore{
		0%{}
		100%{
			border: 12vw solid;
			border-color: transparent var(--accent-color) transparent transparent;
		}
	}
	.top-service-title{
		font-size: 5vw !important;
		margin: 7vw 0 5vw !important;
	}
	@keyframes serviceTitleInner{
		0%{}
		100%{
			width: calc(84vw - 100%);
		}
	}
	.top-service-item:nth-of-type(odd) .top-service-title-inner:before{
		left: calc(100% + 2vw);
	}
	.top-service-item:nth-of-type(even) .top-service-title-inner:before{
		right: calc(100% + 2vw);
	}
	.top-service-img{
		position: static;
		width: 100%;
	}
	.top-service-img:before{
		display: none;
	}
	.top-service-item:nth-of-type(odd) .top-service-img img{
		transform: translateX(calc(-100% - 7vw));
	}
	.top-service-item:nth-of-type(even) .top-service-img img{
		transform: translateX(calc(100% + 7vw));
	}
}
/* 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);
	}
}

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

}

/*SP-all*/
@media (max-width: 575px){
	.custom-block-inner h2{
		font-size: 6vw !important;
	}
	.to-all-button{
		font-size: 4vw;
	}
	.top-service-h2{
		padding: 8vw 0 !important;
	}
	.top-service-h2:before{
		font-size: 21vw;
	}
	.top-works-maintext{
		font-size: 5vw;
	}
	/* blog */
	.top-news-wrap{
		padding: 7vw 0;
	}
	.container:before, #core:before, #mainEntity:before{
		display: none;
	}
	#main:before, .container:after, #core:after, #mainEntity:after{
		width: 10vw;
		height: 10vw;
		box-shadow: 0 0 3vw, 0 0 5vw, 0 0 8vw, 0 0 10vw, 0 0 15vw, 0 0 20vw;
	}
	.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);
		opacity: 0;
	}
	.animation-trigger .staldia-loop-flex-slider{
		animation: translateX0 .8s ease 0s 1 forwards;
	}
	.staldia-loop-flex-slider .staldia-loop-tile{
		min-width: 80%;
		margin: 3vw;
		scroll-snap-align: center;
	}
	.news-article-link{
		padding: .5em 0 0;
	}
}

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

}

/* SP&Tab */
@media (max-width: 992px){
	.top-service-img:before, .top-service-h2-inner:before, .top-service-h2-inner:after, .top-service-button-wrap:before, .top-service-button-wrap:after{
		width: 10vw;
		height: 10vw;
	}
}

/* Tab */
@media (min-width: 575px) and (max-width: 992px){
	.custom-block-inner h2{
		font-size: 3vw !important;
	}
	.top-service-title{
		font-size: 2.5vw !important;
	}
	.top-service-h2{
		padding: 4vw 0 !important;
	}
	.to-all-button{
		font-size: 2vw;
	}
	.top-service-h2:before{
		font-size: 17vw;
	}
	.top-works-list-wrap{
		grid-template-columns: 1fr 1fr;
	}
	.top-works-maintext{
		font-size: 2.5vw;
	}
}

/* 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;
	}
	.top-works-list-wrap{
		display: grid;
		align-items: center;
	}
	.top-service-item:nth-of-type(odd) .top-service-img{
		background: linear-gradient(90deg, var(--main-color), var(--dark-color));
	}
	.top-service-item:nth-of-type(even) .top-service-img{
		background: linear-gradient(90deg, var(--dark-color), var(--main-color));
	}

	/* blog */
	.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;
	}
	.top-news-item{
		display: grid;
		grid-template-columns: 9em calc(100% - 9em);
		align-items: center;
	}
	.news-article-link{
		display: inline-block;
		height: 100%;
		font-size: 18px;
	}
}

/* PC */
@media (min-width: 992px){
	.eyecatch-img-wrap img{
		width: 100%;
	}
	.top-works-list-wrap{
		grid-template-columns: 1fr 1fr 1fr;
	}
}

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

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