@charset "utf-8";

* {
   font-size: 14px;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   
}

a {
   text-decoration: none;
}

#gnav {
   position: fixed;
   top: 0;
   z-index: 1000;
   width: 100%;
}

.sp_menu {
   display: none
}

header {
   position: relative;
}

.contact input[type="submit"] {
   background: #534741;
   color: #fff;
   width: 330px;
  padding: 15px 0;
   font-size: 1.3rem;
   text-align: center;
   border: none;
   cursor: pointer;
     -webkit-appearance: none;
}





@media screen and (max-width: 769px) {
   header {
      position: initial;
   }

   .sp_menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: #c10008;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100vw;
      color: #fff;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
   }
   .sp_menu a{
      color: #fff;
   }
   .sp_menu > p {
      font-size: 1.5rem;
      font-weight: bold;
   }
   .sp_menu > p span{
      font-size: 50%;
   }
   .sp_menu > p::before {
      font-family: "Font Awesome 5 Free";
      content: "\f2a0";
      font-size: 2rem;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      -webkit-transform: rotateZ(-30deg);
      transform: rotateZ(-30deg);

   }

   .sp_menu > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      font-size: 12px;
     z-index: 2000;
   }

   .sp_menu > div::before {
      font-family: "Font Awesome 5 Free";
      content: "\f0c9";
      font-size: 30px;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;

   }
    
    

}