/**************************************
aboutContents
**************************************/
#catalogContents{
	width: 100%;
	margin: 0 auto;
}


/**************************************
catalgoList
**************************************/
#catalogContents .catalgoList{
  display: block;
  width: 100%;
  margin: 3.4rem auto 0;
  padding: 0 35px;
}

#catalogContents .catalgoList > ul{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 4rem 2.94117647058824%;
  width: 100%;
  max-width: 1292px;
  margin: 0 auto;
}

#catalogContents .catalgoList > ul > li{
  width: 24.76780185758514%;
  position: relative;
}


#catalogContents .catalgoList > ul > li > .fig{
  display: block;
  width: 89.0625%;
  margin: 0 auto 4.4rem;
}


#catalogContents .catalgoList > ul > li > .fig a,
#catalogContents .catalgoList > ul > li > .fig figure,
#catalogContents .catalgoList > ul > li > .fig figure img{display: block; width: 100%; height: auto;}


#catalogContents .catalgoList > ul > li > dl{
  display: block;
}

#catalogContents .catalgoList > ul > li > dl > dt{
  display: block;
  padding-bottom: 1.1rem;
  margin-bottom: 3.8rem;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.666666666666667;
  color: #838383;
  text-align: center;
  white-space: nowrap;
  position: relative;
}

#catalogContents .catalgoList > ul > li > dl > dt::after{
  content: '';
  display: block;
  width: 4.1rem;
  height: 0.3rem;
  background: #D72122;
  position: absolute;
  left: calc(50% - 4.1rem / 2);
  bottom: 0;
}

#catalogContents .catalgoList > ul > li > dl > dd.btnNext{
  width: 13.2rem;
  margin: 0 auto;
}