html{
  font-size: 62.5%;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary{
  margin: 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table{
  margin: 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul{
  margin: 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
nav{
  margin: 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* body */
body{
  font-family: Lato, "Noto Sans Japanese", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "YuGothic", sans-serif;
  color: #444444;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: left;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ヘッダー */
.header{
  padding: 10px;
  border-top: solid 6px #202020;
  border-bottom: solid 1px #eeeeee;
  width: 900px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header h1{
  font-size: 1.3rem;
  text-align: left;
  color: #666666;
}
.header h1 a{
  text-decoration: none;
  color: #0044cc;
}
.header h1 span{
  font-family: "Quicksand";
  color: #0044cc;
}
/* 連絡先 */
.box1{
  margin: 0;
  padding: 10px;
  padding-bottom: 15px;
  border-bottom: 6px solid #202020;
  color: #444444;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box1 p{
  text-align: left;
  margin-top: 10px;
  line-height: 1.0;
  font-size: 1.3rem;
}
.box1 h1{
  font-size: 2.2rem;
  text-align: left;
}
.box1 h1 a{
  color: #202020;
  text-decoration: none;
}
.box1 h1 span a{
  font-family: "Quicksand";
  color: #0044cc;
}
/* メニュー */
.nav{
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;
  padding-top: 15px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav ul{
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.nav li{
  font-size: 1.4rem;
  float: left;
  color: #202020;
  margin: 3px;
  padding-left: auto;
  padding-right: auto;
}
.nav li a{
  color: #202020;
  text-decoration: none;
  display: block;
  margin-left: 8px;
  margin-right: 8px;
}
.nav li a:hover {
  border-bottom: 3px solid;
  padding-bottom: 7px;
}
.nav li+ li {
  border-left: 1px solid #dcdcdc;
  padding-left: 8px;
  padding-right: 3px;
}
/* パンくずリスト */
.bread{
  margin: 0;
  font-size: 1.2rem;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bread a{
  color: #202020;
  font-size: 1.6rem;
  text-decoration: none;
}
/* 大見出し */
.box2{
  margin: 0;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.box2 h1{
  margin: 0;
  margin-top: 15px;
  width: 900px;
  background-color: #eeeeee;
  color: #202020;
  font-size: 1.7rem;
  text-align: left;
  border-left: solid 7px #444444;
  padding: 12px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
/* 小見出し */
.box3, .box4, .box5, .box6, .box7{
  margin: 0;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box3 h1, .box4 h1, .box5 h1, .box6 h1, .box7 h1{
  margin: 0;
  background-color: #eeeeee;
  font-size: 1.6rem;
  text-align: left;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-top: solid 3px #444444;
  padding: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 記事 */
section{
  font-size: 1.5rem;
  text-align: left;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
article{
  font-size: 1.5rem;
  text-align: left;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
}
/* copyright */
.footer{
  font-size: 1.4rem;
  background-color: #202020;
  color: #ffffff;
  text-align: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer a{
  color: #ffffff;
  text-decoration: none;
}
/* 写真 */
figure{
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
/* お問い合わせフォーム */
input, textarea{
  display: block;
  width: 600px;
}
input[type="submit"]{
  width: 250px;
  height: 50px;
  background-color: #000000;
  color: #FFFFFF;
  border: solid 1px #000000;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
}
input[type="submit"]:hover {
  background-color: #FFFFFF;
  color: #000000;
}
/*/////////////////////////////////////////////*/
/* 768px以上の場合のトグルボタンを非表示にする */
@media (min-width: 768px){
  #menubtn{
    display: none;
  }
  #menu{
    display: block !important;
  }
  }
/* window幅が最大767pxmまでの場合の適用 */
@media screen and (max-width: 767px){
/* 全体の横幅を固定 */
  body{
    max-width: 100%;
  }
  img{
    max-width: 100%; height: auto;
  }
  .header, .box1, .box1 h1, .box2, .box2 h1, .box3, .box3 h1, .box4 h1, .box5 h1, .box6 h1, .box7 h1,
   .footer, .nav, .ul, .li, .bread, dt, dd, p, section, article{
  max-width: 100%;
  }
  .bread{
    display: none;
  }
  .header h1{
    font-size: 1.0rem;
  }
  .nav{
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 15px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .nav ul{
    padding: 0;
    list-style: none;
    overflow: hidden;
  }
  .nav li{
    font-size: 1.4rem;
    float: none;
    color: #202020;
    margin: 3px;
    padding-left: auto;
    padding-right: auto;
  }
  .nav li a{
    color: #202020;
    text-decoration: none;
    display: block;
    margin-left: 8px;
    margin-right: 8px;
  }
  .nav li a:hover {
    border-bottom: none;
    padding-bottom: 0;
  }
  .nav li+ li {
    border-left: none;
    padding-left: 0;
    padding-right: 0;
  }
/* トグルボタンの文字を非表示にする */
  #menubtn span{
    display: inline-block;
    text-indent: -9999px;
  }
  #menubtn i{
    color: #202020;
    font-size: 22px;
  }
  #menubtn:focus{
    outline: none;
  }
  #menubtn:hover i{
    color: #202020;
  }
  #menubtn{
    padding: 6 12px;
    margin-top: 13px;
    margin-bottom: 3px;
    margin-left: 10px;
    border: solid 1px #ffffff;
    border-radius: 5px;
    background: #ffffff;
    cursor: pointer;
  }
  #menu{
    display: none;
  }
}