@charset "utf-8";

img{width:100%;}

#wrapper{width:100%;}

.header{margin-top: 20px;}

h3{text-align: center;
   font-size: 20px;
   font-weight: bold;}


.topphot{width:90%;
         max-width: 500px;
        margin:20px auto;}

.topphot img{width:100%;}


.contents{width:90%;
          max-width: 500px;
          margin:20px auto;}

h1{font-size: 20px;
   font-weight: bold;}
h4{font-size: 18px;}

h2{font-size: 20px;}


article{font-size: 15px;}

.office{color: orange;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px orange;}

footer{background-color: black;
       color:white;
       text-align: center;
       padding-top: 50px;
       margin-top: 50px;}

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



/* スマホ向け：10px～499pxまで */
@media only screen and (min-width: 10px) and (max-width:499px){

}

/* タブレット向けのレイアウトの指定：500px～960px */
@media only screen and (min-width:500px) and (max-width:960px){ 
}

/* PC向け全画面表示レイアウトの指定：961px以上 */
@media only screen and (min-width: 961px) {
    
    
}