@import url(https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;700&display=swap);
.slide5_ttl, .slide_roppongi_ttl {
  position: relative;
}
.slide_roppongi_ttl {
  top: 2vw;
}
.ttl_works05 {
  position: relative;
  display: block;
  width: 100%;
}
.ttl_works06 {
  position: relative;
  display: block;
  width: 65%;
  float: right;
}
@media screen and (min-width:1580px) {
  .slide5_ttl {
    top: -1vw;
  }
  .slide_roppongi_ttl {
    top: 1vw;
  }
  .ttl_works05 {
    width: 75%;
    top: 0.3vw;
    margin: 0 0 0 15%;
  }
}
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */ :root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  cursor: default;
  font: 16px/1.5 sans-serif;
  text-rendering: optimizeLegibility
}
details {
  display: block
}
input[type=number] {
  width: auto
}
input[type=search] {
  -webkit-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
main, summary {
  display: block
}
pre {
  overflow: auto
}
progress {
  display: inline-block
}
small {
  font-size: 75%
}
template {
  display: none
}
textarea {
  overflow: auto;
  resize: vertical
}
[hidden] {
  display: none
}
[unselectable] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
*, :after, :before {
  box-sizing: inherit;
  border-style: solid;
  border-width: 0
}
* {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}
:after, :before {
  text-decoration: inherit;
  vertical-align: inherit
}
a {
  text-decoration: none
}
ol, ul {
  list-style: none
}
audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}
button, input, select, textarea {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit
}
audio:not([controls]) {
  display: none
}
[type=button], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=reset], [type=search], [type=submit], [type=tel], [type=text], [type=time], [type=url], [type=week], button, select, textarea {
  min-height: 1.5em
}
code, kbd, pre, samp {
  font-family: monospace, monospace
}
nav ol, nav ul {
  list-style: none
}
select {
  -moz-appearance: none;
  -webkit-appearance: none
}
select::-ms-expand {
  display: none
}
select::-ms-value {
  color: currentColor
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
::-moz-selection {
  background-color: #b3d4fc;
  text-shadow: none
}
::selection {
  background-color: #b3d4fc;
  text-shadow: none
}
@media screen {
  [hidden ~ =screen] {
    display: inherit
  }
  [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important
  }
}
html {
  background-color: #fff
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-family: "Noto Serif JP", "\6E38\30B4\30B7\30C3\30AF", YuGothic, "\30D2\30E9\30AE\30CE\89D2\30B4   ProN W3", Hiragino Kaku Gothic ProN, "\30E1\30A4\30EA\30AA", Meiryo, serif;
  color: #fff;
  overflow: hidden
}
img, svg {
  display: block
}
img {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
svg {
  width: 100%;
  height: 100%
}
.u-show-pc {
  display: none
}
@media (min-width:768px) {
  .u-show-pc {
    display: block
  }
}
.u-show-sp {
  display: block
}
@media (min-width:768px) {
  .u-show-sp {
    display: none
  }
}
.u-show-sp-small {
  display: none
}
@media (max-width:420px) {
  .u-show-sp-small {
    display: block
  }
}
.l-wrapper {
  display: block;
  overflow: hidden;
  color: #898989;
  background-color: #fff
}
.l-header, .l-wrapper {
  position: absolute;
  width: 100%;
  top: 0
}
.l-header {
  padding: 8% 8% 0;
  z-index: 10
}
@media (min-width:768px) {
  .l-header {
    padding: 30px 50px 0;
    top: 50px
  }
}
.l-container {
  max-width: 1920px;
  padding: 0 9.8% 0 9.2%;
  margin: 0 auto;
  width: 100%
}
@media (min-width:768px) {
  .l-container {
    padding: 0 50px;
    top: 50px
  }
}
@media (min-width:1101px) {
  .l-container {
    padding: 0 9.8% 0 9.2%
  }
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}
:root {
  --swiper-theme-color: #007aff
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}
.swiper-container {
  width: 100%
}
.swiper-pagination-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center
}
.swiper-next, .swiper-prev {
  cursor: pointer;
  width: 34px;
  height: 7px;
  outline: 0
}
@media (min-width:768px) {
  .swiper-next, .swiper-prev {
    width: 42px;
    height: 7px
  }
}
.swiper-next svg, .swiper-prev svg {
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}
.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled {
  opacity: .2;
  pointer-events: none
}
.swiper-prev svg {
  -webkit-transform: translateX(0) rotate(-180deg);
  transform: translateX(0) rotate(-180deg)
}
@media (min-width:1025px) {
  .swiper-prev:hover svg {
    -webkit-transform: translateX(-8px) rotate(-180deg);
    transform: translateX(-8px) rotate(-180deg)
  }
}
@media (min-width:1025px) {
  .swiper-next:hover svg {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
  }
}
@media (min-width:768px) {
  .swiper-work {
    padding: 0 49px
  }
}
.swiper-work .swiper-wrapper {
  padding-bottom: 25px;
  -webkit-transition: all 1.8s cubic-bezier(.98, .03, 0, .99) !important;
  transition: all 1.8s cubic-bezier(.98, .03, 0, .99) !important;
  -webkit-transition-delay: .6s !important;
  transition-delay: .6s !important
}
@media (min-width:768px) {
  .swiper-work .swiper-wrapper {
    padding-top: 70px;
    padding-bottom: 0
  }
}
.swiper-work .swiper-slide {
  background-color: #fff;
  background-size: cover;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out
}
@media (min-width:768px) {
  .swiper-work .swiper-slide {
    max-height: 326px;
    max-width: 464px;
    width: 35.33%;
    margin-right: 6%
  }
}
.swiper-work .swiper-slide.is-fade {
  opacity: 0
}
.swiper-work .swiper-slide__img {
  background-size: cover;
  height: 1px;
  padding-top: 70%;
  width: 100%
}
.is-disable .swiper-work .swiper-slide__img {
  opacity: .2
}
.swiper-work-1 .swiper-slide:nth-child(3) {
  width: 17%
}
@media (max-width:767px) {
  .swiper-work-1 .swiper-slide:nth-child(3) {
    width: 48.5%;
    margin: 0 25.75%
  }
}
.swiper-work-1 .swiper-slide:nth-child(3) .swiper-slide__img {
  padding-top: 147%
}
.swiper-work-3 .swiper-slide:nth-child(3), .swiper-work-3 .swiper-slide:nth-child(5) {
  width: 17%
}
@media (max-width:767px) {
  .swiper-work-3 .swiper-slide:nth-child(3), .swiper-work-3 .swiper-slide:nth-child(5) {
    width: 48.5%;
    margin: 0 25.75%
  }
}
.swiper-work-3 .swiper-slide:nth-child(3) .swiper-slide__img, .swiper-work-3 .swiper-slide:nth-child(5) .swiper-slide__img {
  padding-top: 147%
}
.swiper-other {
  padding-left: 9.8%
}
@media (min-width:768px) {
  .swiper-other {
    padding: 0 50px
  }
}
@media (min-width:1101px) {
  .swiper-other {
    padding: 0 130px
  }
}
.swiper-other .swiper-wrapper {
  -webkit-transition: all 1.8s cubic-bezier(.98, .03, 0, .99) !important;
  transition: all 1.8s cubic-bezier(.98, .03, 0, .99) !important;
  -webkit-transition-delay: .6s !important;
  transition-delay: .6s !important
}
.swiper-other .swiper-slide {
  background-color: #fff;
  background-size: cover;
  width: 76.6%;
  margin-right: 8.5%;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out
}
@media (min-width:768px) {
  .swiper-other .swiper-slide {
    width: 37.8%;
    margin-right: 4%
  }
}
.swiper-other .swiper-slide.is-fade {
  opacity: 0
}
.swiper-other .swiper-arrow {
  display: none;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-bottom: 40px;
  margin-left: auto;
  width: 140px
}
@media (min-width:768px) {
  .swiper-other .swiper-arrow {
    display: -webkit-box;
    display: flex
  }
}
.swiper-hero {
  height: 100%;
  opacity: 1;
  overflow: visible;
  position: relative;
  left: -10px;
  width: calc(100% + 20px);
  -webkit-transition: opacity 3s ease;
  transition: opacity 3s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1)
}
.swiper-hero .swiper-wrapper {
  -webkit-transform-origin: center;
  transform-origin: center;
  overflow: hidden
}
.swiper-hero .swiper-slide__inner, .swiper-hero .swiper-wrapper {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1)
}
.swiper-hero .swiper-slide__inner {
  display: block;
  position: relative;
  height: 100%;
  width: calc(100% - 20px);
  margin: 0 auto
}
.swiper-hero.is-animate-slider {
  opacity: 0
}
.swiper-hero .swiper-slide {
  height: 100%;
  width: 100% !important
}
.swiper-hero .swiper-pagination {
  display: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1
}
.swiper-hero .swiper-pagination-bullet {
  cursor: pointer;
  display: block;
  height: 32px;
  width: 32px;
  opacity: .01
}
@media (min-width:768px) {
  .swiper-hero .swiper-pagination-bullet {
    height: 48px;
    width: 48px
  }
}
.swiper-hero .swiper-pagination-bullet:not(:last-child) {
  margin-right: 7px
}
@media (min-width:768px) {
  .swiper-hero .swiper-pagination-bullet:not(:last-child) {
    margin-right: 14px
  }
}
.btn-other {
  display: block;
  font-size: 12px;
  letter-spacing: .19em;
  color: #1d1d1d;
  max-width: 420px;
  height: 52px;
  margin: 24px auto 0;
  width: 80.4%
}
@media (min-width:768px) {
  .btn-other {
    font-size: 16px;
    height: 74px;
    margin-top: 58px
  }
}
.btn-other__link {
  border: 1px solid #898989;
  color: #1d1d1d;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}
@media (min-width:1025px) {
  .btn-other__link:hover {
    border: 1px solid #ac8c36;
    color: #ac8c36
  }
}
.btn-contact, .btn-mail {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 50px;
  width: 100%
}
@media (min-width:768px) {
  .btn-contact, .btn-mail {
    height: 76px;
    width: calc((100% - 60px)/2)
  }
}
.btn-contact {
  border: 1px solid #898989;
  pointer-events: none;
  cursor: default
}
@media (max-width:767px) {
  .btn-contact {
    pointer-events: auto;
    margin-bottom: 15px
  }
}
.btn-mail {
  background-color: #ac8c36;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}
.btn-mail span {
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .1em
}
@media (min-width:768px) {
  .btn-mail span {
    font-size: 16px;
    letter-spacing: .2em
  }
}
@media (min-width:1025px) {
  .btn-mail:hover {
    opacity: .7
  }
}
.fade {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  position: relative;
  z-index: 1
}
.fade.is-animate-fade {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}
.fade-right {
  opacity: 0;
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
  -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  position: relative;
  z-index: 1
}
.fade-right.is-animate-fade {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0)
}
.lazyload {
  opacity: 0;
  -webkit-transition: opacity .7s ease;
  transition: opacity .7s ease
}
.lazyload.is-loaded {
  opacity: 1
}
.hero-slider {
  display: block;
  height: 100%;
  left: -10px;
  position: relative;
  width: calc(100% + 20px)
}
.hero-slider__wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
  width: 100%
}
.hero-slider__img-wrap {
  position: relative;
  height: 100%;
  margin: 0 auto;
  width: calc(100% - 20px)
}
.hero-slider__img {
  background-size: cover;
  background-position: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 1.5s ease;
  transition: -webkit-transform 1.5s ease;
  transition: transform 1.5s ease;
  transition: transform 1.5s ease, -webkit-transform 1.5s ease
}
.hero-slider__slide {
  opacity: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  -webkit-transition: opacity 3s ease;
  transition: opacity 3s ease;
  z-index: 2
}
.hero-slider__slide.is-active {
  opacity: 1
}
.hero-slider__slide.is-active .hero-slider__img {
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.hero-slider__slide.is-prev .hero-slider__img {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.hero-slider__slide.is-prev .hero-slider__img, .is-hero-animate .hero-slider__slide .hero-slider__img {
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease
}
.is-hero-animate .hero-slider__slide .hero-slider__img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.hero-tab {
  display: -webkit-box;
  display: flex;
  position: absolute;
  height: 40px;
  width: 100%;
  z-index: 10;
  bottom: 30px
}
.hero-item {
  height: 20px;
  width: 20px;
  margin-left: 20px
}
.hero {
  height: 100vh;
  padding: 5% 5% 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  z-index: 1
}
@media (min-width:768px) {
  .hero {
    padding: 50px 50px 0
  }
}
.hero__inner {
  height: 100%;
  position: relative;
  width: 100%
}
.hero__bg {
  background-color: #f5f4f5;
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: calc(100% + 20px);
  top: 0;
  left: -10px;
  opacity: 0;
  z-index: 10;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  pointer-events: none
}
.is-hero-animate .hero__bg {
  opacity: 1
}
.hero__catch {
  display: block;
  position: absolute;
  z-index: 5
}
@media (min-width:768px) {
  .hero__catch {
    bottom: -8px;
    left: 5.5%
  }
}
@media (max-width:767px) {
  .hero__catch {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
  }
}
.hero__catch-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  opacity: 0;
  position: relative
}
.hero__catch-main {
  width: 100%
}
.hero__catch-txt {
  color: #fff;
  font-size: 4.3vw;
  font-family: "Noto Serif JP", serif;
  letter-spacing: .145em;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 32px;
  margin-left: -3px;
  text-shadow: 0 0 4px hsla(0, 0%, 47.5%, .35);
  text-align: center
}
@media (min-width:768px) {
  .hero__catch-txt {
    text-shadow: 0 0 14px hsla(0, 0%, 100%, .07);
    text-align: left;
    font-size: 26px;
    margin-left: 12px
  }
}
.hero__catch-txt span {
  display: inline-block;
  text-align: center
}
@media (min-width:768px) {
  .hero__catch-txt span {
    width: 23px;
    margin-left: -7px
  }
}
.hero__catch-txt-box {
  display: block;
  width: 100%
}
@media (max-width:767px) {
  .hero__catch-txt-box {
    -webkit-box-ordinal-group: 4;
    order: 3;
    display: none
  }
}
.hero__catch-design {
  color: #fff;
  font-family: Cormorant Infant, serif;
  font-size: 170px;
  font-weight: 400;
  letter-spacing: .22em;
  line-height: .7
}
@media (max-width:1366px) {
  .hero__catch-design {
    font-size: 12.45vw
  }
}
@media (max-width:767px) {
  .hero__catch-design {
    font-size: 21vw;
    letter-spacing: .11em;
    text-align: center;
    padding-left: 6px;
    margin-bottom: 4%;
    -webkit-box-ordinal-group: 3;
    order: 2;
    display: none
  }
}
@media screen {
  .hero-preload-images {
    position: absolute;
    left: -9999px;
    top: -9999px
  }
  .hero-preload-images img {
    display: block
  }
}
@media print {
  .hero-preload-images, .hero-preload-images img {
    visibility: hidden;
    display: none
  }
}
.header-logo {
  height: 47px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  opacity: 0
}
@media (min-width:768px) {
  .header-logo {
    margin-left: 30px
  }
}
.header-logo__link {
  max-width: 128px;
  max-height: 47px;
  min-width: 71px;
  min-height: 27px;
  width: 24vw;
  height: 10vw
}
@media (min-width:768px) {
  .header-logo__link {
    width: 128px;
    height: 47px;
    margin-right: 40px
  }
}
.header-logo__txt {
  font-size: 16px;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: .25em;
  line-height: 1;
  text-shadow: 0 0 14px hsla(0, 0%, 100%, .1)
}
.header-contact {
  background-color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  min-height: 44px;
  min-width: 179px;
  z-index: 10;
  opacity: 0;
  overflow: hidden;
  height: 14vw
}
@media (min-width:768px) {
  .header-contact {
    height: 98px;
    width: 446px
  }
}
@media (max-width:1440px) {
  .header-contact {
    width: 446px
  }
}
@media (max-width:767px) {
  .header-contact {
    max-height: 86px;
    max-width: 356px;
    width: 57.5vw
  }
}
.header-contact__item {
  margin-top: 2px;
  position: relative;
  padding: 0 12px
}
@media (min-width:768px) {
  .header-contact__item {
    margin-top: 20px;
    padding: 0 7%
  }
}
@media (max-width:1440px) {
  .header-contact__item {
    padding: 0 38px
  }
}
@media (max-width:767px) {
  .header-contact__item {
    padding: 0 4.7vw
  }
}
.header-contact__item:first-child:before {
  background-color: #090909;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  height: 19px;
  opacity: .3;
  width: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media (max-width:767px) {
  .header-contact__item:first-child:before {
    height: 12px
  }
}
.header-contact__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}
.header-contact__link--phone {
  pointer-events: auto;
  cursor: pointer
}
@media (min-width:768px) {
  .header-contact__link--phone {
    pointer-events: none;
    cursor: default
  }
}
.header-contact__ico-tell {
  min-height: 12px;
  margin-right: 6px;
  min-width: 15px
}
@media (min-width:768px) {
  .header-contact__ico-tell {
    margin-right: 14px;
    height: 50px;
    width: 19px
  }
}
@media (max-width:1440px) {
  .header-contact__ico-tell {
    height: 50px;
    width: 18px
  }
}
@media (max-width:767px) {
  .header-contact__ico-tell {
    max-width: 25px;
    width: 4vw
  }
}
.header-contact__number {
  height: 50px;
  min-width: 87px;
  pointer-events: none;
}

@media (min-width:768px) {
.header-contact__number.u-show-pc { display: flex; }
}
@media (max-width:767px) {
  .header-contact__number.u-show-sp { display: flex; }
}

.header-contact__number { justify-content: center; align-items: center; }

@media (min-width:768px) {
  .header-contact__number {
    height: 70px;
    width: 168px
  }
}
@media (max-width:1440px) {
  .header-contact__number {
    width: 148px
  }
}
@media (max-width:767px) {
  .header-contact__number {
    max-width: 173px;
    width: 28vw
  }
}
.header-contact__ico-mail {
  height: 30px;
  margin-right: 14px;
  margin-left: 3px;
  width: 19px
}
@media (max-width:767px) {
  .header-contact__ico-mail {
    margin-right: 0;
    margin-left: 1px;
    max-width: 25px;
    width: 4vw
  }
}
.header-contact__txt {
  height: 50px;
  width: 4vw;
  pointer-events: none
}
@media (min-width:768px) {
  .header-contact__txt {
    width: 77px
  }
}
@media (max-width:1440px) {
  .header-contact__txt {
    width: 70px
  }
}
.slider, .slider__content {
  display: block;
  position: relative;
  height: 100%;
  width: 100%
}
.slider__img {
  background-size: cover;
  background-position: 50%;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center;
  transform-origin: center;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d
}
.swiper-slide-active .slider__img, .swiper-slide-duplicate-active .slider__img {
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-slide-duplicate-prev .slider__img, .swiper-slide-prev .slider__img {
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.is-animate-slider .slider__img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.slider-pagination__num {
  position: absolute;
  font-size: 9px;
  font-weight: 400;
  color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@media (min-width:768px) {
  .slider-pagination__num {
    font-size: 13px
  }
}
.slider-pagination-wrap {
  height: 32px;
  position: absolute;
  bottom: 12px;
  right: 23px;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  z-index: 1
}
@media (min-width:768px) {
  .slider-pagination-wrap {
    height: 48px;
    bottom: 30px;
    right: 30px
  }
}
.is-animate-dot .slider-pagination-wrap {
  opacity: 0
}
.slider-pagination {
  display: -webkit-box;
  display: flex;
  height: 32px;
  position: absolute;
  bottom: 12px;
  right: 23px;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  z-index: 5
}
@media (min-width:768px) {
  .slider-pagination {
    height: 48px;
    bottom: 30px;
    right: 30px
  }
}
.slider-pagination__item {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  overflow: hidden;
  position: relative;
  outline: 0;
  cursor: pointer
}
@media (min-width:768px) {
  .slider-pagination__item {
    height: 48px;
    width: 48px
  }
}
.slider-pagination__item:not(:last-child) {
  margin-right: 7px
}
@media (min-width:768px) {
  .slider-pagination__item:not(:last-child) {
    margin-right: 14px
  }
}
.slider-pagination__item:focus {
  outline: 0
}
.slider-pagination__item:before {
  border: 1px solid #ac8c36;
  border-radius: 50%;
  content: "";
  position: absolute;
  height: 94%;
  top: 50%;
  left: 50%;
  width: 94%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none
}
.slider-pagination__item svg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  -webkit-transform: rotateY(-180deg) rotate(-90deg);
  transform: rotateY(-180deg) rotate(-90deg);
  border-radius: 50px
}
.slider-pagination__item svg .circle {
  stroke-dasharray: 140px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 1px;
  stroke: #ac8c36;
  fill: none
}
.slider-pagination__item svg .circle-counter {
  stroke-width: 1.5px;
  stroke: #fff;
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease
}
.slider-pagination__item.is-active .slider-pagination__num {
  color: #ac8c36;
  -webkit-transition: color .5s ease 1s;
  transition: color .5s ease 1s
}
.slider-pagination__item.is-active svg .circle-counter {
  opacity: 0;
  -webkit-transition: opacity .5s ease 5.6s;
  transition: opacity .5s ease 5.6s;
  -webkit-animation: countdown 4.5s linear forwards;
  animation: countdown 4.5s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}
@-webkit-keyframes countdown {
  0% {
    stroke-dashoffset: 0
  }
  to {
    stroke-dashoffset: 140px
  }
}
@keyframes countdown {
  0% {
    stroke-dashoffset: 0
  }
  to {
    stroke-dashoffset: 140px
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes fade {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.heading {
  display: block;
  position: relative
}
.heading__txt {
  color: #1d1d1d;
  font-weight: 300;
  letter-spacing: .2em
}
.heading__txt-en {
  color: #1d1d1d;
  display: block;
  font-family: Cormorant Infant, serif;
  font-weight: 400;
  text-shadow: 0 0 14px hsla(0, 0%, 100%, .16);
  position: relative
}
.heading--work {
  margin-top: -90px;
  margin-bottom: 40px
}
@media (min-width:768px) {
  .heading--work {
    margin-bottom: 22px
  }
}
.heading--work:before {
  background: url(../images/sp/top-marble-bg.jpg) no-repeat 0 0;
  background-size: cover;
  content: "";
  display: block;
  position: relative;
  max-height: 289px;
  height: 1px;
  padding-top: 57.5%;
  width: 58%
}
@media (min-width:768px) {
  .heading--work:before {
    background: url(../images/work-marble.jpg) no-repeat 0 0;
    height: 289px;
    padding-top: 0;
    width: 40%
  }
}
.heading--work .heading__inner {
  padding: 0 5.2%;
  max-width: 1920px;
  margin: 0 auto
}
@media (min-width:768px) {
  .heading--work .heading__inner {
    padding: 0 9.8% 0 9.2%
  }
}
.heading--work .heading__txt-en {
  font-size: 45px;
  letter-spacing: .2em;
  line-height: .7;
  margin-top: -15px;
  margin-bottom: 12px
}
@media (min-width:768px) {
  .heading--work .heading__txt-en {
    margin-top: -36px;
    font-size: 100px;
    margin-bottom: 21px
  }
}
.heading--work .heading__txt {
  font-size: 12px
}
@media (min-width:768px) {
  .heading--work .heading__txt {
    font-size: 20px;
    margin-left: -5px
  }
}
.heading--other {
  padding: 0 9.8%;
  margin-top: 4px;
  margin-bottom: 22px
}
@media (min-width:768px) {
  .heading--other {
    padding: 0 50px;
    margin-top: -27px;
    margin-bottom: 45px
  }
}
@media (min-width:1101px) {
  .heading--other {
    padding: 0 140px 0 131px
  }
}
.heading--other .heading__txt-en {
  font-size: 25px;
  letter-spacing: .18em;
  line-height: 1;
  margin-bottom: 5px
}
@media (min-width:768px) {
  .heading--other .heading__txt-en {
    font-size: 32px;
    margin-bottom: 13px
  }
}
.heading--other .heading__txt {
  font-size: 10px
}
@media (min-width:768px) {
  .heading--other .heading__txt {
    font-size: 16px
  }
}
.heading--about {
  padding: 0 4%;
  margin-bottom: 95px
}
@media (min-width:768px) {
  .heading--about {
    padding: 0 50px
  }
}
@media (min-width:1101px) {
  .heading--about {
    padding: 0 140px 0 130px
  }
}
.heading--about .heading__txt-en {
  font-size: 45px;
  font-weight: 400;
  font-family: Cormorant Infant, serif;
  letter-spacing: .165em;
  line-height: 1;
  margin-bottom: 6px
}
@media (min-width:768px) {
  .heading--about .heading__txt-en {
    font-size: 100px;
    letter-spacing: .132em;
    margin-bottom: 8px
  }
}
.heading--about .heading__txt {
  font-size: 12px
}
@media (min-width:768px) {
  .heading--about .heading__txt {
    font-size: 20px
  }
}
.heading--flow {
  margin-bottom: 6px;
  text-align: center;
  top: -25px
}
@media (min-width:768px) {
  .heading--flow {
    top: -50px;
    margin-bottom: 58px
  }
}
.heading--flow .heading__txt-en {
  font-size: 50px;
  font-weight: 400;
  letter-spacing: .17em;
  line-height: 1;
  margin-bottom: 8px
}
@media (min-width:768px) {
  .heading--flow .heading__txt-en {
    font-size: 100px
  }
}
.heading--flow .heading__txt {
  margin-left: -8px;
  font-size: 12px
}
@media (min-width:768px) {
  .heading--flow .heading__txt {
    font-size: 20px
  }
}
.heading--faq {
  margin-bottom: 37px;
  text-align: center
}
@media (min-width:768px) {
  .heading--faq {
    margin-bottom: 65px
  }
}
.heading--faq .heading__txt-en {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: .17em;
  line-height: 1;
  margin-bottom: 6px
}
@media (min-width:768px) {
  .heading--faq .heading__txt-en {
    font-size: 70px;
    margin-bottom: 12px
  }
}
.heading--faq .heading__txt {
  margin-left: -8px;
  font-size: 10px
}
@media (min-width:768px) {
  .heading--faq .heading__txt {
    font-size: 20px
  }
}
.heading--contact {
  text-align: center;
  top: -24px;
  left: -2px
}
@media (min-width:768px) {
  .heading--contact {
    top: -54px;
    left: 0
  }
}
.heading--contact .heading__txt-en {
  font-size: 45px;
  font-weight: 400;
  letter-spacing: .17em;
  line-height: 1;
  margin-bottom: 8px
}
@media (min-width:768px) {
  .heading--contact .heading__txt-en {
    font-size: 100px
  }
}
.heading--contact .heading__txt {
  font-size: 12px
}
@media (min-width:768px) {
  .heading--contact .heading__txt {
    margin-left: -8px;
    font-size: 20px
  }
}
.heading--company {
  text-align: center;
  margin-bottom: 28px
}
@media (min-width:768px) {
  .heading--company {
    margin-bottom: 60px
  }
}
.heading--company .heading__txt-en {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: .17em;
  line-height: 1;
  margin-bottom: 8px
}
@media (min-width:768px) {
  .heading--company .heading__txt-en {
    font-size: 70px
  }
}
.heading--company .heading__txt {
  font-size: 12px
}
@media (min-width:768px) {
  .heading--company .heading__txt {
    margin-left: -8px;
    font-size: 20px
  }
}
.article-work {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  width: 100%
}
@media (min-width:768px) {
  .article-work {
    margin-bottom: 226px
  }
}
@media (max-width:767px) {
  .article-work {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}
.article-work__thumb {
  display: none;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 145px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
@media (min-width:768px) {
  .article-work__thumb {
    display: -webkit-box;
    display: flex
  }
}
.article-work__thumb-container {
  background-color: #fff;
  position: relative;
  overflow: hidden;
  width: 100%
}
.article-work__thumb-big {
  position: relative;
  height: 650px;
  width: 55.8%
}
.article-work__thumb-big .article-work__thumb-container {
  height: 650px;
  margin-top: -20px
}
.article-work__thumb-small {
  height: 328px;
  margin-top: -145px;
  width: 36.2%
}
.article-work__thumb-small .article-work__thumb-container {
  height: 100%
}
.article-work__thumb-accent {
  width: 104%;
  height: 111px;
  position: relative;
  margin-top: -90px
}
.article-work__thumb-accent svg {
  width: 100%
}
.article-work__thumb-img {
  background-size: cover;
  background-position: 50%;
  height: 100%;
  width: 100%;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transform-origin: top;
  transform-origin: top
}
.is-disable .article-work__thumb-img {
  opacity: .2
}
.article-work__content {
  position: relative;
  margin: 20px 0 0;
  width: 100%;
  z-index: 2
}
@media (min-width:768px) {
  .article-work__content {
    margin: 0 0 170px;
    padding-top: 422px;
    z-index: 1
  }
}
@media (max-width:767px) {
  .article-work__content {
    -webkit-box-ordinal-group: 3;
    order: 2
  }
}
.article-work__content-num {
  font-size: 13px;
  font-weight: 300;
  color: #ac8c36;
  letter-spacing: .14em;
  margin-bottom: 2px;
  padding-left: 10px;
  position: relative
}
@media (min-width:768px) {
  .article-work__content-num {
    margin-bottom: 0;
    padding-left: 0;
    font-size: 20px
  }
}
.article-work__content-num:before {
  background-color: #ac8c36;
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: -webkit-transform 1s ease 1.5s;
  transition: -webkit-transform 1s ease 1.5s;
  transition: transform 1s ease 1.5s;
  transition: transform 1s ease 1.5s, -webkit-transform 1s ease 1.5s
}
@media (min-width:768px) {
  .article-work__content-num {
    display: flex;
    flex-direction: row-reverse;
	align-items: center;
  }
  .article-work--left .article-work__content-num {
      flex-direction: row;
  }
  .article-work__content-num:before {
    -webkit-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0);
    height: 1px;
    width: 89px;
    top: 50%
  }
}
@media (max-width:767px) {
  .article-work__content-num:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    height: 98px;
    width: 1px;
    top: -83px;
    left: 0;
    -webkit-transform-origin: top;
    transform-origin: top
  }
}
@media (max-width:767px) {
  .is-animate .article-work__content-num:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}
@media (min-width:768px) {
  .is-animate .article-work__content-num:before {
    -webkit-transform: translateY(-50%) scaleX(1);
    transform: translateY(-50%) scaleX(1)
  }
}
.article-work__content-genre {
margin: 0 20px;
padding: 2px 20px;
border-radius: 5px;
background-color: #000;
color: #fff;
font-size: 16px;
font-weight: 500;
}
@media (max-width:767px) {
	.article-work__content-genre {
	font-size: 12px;
	}
}

.article-work__content-heading {
  font-family: "Noto Serif JP", serif;
  color: #1d1d1d;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: .08em;
  margin-bottom: 10px
}
@media (min-width:768px) {
  .article-work__content-heading {
    font-size: 32px;
    line-height: 1.9
  }
}
.article-work__content-location {
  display: block;
  font-size: 11px;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  letter-spacing: .12em;
  margin-bottom: 16px
}
@media (min-width:768px) {
  .article-work__content-location {
    margin-bottom: 30px;
    font-size: 14px
  }
}
.article-work__content-desc {
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .1em;
  line-height: 1.9;
  margin-bottom: 13px;
  text-align: justify
}
@media (min-width:768px) {
  .article-work__content-desc {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 40px
  }
}
.article-work__content-area {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: .12em;
  margin-bottom: 44px
}
@media (min-width:768px) {
  .article-work__content-area {
    margin-bottom: 0;
    font-size: 14px
  }
}
.article-work__slider {
  position: relative;
  width: 100%
}
@media (min-width:768px) {
  .article-work__slider {
    margin-top: -106px
  }
  .article-work-nocomment .article-work__slider {
    margin-top: 240px
  }

}
@media (max-width:767px) {
  .article-work__slider {
    -webkit-box-ordinal-group: 2;
    order: 1
  }
}
.article-work__slider:before {
  background-size: cover;
  content: "";
  display: block;
  position: absolute
}
@media (max-width:767px) {
  .article-work__slider:before {
    display: none
  }
}
.article-work__slider-accent {
  position: absolute;
  top: -10px
}
@media (max-width:767px) {
  .article-work__slider-accent {
    display: none
  }
}
.article-work__slider-accent--1 {
  width: 1084px;
  height: 84px;
  top: -10px;
  left: 0
}
.article-work__slider-accent--2 {
  width: 1480px;
  height: 114px;
  right: 0
}
.article-work__slider-accent--3 {
  left: 0;
  width: 1118px;
  height: 105px
}
.article-work__slider-accent--4 {
  right: 0;
  width: 1019px;
  height: 115px
}
.article-work__slider-arrow {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 94px;
  z-index: 5
}
@media (min-width:768px) {
  .article-work__slider-arrow {
    position: absolute;
    top: 22px;
    width: 140px
  }
}
@media (max-width:767px) {
  .article-work__slider-arrow {
    margin-left: auto;
    margin-right: 32px
  }
}
@media (min-width:768px) {
  .article-work--left .article-work__content-inner {
    margin-left: auto;
    width: 37%
  }
}
@media (min-width:768px) {
  .article-work--left .article-work__thumb-small {
    margin-left: 160px
  }
}
@media (min-width:768px) {
  .article-work--left .article-work__content-num:before {
    left: -119px;
    -webkit-transform-origin: right;
    transform-origin: right
  }
}
.article-work--left .article-work__thumb-accent {
  right: 6px
}
.article-work--left .article-work__slider:before {
  background: url(../images/marble-bg-2.jpg) no-repeat 50%;
  max-width: 783px;
  max-height: 347px;
  height: 1px;
  padding-top: 23%;
  right: 0;
  bottom: -80px;
  width: 54%
}
@media (min-width:1281px) {
  .article-work--left .article-work__slider:before {
    height: 347px;
    padding-top: 0
  }
}
@media (min-width:768px) {
  .article-work--left .article-work__slider-arrow {
    right: 130px
  }
}
@media (min-width:768px) {
  .article-work--right .article-work__content-inner {
    text-align: right;
    width: 38%
  }
}
.article-work--right .article-work__thumb-accent {
  left: -39px
}
.article-work--right .article-work__thumb-small {
  -webkit-box-ordinal-group: 2;
  order: 1
}
@media (min-width:768px) {
  .article-work--right .article-work__thumb-small {
    margin-right: 160px
  }
}
.article-work--right .article-work__thumb-big {
  -webkit-box-ordinal-group: 3;
  order: 2
}
@media (min-width:768px) {
  .article-work--right .article-work__content-num:before {
    right: -119px;
    -webkit-transform-origin: left;
    transform-origin: left
  }
}
.article-work--right .article-work__content-desc {
  text-align: justify
}
@media (min-width:768px) {
  .article-work--right .article-work__content-desc {
    margin-bottom: 18px
  }
}
.article-work--right .article-work__slider:before {
  background: url(../images/marble-bg-1.jpg) no-repeat 50%;
  max-width: 783px;
  max-height: 223px;
  height: 1px;
  left: 0;
  padding-top: 14.6%;
  bottom: -60px;
  width: 55%
}
@media (min-width:1281px) {
  .article-work--right .article-work__slider:before {
    height: 223px;
    padding-top: 0
  }
}
@media (min-width:768px) {
  .article-work--right .article-work__slider-arrow {
    left: 100px
  }
}
.article-other {
  width: 100%;
  position: relative
}
.article-other__thumb {
  display: block;
  margin-bottom: 11px;
  width: 100%;
  overflow: hidden
}
@media (min-width:768px) {
  .article-other__thumb {
    margin-bottom: 19px
  }
}
.article-other__thumb-img {
  background-color: #fff;
  background-size: cover;
  height: 1px;
  padding-top: 72%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  width: 100%
}
.article-other__title {
  color: #1d1d1d;
  font-size: 13px;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  letter-spacing: .08em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
@media (min-width:768px) {
  .article-other__title {
    font-size: 26px;
    letter-spacing: .1em;
    margin-bottom: 11px
  }
}
.article-other__cat {
  color: #898989;
  display: block;
  font-size: 8px;
  font-weight: 300;
  font-family: "Noto Serif JP", serif;
  letter-spacing: .1em;
  margin-top: 2px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
@media (min-width:768px) {
  .article-other__cat {
    margin-top: 0;
    font-size: 14px
  }
}
.article-other__link {
  position: relative;
  height: 100%;
  width: 100%
}
@media (min-width:1025px) {
  .article-other__link:hover .article-other__thumb-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  .article-other__link:hover .article-other__cat, .article-other__link:hover .article-other__title {
    color: #ac8c36
  }
}
.about, .other {
  max-width: 1920px;
  margin: 0 auto
}
.about {
  padding-top: 64px;
  width: 100%
}
@media (min-width:768px) {
  .about {
    padding-top: 180px
  }
}
.about-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 45px
}
@media (min-width:768px) {
  .about-card {
    margin-bottom: 145px
  }
}
.about-card__thumb {
  width: 100%;
  position: relative;
  z-index: 1
}
.about-card__thumb-img {
  background-size: cover;
  background-position: 50%;
  position: relative;
  height: 100%;
  width: 100%
}
.about-card__content {
  width: 100%
}
.about-card__heading {
  color: #1d1d1d;
  font-size: 18px;
  font-family: "Noto Serif JP", serif;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: .21em;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .about-card__heading {
    font-size: 30px;
    line-height: 1.7;
    letter-spacing: .24em;
    margin-bottom: 31px
  }
}
.about-card__desc {
  font-size: 12px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: .135em
}
@media (min-width:768px) {
  .about-card__desc {
    font-size: 17px
  }
}
.about-card__accent {
  display: none;
  position: absolute
}
@media (min-width:768px) {
  .about-card__accent {
    display: block
  }
}
.about-card__accent:before {
  background: url(../images/marble-bg-1.jpg) no-repeat 0 0;
  background-size: cover;
  content: "";
  display: block;
  position: relative;
  height: 100%;
  width: 100%
}
.about-card--ak {
  padding: 0 5%
}
@media (min-width:768px) {
  .about-card--ak {
    padding: 0 50px
  }
}
@media (min-width:768px) {
  .about-card--ak .about-card__left {
    width: 53%
  }
}
@media (max-width:767px) {
  .about-card--ak .about-card__left {
    -webkit-box-ordinal-group: 3;
    order: 2
  }
}
.about-card--ak .about-card__left .about-card__thumb {
  margin-bottom: 22px
}
@media (min-width:768px) {
  .about-card--ak .about-card__left .about-card__thumb {
    height: 435px;
    margin-bottom: 77px
  }
}
@media (max-width:767px) {
  .about-card--ak .about-card__left .about-card__thumb .about-card__thumb-img {
    height: 1px;
    padding-top: 55%
  }
}
@media (min-width:1101px) {
  .about-card--ak .about-card__left .about-card__content {
    padding-left: 79px
  }
}
.about-card--ak .about-card__right {
  margin-top: -75px;
  position: relative;
  width: 100%
}
@media (min-width:768px) {
  .about-card--ak .about-card__right {
    width: 35%
  }
}
@media (max-width:767px) {
  .about-card--ak .about-card__right {
    -webkit-box-ordinal-group: 2;
    order: 1
  }
}
@media (min-width:768px) {
  .about-card--ak .about-card__right .about-card__thumb {
    height: 738px
  }
}
@media (max-width:767px) {
  .about-card--ak .about-card__right .about-card__thumb .about-card__thumb-img {
    height: 1px;
    padding-top: 55%
  }
}
.about-card--ak .about-card__accent {
  height: 500px;
  right: -50px;
  bottom: -16px;
  width: 68%
}
.about-card--flow {
  padding: 0 5%
}
@media (min-width:768px) {
  .about-card--flow {
    padding: 0
  }
}
.about-card--flow .about-card__thumb {
  height: 100%
}
@media (max-width:767px) {
  .about-card--flow .about-card__thumb-img {
    height: 1px;
    padding-top: 111%
  }
}
.about-card--flow .about-card__right {
  margin-bottom: 22px;
  width: 100%;
  position: relative
}
@media (min-width:768px) {
  .about-card--flow .about-card__right {
    width: 39.7%;
    margin-bottom: 0;
    height: 800px
  }
}
.about-card--flow .about-card__accent {
  display: block;
  bottom: -22px;
  left: -5%;
  width: 74%
}
@media (min-width:768px) {
  .about-card--flow .about-card__accent {
    width: calc(100% - 31px);
    bottom: -40px;
    height: 60px;
    left: 0
  }
}
@media (max-width:767px) {
  .about-card--flow .about-card__accent:before {
    height: 1px;
    padding-top: 64%
  }
}
@media (min-width:768px) {
  .about-card--flow .about-card__left {
    padding: 30px 50px 0 120px;
    width: 60.3%
  }
}
@media (min-width:1101px) {
  .about-card--flow .about-card__left {
    padding: 30px 131px 0 120px
  }
}
.about-card--quality {
  position: relative
}
@media (min-width:768px) {
  .about-card--quality {
    padding-left: 50px
  }
}
@media (min-width:1101px) {
  .about-card--quality {
    padding-left: 130px
  }
}
.about-card--quality .about-card__content {
  padding: 0 5%;
  max-width: 820px
}
@media (min-width:768px) {
  .about-card--quality .about-card__content {
    margin-bottom: 69px;
    padding: 0
  }
}
@media (max-width:767px) {
  .about-card--quality .about-card__content {
    -webkit-box-ordinal-group: 3;
    order: 2
  }
}
.about-card--quality .about-card__thumb-wrap {
  position: relative;
  width: 100%
}
@media (max-width:767px) {
  .about-card--quality .about-card__thumb-wrap {
    margin-bottom: 26px;
    -webkit-box-ordinal-group: 2;
    order: 1
  }
}
@media (min-width:768px) {
  .about-card--quality .about-card__thumb {
    height: 269px
  }
}
@media (max-width:767px) {
  .about-card--quality .about-card__thumb-img {
    height: 1px;
    padding-top: 32%
  }
}
.about-card--quality .about-card__accent {
  width: 160px;
  height: 80px;
  right: 0;
  bottom: -15px;
  display: block
}
@media (min-width:768px) {
  .about-card--quality .about-card__accent {
    width: 570px;
    height: 190px;
    right: 0;
    bottom: -51px
  }
}
.about-card--service {
  padding: 0 5%;
  max-width: 1138px;
  margin: 0 auto 45px
}
@media (min-width:768px) {
  .about-card--service {
    margin-bottom: 240px;
    padding: 37px 50px 0
  }
}
@media (min-width:768px) {
  .about-card--service .about-card__thumb {
    width: 424px;
    height: 313px;
    margin-left: 9px
  }
}
@media (max-width:767px) {
  .about-card--service .about-card__thumb-img {
    height: 1px;
    padding-top: 48%
  }
}
.about-card--service .about-card__content {
  padding-top: 23px;
  width: 100%
}
@media (min-width:768px) {
  .about-card--service .about-card__content {
    padding-top: 16px;
    padding-left: 80px;
    width: calc(100% - 433px)
  }
}
@media (max-width:767px) {
  .about-card--service .about-card__heading {
    letter-spacing: .24em
  }
}
@media (min-width:768px) {
  .about-card--service .about-card__heading {
    margin-bottom: 27px
  }
}
@media (min-width:768px) {
  .about-card--service .about-card__desc {
    font-size: 16px;
    line-height: 2.1;
    letter-spacing: .13em
  }
}
.about-flow {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 23px 0 30px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  max-width: 620px;
  z-index: 1
}
@media (min-width:768px) {
  .about-flow {
    margin: 57px 0 66px
  }
}
.about-flow:before {
  content: "";
  display: block;
  height: 15px;
  background-color: #ac8c36;
  opacity: .1;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scaleX(0);
  transform: translateY(-50%) scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease
}
@media (min-width:768px) {
  .about-flow:before {
    height: 23px
  }
}
.about-flow:after {
  background-color: #1d1d1d;
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(0);
  transform: translateX(-50%) scaleY(0);
  top: 100%;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform .5s ease 1.9s;
  transition: -webkit-transform .5s ease 1.9s;
  transition: transform .5s ease 1.9s;
  transition: transform .5s ease 1.9s, -webkit-transform .5s ease 1.9s
}
@media (min-width:768px) {
  .about-flow:after {
    height: 75px;
    top: 105.5%
  }
}
.about-flow.is-animate:before {
  -webkit-transform: translateY(-50%) scaleX(1);
  transform: translateY(-50%) scaleX(1)
}
.about-flow.is-animate:after {
  -webkit-transform: translateY(-50%) scaleY(1);
  transform: translateY(-50%) scaleY(1)
}
.about-flow__item {
  display: block;
  position: relative
}
@media (max-width:767px) {
  .about-flow__item img {
    width: 30px
  }
}
.about-flow__item.is-middle {
  z-index: -1
}
.about-flow__content {
  position: relative;
  width: 100%
}
.about-flow__content small {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: .16em
}
@media (min-width:768px) {
  .about-flow__content small {
    font-size: 14px
  }
}
.about-flow__content-txt {
  color: #1d1d1d;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: .18em;
  margin-bottom: 4px
}
@media (min-width:768px) {
  .about-flow__content-txt {
    margin-bottom: 12px;
    font-size: 20px;
    letter-spacing: .14em
  }
}
.flow {
  background: url(../images/sp/flow-marble-bg.jpg) no-repeat 50%;
  background-size: cover;
  min-height: 771px;
  margin: 95px 0 44px;
  position: relative;
  padding-bottom: 25px;
  width: 100%
}
@media (min-width:768px) {
  .flow {
    background: url(../images/flow-marble-bg.jpg) no-repeat 50%;
    margin: 0 0 133px;
    padding-bottom: 0
  }
}
.flow__list {
  counter-reset: item;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 9.8%
}
@media (min-width:768px) {
  .flow__list {
    padding: 0 140px 0 130px
  }
}
.flow__item {
  counter-increment: item;
  display: block;
  margin-bottom: 38px;
  position: relative;
  width: 100%
}
@media (min-width:768px) {
  .flow__item {
    width: 29.33333%;
    margin-right: 6%;
    margin-bottom: 122px
  }
}
.flow__item:last-child, .flow__item:nth-child(3) {
  margin-right: 0
}
.flow__heading {
  color: #1d1d1d;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: .2em;
  margin-bottom: 12px;
  padding-bottom: 13px;
  position: relative;
  text-align: center
}
@media (min-width:768px) {
  .flow__heading {
    text-align: left;
    font-size: 28px;
    margin-bottom: 22px;
    padding-bottom: 25px
  }
}
.flow__heading:before {
  background-color: #ac8c36;
  bottom: 0;
  content: "";
  display: block;
  height: 2.5px;
  left: 50%;
  position: absolute;
  width: 26px
}
@media (min-width:768px) {
  .flow__heading:before {
    height: 2px;
    width: 30px;
    left: 0
  }
}
@media (max-width:767px) {
  .flow__heading:before {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.flow__num {
  display: block;
  height: 65.5px;
  position: absolute;
  right: -5px;
  top: 6px;
  width: 91px
}
@media (min-width:768px) {
  .flow__num {
    height: 131px;
    width: 182px;
    top: -19px
  }
}
.flow__desc {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: .175em
}
@media (min-width:768px) {
  .flow__desc {
    font-size: 17px;
    line-height: 2
  }
}
.faq {
  position: relative;
  max-width: 1160px;
  margin: 0 auto 96px;
  width: 100%;
  padding: 0 5%
}
@media (min-width:768px) {
  .faq {
    padding: 0 50px;
    margin-bottom: 236px
  }
}
.faq__item, .faq__list {
  width: 100%
}
.faq__answer {
  display: block;
  padding: 0 21px;
  height: 0;
  -webkit-transition: height .5s ease;
  transition: height .5s ease;
  overflow: hidden
}
@media (min-width:768px) {
  .faq__answer {
    padding: 0 65px
  }
}
.faq__answer-inner {
  display: -webkit-box;
  display: flex;
  font-family: "Noto Serif JP", serif;
  padding-top: 9px;
  width: 100%
}
@media (min-width:768px) {
  .faq__answer-inner {
    padding-top: 22px
  }
}
.faq__answer-inner:before {
  color: #ac8c36;
  content: "A.";
  display: block;
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
  line-height: 1.8;
  position: relative;
  letter-spacing: .2em;
  top: 0
}
@media (min-width:768px) {
  .faq__answer-inner:before {
    font-size: 18px;
    margin-right: 13px;
    top: -1px
  }
}
.faq__answer-inner p {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: .26em
}
@media (min-width:768px) {
  .faq__answer-inner p {
    font-size: 17px
  }
}
.faq__question {
  display: -webkit-box;
  display: flex;
  font-family: "Noto Serif JP", serif;
  position: relative
}
@media (min-width:768px) {
  .faq__question {
    padding: 0 21px
  }
}
.faq__question:before {
  color: #ac8c36;
  content: "Q.";
  display: block;
  font-size: 12px;
  font-weight: 300;
  margin-right: 5px;
  line-height: 1.8;
  position: relative;
  letter-spacing: .2em;
  top: 0
}
@media (min-width:768px) {
  .faq__question:before {
    font-size: 18px;
    margin-right: 13px;
    top: -5px
  }
}
.faq__question p {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: .19em;
  width: calc(100% - 35px);
  -webkit-transition: all .7s ease;
  transition: all .7s ease
}
@media (min-width:768px) {
  .faq__question p {
    font-size: 17px;
    width: calc(100% - 70px)
  }
}
.is-open .faq__question p {
  color: #ac8c36
}
.faq__question-plus {
  display: block;
  height: 12px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 12px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
@media (min-width:768px) {
  .faq__question-plus {
    height: 19px;
    top: 7px;
    width: 19px
  }
}
.faq__question-plus:after, .faq__question-plus:before {
  background-color: #1d1d1d;
  content: "";
  display: block;
  position: absolute;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}
.faq__question-plus:before {
  height: 100%;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px
}
.faq__question-plus:after {
  height: 1px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%
}
.is-open .faq__question-plus {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.is-open .faq__question-plus:after, .is-open .faq__question-plus:before {
  background-color: #ac8c36
}
.faq__item {
  border-bottom: 1px solid rgba(29, 29, 29, .1);
  padding-bottom: 15px;
  margin-bottom: 15px;
  cursor: pointer
}
@media (min-width:768px) {
  .faq__item {
    padding-bottom: 30px;
    margin-bottom: 43px
  }
}
@media (min-width:1025px) {
  .faq__item:hover .faq__question p {
    color: #ac8c36
  }
  .faq__item:hover .faq__question-plus:after, .faq__item:hover .faq__question-plus:before {
    background-color: #ac8c36
  }
}
.contact {
  display: block;
  min-height: 340px;
  margin-bottom: 22px;
  padding: 0 9.8%;
  position: relative;
  width: 100%
}
@media (min-width:768px) {
  .contact {
    margin-bottom: 130px;
    padding: 0 50px
  }
}
.contact:before {
  background: url(../images/sp/contact-marble-bg.jpg) no-repeat 50%;
  background-size: cover;
  content: "";
  display: block;
  height: 250px;
  left: -9.8%;
  position: absolute;
  top: 0;
  width: 119.6%
}
@media (min-width:768px) {
  .contact:before {
    background: url(../images/contact-marble-bg.jpg) no-repeat 50%;
    left: -50px;
    height: 340px
  }
}
.contact__box-wrap {
  max-width: 1060px;
  margin: 0 auto;
  width: 100%
}
.contact__box {
  box-shadow: 0 29px 40px hsla(0, 0%, 66.3%, .13);
  min-height: 218px;
  width: 100%;
  padding: 7% 9.8%;
  background-color: #fff;
  position: relative
}
@media (min-width:768px) {
  .contact__box {
    box-shadow: 0 24px 40px hsla(0, 0%, 66.3%, .1);
    padding: 42px 100px 60px;
    min-height: 290px
  }
}
.contact__box-txt {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  line-height: 1.8;
  letter-spacing: .14em;
  margin-bottom: 15px
}
@media (min-width:768px) {
  .contact__box-txt {
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 2
  }
}
.contact__box-btn {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden
}
.contact__ico-tell {
  height: 14px;
  margin-right: 7px;
  width: 14.5px
}
@media (min-width:768px) {
  .contact__ico-tell {
    height: 15px;
    margin-right: 13px;
    width: 15px
  }
}
.contact__number {
  height: 500px;
  width: 123px;
  pointer-events: none
}
@media (min-width:768px) {
  .contact__number {
    height: 500px;
    width: 178px
  }
}
.contact__ico-mail {
  height: 20px;
  margin-right: 7px;
  width: 13.5px
}
@media (min-width:768px) {
  .contact__ico-mail {
    height: 12px;
    margin-right: 15px;
    width: 20px
  }
}
.contact__mail-txt {
  fill: #fff;
  height: 20px;
  width: 121px
}
@media (min-width:768px) {
  .contact__mail-txt {
    width: 162px;
    height: 30px
  }
}
.company {
  max-width: 1160px;
  margin: 0 auto 50px;
  padding: 0 5%;
  width: 100%
}
@media (min-width:768px) {
  .company {
    padding: 0 50px;
    margin-bottom: 100px
  }
}
.company__table {
  border-top: 1px solid #090909;
  width: 100%
}
.company__table td {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  padding: 10px;
  letter-spacing: .17em;
  line-height: 1.8;
  border-bottom: 1px solid rgba(29, 29, 29, .1)
}
@media (min-width:768px) {
  .company__table td {
    font-size: 15px;
    line-height: 2;
    padding: 21px 40px;
    letter-spacing: .2em
  }
}
.company__table td:first-child {
  background-color: hsla(0, 0%, 94.9%, .6);
  vertical-align: baseline;
  white-space: nowrap;
  width: 88.5px
}
@media (min-width:768px) {
  .company__table td:first-child {
    width: 284px
  }
}
.company__table tr:last-child td {
  border-bottom: 1px solid #090909
}
.company__table ul {
  width: 100%
}
@media (min-width:768px) {
  .company__table ul {
    padding-left: 30px
  }
}
.company__table ul:not(:last-child) {
  margin-bottom: 45px
}
@media (min-width:768px) {
  .company__table ul:not(:last-child) {
    margin-bottom: 50px
  }
}
.company__table ul li {
  color: #898989;
  font-size: 11px;
  font-weight: 300;
  position: relative;
  margin-bottom: 21px
}
@media (min-width:768px) {
  .company__table ul li {
    font-size: 13px;
    margin-bottom: 18px
  }
}
.company__table ul li span {
  color: #1d1d1d;
  font-size: 11px;
  font-weight: 300;
  padding-left: 22px
}
@media (min-width:768px) {
  .company__table ul li span {
    font-size: 14px;
    padding-left: 0
  }
}
.company__table ul li:before {
  background-color: #ac8c36;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  height: 1px;
  width: 15px
}
@media (min-width:768px) {
  .company__table ul li:before {
    left: -30px;
    top: 14px;
    height: 1px;
    width: 20px
  }
}
.company__table-link {
  color: #898989;
  display: inline-block;
  border-bottom: 1px solid #898989;
  padding-bottom: 2px;
  font-size: 11px;
  font-weight: 300;
  margin-top: 6px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}
@media (min-width:768px) {
  .company__table-link {
    font-size: 12px
  }
}
@media (min-width:1025px) {
  .company__table-link:hover {
    color: #ac8c36;
    border-color: #ac8c36
  }
}
.company__table-head {
  display: block;
  margin-bottom: 11px
}
@media (min-width:768px) {
  .company__table-head {
    margin-bottom: 15px
  }
}
.company__table-link-tel {
  cursor: default;
  pointer-events: auto
}
@media (min-width:768px) {
  .company__table-link-tel {
    color: #898989;
    pointer-events: none
  }
}
.footer__top {
  background: url(../images/sp/footer-marble-bg.jpg) no-repeat 0 0;
  background-color: #fff;
  background-size: cover;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 185px;
  width: 100%
}
@media (min-width:768px) {
  .footer__top {
    background: url(../images/footer-marble-bg.jpg) no-repeat 0 0;
    background-color: #fff;
    height: 380px
  }
}
.footer__top p {
  color: #1d1d1d;
  text-align: center;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .26em
}
@media (min-width:768px) {
  .footer__top p {
    font-size: 17px
  }
}
.footer__logo {
  height: 25.5px;
  margin-bottom: 23px;
  margin-top: 10px;
  width: 69.5px
}
@media (min-width:768px) {
  .footer__logo {
    height: 43px;
    margin-bottom: 34px;
    margin-top: 0;
    width: 118px
  }
}
@media (max-width:767px) {
  .footer__top-txt {
    width: 196.5px
  }
}
@media (max-width:767px) {
  .footer__top-txt img {
    width: 100%
  }
}
.footer__bottom {
  display: -webkit-box;
  display: flex;
  background-color: #1d1d1d;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  height: 97.5px;
  padding: 7% 9.8% 2%;
  width: 100%
}
@media (min-width:768px) {
  .footer__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 70px;
    padding: 0 50px
  }
}
@media (min-width:1101px) {
  .footer__bottom {
    padding: 0 140px 0 131px
  }
}
.footer__bottom-link {
  display: -webkit-box;
  display: flex
}
@media (max-width:767px) {
  .footer__bottom-link {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 21px
  }
}
.footer__bottom-link a {
  color: #fff;
  display: block;
  position: relative;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .13em
}
@media (min-width:768px) {
  .footer__bottom-link a {
    font-size: 13px
  }
}
.footer__bottom-link a:not(:last-child) {
  margin-right: 22px
}
@media (min-width:768px) {
  .footer__bottom-link a:not(:last-child) {
    margin-right: 57px
  }
}
.footer__bottom-copyright {
  width: 100%;
  margin-bottom: 10px
}
@media (min-width:768px) {
  .footer__bottom-copyright {
    margin-left: auto;
    margin-bottom: 0;
    width: auto
  }
}
.footer__bottom-copyright p {
  color: #f9f9f9;
  text-align: center;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .16em;
  opacity: .3
}
@media (min-width:768px) {
  .footer__bottom-copyright p {
    font-size: 12px
  }
}
.svg-sprite {
  display: none
}
.forsp {
  display: none;
}
.forpc {
  display: block;
}
@media screen and (max-width:767px) {
  .forsp {
    display: block;
  }
  .forpc {
    display: none;
  }
}
.swiper-work .swiper-slide.swiper-slide__horizontal {
  width: 35.33%;
}
.swiper-work .swiper-slide.swiper-slide__horizontal .swiper-slide__img {
  padding-top: 70%;
}
.swiper-work .swiper-slide.swiper-slide__vertical {
  width: 17%;
}
.swiper-work .swiper-slide.swiper-slide__vertical .swiper-slide__img {
  padding-top: 147%;
}
@media screen and (max-width:767px) {
  .swiper-work .swiper-slide.swiper-slide__horizontal {
    width: 100%;
    margin: 0;
  }
  .swiper-work .swiper-slide.swiper-slide__vertical {
    width: 48.5%;
    margin: 0 25.75%;
  }
}
/*
@media screen and (max-width:767px) {
	.article-work__thumb { display: block; position: static; margin: 0 auto; }
	.article-work__thumb-big { width:80%; margin-left: 0; }
	
	.article-work__thumb, .article-work__thumb-big,.article-work__thumb-big .article-work__thumb-container { height: 50vw; }
	.article-work__thumb-big .article-work__thumb-container { margin-top: 0; }
	
	.article-work__thumb-small { width:60%; height: 35vw; margin: 25vw auto 40vw 35%; }
	
	.swiper-container { margin-top: 50vw; }
	.swiper-container.swiper-other { margin-top: 0; }
}
*/