.un-panel-recruit__content > :first-child, .un-layout-recruitType2__head > :first-child, .un-layout-recruitType2__content > :first-child, .un-layout-recruitType2__media > :first-child {
  margin-top: 0 !important;
}
.un-panel-recruit__content > :last-child, .un-layout-recruitType2__head > :last-child, .un-layout-recruitType2__content > :last-child, .un-layout-recruitType2__media > :last-child {
  margin-bottom: 0 !important;
}

.m-heading-level2Type2--white {
  color: #fff;
}
.m-heading-level2Type2--white .m-heading-level2Type2__text::before {
  background-color: var(--COLOR_BACKGROUND_LIGHT);
}

.m-card__content {
  position: relative;
}
.m-card__badge {
  align-items: center;
  background-color: #8da6bc;
  border-radius: 50%;
  display: flex;
  height: 60px;
  justify-content: center;
  position: absolute;
  top: -40px;
  width: 60px;
  z-index: 10;
}
.m-card__badgeText {
  color: var(--COLOR_BASE_LIGHT);
  font-family: var(--FONT_FAMILY_SERIF_JPN);
  font-size: 1.125rem;
}
.m-card__title {
  font-family: var(--FONT_FAMILY_SERIF_JPN);
}

.m-button-list--full .m-button-list__item {
  width: 100%;
}
.m-button-list--full .m-button-list__item > * {
  width: 100%;
}

.m-link-circleArrow {
  margin-top: 24px;
}

.m-widget-carousel {
  grid-area: auto;
  grid-column: 1/4;
  height: auto;
  padding-bottom: 56px;
}
.m-widget-carousel__container {
  height: auto;
}
.m-widget-carousel__item::before {
  content: none;
}
.m-widget-carousel__control {
  margin: 24px auto 0;
  position: static;
  z-index: 0;
}
.m-widget-carousel__preview, .m-widget-carousel__play, .m-widget-carousel__next {
  border-bottom: 1px solid var(--COLOR_BASE_DARK);
}
.m-widget-carousel__next::before, .m-widget-carousel__preview::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23222%22%3e%3cpolygon%20%20points%3d%2230%2e21,99%2e94%2019%2e13,88%2e85%2057%2e93,50%2e04%2019%2e13,11%2e23%2030%2e21,0%2e15%2080%2e11,50%2e04%22%2f%3e%3c%2fsvg%3e");
}
.m-widget-carousel__play::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23222%22%3e%3cpath%20d%3d%22M100,50L0,96%2e2V3%2e8L100,50z%22%2f%3e%3c%2fsvg%3e");
}
.m-widget-carousel__play--pause::before {
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23222%22%3e%3cpath%20d%3d%22M33%2e3,100H16%2e7V0h16%2e7V100z%22%2f%3e%3cpath%20d%3d%22M83%2e3,100H66%2e7V0h16%2e7V100z%22%2f%3e%3c%2fsvg%3e");
}
.m-widget-carousel__pager {
  border-bottom: 1px solid var(--COLOR_BASE_DARK);
  color: var(--COLOR_BASE_DARK);
}

.un-panel-mainVisual {
  display: grid;
  gap: 0 20px;
  grid-area: mainVisual;
  grid-template-columns: 1fr minmax(335px, 1200px) 1fr;
  grid-template-rows: 600px;
  position: relative;
}
.un-panel-mainVisual__media {
  grid-column: 1/4;
  grid-row: 1/2;
}
.un-panel-mainVisual__media::before {
  background-color: var(--COLOR_BACKGROUND_DARK);
  content: "";
  height: 100%;
  opacity: 0.25;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.un-panel-mainVisual__mediaItem {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.un-panel-mainVisual__content {
  bottom: 40px;
  grid-column: 2/3;
  position: absolute;
  width: 100%;
  z-index: 20;
}
.un-panel-mainVisual__content > .m-button-list {
  margin-top: 52px;
}
.un-panel-mainVisual__heading {
  color: var(--COLOR_BASE_LIGHT);
}
.un-panel-mainVisual__subTitle {
  font-size: 1.75rem;
  line-height: 1.6;
}
.un-panel-mainVisual__text {
  display: block;
  font-family: var(--FONT_FAMILY_SERIF_JPN);
  font-size: 2.5rem;
  line-height: 1.4;
  margin-top: 18px;
}

.un-panel-recruit {
  background-color: var(--COLOR_BRAND_SECONDARY_2);
  height: 100%;
  z-index: 20;
}
.un-panel-recruit__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.un-panel-recruit__content {
  color: #fff;
  height: 100%;
  padding: 40px 20px;
}
.un-panel-recruit__content > .m-text {
  margin-top: 24px;
}
.un-panel-recruit__content > .m-button-list {
  margin-top: 40px;
}
.un-panel-recruit__media {
  display: flex;
}
.un-panel-recruit__mediaItem {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.un-layout-recruit {
  margin-top: 24px;
}
.un-layout-recruit__inner {
  display: grid;
  gap: 24px;
  grid-template-rows: auto 1fr;
}
.un-layout-recruit__content {
  grid-row: 2/3;
}
.un-layout-recruit__lead {
  font-family: var(--FONT_FAMILY_SERIF_JPN);
  font-size: 1.75rem;
  letter-spacing: -0.03em;
  line-height: 1.6;
}
.un-layout-recruit__media {
  display: flex;
  grid-row: 1/2;
}
.un-layout-recruit__mediaItem {
  height: 100%;
  width: 100%;
}

.un-layout-recruitType2 {
  display: grid;
  gap: 40px;
  grid-template-rows: auto;
}
.un-layout-recruitType2__head {
  grid-row: 1/2;
}
.un-layout-recruitType2__head .m-navigation-internal {
  margin-top: 24px;
  padding-left: 36px;
}
.un-layout-recruitType2__content {
  grid-row: 2/3;
}
.un-layout-recruitType2__media {
  grid-row: 3/4;
}

.un-card-heading {
  align-items: flex-start;
  background-color: var(--COLOR_BACKGROUND_COLOR);
  border-radius: 8px;
  color: var(--COLOR_FOREGROUND_DARK);
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.5;
  position: relative;
  text-decoration: none;
  transition: opacity var(--TRANSITION);
}
.un-card-heading::after {
  content: "";
  height: 10px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 10px;
  background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230066cc%22%3e%3cpath%20d%3d%22M77%2e4,50L39%2e7,87%2e7c%2d2%2e8,2%2e5%2d3%2e1,6%2e8%2d0%2e6,9%2e5c0%2e4,0%2e4,0%2e8,0%2e8,1%2e3,1%2e1c2%2e9,2%2e1,7,1%2e8,9%2e6%2d0%2e7L92%2e3,55c2%2e8%2d2%2e5,2%2e9%2d6%2e8,0%2e4%2d9%2e6c%2d0%2e1%2d0%2e1%2d0%2e3%2d0%2e3%2d0%2e4%2d0%2e4L50,2%2e3c%2d2%2e6%2d2%2e5%2d6%2e7%2d2%2e8%2d9%2e6%2d0%2e7c%2d3%2e1,2%2e1%2d3%2e9,6%2e3%2d1%2e8,9%2e4c0%2e3,0%2e5,0%2e7,0%2e9,1%2e1,1%2e3L77%2e4,50z%22%2f%3e%3c%2fsvg%3e");
}
.un-card-heading__heading {
  color: var(--COLOR_BRAND_SECONDARY);
  font-size: 1.625rem;
  font-weight: var(--FONT_WEIGHT_BOLD);
}
.un-card-heading__content {
  font-size: 0.9375rem;
  margin-top: 16px;
}
.un-card-heading__content > :first-child {
  margin-top: 0;
}
.un-card-heading__content .m-text + .m-list {
  margin-top: 0;
}
.un-card-heading--white {
  background-color: var(--COLOR_BACKGROUND_LIGHT);
}
.un-widget-entryButton {
  background-color: var(--COLOR_BRAND_PRIMARY);
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 100px;
  transition: 0.4s width, 0.4s height, 0.2s translate;
  z-index: 1500;
}
.un-widget-entryButton.is-entryButton-hide {
  translate: 100% 0;
}
.un-widget-entryButton__head {
  align-items: center;
  background-color: var(--COLOR_BRAND_PRIMARY);
  display: flex;
  flex-direction: column;
  padding: 20px;
  row-gap: 10px;
}
.un-widget-entryButton__head[aria-expanded=true] {
  column-gap: 9px;
  flex-direction: row;
  padding-bottom: 16px;
}
.un-widget-entryButton__head[aria-expanded=true] .un-widget-entryButton__textItem {
  display: inline;
}
.un-widget-entryButton__textItem {
  color: var(--COLOR_BASE_LIGHT);
  display: block;
  font-size: 1rem;
  font-weight: var(--FONT_WEIGHT_BOLD);
}
.un-widget-entryButton__body {
  overflow: hidden;
  padding: 0 22px 20px;
}
.un-widget-entryButton__list {
  list-style: none;
}
.un-widget-entryButton__item + .un-widget-entryButton__item {
  margin-top: 16px;
}
.un-widget-entryButton__link {
  display: block;
}
.un-widget-entryButton__media {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .m-widget-carousel {
    padding-bottom: 120px;
  }
  .un-panel-mainVisual {
    gap: 0 40px;
    grid-template-rows: 720px;
  }
  .un-panel-mainVisual__content {
    bottom: 80px;
    width: auto;
  }
  .un-panel-mainVisual__subTitle {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.5;
  }
  .un-panel-mainVisual__text {
    font-size: 3.75rem;
    letter-spacing: 0.024em;
    line-height: 1.5;
  }
  .un-panel-recruit {
    display: grid;
    gap: 0 40px;
    grid-template-columns: 1fr minmax(335px, 1200px) 1fr;
    min-height: 500px;
  }
  .un-panel-recruit__inner {
    flex-direction: row;
    grid-column: 2/4;
  }
  .un-panel-recruit__content {
    flex: 1 1 clamp(23.75rem, 23.75rem + ((1vw - 0.48rem) * (39.3518518519)), 34.375rem);
    padding: 80px 60px 80px 0;
  }
  .un-panel-recruit__content > .m-text {
    margin-top: 32px;
  }
  .un-panel-recruit__content > .m-button-list {
    margin-top: 64px;
  }
  .un-panel-recruit__media {
    flex: 1 1 50%;
  }
  .un-layout-recruit {
    margin-top: 60px;
  }
  .un-layout-recruit__inner {
    gap: clamp(3.75rem, 3.75rem + ((1vw - 0.48rem) * (13.8888888889)), 7.5rem);
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
  }
  .un-layout-recruit__content {
    grid-column: 1/2;
    grid-row: 1/2;
    max-width: clamp(18.75rem, 18.75rem + ((1vw - 0.48rem) * (46.2962962963)), 31.25rem);
    padding: 100px 0 100px 32px;
  }
  .un-layout-recruit__lead {
    font-size: clamp(1.375rem, 1.375rem + ((1vw - 0.48rem) * (1.8518518519)), 1.875rem);
    line-height: 2;
  }
  .un-layout-recruit__media {
    align-items: center;
    display: flex;
    grid-column: 2/3;
    margin-right: -20%;
  }
  .un-layout-recruit__mediaItem {
    height: auto;
  }
  .un-layout-recruitType2 {
    gap: 40px clamp(1.875rem, 1.875rem + ((1vw - 0.48rem) * (6.9444444444)), 3.75rem);
    grid-template-columns: 340px 1fr;
    grid-template-rows: auto 1fr;
  }
  .un-layout-recruitType2__head {
    grid-column: 1/2;
  }
  .un-layout-recruitType2__head .m-navigation-internal {
    margin-top: 40px;
  }
  .un-layout-recruitType2__content {
    grid-column: 2/3;
    grid-row: 1/3;
  }
  .un-layout-recruitType2__media {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .un-card-heading {
    padding: 50px 55px 50px 40px;
  }
  .un-card-heading__heading {
    font-size: 1.75rem;
  }
  .m-widget-carousel__preview:hover {
    border-bottom: 1px solid var(--COLOR_FOREGROUND_COLOR_2);
  }
  .m-widget-carousel__preview:hover::before {
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230066cc%22%3e%3cpolygon%20%20points%3d%2230%2e21,99%2e94%2019%2e13,88%2e85%2057%2e93,50%2e04%2019%2e13,11%2e23%2030%2e21,0%2e15%2080%2e11,50%2e04%22%2f%3e%3c%2fsvg%3e");
  }
  .m-widget-carousel__play:hover {
    border-bottom: 1px solid var(--COLOR_FOREGROUND_COLOR_2);
  }
  .m-widget-carousel__play:hover::before {
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230066cc%22%3e%3cpath%20d%3d%22M100,50L0,96%2e2V3%2e8L100,50z%22%2f%3e%3c%2fsvg%3e");
  }
  .m-widget-carousel__play--pause:hover {
    border-bottom: 1px solid var(--COLOR_FOREGROUND_COLOR_2);
  }
  .m-widget-carousel__play--pause:hover::before {
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230066cc%22%3e%3cpath%20d%3d%22M33%2e3,100H16%2e7V0h16%2e7V100z%22%2f%3e%3cpath%20d%3d%22M83%2e3,100H66%2e7V0h16%2e7V100z%22%2f%3e%3c%2fsvg%3e");
  }
  .m-widget-carousel__next:hover {
    border-bottom: 1px solid var(--COLOR_FOREGROUND_COLOR_2);
  }
  .m-widget-carousel__next:hover::before {
    background-image: url("data:image/svg+xml; charset=utf8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%230066cc%22%3e%3cpolygon%20%20points%3d%2230%2e21,99%2e94%2019%2e13,88%2e85%2057%2e93,50%2e04%2019%2e13,11%2e23%2030%2e21,0%2e15%2080%2e11,50%2e04%22%2f%3e%3c%2fsvg%3e");
  }
  .un-card-heading:hover {
    opacity: 0.8;
  }
}
@media (min-width: 768px) and (max-width: 1500px) {
  .un-layout-recruit__media {
    margin-right: -10%;
  }
}
@media (min-width: 1200px) {
  .un-widget-entryButton {
    bottom: 150px;
    top: auto;
  }
}
@media (max-width: 767px) {
  .un-card-heading {
    padding: 30px 20px;
  }
  .un-card-heading::after {
    right: 10px;
  }
  .un-layout-recruit__media {
    margin-right: 0;
  }
}