@charset "utf-8";
/* ==========================================
 Common
============================================*/
body {
  font-size: var(--sz-37);
  font-weight: normal;
  font-feature-settings: "palt";
  color: var(--color-text);
  background-color: var(--color-bg);
}

/* color */
:root {
  --color-red: #ff0000;
  --color-wine: #a43b3f;
}

/* pagetop */
.pagetop {
  @media (min-width: 1100px) {
    font-size: 20px;
  }
}

/* ==========================================
 Layout
============================================*/
.container {
  --bs-gutter-x: 0;
  max-width: 1920px;
}

.inner {
  max-width: calc(100vw * 1020 / 1100);
  background-color: var(--bs-white);
  padding: var(--sz-100) var(--sz-60);
  margin-left: auto;
  margin-right: auto;
  & p {
    margin-bottom: 1em;
    &:first-child {
      margin-bottom: 0;
      & img {
        margin-top: unset;
      }
    }
  }
  & img {
    margin: var(--sz-80) auto;
    max-width: 100%;
  }
  @media (min-width: 992px) {
    max-width: calc(100vw * 1020 / 1920);
  }
}

/* ==========================================
 Contents
============================================*/

/* 見出し位置調整 */
.img1 {
  margin-top: calc(-1 * var(--sz-35));
}

/* 申し込みセクション */
.entry {
  & img {
    margin-top: unset;
    margin-bottom: unset;
  }
}

.caution {
  border: var(--sz-6) solid var(--color-wine);
  padding: 1.5em;
  text-align: center;
  & p {
    font-size: var(--sz-42);
    line-height: 1.8;
    margin-bottom: 1.5em;
    &:last-child {
      margin-bottom: 0;
    }
  }
}

.caution__heading {
  color: var(--bs-white);
  background-color: var(--color-wine);
  position: relative;
  font-size: var(--sz-50);
  padding: 0.5em;
  margin-bottom: 0.5em;
  &::before,
  &::after {
    content: "";
    position: absolute;
    --size: var(--sz-12);
  }
  &::before {
    top: var(--sz-6);
    left: var(--sz-6);
    border: var(--size) solid transparent;
    border-top: var(--size) solid var(--bs-white);
    border-left: var(--size) solid var(--bs-white);
  }
  &::after {
    bottom: var(--sz-6);
    right: var(--sz-6);
    border: var(--size) solid transparent;
    border-bottom: var(--size) solid var(--bs-white);
    border-right: var(--size) solid var(--bs-white);
  }
}

.footer__menu a:not(:last-child)::after {
  display: block;
  top: 50%;
  transform: translateY(-50%);
}