@charset "UTF-8";
/* CSS Document */


html {
    font-size: 62.5%;
    /* 16px * 62.5% = 10px */
    width: 100%;
    box-sizing: border-box;
    /* #important非推奨のため後程変更 */
    scroll-behavior: auto !important;
}

body {
    color: #000;
    font-family: "Sawarabi Gothic","Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
}

img {
    width: 100%;
}


.logo{
    position: relative;
}

.eye {
    position: absolute;
    top: 70px;
    left: 76px;
    width: 47px;
    height: 11px;
    flex-shrink: 0;
    aspect-ratio: 47/11;
    animation: fuwafuwa 3s ease-in-out infinite alternate;
}

@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-3deg);
  }
  50% {
    transform:translate(0, -3px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(3deg);
  }
}

.inview.fadeup {
	opacity: 0;
	transition-duration: 2s;
	transform: translateY(10px);
}
.inview.fadeup.active {
	opacity: 1;
	transform: translateY(0px);
}

/* ヘッダとフッターのホバー */
.pc_nav a:hover .nav-text-primary,
.pc_nav a:hover .nav-text-secondary {
  color: #C9E8D6;
}

.sectiontxt a:hover {
  color: #C9E8D6;
}

.footer_nav_items:hover .nav-text-primary,
.footer_nav_items:hover .nav-text-secondary {
    color: #C9E8D6;
}