/**
 * howtouse.html 専用
 */
.intro {
  margin-bottom: 4em;
}
.intro-text {
  float: left;
  width: 50%; /* 480px */
}
.intro-img {
  float: left;
  padding-left: 8.333333333333333%; /* 80px */
  width: 41.66666666666667%; /* 400px */
}
.intro-img img {
  height: auto;
  width: 100%;
}
#shikumi1 {
  background: #ffbfbf;
}
#shikumi2 {
  background: #ffe599;
}
#shikumi3 {
  background: #99e5ff;
}
.nagare a > img {
  width: 100%;
  height: auto;
}
.shikumi dd ul li {
  list-style: disc;
  margin-left: 1.5em;
}
.link-contact {
  display: block;
  position: relative;
  text-align: center;
  top: 100px;
}
.mb10 {
  margin-bottom: 10px;
}
/*******************************
 * PC専用
 *******************************/
@media print, screen and (min-width: 768px) {
  .shikumi {
    display: block;
    float: left;
    height: 250px;
    margin: 5px 2.1875% 15px 0; /* 5px 21px 15px 0 */
    padding: 10px 1.041666666666667% 0; /* 10px 10px 0 */
    width: 29.79166666666667%; /* 286px */
  }
  #shikumi3 {
    margin-right: 0;
  }
}
/*******************************
 * モバイル専用
 *******************************/
@media screen and (max-width: 767px) {
  .intro {
    margin-bottom: 0;
  }
  .intro-text {
    float: none;
    width: 100%;
  }
  .intro-img {
    float: none;
    padding-left: 0;
    width: 100%;
  }
  .intro-img img {
    max-width: 400px;
  }
  .shikumi {
    display: block;
    margin: 5px 0 15px;
    padding: 10px;
  }
  .link-contact {
    display: none;
  }
}