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


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

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

#aboutContents .companyList > ul > li{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
#aboutContents .companyList > ul > li + li{margin-top: 10rem;}


#aboutContents .companyList > ul > li > .fig{
  display: block;
  width: 28.25077399380805%;
}

#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;
  margin: 6.7rem auto 0;
}


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

#aboutContents .companyList > ul > li > .text .aboutTTL{
  display: block;
  margin-bottom: 2.6rem;
  border-bottom: 2px solid #808080;
  font-size: 2.4rem;
  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: 2.0rem;
  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.5rem;
  font-weight: 300;
  text-align: left;
  letter-spacing: 0.1em;
  line-height: 2.333333333333333;
  color: #000000;
}

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

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

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


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

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


#aboutContents .aboutShowa > dl > dt{
  display: block;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.32;
  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.5rem;
  line-height: 1.333333333333333;
  letter-spacing: 0.1em;
  color: #000000;
  text-align: left;
}


#aboutContents .aboutShowa .conceptFig{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 1734px;
  margin: 10rem auto 0;
}

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

#aboutContents .aboutShowa .conceptFig > figure.position{width: 33.44867358708189%;}
#aboutContents .aboutShowa .conceptFig > figure.concept{width: 61.24567474048443%;}