@charset "UTF-8";
/* @import url(reset.css); */
html,
body,
section,
div,
h1,
h2,
h3 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html {
  scroll-behavior: smooth;
}
img {
  width: 100%;
  vertical-align: bottom;
}
.contentWrap {
  margin: 0 auto;
  max-width: 1080px;
}

.container {
  position: relative;
}
.offer_item {
  position: absolute;
  top: 15.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 93%;
}
#offer_item1 {
  z-index: 2;
  clip-path: polygon(0% 0%, 50% 0%, 50% 4.5%, 100% 4.5%, 100% 100%, 0% 100%);
}
#offer_item2 {
  z-index: 1;
  clip-path: polygon(0% 4.5%, 49% 4.5%, 49% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.offer_button {
  display: block;
  position: absolute;
  bottom: 6%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 79%;
  z-index: 3;
  transition: all 0.5s ease-in-out;
}

.floating_button {
  display: block;
  position: fixed;
  bottom: 0.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90%;
  max-width: 850px;
  z-index: 3;
  transition: all 0.5s ease-in-out;
}
.offer_button:hover,
.floating_button:hover {
  transform: scale(1.05);
}