@charset "UTF-8";
.pageTtlArea {
  margin-bottom: 55px;
}
@media screen and (min-width: 1024px) {
  .pageTtlArea {
    margin-bottom: 80px;
  }
}

.imgArea {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .imgArea {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .imgArea {
    margin-bottom: 90px;
  }
}
.imgArea__inner {
  max-width: 894px;
}
.imgArea__img {
  width: 100%;
  border: 1px solid #CACACA;
  border-radius: 16px;
  overflow: hidden;
}

.secForm--single {
  padding: 0 0 120px;
}
@media screen and (min-width: 768px) {
  .secForm--single {
    padding-bottom: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .secForm--single {
    padding-bottom: 160px;
  }
}
.secForm--single .secForm__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 100px;
}
@media screen and (min-width: 768px) {
  .secForm--single .secForm__inner {
    flex-direction: row;
    align-items: flex-start;
    grid-gap: 40px;
  }
  .secForm--single .secForm__inner > div {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .secForm--single .secForm__inner {
    grid-gap: 64px;
  }
}
.secForm--single .secForm__contentsWrap {
  width: 100%;
}
.secForm--single .secForm__contentsWrap_ttl {
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 700;
  --lh: 1.8;
}
.secForm--single .secForm__contentsWrap h2 {
  font-size: 20px;
  font-weight: 700;
}
.secForm--single .secForm__contentsWrap h2:not(:first-child) {
  margin-top: 14px;
}
.secForm--single .secForm__contentsWrap h2:not(:last-child) {
  margin-bottom: 24px;
}
.secForm--single .secForm__contentsWrap h3 {
  font-size: 20px;
  font-weight: 700;
}
.secForm--single .secForm__contentsWrap h3:not(:first-child) {
  margin-top: 35px;
}
.secForm--single .secForm__contentsWrap h3:not(:last-child) {
  margin-bottom: 22px;
}
.secForm--single .secForm__contentsWrap p {
  --lh: 1.8;
}
.secForm--single .secForm__contentsWrap p:not(:first-child) {
  margin-top: 14px;
}
.secForm--single .secForm__contentsWrap p:not(:last-child) {
  margin-bottom: 14px;
}
.secForm--single .secForm__contentsWrap ul {
  --lh: 1.8;
}
.secForm--single .secForm__contentsWrap ul > li {
  padding-left: 1em;
  position: relative;
}
.secForm--single .secForm__contentsWrap ul > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.secForm--single .secForm__contentsWrap ol {
  --lh: 1.8;
  counter-reset: list 0;
}
.secForm--single .secForm__contentsWrap ol > li {
  padding-left: 1em;
  position: relative;
}
.secForm--single .secForm__contentsWrap ol > li::before {
  counter-increment: list 1;
  content: counter(list) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.secForm--single .secForm__contentsWrap ol:has(li:nth-child(10)) > li {
  padding-left: 1.25em;
}
.secForm--single .secForm__contentsWrap a {
  text-decoration: underline;
}
.secForm--single .secForm__contentsWrap a:hover {
  text-decoration: none;
}
.secForm--single .secForm__contentsWrap_noteBlk {
  margin-top: 30px;
  color: #7A7A7A;
  font-size: 12px;
}
.secForm--single .secForm__contentsWrap_noteBlk p {
  --lh: 1.5;
}
.secForm--single .secForm__contentsWrap_noteBlk p:not(:first-child) {
  margin-top: 1.5em;
}
.secForm--single .secForm__contentsWrap_noteBlk p:not(:last-child) {
  margin-bottom: 1.5em;
}
.secForm--single .secForm__contentsWrap_noteBlk ul {
  --lh: 1.5;
}
.secForm--single .secForm__contentsWrap_noteBlk ul:not(:first-child) {
  margin-top: 1.5em;
}
.secForm--single .secForm__contentsWrap_noteBlk ul:not(:last-child) {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .secForm--single .secForm__contentsWrap {
    width: 54.1667% !important;
    max-width: 650px;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 1024px) {
  .secForm--single .secForm__contentsWrap h2 {
    font-size: 28px;
  }
  .secForm--single .secForm__contentsWrap_noteBlk {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .secForm--single .secForm__inputWrap {
    display: block;
  }
  .secForm--single .secForm__inputWrap_label {
    width: 100%;
    margin-bottom: 16px;
  }
  .secForm--single .secForm__inputWrap--policy {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .secForm--single .secForm__inputWrap--policy {
    text-align: center;
  }
}

.secArchive__list .listItem {
  font-weight: 700;
  display: grid;
  grid-gap: 0;
}
.secArchive__list .listItem__link {
  width: 100%;
  margin-bottom: 10px;
  display: block;
}
.secArchive__list .listItem__img {
  width: 100%;
  padding-top: 74.9254%;
  border: 1px solid #CACACA;
  border-radius: 16px;
}
.secArchive__list .listItem__img:not(:has(img)) {
  background-color: #ddd;
  border-radius: 20px;
  position: relative;
}
.secArchive__list .listItem__img:not(:has(img)) > span {
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: "Roboto", "Zen Kaku Gothic New", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
.secArchive__list .listItem__txtWrap_ttl {
  margin-bottom: 22px;
  font-size: 20px;
  --lh: 1.8;
}
.secArchive__list .listItem__txtWrap_btnWrap {
  width: 100%;
  max-width: 211px;
  margin: auto auto 0;
}
.secArchive__list .listItem__txtWrap_btnWrap .btn {
  background-color: var(--main);
  border-color: var(--main);
}
.secArchive__list .listItem__txtWrap_btnWrap .btn:hover {
  background-color: #fff;
  color: var(--main);
}
.secArchive__list .listItem__txtWrap_btnWrap .btn:hover::after {
  background-color: var(--main);
}
@media screen and (min-width: 576px) {
  .secArchive__list .listItem {
    margin-bottom: 10px;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
  .secArchive__list .listItem__txtWrap {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .secArchive__list .listItem {
    font-size: 14px;
  }
  .secArchive__list .listItem__txtWrap_ttl {
    margin-bottom: 32px;
  }
}

.secForm--archive {
  max-width: 1200px;
  padding: 68px 0 80px;
  margin: 0 auto 120px;
  background-color: #f6f6f6;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .secForm--archive {
    padding-top: 62px;
    margin-bottom: 140px;
  }
}
@media screen and (min-width: 1024px) {
  .secForm--archive {
    margin-bottom: 160px;
  }
}
.secForm--archive .secForm__inner {
  max-width: 1000px;
}
.secForm--archive .secForm__inputWrap input[type=text], .secForm--archive .secForm__inputWrap [type=tel], .secForm--archive .secForm__inputWrap [type=email], .secForm--archive .secForm__inputWrap textarea {
  background-color: #fff;
}