@charset "utf-8";
/* CSS Document */
.binacel {
  width: 100%;
  margin-bottom: 5em;
}
.pconly {
  background-image: url("../img/binacel/bg01_pc.png"), url("../img/binacel/bg02_pc.png");
  background-color: #eeeeec;
  background-size: 100%;
  background-position: center top, center bottom;
  background-repeat: no-repeat;
  padding: 150px 0 140px;
}
.pconly .sec01 {
  width: 799px;
  margin: 0 auto 8em;
  text-align: center;
}
.pconly .sec01 h2 {
  text-align: right;
  margin-bottom: 140px !important;
}
.pconly .sec01 h3 {
  margin-bottom: 70px;
}
.pconly .sec02 {
  margin-bottom: 150px;
  text-align: center;
}
.pconly .sec02 h2 {
  margin-bottom: 100px !important;
}
.pconly .sec02 h3 {
  margin-bottom: 60px;
}
.pconly .sec03 {
  width: 800px;
  margin: 0 auto 100px;
  text-align: right;
}
.pconly .sec03 h2 {
  margin-bottom: 50px;
}
.pconly .sec04 {
  width: 55%;
  padding-left: 5em;
}
.pconly .sec04 h2 {
  margin-bottom: 50px;
}
.pconly .sec04 p {
  font-size: 0.85em;
  line-height: 1.5em;
}
.sponly {
  display: none;
}
/****************************************************************************************
SP
****************************************************************************************/
@media screen and (max-width: 768px) {
  .pconly {
    display: none;
  }
  .sponly {
    display: block;
    width: 100%;
    padding: 0 0 5em;
    background-image: url("../img/binacel/bg01_sp.png"), url("../img/binacel/bg02_sp.png");
    background-color: #eeeeec;
    background-size: 100%;
    background-position: center top, center bottom;
    background-repeat: no-repeat;
  }
  .sponly .sec01 img {
    width: 100%;
  }

  .sponly .sec02 {
    margin: 0;
  }
  .sponly .sec02 h2 {
    margin: 0 auto 2em;
    width: 80%;
  }
  .sponly .sec02 h3 {
    margin-bottom: 3em;
  }
  .sponly .sec02 p {
    margin: 0 auto;
    width: 80%;
  }
  .sponly .sec03 {
    width: 100%;
    padding: 0 1.5em 3em;
    background-image: url("../img/binacel/bg03_sp.png");
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .sponly .sec03 h3 {
    margin-bottom: 2em;
  }
  .sponly .sec03 p {
    margin-bottom: 2em;
  }
  .sponly .sec04 {
    padding: 0 1.5em 0;
    font-size: 0.8em;
    line-height: 1.4em;
  }
}