@charset "utf-8";

.contents{
  background: url("../img/bg.png") no-repeat;
  background-size: cover;
}
.contents-wrap{
  background: url("../img/main_visual.png") no-repeat;
}

@media screen and ( min-width:767px ) { /* PC ==================== */
  .contents-wrap{
    background-position: 0 20px;
    background-size: 1208px;
  }
}
@media screen and ( max-width:767px ) { /* SP ==================== */
  .contents-wrap{
    background-size: 100%;
  }
}

.illustrator{
  position: absolute;
  color:#fff;
}
@media screen and ( min-width:767px ) { /* PC ==================== */
  .illustrator{
    top: 1030px;
    left: 140px;
  }
}
@media screen and ( max-width:767px ) { /* SP ==================== */
  .illustrator{
    top: 520px;
    left: 30px;
    font-size: 14px;
  }
}

.infomation{
  margin: 550px auto 0;
}
@media screen and ( min-width:767px ) { /* PC ==================== */
  .infomation{
    width: 1153px;
  }
  .cg-pv{
    width: 500px;
    float: left;
  }
  .product_info{
    width: 582px;
    float: right;
  }
  .pv-left{
    float: left;
  }
  .pv-right{
    float: right;
  }
}
@media screen and ( max-width:767px ) { /* SP ==================== */
  .infomation{
    margin-top: 100px;
    width: 80%;
  }
  .cg-pv{
    width: 100%;
  }
  .product_info{
    width: 100%;
    margin-top:30px;
  }
  .infomation .sp{
    margin-bottom:10px;
  }
}