@charset "UTF-8";

/* 
============================================================
---- 【Utility】非表示 ----
============================================================
*/
.u-visuallyHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* 
============================================================
---- 【Utility】行数制限 ----
============================================================
*/
.u-lineClamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.u-lineClamp--1 {
  -webkit-line-clamp: 1;
}

.u-lineClamp--2 {
  -webkit-line-clamp: 2;
}

.u-lineClamp--3 {
  -webkit-line-clamp: 3;
}

@media screen and (max-width: 767px) {
  .u-lineClamp--sp1 {
    -webkit-line-clamp: 1;
  }

  .u-lineClamp--sp2 {
    -webkit-line-clamp: 2;
  }

  .u-lineClamp--sp3 {
    -webkit-line-clamp: 3;
  }
}