@charset "UTF-8";

.noimage {
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 230px;
  background: #ccc;
  aspect-ratio: 23 / 13;
  position: relative;
  transition: 0.3s;
}
.noimage::before {
  content: "";
  position: absolute;
  display: block;
  width: 80%;
  height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2055%2088%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22m35.72%2025c-4.7%201.16-7.41%206.64-6%2012.24s6.27%209.19%2011%208a5.94%205.94%200%200%200%20.75-.23v-19.17a7.87%207.87%200%200%200%20-5.75-.84z%22%2F%3E%3Cpath%20d%3D%22m44%204.25h-44v61.58h44.11l10.89%205.17v-71zm-2.6%2058.6h-38.4v-55.63h38.4z%22%2F%3E%3Cpath%20d%3D%22m0%2076.26v2.02h3.76v9.49h2.49v-9.49h3.76v-2.02z%22%2F%3E%3Cpath%20d%3D%22m19.36%2076.26h-4v11.51h4c4%200%206.43-2.15%206.43-5.75s-2.41-5.76-6.43-5.76zm-1.54%202.07h1.43c2.69%200%204%201.21%204%203.69s-1.31%203.69-4%203.69h-1.43z%22%2F%3E%3Cpath%20d%3D%22m34.93%2080.57c-1.61-.39-1.83-.92-1.83-1.43%200-.74.61-1.18%201.63-1.18a5.36%205.36%200%200%201%202.81%201l.13.08.55-1.82-.06-.05a5.7%205.7%200%200%200%20-3.41-1.17c-2.36%200-3.95%201.32-3.95%203.29%200%201.82%201.13%203%203.35%203.57%201.9.47%202.25%201%202.25%201.77s-.73%201.45-1.85%201.45a4.89%204.89%200%200%201%20-3.35-1.49l-.14-.13-.59%202.05h.06a5.92%205.92%200%200%200%204%201.44c1.92%200%204.17-.94%204.17-3.59.02-1.97-1.12-3.11-3.77-3.79z%22%2F%3E%3Cpath%20d%3D%22m52%2078.28v-2.02h-7.47v11.51h7.47v-2.01h-4.98v-3.04h4.05v-2.02h-4.05v-2.42z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-size: contain;
}
@media screen and (min-width: 601px) {
  .contents .form-style .fbox {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 601px) {
  .contents .form-style .fbox + div {
    width: 408px;
    flex-shrink: 0;
  }
}