/* 共通 */
.pc.tb {
  display: inline-block
}
.tb {
  display: none;
}
.sp {
  display: none;
}

/* 変数 */
:root {
  --headerHight: 90px;
  --primaryColor: #0087ff;
  --secondaryColor: #f07788;
  --thirdColor: #ffb529;
  --fourthColor: #00d88c;
  --fontColor: #141414;
}
/* ここまで */


/* 全体 */
@media (min-width: 561px) {
  a[href^="tel:"] {
      pointer-events: none;
      cursor: default;
  }
}


/* 共通 */
main {
  overflow: hidden;
}
img {
  width: 100%;
  vertical-align: bottom;
}

/* リキャプチャ */
.grecaptcha-badge { visibility: hidden; }

/* フォント関係 */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8;
  color: var(--fontColor);
  background: var(--backColor);
}

.afontAmaru {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: bold;
}

.afontManbo {
  font-family: "ads-mambo", sans-serif;
}

.afontMplus {
  font-family: m-plus-rounded-1c, sans-serif;
}

a {
  color: var(--fontColor);
  text-decoration: none;
}





/* imgアニメーション */
.imgWrap, .imgWrap2 {
  overflow: hidden;
  position: relative;
}

.imgWrap::before, .imgWrap2::before {
  background: #fff;
  content: '';
  inset: -1%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.imgAnimation.imgWrap::before {
  animation: imgAnimation 2s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes imgAnimation {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}

.imgAnimation2.imgWrap2::before {
  animation: imgAnimation2 2s cubic-bezier(0.4, 0, 0.2, 1) both;
}

@keyframes imgAnimation2 {
  0% {transform: translateX(0);}
  100% {transform: translateX(100%);}
}




/* フェードイン */
.fadeinTopBottom {
  opacity : 0;
  transform: translateY(80px);
  transition: opacity 2s, transform 2s;
}
@media(max-width: 560px) {
  .fadeinTopBottom {
    opacity : 0;
    transform: translateY(40px);
    transition: opacity 2s, transform 2s;
  }
}

.fadein_bottom {
  opacity : 0;
  transform: translateY(80px);
  transition: opacity 2s, transform 2s;
}
@media(max-width: 560px) {
  .fadein_bottom {
    opacity : 0;
    transform: translateY(40px);
    transition: opacity 2s, transform 2s;
  }
}







/* フッター */
footer {
  padding: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.footerBack {
  width: 3840px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.footerLogo {
  width: 163px;
  margin: 0 auto;
  padding-top: 70px;
}

footer small {
  margin-top: 30px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #fff;
  display: block;
  text-align: center;
}










@media (max-width: 1024px) {
/* 共通 */
.pc {
  display: none;
}
.tb {
  display: inline-block;
}
.tb.sp {
  display: inline-block;
}






/* ヘッダー */










/* フッター */
/* footer {
  padding: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.footerBack {
  width: 3840px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.footerLogo {
  width: 163px;
  margin: 0 auto;
  padding-top: 70px;
}

footer small {
  margin-top: 30px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #fff;
  display: block;
  text-align: center;
} */


}







/* スマホ */
@media (max-width: 560px) {
/* 共通 */
.pc.tb {
  display: none;
}
.tb {
  display: none;
}
.sp {
  display: inline-block;
}







/* フッター */
/* footer {
  padding: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
} */

.footerBack {
  width: 100%;
  /* position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1; */
}

.footerLogo {
  width: 130px;
  margin: 0 auto;
  padding-top: 60px;
}

footer small {
  margin-top: 20px;
  /* padding-bottom: 10px; */
  font-size: 11px;
  color: #fff;
  /* display: block;
  text-align: center; */
}




}