/* ========================================
Content
======================================== */

.content-list{

  display:flex;

  flex-direction:column;

  gap:120px;

}

/* ========================================
Item
======================================== */

.content-item{

  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:80px;

  align-items:center;

}

.content-item.image-right{

  direction:rtl;

}

.content-item.image-right
.content-body{

  direction:ltr;

}

/* ========================================
Image
======================================== */

.content-image{

  overflow:hidden;

  border-radius:24px;

}

.content-image img{

  width:100%;

  height:100%;

  object-fit:cover;

  display:block;

}

/* ========================================
Body
======================================== */

.content-body{

  width:100%;

}

.content-title{

  margin:0 0 24px;

}

.content-text{

  margin-bottom:32px;

}

.content-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

}

/* ========================================
SP
======================================== */

@media(max-width:768px){

  .content-list{

    gap:80px;

  }

  .content-item{

    grid-template-columns:
      1fr;

    gap:32px;

  }

  .content-item.image-right{

    direction:ltr;

  }

}