/*
** attribute
*/

*[data-bgColor],
*[data-bgImage] {
  padding-top: 5em;
  padding-bottom: 5em;
}


/*
** .page-header
*/

.page-header {
  padding-top: 6em;
  padding-bottom: 6em;
  margin-bottom: 5em;
}


/*
** .section
*/

.section {
  margin-bottom: 8em;
}

.section__header {
  margin-bottom: 3em;
}


/*
** .c-title
*/

.c-title-page__main {
  font-size: 3.5em;
  margin-bottom: 0.25em;
}

.c-title-page__sub {
  font-size: 1.2em;
}

.c-title-simple {
  font-size: 2.5em;
}

.c-title-en__main {
  font-size: 2.5em;
}

.c-title-en__sub {
  font-size: 1.2em;
}

.c-title-internal {
  font-size: 1.5em;
  margin-bottom: 2em;
}


/*
** .c-lead
*/

.c-lead {
  font-size: 1.5em;
  margin-bottom: 2em;
}


/*
** .c-2columns
*/

.c-2columns {
  display: flex;
  column-gap: clamp(2em, 4%, 4em);
  margin-bottom: 5em;
}

.c-2columns__item--reverse {
  order: -1;
}

.c-2columns__item[data-ratio="1"] {
  width: 100%;
}

.c-2columns__item[data-ratio="2"] {
  width: 200%;
}

.c-2columns__item[data-ratio="3"] {
  width: 300%;
}

.c-2columns__item[data-ratio="4"] {
  width: 400%;
}

.c-2columns__item[data-ratio="5"] {
  width: 500%;
}

.c-2columns__item[data-ratio="6"] {
  width: 600%;
}

.c-2columns__item[data-ratio="7"] {
  width: 700%;
}

.c-2columns__item[data-ratio="8"] {
  width: 800%;
}

.c-2columns__item[data-ratio="9"] {
  width: 900%;
}

.c-2columns__item[data-ratio="10"] {
  width: 1000%;
}

.c-2columns__item[data-ratio="11"] {
  width: 1100%;
}

.c-2columns__item[data-ratio="12"] {
  width: 1200%;
}

.c-2columns__item[data-ratio="13"] {
  width: 1300%;
}

.c-2columns__item[data-ratio="14"] {
  width: 1400%;
}

.c-2columns__item[data-ratio="15"] {
  width: 1500%;
}

.c-2columns__item[data-ratio="16"] {
  width: 1600%;
}

.c-2columns__item[data-ratio="17"] {
  width: 1700%;
}

.c-2columns__item[data-ratio="18"] {
  width: 1800%;
}

.c-2columns__item[data-ratio="19"] {
  width: 1900%;
}

.c-2columns__item[data-ratio="20"] {
  width: 2000%;
}


/*
** .c-mcolumns
*/

.c-mcolumns {
  grid-gap: clamp(2em, 4%, 4em);
  margin-bottom: 5em;
}

.c-mcolumns[data-column="2"] {
  grid-template-columns: repeat(2, 1fr);
}

.c-mcolumns[data-column="3"] {
  grid-template-columns: repeat(3, 1fr);
}

.c-mcolumns[data-column="4"] {
  grid-template-columns: repeat(4, 1fr);
}

.c-mcolumns[data-column="5"] {
  grid-template-columns: repeat(5, 1fr);
}


/*
** .c-image
*/

.c-image {
  margin-bottom: 5em;
}


/*
** .c-button
*/

.c-button {
  margin-top: 4em;
  margin-bottom: 5em;

}

.c-button a {
  padding-left: 5em;
  padding-right: 5em;
}


/*
** .c-table
*/

.c-table__wrap {
  margin-bottom: 5em;
}

.c-table {
  white-space: unset;
}

.c-table th {
  white-space: nowrap;
}

.c-table th,
.c-table td {
  min-width: 15em;
  padding: 1.5em 2em;
}


/*
** .c-list
*/

.c-list {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: max-content;
  grid-row-gap: 0.5em;
  margin-bottom: 3em;
}

.c-list__item {
  position: relative;
  padding-left: 1.5em;
}


/*
** .c-form
*/

.c-form {
  margin-bottom: 5em;
}

.c-form__input {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-auto-rows: auto;
  align-items: center;
  grid-gap: 2em;
}

.c-form__input-label {
  margin-bottom: 0;
}

.c-form__input-label:not(:first-child) {
  margin-top: 0;
}

.c-form__acceptance {
  margin-top: 3em;
}

.c-form__submit {
  margin-top: 3em;
}


/*
** .c-post-archive
*/

.c-post-archive {
  margin-bottom: 5em;
}

.c-post-archive__list {
  grid-row-gap: 1.5em;
}

.c-post-archive__list-item:not(:first-child) {
  padding-top: 1.5em;
}

.c-post-archive__list-item a {
  grid-row-gap: 0.5em;
}

.c-post-archive__title {
  font-size: 1.5em;
}