@charset "UTF-8";
/* ====================================================
	カラー
==================================================== */
/* ====================================================
	breakpoint
==================================================== */
html {
  overflow-y: scroll;
  font-size: 62.5%;
}
@media screen and (max-width: 767px) {
  html {
    font-size: 1.303vw;
  }
}

body {
  overflow: hidden;
  font-size: 3.4rem;
  letter-spacing: 0;
  line-height: 1;
  color: #3c3c3c;
}

svg {
  overflow: visible;
}

button,
.is-hover05,
.is-hover06,
.is-hover08 {
  transition: opacity 0.4s ease;
  cursor: pointer;
}

.is-pc {
  display: block;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

.is-sp {
  display: none;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .is-sp {
    display: block;
  }
}

/* ====================================================
	hover
==================================================== */
@media (hover: hover) and (pointer: fine) {
  .is-hover05:hover {
    opacity: 0.55 !important;
  }
  .is-hover06:hover {
    opacity: 0.65 !important;
  }
  .is-hover08:hover {
    opacity: 0.8 !important;
  }
}
/* ====================================================
	header
==================================================== */
header {
  height: 70px;
  background-color: #faead7;
}

/* ====================================================
	main
==================================================== */
main {
  height: 400px;
  background-color: aliceblue;
}

/* ====================================================
	footer
==================================================== */
footer {
  height: 70px;
  background-color: #faead7;
}/*# sourceMappingURL=style.css.map */