/*--------------------------------
事業内容
---------------------------------*/
.l-concept .c-contentHero__heading {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5vw;
  color: var(--white);
  text-align: right;
  display: grid;
  gap: 1rem;
  padding: 0 7vw;
}
.l-concept .c-contentHero__catchTitle {
  font-size: clamp(170%, 4vw, 3rem);
  border-bottom: 2px solid var(--white);
  padding-bottom: 1rem;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.l-concept .c-contentHero__description {
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  letter-spacing: min(0.5rem, 0.2vw);
  line-height: 1.6;
}

/*--------------------------------
事業内容 独自パーツ
---------------------------------*/
/*--挨拶--*/
.p-greetingr {
  display: grid;
  gap: min(60px, 10vw);
}
.p-greetingr__body {
  display: grid;
}
.p-greetingr__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 clamp(0.3vw, 60px, 0.5vw);
}
.p-greetingr__items:nth-child(even) {
  flex-direction: row-reverse;
}
.p-greetingr__photo {
  flex: 1 1 clamp(250px, 40%, 50%);
}
.p-greetingr__image {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.p-greetingr__bodyText {
  flex: 1 1 clamp(350px, 55%, 700px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(5vw, 30px);
  padding: min(120px, 7vw);
}
.p-greetingr__catchTitle {
  border-left: 7px solid var(--primary);
  font-size: clamp(1.1rem, 1.5vw, 1.6rem);
  font-weight: bold;
  padding-left: min(30px, 2vw);
  line-height: 1.6;
}
.p-greetingr__catchTitle--eng {
  color: #ccc;
}
.p-greetingr__mainText {
  font-size: clamp(0.9rem, 1.2vw, 1.2em);
  line-height: min(180%, 15vw);
  max-width: 550px;
  padding-left: min(30px, 2vw);
}

/*--京都ハウジングサービスが目指すもの--*/
.p-vision {
  display: grid;
  gap: min(60px, 10vw);
  padding: 7vw 7vw 12vw;
  background: var(--secondry);
}
.p-vision__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(250px, 50%, 400px), 1fr));
  gap: min(10vw, 50px);
}
.p-vision__items {
  display: grid;
  gap: min(2rem, 20px);
  grid-template-rows: subgrid;
  grid-row: span 2;
}
.p-vision__photo {
  aspect-ratio: 2/1.5;
}
.p-vision__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-vision__sectionTitle {
  margin-bottom: min(1rem, 20px);
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
  font-weight: bold;
}
.p-vision__mainText {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  line-height: 1.8;
}

/*--納品までの流れ（植村追記）--*/
.p-flow {
  display: grid;
  gap: min(60px, 10vw);
  width: 100%;
}
.p-flow__img img{
  aspect-ratio: 288/101;
}
@media screen and (max-width: 801px) {
  .p-flow__img img{
    aspect-ratio: 370/687;
  }
}