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


/**************************************
companyList
**************************************/
#aboutContents .companyList{
  display: block;
  width: 100%;
  margin: 5.5rem auto 0;
  padding: 0 2rem;
}

#aboutContents .companyList > ul{
  display: block;
  width: 100%;
  margin: 0 auto;
}

#aboutContents .companyList > ul > li{
  display: block;
  width: 100%;
  padding-bottom: 6.7rem;
  position: relative;
}
#aboutContents .companyList > ul > li + li{margin-top: 10rem;}


#aboutContents .companyList > ul > li > .fig{
  display: block;
  width: 19rem;
  margin: 0 auto 3rem;
}

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


#aboutContents .companyList > ul > li > .fig .btnNext{
  display: block;
  width: 13.2rem;
  position: absolute;
  left: calc(50% - 13.2rem / 2);
  bottom: 0;
}


#aboutContents .companyList > ul > li > .text{
  display: block;
  width: 100%;
}

#aboutContents .companyList > ul > li > .text .aboutTTL{
  display: block;
  margin-bottom: 2.3rem;
  border-bottom: 2px solid #808080;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: left;
  line-height: 1.666666666666667;
  color: #4E4E4E;
}

#aboutContents .companyList > ul > li > .text > dl{
  display: block;
}
#aboutContents .companyList > ul > li > .text > dl > dt{
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 1.75;
  color: #000000;
}

#aboutContents .companyList > ul > li > .text > dl > dd{
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 2.916666666666667;
  color: #000000;
}


/**************************************
aboutShowa
**************************************/
#aboutContents .aboutShowa{
  display: block;
  width: 100%;
  margin: 5.25rem auto 0;
  padding: 0 2rem;
}

#aboutContents .aboutShowa .showaLogo{
  display: block;
  width: 100%;
  margin: 0 auto 4.3rem;
}
#aboutContents .aboutShowa .showaLogo > img{display: block; width: 100%; height: auto;}

#aboutContents .aboutShowa .catch{
  display: block;
  margin-bottom: 2.4rem;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.65;
  color: #D1200D;
  font-feature-settings: 'palt';
}


#aboutContents .aboutShowa > dl{
  display: block;
  width: 100%;
  margin: 0 auto;
}

#aboutContents .aboutShowa > dl + dl{margin-top: 5rem;}


#aboutContents .aboutShowa > dl > dt{
  display: block;
  padding-bottom: 1.4rem;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.666666666666667;
  color: #D1200D;
  text-align: center;
  position: relative;
}

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

#aboutContents .aboutShowa > dl > dd{
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #000000;
  text-align: left;
}


#aboutContents .aboutShowa .conceptFig{
  display: block;
  width: 100%;
  margin: 6rem auto 0;
}

#aboutContents .aboutShowa .conceptFig > figure{display: block;}
#aboutContents .aboutShowa .conceptFig > figure img{display: block; width: 100%; height: auto;}


#aboutContents .aboutShowa .conceptFig > figure + figure{margin-top: 5rem;}