header .header-main .header-main-link {
  justify-content: flex-end;
}
header .header-main .header-main-link .header-main-menu .header-main-menu-element--recruit {
  display: block;
}
header .header-main .header-main-link .header-main-menu .header-main-menu-element:not(.header-main-menu-element--recruit) {
  display: none;
}

.mv {
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .mv {
    height: 101.25vw;
  }
}
@media (min-width: 768px) {
  .mv {
    height: 37.8571428571vw;
  }
}
.mv .mv-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mv .mv-front .mv-catch-main {
  position: absolute;
  transition: 1s;
}
.mv .mv-front .mv-catch-main h1 {
  font-family: "futura-pt-condensed", sans-serif;
  line-height: 1;
  font-weight: bold;
  transition: 1s;
  white-space: nowrap;
  opacity: 0;
}
@media (min-width: 768px) {
  .mv .mv-front .mv-catch-main h1 {
    font-size: 8.8571428571vw;
  }
}
.mv .mv-front .mv-catch-main h1 span {
  display: block;
  transition: 1s;
}
.mv .mv-front .mv-catch-main h1 span:last-of-type {
  position: absolute;
}
.mv .mv-front .mv-catch-sub {
  position: absolute;
  font-weight: bold;
  transition: 1s;
}
.mv .mv-front .mv-catch-sub p {
  opacity: 0;
  transition: 0.3s;
}
.mv .mv-front .mv-catch-sub p span {
  position: absolute;
  display: block;
  transition: 1s;
}
.mv .mv-front .mv-read {
  position: absolute;
  transition: 1s;
}
.mv .mv-front .mv-read p {
  line-height: 1.6;
  font-weight: bold;
  transition: 1s;
  white-space: nowrap;
  opacity: 0;
}
@media (min-width: 768px) {
  .mv .mv-front .mv-read p {
    font-size: 1.2857142857vw;
  }
}
@media (min-width: 768px) {
  .mv .mv-front .mv-read p:not(:last-of-type) {
    margin-bottom: 2.1428571429vw;
  }
}
.mv .mv-bk {
  margin: 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.mv .mv-bk .mv-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
}
.mv .mv-bk .mv-slide .slick-list {
  height: 100%;
}
.mv .mv-bk .mv-slide .slick-list .slick-track {
  height: 100%;
}
.mv .mv-bk .mv-slide .mv-slide-element {
  position: relative;
  width: 100%;
  height: 100%;
}
.mv .mv-bk .mv-slide .mv-slide-element__bkimg {
  width: 100%;
  height: 100%;
}
.mv .mv-bk .mv-slide .mv-slide-element__bkimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__logo {
  z-index: 10;
  position: absolute;
  will-change: filter;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__logo {
    width: 42.625vw;
    filter: drop-shadow(0.875vw 0.875vw 0.625vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  .mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__logo {
    width: 24.2857142857vw;
    filter: drop-shadow(min(0.5vw, 7px) min(0.5vw, 7px) min(0.3571428571vw, 5px) rgba(0, 0, 0, 0.6));
  }
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__logo img {
  width: 100%;
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy {
  position: absolute;
  z-index: 10;
  color: #fff;
}
@media (max-width: 767px) {
  .mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy {
    left: 5vw;
    bottom: 13.75vw;
  }
}
@media (min-width: 768px) {
  .mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy {
    left: 2.8571428571vw;
    bottom: 3.5714285714vw;
  }
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy p {
  font-weight: bold;
  font-family: "goudy-old-style", serif;
  line-height: 1;
}
@media (max-width: 767px) {
  .mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy p {
    font-size: 12.5vw;
  }
}
@media (min-width: 768px) {
  .mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy p {
    font-size: 7.1428571429vw;
  }
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy p span {
  position: relative;
  margin: 0;
  display: inline-block;
  color: transparent;
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy p span::after {
  content: "";
  display: block;
  height: 100%;
  width: 0%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy p span:not(:last-of-type) {
    margin-bottom: 2.8571428571vw;
  }
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy.active p span {
  animation-name: textColor;
  animation-duration: 0s;
  animation-delay: 2.5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
.mv .mv-bk .mv-slide .mv-slide-element--01 .mv-slide-element__copy.active p span:after {
  animation-name: lineExpandShrink;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.mv .mv-bk .mv-slide .slick-dots {
  position: absolute;
  margin: 0 auto;
  z-index: 3;
}
@media (max-width: 767px) {
  .mv .mv-bk .mv-slide .slick-dots {
    display: inline-table;
    top: 50%;
    bottom: 0 !important;
    left: 2.5vw;
    width: auto;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  .mv .mv-bk .mv-slide .slick-dots {
    display: flex;
    flex-wrap: wrap;
    width: 60%;
    right: 4.2857142857vw;
    bottom: 2.8571428571vw;
    gap: 0.7142857143vw 0.3571428571vw;
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .mv .mv-bk .mv-slide .slick-dots li {
    display: block;
    width: 0.375vw;
    height: 6.875vw;
    margin: 0 0 1.25vw 0;
  }
}
@media (min-width: 768px) {
  .mv .mv-bk .mv-slide .slick-dots li {
    width: 4vw;
    height: 0.2857142857vw;
  }
}
.mv .mv-bk .mv-slide .slick-dots li button {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 0;
  transition: 0.3s;
}
.mv .mv-bk .mv-slide .slick-dots li button::before {
  display: none;
}
.mv .mv-bk .mv-slide .slick-dots li.slick-active button {
  background-color: #e60012;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-main {
    left: 42.5vw;
    top: 72.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-main {
    left: 61.4285714286vw;
    top: 15.7142857143vw;
  }
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-main h1 {
    font-size: 13vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-main h1 {
    font-size: 8.8571428571vw;
  }
}
.mv.slide0 .mv-front .mv-catch-main h1 span:first-of-type {
  color: #fff;
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-main h1 span:last-of-type {
    left: 0;
    top: 7.1428571429vw;
  }
}
.mv.slide0 .mv-front .mv-catch-sub {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub {
    top: 12.5vw;
    left: 41.25vw;
    font-size: 6.125vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub {
    top: 2.5vw;
    left: 45.7142857143vw;
    font-size: 3.5vw;
  }
}
.mv.slide0 .mv-front .mv-catch-sub span:nth-child(1) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 10.625vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 6.0714285714vw;
  }
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 10.625vw;
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 6.0714285714vw;
    top: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 10.625vw;
    top: 15vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 6.0714285714vw;
    top: 8.5714285714vw;
  }
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 10.625vw;
    top: 22.5vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 6.0714285714vw;
    top: 12.8571428571vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
.mv.slide0 .mv-front .mv-catch-sub span:nth-child(5) {
  top: 0;
  left: 0;
}
.mv.slide0 .mv-front .mv-catch-sub span:nth-child(6) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(6) {
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(6) {
    top: 4.2857142857vw;
  }
}
.mv.slide0 .mv-front .mv-catch-sub span:nth-child(7) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(7) {
    top: 15vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(7) {
    top: 8.5714285714vw;
  }
}
.mv.slide0 .mv-front .mv-catch-sub span:nth-child(8) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(8) {
    top: 22.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(8) {
    top: 12.8571428571vw;
  }
}
.mv.slide0 .mv-front .mv-catch-sub span:nth-child(9) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(9) {
    top: 30vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-catch-sub span:nth-child(9) {
    top: 17.1428571429vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-read {
    font-size: 2.75vw;
    top: 62.5vw;
    left: 5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide0 .mv-front .mv-read {
    top: 12.1428571429vw;
    left: 2.8571428571vw;
  }
}
.mv.slide0 .mv-front .mv-read p {
  color: #000;
}
@media (max-width: 767px) {
  .mv.slide0 .mv-front .mv-read p:first-child {
    margin-bottom: 3.75vw;
  }
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-main {
    left: 10.625vw;
    top: 72.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-main {
    left: 22.1428571429vw;
    top: 24.2857142857vw;
  }
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-main h1 {
    font-size: 9.625vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-main h1 {
    font-size: 6.3571428571vw;
  }
}
.mv.slide1 .mv-front .mv-catch-main h1 span:first-of-type {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-main h1 span:last-of-type {
    top: 0.625vw;
    left: 45.625vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-main h1 span:last-of-type {
    top: 0;
    left: 32.1428571429vw;
  }
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub {
    top: 12.5vw;
    left: 41.25vw;
    color: #fff;
    font-size: 6.125vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub {
    top: 10.3571428571vw;
    left: 84.2857142857vw;
    color: #000;
    font-size: 3.2142857143vw;
  }
}
.mv.slide1 .mv-front .mv-catch-sub span:nth-child(1) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 10.625vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 5.7142857143vw;
  }
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 10.625vw;
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 5.7142857143vw;
    top: 3.9285714286vw;
  }
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 10.625vw;
    top: 15vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 5.7142857143vw;
    top: 7.8571428571vw;
  }
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 10.625vw;
    top: 22.5vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 5.7142857143vw;
    top: 11.7857142857vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
.mv.slide1 .mv-front .mv-catch-sub span:nth-child(5) {
  left: 0;
  top: 0;
}
.mv.slide1 .mv-front .mv-catch-sub span:nth-child(6) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(6) {
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(6) {
    top: 3.9285714286vw;
  }
}
.mv.slide1 .mv-front .mv-catch-sub span:nth-child(7) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(7) {
    top: 15vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(7) {
    top: 7.8571428571vw;
  }
}
.mv.slide1 .mv-front .mv-catch-sub span:nth-child(8) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(8) {
    top: 22.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(8) {
    left: 0;
    top: 11.7857142857vw;
  }
}
.mv.slide1 .mv-front .mv-catch-sub span:nth-child(9) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(9) {
    top: 30vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-catch-sub span:nth-child(9) {
    top: 15.7142857143vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-read {
    font-size: 2.75vw;
    top: 32.5vw;
    left: 5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide1 .mv-front .mv-read {
    top: 12.1428571429vw;
    left: 2.8571428571vw;
  }
}
.mv.slide1 .mv-front .mv-read p {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide1 .mv-front .mv-read p:first-child {
    margin-bottom: 3.75vw;
  }
}
.mv.slide2 .mv-front .mv-catch-main {
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-main {
    top: 27.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-main {
    top: 15.3571428571vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-main h1 {
    font-size: 8.625vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-main h1 {
    font-size: 5vw;
  }
}
.mv.slide2 .mv-front .mv-catch-main h1 span:first-of-type {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-main h1 span:last-of-type {
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-main h1 span:last-of-type {
    left: 0;
    top: 4.2857142857vw;
  }
}
.mv.slide2 .mv-front .mv-catch-sub {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub {
    font-size: 6.5vw;
    top: 18.75vw;
    left: 87.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub {
    top: 16.4285714286vw;
    left: 2.8571428571vw;
    font-size: 3.7142857143vw;
  }
}
.mv.slide2 .mv-front .mv-catch-sub span:nth-child(1) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 0;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 5.7142857143vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 0;
    top: 7.75vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 5.7142857143vw;
    top: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 0;
    top: 15.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 5.7142857143vw;
    top: 8.5714285714vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 0;
    top: 23.25vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 5.7142857143vw;
    top: 12.8571428571vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(5) {
    left: 0;
    top: 30vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(5) {
    left: 0;
    top: 0;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(6) {
    left: 0;
    top: 37.75vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(6) {
    left: 0;
    top: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(7) {
    left: 0;
    top: 45.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(7) {
    left: 0;
    top: 8.5714285714vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(8) {
    left: 0;
    top: 53.25vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(8) {
    left: 0;
    top: 12.8571428571vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(9) {
    left: 0;
    top: 61vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-catch-sub span:nth-child(9) {
    left: 0;
    top: 17.1428571429vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-read {
    top: 47.5vw;
    left: 33.75vw;
  }
}
@media (min-width: 768px) {
  .mv.slide2 .mv-front .mv-read {
    top: 12.1428571429vw;
    left: 81.4285714286vw;
  }
}
.mv.slide2 .mv-front .mv-read p {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-read p {
    font-size: 2.75vw;
  }
}
@media (max-width: 767px) {
  .mv.slide2 .mv-front .mv-read p:first-child {
    margin-bottom: 3.75vw;
  }
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-main {
    left: 6.25vw;
    top: 56.875vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-main {
    left: 1.7857142857vw;
    top: 15vw;
  }
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-main h1 {
    font-size: 12.625vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-main h1 {
    font-size: 7.2142857143vw;
  }
}
.mv.slide3 .mv-front .mv-catch-main h1 span:first-of-type {
  color: #fff;
}
.mv.slide3 .mv-front .mv-catch-main h1 span:last-of-type {
  color: #fff;
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-main h1 span:last-of-type {
    top: 11.25vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-main h1 span:last-of-type {
    top: 5.7142857143vw;
  }
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub {
    top: 12.5vw;
    left: 41.25vw;
    color: #fff;
    font-size: 6.125vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub {
    top: 2.5vw;
    left: 45.7142857143vw;
    color: #fff;
    font-size: 3.5vw;
  }
}
.mv.slide3 .mv-front .mv-catch-sub span:nth-child(1) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 10.625vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(1) {
    left: 6.0714285714vw;
  }
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 10.625vw;
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 6.0714285714vw;
    top: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 10.625vw;
    top: 15vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 6.0714285714vw;
    top: 8.5714285714vw;
  }
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 10.625vw;
    top: 22.5vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 6.0714285714vw;
    top: 12.8571428571vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
.mv.slide3 .mv-front .mv-catch-sub span:nth-child(5) {
  left: 0;
  top: 0;
}
.mv.slide3 .mv-front .mv-catch-sub span:nth-child(6) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(6) {
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(6) {
    top: 4.2857142857vw;
  }
}
.mv.slide3 .mv-front .mv-catch-sub span:nth-child(7) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(7) {
    top: 15vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(7) {
    top: 8.5714285714vw;
  }
}
.mv.slide3 .mv-front .mv-catch-sub span:nth-child(8) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(8) {
    top: 22.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(8) {
    top: 12.8571428571vw;
  }
}
.mv.slide3 .mv-front .mv-catch-sub span:nth-child(9) {
  left: 0;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(9) {
    top: 30vw;
    transform: translate(3.75vw, -5vw);
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-catch-sub span:nth-child(9) {
    top: 17.1428571429vw;
    transform: translate(2.1428571429vw, -2.8571428571vw);
  }
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-read {
    top: 82.5vw;
    left: 6.25vw;
  }
}
@media (min-width: 768px) {
  .mv.slide3 .mv-front .mv-read {
    top: 28.5714285714vw;
    left: 2.8571428571vw;
  }
}
.mv.slide3 .mv-front .mv-read p {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-read p {
    font-size: 2.75vw;
  }
}
.mv.slide3 .mv-front .mv-read p .switching {
  display: none;
}
@media (max-width: 767px) {
  .mv.slide3 .mv-front .mv-read p .switching-1 {
    display: none;
  }
}
.mv.slide3 .mv-front .mv-read p:not(:last-of-type) {
  margin-bottom: 0vw;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-main {
    top: 45vw;
    left: 11.25vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-main {
    left: 27.1428571429vw;
    top: 18.5714285714vw;
  }
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-main h1 {
    font-size: 10.375vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-main h1 {
    font-size: 5.9285714286vw;
  }
}
.mv.slide4 .mv-front .mv-catch-main h1 span:first-of-type {
  color: #fff;
}
.mv.slide4 .mv-front .mv-catch-main h1 span:last-of-type {
  color: #fff;
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-main h1 span:last-of-type {
    left: 38.75vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-main h1 span:last-of-type {
    left: 21.4285714286vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub {
    top: 55vw;
    left: 28.75vw;
    font-size: 4.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub {
    top: 25vw;
    left: 37.1428571429vw;
    font-size: 2.5714285714vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(1) {
  left: 0;
  top: 0;
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(2) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 5.25vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(2) {
    left: 3vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(3) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 10.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(3) {
    left: 6vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(4) {
  top: 0;
  transform: translate(0, 0);
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 15.75vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(4) {
    left: 9vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(5) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(5) {
    left: 20vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(5) {
    left: 11.4285714286vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(6) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(6) {
    left: 25.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(6) {
    left: 14.5714285714vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(7) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(7) {
    left: 31vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(7) {
    left: 17.7142857143vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(8) {
  top: 0;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(8) {
    left: 36.25vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(8) {
    left: 20.7142857143vw;
  }
}
.mv.slide4 .mv-front .mv-catch-sub span:nth-child(9) {
  top: 0;
  transform: translate(0, 0);
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(9) {
    left: 41.5vw;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-catch-sub span:nth-child(9) {
    left: 23.7142857143vw;
  }
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-read {
    top: 80vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-read {
    top: 28.5714285714vw;
    left: 2.8571428571vw;
  }
}
.mv.slide4 .mv-front .mv-read p {
  color: #fff;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-read p {
    font-size: 3vw;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-read p br.switching-1 {
    display: none;
  }
}
.mv.slide4 .mv-front .mv-read p br.switching {
  display: none;
}
@media (max-width: 767px) {
  .mv.slide4 .mv-front .mv-read p:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .mv.slide4 .mv-front .mv-read p:not(:last-of-type) {
    margin-bottom: 0vw;
  }
}
.mv .btn-entry {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media (max-width: 767px) {
  .mv .btn-entry {
    bottom: -20vw;
  }
}
@media (min-width: 768px) {
  .mv .btn-entry {
    bottom: -10vw;
  }
}
.mv .btn-entry a {
  display: block;
  will-change: filter;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .mv .btn-entry a {
    filter: drop-shadow(-1.875vw 1.875vw 1.875vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  .mv .btn-entry a {
    filter: drop-shadow(-1.0714285714vw 1.0714285714vw 1.0714285714vw rgba(0, 0, 0, 0.6));
  }
}
.mv .btn-entry a p {
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .mv .btn-entry a p {
    font-size: 4.125vw;
    padding-right: 1.25vw;
  }
}
@media (min-width: 768px) {
  .mv .btn-entry a p {
    font-size: 1.4285714286vw;
    padding-right: 0.7142857143vw;
  }
}
@media (max-width: 767px) {
  .mv .btn-entry a p span {
    display: none;
  }
}
.mv .btn-entry a figure {
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .mv .btn-entry a figure {
    width: 24.25vw;
  }
}
@media (min-width: 768px) {
  .mv .btn-entry a figure {
    width: 13.8571428571vw;
  }
}
@media (min-width: 768px) {
  .mv .btn-entry a:hover {
    transform: translate(max(-0.0714285714vw, -1px), min(0.0714285714vw, 1px));
    filter: drop-shadow(0vw 0vw 0.3571428571vw rgb(0, 0, 0));
  }
}
.mv.fadein .mv-front .mv-catch-main h1 {
  opacity: 1;
}
.mv.fadein .mv-front .mv-catch-sub p {
  opacity: 1;
}
.mv.fadein .mv-front .mv-read p {
  opacity: 1;
}

.qa {
  background-size: cover;
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .qa {
    height: 162.5vw;
    background-image: url(../../img/recruit/qa/bk_sp.jpg);
  }
}
@media (min-width: 768px) {
  .qa {
    height: 75.7142857143vw;
    background-image: url(../../img/recruit/qa/bk_pc.jpg);
  }
}
@media (max-width: 767px) {
  .qa .low-bread {
    margin-bottom: 51.25vw;
  }
}
@media (min-width: 768px) {
  .qa .low-bread {
    margin-bottom: 10vw;
  }
}
.qa .low-bread .low-bread-list-element a {
  color: #000;
}
.qa .low-bread .low-bread-list-element p {
  color: #000;
}
.qa .qa-search {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
}
@media (max-width: 767px) {
  .qa .qa-search {
    width: 35.625vw;
    left: 25vw;
    top: 24vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-search {
    top: 12.0714285714vw;
    left: 25.7142857143vw;
    width: 31.0714285714vw;
  }
}
.qa .qa-search .qa-search-light {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  height: auto;
}
@media (max-width: 767px) {
  .qa .qa-search .qa-search-light {
    width: calc(100% - 22.125vw);
  }
}
@media (min-width: 768px) {
  .qa .qa-search .qa-search-light {
    width: calc(100% - 12.6428571429vw);
  }
}
.qa .qa-search .qa-search-light__element {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .qa .qa-search .qa-search-light__element {
    width: 128%;
    height: 83%;
  }
}
@media (min-width: 768px) {
  .qa .qa-search .qa-search-light__element {
    width: 113%;
    height: 83%;
  }
}
.qa .qa-search .qa-search-light__element span {
  display: block;
  clip-path: polygon(0% 50%, 0 50%, 0% 50%);
  background-image: linear-gradient(90deg, rgb(220, 220, 220), rgba(220, 220, 220, 0.7) 40%, rgba(220, 220, 220, 0.5) 80%, rgba(220, 220, 220, 0.3));
  width: 100%;
  height: 100%;
  animation-name: light;
  animation-duration: 10s;
  animation-delay: 0;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  position: absolute;
  left: 0%;
  top: 0%;
}
.qa .qa-search .qa-search-q {
  position: relative;
  z-index: 2;
}
.qa .qa-search .qa-search-q figure {
  animation-name: light_target;
  animation-duration: 10s;
  animation-delay: 0;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  opacity: 0.1;
}
@media (max-width: 767px) {
  .qa .qa-search .qa-search-q figure {
    width: 22.125vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-search .qa-search-q figure {
    width: 12.6428571429vw;
  }
}
.qa .qa-title {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .qa .qa-title {
    margin-bottom: 2.5vw;
    margin-left: 38.75vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-title {
    margin-bottom: 2.1428571429vw;
    margin-left: 57.8571428571vw;
  }
}
.qa .qa-title h2 {
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .qa .qa-title h2 {
    font-size: 6.25vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-title h2 {
    font-size: 4.1428571429vw;
  }
}
.qa .qa-anser {
  width: 100%;
}
@media (max-width: 767px) {
  .qa .qa-anser {
    padding-left: 7.5vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser {
    padding-left: 27.1428571429vw;
  }
}
.qa .qa-anser .qa-anser-titleline {
  border-bottom-style: solid;
  border-bottom-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-titleline {
    width: 100%;
    padding-bottom: 0.25vw;
    border-bottom-width: 0.125vw;
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-titleline {
    width: 62.8571428571vw;
    padding-bottom: 0.0714285714vw;
    border-bottom-width: 0.0714285714vw;
    margin-bottom: 3.5714285714vw;
  }
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-titleline__index {
    width: 12.5vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-titleline__index {
    width: 6.4285714286vw;
  }
}
.qa .qa-anser .qa-anser-titleline__index p {
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-titleline__index p {
    font-size: 14vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-titleline__index p {
    font-size: 8vw;
  }
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-titleline__title {
    width: calc(100% - 12.5vw);
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-titleline__title {
    width: calc(100% - 6.4285714286vw);
  }
}
.qa .qa-anser .qa-anser-titleline__title h3 {
  line-height: 1.4;
  color: #fff;
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-titleline__title h3 {
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-titleline__title h3 {
    font-size: 2.0714285714vw;
  }
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-details {
    padding-left: 12.5vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-details {
    padding-left: 6.4285714286vw;
  }
}
.qa .qa-anser .qa-anser-details .qa-anser-details-read p {
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-read p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-read p {
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-read--top {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-read--top {
    margin-bottom: 1.4285714286vw;
  }
}
.qa .qa-anser .qa-anser-details .qa-anser-details-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-list {
    margin-bottom: 3.75vw;
    width: 58.75vw;
    row-gap: 1.875vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-list {
    margin-bottom: 2.1428571429vw;
    width: 33.5714285714vw;
    row-gap: 1.0714285714vw;
  }
}
.qa .qa-anser .qa-anser-details .qa-anser-details-list .qa-anser-details-list-element {
  background-color: #fff;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-list .qa-anser-details-list-element {
    width: 28vw;
    height: 12.75vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-list .qa-anser-details-list-element {
    width: 16vw;
    height: 7.2857142857vw;
  }
}
.qa .qa-anser .qa-anser-details .qa-anser-details-list .qa-anser-details-list-element p {
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-list .qa-anser-details-list-element p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .qa .qa-anser .qa-anser-details .qa-anser-details-list .qa-anser-details-list-element p {
    font-size: 1.8571428571vw;
  }
}

.startingpoint {
  background-image: linear-gradient(180deg, rgb(255, 255, 255), rgb(245, 248, 251) 50%, rgb(155, 184, 216) 50%);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .startingpoint {
    padding-top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .startingpoint {
    padding-top: 5.7142857143vw;
  }
}
.startingpoint .startingpoint-titleline {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-titleline {
    padding: 0 6.25vw;
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-titleline {
    padding-left: 7.1428571429vw;
    margin-bottom: 13.5714285714vw;
  }
}
.startingpoint .startingpoint-titleline h2 {
  font-weight: bold;
  line-height: 1.2;
  background-color: #fff;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-titleline h2 {
    font-size: 6.25vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-titleline h2 {
    font-size: 4.1428571429vw;
  }
}
.startingpoint .startingpoint-readline {
  background-color: #fff;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-readline {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    padding: 0 6.25vw;
    margin-bottom: 20vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-readline {
    z-index: 10;
    position: absolute;
    top: 22.8571428571vw;
    left: 7.1428571429vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-readline__read {
    width: 50%;
  }
}
.startingpoint .startingpoint-readline__read p {
  font-weight: bold;
  line-height: 1.6;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-readline__read p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-readline__read p {
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-readline__read p:not(:last-of-type) {
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-readline__read p:not(:last-of-type) {
    margin-bottom: 2.1428571429vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-readline__read--left {
    margin-bottom: 2.1428571429vw;
  }
}
.startingpoint .startingpoint-imageline {
  position: relative;
  width: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline {
    padding-bottom: 66.25vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline {
    padding-bottom: 45vw;
  }
}
.startingpoint .startingpoint-imageline .startingpoint-imageline-ring {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-ring {
    width: 166.25vw;
    height: 166.25vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-ring {
    display: grid;
    place-items: center;
    width: 113.7142857143vw;
    height: 113.7142857143vw;
  }
}
.startingpoint .startingpoint-imageline .startingpoint-imageline-ring .ring-middle {
  display: block;
  border-style: solid;
  border-color: #000;
  display: grid;
  place-items: center;
  border-radius: 50%;
  opacity: 0;
  animation-name: ripples;
  animation-duration: 10s;
  animation-delay: 0;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-ring .ring-middle {
    position: absolute;
    width: 83.375vw;
    height: 83.375vw;
    border-width: 0.25vw;
    bottom: 41vw;
    left: 27vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-ring .ring-middle {
    transform: rotate(-45deg);
    position: relative;
    border-width: 0.0714285714vw;
    width: 57.1428571429vw;
    height: 57.1428571429vw;
  }
}
.startingpoint .startingpoint-imageline .startingpoint-imageline-ring .ring-middle .ring-small {
  display: block;
  border-style: solid;
  border-color: #000;
  display: grid;
  place-items: center;
  border-radius: 50%;
  z-index: 2;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-ring .ring-middle .ring-small {
    border-width: 0.25vw;
    width: 52.625vw;
    height: 52.625vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-ring .ring-middle .ring-small {
    border-width: 0.0714285714vw;
    width: 36vw;
    height: 36vw;
  }
}
.startingpoint .startingpoint-imageline .startingpoint-imageline-title {
  border-radius: 50%;
  background-color: #ad1827;
  display: grid;
  place-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-title {
    margin-left: 19.375vw;
    width: 32.75vw;
    height: 32.75vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-title {
    margin: 0 auto;
    width: 22.4285714286vw;
    height: 22.4285714286vw;
  }
}
.startingpoint .startingpoint-imageline .startingpoint-imageline-title h3 {
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-title h3 {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-title h3 {
    font-size: 2.3571428571vw;
  }
}
.startingpoint .startingpoint-imageline .startingpoint-imageline-list {
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list {
    margin-left: 19.375vw;
    width: 32.75vw;
    height: 32.75vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list {
    left: 50%;
    transform: translateX(-50%);
    width: 22.4285714286vw;
    height: 22.4285714286vw;
  }
}
.startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element {
  position: absolute;
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element__img {
    margin-bottom: 0.625vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element__img figure {
    width: 28.125vw;
    height: 28.125vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element__img figure {
    width: 19.2857142857vw;
    margin-bottom: 0.7142857143vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element__figcaption figure {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--01 {
    top: -9.375vw;
    left: 46.25vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--01 {
    left: 32.5vw;
    top: -6.4285714286vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--01 .startingpoint-imageline-list-element__figcaption {
    padding-left: 12.8571428571vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--01 .startingpoint-imageline-list-element__figcaption figure {
    width: 23vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--01 .startingpoint-imageline-list-element__figcaption figure {
    width: 13.1428571429vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--02 {
    left: 45vw;
    top: 25vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--02 {
    left: 27.1428571429vw;
    top: 16.4285714286vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--02 .startingpoint-imageline-list-element__figcaption {
    padding-left: 12.8571428571vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--02 .startingpoint-imageline-list-element__figcaption figure {
    width: 17.5vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--02 .startingpoint-imageline-list-element__figcaption figure {
    width: 17.7142857143vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--03 {
    left: 18.75vw;
    top: 46.25vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--03 {
    left: 11.4285714286vw;
    top: 31.4285714286vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--03 .startingpoint-imageline-list-element__figcaption {
    padding-left: 12.8571428571vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--03 .startingpoint-imageline-list-element__figcaption figure {
    width: 17.625vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--03 .startingpoint-imageline-list-element__figcaption figure {
    width: 10.0714285714vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--04 {
    left: -14.375vw;
    top: 46.25vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--04 {
    left: -10.7142857143vw;
    top: 31.4285714286vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--04 .startingpoint-imageline-list-element__figcaption {
    padding-left: 12.8571428571vw;
  }
}
@media (max-width: 767px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--04 .startingpoint-imageline-list-element__figcaption figure {
    width: 24.5vw;
  }
}
@media (min-width: 768px) {
  .startingpoint .startingpoint-imageline .startingpoint-imageline-list .startingpoint-imageline-list-element--04 .startingpoint-imageline-list-element__figcaption figure {
    width: 14vw;
  }
}

.promise {
  background-color: #9bb8d8;
  position: relative;
}
@media (max-width: 767px) {
  .promise {
    padding: 11.25vw 0 56.875vw;
  }
}
@media (min-width: 768px) {
  .promise {
    padding: 6.4285714286vw 0 19.2857142857vw;
  }
}
.promise .promise-bk {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.promise .promise-bk figure {
  width: 100%;
}
@media (max-width: 767px) {
  .promise .promise-bk figure {
    height: 78vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-bk figure {
    height: 44.2857142857vw;
  }
}
.promise .promise-bk figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.promise .promise-titleline {
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 767px) {
  .promise .promise-titleline {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-titleline {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 6.7857142857vw;
  }
}
@media (max-width: 767px) {
  .promise .promise-titleline h2 {
    font-weight: bold;
    white-space: nowrap;
    font-size: 6.25vw;
    text-align: center;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .promise .promise-titleline h2 {
    width: 9.3571428571vw;
  }
}
.promise .promise-titleline h2 img {
  width: 100%;
}
.promise .promise-list {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .promise .promise-list {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 2.1428571429vw;
    width: 89.2857142857vw;
  }
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element {
    padding: 0 2.5vw;
  }
}
.promise .promise-list .promise-list-element .promise-list-element-core {
  background-color: #fff;
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element .promise-list-element-core {
    height: 62.5vw;
    border-radius: 1.25vw;
    padding: 5vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-list .promise-list-element .promise-list-element-core {
    border-radius: 0.7142857143vw;
    width: 37.0714285714vw;
    height: 24.0714285714vw;
    padding: 2.1428571429vw 2.8571428571vw;
  }
}
.promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline {
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline {
    margin-bottom: 0.7142857143vw;
  }
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__index {
    width: 13.75vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__index {
    width: 7.8571428571vw;
  }
}
.promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__index p {
  font-weight: bold;
  line-height: 1;
  font-family: "futura-pt", sans-serif;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__index p {
    font-size: 10.25vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__index p {
    font-size: 5.8571428571vw;
  }
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__title {
    width: calc(100% - 13.75vw);
  }
}
@media (min-width: 768px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__title {
    width: calc(100% - 7.8571428571vw);
  }
}
.promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__title h3 {
  font-weight: bol;
  white-space: nowrap;
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__title h3 {
    line-height: 1.4;
    font-size: 3.75vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-titleline__title h3 {
    line-height: 1.2;
    font-size: 2.1428571429vw;
  }
}
.promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-readline p {
  line-height: 1.6;
  font-weight: bold;
}
@media (max-width: 767px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-readline p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .promise .promise-list .promise-list-element .promise-list-element-core .promise-list-element-readline p {
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .promise .promise-list .slide-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .promise .promise-list .slide-arrow figure {
    width: 7.5vw;
  }
}
@media (max-width: 767px) {
  .promise .promise-list .slide-arrow--prev {
    left: 8.75vw;
  }
}
@media (max-width: 767px) {
  .promise .promise-list .slide-arrow--next {
    right: 8.75vw;
  }
}

.facing {
  background-color: #c6caca;
}
@media (max-width: 767px) {
  .facing {
    padding-top: 6.25vw;
  }
}
@media (min-width: 768px) {
  .facing {
    padding-top: 5.7142857143vw;
  }
}
.facing .facing-titleline {
  overflow: hidden;
}
@media (max-width: 767px) {
  .facing .facing-titleline {
    padding-left: 7.5vw;
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-titleline {
    padding-left: 7.1428571429vw;
    margin-bottom: 4.2857142857vw;
  }
}
.facing .facing-titleline h2 {
  font-weight: bold;
}
@media (max-width: 767px) {
  .facing .facing-titleline h2 {
    line-height: 1.4;
    font-size: 6.25vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-titleline h2 {
    line-height: 1.2;
    font-size: 4.1428571429vw;
  }
}
.facing .facing-employee .facing-employee-element {
  position: relative;
}
.facing .facing-employee .facing-employee-element .facing-employee-title h3 {
  font-weight: bold;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element .facing-employee-title h3 {
    line-height: 1;
  }
}
.facing .facing-employee .facing-employee-element .facing-employee-read p {
  font-weight: bold;
  line-height: 1.6;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element .facing-employee-read p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element .facing-employee-read p {
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element .facing-employee-read p:not(:last-of-type) {
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element .facing-employee-read p:not(:last-of-type) {
    margin-bottom: 2.1428571429vw;
  }
}
.facing .facing-employee .facing-employee-element .facing-employee-img {
  position: absolute;
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--01 {
    padding-left: 7.5vw;
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--01 {
    padding-left: 30.7142857143vw;
    margin-bottom: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-title {
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-title {
    margin-bottom: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-title h3 {
    line-height: 1.4;
    font-size: 5vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-title h3 {
    font-size: 2.1428571429vw;
  }
}
.facing .facing-employee .facing-employee-element--01 .facing-employee-img {
  right: 0;
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-img {
    bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-img {
    bottom: -7.1428571429vw;
  }
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-img figure {
    width: 44.75vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--01 .facing-employee-img figure {
    width: 29.2857142857vw;
  }
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--02 {
    padding-left: 16.25vw;
    padding-bottom: 32.5vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--02 {
    padding-left: 30.7142857143vw;
    padding-bottom: 8.5714285714vw;
  }
}
.facing .facing-employee .facing-employee-element--02 .facing-employee-title {
  background-color: #2f333f;
  display: grid;
  place-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-title {
    margin-bottom: 20vw;
    border-radius: 1.25vw;
    width: 75vw;
    height: 18.75vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-title {
    margin-bottom: 2.8571428571vw;
    border-radius: 0.7142857143vw;
    width: 62.8571428571vw;
    height: 7.2142857143vw;
  }
}
.facing .facing-employee .facing-employee-element--02 .facing-employee-title h3 {
  color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-title h3 {
    line-height: 1.4;
    font-size: 4.875vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-title h3 {
    font-size: 2.7857142857vw;
  }
}
.facing .facing-employee .facing-employee-element--02 .facing-employee-title::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #2f333f;
  z-index: 0;
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-title::after {
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 7.5vw;
    height: 25vw;
    top: 60%;
    left: 28.5714285714vw;
    transform: rotate(45deg);
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-title::after {
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    width: 14.2857142857vw;
    height: 3.5714285714vw;
    top: 2.8571428571vw;
    right: 95%;
    transform: rotate(30deg);
    transform-origin: 100% center;
  }
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-read {
    padding-left: 22.5vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-read {
    padding-left: 23.5714285714vw;
  }
}
.facing .facing-employee .facing-employee-element--02 .facing-employee-img {
  left: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-img figure {
    width: 61.125vw;
  }
}
@media (min-width: 768px) {
  .facing .facing-employee .facing-employee-element--02 .facing-employee-img figure {
    width: 43.9285714286vw;
  }
}

.episode {
  background-color: #fff;
}
@media (max-width: 767px) {
  .episode {
    padding-top: 12.5vw;
  }
}
@media (min-width: 768px) {
  .episode {
    padding-top: 7.1428571429vw;
  }
}
.episode .episode-title {
  overflow: hidden;
}
@media (max-width: 767px) {
  .episode .episode-title {
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-title {
    margin-bottom: 5.7142857143vw;
  }
}
.episode .episode-title h2 {
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .episode .episode-title h2 {
    font-size: 6.25vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-title h2 {
    font-size: 4.1428571429vw;
  }
}
@media (max-width: 767px) {
  .episode .episode-slide {
    padding-bottom: 15vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide {
    padding-bottom: 5.7142857143vw;
  }
}
.episode .episode-slide .episode-slide-wrap {
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap {
    width: 100%;
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap {
    width: 91.4285714286vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook {
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook {
    width: 143.75vw;
    margin-left: -47.5vw;
    height: 98.75vw;
    filter: drop-shadow(-0.625vw 0.625vw 2.5vw rgba(0, 0, 0, 0.2));
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook {
    height: 62.8571428571vw;
    filter: drop-shadow(-0.3571428571vw 0.3571428571vw 1.4285714286vw rgba(0, 0, 0, 0.2));
    margin-bottom: 3.5714285714vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: 0.3s;
  transform: scale(1, 1);
  z-index: 1;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  background-color: #fff;
  display: grid;
  place-items: center;
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title {
  position: absolute;
  z-index: 5;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title {
    top: 5vw;
    right: 5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title {
    top: 2.8571428571vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline {
  position: relative;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline {
    padding-bottom: 0.625vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline {
    padding-bottom: 0.3571428571vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline p {
  line-height: 1;
  font-weight: bold;
  font-family: "futura-pt-condensed", sans-serif;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline p {
    font-size: 4.5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline p {
    font-size: 4.2142857143vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline::after {
    height: 0.25vw;
    width: 12.5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__headline::after {
    height: 0.0714285714vw;
    width: 11.7857142857vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline {
  position: relative;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline {
    padding: 1.25vw 0;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline {
    padding: 0.3571428571vw 0;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline p {
  line-height: 1;
  font-weight: bold;
  text-align: center;
  font-family: "futura-pt-condensed", sans-serif;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline p {
    font-size: 7.625vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline p {
    font-size: 7.1428571429vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline::after {
    height: 0.25vw;
    width: 12.5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__indexline::after {
    height: 0.0714285714vw;
    width: 11.7857142857vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__txtline {
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__txtline {
    padding-top: 1.25vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__txtline {
    padding-top: 1.4285714286vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__txtline p {
  font-weight: bold;
  line-height: 1.4;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__txtline p {
    font-size: 2.75vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .page-title__txtline p {
    font-size: 1.7857142857vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-fullimg {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  mix-blend-mode: multiply;
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-fullimg img {
  height: 100%;
  object-fit: cover;
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 5;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__headline {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__headline {
    margin-bottom: 3.5714285714vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__headline p {
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__headline p {
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__headline p {
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__titleline {
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__titleline {
    margin-bottom: 2.8571428571vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__titleline h3 {
  line-height: 1.4;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__titleline h3 {
    font-size: 4.25vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__titleline h3 {
    font-size: 2.7142857143vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__readline p {
  line-height: 1.6;
  font-weight: bold;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__readline p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-read__readline p {
    font-size: 1.4285714286vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-logo {
  position: relative;
  z-index: 5;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-logo {
    width: 14.75vw;
    padding-top: 5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-core .slidebook-page-logo {
    width: 8.4285714286vw;
    padding-top: 8.5714285714vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline {
  position: absolute;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline {
    bottom: 2.5vw;
    column-gap: 1.25vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline {
    bottom: 1.4285714286vw;
    column-gap: 0.7142857143vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline__logo {
  line-height: 1;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline__logo {
    width: 10vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline__logo {
    width: 6.4285714286vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline__number {
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline__number {
    font-size: 2.75vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page .slidebook-page-numberline__number {
    font-size: 1.5714285714vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(even) {
  right: 0;
  transform-origin: top left;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(even) .slidebook-page-core {
    padding: 0 7.5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(even) .slidebook-page-core {
    padding: 0 5.7142857143vw;
  }
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(even) .slidebook-page-numberline {
    right: 2.5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(even) .slidebook-page-numberline {
    right: 1.4285714286vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(odd) {
  left: 0;
  transform-origin: top right;
  transform: scale(0, 1);
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(odd) .slidebook-page-numberline {
    left: 2.5vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:nth-of-type(odd) .slidebook-page-numberline {
    left: 1.4285714286vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page--01 .slidebook-page-core .page-title {
    left: 2.1428571429vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page--01 .slidebook-page-numberline__number {
  color: #fff;
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page--03 .slidebook-page-core .page-title {
    left: 50%;
    transform: translateX(-50%);
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page--03 .slidebook-page-numberline__number {
  color: #fff;
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page--05 .slidebook-page-numberline__number {
  color: #fff;
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page:first-of-type {
  transform: scale(1, 1);
}
.episode .episode-slide .episode-slide-wrap .slidebook .slidebook-page::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, rgba(173, 173, 173, 0.4588235294) 5%, rgba(219, 219, 219, 0.7294117647) 15%, rgba(238, 238, 238, 0.8705882353) 25%, rgba(255, 255, 255, 0.9411764706) 62%, #ffffff);
}
.episode .episode-slide .episode-slide-wrap .slidebook::after {
  content: "";
  display: block;
  position: absolute;
  background-image: linear-gradient(180deg, rgba(197, 197, 197, 0.5019607843), rgba(255, 255, 255, 0.267));
  width: 50%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook::after {
    top: 0.375vw;
    left: -0.375vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook::after {
    top: 0.2142857143vw;
    left: -0.2142857143vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook::before {
  content: "";
  display: block;
  position: absolute;
  background-image: linear-gradient(180deg, rgba(197, 197, 197, 0.5019607843), rgba(255, 255, 255, 0.267));
  width: 50%;
  height: 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook::before {
    top: 0.375vw;
    right: -0.375vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook::before {
    top: 0.2142857143vw;
    right: -0.2142857143vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook-arrow {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 2;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook-arrow {
    width: 97.5vw;
    top: 49.375vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook-arrow {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 2.8571428571vw);
    top: 31.4285714286vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook-arrow__item {
  transition: 0.3s;
}
@media (max-width: 767px) {
  .episode .episode-slide .episode-slide-wrap .slidebook-arrow__item {
    width: 5.75vw;
    height: 5.75vw;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook-arrow__item {
    width: 2.9285714286vw;
    height: 2.9285714286vw;
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook-arrow__item svg {
  fill: #8a3638;
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook-arrow__item:hover {
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook-arrow__item:hover.slidebook-arrow-item--next {
    transform: translateX(0.3571428571vw);
  }
}
@media (min-width: 768px) {
  .episode .episode-slide .episode-slide-wrap .slidebook-arrow__item:hover.slidebook-arrow-item--prev {
    transform: translateX(-0.3571428571vw);
  }
}
.episode .episode-slide .episode-slide-wrap .slidebook-arrow__item.hide {
  opacity: 0;
  pointer-events: none;
}

.works-structure-bk {
  background-color: #ecf6fb;
  background: linear-gradient(0deg, rgba(236, 246, 251, 0) 0%, rgba(236, 246, 251, 0) 20%, #ecf6fb 20%, #ecf6fb 100%);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .works-structure-bk .works {
    padding: 7.5vw 0 15vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works {
    padding: 7.1428571429vw 0 10vw;
  }
}
.works-structure-bk .works .works-details {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details {
    height: 143.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details {
    height: 61.4285714286vw;
  }
}
.works-structure-bk .works .works-details .works-details-imageline {
  overflow: hidden;
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-imageline {
    position: relative;
    width: calc((100% - 4.2857142857vw) / 2);
  }
}
.works-structure-bk .works .works-details .works-details-imageline__img {
  position: absolute;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-imageline__img--01 {
    width: 39vw;
    height: 39vw;
    top: 83.75vw;
    left: 30vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-imageline__img--01 {
    width: 28.6428571429vw;
    height: 28.6428571429vw;
    top: 0;
    left: 14.2857142857vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-imageline__img--02 {
    width: 22.5vw;
    height: 22.5vw;
    top: 80.625vw;
    left: 62.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-imageline__img--02 {
    width: 16.5714285714vw;
    height: 16.5714285714vw;
    top: 25vw;
    left: 3.9285714286vw;
  }
}
.works-structure-bk .works .works-details .works-details-titleline {
  overflow: hidden;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-titleline {
    width: 25vw;
    display: grid;
    place-items: start center;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-titleline {
    width: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-titleline h2 {
    width: 5.875vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-titleline h2 {
    width: 3.9285714286vw;
  }
}
.works-structure-bk .works .works-details .works-details-titleline h2 img {
  width: 100%;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-readline {
    width: calc(100% - 25vw);
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-readline {
    width: calc((100% - 4.2857142857vw) / 2);
    padding: 2.8571428571vw 0 0 5vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-readline__headline {
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-readline__headline {
    margin-bottom: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-readline__headline h3 {
    font-size: 4.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-readline__headline h3 {
    font-size: 2.8571428571vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-readline__read {
    padding-right: 7.5vw;
  }
}
.works-structure-bk .works .works-details .works-details-readline__read p {
  font-weight: bold;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-readline__read p {
    line-height: 1.6;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-readline__read p {
    line-height: 1.6;
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-details .works-details-readline__read p:not(:last-of-type) {
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-details .works-details-readline__read p:not(:last-of-type) {
    margin-bottom: 2.8571428571vw;
  }
}
.works-structure-bk .works .works-listline .works-list {
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list {
    width: 92.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list {
    width: 80vw;
  }
}
.works-structure-bk .works .works-listline .works-list .works-list-core {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core {
    row-gap: 5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core {
    row-gap: 3.5714285714vw;
  }
}
.works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element {
  position: relative;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element {
    width: 43.875vw;
    height: 43.875vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element {
    width: 38vw;
    height: 38vw;
  }
}
.works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__img img {
  height: 100%;
  object-fit: cover;
}
.works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__title {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  border-color: #000;
  border-style: solid;
  display: grid;
  place-items: center;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__title {
    width: 31.75vw;
    height: 31.75vw;
    border-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__title {
    width: 27.5vw;
    height: 27.5vw;
    border-width: 0.0714285714vw;
  }
}
.works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__title p {
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__title p {
    line-height: 1.4;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element__title p {
    line-height: 1.2;
    font-size: 2.7142857143vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(1) .works-list-element__img {
    border-top-left-radius: 12.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(1) .works-list-element__img {
    border-top-left-radius: 7.1428571429vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(1) .works-list-element__title {
    top: -23.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(1) .works-list-element__title {
    top: -20.7142857143vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(2) .works-list-element__img {
    border-top-right-radius: 12.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(2) .works-list-element__img {
    border-top-right-radius: 7.1428571429vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(2) .works-list-element__title {
    top: -23.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(2) .works-list-element__title {
    top: -20.7142857143vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(3) .works-list-element__img {
    border-bottom-left-radius: 12.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(3) .works-list-element__img {
    border-bottom-left-radius: 7.1428571429vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(3) .works-list-element__title {
    bottom: -23.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(3) .works-list-element__title {
    bottom: -20.7142857143vw;
  }
}
.works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(3) .works-list-element__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ecf6fb;
  width: 100%;
  height: 50%;
  z-index: 0;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(4) .works-list-element__img {
    border-bottom-right-radius: 12.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(4) .works-list-element__img {
    border-bottom-right-radius: 7.1428571429vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(4) .works-list-element__title {
    bottom: -23.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(4) .works-list-element__title {
    bottom: -20.7142857143vw;
  }
}
.works-structure-bk .works .works-listline .works-list .works-list-core .works-list-element:nth-child(4) .works-list-element__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ecf6fb;
  width: 100%;
  height: 50%;
  z-index: 0;
}
.works-structure-bk .works .works-listline .works-list .works-listlogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background-color: #fff;
  display: grid;
  place-items: center;
  will-change: filter;
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-listlogo {
    width: 32.875vw;
    height: 32.875vw;
    border-radius: 6.25vw;
    filter: drop-shadow(0 0.5vw 2vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-listlogo {
    width: 28.4285714286vw;
    height: 28.4285714286vw;
    border-radius: 3.5714285714vw;
    filter: drop-shadow(0 0.2857142857vw 1.1428571429vw rgba(0, 0, 0, 0.6));
  }
}
@media (max-width: 767px) {
  .works-structure-bk .works .works-listline .works-list .works-listlogo figure {
    width: 23vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .works .works-listline .works-list .works-listlogo figure {
    width: 19.9285714286vw;
  }
}
.works-structure-bk .structure {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .works-structure-bk .structure {
    padding: 18.75vw 0 16.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure {
    padding: 18.5714285714vw 0 10.7142857143vw;
  }
}
.works-structure-bk .structure .structure-bk {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-bk {
    width: 212.5vw;
    height: 212.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-bk {
    width: 113.7142857143vw;
    height: 113.7142857143vw;
  }
}
.works-structure-bk .structure .structure-bk figure {
  width: 100%;
}
.works-structure-bk .structure .structure-titleline {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-titleline {
    margin-bottom: 15vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-titleline {
    margin-bottom: 3.5714285714vw;
  }
}
.works-structure-bk .structure .structure-titleline h2 {
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-titleline h2 {
    line-height: 1.4;
    font-size: 6.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-titleline h2 {
    line-height: 1.2;
    font-size: 4.1428571429vw;
  }
}
.works-structure-bk .structure .structure-details {
  margin-left: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details {
    width: 46.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details {
    width: 32.8571428571vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-readline {
    width: 39.375vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-readline {
    width: 23.5714285714vw;
  }
}
.works-structure-bk .structure .structure-details .structure-details-readline p {
  font-weight: bold;
  color: #fff;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-readline p {
    line-height: 1.4;
    font-size: 3.25vw;
    text-shadow: 0 0 0.75vw rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-readline p {
    line-height: 1.6;
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-readline:not(:last-of-type) {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-readline:not(:last-of-type) {
    margin-bottom: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-list {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-list {
    margin-bottom: 2.1428571429vw;
  }
}
.works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element {
  background-color: #fff;
  display: grid;
  place-items: center start;
  position: relative;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element {
    width: 39.375vw;
    height: 5.25vw;
    padding: 0 1.875vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element {
    width: 23.5714285714vw;
    height: 3vw;
    padding: 0 1.4285714286vw;
  }
}
.works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element p {
  color: #172f53;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element p {
    font-size: 1.7857142857vw;
  }
}
.works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element::after {
  content: "";
  display: block;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  height: 40%;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element::after {
    width: 6.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element::after {
    width: 15.7142857143vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element:not(:last-of-type) {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-details .structure-details-list .structure-details-list-element:not(:last-of-type) {
    margin-bottom: 0.7142857143vw;
  }
}
.works-structure-bk .structure .structure-fukidashi {
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi {
    height: 66.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi {
    height: 32.8571428571vw;
  }
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element {
  position: absolute;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--txt p {
  text-align: center;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 1;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--txt p {
    font-size: 3.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--txt p {
    font-size: 2.1428571429vw;
  }
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--img {
  background-color: #fff;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--img {
    width: 26.75vw;
    height: 26.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--img {
    width: 19.0714285714vw;
    height: 19.0714285714vw;
  }
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--img figure {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--img figure {
    width: calc(100% - 1.25vw);
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--img figure {
    width: calc(100% - 1.7857142857vw);
  }
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--01 {
  background-color: #ad1827;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--01 {
    width: 42.25vw;
    height: 42.25vw;
    left: 5vw;
    top: -33.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--01 {
    width: 24.1428571429vw;
    height: 24.1428571429vw;
    left: 11.4285714286vw;
    top: 0;
  }
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--01::after {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #ad1827;
  transform-origin: center left;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--01::after {
    top: 80%;
    transform: translateY(-50%) rotate(45deg);
    left: 70%;
    height: 6.25vw;
    width: 15vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--01::after {
    top: 50%;
    transform: translateY(-50%) rotate(-5deg);
    left: 90%;
    height: 3.5714285714vw;
    width: 11.4285714286vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--02 {
    top: 32.5vw;
    left: 8.75vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--02 {
    top: -27.1428571429vw;
    left: 18.5714285714vw;
  }
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--02::after {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #fff;
  transform-origin: center left;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--02::after {
    transform: translateY(-50%) rotate(-20deg);
    left: 80%;
    top: 40%;
    height: 5vw;
    width: 15vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--02::after {
    top: 80%;
    transform: translateY(-50%) rotate(50deg);
    left: 80%;
    height: 2.8571428571vw;
    width: 20vw;
  }
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--03 {
    top: 7.5vw;
    left: 66.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--03 {
    top: 10.7142857143vw;
    left: 64.2857142857vw;
  }
}
.works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--03::after {
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  background-color: #fff;
  transform: translateY(-50%) rotate(20deg);
  transform-origin: center right;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--03::after {
    transform: translateY(-50%) rotate(-20deg);
    top: 60%;
    right: 80%;
    height: 5vw;
    width: 12.5vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-fukidashi .structure-fukidashi-element--03::after {
    transform: translateY(-50%) rotate(20deg);
    top: 50%;
    right: 80%;
    height: 2.8571428571vw;
    width: 14.2857142857vw;
  }
}
.works-structure-bk .structure .structure-bottomline {
  position: relative;
  z-index: 1;
}
.works-structure-bk .structure .structure-bottomline p {
  font-weight: bold;
  text-align: center;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .works-structure-bk .structure .structure-bottomline p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .works-structure-bk .structure .structure-bottomline p {
    font-size: 1.4285714286vw;
  }
}

.reassurance {
  background-size: cover;
  position: relative;
  z-index: 0;
}
@media (max-width: 767px) {
  .reassurance {
    background-image: url(../../img/recruit/reassurance/bk_sp.jpg);
    padding: 22.5vw 0 87.5vw;
    margin-top: -13.75vw;
  }
}
@media (min-width: 768px) {
  .reassurance {
    background-image: url(../../img/recruit/reassurance/bk_pc.jpg);
    padding: 35.7142857143vw 0 42.8571428571vw;
    margin-top: -31.4285714286vw;
  }
}
.reassurance .reassurance-contents {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents {
    width: 81.7857142857vw;
  }
}
.reassurance .reassurance-contents .reassurance-titleline {
  overflow: hidden;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-titleline {
    width: 25vw;
    display: grid;
    place-items: start center;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-titleline {
    width: 15vw;
  }
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-titleline h2 {
    width: 6vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-titleline h2 {
    width: 10vw;
  }
}
.reassurance .reassurance-contents .reassurance-titleline h2 picture {
  width: 100%;
}
.reassurance .reassurance-contents .reassurance-titleline h2 picture img {
  width: 100%;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details {
    width: calc(100% - 25vw);
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details {
    width: calc(100% - 15vw);
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-readline p {
  font-weight: bold;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-readline p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-readline p {
    line-height: 1.8;
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-readline p:not(:last-of-type) {
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-readline p:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-readline:not(:last-of-type) {
    margin-bottom: 3.75vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-readline:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list {
    margin-bottom: 3.75vw;
    width: 49.375vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3.5714285714vw;
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element {
  overflow: hidden;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element {
    width: 100%;
    border-radius: 2.5vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element {
    width: 21.4285714286vw;
    border-radius: 0.7142857143vw;
  }
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element:not(:last-of-type) {
    margin-bottom: 1.875vw;
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__head {
  background-color: #dee8ee;
  display: grid;
  place-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__head {
    height: 11.5vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__head {
    height: 9.8571428571vw;
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__head h3 {
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  white-space: nowrap;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__head h3 {
    font-size: 4.25vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__head h3 {
    font-size: 2.4285714286vw;
    line-height: 1.2;
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body {
  background-color: #fff;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body {
    height: 16.875vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body {
    height: 11.5714285714vw;
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body p {
  line-height: 1;
  color: #3d6675;
  font-weight: bold;
  font-family: "futura-pt", sans-serif;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body p {
    font-size: 12.125vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body p {
    font-size: 6.9285714286vw;
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body--sprit p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
}
@media (max-width: 767px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body--sprit p {
    column-gap: 1.25vw;
  }
}
@media (min-width: 768px) {
  .reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body--sprit p {
    column-gap: 0.3571428571vw;
  }
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body--sprit p span {
  display: block;
}
.reassurance .reassurance-contents .reassurance-details .reassurance-details-list .reassurance-details-list-element__body--sprit p span:last-of-type {
  font-size: 0.7em;
}

.rewarded .rewarded-maincontents {
  background-size: cover;
  position: relative;
  background-position: center 100%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents {
    padding: 25vw 0 7.5vw;
    background-image: url(../../img/recruit/rewarded/bk_sp.jpg);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents {
    padding: 13.5714285714vw 0 50vw;
    background-image: url(../../img/recruit/rewarded/bk_pc.jpg);
  }
}
.rewarded .rewarded-maincontents .rewarded-titleline {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-titleline {
    margin-bottom: 6.25vw;
    padding: 0 6.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-titleline {
    padding-left: 8.5714285714vw;
    margin-bottom: 2.8571428571vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-titleline h2 {
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-titleline h2 {
    font-size: 6.25vw;
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-titleline h2 {
    font-size: 4.1428571429vw;
    margin-bottom: 3.5714285714vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-titleline p {
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-titleline p {
    font-size: 3.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-titleline p {
    font-size: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-readline {
    padding: 0 6.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-readline {
    padding-left: 8.5714285714vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-readline p {
  font-weight: bold;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-readline p {
    line-height: 1.8;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-readline p {
    line-height: 1.6;
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-readline p:not(:last-of-type) {
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-readline p:not(:last-of-type) {
    margin-bottom: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-readline:not(:last-of-type) {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-readline:not(:last-of-type) {
    margin-bottom: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-readline:last-of-type p {
    color: #fff;
  }
}
.rewarded .rewarded-maincontents .rewarded-list {
  background-image: url(../../img/recruit/rewarded/bk_list.webp);
  background-size: 80%;
  background-position: center 90%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-list {
    width: 91.75vw;
    margin: 0 auto 67.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-list {
    position: absolute;
    top: 23.5714285714vw;
    left: 46.7857142857vw;
    width: 45.8571428571vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line {
  display: flex;
  flex-wrap: wrap;
}
.rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element {
  background-color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element {
    width: 38.75vw;
    height: 38.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element {
    width: 19.2142857143vw;
    height: 19.2142857143vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element .rewarded-list-element-core h3 {
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element .rewarded-list-element-core h3 {
    font-size: 8.25vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element .rewarded-list-element-core h3 {
    font-size: 4.1428571429vw;
    margin-bottom: 0.7142857143vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element .rewarded-list-element-core p {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element .rewarded-list-element-core p {
    font-size: 3.5vw;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line .rewarded-list-element .rewarded-list-element-core p {
    line-height: 1.4;
    font-size: 1.4285714286vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line--top {
  justify-content: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line--top {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line--top {
    margin-bottom: 3.5714285714vw;
  }
}
.rewarded .rewarded-maincontents .rewarded-list .rewarded-list-line--bottom {
  justify-content: space-between;
}
.rewarded .rewarded-materials {
  background-color: #fff;
}
.rewarded .rewarded-materials .rewarded-materials-list {
  position: relative;
  width: 100%;
  margin: 0;
}
.rewarded .rewarded-materials .rewarded-materials-list .slide-arrow {
  top: 50%;
  position: absolute;
  transition: 0.3s;
  z-index: 10;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow {
    width: 5.125vw;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow {
    width: 2.9285714286vw;
    transform: translateY(-50%);
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slide-arrow figure {
  transition: 0.3s;
  width: 100%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow--prev {
    left: 1.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow--prev {
    left: 3.5714285714vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow--prev:hover figure {
    transform: translateX(-0.3571428571vw);
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow--next {
    right: 1.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow--next {
    right: 3.5714285714vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow--next:hover figure {
    transform: translateX(0.3571428571vw);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slide-arrow:hover {
    cursor: pointer;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-dots {
    width: 80%;
    gap: 2.5vw;
    bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-dots {
    width: 57.1428571429vw;
    gap: 0.7142857143vw;
    bottom: 4.2857142857vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-dots li {
  margin: 0;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-dots li {
    width: 2.5vw;
    height: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-dots li {
    width: 1.4285714286vw;
    height: 1.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-dots li button {
  width: 100%;
  height: 100%;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-dots li button:before {
  background-color: #fff;
  border-radius: 50%;
  font-size: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-dots li.slick-active button:before {
  background-color: #000;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list {
  width: 100%;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-size: cover;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element {
    height: 225vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element {
    height: 100vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title {
  display: grid;
  place-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title {
    height: 35vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title {
    height: 21.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title h3 {
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title h3 {
    font-size: 6.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title h3 {
    font-size: 4.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title::after {
    width: 250vw;
    height: 250vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__title::after {
    width: 142.8571428571vw;
    height: 142.8571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__index {
  position: absolute;
  z-index: 2;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__index p {
  line-height: 1;
  font-weight: bold;
  font-family: "futura-pt", sans-serif;
  color: #fff;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__index p {
    font-size: 16.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element__index p {
    font-size: 11.4285714286vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 {
    background-image: url(../../img/recruit/rewarded/materials01_bk_sp.jpg);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 {
    background-image: url(../../img/recruit/rewarded/materials01_bk_pc.jpg);
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element__title {
    margin-bottom: 16.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element__title {
    margin-bottom: 9.2857142857vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element__index {
    top: 32.5vw;
    left: 5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element__index {
    top: 15.7142857143vw;
    left: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element__index p {
  color: #edd9da;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table {
    width: 75vw;
    margin-bottom: 5vw;
    padding: 0 0.625vw;
    background-image: repeating-linear-gradient(180deg, #000000, #000000 1.25vw, transparent 1.25vw, transparent 2vw), repeating-linear-gradient(180deg, #000000, #000000 1.25vw, transparent 1.25vw, transparent 2vw);
    background-position: right top, left top;
    background-repeat: repeat-y, repeat-y;
    background-size: 0.25vw 100%, 0.25vw 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table {
    margin-bottom: 5.7142857143vw;
    padding: 0.3571428571vw 0;
    width: 75vw;
    background-image: repeating-linear-gradient(90deg, #3a3a3a, #3a3a3a 0.7142857143vw, transparent 0.7142857143vw, transparent 1.1428571429vw), repeating-linear-gradient(90deg, #3a3a3a, #3a3a3a 0.7142857143vw, transparent 0.7142857143vw, transparent 1.1428571429vw);
    background-size: 100% 0.1428571429vw, 100% 0.1428571429vw;
    background-position: left top, left bottom;
    background-repeat: repeat-x, repeat-x;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head {
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head {
    width: 100%;
    height: 25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head {
    width: 15vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head p {
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head p {
    line-height: 1.4;
    font-size: 3.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head p {
    line-height: 1.2;
    font-size: 2vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head p span {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-head p span {
    font-size: 0.5em;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-arrow {
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-arrow {
    padding-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-arrow {
    width: 1.7142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-arrow figure {
  width: 100%;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-arrow figure picture {
  width: 100%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list {
    width: calc(100% - 16.7142857143vw);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 1.0714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element {
    width: 100%;
    height: 28.125vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element {
    width: 17.5vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-top p {
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-top p {
    font-size: 5.125vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-top p {
    font-size: 1.8571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-top p span {
  font-size: 0.8em;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-bottom p {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line .rewarded-materials-table-list .rewarded-materials-table-list-element:not(:last-of-type) {
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 {
    width: 51.25vw;
    order: 2;
    padding: 0 0.625vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 {
    height: 23.5714285714vw;
    padding-bottom: 0.3571428571vw;
    margin-bottom: 0.3571428571vw;
    background-image: repeating-linear-gradient(90deg, #3a3a3a, #3a3a3a 0.7142857143vw, transparent 0.7142857143vw, transparent 1.1428571429vw);
    background-size: 100% 0.1428571429vw;
    background-position: left bottom;
    background-repeat: repeat-x;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-head p {
  color: #8a3638;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element {
  background-color: #fff;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element {
    background-image: linear-gradient(-90deg, rgb(255, 255, 255), rgba(138, 54, 56, 0.5) 20%, rgba(138, 54, 56, 0.8) 40%, rgb(138, 54, 56));
    padding-top: 3.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element {
    background-image: linear-gradient(180deg, rgb(255, 255, 255), rgba(138, 54, 56, 0.5) 20%, rgba(138, 54, 56, 0.8) 40%, rgb(138, 54, 56));
    padding-top: 8.5714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-top {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-top {
    margin-bottom: 4.2857142857vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-bottom p {
  color: #e6ad14;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-bottom p {
    line-height: 1.4;
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--01 .rewarded-materials-table-list .rewarded-materials-table-list-element .rewarded-materials-table-list-element-bottom p {
    line-height: 1.4;
    font-size: 1vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 {
    width: calc(100% - 51.25vw);
    order: 1;
    background-image: repeating-linear-gradient(180deg, #000000, #000000 1.25vw, transparent 1.25vw, transparent 2vw);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 0.25vw 100%;
    padding: 0 0.625vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 {
    height: 9.2857142857vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 .rewarded-materials-table-head p {
  color: #3e3a39;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 .rewarded-materials-table-list .rewarded-materials-table-list-element {
  display: grid;
  place-items: center;
  background-color: #3e3a39;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 .rewarded-materials-table-list .element-core .rewarded-materials-table-list-element-top p {
    font-size: 4.375vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 .rewarded-materials-table-list .element-core .rewarded-materials-table-list-element-bottom {
  position: relative;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 .rewarded-materials-table-list .element-core .rewarded-materials-table-list-element-bottom p {
  color: #e6ad14;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-line--02 .rewarded-materials-table-list .element-core .rewarded-materials-table-list-element-bottom p {
    font-size: 3vw;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-read {
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.75);
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-read {
    width: 75vw;
    height: 25vw;
    border-radius: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-read {
    width: 78.5714285714vw;
    height: 12.2857142857vw;
    border-radius: 0.7142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-read p {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-read p {
    list-style: 1.4;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-read p {
    line-height: 1.4;
    font-size: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--01 .rewarded-materials-element-details .rewarded-materials-read p span {
  color: #8a3638;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 {
    background-image: url(../../img/recruit/rewarded/materials02_bk_sp.jpg);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 {
    background-image: url(../../img/recruit/rewarded/materials02_bk_pc.jpg);
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element__title {
    margin-bottom: 11.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element__title {
    margin-bottom: 12.8571428571vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element__index {
    top: 32.5vw;
    left: 5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element__index {
    top: 12.8571428571vw;
    left: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details {
    display: flex;
    flex-direction: column-reverse;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table {
    width: 75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 73.5714285714vw;
    margin-bottom: 4.2857142857vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap {
    width: 36.4285714286vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-title {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-title {
    margin-bottom: 1.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-title h3 {
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-title h3 {
    font-size: 4.125vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-title h3 {
    font-size: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list {
  width: 100%;
  background-color: #dedede;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list {
    padding: 2.5vw;
    border-radius: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list {
    padding: 1.4285714286vw;
    border-radius: 0.7142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element {
  display: flex;
  flex-wrap: wrap;
  place-items: center;
  background-color: #fff;
  width: 100%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element {
    padding: 0 6.25vw;
    border-radius: 3.75vw;
    height: 5.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element {
    padding: 0 1.4285714286vw;
    border-radius: 2.1428571429vw;
    height: 3vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__title {
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__title {
    font-size: 3.25vw;
    width: 35vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__title {
    font-size: 1.5714285714vw;
    width: 17.8571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__title p {
  line-height: 1;
  font-weight: bold;
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__title p {
    font-size: 1.5714285714vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__price {
  text-align: right;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__price {
    width: calc(100% - 35vw);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__price {
    width: calc(100% - 17.8571428571vw);
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__price p {
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__price p {
    font-size: 4.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element__price p {
    font-size: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element:not(:last-of-type) {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element:not(:last-of-type) {
    margin-bottom: 0.7142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total {
  background-color: #8a3638;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total {
    height: 8.125vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total {
    height: 4.2857142857vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total .rewarded-materials-table-list-element__title {
    width: 14.2857142857vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total .rewarded-materials-table-list-element__title p {
  color: #fff;
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total .rewarded-materials-table-list-element__title p {
    font-size: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total .rewarded-materials-table-list-element__price {
    width: calc(100% - 14.2857142857vw);
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total .rewarded-materials-table-list-element__price p {
  color: #fff;
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap .rewarded-materials-table-list .rewarded-materials-table-list-element--total .rewarded-materials-table-list-element__price p {
    font-size: 2.7142857143vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap--01 .rewarded-materials-table-title h3 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap--02 .rewarded-materials-table-title h3 {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-table .rewarded-materials-table-wrap:not(:last-of-type) {
    margin-bottom: 7.5vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-read {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-read {
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-read {
    width: 78.5714285714vw;
    height: 12.2857142857vw;
    border-radius: 0.7142857143vw;
    background-color: rgba(255, 255, 255, 0.75);
    display: grid;
    place-items: center;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-read p {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-read p {
    list-style: 1.4;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-read p {
    line-height: 1.4;
    font-size: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--02 .rewarded-materials-element-details .rewarded-materials-read p span {
  color: #8a3638;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 {
    background-image: url(../../img/recruit/rewarded/materials03_bk_sp.jpg);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 {
    background-image: url(../../img/recruit/rewarded/materials03_bk_pc.jpg);
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element__title {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element__title {
    margin-bottom: 3.5714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element__index {
    top: 32.5vw;
    right: 5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element__index {
    top: 15.7142857143vw;
    right: 2.8571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup {
    width: 62.5vw;
    height: 62.5vw;
    margin-left: 7.5vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup {
    position: absolute;
    bottom: 10vw;
    right: 8.5714285714vw;
    width: 35vw;
    height: 35vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-top {
    margin-bottom: 1.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-top {
    margin-bottom: 1.0714285714vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-top p {
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-top p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-top p {
    font-size: 1.9285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list {
    width: 50vw;
    margin-bottom: 1.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list {
    width: 27.8571428571vw;
    margin-bottom: 1.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list p {
  line-height: 1;
  font-weight: bold;
  display: grid;
  place-items: center;
  background-color: #e60012;
  color: #fff;
  width: 100%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list p {
    font-size: 3.25vw;
    height: 7.5vw;
    border-radius: 6.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list p {
    font-size: 1.6428571429vw;
    height: 4.2857142857vw;
    border-radius: 3.5714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list p:not(:last-of-type) {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-list p:not(:last-of-type) {
    margin-bottom: 0.3571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-bottom p {
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-bottom p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-stepup .setup-core .stepup-bottom p {
    font-size: 1.9285714286vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow {
    width: 95vw;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow {
    width: 46.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element {
    padding: 2.5vw 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element {
    padding: 1.4285714286vw 0.7142857143vw;
    margin-left: 8.5714285714vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-head__title {
  line-height: 1;
  font-weight: bold;
  background-color: #8a3638;
  display: grid;
  place-items: center;
  color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-head__title {
    font-size: 4.625vw;
    width: 21.25vw;
    height: 8.125vw;
    border-radius: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-head__title {
    font-size: 2.6428571429vw;
    width: 12.1428571429vw;
    height: 4.6428571429vw;
    border-radius: 0.7142857143vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-head__title:not(:last-of-type) {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-head__title:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body {
    width: calc(100% - 21.25vw);
    padding-left: 7.5vw;
    text-indent: -1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body {
    width: calc(100% - 12.1428571429vw);
    padding-left: 2.8571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body .rewarded-materials-element-details-flow-body-list {
  list-style: disc;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body .rewarded-materials-element-details-flow-body-list__element {
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body .rewarded-materials-element-details-flow-body-list__element {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body .rewarded-materials-element-details-flow-body-list__element {
    font-size: 1.5714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body .rewarded-materials-element-details-flow-body-list__element:not(:last-of-type) {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element .rewarded-materials-element-details-flow-body .rewarded-materials-element-details-flow-body-list__element:not(:last-of-type) {
    margin-bottom: 0.7142857143vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element:not(:last-of-type) {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element:not(:last-of-type) {
    margin-bottom: 0.7142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element:not(:first-of-type) .rewarded-materials-element-details-flow-head__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #e6ad14;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element:not(:first-of-type) .rewarded-materials-element-details-flow-head__title::after {
    width: 4.375vw;
    height: 3.75vw;
    top: -5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element:not(:first-of-type) .rewarded-materials-element-details-flow-head__title::after {
    width: 2.5vw;
    height: 2.1428571429vw;
    top: -2.8571428571vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element--03 .rewarded-materials-element-details-flow-head__title--02 {
    height: 13.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-flow-element--03 .rewarded-materials-element-details-flow-head__title--02 {
    height: 7.8571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-read {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-read {
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-read {
    width: 78.5714285714vw;
    height: 12.2857142857vw;
    border-radius: 0.7142857143vw;
    background-color: rgba(255, 255, 255, 0.75);
    display: grid;
    place-items: center;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-read p {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-read p {
    list-style: 1.4;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-read p {
    line-height: 1.4;
    font-size: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--03 .rewarded-materials-element-details .rewarded-materials-read p span {
  color: #8a3638;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 {
    background-image: url(../../img/recruit/rewarded/materials04_bk_sp.jpg);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 {
    background-image: url(../../img/recruit/rewarded/materials04_bk_pc.jpg);
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element__title {
    margin-bottom: 20vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element__title {
    margin-bottom: 11.4285714286vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element__index {
    top: 32.5vw;
    left: 3.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element__index {
    top: 15.7142857143vw;
    left: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element__index p {
  color: #807f80;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-title {
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-title {
    margin-bottom: 2.8571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-title h4 {
  line-height: 1;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-title h4 {
    font-size: 3.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-title h4 {
    font-size: 2.2142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table {
    width: 81.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table {
    width: 78.5714285714vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 1.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element {
  background-color: #fff;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element {
    border-radius: 1.25vw;
    width: 75vw;
    height: 32.5vw;
    padding: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element {
    border-radius: 0.7142857143vw;
    width: 38.5714285714vw;
    height: 17.8571428571vw;
    padding: 1.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-titleline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-titleline h5 {
  line-height: 1.4;
  font-weight: bold;
  color: #8a3638;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-titleline h5 {
    font-size: 4vw;
    width: calc(100% - 35vw);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-titleline h5 {
    font-size: 2.2857142857vw;
    width: calc(100% - 15.3571428571vw);
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-titleline p {
  background-color: #8a3638;
  display: grid;
  place-items: center;
  font-weight: bold;
  color: #fff;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-titleline p {
    width: 35vw;
    height: 5vw;
    font-size: 3.25vw;
    border-radius: 3.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-titleline p {
    width: 15.3571428571vw;
    height: 2.6428571429vw;
    font-size: 1.2857142857vw;
    border-radius: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-readline {
    padding-top: 5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-readline {
    padding-top: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-readline p {
  font-weight: bold;
  color: #3e3a39;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-readline p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-readline p {
    font-size: 1.7142857143vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list {
    padding-top: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list {
    padding-top: 1.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element {
  background-color: #dedede;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element {
    border-radius: 3.75vw;
    height: 6.25vw;
    padding: 0 1.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element {
    border-radius: 2.1428571429vw;
    height: 3.5714285714vw;
    padding: 0 1.0714285714vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element__title {
  line-height: 1;
  font-weight: bold;
  color: #3e3a39;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element__title {
    font-size: 3.25vw;
    width: calc(100% - 23.125vw);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element__title {
    font-size: 2.2857142857vw;
    width: calc(100% - 12.8571428571vw);
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element__txt {
  background-color: #8a3638;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element__txt {
    border-radius: 3.75vw;
    width: 23.125vw;
    height: 4.375vw;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element__txt {
    border-radius: 2.1428571429vw;
    width: 12.8571428571vw;
    height: 2.5vw;
    font-size: 1.1428571429vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element:not(:last-of-type) {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element .rewarded-materials-element-details-table-element-list .rewarded-materials-element-details-table-element-list-element:not(:last-of-type) {
    margin-bottom: 0.3571428571vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element:not(:last-of-type) {
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element--01 {
    margin-left: 5.625vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element--02 {
    margin-left: 12.5vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--04 .rewarded-materials-element-details .rewarded-materials-element-details-table .rewarded-materials-element-details-table-element--04 {
    margin-left: 2.5vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 {
    background-image: url(../../img/recruit/rewarded/materials05_bk_sp.jpg);
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 {
    background-image: url(../../img/recruit/rewarded/materials05_bk_pc.jpg);
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element__title {
    margin-bottom: 17.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element__title {
    margin-bottom: 8.5714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element__index {
    top: 32.5vw;
    right: 3.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element__index {
    top: 15.7142857143vw;
    right: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-title {
    margin-bottom: 10vw;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-title {
    margin-bottom: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-title h4 {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-title h4 {
    font-size: 3.75vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-title h4 {
    line-height: 1.4;
    font-size: 2.1428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-title h4 span {
  color: #8a3638;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow {
  position: relative;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow {
    z-index: 1;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate {
  position: absolute;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate {
    width: 109.75vw;
    height: 109.75vw;
    background-color: rgba(255, 255, 255, 0.7);
    left: 50%;
    transform: translateX(-50%);
    top: -18.75vw;
    border-radius: 50%;
    z-index: 0;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate {
    right: 4.2857142857vw;
    top: -6.4285714286vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate .rewarded-materials-element-details-flow-decorate-graph {
    position: relative;
    width: 74.6428571429vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate .rewarded-materials-element-details-flow-decorate-graph .graph-txt {
    line-height: 1;
    font-weight: bold;
    font-size: 2.1428571429vw;
    color: #8a3638;
    position: absolute;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate .rewarded-materials-element-details-flow-decorate-graph .graph-txt--01 {
    left: 5vw;
    bottom: 6.4285714286vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate .rewarded-materials-element-details-flow-decorate-graph .graph-txt--02 {
    left: 28.5714285714vw;
    bottom: 7.1428571429vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate .rewarded-materials-element-details-flow-decorate-graph .graph-txt--03 {
    left: 46.4285714286vw;
    bottom: 11.4285714286vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-decorate .rewarded-materials-element-details-flow-decorate-graph figure {
    width: 100%;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap {
    width: 87.5vw;
    row-gap: 1.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap {
    width: 80.7142857143vw;
    align-items: flex-end;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element {
    width: 42.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element {
    width: 19.5vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: end center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index {
    height: 7.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index {
    height: 4.2857142857vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index p {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  font-family: "futura-pt-condensed", sans-serif;
  position: relative;
  color: #fff;
  z-index: 1;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index p {
    font-size: 5.375vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index p {
    font-size: 3.0714285714vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index p:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-color: #fff;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index p:after {
    border-width: 0.25vw;
    width: 5.125vw;
    height: 5.125vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index p:after {
    border-width: 0.0714285714vw;
    width: 2.9285714286vw;
    height: 2.9285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  border-radius: 50%;
  background-color: #e60012;
  z-index: 0;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index::after {
    width: 16.875vw;
    height: 16.875vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__index::after {
    width: 9.6428571429vw;
    height: 9.6428571429vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__title {
  background-color: #e60012;
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__title {
    width: 34.375vw;
    height: 7.625vw;
    border-top-right-radius: 1.25vw;
    border-top-left-radius: 1.25vw;
    margin: 0 auto;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__title {
    width: 19.6428571429vw;
    height: 4.4285714286vw;
    border-top-right-radius: 0.7142857143vw;
    border-top-left-radius: 0.7142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__title h4 {
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__title h4 {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element__title h4 {
    font-size: 1.7142857143vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details {
  background-color: #fff;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details {
    border-bottom-left-radius: 1.25vw;
    border-bottom-right-radius: 1.25vw;
    padding: 8.75vw 2.5vw 6.25vw;
    position: relative;
    z-index: 1;
    margin-top: -5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details {
    border-bottom-left-radius: 0.7142857143vw;
    border-bottom-right-radius: 0.7142857143vw;
    padding: 3.5714285714vw 1.4285714286vw 0;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__read p {
  font-weight: bold;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__read p {
    line-height: 1.6;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__read p {
    line-height: 1.4;
    font-size: 1.4285714286vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__read p span {
  color: #e60012;
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list {
  list-style: disc;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list {
    padding-top: 1.25vw;
    padding-left: 3.75vw;
    text-indent: -1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list {
    padding-top: 2.1428571429vw;
    padding-left: 1.7857142857vw;
    text-indent: -0.3571428571vw;
  }
}
.rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list li {
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list li {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list li {
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list li:not(:last-of-type) {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element .flow-element-details__list li:not(:last-of-type) {
    margin-bottom: 0.3571428571vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element--01 .flow-element-details {
    height: 22.8571428571vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element--02 {
    margin-top: -7.5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element--02 .flow-element-details {
    height: 30vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element--03 .flow-element-details {
    height: 28.5714285714vw;
  }
}
@media (max-width: 767px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element--04 {
    margin-top: -5vw;
  }
}
@media (min-width: 768px) {
  .rewarded .rewarded-materials .rewarded-materials-list .slick-list .rewarded-materials-element--05 .rewarded-materials-element-details .rewarded-materials-element-details-flow .rewarded-materials-element-details-flow-wrap .rewarded-materials-element-details-flow-element--04 .flow-element-details {
    height: 35.7142857143vw;
  }
}

.future {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .future {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 10%, rgb(255, 255, 255) 100%);
    padding-top: 11.25vw;
  }
}
@media (min-width: 768px) {
  .future {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgb(255, 255, 255) 18%, rgb(255, 255, 255) 100%);
    padding-top: 17.1428571429vw;
  }
}
.future .future-titleline {
  position: absolute;
  border-radius: 50%;
  background-color: #f7f3f0;
  z-index: 0;
  overflow: hidden;
}
@media (max-width: 767px) {
  .future .future-titleline {
    width: 115.75vw;
    height: 115.75vw;
    top: 10vw;
    left: -57.875vw;
    padding-right: 32.5vw;
    padding-top: 33.75vw;
  }
}
@media (min-width: 768px) {
  .future .future-titleline {
    left: 50%;
    transform: translateX(-50%);
    top: 9.6428571429vw;
    width: 50.7142857143vw;
    height: 50.7142857143vw;
    display: grid;
    place-items: center;
    padding-top: 8.5714285714vw;
  }
}
.future .future-titleline h2 {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .future .future-titleline h2 {
    margin-left: auto;
    width: 13.375vw;
  }
}
@media (min-width: 768px) {
  .future .future-titleline h2 {
    width: 8.9285714286vw;
  }
}
.future .future-titleline h2 img {
  width: 100%;
}
.future .future-titleline::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 63%;
  height: 63%;
  border-radius: 50%;
}
.future .future-list {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .future .future-list {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .future .future-list {
    margin-bottom: 11.0714285714vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 94.2857142857vw;
  }
}
.future .future-list .future-list-line .future-list-element {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-style: solid;
  border-left-color: #2f333f;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element {
    width: 54.25vw;
    height: 16.375vw;
    padding: 0 1.25vw;
    border-radius: 8.75vw;
    border-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element {
    width: 31vw;
    height: 9.3571428571vw;
    padding: 0 0.7142857143vw;
    border-radius: 5vw;
    border-width: 0.0714285714vw;
  }
}
.future .future-list .future-list-line .future-list-element::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #2f333f;
  z-index: 0;
  transition: 1s;
}
.future .future-list .future-list-line .future-list-element__img {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element__img {
    width: 14vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element__img {
    width: 8vw;
  }
}
.future .future-list .future-list-line .future-list-element__img figure {
  width: 100%;
  transition: 1s;
}
.future .future-list .future-list-line .future-list-element__read {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element__read {
    width: calc(100% - 14vw);
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element__read {
    width: calc(100% - 8vw);
  }
}
.future .future-list .future-list-line .future-list-element__read p {
  font-weight: bold;
  color: #2f333f;
  text-align: center;
  transition: 1s;
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element__read p {
    line-height: 1.4;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element__read p {
    line-height: 1.2;
    font-size: 1.8571428571vw;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element--01 {
    margin-left: 10vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element--01 {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element--02 {
    margin-left: 31.25vw;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element--03 {
    margin-left: 40vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element--03 {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element--04 {
    margin-left: 40vw;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element--05 {
    margin-left: 31.25vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element--05 {
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element--06 {
    margin-left: 10vw;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element:not(:last-of-type) {
    margin-bottom: 2.5vw;
  }
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element:nth-of-type(odd)::after {
    right: 100%;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element:nth-of-type(odd)::after {
    left: 100%;
  }
}
.future .future-list .future-list-line .future-list-element:nth-of-type(even)::after {
  right: 100%;
}
.future .future-list .future-list-line .future-list-element.active .future-list-element__img figure {
  transform: scale(1.1);
}
.future .future-list .future-list-line .future-list-element.active .future-list-element__read p {
  color: #fff;
}
@media (max-width: 767px) {
  .future .future-list .future-list-line .future-list-element.active:nth-of-type(odd)::after {
    right: 0%;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line .future-list-element.active:nth-of-type(odd)::after {
    left: 0%;
  }
}
.future .future-list .future-list-line .future-list-element.active:nth-of-type(even)::after {
  right: 0%;
}
@media (max-width: 767px) {
  .future .future-list .future-list-line:not(:last-of-type) {
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line:nth-of-type(1) {
    padding: 0 5vw;
  }
}
@media (min-width: 768px) {
  .future .future-list .future-list-line:nth-of-type(3) {
    padding: 0 5vw;
  }
}
@media (max-width: 767px) {
  .future .future-readline {
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .future .future-readline {
    margin-bottom: 2.8571428571vw;
  }
}
.future .future-readline p {
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  .future .future-readline p {
    line-height: 1.8;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .future .future-readline p {
    line-height: 1.8;
    font-size: 1.4285714286vw;
  }
}
.future .future-people {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .future .future-people {
    height: 38.75vw;
  }
}
@media (min-width: 768px) {
  .future .future-people {
    height: 37.8571428571vw;
  }
}
.future .future-people .future-people-list {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  clip-path: circle(50% at 50% 50%);
  display: grid;
  place-items: end center;
}
@media (max-width: 767px) {
  .future .future-people .future-people-list {
    width: 287.5vw;
    height: 312.5vw;
  }
}
@media (min-width: 768px) {
  .future .future-people .future-people-list {
    width: 164.2857142857vw;
    height: 178.5714285714vw;
  }
}
.future .future-people .future-people-list .future-people-list-core {
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .future .future-people .future-people-list .future-people-list-core {
    height: 38.75vw;
  }
}
@media (min-width: 768px) {
  .future .future-people .future-people-list .future-people-list-core {
    height: 37.8571428571vw;
  }
}
.future .future-people .future-people-list .future-people-list-core .future-people-list-element {
  width: 14.2857142857%;
}
@media (max-width: 767px) {
  .future .future-people .future-people-list .future-people-list-core .future-people-list-element {
    height: 38.75vw;
  }
}
@media (min-width: 768px) {
  .future .future-people .future-people-list .future-people-list-core .future-people-list-element {
    height: 37.8571428571vw;
  }
}
.future .future-people .future-people-list .future-people-list-core .future-people-list-element img {
  height: 100%;
  object-fit: cover;
}

.selection {
  background-size: cover;
  position: relative;
  background-position: center 100%;
  z-index: 0;
}
@media (max-width: 767px) {
  .selection {
    padding: 28.75vw 0 22.5vw;
    background-image: url(../../img/recruit/selection/bk_sp.jpg);
    margin-top: -20vw;
  }
}
@media (min-width: 768px) {
  .selection {
    padding: 27.1428571429vw 0 4.2857142857vw;
    background-image: url(../../img/recruit/selection/bk_pc.jpg);
    margin-top: -20vw;
  }
}
.selection .selection-titleline {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .selection .selection-titleline {
    width: 83.75vw;
    margin: 0 auto 5vw;
  }
}
@media (min-width: 768px) {
  .selection .selection-titleline {
    padding-left: 8.5714285714vw;
    margin-bottom: 3.5714285714vw;
  }
}
.selection .selection-titleline h2 {
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .selection .selection-titleline h2 {
    font-size: 6.25vw;
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .selection .selection-titleline h2 {
    font-size: 4.1428571429vw;
    margin-bottom: 4.2857142857vw;
  }
}
.selection .selection-titleline p {
  font-weight: bold;
}
@media (max-width: 767px) {
  .selection .selection-titleline p {
    line-height: 1.6;
    font-size: 3.75vw;
  }
}
@media (min-width: 768px) {
  .selection .selection-titleline p {
    line-height: 1.4;
    font-size: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-readline {
    width: 83.75vw;
    margin: 0 auto 8.75vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-readline {
    padding-left: 8.5714285714vw;
    margin-bottom: 5vw;
  }
}
.selection .rewarded-readline p {
  font-weight: bold;
}
@media (max-width: 767px) {
  .selection .rewarded-readline p {
    line-height: 1.6;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-readline p {
    line-height: 1.6;
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-readline p:not(:last-of-type) {
    margin-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-readline p:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
.selection .rewarded-flow {
  width: 100%;
}
@media (max-width: 767px) {
  .selection .rewarded-flow {
    width: 83.75vw;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow {
    padding-left: 8.5714285714vw;
  }
}
.selection .rewarded-flow .rewarded-flow-line {
  position: relative;
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line {
    width: 52.1428571429vw;
  }
}
.selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  will-change: filter;
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element {
    border-radius: 12.5vw;
    height: 10.25vw;
    padding: 0 3.75vw;
    filter: drop-shadow(0.75vw 0.75vw 0.75vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element {
    border-radius: 3.5714285714vw;
    height: 5.7142857143vw;
    padding: 0 2.1428571429vw;
    filter: drop-shadow(0.2142857143vw 0.2142857143vw 0.2142857143vw rgba(0, 0, 0, 0.6));
  }
}
.selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__icon {
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__icon {
    width: 9.375vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__icon {
    width: 5.3571428571vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__txt {
    width: calc(100% - 9.375vw);
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__txt {
    width: calc(100% - 5.3571428571vw);
  }
}
.selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__txt p {
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__txt p {
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element__txt p {
    font-size: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--01 .rewarded-flow-element__icon figure {
    width: 6vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--01 .rewarded-flow-element__icon figure {
    width: 3.2142857143vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--02 .rewarded-flow-element__icon figure {
    width: 9.125vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--02 .rewarded-flow-element__icon figure {
    width: 5vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--03 .rewarded-flow-element__icon figure {
    width: 6.125vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--03 .rewarded-flow-element__icon figure {
    width: 3.2857142857vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--04 .rewarded-flow-element__icon figure {
    width: 9vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--04 .rewarded-flow-element__icon figure {
    width: 4.8571428571vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--05 .rewarded-flow-element__icon figure {
    width: 9.125vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line .rewarded-flow-element--05 .rewarded-flow-element__icon figure {
    width: 4.9285714286vw;
  }
}
.selection .rewarded-flow .rewarded-flow-line--single .rewarded-flow-element {
  width: 100%;
}
.selection .rewarded-flow .rewarded-flow-line--double {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line--double .rewarded-flow-element {
    width: 40.375vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line--double .rewarded-flow-element {
    width: 25vw;
  }
}
.selection .rewarded-flow .rewarded-flow-line:not(:first-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line:not(:first-of-type):after {
    width: 4.625vw;
    height: 4vw;
    top: -4.625vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line:not(:first-of-type):after {
    width: 2.5vw;
    height: 2.2142857143vw;
    top: -2.5vw;
  }
}
@media (max-width: 767px) {
  .selection .rewarded-flow .rewarded-flow-line:not(:last-of-type) {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .selection .rewarded-flow .rewarded-flow-line:not(:last-of-type) {
    margin-bottom: 2.8571428571vw;
  }
}

.listen {
  position: relative;
}
@media (max-width: 767px) {
  .listen {
    padding: 15vw 0 16.25vw;
  }
}
@media (min-width: 768px) {
  .listen {
    padding: 11.4285714286vw 0 9.2857142857vw;
  }
}
.listen .listen-bk {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
.listen .listen-bk figure {
  width: 100%;
  height: 100vh;
}
.listen .listen-bk figure img {
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.listen .listen-titleline {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .listen .listen-titleline {
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-titleline {
    margin-bottom: 5vw;
  }
}
.listen .listen-titleline h2 {
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 767px) {
  .listen .listen-titleline h2 {
    font-size: 6.25vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-titleline h2 {
    font-size: 4.1428571429vw;
  }
}
.listen .listen-readline {
  width: 100%;
}
@media (max-width: 767px) {
  .listen .listen-readline {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-readline {
    margin-bottom: 7.8571428571vw;
  }
}
.listen .listen-readline p {
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .listen .listen-readline p {
    line-height: 1.8;
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-readline p {
    line-height: 1.6;
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  .listen .listen-readline p:not(:last-of-type) {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-readline p:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
.listen .listen-linkline .listen-linkline-core {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .listen .listen-linkline .listen-linkline-core {
    width: 95.75vw;
    height: 55vw;
    column-gap: 5vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-linkline .listen-linkline-core {
    width: 54.7142857143vw;
    height: 31.4285714286vw;
    column-gap: 2.8571428571vw;
  }
}
.listen .listen-linkline .listen-linkline-core .listen-linkline-element {
  display: block;
  position: relative;
  transition: 0.3s;
  will-change: filter;
}
@media (max-width: 767px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element {
    filter: drop-shadow(-1.875vw 1.875vw 1.875vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element {
    filter: drop-shadow(-1.0714285714vw 1.0714285714vw 1.0714285714vw rgba(0, 0, 0, 0.6));
  }
}
.listen .listen-linkline .listen-linkline-core .listen-linkline-element p {
  font-weight: bold;
  color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media (max-width: 767px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element p {
    padding-right: 1.25vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element p {
    padding-right: 0.7142857143vw;
  }
}
.listen .listen-linkline .listen-linkline-core .listen-linkline-element figure {
  transition: 0.3s;
}
@media (max-width: 767px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element figure {
    width: 36.375vw;
    height: 36.375vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element figure {
    width: 20.7857142857vw;
    height: 20.7857142857vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element:hover {
    transform: translate(max(-0.0714285714vw, -1px), min(0.0714285714vw, 1px));
    filter: drop-shadow(0vw 0vw 0.3571428571vw rgb(0, 0, 0));
  }
}
.listen .listen-linkline .listen-linkline-core .listen-linkline-element--entry p {
  line-height: 1;
}
@media (max-width: 767px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element--entry p {
    font-size: 5.875vw;
  }
}
@media (min-width: 768px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element--entry p {
    font-size: 1.7142857143vw;
  }
}
@media (max-width: 767px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element--entry p span {
    display: none;
  }
}
@media (max-width: 767px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element--listen p {
    font-size: 3vw;
    line-height: 1.4;
  }
}
@media (min-width: 768px) {
  .listen .listen-linkline .listen-linkline-core .listen-linkline-element--listen p {
    line-height: 1.2;
    font-size: 1.7142857143vw;
  }
}

.footer-index {
  background-color: #3e3a39;
}
.footer-index .common-titleline__title h2 {
  color: #fff;
}

@keyframes light {
  0% {
    clip-path: polygon(0% 50%, 0 50%, 0% 50%);
  }
  20% {
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
  }
  50% {
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
  }
  90% {
    clip-path: polygon(100% 50%, 0 50%, 100% 50%);
  }
  100% {
    clip-path: polygon(100% 50%, 0 50%, 100% 50%);
  }
}
@keyframes light_target {
  0% {
    opacity: 0.1;
  }
  40% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes ripples {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}/*# sourceMappingURL=recruit.css.map */