body {
  background: none;
}

@media screen and (min-width: 798px) {
  header .l-primary-nav .l-primary-nav__item:last-child a:before {
    height: 5px !important;
  }
}
.p-joiningGroup {
  display: none;
}

.c-heading-primaryGroup {
  background-color: var(--color-vivid-azure2);
  height: 333px;
  position: relative;
}
@media screen and (min-width: 798px) {
  .c-heading-primaryGroup {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 797px) {
  .c-heading-primaryGroup {
    height: 166px;
  }
}
@media screen and (max-width: 797px) {
  .c-heading-primaryGroup__inner {
    background: none;
  }
}
@media screen and (max-width: 797px) {
  .c-heading-primaryGroup .c-primaryHeading {
    font-size: 2.8rem;
  }
}
.c-heading-primaryGroup .c-primaryHeading span {
  font-size: 2.4rem;
  font-weight: 400;
}
@media screen and (max-width: 797px) {
  .c-heading-primaryGroup .c-primaryHeading span {
    font-size: 1.7rem;
  }
}
.c-heading-primaryGroup .p-online-loginLink {
  margin-inline: auto;
  max-width: 1290px;
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
  text-align: right;
}
@media screen and (max-width: 797px) {
  .c-heading-primaryGroup .p-online-loginLink {
    display: none;
  }
}
.c-heading-primaryGroup .p-online-loginLink a {
  color: var(--color-whi);
  font-weight: 700;
}

.p-summaryGroup {
  position: relative;
}
.p-summaryGroup__text {
  line-height: 1.58;
}
@media screen and (min-width: 798px) {
  .p-summaryGroup__text {
    width: 59%;
  }
}
.p-summaryGroup__text * + p {
  margin-top: 20px;
}
@media screen and (min-width: 798px) {
  .p-summaryGroup__illust {
    position: absolute;
    width: 37.33%;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
}
@media screen and (max-width: 797px) {
  .p-summaryGroup__illust {
    margin: 20px auto 50px;
    max-width: 288px;
  }
}

.p-contentsGroup__item {
  margin-top: 60px;
}
@media screen and (max-width: 797px) {
  .p-contentsGroup__item {
    margin-top: 90px;
  }
  .p-contentsGroup__item:nth-of-type(n+2) {
    margin-top: 50px;
  }
}
@media screen and (min-width: 798px) {
  .p-contentsGroup__item .item_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 40px;
  }
}
@media screen and (min-width: 798px) {
  .p-contentsGroup__item .item_inner .item_text {
    width: 69.63%;
  }
}
.p-contentsGroup__item .item_inner .item_text .clr01 {
  color: var(--color-brilliant-amaranth);
  font-weight: 700;
  text-decoration: underline;
}
.p-contentsGroup__item .item_inner .item_text .p-link__list {
  margin-top: 40px;
}
.p-contentsGroup__item .item_inner .item_text .text_note {
  font-size: 1.3rem;
  margin-top: 25px;
}
.p-contentsGroup__item .item_inner .item_image {
  margin-left: 20px;
}
@media screen and (max-width: 797px) {
  .p-contentsGroup__item .item_inner .item_image {
    margin: 40px auto 0;
    max-width: 140px;
  }
}
.p-contentsGroup .c-secondaryHeading {
  background-color: rgba(249, 227, 110, 0.79);
}
@media screen and (max-width: 797px) {
  .p-contentsGroup .c-secondaryHeading {
    font-size: 2.4rem;
  }
}
.p-contentsGroup .c-secondaryHeading span:before {
  background-color: var(--color-brilliant-azure);
  height: 100%;
}

.p-onlineGroup__link {
  margin-top: 85px;
}
@media screen and (max-width: 797px) {
  .p-onlineGroup__link {
    margin-top: 60px;
  }
}
.p-onlineGroup__link .c-button {
  max-width: 557px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 797px) {
  .p-onlineGroup__link .c-button {
    max-width: 305px;
  }
}
.p-onlineGroup__link .c-button a {
  font-size: 2.8rem;
  height: 100px;
}
@media screen and (max-width: 797px) {
  .p-onlineGroup__link .c-button a {
    font-size: 1.9rem;
    height: 77px;
  }
}
.p-onlineGroup__link .link_login {
  font-weight: bold;
  margin-top: 30px;
  text-align: center;
}
.p-onlineGroup__link .link_login a {
  color: var(--color-vivid-azure2);
}

.p-onlineGroup__lower {
  margin-top: 85px;
}
@media screen and (max-width: 797px) {
  .p-onlineGroup__lower {
    margin-top: 60px;
  }
}

.modaal-container {
  background-color: var(--color-pale-gray2);
}
.modaal-container .image__sample {
  margin-inline: auto;
  max-width: 596px;
}
.modaal-container .image__sample img {
  max-width: 100%;
}
.modaal-container .image__sample + p {
  margin-top: 40px;
}
@media screen and (min-width: 798px) {
  .modaal-container .image__sample + p {
    margin-top: 50px;
    text-align: center;
  }
}