@charset "UTF-8";
/* CSS Document */
/* ========== ▼ contents ▼ ==========*/

.contents h2,
.contents h3 {
  padding: 1em 0;
  font-size: 2.8em;
  font-weight: 700;
  color: #222;
  text-align: center;
}

.contents h3 {
  margin: 0 0 1em 0;
  border-bottom: 3px solid #ccc;
}
.contents p {
  margin: 0 0 1.7em 0;
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.7em;
  color: #222;
  text-align: center;
}
.service-list {
  width: 920px;
  margin: 0 auto;
}
.service-list h2 {
  margin: 0 0 30px 0;
}
.service-list li {
  width: 100%;
  margin: 0 0 50px 0;
  overflow: hidden;
}
.service-list img {
  width: 329px;
}
.service-list li:nth-child(odd) img {
  float: left;
}
.service-list li:nth-child(even) img {
  float: right;
}
.service-list dl {
  width: 565px;
  margin: 0;
  text-align: left;
  overflow: hidden;
}
.service-list li:nth-child(odd) dl {
  float: right;
}
.service-list li:nth-child(even) dl{
  float: left;
}
.service-list dl dt {
  color: #222;
  padding: .5em 0 .5em 0;
  font-size: 1.8em;
  font-weight: 700;
  border-bottom: 2px solid #ccc;
}
.service-list dl dt span {
  font-size: .7em;
}
.service-list dl dd {
  color: #222;
  margin: 0 0 1em 0;
  padding: .3em 0 0 0;
  font-size: 1.6em;
  line-height: 1.7em;
}
ul#container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
ul#container li {
  width: 165px;
  margin: 0 10px 20px 10px;
  overflow: hidden;
  float: left;
}
ul#container li img {
  width: 100%;
  height: auto;
}