@charset "utf-8";
/*=======================================================================
試作品について
=======================================================================*/
.prototype_title {
  background-image: url("../img/title/bg_ti_prototype.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 70%;
}
.daen_container {
  width: 90%;
  max-width: 670px;
  margin: auto;
}
.okotae {
  width: 60%;
  max-width: 140px;
  margin: 0 auto 16px auto;
}
@media all and (min-width: 961px) {
  .okotae {
    max-width: 260px;
  }
}
.prototype-inbox-head02 {
  font-size: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem) /*30-60|320-1920*/;
}
#masonry {
  width: 90%;
  max-width: 1240px;
  margin: 0 auto 72px auto;
}
.masonry {
  column-count: 3;
  column-gap: 12px;
}
.masonry img {
  width: 100%;
  margin-bottom: 12px;
  border-radius: 6px;
  display: block;
  break-inside: avoid;
  transition: transform 0.3s ease;
}
@media (max-width: 1024px) {
  .masonry {
    column-count: 3;
  }
}
@media (max-width: 768px) {
  .masonry {
    column-count: 2;
  }
}
@media (max-width: 480px) {
  .masonry {
    column-count: 2;
  }
}
.challenge-text {
  width: 90%;
  max-width: 1150px;
  margin: auto;
}
.challenge-text img.pc {
  max-width: 900px;
  margin: 0 auto 40px auto;
}
.challenge-text p {
  font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem) /*20-24|320-1920*/;
}
#prototype_flow {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}
#prototype_flow div:not(.btn_shadow) {
  background: #fff;
  margin-bottom: 40px;
  padding: 0 24px;
  align-items: center;
}
#prototype_flow div:not(#prototype_flow div div) {
  padding: 24px;
}
#prototype_flow .btn_container.btn_contact {
  margin-bottom: 0;
}
#prototype_flow div .btn_wrap {
  margin-bottom: 0 !important;
}
#prototype_flow div dt {
  color: #009aa6;
  font-weight: 900;
  font-size: 112.5%;
}
#prototype_flow div:not(#prototype_flow div div) {
  position: relative;
}
#prototype_flow div:not(#prototype_flow div div):before {
  font-size: clamp(2.25rem, 2.1rem + 0.75vw, 3rem) /*36-48|320-1920*/;
  color: rgba(0, 154, 166, 0.5);
  font-weight: 900;
  width: 8%;
}
#prototype_flow div:not(#prototype_flow div div):first-child:before {
  content: "01";
}
#prototype_flow div:not(#prototype_flow div div):nth-child(2):before {
  content: "02";
}
#prototype_flow div:not(#prototype_flow div div):nth-child(3):before {
  content: "03";
}
#prototype_flow div:not(#prototype_flow div div):nth-child(4):before {
  content: "04";
}
#prototype_flow div:not(#prototype_flow div div):nth-child(5):before {
  content: "05";
}
#prototype_flow div:not(#prototype_flow div div):nth-child(6):before {
  content: "06";
}
#prototype_flow div:not(#prototype_flow div div):nth-child(7):before {
  content: "07";
}
#prototype_flow div:not(#prototype_flow div div):nth-child(8):before {
  content: "08";
}
@media all and (min-width: 961px) {
  #prototype_flow div {
    display: flex;
    justify-content: space-between;
  }
  #prototype_flow div dt {
    border-right: 1px solid #ccc;
    width: 20%;
    line-height: 70px;
  }
  #prototype_flow div dd {
    width: 65%;
  }
}