@charset 'utf-8';
/* ======================================================
CSS information

 File Name  : about.css
 Style Info : 「浄泉寺について」のCSS
====================================================== */

#about-block .img-box {
  margin-bottom: 2.5rem;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  #about-block .img-box {
    margin-bottom: 3.5rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media (min-width: 960px) {

  #about-block .img-box {
    margin-bottom: 4.5rem;
  }

}

#about-block .grid-table > .row > .cell {
  background: var(--basecolor2);
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media (min-width: 768px) {

  #about-block .grid-table > .row > .cell:first-of-type {
    justify-content: left;
  }

}


#timeline-block td {
  vertical-align: middle;
  background: var(--basecolor2);
}

#timeline-block tr:nth-child(odd) td {
  background: var(--basecolor9);
}


#timeline-block td:not(:last-child) {
  width: 200px;
  text-align: center;
}