<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
*{
  margin: 0;
  padding: 0;
}
body{
  width: 100%;
}
/*=============== アニメーション =================*/
.animeBlock{
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
/*=============== SVGロゴアニメーション（ライン&amp;スライド） =================*/
.svgLogoAnime{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svgLogoAnime svg{
  width: 100%;
  height: auto;
}
/* アウトラインアニメーション */
.svgLogoLine #svgLogoShiodome{
  margin-bottom: 30px;
}
.svgLogoLine svg path {
    stroke: #333;
    stroke-width: 0.5px;
    fill: #333;
    stroke-dasharray: 600;
    stroke-dashoffset: 600;
    animation:
      lineDraw 0.8s ease-in forwards,
      fillPaint 0.8s ease-in 0.8s forwards;
  }
::i-block-chrome, .svgLogoLine svg path {
  animation:
      lineDraw 3s ease-in forwards,
      fillPaint 3s ease-in 3s forwards;
}
@keyframes lineDraw {
  0%{
    stroke-dashoffset: 600;
    fill-opacity: 0;
  }
  100%{
    stroke-dashoffset: 0;
    fill-opacity: 0;
  }
}
@keyframes fillPaint {
  0%{
    fill-opacity: 0;
  }
  100%{
    fill-opacity: 1;
  }
}
/*　スライドアニメーション　*/
.svgLogoSlide svg#svgLogoShiodome{/* 中央から右へスライド */
  animation: slideOutRight 0.5s ease-in 1.6s forwards;
}
@keyframes slideOutRight {
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(200%);
  }
}
.svgLogoSlide #svgLogoPartners{/* 中央から左へスライド */
  animation: slideOutLeft 0.5s ease-in 1.6s forwards;
}
@keyframes slideOutLeft {
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(-200%);
  }
}
/*=============== 円アニメーション =================*/
.circleAnime{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.circleEnlarge{
  width: 3000px;
  height: 3000px;
  border-radius: 50%;
  border: solid 400px #333;
  transform: scale(0);
  transform-origin: center;
  animation: circleAnime 0.6s linear 2.1s forwards;
}
@keyframes circleAnime{
  0%{
    transform: scale(0);
  }
  100%{
    transform: scale(1);
  }
}
/*=============== SVGロゴアニメーション（フェードイン） =================*/
.svgLogoSmallAnime{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svgLogoSmallAnime svg{
  width: 100%;
  height: auto;
  overflow: visible;
}
.svgLogoFadeIn svg#svgLogoSmallShiodome{
  margin-bottom: 15px;
}
.svgLogoFadeIn svg path{
  fill: #333;
}
.svgLogoFadeIn g.logoDown path{/* 上から下へフェードイン（text_HIODOME） */
  animation: logoDown 0.5s linear 2.7s both;
}
@keyframes logoDown {
  0%{
    opacity: 0;
    transform: translateY(-30px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
.svgLogoFadeIn g.logoDownDelay path{
  animation:
    logoDownDelay 0.5s linear 3.2s both,/* 上から下へフェードイン（text_S） */
    logoDownColor 0.8s linear 3.7s forwards;/* カラー変更（text_S） */
}
@keyframes logoDownDelay {
  0%{
    opacity: 0;
    transform: translateY(-30px);
    fill: #00B5E2;
  }
  100%{
    opacity: 1;
    transform: translateY(0);
    fill: #3F9C35
  }
}
@keyframes logoDownColor {
  0%{
    fill: #009CDE;
  }
  50%{
    fill: #3F9C35;
  }
  100%{
    fill: #333;
  }
}
.svgLogoFadeIn g.logoUp path{/* 下から上へフェードイン（text_PARTNER） */
  animation: logoUp 0.5s linear 2.7s both;
}
@keyframes logoUp {
  0%{
    opacity: 0;
    transform: translateY(30px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}
.svgLogoFadeIn g.logoUpDelay path{
  animation:
    logoUpDelay 0.5s linear 3.2s both,/* 下から上へフェードイン（text_S） */
    logoUpColor 0.8s linear 3.7s forwards;/* カラー変更（text_S） */
}
@keyframes logoUpDelay {
  0%{
    opacity: 0;
    transform: translateY(30px);
    fill: #00B5E2;
  }
  100%{
    opacity: 1;
    transform: translateY(0);
    fill: #3F9C35;
  }
}
@keyframes logoUpColor {
  0%{
    fill: #00B5E2;
  }
  50%{
    fill: #3F9C35;
  }
  100%{
    fill: #333;
  }
}
</pre></body></html>