/*---------------------------------------
	innovation
----------------------------------------*/

#innovation .inner {
	max-width:980px !important;
}


.project .section__ttl{
	font-size: 2.2rem;
}
.project .section__ttl .font-en{
	font-size: 5rem;
}

.innovation-link-guide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  justify-content: center;
  gap: 0px min(3.1vw, 40px);

  max-width: 800px;
  margin: 50px auto 0px;
}
.innovation-link-guide li {
  border: 1px solid;
  transition: background-color 0.25s ease;
}
.innovation-link-guide li a {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 12px 10%;
  transition: color 0.25s ease;
}  
.innovation-link-guide li:hover {
  background-color: #333;
}
.innovation-link-guide li:hover a {
  color: #fff;
}

/*---------------------------------------
	innovation
----------------------------------------*/
.innovation {
}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 767px) {
}

.btn-big {
  margin:50px auto;
  max-width:500px;
  border: 1px solid;
  transition: background-color 0.25s ease;
  background-color: #333;
}
.btn-big a {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 12px 10%;
  transition: color 0.25s ease;
  color: #fff !important;
  line-height:1.8;
}
.btn-big:hover {
  background-color: #fff;
  border-color: #333;
} 
.btn-big:hover a {
  color: #333 !important;
}

.project-logo {
	display:block;
	width:100%;
	max-width:180px;
	height:auto;
	margin:20px auto 0;
}

#innovation #bellone0 .section__ttl{
	line-height:1.4;
}

#innovation #bellone0 .section__ttl .sub-catch{
	font-weight:bold;
	font-size:0.9em;
}
@media only screen and (max-width: 767px) {
	#innovation #bellone0 .section__ttl .sub-catch{
		font-size:0.7em;
	}
}