@charset "UTF-8";
/* ============================================ */
/* ---- Grid Layout 設定（3列以上から） ---- */
/* ============================================ */
.pgrid,
.cgrid {
  display: grid;
  gap: 0.618rem;
  grid-template-columns: repeat(2, 1fr );
  grid-template-rows: repeat(2, 1fr );
  margin-bottom: 4.235rem;  
}
/* ---- cgrid landscape（横長）、portrait（縦長） ---- */
/*（一応できるけど指定が大変なので使わない方がいい）*/
.landscape_0A {
  grid-column: 1 / 2; grid-row: 1 / 2;
}
.landscape_0A img {
  width: 100%;
  height: calc(50vh - 0.309rem);
  object-fit: cover;
}
.portrait_0A {
  grid-column: 1 / 2; grid-row: 1 / 2;
}
.portrait_0A img {
  height: calc(50vh - 0.309rem);
  object-fit: cover;
}
.landscape_0B {
  grid-column: 1 / 2; grid-row: 2 / 3;
}
.landscape_0B img {
  width: 100%;
  height: calc(50vh - 0.309rem);
  object-fit: cover;
}
.portrait_0B {
  grid-column: 1 / 2; grid-row: 2 / 3;
}
.portrait_0B img {
  height: calc(50vh - 0.309rem);
  object-fit: cover;
}
.landscape_0C {
  grid-column: 2 / 3; grid-row: 1 / 3;
}
.landscape_0C img {
  height: calc(100vh - 0rem);
  object-fit: cover;
}
.portrait_0C {
  grid-column: 2 / 3; grid-row: 1 / 3;
}
.portrait_0C img {
  height: calc(100vh - 0rem);
  object-fit: cover;
}