@charset "utf-8";

main.works .pagetop{
	background-image: url(../images/works_bg_sp.webp);
}
h2{
	font-size: 30px;
	font-weight: 500;
	padding: 2%;
	color: #fff;
	background:url(../images/back01.jpg);
	background-size: cover;
}

.contents{
	padding: 2%;
	min-height: 88vh;
}

.a-loop{
	justify-content: center;
}


h4{
	font-size: 1.2rem;
    margin-bottom: .3rem;
	font-weight: bold;
}
.roop_flex{
	display: flex;
	justify-content: space-between;
	color: #888;
	font-size: .9rem;
}
.a-loop figure{
	overflow: hidden;
	margin-bottom: .5rem;
	height: 15rem;
	display: flex;
	align-items: center;
}

figure img{
	transition: 0.6s;
}
figure img:hover{
	transform: scale(1.2);
}
.loop_cnt{
	margin-bottom: 1rem;
	display: block;
}



/*TABサイズ*/
@media screen and (min-width:768px){


.a-loop{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.a-loop > div{
	width: calc(100%/2 - 1rem);
}

}/*消さない*/
/*スマホサイズ*/
@media screen and (min-width:1280px){
	main.works .pagetop{
		background-image: url(../images/works_bg_pc.webp);
	}

}