@charset "UTF-8";
/*------------------------------------------------------------
  margin-bottom / margin-top / padding-top / padding-bottom 計算
------------------------------------------------------------*/
/*------------------------------------------------------------
  タイトル ＋ テキスト ラインハイトが異なる部分の余白計算 計算
------------------------------------------------------------*/
/* 
それぞれ( )内にpxでの数値を入れるとrem, px, vw(pc版), vw(sp版) に変換 
*/
/* 
それぞれ( )内にpxでの数値を入れるとrem, px, vw(pc版), vw(sp版) に変換 
*/
.line-frame__body {
  margin-top: 0;
}

.gallery {
  margin-top: 0;
}
.gallery:first-child {
  padding-top: 9rem;
}
@media screen and (max-width: 896px) {
  .gallery:first-child {
    margin-top: 0;
    padding-top: 4rem;
  }
}
.gallery + .gallery {
  padding-top: 7.6rem;
}
@media screen and (max-width: 896px) {
  .gallery + .gallery {
    padding-top: 1.5rem;
  }
}

.gallery__item {
  grid-row: span 3;
}