/* 共通パネル */

.specialtopic{
  margin-bottom: 50px;
}

.specialtopic ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.specialtopic li:first-child{
  width: 100%;
  height: 100px;
  margin-bottom: 30px;
	grid-column: 1 / 5;
}

.specialtopic li{
  width: 100%;
  text-align: center;
  margin-top: 20px;
  height: 300px;
}

.specialtopic li img{
  width: 80%;
}

.specialtopic li img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.specialtopic li p{
  margin: 0 auto;
  width: 80%;
  font-size: 15px;
  line-height: 25px;
}

/* 共通パネル */



/*sp*/
@media screen and (max-width: 455px) {
/* 共通パネル */

.specialtopic{
  margin-bottom: 30px;
}

.specialtopic ul{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.specialtopic li{
  width: 100%;
  text-align: center;
  margin-top: 20px;
  height: 230px;
}

.specialtopic li:first-child {
    width: 100%;
    height: 100px;
    margin-bottom: 30px;
    grid-column: 1 / 3;
}


.specialtopic li p{
  margin: 0 auto;
  width: 80%;
  font-size: 10px;
  line-height: 18px;
}
.specialtopic li img{
  width: 90%;
}

}



/* 共通パネル */