.logo-img {
  width: 125px;
}

.doughnut {
  width: 20vw;
  height: 10vw;
  opacity: 0.1;
  top: -3vw;
  right: 50%;
  border-radius: 20vw 20vw 0 0;
  transform: rotate(-140deg);
}
.doughnut::before {
  content: "";
  display: inline-block;
  width: 5vw;
  height: 2.5vw;
  position: absolute;
  top: 100%;
  left: 50%;
  border-radius: 5vw 5vw 0 0;
  border: 5vw solid #fff;
  transform: translate(-50%, -50%);
}

.circle {
  width: 20vw;
  height: 20vw;
  opacity: 0.1;
  top: 50%;
  right: -30%;
  border-radius: 100%;
  transform: translate(0, -50%);
}

.square {
  width: 5vw;
  height: 5vw;
  opacity: 0.1;
  bottom: -2.5vw;
  left: 50%;
  transform: translate(-50%, 0) rotate(45deg);
}

@media screen and (max-width: 993px) {
  .layout-pc {
    display: none !important;
  }
}