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


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

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

#catalogContents .catalgoList > ul > li{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

#catalogContents .catalgoList > ul > li + li{margin-top: 2.2rem;}


#catalogContents .catalgoList > ul > li > .fig{
  display: block;
  width: 16.2rem;
}

#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;
  width: 50%;
}

#catalogContents .catalgoList > ul > li > dl > dt{
  display: block;
  padding-bottom: 1rem;
  margin-bottom: 3.8rem;
  font-size: 1.5rem;
  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;
}