@charset "utf-8";

.agl {font-family: 'Questrial', "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;}
.agl h2 {font-weight: 700;}
.agl-featured {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.agl-featured .item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 12px 0;
  padding: 16px 12px 0;
  line-height: 1.5;
  border: 4px solid #000;
  border-radius: 12px;
  overflow: clip;
}
.agl-featured .item > * {
  margin: 0;
}
.agl-featured .img {
  aspect-ratio: 16 / 9;
  margin: 0 -12px;
}
.agl-featured .img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.agl-featured .item.item01 {
  border-color: #c55a11;
  background-color: color-mix(in sRGB,#c55a11 2%, #fff);
}
.agl-featured .item.item01 h4 {
  color: #c55a11;
}
.agl-featured .item.item02 {
  border-color: #385723;
  background-color: color-mix(in sRGB,#385723 2%, #fff);
}
.agl-featured .item.item02 h4 {
  color: #385723;
}
.agl-featured .item.item03 {
  border-color: #009999;
  background-color: color-mix(in sRGB,#009999 2%, #fff);
}
.agl-featured .item.item03 h4 {
  color: #009999;
}
.agl-featured .item.item04 {
  border-color: #ff0000;
  background-color: color-mix(in sRGB,#ff0000 2%, #fff);
}
.agl-featured .item.item04 h4 {
  color: #ff0000;
}
.agl-featured .item.item05 {
  border-color: #4472c4;
  background-color: color-mix(in sRGB,#4472c4 2%, #fff);
}
.agl-featured .item.item05 h4 {
  color: #4472c4;
}
.agl-featured .item.item06 {
  border-color: #ffc000;
  background-color: color-mix(in sRGB,#ffc000 2%, #fff);
}
.agl-featured .item.item06 h4 {
  color: #ffc000;
}
@media screen and (max-width: 768px) {
  .agl-featured {
    grid-template-columns: repeat(1, 1fr);
  }
}

.agl-judges {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.agl-judges .item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 12px 0;
  padding: 24px;
  line-height: 1.5;
  background-color: #f6f3f3;
}
.agl-judges .item > *,
.agl-judges .item > * > * {
  margin: 0;
}
.agl-judges .img {
  width: 60%;
  max-width: 140px;
  margin-inline: auto;
  aspect-ratio: 1;
  background: #ddd url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%20360%22%3E%3Cpath%20fill%3D%22%23999899%22%20d%3D%22M180%2C210c41.4%2C0%2C75-33.6%2C75-75s-33.6-75-75-75-75%2C33.6-75%2C75%2C33.6%2C75%2C75%2C75ZM153.2%2C238.1c-57.7%2C0-104.5%2C46.8-104.5%2C104.5s7.8%2C17.4%2C17.4%2C17.4h227.7c9.6%2C0%2C17.4-7.8%2C17.4-17.4%2C0-57.7-46.8-104.5-104.5-104.5h-53.6Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: 100%;
  border-radius: 100%;
  overflow: clip;
}
.agl-judges .img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.agl-judges .name {
  width: fit-content;
  margin-inline: auto;
  font-size: 1.25em;
  font-weight: 700;
}
.agl-judges .title {
  width: fit-content;
  margin-inline: auto;
  margin-top: 0.5em;
  font-size: 0.875em;
}
@media screen and (max-width: 768px) {
  .agl-judges {
    grid-template-columns: repeat(1, 1fr);
  }
}

.block-set.event-archive .img img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.block-set.event-archive .img.img1-3 {
  aspect-ratio: 3 / 2;
}
.block-set.event-archive .img.img1-4 {
  aspect-ratio: 9 / 8;
}
.agl ul {
  padding-left: 1.5em;
}
.agl details {
  padding: 0 10px;
}
.agl details[open] {
  padding: 10px;
  background-color: #fff;
}
.agl details summary {
  line-height: 1.5;
  cursor: pointer;
}
.agl details[open] summary {
  font-weight: 700;
}