@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap");
@font-face {
  font-family: "futura";
  src: url("../../font/FtraMd.woff");
}

@font-face {
  font-family: "permanentmarker";
  src: url("../../font/PermanentMarker.woff");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.candystock200204 {
  width: 100%;
  margin: 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
}

.candystock200204 .pc_only {
  display: block;
}

.candystock200204 .sp_only {
  display: none;
}

.candystock200204 a:hover img {
  transition-duration: 0.3s;
  opacity: 0.6;
}

.candystock200204 img {
  max-width: 100%;
}

.candystock200204 .abhaya {
  font-family: 'Abhaya Libre', serif;
}

.candystock200204 .abhaya.mid {
  font-weight: 500;
  letter-spacing: 0.08em !important;
}

.candystock200204 .fade {
  transition-duration: 0.5s;
  opacity: 0;
  transform: translateY(50px);
}

.candystock200204 .fade.onView {
  opacity: 1;
  transform: translateY(0);
}

.candystock200204 .ttl {
  padding: 43px 0 223px;
}

.candystock200204 .ttl h2 {
  margin-bottom: 33px;
  text-align: center;
}

.candystock200204 .ttl h2 img {
  width: 400px;
}

.candystock200204 .ttl .eng {
  font-family: 'Abhaya Libre', serif;
  font-weight: 500;
  letter-spacing: 0.06em !important;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 21px;
}

.candystock200204 .ttl .jpn {
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 0.08em;
  text-align: center;
}

.candystock200204 .sec01 {
  width: 100%;
  position: relative;
}

.candystock200204 .sec01 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f6f0;
  overflow: hidden;
}

.candystock200204 .sec01 .bg::before {
  content: "";
  display: block;
  width: 120vw;
  height: 779px;
  position: absolute;
  top: 882px;
  left: 50%;
  transform-origin: center center;
  transform: translateX(-50%) rotateZ(-8.13deg);
  background: #fff;
}

.candystock200204 .sec01 .bg::after {
  content: "";
  display: block;
  width: 120vw;
  height: 1500px;
  position: absolute;
  top: 2134px;
  left: 50%;
  transform-origin: center center;
  transform: translateX(-50%) rotateZ(-8.13deg);
  background: #fff;
}

.candystock200204 .sec01 .sec_inner {
  width: 1090px;
  margin: 0 auto;
}

.candystock200204 .sec01 .sec_inner .img_blk {
  width: 100%;
  height: 625px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.candystock200204 .sec01 .sec_inner .img_blk a:nth-child(1) {
  display: block;
  width: 450px;
  margin-top: -50px;
}

.candystock200204 .sec01 .sec_inner .img_blk a:nth-child(1) img {
  transition-delay: 0.2s;
}

.candystock200204 .sec01 .sec_inner .img_blk a:nth-child(2) {
  display: block;
  width: 280px;
  margin-top: -130px;
}

.candystock200204 .sec01 .sec_inner .img_blk a:nth-child(3) {
  display: block;
  width: 320px;
  margin-top: 93px;
}

.candystock200204 .sec01 .sec_inner .img_blk a:nth-child(3) img {
  transition-delay: 0.4s;
}

.candystock200204 .sec01 .sec_inner .item_blk {
  width: 100%;
  height: 1940px;
  position: relative;
}

.candystock200204 .sec01 .sec_inner .item_blk div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  position: absolute;
}

.candystock200204 .sec01 .sec_inner .item_blk div a {
  position: relative;
  display: block;
}

.candystock200204 .sec01 .sec_inner .item_blk div a:nth-child(2) {
  margin-top: 60px;
}

.candystock200204 .sec01 .sec_inner .item_blk div a img {
  display: block;
  width: 100%;
  transition-duration: 0.3s;
}

.candystock200204 .sec01 .sec_inner .item_blk div a .nohov {
  position: relative;
  opacity: 1;
}

.candystock200204 .sec01 .sec_inner .item_blk div a .hov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.candystock200204 .sec01 .sec_inner .item_blk div a:hover .nohov {
  opacity: 0;
}

.candystock200204 .sec01 .sec_inner .item_blk div a:hover .hov {
  opacity: 1;
}

.candystock200204 .sec01 .sec_inner .item_blk div p {
  padding-top: 20px;
}

.candystock200204 .sec01 .sec_inner .item_blk div p a {
  font-family: 'Abhaya Libre', serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(1) {
  width: 360px;
  top: 150px;
  left: 104px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(1) a {
  width: 180px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(2) {
  width: 440px;
  top: 0px;
  left: 545px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(2) a {
  width: 220px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(3) {
  width: 440px;
  top: 466px;
  left: 375px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(3) a {
  width: 220px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(4) {
  width: 360px;
  top: 760px;
  left: 44px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(4) a {
  width: 180px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(5) {
  width: 400px;
  top: 912px;
  left: 645px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(5) a {
  width: 200px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(6) {
  width: 440px;
  top: 1152px;
  left: 135px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(6) a {
  width: 220px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(7) {
  width: 280px;
  top: 1400px;
  left: 714px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(7) a {
  width: 140px;
}

.candystock200204 .sec01 .sec_inner .item_blk div:nth-child(7) a:nth-child(2) {
  margin-top: 40px;
}

.candystock200204 .sec02 {
  width: 100%;
  position: relative;
}

.candystock200204 .sec02 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f9f2ed;
  overflow: hidden;
}

.candystock200204 .sec02 .bg::before {
  content: "";
  display: block;
  width: 120vw;
  height: 1500px;
  position: absolute;
  top: 1178px;
  left: 50%;
  transform-origin: center center;
  transform: translateX(-50%) rotateZ(8.13deg);
  background: #fff;
}

.candystock200204 .sec02 .sec_inner {
  width: 1070px;
  margin: 0 auto;
}

.candystock200204 .sec02 .sec_inner .img_blk {
  width: 100%;
  height: 575px;
  position: relative;
}

.candystock200204 .sec02 .sec_inner .img_blk a {
  position: absolute;
}

.candystock200204 .sec02 .sec_inner .img_blk a:nth-child(1) {
  display: block;
  width: 280px;
  top: 85px;
  left: 0px;
  z-index: 10;
}

.candystock200204 .sec02 .sec_inner .img_blk a:nth-child(2) {
  display: block;
  width: 300px;
  top: -180px;
  left: 260px;
}

.candystock200204 .sec02 .sec_inner .img_blk a:nth-child(3) {
  display: block;
  width: 450px;
  top: -100px;
  right: 0px;
}

.candystock200204 .sec02 .sec_inner .item_blk {
  width: 100%;
  height: 1442px;
  position: relative;
}

.candystock200204 .sec02 .sec_inner .item_blk div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  position: absolute;
}

.candystock200204 .sec02 .sec_inner .item_blk div a {
  position: relative;
  display: block;
}

.candystock200204 .sec02 .sec_inner .item_blk div a:nth-child(2) {
  margin-top: 60px;
}

.candystock200204 .sec02 .sec_inner .item_blk div a img {
  display: block;
  width: 100%;
  transition-duration: 0.3s;
}

.candystock200204 .sec02 .sec_inner .item_blk div a .nohov {
  position: relative;
  opacity: 1;
}

.candystock200204 .sec02 .sec_inner .item_blk div a .hov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.candystock200204 .sec02 .sec_inner .item_blk div a:hover .nohov {
  opacity: 0;
}

.candystock200204 .sec02 .sec_inner .item_blk div a:hover .hov {
  opacity: 1;
}

.candystock200204 .sec02 .sec_inner .item_blk div p {
  padding-top: 20px;
}

.candystock200204 .sec02 .sec_inner .item_blk div p a {
  font-family: 'Abhaya Libre', serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(1) {
  width: 440px;
  top: 0px;
  left: 242px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(1) a {
  width: 220px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(2) {
  width: 320px;
  top: 250px;
  left: 723px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(2) a {
  width: 160px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(3) {
  width: 360px;
  top: 416px;
  left: 63px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(3) a {
  width: 180px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(3) a:nth-child(2) {
  margin-top: 100px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(4) {
  width: 360px;
  top: 686px;
  left: 578px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(4) a {
  width: 180px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(5) {
  width: 440px;
  top: 838px;
  left: 72px;
}

.candystock200204 .sec02 .sec_inner .item_blk div:nth-child(5) a {
  width: 220px;
}

.candystock200204 .sec03 {
  width: 100%;
  position: relative;
}

.candystock200204 .sec03 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f9f5ed;
  overflow: hidden;
}

.candystock200204 .sec03 .bg::before {
  content: "";
  display: block;
  width: 120vw;
  height: 1500px;
  position: absolute;
  top: 1312px;
  left: 50%;
  transform-origin: center center;
  transform: translateX(-50%) rotateZ(-8.13deg);
  background: #fff;
}

.candystock200204 .sec03 .sec_inner {
  width: 1070px;
  margin: 0 auto;
}

.candystock200204 .sec03 .sec_inner .img_blk {
  width: 100%;
  height: 740px;
  position: relative;
}

.candystock200204 .sec03 .sec_inner .img_blk a {
  position: absolute;
}

.candystock200204 .sec03 .sec_inner .img_blk a:nth-child(1) {
  display: block;
  width: 500px;
  top: -67px;
  left: 0px;
}

.candystock200204 .sec03 .sec_inner .img_blk a:nth-child(2) {
  display: block;
  width: 300px;
  top: 290px;
  left: 400px;
  z-index: 10;
}

.candystock200204 .sec03 .sec_inner .img_blk a:nth-child(3) {
  display: block;
  width: 350px;
  top: -120px;
  right: 0px;
}

.candystock200204 .sec03 .sec_inner .item_blk {
  width: 100%;
  height: 1562px;
  position: relative;
}

.candystock200204 .sec03 .sec_inner .item_blk div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  position: absolute;
}

.candystock200204 .sec03 .sec_inner .item_blk div a {
  position: relative;
  display: block;
}

.candystock200204 .sec03 .sec_inner .item_blk div a:nth-child(2) {
  margin-top: 60px;
}

.candystock200204 .sec03 .sec_inner .item_blk div a img {
  display: block;
  width: 100%;
  transition-duration: 0.3s;
}

.candystock200204 .sec03 .sec_inner .item_blk div a .nohov {
  position: relative;
  opacity: 1;
}

.candystock200204 .sec03 .sec_inner .item_blk div a .hov {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.candystock200204 .sec03 .sec_inner .item_blk div a:hover .nohov {
  opacity: 0;
}

.candystock200204 .sec03 .sec_inner .item_blk div a:hover .hov {
  opacity: 1;
}

.candystock200204 .sec03 .sec_inner .item_blk div p {
  padding-top: 20px;
}

.candystock200204 .sec03 .sec_inner .item_blk div p a {
  font-family: 'Abhaya Libre', serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-align: center;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(1) {
  width: 360px;
  top: 100px;
  left: 125px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(1) a {
  width: 180px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(2) {
  width: 440px;
  top: 0px;
  left: 585px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(2) > a {
  width: 220px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(2) > a:nth-child(1) {
  margin-top: 60px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(2) > a:nth-child(2) {
  margin-top: 0px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(3) {
  width: 400px;
  top: 495px;
  left: 415px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(3) a {
  width: 200px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(4) {
  width: 360px;
  top: 695px;
  left: 15px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(4) a {
  width: 180px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(4) a:nth-child(2) {
  margin-top: 80px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(5) {
  width: 360px;
  top: 857px;
  left: 704px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(5) > a {
  width: 180px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(5) > a:nth-child(1) {
  margin-top: 60px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(5) > a:nth-child(2) {
  margin-top: 0px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(6) {
  width: 400px;
  top: 1106px;
  left: 205px;
}

.candystock200204 .sec03 .sec_inner .item_blk div:nth-child(6) a {
  width: 200px;
}

.candystock200204 .btn_blk {
  width: 356px;
  margin: 0px auto 222px;
  position: relative;
  z-index: 30;
}

.candystock200204 .btn_blk a {
  width: 356px;
  height: 95px;
  border: 4px double #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 500 !important;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: center;
}