@charset "utf-8";
/* スマホ向け：10px～499pxまで */
@media only screen and (min-width: 10px) and (max-width:499px){
body {
    width:100%;
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color:; }

a:{
    text-decoration: none;
}
a:hover{
    text-decoration:none;} 
    
    img{width:100%;}


header{
    width:100%;
    text-align: center;
    color:white;
    background-color: black;
}



header h1{padding-top: 25px; font-size: 15px; font-weight: bold;text-align: left;}
header h4{margin-top: 25px;padding-bottom: 25px; margin-bottom: 10px; font-size: 18px; font-weight: ;text-align: center;}

    
    
    #main{width:80%;
          max-width: 400px;
          margin:0 auto; } 
    
    #main img{width:100%;}
    
    
#explainform{width:70%;
                 max-width: 500px;
                 margin:0 auto;}    
    

#contact{
    width:80%;
    font-size: 12px;
    margin:40px auto;
    text-align: left;}
#contact div#contactphoto{
    width:80%;
    margin:0 auto;}
#contact img{
    width:30%;
    height:40px;
    float:left;
    margin:5px;
}
    
    
/* SNSボタンのスタイル */    



div#footer{
    text-align:center;
    padding-top:40px;
    background-color: black;
    color:white;
}
    
div#footer a{color:white;text-decoration: none;}
    
div#footer a:hover{color:grey;text-decoration: none;}

    
}
    



/* タブレットとPC向け全画面表示レイアウトの指定：500px以上 */
@media only screen and (min-width: 500px) {
  
body {
    width:100%;
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color:; }

a:{
    text-decoration: none;
}
a:hover{
    text-decoration:none;} 
    
    img{width:100%;}


header{
    width:100%;
    text-align: center;
    color:white;
    background-color: black;    
}



header h1{width:100%;max-width: 500px;margin-left: auto;margin-right: auto;padding-top: 25px; font-size: 15px; font-weight: bold;text-align: left;}
header h4{margin-top: 25px;padding-bottom: 25px; margin-bottom: 10px; font-size: 18px; font-weight: ;text-align: center;}
    
    
     #main{width:80%;
          max-width: 500px;
          margin:0 auto; } 
    
    #main img{width:100%;}
    

    #explainform{width:70%;
                 max-width: 500px;
                 margin:0 auto;}
    
#contact{
    width:80%;
    max-width: 400px;
    font-size: 12px;
    margin:40px auto;
    text-align: left;}
#contact div#contactphoto{
    width:80%;
    margin:0 auto;}
#contact img{
    width:30%;
    height:40px;
    float:left;
    margin:5px;
}


div#footer{
    text-align:center;
    padding-top:40px;
    background-color: black;
    color:white;
}
    
div#footer a{color:white;text-decoration: none;}
    
div#footer a:hover{color:grey;text-decoration: none;}  
    
    
    
/* SNSボタンのスタイル */  


    
}