@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanjp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp.min.css");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");
#page-design {
  overflow-y: scroll !important;
}
#page-design .contents-property {
  padding-top: 0 !important;
  overflow-y: scroll !important;
}
@media screen and (max-width: 767px) {
  #page-design .scroll {
    bottom: 25px;
  }
}

.horizontal-content .horizontal-content__bg {
  /* スマホ用 */
}
@media screen and (max-width: 767px) {
  .horizontal-content .horizontal-content__bg {
    background-image: url("../../img/common/sp/pattern_bg_design_sp.png");
  }
}
@media screen and (min-width: 768px) {
  .horizontal-content .horizontal-content__bg {
    background-image: url("../../img/common/pattern_top_bg.png");
  }
}

.block {
  min-width: auto;
}
@media screen and (max-width: 767px) {
  .block {
    margin-top: 90px;
    margin-top: 24vw;
  }
}
@media screen and (max-width: 767px) {
  .block .block__inner {
    width: 100%;
    padding-inline: 6.5%;
  }
}
@media screen and (max-width: 767px) {
  .block .block-textArea {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .block .block-textArea .block__copy.--sm {
    margin-top: 2.2em;
  }
}
@media screen and (max-width: 767px) {
  .block .block-textArea .block__txt.--sm {
    line-height: 1.75;
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  .block .block-imgArea {
    margin-inline: calc(50% - 50vw);
  }
}
.block .figure figcaption {
  font-family: "Hannari", "Noto Serif JP", "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
  font-size: 13px;
  font-size: 1.511627907vh;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0em 0.5em 0.15em;
}

.block .block-headArea .block__jp {
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 500;
  letter-spacing: 0.25em;
}
@media screen and (min-width: 768px) {
  .block .block-headArea .block__jp {
    font-size: 26px;
    font-size: 3.023255814vh;
  }
}
.block-interview {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.block-interview .block__inner {
  padding-block: 0px;
  padding-block: 0vh;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .block-interview .block__inner {
    padding-top: 100px;
    padding-top: 11.6279069767vh;
  }
}
@media screen and (min-width: 1201px) {
  .block-interview .block__inner {
    padding-top: 55px;
    padding-top: 6.3953488372vh;
  }
}
.block-interview .interview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  font-size: 3.2vw;
  line-height: 1.625;
  margin-top: 1.6em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .block-interview .interview {
    font-size: 15.8px;
    font-size: 1.8372093023vh;
    width: calc(100vh * 0.5);
  }
}
@media screen and (min-width: 768px) {
  .block-interview .interview.--lg {
    width: calc(100vh * 0.5465116279);
  }
}
.block-interview .interview dt,
.block-interview .interview dd {
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hanging-punctuation: last allow-end;
}
.block-interview .interview dt {
  width: 3em;
}
.block-interview .interview dd {
  width: calc(100% - 3em);
  letter-spacing: 0.03em;
}
.block-interview .interview.--manager {
  color: #042275;
}
.block-interview .interview.--designer {
  color: #784600;
}

@media screen and (min-width: 768px) {
  .--block01 .block__inner {
    padding-top: 100px;
    padding-top: 11.6279069767vh;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .--block01 .block__inner {
    padding-top: 140px;
    padding-top: 16.2790697674vh;
  }
}
@media screen and (max-width: 767px) {
  .--block01 .block-textArea {
    padding-bottom: 70px;
    padding-bottom: 18.6666666667vw;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .--block01 .block-textArea .block__txt.--sm {
    line-height: 2.1666666667;
    margin-top: 1.7em;
  }
}

@media screen and (max-width: 767px) {
  .--block02 .block-headArea {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .--block02 .block-imgArea {
    margin-left: 40px;
    margin-left: 4.6511627907vh;
  }
}
@media screen and (min-width: 768px) {
  .--block02 .block-textArea {
    margin-left: 100px;
    margin-left: 11.6279069767vh;
  }
}
.--block02 .block-textArea .block__txt {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .--block03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.--block03 .block-headArea {
  color: #1e2e87;
}
@media screen and (max-width: 767px) {
  .--block03 .block-headArea {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .--block03 .block-headArea {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 80px;
    padding-top: 9.3023255814vh;
    font-size: 26px;
    font-size: 3.023255814vh;
  }
}
@media screen and (max-width: 767px) {
  .--block03 .block-imgArea {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (min-width: 768px) {
  .--block03 .block-imgArea .block__img {
    height: calc(100vh - 250px);
  }
}
@media screen and (max-width: 767px) {
  .--block03 .block-textArea {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .--block03 .block-textArea {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .--block03 .block-textArea .block__txt {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 1.7857142857;
  }
}

@media screen and (max-width: 767px) {
  .--block04 .block-textArea {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .--block05 .block-textArea {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .--block07 .block__img {
    height: calc(100vh - 250px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .--block07 .block__img {
    height: calc(100vh - 210px);
  }
}
.--block07 .block-headArea {
  z-index: 2;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 20px;
  top: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .--block07 .block-headArea {
    top: 160px;
    top: 18.6046511628vh;
  }
}
.--block07 .block-headArea .block__copy {
  font-family: "Playfair Display", serif;
}

@media screen and (min-width: 768px) {
  .--block09 .block__img {
    height: calc(100vh - 250px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .--block09 .block__img {
    height: calc(100vh - 210px);
  }
}/*# sourceMappingURL=page-design.css.map */