@charset "UTF-8";


section#works_category {/**/
width:100%;
max-width:100%;
margin:50px auto;
text-align:center;
}	

section#works_category article {
text-align:center;
	width:100%;
	max-width:85%;/***********全体幅***********/
	
	
	margin:0 auto 10px auto;
	
	padding-bottom:0px;
	background:;
	

}



section#works_category article img {
	width:100%;
	max-width:100%;
	
	margin:10px 0 0 0;
	
}	




section#works_category  h3{/*タイトル*/
margin:50px 0 20px 0;


font-family:"Zen Kaku Gothic New" , sans-serif;
font-feature-settings:"palt";
font-size:1em;	
color:black;
line-height:1.5;
font-weight:900;
letter-spacing:0.04em;

}	



section#works_category  p{/*本文*/
margin:0px;



font-family:"Zen Kaku Gothic New" , sans-serif;

font-feature-settings:"palt";

font-size:0.81em;
line-height:2;

color:black;

}



section#works_category span br{
display:none;

}


section#works_category span.sub_title2025 br{
display:inline-block;

}

/*==========================================
 741以上からこのレイアウト
===========================================*/

@media only screen and (min-width: 741px) {


.top_margin{
	margin:280px 0 0 0;
}


section#works_category {/*トップイメージ画像スタート位置*/
width:100%;
max-width:100%;
margin:150px auto;
text-align:center;

z-index:0;
}	

section#works_category article {
text-align:center;
	width:100%;
	max-width:60%;/***********全体幅***********/
	
	
	margin:0 auto;
	

}



section#works_category article img {
	width:100%;
	max-width:100%;
	float:none;
	margin:10px auto 16px auto;
	background:;
}	






section#works_category h3{/*タイトル*/

font-size:20px;
letter-spacing:0.02em;	



}	



section#works_category p{/*説明*/
margin:20px auto 20px auto;

font-size:15px;

}


}





/*==========================================
 990以上からこのレイアウト
===========================================*/

@media only screen and (min-width: 990px) {
	
	


.bottom{
	margin:0px 0 300px 0;
}
		
	
	
	section#works_category {/*トップイメージ画像スタート位置*/

margin:0px auto 100px auto;

}

ul.sample{
	
	float:left;
	
	width:100%;
	max-width:48%;/*************画像左配置***********/
	
	margin-right:8%;
}


section#works_category article {
text-align:center;
	width:100%;
	max-width:85%;/***********全体幅***********/
	
	
	margin:0 auto;
	
}



section#works_category h3{/*タイトル*/
display:block;
font-size:1.13em;
letter-spacing:0.02em;	

padding-top:7%;/***********画像に対してタイトルからの上部余白***********/


}	


section#works_category p{/*説明*/
margin:20px 0 0px 0;

font-size:0.88em;

}




section#works_category span br{
display:inline-block;

}

}



/*==========================================
 990以上からこのレイアウト
===========================================*/

@media only screen and (min-width: 1270px) {
	section#works_category h3{/*タイトル*/
display:block;
font-size:1.25em;

padding-top:10%;/***********画像に対してタイトルからの上部余白***********/
}	


section#works_category p{/*説明*/
font-size:1.06em;

}



}


/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}