/*
** .hero-header
*/

.hero {
  min-height: calc(810 * 100vw / var(--standard-width));
}


/*
** .main
*/

/*
** #service
** #possession
*/

#service {
  background-image: url(../image/home/bg_service@xl.jpg);
}

#possession {
  background-image: url(../image/home/bg_possession@xl.jpg);
}

.service__inner,
.possession__inner {
  display: grid;
  grid-template-rows: max-content;
  grid-column-gap: calc(108 * 100vw / var(--standard-width));
  padding-top: calc(144 * 100vw / var(--standard-width));
  padding-bottom: 0;
}

.service__inner {
  grid-template-columns: 1fr calc(724 * 100vw / var(--standard-width));
}

.possession__inner {
  grid-template-columns: calc(724 * 100vw / var(--standard-width)) 1fr;
}

.service__inner::before {
  width: calc(240 * 100vw / var(--standard-width));
  height: calc(720 * 100vw / var(--standard-width));
}

.possession__inner::before {
  top: unset;
  bottom: 0;
  right: calc(-137 * 100vw / var(--standard-width));
  width: calc(454 * 100vw / var(--standard-width));
  height: calc(540 * 100vw / var(--standard-width));
}

.service__images,
.possession__images {
  padding-bottom: calc(144 * 100vw / var(--standard-width));
}

.service__images {
  margin-right: 0;
}

.possession__images {
  margin-left: 0;
  margin-bottom: 0;
}

.service__deco,
.possession__deco {
  width: calc(560 * 100vw / var(--standard-width));
  height: calc(373 * 100vw / var(--standard-width));
}

.service__deco {
  right: calc(-108 * 100vw / var(--standard-width));
}

.possession__deco {
  left: calc(-108 * 100vw / var(--standard-width));
}

.service__contents,
.possession__contents {
  width: 100%;
}

.service__contents {
  padding-right: calc(144 * 100vw / var(--standard-width));
}

.possession__contents {
  order: -1;
  padding-left: calc(144 * 100vw / var(--standard-width));
}

.service__head,
.possession__head {
  font-size: calc(90 / var(--standard-font-size) * 1em);
  margin-left: calc(-35 * 100vw / var(--standard-width));
}

.service__lead,
.possession__lead {
  font-size: calc(40 / var(--standard-font-size) * 1em);
  margin-top: calc(-19 * 100vw / var(--standard-width));
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}

.service__lead span,
.possession__lead span {
  padding: calc(15 * 100vw / var(--standard-width));
}

.service__body,
.possession__body {
  font-size: calc(17 / var(--standard-font-size) * 1em);
  line-height: 1.5;
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}


/*
** #info
*/

#info {
  padding-top: calc(36* 100vw / var(--standard-width));
  padding-bottom: calc(144 * 100vw / var(--standard-width));
}

.info__head {
  margin-bottom: calc(54 * 100vw / var(--standard-width));
}

.info__contents {
  margin-bottom: calc(54 * 100vw / var(--standard-width));
}

.info__item {
  grid-template-columns: max-content 1fr;
  align-items: center;
  grid-column-gap: calc(60 * 100vw / var(--standard-width));
}

.info__item-date {
  font-size: calc(14 / var(--standard-font-size) * 1em);
}

.info__item-title {
  font-weight: 500;
}


/*
** #company
*/

#company {
  background-image: url(../image/home/bg_company@xl.jpg);
  padding-top: calc(72 * 100vw / var(--standard-width));
  padding-bottom: calc(144 * 100vw / var(--standard-width));
}

.company__lead {
  font-size: calc(30 / var(--standard-font-size) * 1em);
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}

.company__logo {
  width: calc(360 * 100vw / var(--standard-width));
  margin-left: auto;
  margin-right: auto;
}


/*
** #recruit
*/

#recruit {
  background-position: center top calc(55 * 100vw / var(--standard-width)), center top;
  clip-path: polygon(0 calc(125 * 100vw / var(--standard-width)), 100% 0, 100% 100%, 0% 100%);
  padding-top: calc(180 * 100vw / var(--standard-width));
  margin-top: calc(-144 * 100vw / var(--standard-width));
}

#recruit::after {
  height: calc(125 * 100vw / var(--standard-width));
}

.recruit__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
}

.recruit__head {
  margin-right: 0;
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}

.recruit__page-link {
  margin-bottom: 0;
}

.recruit__page-link a {
  margin-left: calc(65 * 100vw / var(--standard-width));
  margin-right: 0;
}

.recruit__image {
  margin-top: calc(-20 * 100vw / var(--standard-width));
}


/*
** .footer
*/

.footer {
  margin-top: -1px; /* 隙間対策 */
}