@charset "UTF-8";
:root {
  --sans: "Noto Sans JP", sans-serif;
  --serif: "Noto Serif JP", serif;
  --outfit: "Outfit", sans-serif;
}

img {
  vertical-align: bottom;
}

a {
  transition: 0.4s;
}
a:hover {
  opacity: 0.6;
}

.sp_only {
  display: none;
}

@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}
main {
  counter-reset: number 0;
  background: url(../../images/202512/main-bg.png) center/cover no-repeat;
  background-attachment: fixed;
  position: relative;
}

.secMv .sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
  .secMv .pc_only {
    display: none;
  }
  .secMv .sp_only {
    display: block;
  }
}

.secMain {
  max-width: 580px;
  width: 100%;
  display: block;
  margin: 0 auto;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.04);
  background: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .secMain {
    margin-bottom: 0;
  }
}
.secMain .blk1 {
  position: relative;
}
.secMain .blk1 .linkbtn {
  width: 55%;
  display: block;
  position: absolute;
  transform: translateX(-50%);
  bottom: 8%;
  left: 50%;
}
.secMain .blk2 {
  position: relative;
}
.secMain .blk2:before {
  content: "";
  width: 180px;
  height: 180px;
  background: url(../../images/202512/blk1-img1.png) center/contain no-repeat;
  position: absolute;
  bottom: 18%;
  left: -30px;
}
.secMain .blk2:after {
  content: "";
  width: 180px;
  height: 180px;
  background: url(../../images/202512/blk1-img2.png) center/contain no-repeat;
  position: absolute;
  bottom: 6%;
  right: -30px;
}
@media screen and (max-width: 768px) {
  .secMain .blk2 {
    overflow: hidden;
  }
  .secMain .blk2:before {
    width: 120px;
    height: 120px;
    left: -20px;
  }
  .secMain .blk2:after {
    width: 120px;
    height: 120px;
    right: -20px;
  }
}
.secMain .blk3 {
  position: relative;
}
.secMain .blk3 .sliderWrap {
  width: 85%;
  position: absolute;
  transform: translateX(-50%);
  bottom: 3%;
  left: 50%;
}
.secMain .blk3 .sliderWrap .slider1 {
  margin-bottom: 0;
}
.secMain .blk3 .sliderWrap .slider1 .slide-arrow {
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.secMain .blk3 .sliderWrap .slider1 .slide-arrow:before {
  font-size: 18px;
  color: #754C24;
}
.secMain .blk3 .sliderWrap .slider1 .prev-arrow {
  left: -30px;
}
.secMain .blk3 .sliderWrap .slider1 .prev-arrow:before {
  content: "◀";
}
.secMain .blk3 .sliderWrap .slider1 .next-arrow {
  right: -30px;
}
.secMain .blk3 .sliderWrap .slider1 .next-arrow:before {
  content: "▶";
}
@media screen and (max-width: 768px) {
  .secMain .blk3 .sliderWrap .slider1 .prev-arrow {
    left: -22px;
  }
  .secMain .blk3 .sliderWrap .slider1 .next-arrow {
    right: -22px;
  }
}
.secMain .blk5 {
  position: relative;
}
.secMain .blk5 .sliderWrap {
  width: 90%;
  position: absolute;
  transform: translateX(-50%);
  top: 20%;
  left: 50%;
}
.secMain .blk5 .sliderWrap .slider2 {
  margin-bottom: 0;
}
.secMain .blk5 .sliderWrap .slider2 .slide-arrow {
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
.secMain .blk5 .sliderWrap .slider2 .slide-arrow:before {
  font-size: 18px;
  color: #754C24;
}
.secMain .blk5 .sliderWrap .slider2 .prev-arrow {
  left: -20px;
}
.secMain .blk5 .sliderWrap .slider2 .prev-arrow:before {
  content: "◀";
}
.secMain .blk5 .sliderWrap .slider2 .next-arrow {
  right: -20px;
}
.secMain .blk5 .sliderWrap .slider2 .next-arrow:before {
  content: "▶";
}
@media screen and (max-width: 768px) {
  .secMain .blk5 .sliderWrap .slider2 .prev-arrow {
    left: -15px;
  }
  .secMain .blk5 .sliderWrap .slider2 .next-arrow {
    right: -15px;
  }
}
.secMain .blk6 {
  position: relative;
}
.secMain .blk6 .linkbtn1 {
  width: 80%;
  display: block;
  position: absolute;
  transform: translateX(-50%);
  top: 23%;
  left: 50%;
}
.secMain .blk6 .linkbtn2 {
  width: 80%;
  display: block;
  position: absolute;
  transform: translateX(-50%);
  top: 58%;
  left: 50%;
}