@charset "UTF-8";
.p-area {
  width: 100%;
  overflow: hidden;
}
/*---------------------------------------------------------
main
---------------------------------------------------------*/
[class^="area_main_0"] {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
/*---------------------------------------------------------
item
---------------------------------------------------------*/
[class^="area_item_0"] {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
}
.area_item_01 {
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}
.area-item_02,
.area-item_04 {
  left: 0;
}
.area-item_03,
.area-item_05 {
  right: 0;
}
/*---------------------------------------------------------
parts
---------------------------------------------------------*/
[class^="area_parts_"] {
  height: auto;
  position: absolute;
  z-index: 3;
}
.area_parts_01 {
  width: 40%;
  bottom: -14%;
  left: -2%;
}
.area_parts_02 {
  width: 36%;
  bottom: 19%;
  right: -6%;
}
.area_parts_03 {
  width: 40%;
  bottom: 14%;
  left: -2%;
}
.area_parts_04 {
  width: 21%;
  top: 0;
  right: 0;
}
.area_parts_05 {
  width: 20%;
  bottom: 21%;
  left: -2%;
}
.area_parts_06 {
  width: 14%;
  top: 2%;
  left: 6%;
}
.area_parts_07 {
  width: 28%;
  bottom: 13%;
  right: 0;
}
.area_parts_08 {
  width: 18%;
  bottom: 3%;
  right: -1%;
}
.area_parts_09 {
  width: 16%;
  bottom: 5%;
  left: -2%;
}
.area_parts_10 {
  width: 25%;
  bottom: -2%;
  right: 30%;
}
/*---------------------------------------------------------
btn
---------------------------------------------------------*/
.area_btn_01 {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}