/*------------------------------------
interphone
-------------------------------------*/
.ip_box01 {
  width: 100%;
  margin-bottom: 20px;
}
.ip_box01 .left_box {
  width: 50%;
  float: left;
}
@media screen and (max-width: 640px) {
  .ip_box01 .left_box {
    width: 100%;
    float: none;
  }
}
.ip_box01 .right_box {
  width: 45%;
  float: right;
}
@media screen and (max-width: 640px) {
  .ip_box01 .right_box {
    width: 100%;
    float: none;
  }
}

.image_box {
  width: 100%;
  margin-bottom: 40px;
}
.image_box .sbox {
  width: 48%;
  float: left;
}
.image_box .sbox:nth-of-type(2n) {
  margin-left: 4%;
}
@media screen and (max-width: 640px) {
  .image_box .sbox {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .image_box .sbox:nth-of-type(2n) {
    margin-left: 0;
  }
}

.ip_box02 {
  width: 100%;
  margin-bottom: 20px;
}
.ip_box02 .left_box {
  width: 15%;
  float: left;
}
@media screen and (max-width: 640px) {
  .ip_box02 .left_box {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }
}
.ip_box02 .right_box {
  width: 82%;
  float: right;
}
@media screen and (max-width: 640px) {
  .ip_box02 .right_box {
    width: 100%;
    float: none;
  }
}
.ip_box02 .right_box .left_box {
  width: 60%;
  float: left;
}
@media screen and (max-width: 640px) {
  .ip_box02 .right_box .left_box {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
.ip_box02 .right_box .right_box {
  width: 35%;
  float: right;
}
@media screen and (max-width: 640px) {
  .ip_box02 .right_box .right_box {
    width: 100%;
    float: none;
    text-align: center;
  }
}