@charset "utf-8";

/* すべてのページに適用される設定　*/
html {
  font-size: 16px;
  font-family: sans-serif;
}
*{
  box-sizing: border-box;
}
/* body {
  margin: 0 0 0 0;
} */
/* p, li, td {
  line-height: 1.7;
} */
/* a:link {
  color: #F07D34;
  text-decoration: none;
}
a:visited {
  color: #F07D34;
  text-decoration: none;
}
a:hover {
  color: #F07D34;
  text-decoration: underline;
} */
img {
  max-width: 100%;
}
/* a:active {
  color: #F07D34;
  text-decoration: underline;
} */

/* すべてのページに適用 - メイン */
main {
  margin: 0px auto 0px auto;
  max-width: 1000px;
}
/* main h2 {
  margin: 60px 0 20px 0;
  border-bottom: 2px solid #253958;
  padding: 0 0 5px 0;
  color: #253958;
  font-size: 1.3rem;
} */

/* すべてのページに適用 - フッター */
.gotop {
  text-align: center;
}
.copyright {
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #1b1b1b;
  color: #FFFFFF;
  text-align: center;
}

/* 個別のスタイル */


/* モバイル対応 */
@media(max-width: 767px) {
  /* .nav ul {
    flex-wrap: wrap;
    gap: 20px;
  } */
  main {
    padding: 0 4%;
  }

  /* index.html
  .hero.index {
    padding: 28vh 0;
  } */

  /* menu.html */
  /* .items {
    grid-template-columns: 1fr 1fr;
  } */
}