@charset "utf-8";
/* デザイン */

#design * {
  color: #fff;
}
#design section {
  background: #000;
}
#design .detail {
  padding: 4em 1em;
  max-width: 1200px;
}
#design .detail h3 {}
#design .detail h3 small {
  display: block;
  font-size: 0.65em;
  padding: 0 0 1em;
}
#design .detail p {}
#S01 .contents:nth-child(1) .contentsDetail {
  max-width: inherit;
  padding: 0;
}
#S01 .contents:nth-child(1) .contentsDetail img {
  width: 100%;
}
#S02 {
  padding: 5em 0;
}
#S02 .contents:nth-child(1) .contentsDetail {
  max-width: inherit;
  padding: 0;
}
#S02 .contents:nth-child(1) .contentsDetail img {
  width: 100%;
}
#S02 .detail:nth-child(1) p {
  text-align: left;
}
#S03 {
  padding: 5em 0;
}
#S02 #point {
  padding: 2em 2em 0;
}
#S02 #point ul {
  gap: 5px;
}
#S02 #point ul li {
    background: #666;
    margin: 0 0 5px;
}
#S03 .contents:nth-child(1) .contentsDetail {
  max-width: inherit;
  padding: 0;
}
#S03 .contents:nth-child(1) .contentsDetail img {
  width: 100%;
}
#S03 .detail:nth-child(1) p {
  text-align: left;
}
/*----------------------------------------------------------- 1024px */
@media screen and (max-width: 1024px) {
  #S03 h2 {
    font-size: 200%;
  }
}
/*----------------------------------------------------------- 640px */
@media screen and (max-width: 640px) {
#S02,#S03 {
    padding: 2em 0;
}
#design .detail {
    padding: 2em 0.5em;
    max-width: 1200px;
}
#S02 #point {
    padding: 1em 0em 0;
}
#S02 #point h4 {
    font-size: 100%;
}
#S03 h4 {
    font-size: 90%;
}
}
/*----------------------------------------------------------- 480px */
@media screen and (max-width: 480px) {}