@charset "UTF-8";

* { box-sizing:border-box }

#graphic-contents {
	padding-bottom:50px;}

#graphic-contents img {
    width:250px; 
	padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
}

/*　画面サイズが568pxからはここを読み込む　*/  
@media screen and (min-width:568px){ 
		
#graphic-contents {
	padding-bottom:90px;}
    
#graphic-contents img {
    width:300px; 
	padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.3); 
    }   

	
/*　画面サイズが800pxからはここを読み込む　*/ 	
@media screen and (min-width:800px) {
	
#graphic-contents img {
    width:350px; 
	padding-bottom:0px;
    margin-top:50px;
    margin-bottom:20px;
    margin-left:2%;
    margin-right:2%;
    
    box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
	
	
	}
    
    
/*　画面サイズが980pxからはここを読み込む　*/ 	
@media screen and (min-width:980px) {
	
#graphic-contents img {
    width:35%; 
	padding-bottom:0px;
    margin-top:50px;
    margin-bottom:20px;
    
    box-shadow: 1px 1px 7px rgba(0,0,0,0.3);
	
	
	}