@charset "UTF-8";
@font-face {
  font-family: "notosansjp";
  font-weight: 400;
  src: url(../../../products/_assets/font/notosansjp/NotoSansJP-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "notosansjp";
  font-weight: 500;
  src: url(../../../products/_assets/font/notosansjp/NotoSansJP-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "notosansjp";
  font-weight: 700;
  src: url(../../../products/_assets/font/notosansjp/NotoSansJP-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "notosansjp";
  font-weight: 900;
  src: url(../../../products/_assets/font/notosansjp/NotoSansJP-Black.ttf) format("truetype");
}
@font-face {
  font-family: "worksans";
  font-weight: 400;
  src: url(../../../products/_assets/font/worksans/WorkSans-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "worksans";
  font-weight: 500;
  src: url(../../../products/_assets/font/worksans/WorkSans-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "worksans";
  font-weight: 700;
  src: url(../../../products/_assets/font/worksans/WorkSans-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "worksans";
  font-weight: 900;
  src: url(../../../products/_assets/font/worksans/WorkSans-Black.ttf) format("truetype");
}
/*
 * サイト内パラメータ設定ファイル
 */
/*
 * 関数定義用ファイル
 */
/*
 * メディアクエリ用mixin
 */
._trialProducts_2dhuk_51 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
@media screen and (min-width: 48.0625em) {
  ._trialProducts_2dhuk_51 {
    display: flex;
    gap: 24px;
  }
}
._trialProducts_2dhuk_51 li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  aspect-ratio: 222/107;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
}
._trialProducts_2dhuk_51 li img {
  height: 90%;
  width: auto;
}