@charset"utf-8";

h1,h2,p,div { margin: 0; }

* { font-family: sans-serif; 
    text-decoration: none;
   }
a { outline: none;
    color: #000; }
a:link { color: #000; }
a:hover { color: rgba(0,0,0,0.5); }
a:visited { color: #000; }

h1 { 
     font-size: 5em;
     font-weight: lighter; 
     margin: 0em,0em,1em,0em;
    }

h2 { 
     clear: both; 
     float: left;
     font-size: 1.3em;
     font-weight: normal;
    }

p { 
　　 clear: both;
    float: left;
    font-size: 1em;
    margin: 0em;

    }



img{ width: 100%; }

#container { 
             width: 100%;
             margin: 0 auto;
             
             }
#title { 
         float: left;
         margin: 1em; 
        }


#text p {
         clear: both; 
         float: left;
         margin: 0em; 
         }

#realism1 {
      float: left;
      margin: 1em;
    
     }


#realism2 {
      float: left;
      margin: 1em;
    
     }
#realism3{
      float: left;
      margin: 1em;
    
     }
#realism4 {
      float: left;
      margin: 1em;
    
     }
#realism5 {
      float: left;
      margin: 1em;
    
     }
#realism6 {
      float: left;
      margin: 1em;
    
     }
#realism7 {
      float: left;
      margin: 1em;
    
     }
#realism8 {
      float: left;
      margin: 1em;
    
     }
#realism9 {
      float: left;
      margin: 1em;
    
     }

#bw1 {
      float: left;
      margin: 1em;
    
     }

#bw2 {
      float: left;
      margin: 1em;
    
     }

#fgm {
      float: left;
      margin: 1em;
    
     }



footer { 
         font-size: 0.8em;
         clear: both; 
         width: 30%;
         text-align: center;
         margin-top: 1em;
         margin-bottom: 1em;
         margin-left: auto;
         margin-right: auto;
        }




            
@media(min-width:1100px){

h1 { font-size: 2em; }

h2 { 
     clear: both; 
     float: left;
     font-size: 1.1em; 
    }
p { 
　　　clear: both; 
     float: left;
     font-size: 1em; 
　　}


img{ width: 100%; }


#container {
             width: 1200px;
             margin: 0 auto;
             
            
             }
#title { 
         float: left;
         margin: 1em; }

     
#text p { 
           clear: both;
           float: left;
           margin: 0.5em; 
          }

#realism1 {
      float: left;
      margin: 1em;
    
     }
#realism2 {
      float: left;
      margin: 1em;
    
     }
#realism3 {
      float: left;
      margin: 1em;
    
     }
#realism4 {
      float: left;
      margin: 1em;
    
     }
#realism5 {
      float: left;
      margin: 1em;
    
     }
#realism6 {
      float: left;
      margin: 1em;
    
     }
#realism7 {
      float: left;
      margin: 1em;
    
     }
#realism8 {
      float: left;
      margin: 1em;
    
     }

#realism9 {
      float: left;
      margin: 1em;
    
     }

#bw1 {
      float: left;
      margin: 1em;
    
     }

#bw2 {
      float: left;
      margin: 1em;
    
     }

#fgm {
      float: left;
      margin: 1em;
    
     }





footer {   
         clear: both; 
         width: 30%;
         text-align: center;
         margin-top: 1em;
         margin-bottom: 1em;
         margin-left: auto;
         margin-right: auto;
        }

}