@charset "UTF-8";

* {
  box-sizing: border-box;
}

html {
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  line-break: normal;
  margin: 0;
  overflow-wrap: anywhere;
  padding: 0;
  text-align: justify;
  text-justify: inter-character;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

summary {
  display: block;
}

summary::-webkit-details-marker {
  display: none;
}

ul,
ol,
dl {
  list-style: none;
  margin: 0;
  padding: 0;
}

dd {
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
}

a:hover,
a:active {
  text-decoration: none;
}

img {
  height: auto;
}

main {
  display: block;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th,
table td {
  font-weight: 400;
  vertical-align: top;
}

.u-center {
  text-align: center;
}

img {
  height: auto;
  vertical-align: middle;
  width: 100%;
}

@keyframes sleeping {
  0% {
    transform: scale3d(1, 1, 1);
  }

  40% {
    transform: scale3d(1.08, 1.08, 1);
  }

  60% {
    transform: scale3d(0.95, 0.95, 1);
  }

  80% {
    transform: scale3d(1, 1, 1);
  }
}

.l-content-block {
  overflow: hidden;
  width: 100%;
}

.l-content-block-wrap {
  background-color: #fff;
  height: max(100dvh, 100vh);
  position: relative;
}

.l-content-block .c-title {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
}

.l-content-block .p-anniversary {
  left: 50%;
  position: absolute;
  top: 50%;
}

.l-content-block .p-years {
  left: 50%;
  position: absolute;
  top: 50%;
}

.l-content-block .c-first-copy {
  left: 50%;
  position: absolute;
  top: 50%;
}

.l-content-block .c-company {
  left: 50%;
  position: absolute;
  top: 50%;
}

.l-content-block .c-count-block {
  left: 50%;
  position: absolute;
  top: 50%;
}

.l-content-block .c-count-block > .c-count-block__day {
  position: absolute;
  transform: translateX(-50%);
  width: auto;
}

.l-main-visual {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
}

.l-main-visual::before {
  background: url('/agvpromo/img/img_agv.svg') no-repeat center/contain;
  bottom: 0;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 1;
}

.l-main-visual .c-egg {
  position: relative;
  transform-origin: center bottom;
  z-index: 2;
}

.l-main-visual .c-egg.is-move {
  animation-play-state: running !important;
}

.l-main-visual .c-egg.c-egg--sleep {
  animation: sleeping 4s ease-out 0.3s infinite paused;
}

@media screen and (max-width: 799px) {
  html {
    font-size: vw(16);
  }

  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', Meiryo, sans-serif;
  }

  .u-view-pc {
    display: none !important;
  }

  .l-content-block {
    height: 100%;
  }

  .l-content-block .c-title {
    transform: translate(-50%, -81.25vw);
    width: 75vw;
  }

  .l-content-block .p-anniversary {
    transform: translate(-37.5vw, 56.25vw);
    width: 25vw;
  }

  .l-content-block .p-years {
    transform: translate(3.12vw, 56.25vw);
    width: 37.5vw;
  }

  .l-content-block .c-first-copy {
    transform: translate(-50%, 31.25vw);
    width: 37.5vw;
  }

  .l-content-block .c-company {
    transform: translate(-50%, 68.75vw);
    width: 23.43vw;
  }

  .l-content-block .c-count-block {
    transform: translate(-50%, 28.12vw);
    width: 37.5vw;
  }

  .l-content-block .c-count-block > .c-count-block__day {
    bottom: 0;
    height: 9.37vw;
    left: 21.25vw;
  }

  .l-main-visual {
    padding-bottom: 21.14vw;
    transform: translate(-50%, -53.13vw);
  }

  .l-main-visual::before {
    height: 36.45vw;
    width: 46.45vw;
  }

  .l-main-visual .c-egg > img {
    width: 43.54vw;
  }
}

@media print, screen and (min-width: 800px) {
  html {
    font-size: min(16px, 1.25vw);
  }

  body {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', Meiryo, sans-serif;
    font-size: 1rem;
  }

  .u-view-sp {
    display: none !important;
  }

  .l-content-block {
    height: 56.25vw;
    margin: auto;
    max-height: max(100dvh, 100vh);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .l-content-block .c-title {
    transform: translate(-50%, -23.65vw);
    width: 75.78vw;
  }

  .l-content-block .p-anniversary {
    transform: translate(-40.06vw, -0.73vw);
    width: 22.03vw;
  }

  .l-content-block .p-years {
    transform: translate(17.13vw, -0.73vw);
    width: 26.71vw;
  }

  .l-content-block .c-first-copy {
    transform: translate(-41.46vw, 14.58vw);
    width: 17.65vw;
  }

  .l-content-block .c-company {
    transform: translate(30.05vw, 14.58vw);
    width: 11.77vw;
  }

  .l-content-block .c-count-block {
    transform: translate(-40.79vw, 10.93vw);
    width: 22.81vw;
  }

  .l-content-block .c-count-block > .c-count-block__day {
    bottom: 0.15vw;
    height: 5.2vw;
    left: 13.02vw;
  }

  .l-main-visual {
    padding-bottom: 10.57vw;
    transform: translate(-9.54vw, -13.86vw);
  }

  .l-main-visual::before {
    height: 18.22vw;
    width: 23.22vw;
  }

  .l-main-visual .c-egg > img {
    width: 21.77vw;
  }
}