@charset "UTF-8";


/*
data
---------------------------------------------*/

#data .ttl {
	color: #0472E0;
}
.grid {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 1170px;
}
.grid-item {
	padding: 5px;
	opacity: 0;
}
.grid-item h2 {
	position: absolute;
	z-index: 5;
	background: #cfb610;
	color: #fff;
	line-height: 1;
	font-size: 0.9rem;
	padding: 0.4rem 0.4rem 0.5rem 0.4rem;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 500;
}
.grid-item img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.grid-item {
	width: 25%;
}
.grid-item2 {
	width: 50%;
}

@media (max-width: 1140px) {
}

@media (max-width: 992px) {
	.grid-item {
		width: 100%;
	}
	.grid-item2 {
		width: 100%;
	}
}

@media (max-width: 768px) {
}