@charset "utf-8";

#christmas-fy26--01 {
  margin-top: -27px;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--02 .min--1280 {
    min-width: 1280px;
  }
}
@media screen and (min-width: 768px) {
  #christmas-fy26--03 .min--1280 {
    min-width: 1280px;
  }
}
/* ヒーローイメージ */
#christmas-fy26--01 .hero-image__container {
  height: 110vh;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--01 .hero-image__container {
    height: 50vh;
  }
}
@media screen and (min-width: 1024px) {
  #christmas-fy26--01 .hero-image__container {
    height: 70vh;
  }
}
@media screen and (min-width: 1280px) {
  #christmas-fy26--01 .hero-image__container {
    height: 85vh;
  }
}
@media screen and (min-width: 1536px) {
  #christmas-fy26--01 .hero-image__container {
    height: 110vh;
  }
}
#christmas-fy26--01 .hero-image__wrapper {
  background: url(/kwddsu9p/wp-content/uploads/2025/10/26_cristmas_hero-image_bg_01_sp.svg) no-repeat center top/contain;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--01 .hero-image__wrapper {
    background: url(/kwddsu9p/wp-content/uploads/2025/10/26_christmas_hero-image_bg_01.svg) no-repeat center top/contain;
  }
}
#christmas-fy26--01 .hero-image__copy--container {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--01 .hero-image__copy--container {
    display: block;
    width: 27%;
    position: absolute;
    top: 56%;
    left: 50%;
    margin-left: -39%;
    z-index: 10;
  }
}
@media screen and (min-width: 1024px) {
  #christmas-fy26--01 .hero-image__copy--container {
    display: block;
    width: 27%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -39%;
    z-index: 10;
  }
}
@media screen and (min-width: 1280px) {
  #christmas-fy26--01 .hero-image__copy--container {
    display: block;
    width: 27%;
    position: absolute;
    top: 49%;
    left: 50%;
    margin-left: -39%;
    z-index: 10;
  }
}
@media screen and (min-width: 1536px) {
  #christmas-fy26--01 .hero-image__copy--container {
    display: block;
    width: 29%;
    position: absolute;
    top: 44%;
    left: 50%;
    margin-left: -39%;
    z-index: 10;
  }
}
#christmas-fy26--01 .hero-image__image-05--container {
  display: block;
  width: 15%;
  position: absolute;
  top: 22%;
  left: 50%;
  margin-left: -56%;
}
#christmas-fy26--01 .hero-image__image-04--container {
  display: block;
  width: 15%;
  position: absolute;
  top: 14%;
  left: 50%;
  margin-left: 41%;
}
#christmas-fy26--01 .hero-image__image-03--container {
  display: block;
  width: 31%;
  position: absolute;
  top: 63%;
  left: 50%;
  margin-left: 27%;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--01 .hero-image__image-03--container {
    display: block;
    width: 15%;
    position: absolute;
    top: 9%;
    left: 50%;
    margin-left: 24%;
  }
}
#christmas-fy26--01 .hero-image__image-02--container {
  display: block;
  width: 45%;
  position: absolute;
  top: 60%;
  left: 50%;
  margin-left: -22%;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--01 .hero-image__image-02--container {
    display: block;
    width: 25%;
    position: absolute;
    top: 6%;
    left: 50%;
    margin-left: -3%;
  }
}
#christmas-fy26--01 .hero-image__image-01--container {
  display: block;
  width: 31%;
  position: absolute;
  top: 66%;
  left: 50%;
  margin-left: -57%;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--01 .hero-image__image-01--container {
    display: block;
    width: 15%;
    position: absolute;
    top: 19%;
    left: 50%;
    margin-left: -20%;
  }
}
#christmas-fy26--01 .hero-image__logo--container {
  display: block;
  width: 62%;
  margin: 0 auto;
  padding-top: 26px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--01 .hero-image__logo--container {
    display: block;
    width: 15%;
    position: absolute;
    top: 5%;
    left: 50%;
    margin-left: -38%;
  }
}
/* 概要 */
#christmas-fy26--01 h2.outline__heading-2::after {
  content: "";
  position: absolute;
  left: 4px;
  top: -35px;
  width: 122px;
  height: 38px;
  display: block;
  background: url(26_christmas_heading-2_eng_01.svg) no-repeat center;
}
/* アクション */
#christmas-fy26--02 .action__wraper h2 {
  color: #b21c37;
}
#christmas-fy26--02 .action__wraper h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -35px;
  width: 247px;
  height: 46px;
  display: block;
  transform: translate(-50%);
  background: url(26_christmas_heading-2_eng_02.svg) no-repeat center;
}
#christmas-fy26--02 .action__wraper h3::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 7px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #b21c37;
}
#christmas-fy26--02 .action__wraper h4 {
  color: #b21c37;
}
#christmas-fy26--02 a.button--primary {
  background-image: linear-gradient(90deg, #b21c37, #ff3b00);
  color: #fff;
  box-sizing: border-box;
  padding: 22px 0px;
  border-radius: 8px;
  display: block;
  text-align: center;
  background-size: 200% 100%;
  transition: 0.5s;
}
#christmas-fy26--02 a.button--primary:hover {
  background-position: 100% 0;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--02 a.button--primary {
    background-image: linear-gradient(90deg, #b21c37, #ff3b00);
    color: #fff;
    box-sizing: border-box;
    padding: 22px 165px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
  }
}
#christmas-fy26--02 a.button--primary::after {
  content: "";
  width: 6px;
  height: 6px;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  right: 4.6%;
  top: 52%;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
#christmas-fy26--02 .action__wraper img {
  box-shadow: 12px -12px 0px -2px #ebb1bb;
  border-radius: 20px 80px 20px 80px;
}
@media screen and (min-width: 768px) {
  #christmas-fy26--02 .action__wraper img {
    box-shadow: 12px -12px 0px -2px #ebb1bb;
    border-radius: 30px 100px 30px 100px;
  }
}
/* 応援メッセージ */
#christmas-fy26--02 .message__wraper h2 {
  color: #b21c37;
}
#christmas-fy26--02 .message__wraper h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -35px;
  width: 245px;
  height: 47px;
  display: block;
  transform: translate(-50%);
  background: url(26_christmas_heading-2_eng_03.svg) no-repeat center;
}
#christmas-fy26--02 .message__wraper h3::after {
  content: "";
  position: absolute;
  left: 23px;
  top: -29px;
  width: 52px;
  height: 52px;
  display: block;
  z-index: -1;
  transform: translate(-50%);
  background: url(26_christmas_heading-2_quote_03.svg) no-repeat center;
}
#christmas-fy26--02 .message__wraper img {
  box-shadow: 12px -12px 0px -2px #ebb1bb;
  border-radius: 10px 100px 10px 10px;
}
/* ご支援者の声 */
#christmas-fy26--02 .voice__wraper h2 {
  color: #b21c37;
}
#christmas-fy26--02 .voice__wraper h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -35px;
  width: 245px;
  height: 47px;
  display: block;
  transform: translate(-50%);
  background: url(26_christmas_heading-2_eng_04.svg) no-repeat center;
}
/* ワールドビジョンとは */
#christmas-fy26--03 .about__wraper {
  background: url(26_christmas_about_bg_01.svg) no-repeat center;
  background-size: cover;
}
#christmas-fy26--03 .about__wraper h2 {
  color: #b21c37;
}
#christmas-fy26--03 .about__wraper h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -35px;
  width: 279px;
  height: 40px;
  display: block;
  transform: translate(-50%);
  background: url(26_christmas_heading-2_eng_05.svg) no-repeat center;
}
/* メッセージ */
#christmas-fy26--03 .wvj-message__wraper h2 {
  color: #b21c37;
}
#christmas-fy26--03 .wvj-message__wraper h2::after {
  content: "";
  position: absolute;
  left: 0;
  top: -55px;
  width: 194px;
  height: 72px;
  display: block;
  background: url(26_christmas_heading-2_eng_06.svg) no-repeat center;
}
/* SNS */
#christmas-fy26--03 .sns__wraper h2 {
  color: #b21c37;
}
#christmas-fy26--03 .sns__wraper h2::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -35px;
  width: 245px;
  height: 47px;
  display: block;
  transform: translate(-50%);
  background: url(26_christmas_heading-2_eng_07.svg) no-repeat center;
}