@charset "UTF-8";
/*Font
------------------------------------------*/
/*Color
------------------------------------------*/
/* z-index
------------------------------------------*/
/* Media queries PCファースト
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
.l-lower-contents {
  margin-bottom: var(--vw-size56);
}
@media screen and (max-width: 991px) {
  .l-lower-contents {
    margin-bottom: var(--vw-size78);
  }
}

.outline-main,
.outline-early {
  padding-bottom: var(--vw-size120);
}
@media screen and (max-width: 991px) {
  .outline-main,
  .outline-early {
    padding-bottom: var(--vw-size112);
  }
}
.outline-main__body,
.outline-early__body {
  margin-top: var(--vw-size78);
}
@media screen and (max-width: 991px) {
  .outline-main__body,
  .outline-early__body {
    margin-top: var(--vw-size32);
  }
}
.outline-main__body-title,
.outline-early__body-title {
  font-size: max(11px, var(--vw-size32));
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .outline-main__body-title,
  .outline-early__body-title {
    font-size: max(11px, var(--vw-size20));
  }
}
.outline-main__body-inner,
.outline-early__body-inner {
  display: grid;
  grid-template-columns: calc(var(--vw-size225) * 2) 1fr;
  gap: var(--vw-size182);
  margin-top: var(--vw-size32);
  margin-bottom: var(--vw-size64);
}
@media screen and (max-width: 991px) {
  .outline-main__body-inner,
  .outline-early__body-inner {
    display: flex;
    flex-direction: column;
    gap: var(--vw-size20);
    margin-top: var(--vw-size20);
    margin-bottom: var(--vw-size32);
  }
}
.outline-main__body-inner figure,
.outline-early__body-inner figure {
  height: fit-content;
  position: sticky !important;
  top: var(--vw-size32);
}
@media screen and (max-width: 991px) {
  .outline-main__body-inner figure,
  .outline-early__body-inner figure {
    position: relative !important;
    top: 0;
  }
}
.outline-main__body-contrnts p,
.outline-early__body-contrnts p {
  font-size: max(11px, var(--vw-size18));
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .outline-main__body-contrnts p,
  .outline-early__body-contrnts p {
    font-size: max(11px, var(--vw-size16));
  }
}
.outline-main__body-contrnts table,
.outline-early__body-contrnts table {
  margin-top: var(--vw-size50);
  border-top: 2px solid #121212;
}
@media screen and (max-width: 991px) {
  .outline-main__body-contrnts table,
  .outline-early__body-contrnts table {
    width: 100%;
    margin-top: var(--vw-size20);
  }
}
.outline-main__body-contrnts table tbody tr,
.outline-early__body-contrnts table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.outline-main__body-contrnts table tbody tr th,
.outline-main__body-contrnts table tbody tr td,
.outline-early__body-contrnts table tbody tr th,
.outline-early__body-contrnts table tbody tr td {
  padding: var(--vw-size20) 0;
}
@media screen and (max-width: 991px) {
  .outline-main__body-contrnts table tbody tr th,
  .outline-main__body-contrnts table tbody tr td,
  .outline-early__body-contrnts table tbody tr th,
  .outline-early__body-contrnts table tbody tr td {
    padding: var(--vw-size10) 0;
  }
}
.outline-main__body-contrnts table tbody tr th,
.outline-early__body-contrnts table tbody tr th {
  font-size: max(11px, var(--vw-size16));
  font-weight: 700;
  vertical-align: top;
  text-align: left;
  width: var(--vw-size134);
  padding-right: var(--vw-size24);
}
@media screen and (max-width: 991px) {
  .outline-main__body-contrnts table tbody tr th,
  .outline-early__body-contrnts table tbody tr th {
    font-size: max(11px, var(--vw-size14));
    width: auto;
    white-space: nowrap;
  }
}
.outline-main__body-contrnts table tbody tr td,
.outline-early__body-contrnts table tbody tr td {
  font-size: max(11px, var(--vw-size16));
}
.outline-main__body-contrnts table tbody tr td a,
.outline-early__body-contrnts table tbody tr td a {
  position: relative;
  display: block;
  width: fit-content;
  font-size: max(11px, var(--vw-size13));
  padding: var(--vw-size6) var(--vw-size32) var(--vw-size8) var(--vw-size16);
  margin-top: var(--vw-size8);
  background: rgba(0, 0, 0, 0.05);
  border-radius: var(--vw-size20);
  color: #121212 !important;
  transition: 0.3s ease;
}
@media screen and (max-width: 991px) {
  .outline-main__body-contrnts table tbody tr td a,
  .outline-early__body-contrnts table tbody tr td a {
    font-size: max(11px, var(--vw-size10));
    padding: var(--vw-size6) var(--vw-size24) var(--vw-size6) var(--vw-size12);
  }
}
.outline-main__body-contrnts table tbody tr td a::after,
.outline-early__body-contrnts table tbody tr td a::after {
  content: "";
  mask-image: url(../img/elements/icn__arrow__right__bold.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #121212;
  width: var(--vw-size8);
  height: var(--vw-size16);
  position: absolute;
  right: var(--vw-size12);
  top: 49%;
  transform: translateY(-50%);
  transition: 0.3s ease;
}
@media screen and (max-width: 991px) {
  .outline-main__body-contrnts table tbody tr td a::after,
  .outline-early__body-contrnts table tbody tr td a::after {
    height: var(--vw-size10);
    right: var(--vw-size10);
    top: 50%;
  }
}
.outline-main__body-contrnts table tbody tr td a:hover,
.outline-early__body-contrnts table tbody tr td a:hover {
  color: #ffffff !important;
  background-color: #121212;
}
.outline-main__body-contrnts table tbody tr td a:hover::after,
.outline-early__body-contrnts table tbody tr td a:hover::after {
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  .outline-main__body-contrnts table tbody tr td,
  .outline-early__body-contrnts table tbody tr td {
    font-size: max(11px, var(--vw-size13));
    padding-bottom: var(--vw-size10);
  }
}