#home {
  position: relative;
}

@media screen and (min-width: 751px) {
  #header {
    background: none;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.container {
  position: relative;
  background-color: #FFFFFF;
}
@media screen and (max-width: 1340px) {
  .container {
    font-size: 0.7462686567vw;
    padding-bottom: 1px;
  }
}
@media screen and (max-width: 750px) {
  .container {
    font-size: 1.3333333333vw;
    padding-top: 12rem;
  }
}

.p-cnt-inner {
  max-width: 1240px;
  max-width: 124em;
  padding: 0 20px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .p-cnt-inner {
    padding: 0 4rem;
  }
}

.c-cnt-inner {
  max-width: 108em;
}
@media screen and (max-width: 750px) {
  .c-cnt-inner {
    padding: 0 5rem;
  }
}

@media screen and (max-width: 750px) {
  .c-note {
    font-size: 2rem;
  }
}

.area-btn {
  margin: 6.5em auto 0;
}
@media screen and (max-width: 750px) {
  .area-btn {
    margin-top: 7.8rem;
  }
}

.c-btn {
  min-height: 2.916em;
  font-size: 2.4em;
  flex-direction: column;
  line-height: 1.1;
  padding: 0.3em 0;
}
@media screen and (max-width: 750px) {
  .c-btn {
    min-height: 9.2rem;
    font-size: 4em;
  }
}

.area-info {
  color: #901216;
  font-family: ShinGoPro-Light, sans-serif;
  padding-top: 2rem;
}
@media screen and (max-width: 750px) {
  .area-info {
    padding-top: 3rem;
  }
}
.area-info p,
.area-info li {
  font-size: 1.6em;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  .area-info p,
  .area-info li {
    font-size: 2.8rem;
    line-height: 1.428;
  }
}
.area-info span {
  font-weight: 600;
}

.p-ttl {
  color: #1C2E36;
  font-size: 4em;
  font-family: ShinGoPro-Light, sans-serif;
  line-height: 1.25;
  margin-bottom: 1.175em;
}
@media screen and (max-width: 750px) {
  .p-ttl {
    font-size: 4.6rem;
    margin-bottom: 5rem;
  }
}
.p-ttl span {
  font-size: 0.75em;
}
@media screen and (max-width: 750px) {
  .p-ttl span {
    font-size: 0.625em;
  }
}
.p-ttl-lead {
  font-size: 2.6em;
  margin-bottom: 1.307em;
  line-height: 1.384;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .p-ttl-lead {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }
}

.hero {
  padding: 7.5em 0 20.2em;
}
@media screen and (max-width: 750px) {
  .hero {
    padding: 4.5rem 0 11.7rem;
  }
}
.hero-cnt {
  text-align: center;
}
.hero-ttl {
  margin-bottom: 1.307em;
  font-size: 2.6em;
  line-height: 1.384;
}
@media screen and (max-width: 750px) {
  .hero-ttl {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 750px) {
  .hero-txt {
    font-size: 2.8rem;
    text-align: left;
  }
}
.hero .area-btn {
  margin-bottom: 3.8em;
  max-width: none;
  justify-content: center;
  display: flex;
}
@media screen and (max-width: 750px) {
  .hero .area-btn {
    margin-bottom: 4.4rem;
    display: block;
  }
}
.hero .c-btn {
  width: 16.363em;
  background-color: #1C2E36;
  margin: 0 0.5em;
  line-height: 1.2;
  font-size: 2.2em;
  padding: 0.4em 0;
  width: 45%;
}
@media screen and (max-width: 750px) {
  .hero .c-btn {
    width: 100%;
    margin: 4rem 0 0;
    font-size: 3.5rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 750px) {
  .hero .p-cnt-inner {
    padding: 0;
  }
}

.sec {
  text-align: center;
  padding: 6.5em 0 5.5em;
}
@media screen and (max-width: 750px) {
  .sec {
    padding: 8.5rem 0 6.5rem;
  }
}
.sec .area-btn {
  max-width: 50em;
}
@media screen and (max-width: 750px) {
  .sec .area-btn {
    max-width: none;
  }
}
.sec-02 {
  background: url(../IMAGES/bg_02.jpg) top center/cover no-repeat;
}
@media screen and (max-width: 750px) {
  .sec-02 {
    background-image: url(../IMAGES/bg_02_sp.jpg);
  }
}
.sec-02 .sec {
  padding: 7em 0;
}
@media screen and (max-width: 750px) {
  .sec-02 .sec {
    padding: 8.5rem 0 6.5rem;
  }
}
.sec-02 .c-note {
  margin-top: 1.8rem;
}
.sec-03 .p-img {
  width: 100%;
  max-width: 65.8em;
  margin-top: 6.6rem;
}
@media screen and (max-width: 750px) {
  .sec-03 .p-img {
    max-width: none;
  }
}
.sec-04 {
  background: url(../IMAGES/bg_03.jpg) top center/cover no-repeat;
}
@media screen and (max-width: 750px) {
  .sec-04 {
    background-image: url(../IMAGES/bg_03_sp.jpg);
  }
}
.sec-04 .p-ttl {
  margin-top: 4.5rem;
}

.bg-01 {
  background: url(../IMAGES/bg_01_pc.jpg) top center/cover no-repeat;
  padding-top: 14.7rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .bg-01 {
    background-image: url(../IMAGES/bg_01_sp.jpg);
  }
}
.bg-01::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  border-bottom: 16.2em solid #FFFFFF;
  border-left: 100vw solid transparent;
  bottom: -1px;
}
@media screen and (max-width: 750px) {
  .bg-01::after {
    border-bottom-width: 8rem;
  }
}
@media screen and (max-width: 750px) {
  .bg-01 {
    padding-top: 0;
  }
}
.bg-02 {
  background: #FFFFFF;
}
.bg-03 {
  position: relative;
  overflow: visible;
  color: #FFFFFF;
  padding: 16.2em 0;
}
@media screen and (max-width: 750px) {
  .bg-03 {
    padding: 8rem 0;
  }
}
.bg-03 .p-ttl {
  color: inherit;
}
.bg-03::before, .bg-03::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
}
.bg-03::before {
  border-bottom: 16.2em solid transparent;
  border-left: 100vw solid #FFFFFF;
  top: -1px;
}
@media screen and (max-width: 750px) {
  .bg-03::before {
    border-bottom-width: 8rem;
  }
}
.bg-03::after {
  border-bottom: 16.2em solid #FFFFFF;
  border-left: 100vw solid transparent;
  bottom: -1px;
}
@media screen and (max-width: 750px) {
  .bg-03::after {
    border-bottom-width: 8rem;
  }
}

.p-slider-wrap {
  margin-top: 10em;
  overflow: hidden;
}
.p-slider-cnt {
  width: 70em;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .p-slider-cnt {
    width: 100%;
  }
}
.p-slider-cnt .slick-list {
  overflow: visible;
  padding: 0 !important;
}
.p-slider-cnt .slick-track {
  display: flex;
  align-items: flex-end;
}
.p-slider-item {
  text-align: left;
  width: 50em;
  transform: scale(0.533) !important;
  transform-origin: bottom;
  transition: 0.2s;
  padding: 0 2.8em;
}
@media screen and (max-width: 750px) {
  .p-slider-item {
    width: 75rem;
    padding: 0 9.3rem;
  }
}
.p-slider-car {
  font-size: 2.6em;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .p-slider-car {
    font-size: 4rem;
  }
}
.p-slider-age {
  font-size: 2.2em;
  margin: 1em 0;
}
@media screen and (max-width: 750px) {
  .p-slider-age {
    font-size: 3rem;
  }
}

.hero-slide-wrap {
  position: relative;
  margin-bottom: 10em;
  overflow: hidden;
  padding-bottom: 2.8em;
}
.hero-slide-wrap > .swiper-pagination {
  bottom: 0;
}
.hero-slide-wrap > .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 15px;
}
.hero-slide-wrap > .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #901216;
}

.collection-slide {
  margin: auto;
  position: relative;
  margin-top: 10em;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .collection-slide {
    margin-top: 8rem;
  }
}
.collection-slide-item {
  text-align: left;
  width: 50em;
}
@media screen and (max-width: 750px) {
  .collection-slide-item {
    width: 100%;
  }
}
.collection-slide-item::before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.4);
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .collection-slide-item::before {
    display: none;
  }
}
.collection-slide-box {
  display: block;
  padding: 0 2.8em;
  transition: 0.2s;
  transform: scale(0.533) translateY(-8em);
  transform-origin: bottom;
}
@media screen and (max-width: 750px) {
  .collection-slide-box {
    padding: 0 9.3rem;
    transform: scale(1);
  }
}
.collection-slide-car {
  font-size: 2.6em;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .collection-slide-car {
    font-size: 4rem;
  }
}
.collection-slide-age {
  font-size: 2.2em;
  margin: 1em 0;
}
@media screen and (max-width: 750px) {
  .collection-slide-age {
    font-size: 3rem;
    margin: 2rem 0 7rem;
  }
}
.collection-slide .swiper-slide-prev {
  padding-right: 10em;
}
@media screen and (max-width: 750px) {
  .collection-slide .swiper-slide-prev {
    padding: 0;
  }
}
.collection-slide .swiper-slide-next {
  padding-left: 10em;
}
@media screen and (max-width: 750px) {
  .collection-slide .swiper-slide-next {
    padding: 0;
  }
}
.collection-slide .swiper-wrapper {
  align-items: flex-end;
}
.collection-slide img {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .slick-current::before,
  .swiper-slide-active::before {
    display: none;
  }
  .slick-current .collection-slide-box,
  .swiper-slide-active .collection-slide-box {
    transform: none;
  }
}
.swiper-button-prev,
.swiper-button-next {
  width: 5em;
  height: 5em;
  margin: 0;
  top: 50%;
  background: url(/HERITAGE/ASSETS/IMAGES/slider_arrow.png) center/cover no-repeat;
}
@media screen and (max-width: 750px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: 5.6rem;
    height: 5.6rem;
    background-image: url(/HERITAGE/ASSETS/IMAGES/slider_arrow_sp.png);
  }
}

.swiper-button-prev {
  left: 26.66%;
}
@media screen and (max-width: 750px) {
  .swiper-button-prev {
    left: 0;
  }
}

.swiper-button-next {
  right: 26.66%;
  transform: rotate(180deg);
}
@media screen and (max-width: 750px) {
  .swiper-button-next {
    right: 0;
  }
}

.floating {
  font-family: ShinGoPro-Light, sans-serif;
  position: fixed;
  left: 2em;
  z-index: 50;
  top: 50%;
  transform: translateY(-50%);
}
.floating::before {
  content: "";
  width: 0.2em;
  height: calc(100% - 7em);
  position: absolute;
  left: 0.75em;
  top: 50%;
  transform: translateY(-50%);
  background-color: #7A7A7A;
}
.floating a {
  font-size: 1.4em;
  display: block;
  text-shadow: #FFFFFF 0 0 1px;
}
.floating a:hover {
  color: #901216;
}
.floating li {
  height: 7em;
  display: flex;
  align-items: center;
  padding-left: 2.5em;
  position: relative;
}
.floating li::before, .floating li::after {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.floating li::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  background-color: currentColor;
  left: 0.5em;
  box-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #FFFFFF, 1px 0 1px #FFFFFF, -1px 0 1px #FFFFFF;
}
.floating li::after {
  left: 0;
  width: 1.6em;
  height: 1.6em;
  border: 1px solid currentColor;
  box-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #FFFFFF, 1px 0 1px #FFFFFF, -1px 0 1px #FFFFFF;
}
.floating .is-current {
  color: #901216;
}
.floating .is-current::after {
  content: "";
}/*# sourceMappingURL=style.css.map */