@charset "utf-8";

.contents01,
.contents02,
.contents03,
.contents04 {
  padding: 70px 0;
}

.contents01,
.contents04 {
  background: url("/common/images/common/bg-ptn01.jpg");
}

.contents01 {
  padding-top: 30px;
}

.contents01 dl {
  box-sizing: border-box;
  width: 25%;
  float: left;
}

.contents01 dl {
  padding: 0 .5%;
}

.contents01 dl dt {
  text-align: center;
}

.contents01 dl dd {
  padding: 4%;
}
.contents02 ol li {
  padding: 0 1.96%;
  float: left;
  width: 29.4%;
  height: 0px;
  padding-bottom: 30%;
}

.contents03 {
  background: url('/common/images/top/bg-souzai.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.contents03 h2 {
  margin: 15px 0;
}

.contents04 ul li {
  float: left;
  width: 32.1%;
  margin: 0 .6%;
}

/**********************************************/
/*                スライダー調整                */
/**********************************************/
.sp-button {
    width: 12px;
    height: 12px;
    border: 2px solid #bfbfbf;
    background-color: #bfbfbf;
    margin: 4px 8px 20px;

}

.sp-selected-button {
    background-color: #707070;
    border: 2px solid #707070;
}


@media screen and (max-width: 999px){
}

@media screen and (max-width: 640px){

  .contents01 dl {
    width: 50%;
  }

  .contents02 ol li {
    width: 41%;
    padding: 0 4% 44% ;
  }

  .contents04 ul li {
    float: left;
    width: 46%;
    margin: 0 0 0 3%; 
  }
}