@media (min-width: 768px) {
  .p-section-projects {
    margin-bottom: 87rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-section-projects {
    margin-bottom: 60rem;
  }
}

@media (min-width: 768px) {
  .p-section-projects.p-section-projects--style-recommended {
    margin-bottom: 105rem;
  }
}

@media (min-width: 768px) {
  .p-section-projects-introduction {
    margin: 94rem 0;
  }
  .p-section-projects-introduction .c-title-first {
    margin-bottom: 16rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-section-projects-introduction {
    margin-bottom: 60rem;
    padding-top: 60rem;
  }
  .p-section-projects-introduction .c-title-first {
    margin-bottom: 16rem;
  }
}

@media (min-width: 768px) {
  .p-section-projects-introduction--bds .c-title-first {
    margin-bottom: 46rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-section-projects-introduction--bds .c-title-first {
    margin-bottom: 30rem;
  }
}

.p-section-projects-overview .p-section-projects-overview__wrapper {
  background: url(../img/projects/background_overview_01.jpg) 50% 50% / cover
    no-repeat;
  overflow: hidden;
}
.p-section-projects-overview .p-section-projects-overview__information {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.p-section-projects-overview .p-section-projects-overview__information-title {
  font-weight: 700;
  margin: 0;
}
.p-section-projects-overview .p-thumbnail-projects {
  z-index: 0;
}
@media (min-width: 768px) {
  .p-section-projects-overview {
    margin: 104rem 0 89rem;
  }
  .p-section-projects-overview .p-section-projects-overview__wrapper {
    align-items: stretch;
    border-radius: 30rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 10rem;
  }
  .p-section-projects-overview .p-section-projects-overview__information {
    border-radius: 22rem;
    flex: 0 0 auto;
    min-height: 735rem;
    padding: 32rem 40rem 30rem;
    width: 600rem;
  }
  .p-section-projects-overview .p-section-projects-overview__information-title {
    font-size: 30rem;
    line-height: 1.3333333333;
    margin-bottom: 18rem;
  }
  .p-section-projects-overview .p-thumbnail-projects {
    border-radius: 0 30rem 30rem 0;
    flex: 1 1 auto;
    margin: -10rem -70rem -10rem -10rem;
  }
  .p-section-projects-overview .l-wrapper {
    max-width: 1820px;
  }
  .p-section-projects-overview .c-title-second {
    margin-bottom: 49rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .p-section-projects-overview .p-section-projects-overview__wrapper {
    flex-direction: column;
  }
  .p-section-projects-overview .p-section-projects-overview__information {
    padding: 50rem 30rem;
    width: 100%;
  }
  .p-section-projects-overview .p-section-projects-overview__information-title {
    margin-bottom: 50rem;
    text-align: center;
  }
  .p-section-projects-overview .p-thumbnail-projects {
    border-radius: 0 0 30rem 30rem;
    margin: -10rem -10rem -50rem -10rem;
    padding-top: 58.984375%;
    width: calc(100% + 20rem);
  }
}
@media only screen and (max-width: 767.98px) {
  .p-section-projects-overview {
    margin: 60rem 0;
  }
  .p-section-projects-overview .p-section-projects-overview__wrapper {
    border-radius: 20rem;
    padding: 5rem;
  }
  .p-section-projects-overview .p-section-projects-overview__information {
    border-radius: 18rem;
    padding: 30rem 20rem;
  }
  .p-section-projects-overview .p-section-projects-overview__information-title {
    font-size: 20rem;
    line-height: 1.5;
    margin-bottom: 20rem;
    text-align: center;
  }
  .p-section-projects-overview .p-thumbnail-projects {
    border-radius: 0 0 20rem 20rem;
    margin: -5rem -5rem -30rem -5rem;
    padding-top: 58.984375%;
  }
  .p-section-projects-overview .c-title-second {
    margin-bottom: 30rem;
  }
}

.p-section-projects-showcase .p-section-projects-showcase__segment {
  overflow: hidden;
}
.p-section-projects-showcase .p-section-projects-showcase__heading-detail p {
  margin: 0;
}
@media (min-width: 768px) {
  .p-section-projects-showcase {
    margin-bottom: 67rem;
  }
  .p-section-projects-showcase .p-section-projects-showcase__segment {
    margin-bottom: 69rem;
  }
  .p-section-projects-showcase
    .p-section-projects-showcase__segment:last-child {
    margin-bottom: 0;
  }
  .p-section-projects-showcase
    .p-section-projects-showcase__segment
    + .p-section-projects-showcase__footing {
    margin-top: -52rem;
  }
  .p-section-projects-showcase .p-section-projects-showcase__heading-detail {
    font-size: 16rem;
    line-height: 1.625;
    margin: 38rem auto 47rem;
    max-width: 746rem;
  }
  .p-section-projects-showcase .l-wrapper {
    max-width: 1100rem;
  }
  .p-section-projects-showcase .c-title-second {
    margin-bottom: 29rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-section-projects-showcase {
    margin-bottom: 60rem;
  }
  .p-section-projects-showcase .p-section-projects-showcase__segment {
    margin-bottom: 60rem;
  }
  .p-section-projects-showcase
    .p-section-projects-showcase__segment:last-child {
    margin-bottom: 0;
  }
  .p-section-projects-showcase
    .p-section-projects-showcase__segment
    + .p-section-projects-showcase__footing {
    margin-top: -30rem;
  }
  .p-section-projects-showcase .p-section-projects-showcase__heading-detail {
    font-size: 14rem;
    line-height: 1.7142857143;
    margin-bottom: 30rem;
  }
  .p-section-projects-showcase .c-title-second {
    margin-bottom: 30rem;
  }
}

.p-table-projects-overview .p-table-projects-overview__wrapper {
  align-items: stretch;
  border-bottom: 1px solid #e4e4e4;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15rem;
  justify-content: flex-start;
}
.p-table-projects-overview .p-table-projects-overview__wrapper:last-child {
  border-bottom: none;
}
.p-table-projects-overview .p-table-projects-overview__title {
  flex: 0 0 auto;
}
.p-table-projects-overview .p-table-projects-overview__description {
  font-weight: 500;
}
@media (min-width: 768px) {
  .p-table-projects-overview {
    font-size: 18rem;
    line-height: 1.5555555556;
  }
  .p-table-projects-overview .p-table-projects-overview__wrapper {
    margin-bottom: 12rem;
    padding-bottom: 12rem;
  }
  .p-table-projects-overview .p-table-projects-overview__wrapper:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .p-table-projects-overview .p-table-projects-overview__title {
    width: 36.5384615385%;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-table-projects-overview {
    font-size: 14rem;
    line-height: 1.7142857143;
  }
  .p-table-projects-overview .p-table-projects-overview__wrapper {
    margin-bottom: 10rem;
    padding-bottom: 10rem;
  }
  .p-table-projects-overview .p-table-projects-overview__wrapper:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .p-table-projects-overview .p-table-projects-overview__title {
    width: 40%;
  }
}

.p-thumbnail-projects {
  overflow: hidden;
  position: relative;
}
.p-thumbnail-projects .u-object {
  left: 0;
  position: absolute;
  top: 0;
}

.p-banner-projects {
  position: relative;
}
.p-banner-projects .p-banner-projects__title {
  display: block;
  font-weight: 700;
  margin: 0;
}
.p-banner-projects .p-banner-projects__wrapper {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .p-banner-projects {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 1920rem;
  }
  .p-banner-projects .p-banner-projects__viewport {
    align-items: stretch;
    display: flex;
    flex: 1 1 0;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30rem;
    justify-content: space-between;
    padding: 60rem 70rem 60rem 110rem;
    pointer-events: none;
    position: relative;
    z-index: 1;
  }
  .p-banner-projects .p-banner-projects__wrapper {
    align-items: flex-start;
    flex: 1 1 auto;
    max-width: calc(50% - 15rem);
  }
  .p-banner-projects .p-banner-projects__wrapper > * {
    pointer-events: auto;
  }
  .p-banner-projects .p-banner-projects__title {
    color: #fff;
    font-size: 68rem;
    line-height: 1.1764705882;
    margin: -15rem 0 28rem;
  }
  .p-banner-projects .p-slider-projects-primary {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
  .p-banner-projects .p-button-projects-more {
    max-width: 280rem;
    width: 100%;
  }
  .p-banner-projects .c-block-projects-information {
    pointer-events: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279.98px) {
  .p-banner-projects .p-banner-projects__viewport {
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30rem;
  }
  .p-banner-projects .p-banner-projects__title {
    font-size: 48rem;
    line-height: 1.25;
    margin: -10rem 0 20rem;
    max-width: none;
    text-align: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-banner-projects .p-banner-projects__viewport {
    margin: 95rem auto 0;
    width: calc(100% - 24rem);
  }
  .p-banner-projects .p-banner-projects__wrapper {
    margin-bottom: 20rem;
  }
  .p-banner-projects .p-banner-projects__title {
    font-size: 32rem;
    line-height: 1.5;
    margin-bottom: 20rem;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .p-banner-projects::after {
    content: '';
    min-height: 887rem;
    padding-top: 46.1979166667%;
    width: 0;
  }
}

.p-button-projects-more {
  align-items: center;
  border-radius: 30rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15rem;
  justify-content: space-between;
  min-height: 50rem;
  padding: 3rem;
}
.p-button-projects-more .p-button-projects-more__label {
  padding-left: 26rem;
  position: relative;
  top: -1rem;
}
@media (min-width: 768px) {
  .p-button-projects-more {
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    font-size: 18rem;
    line-height: 1.3333333333;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-button-projects-more {
    border: 1px solid rgba(49, 49, 49, 0.6);
    font-size: 16rem;
    line-height: 1.5;
  }
}

.p-button-projects-more::after {
  background: #e97342 url(../img/common/icon_arrow_10.svg) 50% 50%/16rem auto
    no-repeat;
  border-radius: 50%;
  content: '';
  flex: 0 0 auto;
  height: 42rem;
  width: 42rem;
}

.p-slider-projects-primary {
  position: relative;
}
.p-slider-projects-primary .p-slider-projects__viewport {
  height: 100%;
  position: relative;
  z-index: 0;
}
.p-slider-projects-primary .p-slider-projects__controller {
  height: 150rem;
  position: absolute;
  width: 150rem;
  z-index: 1;
}
.p-slider-projects-primary .p-slider-projects__controller-arrow {
  background-color: #fff;
  border-radius: 50%;
  height: 48rem;
  position: absolute;
  top: calc(50% - 24rem);
  width: 48rem;
  z-index: 2;
}
.p-slider-projects-primary .p-slider-projects__controller-arrow::after {
  background-color: #313131;
  content: '';
  -webkit-mask: url(../img/common/icon_arrow_11.svg) 45% 50% / auto 20rem
    no-repeat;
  bottom: 0;
  left: 0;
  mask: url(../img/common/icon_arrow_11.svg) 45% 50% / auto 20rem no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.p-slider-projects-primary
  .p-slider-projects__controller-arrow.p-slider-projects__controller-arrow--previous {
  left: -25rem;
}
.p-slider-projects-primary
  .p-slider-projects__controller-arrow.p-slider-projects__controller-arrow--next {
  right: -25rem;
  transform: scale(-1, 1);
}
.p-slider-projects-primary .p-slider-projects__controller-pagination {
  align-items: center;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1;
}
.p-slider-projects-primary .p-slider-projects__controller-navigation {
  border: 7rem solid rgba(49, 49, 49, 0.6);
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}
.p-slider-projects-primary .p-slider-project__navigation-wrapper {
  height: 100% !important;
  width: 100% !important;
}
.p-slider-projects-primary .p-slider-project__navigation-wrapper figure {
  height: 100%;
  opacity: 0.7;
  position: relative;
  width: 100%;
}
.p-slider-projects-primary .p-slider-project__navigation-wrapper .u-object {
  left: 0;
  position: absolute;
  top: 0;
}
.p-slider-projects-primary .p-slider-project__navigation-wrapper .swiper-slide {
  background-color: #000;
}
.p-slider-projects-primary .swiper-pagination-current {
  display: block;
  font-size: 30rem;
  font-weight: 600;
  line-height: 1.0666666667;
  margin: -10rem 0 7rem;
  padding-bottom: 7rem;
  position: relative;
}
.p-slider-projects-primary .swiper-pagination-current::after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  margin: 0 auto;
  opacity: 0.5;
  position: absolute;
  right: 0;
  width: 30rem;
}
.p-slider-projects-primary .swiper-pagination-total {
  display: block;
  font-size: 18rem;
  line-height: 1.1111111111;
  position: relative;
}
@media (min-width: 768px) {
  .p-slider-projects-primary .p-slider-projects__controller {
    right: 45rem;
    top: calc(50% - 75rem);
  }
  .p-slider-projects-primary .p-thumbnail-projects {
    border-radius: 30rem;
    height: 100%;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-slider-projects-primary .p-slider-projects__controller {
    bottom: -75rem;
    left: 0;
    margin: 0 auto;
    right: 0;
  }
  .p-slider-projects-primary .p-thumbnail-projects {
    border-radius: 20rem;
    height: calc(100dvh - 163rem - 81rem);
  }
}

.p-slider-projects-showcase {
  position: relative;
}
.p-slider-projects-showcase .p-slider-projects-showcase__viewport,
.p-slider-projects-showcase .p-slider-projects-showcase__wrapper {
  overflow: visible !important;
}
.p-slider-projects-showcase .p-slider-projects-showcase__slide {
  opacity: 0.5;
  transition: opacity 0.5s ease;
}
.p-slider-projects-showcase
  .p-slider-projects-showcase__slide.swiper-slide-active {
  opacity: 1;
}
.p-slider-projects-showcase .p-slider-projects-showcase__pagination {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10rem;
  justify-content: center;
  position: relative;
}
.p-slider-projects-showcase .p-slider-project-showcase__slide-information {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.p-slider-projects-showcase .p-slider-project-showcase__slide-information p {
  margin: 0;
  position: relative;
}
.p-slider-projects-showcase
  .p-slider-project-showcase__slide-information
  strong {
  font-weight: 500;
}
.p-slider-projects-showcase .p-thumbnail-projects {
  padding-top: 54.5454545455%;
}
.p-slider-projects-showcase .swiper-pagination-bullet {
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 20rem;
  margin: 0 !important;
  opacity: 1 !important;
  padding: 0 !important;
  position: relative;
  transition: background 0.5s ease;
  width: 20rem;
}
.p-slider-projects-showcase .swiper-pagination-bullet::after {
  background-color: #e1e1e1;
  border-radius: 50%;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.7, 0.7);
  transition:
    background 0.5s ease,
    transform 0.5s ease;
}
.p-slider-projects-showcase
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f2efec;
}
.p-slider-projects-showcase
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: #e97342;
  transform: scale(0.5, 0.5);
}
@media (min-width: 768px) {
  .p-slider-projects-showcase .p-slider-projects-showcase__viewport {
    margin: 0 -15rem;
  }
  .p-slider-projects-showcase .p-slider-projects-showcase__slide {
    padding: 0 15rem;
  }
  .p-slider-projects-showcase .p-slider-projects-showcase__pagination {
    margin-top: 30rem;
  }
  .p-slider-projects-showcase .p-slider-project-showcase__slide-information {
    font-size: 20rem;
    gap: 5rem 50rem;
    line-height: 1.5;
    margin-top: 21rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .p-slider-projects-showcase .p-slider-projects-showcase__viewport {
    margin: 0 -12rem;
  }
  .p-slider-projects-showcase .p-slider-projects-showcase__slide {
    padding: 0 12rem;
  }
  .p-slider-projects-showcase .p-slider-projects-showcase__pagination {
    margin-top: 20rem;
  }
  .p-slider-projects-showcase .p-slider-project-showcase__slide-information {
    font-size: 18rem;
    gap: 5rem 20rem;
    line-height: 1.5555555556;
    margin-top: 15rem;
  }
}

/*# sourceMappingURL=projects.css.map */