body {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: "MS PGothic", sans-serif;
}

h1,
h2,
h3,
h4,
p {
  font-family: "MS PGothic", sans-serif;
}

html {
  padding: 0;
  width: 100% !important;
  margin: 0 !important;
  height: 100% !important;
}

html::-webkit-scrollbar {
  display: none;
}

style {
  margin: 0 !important;
}

a {
  display: block !important;
  text-decoration: none !important;
}

img {
  display: block;
  width: 100%;
}

* {
  background-repeat: no-repeat;
  box-sizing: border-box;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

ul {
  padding-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

input,
textarea {
  border: 0;
}

/**********************************
header
***********************************/
.h-space {
  padding-top: 60px;
  background: linear-gradient(0.25turn, #5c7696, #0e1422);
}

header {
  background: linear-gradient(0.25turn, #5c7696, #0e1422);
  position: fixed;
  z-index: 100;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
header .logo {
  margin: 5px 0;
  width: 270px;
}
header .logo img {
  width: 100%;
}
header a {
  color: #faec21;
}
header nav.bar {
  justify-content: right;
  margin-top: 15px;
  display: flex;
  margin-left: auto;
  width: calc(90% - 270px);
}
header nav.bar li {
  margin-bottom: 10px;
  list-style: none;
  padding-right: 20px;
  white-space: nowrap;
}

/**********************************
body
***********************************/
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate(0, 100%);
    width: 100%;
  }
  100% {
    opacity: 1;
    width: 100%;
    transform: translate(0);
  }
}
/**************************************
footer
***************************************/
footer {
  background-image: url("../../src/home/foot-bg.webp");
  background-size: cover;
  padding-top: 10%;
  margin-top: 10%;
}
footer nav {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: calc(90% - 270px);
  width: 80%;
}
footer nav li {
  margin-bottom: 10px;
  list-style: none;
  padding: 0 10px;
  white-space: nowrap;
}
footer nav li a {
  color: #faec21;
  text-shadow: 0.1em 0.1em 0.4em rgb(0, 0, 0);
}

.foot-line {
  border-top: 2px solid #faec21;
  width: 90%;
  margin-top: 3%;
}

.foot-info {
  display: flex;
  padding-bottom: 15%;
  width: 100%;
  padding-top: 10px;
}
.foot-info .logo {
  width: 270px;
  padding: 5px;
}
.foot-info .address {
  padding: 5px 10px;
}
.foot-info .number {
  padding: 5px 10px;
}
.foot-info .number a {
  color: black;
}
.foot-info .sns {
  display: flex;
  margin-left: auto;
  margin-right: 5%;
}
.foot-info .sns div,
.foot-info .sns a {
  padding: 5px;
}
.foot-info .sns img {
  width: 45px;
  padding: 2.5px;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media (max-width: 1300px) {
  header nav.bar {
    align-items: center;
  }
  header li a {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  header {
    position: static;
  }
  header nav.bar {
    display: none;
  }
  header .sp {
    display: block !important;
  }
  header a {
    color: black;
  }
  .h-space {
    padding-top: 0px;
    background: linear-gradient(0.25turn, #5c7696, #0e1422);
  }
}
@media (max-width: 700px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .foot-info {
    display: block;
  }
  footer nav {
    width: 90%;
  }
  .foot-info {
    width: 90%;
    margin: 10px auto;
    font-size: 15px;
  }
  .foot-info .address,
  .foot-info .number,
  .foot-info .sns {
    padding: 10px 0;
  }
  .foot-info .number a {
    padding: 5px 0;
  }
}/*# sourceMappingURL=index.css.map */