@charset "UTF-8";
/*main color*/
/*addcolor*/
/* spacing */
/*mixin*/
/* 游ゴシック Bold */
.u-font-JP_B {
  font-family: "游ゴシック体 Pr6N B", "Yu Gothic Pr6N B", "游ゴシック体 Pr6N", "Yu Gothic Pr6N", sans-serif;
  font-weight: bold;
}
@supports (-webkit-hyphens: none) {
  .u-font-JP_B {
    font-weight: 600;
  }
}

/* Prelude Pro */
.u-font-EN_L {
  font-family: "Prelude Pro Light", "Prelude Pro", sans-serif;
  font-weight: 100;
}

.u-font-EN_M {
  font-family: "Prelude Pro Medium", "Prelude Pro", sans-serif;
  font-weight: 500;
}

.u-font-EN_B {
  font-family: "Prelude Pro Bold", "Prelude Pro", sans-serif;
  font-weight: bold;
}

/* スライド（数字）用のフォント*/
.u-font-slideNum {
  font-family: Arial, sans-serif;
}

/* 游明朝体 */
.u-font-Yumincho_R {
  font-family: "游明朝体 Pr6N R", "Yu Mincho Pr6N R", "游明朝体 Pr6N", "Yu Mincho Pr6N", serif;
  font-weight: normal;
}
@supports (-webkit-hyphens: none) {
  .u-font-Yumincho_R {
    font-weight: 400;
  }
}

.u-font-Yumincho_M {
  font-family: "游明朝体 Pr6N M", "Yu Mincho Pr6N M", "游明朝体 Pr6N", "Yu Mincho Pr6N", serif;
  font-weight: 500;
}

.u-font-Yumincho_D {
  font-family: "游明朝体 Pr6N D", "Yu Mincho Pr6N D", "游明朝体 Pr6N", "Yu Mincho Pr6N", serif;
  font-weight: bold;
}
@supports (-webkit-hyphens: none) {
  .u-font-Yumincho_D {
    font-weight: 600;
  }
}

/* フッター下padding */
.footer {
  padding-bottom: 80px;
}
@media (max-width: 960px) {
  .footer {
    padding-bottom: 150px;
  }
}

em {
  font-style: normal;
}

.p-designpark {
  line-height: 1.6;
  font-size: clamp(1.6rem, 15.037037037px + 0.2469135802vw, 1.8rem);
}
.p-designpark .dot-border {
  border-bottom: 2px dotted #333;
  margin-block: 30px;
}
@media (max-width: 960px) {
  .p-designpark .dot-border {
    margin-block: 20px 0;
  }
}
.p-designpark .cta {
  background-color: #72B1AF;
}
.p-designpark .cta .cta__inner {
  padding-block: clamp(2.5rem, 17.7777777778px + 1.8518518519vw, 4rem);
  margin-inline: auto;
  width: min(600px, 90%);
}
.p-designpark .cta .cta__txt {
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-bottom: 0.5em;
}
@media (max-width: 440px) {
  .p-designpark .cta .cta__txt {
    letter-spacing: 0.05em;
  }
}
.p-designpark .cta .cta__txt em {
  margin-top: 0.1em;
  display: block;
  font-size: 1.5em;
  letter-spacing: 0.125em;
}
@media (max-width: 440px) {
  .p-designpark .cta .cta__txt em {
    letter-spacing: 0.05em;
  }
}
.p-designpark .cta .cta__btn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 60px;
  gap: 0.7em;
  border: 1px solid #0F2E53;
  border-radius: 99px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #F3F4F6;
  padding-inline: 5%;
  transition: background-color 0.3s ease;
}
.p-designpark .cta .cta__btn i {
  transition: transform 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .p-designpark .cta .cta__btn:hover {
    background-color: #E1E3E6;
  }
  .p-designpark .cta .cta__btn:hover i {
    transform: translateX(5px);
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .p-designpark .cta .cta__btn:hover {
    background-color: #E1E3E6;
  }
  .p-designpark .cta .cta__btn:hover i {
    transform: translateX(5px);
  }
}
.p-designpark .btn-txt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.3em;
  font-size: clamp(1.6rem, 11.6666666667px + 1.1111111111vw, 2.5rem);
  line-height: 1;
}
@media (max-width: 440px) {
  .p-designpark .btn-txt {
    flex-grow: 1;
    flex-direction: column;
  }
}
.p-designpark .btn-txt small {
  font-size: 0.725em;
  letter-spacing: 0.06em;
}
.p-designpark .about {
  padding-block: clamp(40px, 30.3703703704px + 2.4691358025vw, 60px);
  display: grid;
  grid-template-columns: 39fr 67fr;
}
@media (max-width: 768px) {
  .p-designpark .about {
    grid-template-columns: auto;
    gap: 30px;
  }
}
.p-designpark .about .about__logo {
  display: grid;
  place-content: center;
}
.p-designpark .about .about__logo img {
  width: 30%;
  margin-inline: auto;
}
.p-designpark .about .about__ttl {
  font-size: clamp(2rem, 17.5925925926px + 0.6172839506vw, 2.5rem);
  margin-bottom: 0.5em;
}
.p-designpark .pickup {
  padding-block: clamp(40px, 25.5555555556px + 3.7037037037vw, 70px);
  background: url(/assets/img/designpark/bg.jpg) repeat-y center top/100% auto;
}
.p-designpark .pickup .pickup__box {
  border: 2px solid #333;
  background-color: #ffffff;
  container-type: inline-size;
}
.p-designpark .pickup .pickup__box:first-of-type {
  margin-bottom: 30px;
}
.p-designpark .pickup .pickup__head {
  font-size: clamp(2rem, 16.1481481481px + 0.987654321vw, 2.8rem);
  text-align: center;
  letter-spacing: 0.05em;
  padding: 0 5% clamp(25px, 17.7777777778px + 1.8518518519vw, 40px);
}
.p-designpark .pickup .pickup__head em {
  padding: 0.1em 0.2em;
  margin-inline: 0.1em;
  background-color: #C2272D;
  color: #ffffff;
}
.p-designpark .pickup .pickup__head-img {
  width: min(300px, 90%);
  margin-inline: auto;
  transform: translateY(-55%);
}
.p-designpark .pickup .pickup-list {
  padding: 40px 5cqw;
}
@media (max-width: 960px) {
  .p-designpark .pickup .pickup-list {
    padding: 0;
  }
}
.p-designpark .pickup .pickup-list .pickup-list__item {
  display: grid;
  grid-template-columns: 60fr 34fr;
  gap: 15px 45px;
  grid-template-areas: "head head" "img body";
}
@media (max-width: 960px) {
  .p-designpark .pickup .pickup-list .pickup-list__item {
    grid-template-columns: auto;
    gap: 2rem;
    grid-template-areas: "img" "head" "body";
  }
}
.p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__head {
  grid-area: head;
  display: flex;
  flex-direction: row;
  line-height: 1;
  align-items: center;
  border-left: 2px solid #333;
  padding-left: 1.5rem;
}
@media (max-width: 960px) {
  .p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__head {
    margin-inline: 5%;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }
}
.p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__head em {
  font-size: clamp(2.8rem, 24.6296296296px + 0.8641975309vw, 3.5rem);
  padding-right: 1.5rem;
  border-right: 2px solid #333;
  margin-right: 1.5rem;
}
@media (max-width: 960px) {
  .p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__head em {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__head span {
  font-size: clamp(1.6rem, 13.1111111111px + 0.7407407407vw, 2.2rem);
  letter-spacing: 0.1em;
}
.p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__img {
  grid-area: img;
}
.p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__body {
  grid-area: body;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (max-width: 960px) {
  .p-designpark .pickup .pickup-list .pickup-list__item .pickup-list__body {
    gap: 1.5rem;
    justify-content: unset;
    margin-inline: 5%;
  }
}
.p-designpark .design {
  padding-block: clamp(40px, 35.1851851852px + 1.2345679012vw, 50px);
  background-color: #F3F4F6;
}
.p-designpark .design .design__head {
  display: grid;
  grid-template-columns: 17fr 88fr;
  align-items: center;
  gap: clamp(15px, 10.1851851852px + 1.2345679012vw, 25px);
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .p-designpark .design .design__head {
    grid-template-columns: auto;
    margin-bottom: 25px;
  }
}
.p-designpark .design .design__head p {
  font-size: clamp(1.6rem, 13.1111111111px + 0.7407407407vw, 2.2rem);
}
@media (max-width: 768px) {
  .p-designpark .design .design__head p {
    text-align: center;
    line-height: 1.8;
  }
}
.p-designpark .design .design__head p em {
  color: #C2272D;
}
.p-designpark .design .design__logo {
  width: clamp(60px, 31.1111111111px + 7.4074074074vw, 120px);
  margin-left: auto;
}
@media (max-width: 768px) {
  .p-designpark .design .design__logo {
    margin-inline: auto;
  }
}
.p-designpark .info {
  padding-block: clamp(40px, 35.1851851852px + 1.2345679012vw, 50px);
}
.p-designpark .info .info__head {
  text-align: center;
  font-size: clamp(2.5rem, 20.1851851852px + 1.2345679012vw, 3.5rem);
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 1.4em;
}
.p-designpark .info .info__name {
  font-size: clamp(2rem, 19.037037037px + 0.2469135802vw, 2.2rem);
  letter-spacing: 0.05em;
  margin-bottom: 1em;
  display: block;
}
.p-designpark .info .info__detail {
  margin-top: 1.4em;
}
.p-designpark .info .info__detail dl {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0;
}
.p-designpark .info .info__detail dt, .p-designpark .info .info__detail dd {
  padding: 8px 16px;
  border-bottom: 1px solid #F3F4F6;
  margin: 0;
}
.p-designpark .info .info__detail dt {
  white-space: nowrap;
}/*# sourceMappingURL=designpark.css.map */