.fade-in {
  opacity: 0
}

.fade-in.is-animated {
  -webkit-animation: cmn-fade-in .6s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;
  animation: cmn-fade-in .6s cubic-bezier(0.39, 0.575, 0.565, 1) forwards
}

@-webkit-keyframes cmn-fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes cmn-fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fade-up {
  opacity: 0
}

.fade-up.is-animated {
  -webkit-animation: cmn-fade-up 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation: cmn-fade-up 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards
}

@-webkit-keyframes cmn-fade-up {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes cmn-fade-up {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.shutter {
  color: rgba(0, 0, 0, 0);
  display: inline-block;
  overflow: hidden;
  position: relative
}

.shutter::after {
  background-color: #0f0f0f;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, 105%);
  transform: translate(0, 105%)
}

.shutter--vl::after {
  -webkit-transform: translate(101%, 0);
  transform: translate(101%, 0)
}

.shutter.is-animated {
  -webkit-animation: cmn-shutter-color .6s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  animation: cmn-shutter-color .6s cubic-bezier(0.77, 0, 0.175, 1) forwards
}

@-webkit-keyframes cmn-shutter-color {
  0% {
    color: rgba(0, 0, 0, 0)
  }

  40%,
  60% {
    color: rgba(0, 0, 0, 0)
  }

  100% {
    color: #0f0f0f
  }
}

@keyframes cmn-shutter-color {
  0% {
    color: rgba(0, 0, 0, 0)
  }

  40%,
  60% {
    color: rgba(0, 0, 0, 0)
  }

  100% {
    color: #0f0f0f
  }
}

.shutter.is-animated::after {
  -webkit-animation: cmn-shutter .6s cubic-bezier(0.77, 0, 0.175, 1);
  animation: cmn-shutter .6s cubic-bezier(0.77, 0, 0.175, 1)
}

@-webkit-keyframes cmn-shutter {
  0% {
    -webkit-transform: translate(-101%, 0);
    transform: translate(-101%, 0)
  }

  40%,
  60% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%)
  }

  100% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
  }
}

@keyframes cmn-shutter {
  0% {
    -webkit-transform: translate(-101%, 0);
    transform: translate(-101%, 0)
  }

  40%,
  60% {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%)
  }

  100% {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
  }
}

.move-l-to-r {
  position: relative;
  overflow: hidden;
  height: auto;
  opacity: 0
}

.move-l-to-r::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #dbe5ec
}

.move-l-to-r.is-animated {
  -webkit-animation: cmn-move-l-to-r-opacity .8s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s 1 forwards normal;
  animation: cmn-move-l-to-r-opacity .8s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s 1 forwards normal
}

@-webkit-keyframes cmn-move-l-to-r-opacity {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes cmn-move-l-to-r-opacity {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.move-l-to-r.is-animated::before {
  -webkit-animation: cmn-move-l-to-r .8s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s 1 forwards normal;
  animation: cmn-move-l-to-r .8s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s 1 forwards normal
}

@-webkit-keyframes cmn-move-l-to-r {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes cmn-move-l-to-r {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

.p-front .c-title-vertical--large {
  font-size: 7.4666666667vw
}

@media(width >=768px) {
  .p-front .c-title-vertical--large {
    font-size: min(78px, 4.875vw)
  }
}
@media(width >=768px) {
  .p-front__bgcover{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
    z-index: 1;
  }
}
.p-front__hero {
  position: relative
}

@media(width >=1280px) {
  .p-front__hero {
    height: 100vh;
    height: 100dvh
  }
}

@media(width >=1280px) {
  .p-front__hero .swiper {
    height: inherit
  }
}

@media(width >=1280px) {

  .p-front__hero .swiper-wrapper,
  .p-front__hero .swiper-slide {
    height: 100%
  }
}

.swiper-slide[class*=-active] .p-front__hero__img img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(1.05) translateX(-2.4%);
  transform: scale(1.05) translateX(-2.4%)
}

.p-front__hero__img,
.p-front__hero__img img {
  display: block;
  width: 100%;
  height: auto
}

@media(width >=1280px) {

  .p-front__hero__img,
  .p-front__hero__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
  }
}

.p-front__hero__img {
  overflow: hidden
}

.p-front__hero__img img {
  -webkit-transition: 6s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: 6s 0s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -webkit-transform: scale(1.05) translateX(0);
  transform: scale(1.05) translateX(0)
}

.p-front__copy {
  content: "";
  position: absolute;
  bottom: calc(min(137px, 18.267vw)*-1);
  left: min(45px, 6vw);
  font-family: "Zen Kaku Gothic New", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12vw;
  letter-spacing: .08em;
  line-height: 1.1;
  z-index: 2
}

.p-front__copy::before,
.p-front__copy::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__copy::before {
  margin-top: -0.29375em
}

.p-front__copy::after {
  margin-bottom: -0.29375em
}

@media(width >=768px) {
  .p-front__copy {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: min(120px, 7.5vw);
    font-size: min(125px, 7.813vw);
    line-height: 1.3333333333;
    display: flex;
  }
  .p-front__copy-text{
    color: #fff !important;
    width: max-content;
  }
  .p-front__copy-pc-hide{
    display: none !important;
  }
  .p-front__copy::before,
  .p-front__copy::after {
    content: "";
    display: block;
    width: 0;
    height: 0
  }

  .p-front__copy::before {
    margin-top: -.1666666667em
  }

  .p-front__copy::after {
    margin-bottom: -.1666666667em
  }
}

.p-front__copy-text {
  color: rgba(0, 0, 0, 0);
  display: inline-block;
  overflow: hidden;
  position: relative;
  -webkit-animation: font-color 1.3s .2s forwards;
  animation: font-color 1.3s .2s forwards
}

.p-front__copy-text::after {
  background-color: #0f0f0f;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, 101%);
  transform: translate(0, 101%);
  -webkit-animation: cmn-shutter 1.2s .2s cubic-bezier(0.77, 0, 0.175, 1);
  animation: cmn-shutter 1.2s .2s cubic-bezier(0.77, 0, 0.175, 1)
}
@media (width <= 768px) {
  .p-front__copy-sp-hide{
    display: none;
  }
}

@-webkit-keyframes font-color {
  0% {
    color: rgba(0, 0, 0, 0)
  }

  40%,
  60% {
    color: rgba(0, 0, 0, 0)
  }

  100% {
    color: #0f0f0f
  }
}

@keyframes font-color {
  0% {
    color: rgba(0, 0, 0, 0)
  }

  40%,
  60% {
    color: rgba(0, 0, 0, 0)
  }

  100% {
    color: #0f0f0f
  }
}

.p-front__about {
  background-color: #fff;
  padding: min(510px, 68vw) 0 min(150px, 20vw);
  text-align: center
}

@media(width >=768px) {
  .p-front__about {
    padding: min(120px, 7.5vw) 0 min(180px, 11.25vw)
  }
}

.p-front__about .l-inner {
  position: relative;
  padding: min(140px, 18.667vw) 0 0
}

@media(width >=768px) {
  .p-front__about .l-inner {
    padding: 0 0 0
  }
}

.p-front__about__title {
  font-size: clamp(1.75rem, 1.1536259542rem + 2.5445292621vw, 2.375rem);
  font-weight: 800;
  letter-spacing: .2em;
  line-height: 1.8421052632
}

.p-front__about__title::before,
.p-front__about__title::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__about__title::before {
  margin-top: -.4210526316em
}

.p-front__about__title::after {
  margin-bottom: -.4210526316em
}

@media(width >=768px) {
  .p-front__about__text {
    margin-top: 70px;
  }
}

.p-front__about__text {
  font-size: clamp(0.875rem, 0.7557251908rem + 0.5089058524vw, 1rem);
  font-weight: 600;
  letter-spacing: .1em;
  line-height: 2.3;
}
.p-front__about__text::before,
.p-front__about__text::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__about__text::before {
  margin-top: -.4642857143em
}

.p-front__about__text::after {
  margin-bottom: -.4642857143em
}

.p-front__about__text {
  padding: 0 7.3333333333vw
}

@media(width >=425px) {
  .p-front__about__text {
    text-align: center
  }
}

@media(width >=768px) {
  .p-front__about__text {
    line-height: 3.5
  }

  .p-front__about__text::before,
  .p-front__about__text::after {
    content: "";
    display: block;
    width: 0;
    height: 0
  }

  .p-front__about__text::before {
    margin-top: -1.53125em
  }

  .p-front__about__text::after {
    margin-bottom: -1.53125em
  }

  .p-front__about .c-button-more {
    margin: 110px auto 0
  }

}

.p-front__about .c-button-more {
  margin: min(125px, 16.667vw) auto 0
}

.p-front__scroll {
  position: absolute;
  top: calc(1em - 22.4vw);
  left: 50%;
  z-index: 2;
  inset-inline: 0;
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

@media(width >=768px) {
  .p-front__scroll {
    top: calc(min(200px, 17vw)*-1)
  }
}

@media(width >=1280px) {
  .p-front__scroll {
    top: calc(min(235px, 14.688vw)*-1)
  }
}


.p-front__scroll:nth-of-type(2) {
  top: initial;
  bottom: -29.4vw
}

@media(width >=768px) {
  .p-front__scroll:nth-of-type(2) {
    bottom: calc(min(220px, 13.75vw)*-1)
  }
}

.p-front__scroll-text {
  font-size: 2.0vw;
  letter-spacing: .1em;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 0 calc(1em + 1.8666666667vw)
}

@media(width >=768px) {
  .p-front__scroll-text {
    margin: 0 0 calc(0em + min(22px, 1.375vw));
    font-size: min(11px, 0.688vw)
  }
}

.p-front__scroll-border {
  position: relative;
  width: 1px;
  height: 18.6666666667vw;
  background-color: #0f0f0f;
  overflow: hidden;
  margin: 0 auto
}

@media(width >=768px) {
  .p-front__scroll-border {
    height: min(146px, 9.125vw)
  }
}

.p-front__scroll-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 3.3333333333vw;
  background-color: #fff;
  margin: 0 auto;
  -webkit-animation: scroll-line 2s infinite linear;
  animation: scroll-line 2s infinite linear;
  will-change: transform
}

@media(width >=768px) {
  .p-front__scroll-border::before {
    height: min(25px, 1.5625vw)
  }
}

@-webkit-keyframes scroll-line {
  to {
    -webkit-transform: translateY(22vw);
    transform: translateY(22vw);

    @media(width >=768px) {
      .p-front {
        -webkit-transform: translateY(min(171px, 10.6875vw));
        transform: translateY(min(171px, 10.6875vw))
      }
    }
  }
}

@keyframes scroll-line {
  to {
    -webkit-transform: translateY(22vw);
    transform: translateY(22vw);

    @media(width >=768px) {
      .p-front {
        -webkit-transform: translateY(min(171px, 10.6875vw));
        transform: translateY(min(171px, 10.6875vw))
      }
    }
  }
}

.p-front__sustive {
  padding: min(220px, 29.3333333333vw) 0 min(146px, 19.4666666667vw)
}

@media(width >=768px) {
  .p-front__sustive {
    padding: min(250px, 15.625vw) 0 min(150px, 9.375vw)
  }
}

.p-front__sustive__pickup {
  position: relative
}

.p-front__sustive__pickup:has(.p-front__sustive__pickup-link:hover) .p-front__sustive__pickup-thumb img,
.p-front__sustive__pickup:has(.p-front__sustive__pickup-link:focus-visible) .p-front__sustive__pickup-thumb img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.p-front__sustive__pickup:has(.p-front__sustive__pickup-link:hover) .p-front__sustive__pickup-title,
.p-front__sustive__pickup:has(.p-front__sustive__pickup-link:focus-visible) .p-front__sustive__pickup-title {
  background-position: 0 100%;
  background-size: 100% 1px
}

@media(width >=768px) {
  .p-front__sustive__pickup-thumb-container {
    width: 84.54%
  }
}

.p-front__sustive__pickup-thumb-container {
  position: relative
}

.p-front__sustive__pickup-thumb-container::before {
  position: absolute;
  content: "new";
  top: 0;
  right: 0;
  -webkit-transform: translate(-32%, -50%);
  transform: translate(-32%, -50%);
  color: #fff;
  z-index: 2;
  font-size: 3.3333333333vw;
  font-weight: 800;
  text-transform: uppercase
}

@media(width >=768px) {
  .p-front__sustive__pickup-thumb-container::before {
    font-size: min(25px, 1.5625vw);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
  }
}

.p-front__sustive__pickup-thumb-container::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background-color: #0f0f0f;
  color: #fff;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  border-radius: 100vmax
}

@media(width >=768px) {
  .p-front__sustive__pickup-thumb-container::after {
    width: min(100px, 6.25vw);
    height: min(100px, 6.25vw);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
  }
}

.p-front__sustive__pickup-date {
  position: absolute;
  top: .7%;
  right: 14.2666666667vw;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-column-gap: 2.8vw;
  -moz-column-gap: 2.8vw;
  column-gap: 2.8vw;
  font-weight: 800
}

@media(width >=768px) {
  .p-front__sustive__pickup-date {
    top: .5%;
    right: min(75px, 4.6875vw);
    -webkit-column-gap: min(21px, 1.3125vw);
    -moz-column-gap: min(21px, 1.3125vw);
    column-gap: min(21px, 1.3125vw)
  }
}

.p-front__sustive__pickup-date-yyyy {
  font-size: 4.5333333333vw;
  line-height: 1.8823529412
}

.p-front__sustive__pickup-date-yyyy::before,
.p-front__sustive__pickup-date-yyyy::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__sustive__pickup-date-yyyy::before {
  margin-top: -.4411764706em
}

.p-front__sustive__pickup-date-yyyy::after {
  margin-bottom: -.4411764706em
}

@media(width >=768px) {
  .p-front__sustive__pickup-date-yyyy {
    font-size: min(34px, 2.125vw)
  }
}

.p-front__sustive__pickup-date-mmdd {
  font-size: 9.3333333333vw;
  line-height: 1.8428571429
}

.p-front__sustive__pickup-date-mmdd::before,
.p-front__sustive__pickup-date-mmdd::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__sustive__pickup-date-mmdd::before {
  margin-top: -.4214285714em
}

.p-front__sustive__pickup-date-mmdd::after {
  margin-bottom: -.4214285714em
}

@media(width >=768px) {
  .p-front__sustive__pickup-date-mmdd {
    font-size: min(70px, 4.375vw)
  }
}

.p-front__sustive__pickup-thumb {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background: #fff
}

.p-front__sustive__pickup-thumb>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 295ms cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.p-front__sustive__pickup-thumb.is-letterboxed>img {
  -o-object-fit: contain;
  object-fit: contain
}

.p-front__sustive__pickup-body {
  background-color: #fff;
  padding: 4.8vw 6vw;
  width: 82.5333333333vw;
  position: absolute;
  right: 0;
  bottom: -27.6vw;
  margin-right: calc(50% - 50vw)
}

@media(width >=768px) {
  .p-front__sustive__pickup-body {
    width: 60.18%;
    padding: min(34px, 3.0909090909vw) min(52px, 4.7272727273vw);
    bottom: calc(min(61px, 5.5454545455vw)*-1);
    margin-right: 0
  }
}

.p-front__sustive__pickup-body .c-tags {
  margin: clamp(19px, 16.1374045802px + 0.7633587786vw, 22px) 0 0
}

@media(width >=768px) {
  .p-front__sustive__pickup-body .c-tags {
    margin: min(20px, 1.8181818182vw) 0 0
  }
}

.p-front__sustive__pickup-title {
  font-size: 4vw;
  line-height: 1.4
}

.p-front__sustive__pickup-title::before,
.p-front__sustive__pickup-title::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__sustive__pickup-title::before {
  margin-top: -.2em
}

.p-front__sustive__pickup-title::after {
  margin-bottom: -.2em
}

.p-front__sustive__pickup-title {
  letter-spacing: .05em;
  display: inline;
  padding-bottom: 2px;
  background-image: -webkit-gradient(linear, left top, right top, from(#0f0f0f), to(#0f0f0f));
  background-image: linear-gradient(90deg, #0f0f0f, #0f0f0f);
  background-repeat: no-repeat;
  -webkit-transition: background-size cubic-bezier(0.215, 0.61, 0.355, 1) .3s;
  transition: background-size cubic-bezier(0.215, 0.61, 0.355, 1) .3s;
  background-position: 100% 100%;
  background-size: 0 1px
}

@media(width >=768px) {
  .p-front__sustive__pickup-title {
    font-size: min(24px, 2.1818181818vw);
    -webkit-line-clamp: 2
  }
}

.p-front__sustive:not(:has(.c-cards)) .c-button-more {
    margin: 35.0666666667vw auto 0
}

@media(width >=768px) {
    .p-front__sustive:not(:has(.c-cards)) .c-button-more {
        margin: min(130px, 11.8181818182vw) auto 0
    }
}

.p-front__sustive .c-cards {
  margin: 35.0666666667vw 0 0
}

@media(width >=768px) {
  .p-front__sustive .c-cards {
    margin: min(130px, 11.8181818182vw) 0 0
  }
}

.p-front__sustive .c-cards__sub-info {
  font-size: .875rem;
  line-height: 1.7142857143
}

.p-front__sustive .c-cards__sub-info::before,
.p-front__sustive .c-cards__sub-info::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__sustive .c-cards__sub-info::before {
  margin-top: -.3571428571em
}

.p-front__sustive .c-cards__sub-info::after {
  margin-bottom: -.3571428571em
}

.p-front__sustive .c-cards__list {
  grid-template-columns: 1fr
}

@media(width >=768px) {
  .p-front__sustive .c-cards__list {
    grid-template-columns: repeat(3, 1fr)
  }
}

.p-front__sustive .c-title-vertical--large {
  translate: -50% 50%
}

@media(width >=768px) {
  .p-front__sustive .c-title-vertical--large {
    translate: -52% 50%
  }
}

.p-front__sustive .c-button-more {
  margin: clamp(47px, 15.5114503817px + 8.3969465649vw, 80px) auto 0
}

.p-front__works {
  padding: min(100px, 13.3333333333vw) 0 min(146px, 19.4666666667vw)
}

@media(width >=768px) {
  .p-front__works {
    padding: min(250px, 15.625vw) 0 min(150px, 9.375vw)
  }
}

.p-front__works {
  background-color: #fff
}

.p-front__works .c-button-more {
  margin: clamp(29px, -19.6641221374px + 12.9770992366vw, 80px) auto 0
}

.p-front__works .c-title-vertical--large {
  translate: -50% 50%
}

@media(width >=768px) {
  .p-front__works .c-title-vertical--large {
    translate: -52% 50%
  }
}

@media(width >=768px) {
  .p-front__works .swiper {
    margin-right: calc(50% - 50vw)
  }
}

.p-front__people {
  padding: min(100px, 13.3333333333vw) 0 min(146px, 19.4666666667vw)
}

@media(width >=768px) {
  .p-front__people {
    padding: min(250px, 15.625vw) 0 min(150px, 9.375vw)
  }
}

.p-front__people__txt {
  margin: clamp(30px, -8.1679389313px + 10.1781170483vw, 70px) 0 0;
  text-align: center;
  font-size: clamp(1.5rem, 0.6650763359rem + 3.5623409669vw, 2.375rem);
  font-weight: 800;
  letter-spacing: .2em;
  line-height: 3.2368421053
}

.p-front__people__txt::before,
.p-front__people__txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0
}

.p-front__people__txt::before {
  margin-top: -1.1184210526em
}

.p-front__people__txt::after {
  margin-bottom: -1.1184210526em
}

.p-front__people .c-button-more {
  margin: clamp(30px, -8.1679389313px + 10.1781170483vw, 70px) auto 0
}

.p-front__people .c-title-vertical--large {
  translate: -50% 64%
}

@media(width >=768px) {
  .p-front__people .c-title-vertical--large {
    translate: -52% 64%
  }
}

/*# sourceMappingURL=front.min.css.map */