@charset "UTF-8";

/*----------------------------------------

	- content
	- pc（1181px〜）
	- sp（〜767px）

-----------------------------------------*/

/*	content
-----------------------------------------*/

#content dl dt {
  padding-top: 80px;
}

#content dl dt h3.stit01 {
  margin-top: 0;
}

#content dl dd ul {
  width: 100%;
  margin-top: 40px;
}

#content dl dd ul li {
  float: left;
  width: 286px;
  margin-right: 12px;
  margin-bottom: 12px;
  text-align: center;
  transition: 0.5s;
}

#content dl dd ul li img {
  border: solid 1px #e3e3e3;
  box-sizing: border-box;
}

#content dl dd ul li:hover {
  opacity: 0.5;
}

#content dl dd ul li span {
  display: block;
  padding-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}

#content dl dd ul li:nth-child(4n) {
  margin-right: 0;
}

/*----------------------------------------
	pc（1181px〜）
-----------------------------------------*/
@media only screen and (min-width: 1181px) {
}

/*----------------------------------------
	sp（〜767px）
-----------------------------------------*/
@media only screen and (max-width: 767px) {

/*	content
-----------------------------------------*/

#content dl dt {
  padding-top: 10%;
}

#content dl dd ul {
  width: 100%;
  margin-top: 5%;
}

#content dl dd ul li {
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
}

#content dl dd ul li span {
  font-size: 11px;
  font-size: 1.1rem;
}

#content dl dd ul li:nth-child(2n) {
  margin-right: 0;
}
}