body {
  margin: 0;
  padding: 0; }

div#container {
  width: 100%;
  position: relative;
	overflow: hidden;/*20210602スクロールバーが出るので追加すること*/
}
  div#container:before {
    content: "";
    display: block;
    padding-top: 100%; }
  div#container img.tcaa-tag {
    position: absolute;
    top: 44.39129%;
    left: 0px;
    width: 55.80472%;
    height: 11.21741%;
    margin-bottom: 7.54191%; }
  div#container img#tcaa-tag-first {
    animation: rotation 60s infinite;
    transform-origin: 89.59816% center;
    animation-timing-function: linear;
    animation: rotation 60s infinite;
    transform-origin: 89.59816% center;
    animation-timing-function: linear;
    z-index: 3; }
  div#container img#tcaa-tag-second {
    animation: rotation 120s infinite;
    transform-origin: 89.59816% center;
    animation-timing-function: linear;
    animation: rotation 120s infinite;
    transform-origin: 89.59816% center;
    animation-timing-function: linear;
    z-index: 2; }

@keyframes rotation {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }
  div#container img#tcaa-logotype {
    position: absolute;
    top: 63.15062%;
    left: 12.91032%;
    width: 42.8944%;
    height: 28.1853%;
    z-index: 1; }