body {
  font-size: 16px;
  font-family: 'shippori', sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #f4f5f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dropshadow-main {
  filter: drop-shadow(1rem 1rem 0rem var(--sub-color));
}
@media (min-width: 992px) {
  .dropshadow-main {
    filter: drop-shadow(4rem 4rem 0rem var(--sub-color));
  }
}

.square-main {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
  transform: rotate(45deg);
	background: var(--main-color);
}