@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:hover img { opacity: 0.6; }
a:visited { color: #000; }

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

h2 { 
     clear: left;
     font-size: 1.3em;
     font-weight: normal;
     margin: 0em;
 
     }


img { 
      
      margin: 0em;
   
     }

p { 
    font-size: 1em;
    margin: 0em 1em 3.5em 0em; 
   }


#container {
             width: 100%;
             margin: 0 auto;
             
             }
#title { 
         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){

img { 
      float: left;
      margin-bottom: 3em;
   
     }
p {
    float:left;
    margin: 1em;
     
     }

#container {
             width: 100%;
             margin: 0 auto;
             
            
             }



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

@media(min-width:1200px){

h1 { font-size: 2em; }
h2 { font-size: 1.1em; }
img { 
      float: left;
      margin-bottom: 3em;
   
     }

p { 
    font-size: 1em;
    float:left;
    margin: 1em;
     
     }

#container {
             width: 1200px;
             margin: 0 auto;
             
            
             }


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

}