/*================================================
  strengths
================================================*/
.page-header {
  background-image: url(../../image/strengths/page_header_bg.jpg);
}

.section-container {
  box-shadow: none;
}

/*------------------------------------------------
strengths
------------------------------------------------*/

.strengths-title {
  color: var(--primary-color);
  font-size: clamp(1.7rem, 1.32rem + 1.9vw, 3.6rem);
  text-align: center;
  margin-bottom: 1.5rem;
}
.strengths-text {
  font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  margin-bottom: calc(var(--layout-gap)*2);
}

.strengths-container.section-container {
  background-color: inherit;
  padding: initial;
}


@media print, screen and (min-width: 769px) {
  .strengths-text {
    text-align: center;
  }
}

@media print, screen and (min-width: 1600px) {
  .strengths-title {
    font-size: 5rem;
    text-align: center;
  }
  .strengths-text {
    font-size: 2.4rem;
  }
}


/*strengths-list*/
.strengths-list {
  margin: var(--layout-gap) 0;
}
.strengths-item {
  background-color: var(--secondary-bg-color);
}
.strengths-item + .strengths-item {
  margin-top:var(--layout-gap);
}
.strengths-item-inner {
  padding: calc(var(--layout-gap)/1.25) ;
}
.strengths-item-inner > p {
  /* font-size: clamp(1.6rem, 1.48rem + 0.6vw, 2.2rem); */
  font-size: clamp(1.6rem, 1.5rem + 0.5vw, 2.1rem);
  font-weight: 500;
}
.strengths-item-title {
  color: var(--primary-color);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1.25;
  /* font-size: clamp(1.6rem, 1.28rem + 1.6vw, 3.2rem); */
  font-size: clamp(1.6rem, 1.2rem + 2vw, 3.6rem);
  font-weight: 700;
  margin-bottom: calc(var(--layout-gap)/4);
}
.strengths-item-title .label-number {
  color: rgba(var(--primary-color-rgb), 0.4);
  font-weight: 700;
  font-size: clamp(2rem, 1.2rem + 4vw, 6rem);
  margin-right: 0.5em;
  line-height: 1;
}
.strengths-item-title .label-text {
  width: calc(100% - 2.5em);
}
@media print, screen and (min-width: 769px) {
  .strengths-item {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 10px 10px 30px rgba(var(--color-black-rgb),0.1);
  }
  .strengths-item + .strengths-item {
    margin-top:calc(var(--layout-gap)*1.5);
  }
  .strengths-item-inner {
    padding: calc(var(--layout-gap)*1.25) var(--layout-gap) ;
    width: 60%;
  }
  .strengths-item-title {
    margin-bottom: calc(var(--layout-gap)/2.25);
  }
  .strengths-item-pic {
    width: 40%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .strengths-item-pic > img {
    visibility: hidden;
  }
  .strengths-item:nth-of-type(1) .strengths-item-pic {
    background-image: url(../../image/strengths/strengths_item_pic_01.jpg);
  }
  .strengths-item:nth-of-type(2) .strengths-item-pic {
    background-image: url(../../image/strengths/strengths_item_pic_02.jpg);
  }
  .strengths-item:nth-of-type(3) .strengths-item-pic {
    background-image: url(../../image/strengths/strengths_item_pic_03.jpg);
  }
  .strengths-item:nth-of-type(4) .strengths-item-pic {
    background-image: url(../../image/strengths/strengths_item_pic_04.jpg);
  }
  .strengths-item:nth-of-type(5) .strengths-item-pic {
    background-image: url(../../image/strengths/strengths_item_pic_05.jpg);
  }
  .strengths-item:nth-of-type(6) .strengths-item-pic {
    background-image: url(../../image/strengths/strengths_item_pic_06.jpg);
  }

}
@media print, screen and (min-width: 1200px) {
  .strengths-item-inner {
    width: calc(100% - 540px);
    padding: calc(var(--layout-gap)*1.5);
  }
  .strengths-item-pic {
    width: 540px;
  }
}
@media print, screen and (min-width: 1600px) {
  .strengths-item-title {
    align-items: center;
  }
}