.p-about-wrapper {
  max-width: 1440px;
  margin: 0 auto
}
.p-about-inner {
  width: 80%;
  max-width: 560px;
  margin-right: auto;
  margin-left: auto
}
.p-about-intro {
  padding-top: 60vw;
  background-position: top;
  background-size: 100%;
  background-color: #000
}
.p-about-intro__inner {
  width: 90%;
  max-width: 640px;
  margin: 0 auto
}
.p-about-intro__heading {
  display: flex;
  align-items: center;
  justify-content: center
}
.p-about-intro__content {
  position: relative;
  padding: 5% 5% 5%;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.125
}
.p-about-intro__content:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #0c0a09;
  content: "";
  opacity: .5
}
.p-about-intro__content p {
  z-index: 1;
  position: relative;
  margin-bottom: 1.75em
}
@supports (mix-blend-mode:multiply) {
  .p-about-intro__content:before {
    background: #251e1c;
    mix-blend-mode: multiply
  }
}
.p-about-gallery__wrap {
  display: flex;
  overflow: hidden
}
.p-about-gallery__wrap ul {
  -webkit-animation: a 20s infinite linear both;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  animation: a 20s infinite linear both
}
.p-about-gallery__wrap ul + ul {
  margin-left: -5px
}
.p-about-gallery__wrap li {
  width: 50vw;
  margin: 0 10px;
	
}
.p-about-gallery__wrap img {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  display: block;
  width: 101%;
  max-width: none;
  pointer-events: none;
  user-select: none
}

@-webkit-keyframes a {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(-100%)
  }
}
@keyframes a {
  0% {
    transform: translateX(0)
  }
  to {
    transform: translateX(-100%)
  }
}
.p-studio-three {
  max-width: 1440px;
  margin: 40px auto
}
.p-studio-three__header {
  position: relative;
  width: 90%;
  max-width: 560px;
  margin: 0 auto;
  background: #251e1c;
  color: #fff
}
.p-studio-three__header:before {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  background: #251e1c;
  content: ""
}
.p-studio-three__heading {
  width: 80px;
  margin: 0 auto;
  padding: 30px 0;
  border-bottom: 1px solid #fff
}
.p-studio-three__desc {
  padding: 20px 0
}
.p-habitation__content, .p-studio-three__content {
  width: 90%;
  max-width: 560px;
  margin: 40px auto
}
.p-habitation__content {
  line-height: 2.125
}
.p-habitation__eyecatch {
  height: 40vw
}
.p-habitation__eyecatch .u-img-fit {
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.p-habitation__eyecatch-caption {
  padding-top: 50px;
  background: #251e1c;
  color: #fff
}
.p-habitation__images {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 50px
}
.p-habitation__images:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 140px;
  margin-left: -50vw;
  background: #251e1c;
  content: ""
}
.p-habitation__image {
  margin-bottom: 30px
}
.p-habitation__image figcaption {
  margin-top: 15px
}
.p-story {
  max-width: 1440px;
  margin: 0 auto
}
.p-story__footer, .p-story__header {
  z-index: -1;
  position: relative;
  height: 50vw
}
.p-story__footer .u-img-fit, .p-story__header .u-img-fit {
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.p-story__content {
  width: 90%;
  max-width: 640px;
  margin: 20px auto;
  padding: 5%;
  background: hsla(0, 0%, 100%, .75);
  line-height: 2.125
}
.p-story__header + .p-story__content {
  margin-top: -60px
}
.p-story__footer {
  margin-top: -120px
}
.p-story__footer figcaption {
  position: absolute;
  bottom: 15px;
  left: 5%;
  color: #fff
}
.p-story__footer--wide {
  height: 100vw
}
.p-officemap-detail figure {
  margin-bottom: 5px
}
.p-officemap-detail figcaption {
  margin-top: 8px;
  font-weight: 700
}
.p-officemap-detail__no {
  max-width: 40px;
  margin: 0 auto 10px;
  text-align: center
}
@media (min-width:45.001em) {
  .p-about-intro {
    padding-top: 0
  }
  .p-about-intro__heading {
    height: 430px
  }
  .p-about-intro__content {
    font-size: 1.5rem
  }
  .p-about-gallery__wrap li {
    width: 33.33333vw
  }
#length_slide .p-about-gallery__wrap li {
    width: 25vw
  }
  .p-studio-three__header {
    position: relative
  }
  .p-studio-three__heading {
    position: absolute;
    top: 30px;
    right: 100%;
    padding: 0;
    border-bottom: none
  }
  .p-studio-three__heading.is-wide {
    width: 90px;
    padding-right: 15px
  }
  .p-studio-three__desc {
    padding: 30px 0 30px 35px;
    border-left: 1px solid #fff
  }
  .p-habitation__eyecatch {
    height: 32.6vw
  }
  .p-habitation__images {
    display: flex;
    flex-wrap: wrap;
    max-width: 890px
  }
  .p-habitation__image {
    flex: 1 0 50%;
    max-width: 50%;
    padding: 0 15px
  }
}
@media (min-width:60.001em) {
  .p-about-intro__heading {
    height: 530px
  }
  .p-about-intro__content {
    font-size: 1.6rem
  }
  .p-about-gallery__wrap ul {
    -webkit-animation-duration: 30s;
    animation-duration: 30s
  }
  .p-about-gallery__wrap li {
    margin: 0 15px
  }
  .p-studio-three {
    margin-top: 80px;
    margin-bottom: 80px
  }
  .p-studio-three__heading {
    width: 90px
  }
  .p-studio-three__heading.is-wide {
    width: 120px;
    padding-right: 0
  }
  .p-habitation__eyecatch {
    height: 390px
  }
  .p-habitation__images {
    max-width: 920px
  }
  .p-habitation__image {
    padding: 0 30px
  }
  .p-story__footer, .p-story__header {
    height: 635px
  }
  .p-story__content {
    padding: 40px
  }
  .p-story__header + .p-story__content {
    margin-top: -170px
  }
  .p-story__footer {
    margin-top: -240px
  }
  .p-story__footer--wide {
    height: 1130px
  }
  .p-officemap-detail figcaption {
    font-size: 1.8rem
  }
  .p-officemap-detail__no {
    max-width: 54px
  }
}
@media (max-width:45em) {
  .p-pagetitle {
    padding-bottom: 10px
  }
  .p-pagetitle__bread {
    margin-bottom: 0
  }
  .p-pagetitle__title {
    display: none
  }
}
/*# sourceMappingURL=maps/about.css.map */