/*
** .title__page
*/

.title__page {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
  grid-row-gap: 1em;
  margin-bottom: 2.25em;
}

.title__page-en {
  font-weight: bold;
  letter-spacing: -0.03em;
}

.title__page:not(.small) .title__page-en {
  font-size: 3.125em;
}

.title__page.small .title__page-en {
  font-size: 2.625em;
}

.title__page:not(.green) .title__page-en {
  color: var(--red);
}

.title__page.green .title__page-en {
  color: var(--green);
}

.title__page-en span {
  display: inline-block;
  line-height: 1;
}

.title__page:not(.jp-only) .title__page-jp {
  font-size: 1.125em;
  line-height: 1;
}

.title__page.jp-only .title__page-jp {
  font-weight: bold;
  line-height: 1.2;
}

.title__page.jp-only:not(.green) .title__page-jp {
  color: var(--red);
}

.title__page.jp-only.green .title__page-jp {
  color: var(--green);
}

.title__page.jp-only:not(.small) .title__page-jp {
  font-size: 2.6em;
}

.title__page.jp-only.small .title__page-jp {
  font-size: 2.1875em; 
}


/*
** .title__contents
*/

.title__contents {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
  grid-row-gap: 0.75em;
}

.title__contents-en {
  font-size: 2.625em;
  font-weight: bold;
  color: var(--green);
  letter-spacing: -0.03em;
}

.title__contents-jp {
  font-size: 1.125em;
  line-height: 1;
}


/*
** .message__nothing
*/

.message__nothing {
  margin-top: 3em;
  margin-bottom: 3em;
}