.main-title {
  border-left: 10px solid var(--color-brand);
  padding-left: 1rem;
  color: #444;
}

.tit {
  margin-top: 0.3rem;
  font-weight: normal;
  font-size: 2rem;
  letter-spacing: 2px;
  font-family: var(--font-sans);
}

.kaikan-annai {
  display: flex;
}

.calenderDiv {
  height: 25em;
  display: flex;
  margin-left: auto;
}

.iframe {
  aspect-ratio: 1 / 1;
  height: 100%;
}

#content-en {
  display: none;
}

@media (max-width: 768px) {
  .kaikan-annai {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .kaikan-annai > .kiji {
    display: contents;
  }

  .kaikan-annai > .kiji > .main-title { order: 1; }
  .kaikan-annai > .kiji > p { order: 2; }

  .kaikan-annai > .calenderDiv {
    box-sizing: border-box;
    justify-content: center;
    width: 100%;
    height: auto;
    flex: 0 1 auto;
    margin: 0;
    order: 3;
  }

  .kaikan-annai > .calenderDiv > .iframe {
    box-sizing: border-box;
    width: 100%;
    max-width: 25rem;
    height: 25rem;
    aspect-ratio: 1;
  }

  .kaikan-annai > .kiji > .gist {
    order: 4;
    margin: 0;
  }
}