@charset "utf-8";


a{color:#000000;
  text-decoration: none;
  }

a:hover{color:grey;font-weight: bold;}


.button{width:40%;
        margin:20px auto;
        padding:5px 15px;
        background-color: #00ff00;
        text-align: center;}

.button a{color:white;
          font-weight:bold;}

div#main a{color:white;text-decoration: none;}

div#main a:hover{color:whitesmoke;text-decoration: none;}
    


/* スマホ向け：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:; }

    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:; }


div#main a{color:white;text-decoration: none;}

div#main a:hover{color:whitesmoke;text-decoration: none;}    
    

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%;}
    
    #img{margin-top:14px;}
    
    #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ボタンのスタイル */  


    
}