@charset "UTF-8";

.p-business_item{
  display: flex;
  align-items: flex-start; 
  gap: 30px;
  margin-bottom: 100px;
}

.p-business_item .header02_title{
  flex: 0 0 340px;
}

/* 線も105pxを維持 */
.line{
  flex: 0 0 105px;
  width: 105px;
  height: 1px;
  background: var(--color-primary);
  margin-top: 35px;
}

.p-business_item-text{
  flex: 1;
  max-width: 365px;
  line-height: 2;
  min-width: 0;
}

.p-business_item-img{
  flex: 1;
  max-width: 587px;
  width: 100%;
  height: auto;
  min-width: 0; 
}

#sales-support,
#staffing,
#advertising,
#corporate-solution,
#web{
  scroll-margin-top: 100px; /* ヘッダーの高さ分 */
}

@media (max-width: 768px) {

  .p-business_item{
    flex-direction: column;
    margin-bottom: 55px;
  }

  .line{
    display: none;
  }

  .p-business_item .header02_title{
    flex: 0;
  }

  .p-business_item-text,.p-business_item-img{
    max-width: 100%;
  }

}