@charset "utf-8";
/* CSS Document */

#pagettl{
	background-image: url("../images/works/pagettl.jpg");
}
#works {
	padding: 114px 0 0;
}
#works h2{
	font-size: 4rem;
	color: #A81E40;
	text-align: center;
	margin-bottom: 92px;
}
#works h2 span{
	font-size: 2.5rem;
	color: #000;
	line-height: 1;
	display: block;
}
#works .txt{
	font-size: 1.4rem;
	line-height: 1.86;
	width: 844px;
	margin: auto;
	max-width: 100%;
	margin-top: 70px;
    margin-bottom: 100px;
}
#works ul.list{
	display: flex;
	flex-wrap: wrap;
	margin-top: 120px;
	
}
#works ul.list li{
	width: calc( (100% - 1px )/2);
	margin-bottom: 55px;
}
#works ul.list li:nth-of-type(2n){
	margin-left: 1px;
}
#works ul.list li a p{
	font-size: 1.6rem;
	margin-top: 10px;
	color: #000;
}
#works ul.list li a p span{
	color: #A81E40;
}

#pagenav{
	padding-top: 40px;
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:768px){
}
@media screen and (max-width:425px){
	
	#pagettl{
		background-size: cover;
		background-position: center center;
	}
	
	#works {
		padding: 55px 0 0;
	}
	#works h2 {
		font-size: 3rem;
		margin-bottom: 40px;
	}
	#works h2 span {
    	font-size: 2rem;
	}
	#works .txt{
			margin-top: 20px;
        font-size: 13px;
    margin-bottom: 50px;
	}
	#works ul.list{
		margin-top: 55px;
	}
	#works ul.list li{
		width: 100%;
		margin-bottom: 45px;
	}
	#works ul.list li:nth-of-type(2n){
		margin-left: 0;
	}
	

}

@media screen and (max-width:425px){
	
	#pagettl{
		background-image: url("../images/works/pagettl_sp.jpg");
	}
}

.mfp-title{
	font-size:16px;
}