@charset "UTF-8";
@font-face {
  font-family: "NotoSansJP";
  font-weight: 100 900;
  src: url("../fonts/SourceHanSansJP-VF.otf.woff2") format("woff2"), url("../fonts/SourceHanSansJP-VF.otf") format("opentype");
}
:root {
  --colorA: #333;
  --colorB: #ea6060;
  --colorC: #4dc7e1;
  --colorD: #77e14d;
  --colorE: #e1de4d;
}

/* タブレット以上サイズで電話ボタンリンクを非活性状態にする */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

body {
  font-family: "NotoSansJP", sans-serif;
  color: #171717;
}

.l-wrapper {
  width: 100%;
}

.l-mainHeader {
  width: 100%;
}

.l-mainFooter {
  width: 100%;
}

.l-main {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  margin: auto;
}

img {
  max-width: 100%;
}

@media (hover: hover) {
  .hover {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
  }
  .hover:hover {
    box-shadow: 0 10px 20px rgb(0 0 0 / 16%);
    transform: translateY(-10px);
  }
}

.sp {
  display: none;
}
.pc {
  display: block;
}
@media screen and (max-width: 479px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
}