@charset "utf-8";
/*
=======================================
  company
=======================================
*/

#company .teinenpi_about{
    padding: 5rem 0 5rem;
}

#company .teinenpi_about h4{
	font-family: 'Noto Serif JP', serif;
	text-align:center;
	font-size: 150%;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.1em;
}
#company .teinenpi_about p{
	padding:3rem 0;
}



#company .images{
	padding-top:3rem;
}	
@media screen and (max-width: 600px) {
#company .images{
	padding-top:0;
}
}
#company .images img{
	margin-right:2%;
	width: 32%;
}
#company .images .last{
	margin-right:0;
}

#company .promise h3{
	text-align:center;
	font-size:130%;
	letter-spacing:0.2em;
	position: relative;
	font-weight:normal;
	margin-bottom:3rem;
}
#company .promise h3:after{
  content:"";
  width: 160px;
  height: 3px;
  display: inline-block;
  background-color: #9fa0a0;
  position: absolute;
  bottom: -1.5rem;
  left: calc(50% - 80px);
}

#company .promise dl{
  overflow:hidden;
  border-bottom:1px solid #9fa0a0;
}
#company .promise dt{
  float:left;
  padding:10px 0;
  line-height:2;
  width:120px;
  text-align:center;
  position:relative;
}
#company .promise dd{
  margin-left:140px;
  padding:16px 10px;
  border:none;
}
@media screen and (max-width: 600px) {
#company .promise dt{
	width:100%;
	padding:10px 0;
  text-align:left;
	border:none;
}
#company .promise dd{
	width:100%;
	padding:10px 0 15px;
	margin-left:0;
	text-align:left;
}
}
#company .promise p{
	padding-top: 3rem;
}
@media screen and (max-width: 600px) {
#company .promise p{
	padding-top: 2rem;
}
}

/*
=======================================
  info
=======================================
*/

#company .overview{
  border-top:1px solid #ccc;
  margin:3rem 0;
}
#company .history{
  border-top:1px solid #ccc;
  margin-bottom:3rem;
}
#company #history_tl{
  margin-top:5rem;
}

#company dl{
  overflow:hidden;
  border-bottom:1px solid #ccc;
}
#company dt{
  float:left;
  padding:20px 20px;
  line-height:2;
  width:100px;
  text-align:center;
  position:relative;
}
#company dd{
  margin-left:160px;
  padding:20px;
  border-left:1px dashed #ddd;
}

@media screen and (max-width: 600px) {
#company dt{
  float:none;
  width:100%;
  padding:15px 0;
  font-weight:500;
  border-bottom:1px dashed #ddd;
}
#company dd{
  margin-left:0;
  padding:15px 0;
  border-left:none;
}
}



#sdgs{
	padding:3rem 0;
}
#sdgs h2{
	background:#ecf1f3;
	padding:5px 20px;
	letter-spacing:0.2em;
}
#sdgs img{
	margin:2rem 0;
}



/*
=======================================
  2024.9.11追記　動画追加
=======================================
*/

.video{
	padding-bottom:3rem;
	aspect-ratio: 16 / 9;
	width:100%;
	max-width:900px;
	margin:auto;
}
.video iframe{
  width: 100%;
  height: 100%;
}