@charset "UTF-8";
#giveyou {
  background: url(../img/giveyou/deco01.png) no-repeat right top 19rem /46.7rem auto, url(../img/giveyou/bg.png) no-repeat center 25rem /100% auto, linear-gradient(to bottom, #a7d1da, #d3e8ec);
}
#giveyou section + section:not(#remarks) {
  padding-top: 15rem;
}
#giveyou #sec01 h1 {
  width: 60rem;
  margin: 8rem auto;
}
#giveyou .item-container h2 {
  width: auto;
  margin: 0 auto 3rem;
}
#giveyou .item-container h2 img {
  height: 8rem;
}
#giveyou .item-container h2 + p {
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.76;
}
.deco01 {
  aspect-ratio: 935/967;
  background: url(../img/giveyou/deco01.png) no-repeat center center/contain;
}
.deco02 {
  aspect-ratio: 361/584;
  background: url(../img/giveyou/deco02.png) no-repeat center center/contain;
}
.deco03 {
  aspect-ratio: 490/341;
  background: url(../img/giveyou/deco03.png) no-repeat center center/contain;
}
.deco04 {
  aspect-ratio: 472/331;
  background: url(../img/giveyou/deco04.png) no-repeat center center/contain;
}
.deco05 {
  aspect-ratio: 448/535;
  background: url(../img/giveyou/deco05.png) no-repeat center center/contain;
}
.deco06 {
  aspect-ratio: 264/239;
  background: url(../img/giveyou/deco06.png) no-repeat center center/contain;
}
.deco07 {
  aspect-ratio: 462/341;
  background: url(../img/giveyou/deco07.png) no-repeat center center/contain;
}
.deco08 {
  aspect-ratio: 486/518;
  background: url(../img/giveyou/deco08.png) no-repeat center center/contain;
}
.deco09 {
  aspect-ratio: 562/471;
  background: url(../img/giveyou/deco09.png) no-repeat center center/contain;
}
.deco10 {
  width: 27.2rem;
  aspect-ratio: 544/384;
  background: url(../img/giveyou/deco10.png) no-repeat center center/contain;
}
.deco11 {
  width: 20rem;
  aspect-ratio: 400/428;
  background: url(../img/giveyou/deco11.png) no-repeat center center/contain;
}
.deco-layer {
  position: absolute;
  pointer-events: none;
}

@media (max-width: 767px) {
  #giveyou {
    background: url(../img/giveyou/deco01.png) no-repeat right -15rem top 15rem /38rem auto, url(../img/giveyou/bg-sp.png) no-repeat right -2rem top 21rem /73rem auto, linear-gradient(to bottom, #a7d1da, #d3e8ec);
  }
  #giveyou #sec01 h1 {
    width: auto;
  }
  #giveyou .item-container h2 {
    margin-bottom: 5rem;
  }
  #giveyou .item-container h2 img {
    height: auto;
    max-height: 31rem;
  }
  #giveyou .item-container h2 + p {
    text-align: left;
    font-size: 3.4rem;
  }
  #giveyou .item-container h2 + p br {
    display: none;
  }
}
/* ===================================
  Sec01
+==================================== */
#sec01 .item-container .deco02 {
  width: 18rem;
  left: 5rem;
  top: 6rem;
}
#sec01 .item-container .deco03 {
  width: 24rem;
  right: -14rem;
  top: 79rem;
}
#sec01 .item-container .deco04 {
  width: 20rem;
  left: -9rem;
  bottom: -6rem;
}
@media (max-width: 767px) {
  #sec01 .item-container .deco02 {
    width: 16rem;
    top: -4rem;
    left: 9rem;
  }
  #sec01 .item-container .deco10 {
    right: 0;
    top: 62rem;
  }
  #sec01 .item-container .deco11 {
    left: 0;
    top: 366rem;
  }

  #sec01 .item-container .deco10.second {
    right: 0;
    top: 665rem;
  }
}
/* ===================================
  Sec02
+==================================== */
#sec02 .item-container .deco05 {
  width: 18rem;
  right: 5rem;
  top: 6rem;
}
#sec02 .item-container .deco06 {
  width: 16rem;
  left: -10rem;
  top: 108rem;
}
#sec02 .item-container .deco07 {
  width: 20rem;
  right: -9rem;
  bottom: -6rem;
}
@media (max-width: 767px) {
  #sec02 {
    background: url(../img/giveyou/bg-snow.png) no-repeat left 4rem / 18rem auto;
  }
  #sec02 .item-container .deco05 {
    width: 25rem;
    right: 0rem;
    top: -3rem;
  }

  #sec02 .item-container .deco11 {
    left: 0;
    top: 69rem;
  }
  #sec02 .item-container .deco10 {
    right: 0;
    top: 359rem;
  }
  #sec02 .item-container .deco11.second {
    left: 0;
    top: 661rem;
  }
  #sec02 .item-container .deco10.second {
    right: 0;
    top: 962rem;
  }
}
/* ===================================
  Sec03
+==================================== */
#sec03 .item-container .deco08 {
  width: 20rem;
  left: 5rem;
  top: 6rem;
}
#sec03 .item-container .deco03 {
  width: 24rem;
  right: -15rem;
  top: 79rem;
}
#sec03 .item-container .deco04 {
  width: 20rem;
  left: -9rem;
  bottom: -6rem;
}
@media (max-width: 767px) {
  #sec03 {
    background: url(../img/giveyou/bg-snow.png) no-repeat right -1rem top 3rem / 27rem auto;
  }
  #sec03 .item-container .deco08 {
    width: 25rem;
    left: 3rem;
    top: -3rem;
  }
  #sec03 .item-container .deco10 {
    right: 0;
    top: 68rem;
  }
  #sec03 .item-container .deco06.sp {
    width: 15rem;
    right: 4rem;
    top: 450rem;
  }
  #sec03 .item-container .deco03.sp {
    width: 30rem;
    left: -14rem;
    top: 365rem;
  }
  #sec03 .item-container .deco10.second {
    right: 0;
    top: 665rem;
  }
  #sec03 .item-container .deco11.second {
    left: 0;
    top: 975rem;
  }
}
/* ===================================
  Sec04
+==================================== */
#sec04 .item-container .deco09 {
  width: 22rem;
  right: 2rem;
  top: 8rem;
}
#sec04 .item-container .deco06 {
  width: 16rem;
  left: -10rem;
  top: 78rem;
}
#sec04 .item-container .deco07 {
  width: 20rem;
  right: -9rem;
  bottom: -6rem;
}
@media (max-width: 767px) {
  #sec04 {
    background: url(../img/giveyou/bg-snow.png) no-repeat left -1rem top 4rem / 18rem auto;
  }
  #sec04 .item-container .deco09 {
    width: 30rem;
    right: 0rem;
    top: 0rem;
  }
  #sec04 .item-container .deco11 {
    left: 0;
    top: 69rem;
  }
  #sec04 .item-container .deco10 {
    right: 0;
    top: 362rem;
  }
  #sec04 .item-container .deco11.second {
    left: 0;
    top: 673rem;
  }
}