@charset "UTF-8";
/* --------------------------------------
  イントロ
---------------------------------------- */
.design .t-design__intro {
  padding-top: clamp(56px, 5.043vw, 84px);
  padding-bottom: clamp(56px, 5.043vw, 84px);
  background-image: url(../img/design/design-bg01.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .design .t-design__intro {
    background-image: none;
    padding-top: clamp(32px, 10.667vw, 48px);
    padding-bottom: clamp(32px, 10.667vw, 48px);
  }
}
.design .t-design__intro .l-inner {
  max-width: min(83.573vw, 1392px);
}
@media screen and (max-width: 768px) {
  .design .t-design__intro .l-inner {
    max-width: 100%;
  }
}
.design .t-design__intro__photoWrap {
  margin: auto;
  margin-top: clamp(56px, 5.043vw, 84px);
  max-width: min(83.573vw, 1392px);
}
@media screen and (max-width: 768px) {
  .design .t-design__intro__photoWrap {
    margin-top: clamp(24px, 8vw, 36px);
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .design .t-design__intro__photo .inside {
    bottom: -14px;
  }
}

/* --------------------------------------
  デザイナー
---------------------------------------- */
.design .t-design__designer {
  background-color: #3b1e0f;
  color: #fff;
  padding-top: clamp(56px, 5.043vw, 84px);
  padding-bottom: clamp(56px, 5.043vw, 84px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer {
    padding-top: clamp(40px, 13.333vw, 60px);
    padding-bottom: clamp(40px, 13.333vw, 60px);
  }
}
.design .t-design__designer .l-inner {
  max-width: min(69.164vw, 1152px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer .l-inner {
    max-width: 100%;
  }
}
.design .t-design__designer__contents01 {
  margin: auto;
  max-width: min(48.991vw, 816px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01 {
    max-width: 100%;
  }
}
.design .t-design__designer__contents01__head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(1.441vw, 24px) min(12.248vw, 204px);
  grid-template-columns: 1fr min(12.248vw, 204px);
  -ms-grid-rows: auto min(1.729vw, 28.8px) auto;
      grid-template-areas: "info  photo" "read  photo";
  -webkit-column-gap: min(1.441vw, 24px);
     -moz-column-gap: min(1.441vw, 24px);
          column-gap: min(1.441vw, 24px);
  row-gap: min(1.729vw, 28.8px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__head {
    -ms-grid-columns: 1fr min(5.333vw, 24px) min(37.333vw, 168px);
    grid-template-columns: 1fr min(37.333vw, 168px);
    -ms-grid-rows: auto min(5.333vw, 24px) auto;
        grid-template-areas: "info  photo" "read  read";
    -webkit-column-gap: min(5.333vw, 24px);
       -moz-column-gap: min(5.333vw, 24px);
            column-gap: min(5.333vw, 24px);
    row-gap: min(5.333vw, 24px);
  }
}
.design .t-design__designer__contents01__head__info {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: info;
  min-width: 0;
  text-align: left !important;
}
.design .t-design__designer__contents01__head__info__label {
  padding-bottom: min(0.36vw, 6px);
  border-bottom: 1px solid #fff;
  font-size: clamp(9.6px, 0.865vw, 14.4px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__head__info__label {
    font-size: clamp(16px, 5.333vw, 24px);
    padding-bottom: min(1.067vw, 4.8px);
  }
}
.design .t-design__designer__contents01__head__info__company {
  margin-top: min(0.865vw, 14.4px);
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__head__info__company {
    margin-top: min(4.267vw, 19.2px);
    font-size: clamp(12px, 4vw, 18px);
  }
}
.design .t-design__designer__contents01__head__info__role {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.6em;
  margin-top: min(0vw, 0px);
  font-size: clamp(12.8px, 1.153vw, 19.2px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__head__info__role {
    display: block;
    margin-top: min(4.267vw, 19.2px);
    font-size: clamp(10.4px, 3.467vw, 15.6px);
  }
}
.design .t-design__designer__contents01__head__info__role__name {
  font-style: normal;
  font-size: clamp(19.2px, 1.729vw, 28.8px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__head__info__role__name {
    display: block;
    margin-top: min(0vw, 0px);
    font-size: clamp(19.2px, 6.4vw, 28.8px);
  }
}
.design .t-design__designer__contents01__head__photo {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: photo;
  min-width: 0;
}
.design .t-design__designer__contents01__head__photo img {
  width: 100%;
  display: block;
}
.design .t-design__designer__contents01__head__read {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: read;
  min-width: 0;
  text-align: left !important;
  font-size: clamp(9.6px, 0.865vw, 14.4px);
  line-height: 1.9;
}
@media screen and (max-width: 768px){
  .design .t-design__designer__contents01__head__info {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .design .t-design__designer__contents01__head__photo {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .design .t-design__designer__contents01__head__read {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__head__read {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
    line-height: 1.8;
  }
}
.design .t-design__designer__contents01__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(1.441vw, 24px) 1fr min(1.441vw, 24px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1.441vw, 24px);
  margin-top: min(2.882vw, 48px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__list {
    gap: min(2.667vw, 12px);
    margin-top: min(8vw, 36px);
  }
}
.design .t-design__designer__contents01__list__item figure {
  display: block;
  margin: 0;
}
.design .t-design__designer__contents01__list__item img {
  width: 100%;
  display: block;
}
.design .t-design__designer__contents01__list__item figcaption {
  display: block;
  margin-top: min(0.576vw, 9.6px);
  font-size: clamp(9.6px, 0.865vw, 14.4px);
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__list__item figcaption {
    margin-top: min(1.6vw, 7.2px);
    font-size: clamp(8.8px, 2.933vw, 13.2px);
  }
}
.design .t-design__designer__contents01__note {
  color: #fff;
  margin-top: min(1.153vw, 19.2px);
  text-align: right !important;
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents01__note {
    margin-top: min(2.667vw, 12px);
  }
}

.design .t-design__designer__contents02 {
  margin-top: min(5.764vw, 96px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__contents02 {
    margin-top: min(8vw, 36px);
  }
}
.design .t-design__designer__verticalDesignBlock {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(2.882vw, 48px) 1fr min(2.882vw, 48px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: min(2.882vw, 48px);
     -moz-column-gap: min(2.882vw, 48px);
          column-gap: min(2.882vw, 48px);
  margin-top: min(3.602vw, 60px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__verticalDesignBlock {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: min(10.667vw, 48px);
    margin-top: min(2.667vw, 12px);
  }
}
.design .t-design__designer__verticalDesignItem {
  text-align: left !important;
}
@media screen and (min-width: 769px) {
  .design .t-design__designer__verticalDesignItem {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 3;
    grid-row: span 3;
    row-gap: 0;
  }
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__verticalDesignItem {
    padding-top: min(5.333vw, 24px);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
.design .t-design__designer__verticalDesignItem h3 {
  color: #e5cd7d;
}
.design .t-design__designer__verticalDesignItem h3 p:first-child {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(11.2px, 1.009vw, 16.8px);
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__verticalDesignItem h3 p:first-child {
    font-size: clamp(12px, 4vw, 18px);
  }
}
.design .t-design__designer__verticalDesignItem h3 p:last-child {
  margin-top: min(0.72vw, 12px);
  font-size: clamp(13.6px, 1.225vw, 20.4px);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__verticalDesignItem h3 p:last-child {
    margin-top: min(2.667vw, 12px);
    font-size: clamp(16px, 5.333vw, 24px);
  }
}
.design .t-design__designer__verticalDesignItem > p {
  margin-top: min(1.153vw, 19.2px);
  font-size: clamp(10.4px, 0.937vw, 15.6px);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__verticalDesignItem > p {
    margin-top: min(3.733vw, 16.8px);
    font-size: clamp(11.2px, 3.733vw, 16.8px);
  }
}
.design .t-design__designer__verticalDesignItem figure {
  margin-top: min(1.729vw, 28.8px);
}
@media screen and (max-width: 768px) {
  .design .t-design__designer__verticalDesignItem figure {
    margin-top: min(5.333vw, 24px);
  }
}
.design .t-design__designer__verticalDesignItem figure img {
  width: 100%;
  display: block;
}
.design .t-design__designer__verticalDesignItem figure figcaption {
  color: #fff;
}

/* --------------------------------------
  ランドスケープ
---------------------------------------- */
.design .t-design__landscape {
  margin-top: clamp(56px, 5.043vw, 84px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape {
    margin-top: clamp(40px, 13.333vw, 60px);
  }
}
.design .t-design__landscape .l-inner {
  max-width: min(69.164vw, 1152px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape .l-inner {
    max-width: 100%;
  }
}
.design .t-design__landscape__contents01 {
  margin-top: clamp(40px, 3.602vw, 60px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents01 {
    margin-top: clamp(28px, 9.333vw, 42px);
  }
}
.design .t-design__landscape__contents01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(1.441vw, 24px) 2.2fr;
  grid-template-columns: 1fr 2.2fr;
  gap: min(1.441vw, 24px);
  text-align: left;
  font-size: clamp(10.4px, 0.937vw, 15.6px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents01 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.design .t-design__landscape__contents01__textBlock {
  margin-top: min(7.205vw, 120px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents01__textBlock {
    margin-top: min(0vw, 0px);
  }
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents01__photoBlock {
    margin-top: min(2.667vw, 12px);
  }
}
.design .t-design__landscape__contents01__title {
  font-size: clamp(19.2px, 1.729vw, 28.8px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents01__title {
    text-align: left;
    font-size: clamp(14.4px, 4.8vw, 21.6px);
  }
}
.design .t-design__landscape__contents01__read {
  margin-top: min(1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents01__read {
    font-size: clamp(11.2px, 3.733vw, 16.8px);
    margin-top: min(2.667vw, 12px);
  }
}

.design .t-design__landscape__contents02Wrap {
  margin: auto;
  max-width: min(47.55vw, 792px);
  padding: clamp(19.2px, 1.729vw, 28.8px);
  background-color: #ebe7dc;
  margin-top: clamp(56px, 5.043vw, 84px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02Wrap {
    max-width: 100%;
    margin-top: clamp(40px, 13.333vw, 60px);
  }
}
.design .t-design__landscape__contents02 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(1.441vw, 24px) 1.4fr;
  grid-template-columns: 1fr 1.4fr;
  gap: min(1.441vw, 24px);
  text-align: left;
  font-size: clamp(10.4px, 0.937vw, 15.6px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.design .t-design__landscape__contents02__title {
  font-size: clamp(12.8px, 1.153vw, 19.2px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02__title {
    font-size: clamp(14.4px, 4.8vw, 21.6px);
  }
}
.design .t-design__landscape__contents02__read {
  margin-top: clamp(8px, 0.72vw, 12px);
  font-size: clamp(9.6px, 0.865vw, 14.4px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02__read {
    font-size: clamp(10.4px, 3.467vw, 15.6px);
  }
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02__photoBlock {
    margin-top: min(5.333vw, 24px);
  }
}
.design .t-design__landscape__contents02__photoBlock__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(0.432vw, 7.2px) 1fr min(0.432vw, 7.2px) 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: min(0.432vw, 7.2px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02__photoBlock__list {
    -ms-grid-columns: 1fr min(1.6vw, 7.2px) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: min(1.6vw, 7.2px);
  }
}
.design .t-design__landscape__contents02__photoBlock__list__item figure {
  position: relative;
}
.design .t-design__landscape__contents02__photoBlock__list__item figure figcaption {
  font-size: clamp(7.2px, 0.648vw, 10.8px);
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 1;
  padding: min(0.144vw, 2.4px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02__photoBlock__list__item figure figcaption {
    font-size: clamp(7.2px, 2.4vw, 10.8px);
    padding: min(0.533vw, 2.4px);
  }
}
.design .t-design__landscape__contents02__photoBlock__note {
  text-align: right;
}
.design .t-design__landscape__contents02__note {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents02__note {
    margin-top: min(2.667vw, 12px);
  }
}

.design .t-design__landscape__contents03Wrap {
  margin: auto;
  margin-top: min(5.043vw, 84px);
  max-width: 660px;
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03Wrap {
    margin-top: min(13.333vw, 60px);
  }
}
.design .t-design__landscape__contents03 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr min(4.323vw, 72px) 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto min(1.441vw, 24px) 1fr;
  grid-template-rows: auto 1fr;
  -webkit-column-gap: min(4.323vw, 72px);
     -moz-column-gap: min(4.323vw, 72px);
          column-gap: min(4.323vw, 72px);
  row-gap: min(1.441vw, 24px);
  text-align: left;
  margin-top: clamp(40px, 3.602vw, 60px);
}
.design .t-design__landscape__contents03 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.design .t-design__landscape__contents03 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.design .t-design__landscape__contents03 > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.design .t-design__landscape__contents03 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    margin-top: clamp(16px, 5.333vw, 24px);
    gap: min(10.667vw, 48px);
  }
  .design .t-design__landscape__contents03 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.design .t-design__landscape__contents03__title {
  font-size: clamp(16px, 1.441vw, 24px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03__title {
    font-size: clamp(16px, 5.333vw, 24px);
  }
}
.design .t-design__landscape__contents03__item:first-child {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03__item:first-child {
    grid-row: auto;
  }
}
.design .t-design__landscape__contents03__item__title {
  font-size: clamp(12px, 1.081vw, 18px);
  margin-top: clamp(8px, 0.72vw, 12px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03__item__title {
    font-size: clamp(12px, 4vw, 18px);
  }
}
.design .t-design__landscape__contents03__item__read {
  margin-top: clamp(8px, 0.72vw, 12px);
  font-size: clamp(8.8px, 0.793vw, 13.2px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03__item__read {
    font-size: clamp(9.6px, 3.2vw, 14.4px);
  }
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03__item__photo {
    margin-top: clamp(8px, 2.667vw, 12px);
  }
}
.design .t-design__landscape__contents03__note {
  text-align: left;
  margin-top: min(2.161vw, 36px);
}
@media screen and (max-width: 768px) {
  .design .t-design__landscape__contents03__note {
    margin-top: min(8vw, 36px);
  }
}
/*# sourceMappingURL=design.css.map */