@charset "UTF-8";
/* CSS Document */

/* 20241205 ヒーローイメージ変更 */
.main-visual__bg--index-20241205 {
  background-image: url(/item_img/top/index_mv_20241205_sp_01.jpg);
}
.main-visual__wrapper--index-top-20241205 {
  height: 450px;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20241205 {
    background-image: url(/item_img/top/index_mv_20241205_pc_01.jpg);
    height: 40vw;
  }
  .main-visual__wrapper--index-top-20241205 {
    width: 51%;
    height: 40vw;
  }
}

/* 20241101 ヒーローイメージ変更 */
.main-visual__bg--index-20241101 {
  background-image: url(/item_img/top/index_mv_20241101_sp_01.jpg);
}
.main-visual__wrapper--index-top-20241101 {
  height: 450px;
}
.index-top__logo--mobile-20241205 {
  width: 38%;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20241101 {
    background-image: url(/item_img/top/index_mv_20241101_pc_01.jpg);
    height: 40vw;
  }
  .main-visual__wrapper--index-top-20241101 {
    width: 51%;
    height: 40vw;
  }
}
.xmas-counter-fy25__wrapper {
  background-color: #333;
}
.xmas-counter-fy25__text {
  width: 90%;
  background-image: url(/item_img/top/index_counter-bg_20241205_sp.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  height: 120px;
}
@media screen and (min-width: 768px) {
  .xmas-counter-fy25__text {
    width: 50%;
    min-width: 900px;
    background-image: url(/item_img/top/index_counter-bg_20241205_pc.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    height: 54px;
  }
}

/* 20240904 ヒーローイメージ変更 */
.main-visual__bg--index-20240904 {
  background-image: url(/item_img/top/index_mv_20240904_sp01.jpg);
}
.main-visual__wrapper--index-top-20240904 {
  height: 380px;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20240904 {
    background-image: url(/item_img/top/index_mv_20240904_pc01.jpg);
    height: 35vw;
  }
  .main-visual__wrapper--index-top-20240904 {
    width: 980px;
    height: 38vw;
  }
}

/* 20240405 キャンペーン終了後通常チャイスポ */
.main-visual__bg--index-20240405 {
  background-image: url(/item_img/top/index_mv_20240405_sp01.jpg);
}
.main-visual__wrapper--index-top-20240405 {
  height: 380px;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20240405 {
    background-image: url(/item_img/top/index_mv_20240405_pc01.jpg);
    height: 35vw;
  }
  .main-visual__wrapper--index-top-20240405 {
    width: 980px;
    height: 38vw;
  }
}

/* 20221227 キャンペーン終了後通常チャイスポ */
.main-visual__bg--index-20231227 {
  background-image: url(/item_img/top/index_mv_20231221_sp01.jpg);
}
.main-visual__wrapper--index-top-20231227 {
  height: 380px;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20231227 {
    background-image: url(/item_img/top/index_mv_20231221_pc01.jpg);
    height: 35vw;
  }
  .main-visual__wrapper--index-top-20231227 {
    width: 980px;
    height: 35vw;
  }
}

/* 20221115 1000GIRLS開始 */
.main-visual__bg--index-20231115 {
  background-image: url(/item_img/top/index_mv_20231115_sp01.jpg);
}
.main-visual__wrapper--index-top-20231115 {
  height: 380px;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20231115 {
    background-image: url(/item_img/top/index_mv_20231115_pc01.jpg);
    height: 35vw;
  }
  .main-visual__wrapper--index-top-20231115 {
    width: 980px;
    height: 35vw;
  }
}

/* 20221101 クリスマスキャンペーン開始 */
.main-visual__bg--index-20231101 {
  background-image: url(/item_img/top/index_mv_20231101_sp01.jpg);
}
.main-visual__wrapper--index-top-20231101 {
  height: 380px;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20231101 {
    background-image: url(/item_img/top/index_mv_20231101_pc01.jpg);
    height: 35vw;
  }
  .main-visual__wrapper--index-top-20231101 {
    width: 980px;
    height: 35vw;
  }
}

/* 20230410 Chosen-FY23-April開始 */
.main-visual__bg--index-20230410 {
  background-image: url(/item_img/top/index_mv_20230410_sp01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20230410 {
    background-image: url(/item_img/top/index_mv_20230410_pc01.jpg);
  }
}

/* 20221101 クリスマスキャンペーン開始 */
.main-visual__bg--index-20221101 {
  background-image: url(/item_img/top/index_mv_20221101_sp01.jpg);
}
.main-visual__wrapper--index-top-counter {
  height: 425px;
}
.index-top__bg--counter {
  background-image: url(/item_img/top/index_counter_202211101_sp01.png);
  width: 185px;
  height: 34px;
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20221101 {
    background-image: url(/item_img/top/index_mv_20221101_pc01.jpg);
  }
}

/* 20220801 Chosenクローズ対応 */
.main-visual__bg--index-20220801 {
  background-image: url(/item_img/top/index_mv_20220801_sp01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20220801 {
    background-image: url(/item_img/top/index_mv_2021001_pc01.jpg);
  }
}

/* 20220626 Chosen */
.main-visual__bg--index-20220726 {
  background-image: url(/item_img/top/index_mv_20220725_sp01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20220726 {
    background-image: url(/item_img/top/index_mv_20220725_pc01.jpg);
  }
}

/* 20220425 プロサポキャンペーン */
.main-visual__bg--index-20220425 {
  background-image: url(/item_img/top/index_mv_20220425_sp_01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20220425 {
    background-image: url(/item_img/top/index_mv_20220425_pc_01.jpg);
  }
}

/* 20220315 ウクライナ対応 */
.main-visual__bg--index-20220315 {
  background-image: url(/item_img/top/index_mv_20220315_sp01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20220315 {
    background-image: url(/item_img/top/index_mv_20220315_pc01.jpg);
  }
}

/* FY21 クリスマスキャンペーン終了20211227 */
.main-visual__bg--index-20211227 {
  background-image: url(/item_img/top/index_mv_20211227_sp01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20211227 {
    background-image: url(/item_img/top/index_mv_2021001_pc01.jpg);
  }
}

/* FY21 300人 20211222 */
.main-visual__bg--index-20211222 {
  background-image: url(/item_img/top/index_mv_20211222_sp01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20211222 {
    background-image: url(/item_img/top/index_mv_2021001_pc01.jpg);
  }
}

/* スポンサーの声追加 20211209 */
.top-sponsor__container {
  width: 48%;
  margin-right: 4%;
}
.top-sponsor__container:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .top-sponsor__container {
    width: 20%;
    margin-right: 6%;
  }
  .top-sponsor__container:nth-child(2n) {
    margin-right: 6%;
  }
  .top-sponsor__container:nth-child(4n) {
    margin-right: 0;
  }
  .top-sponsor__container:last-child {
    margin-right: 0;
  }
}

/* FY21 クリスマスキャンペーン20211101 */
.main-visual__bg--index-20211101 {
  background-image: url(/item_img/top/index_mv_20211201_sp01.jpg);
}
#SP_headSlide_base {
  max-width: 640px;
  max-height: 540px;
}
#SP_headSlide_counter {
  position: absolute;
  left: calc(100% * (410 / 640));
  top: calc(100% * (320 / 540));
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20211101 {
    background-image: url(/item_img/top/index_mv_2021001_pc01.jpg);
  }
  .index-top__bg--counter {
    background-image: url(/item_img/top/index_counter_20211101_pc01.png);
    width: 314px;
    height: 58px;
  }
}

/* FY21 クリスマスキャンペーン20211001 */
.main-visual__bg--index-20211001 {
  background-image: url(/item_img/top/index_mv_2021001_sp01.jpg);
}
@media screen and (min-width: 768px) {
  .main-visual__bg--index-20211001 {
    background-image: url(/item_img/top/index_mv_2021001_pc01.jpg);
  }
}

.cta__wrapper {
  width: 100%;
}
.main-visual__bg--index-20210507 {
  background-image: url(/item_img/top/index_mv_20210507_sp01.jpg);
}
.main-visual__wrapper--index-top {
  height: 380px;
}

@media screen and (min-width: 768px) {
  .main-visual__bg--index-chosen-20210505 {
    background-image: url(/item_img/top/index_chosen_pc20210505.jpg);
  }
  .main-visual__bg--index-chosen-20210521 {
    background-image: url(/item_img/top/index_chosen_pc20210521.jpg);
  }
  .main-visual__wrapper--index-chosen-20210505 {
    width: 980px;
  }
  .cta__wrapper {
    width: 980px;
  }
}

@media screen and (min-width: 768px) {
  .main-visual__bg--index-20210507 {
    background-image: url(/item_img/top/index_mv_20210507_pc01.jpg);
  }
  .main-visual__wrapper--index-top {
    width: 980px;
    height: 560px;
  }
}

/* キャンペーンバナー */

.swiper-slide--top-card {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s ease 0s;
}
.swiper-slide--top-card:hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  transform: translateY(-0.1875em);
}
.top-card__overlay {
  content: "";
}
.card__overlay-content {
}
.top-card__overlay--black {
  background-image: linear-gradient(to bottom, rgba(92, 107, 192, 0.1) 0%, rgba(92, 107, 192, 0.1) 50%, rgba(0, 0, 0, 0.8) 85%);
  z-index: 20;
}
.swiper-card__container {
  position: relative;
}
.swiper-card__container::before {
  background-color: #fff5ec;
  right: 0;
  left: auto;
  transform-origin: 100% 50%;
  content: "";
  display: block;
  width: 100%;
  height: 75%;
  position: absolute;
  top: 28%;
  z-index: 1;
  transition: all 0.6s ease-in-out 0s;
}

@media screen and (min-width: 768px) {
  .swiper-card__container::before {
    width: 98.25%;
  }
}

/* お知らせ一覧 */

.top-news__list a {
  font-size: 1.3rem !important;
}
.top-news__list a:hover {
  /*color: #00acca;*/
}
.top-news__list .newsContents {
  margin-bottom: 0 !important;
  padding-top: 15px !important;
  padding-left: 30px;
  padding-right: 30px;
}
.top-news__list .newsContents:nth-child(even) {
  background-color: #f9f9f9;
}
.top-news__list .newsContents:first-child {
  border-top: 1px solid #bcbec0;
}
.top-news__list .time {
  font-size: 1rem;
}
.top-news__category-list #newsSelect_category {
  float: none !important;
  width: 230px !important;
}
.top-news__category-list #newsSelect_active {
  float: none !important;
  width: 250px !important;
}

/* ワールドビジョンとは */

.top-about__detail .top-ico__svg path {
  color: #ff6600;
  fill: #ff6600;
}
.top-about__bg {
  background: url(/item_img/top/index_bg_about_sp01.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}

@media screen and (min-width: 768px) {
  .top-about__bg {
    background: url(/item_img/top/index_bg_about_pc01.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .top-about__detail {
    width: 31%;
    margin-right: 3%;
  }
  .top-about__detail:nth-of-type(3n) {
    margin-right: 0;
  }
}

/* 世界の問題と子どもたち */

.text__underline--orange {
  background: linear-gradient(transparent 52%, #ffbb8b 0%);
  font-weight: bold;
}
.top-children__container {
  position: relative;
}
.top-children__container::before {
  background-color: #fff5ec;
  content: "";
  display: block;
  width: 100%;
  height: 75%;
  position: absolute;
  top: 12vw;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .top-children__container {
    position: relative;
  }
  .top-children__container::before {
    background-color: #fff5ec;
    right: 0;
    left: auto;
    transform-origin: 100% 50%;
    content: "";
    display: block;
    width: 60.25%;
    height: 130%;
    position: absolute;
    top: -15%;
    z-index: -1;
    transition: all 0.6s ease-in-out 0s;
  }
}

/* 寄付・協力 */

.top-donate__bg {
  background-color: #03accb;
}
.top-donate__bg {
  background: url(/item_img/top/index_bg_donate_sp01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #03accb;
}
.top-donate__price-01 {
  top: 225px;
}
.top-donate__price-02 {
  top: 225px;
}

@media screen and (min-width: 768px) {
  .top-donate__bg {
    background: url(/item_img/top/index_bg_donate_pc01.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #03accb;
  }
  .top-donate__heading {
    width: 31%;
    margin-right: 3%;
  }
  .top-donate__list {
    width: 65%;
  }
  .top-donate__detail--container-01 {
    width: 100%;
  }
  .top-donate__detail--container-02 {
    width: 48%;
    margin-right: 4%;
  }
  .top-donate__detail--container-02:nth-child(odd) {
    margin-right: 0;
  }
  .top-donate__img-01 {
    height: 340px;
  }
  .top-donate__price-01 {
    top: 300px;
  }
  .top-donate__img-02 {
    height: 290px;
  }
  .top-donate__price-02 {
    top: 250px;
  }
}

/* 企業・団体、学校関係者の方へ */

@media screen and (min-width: 768px) {
  .top-company__detail {
    width: 48%;
    margin-right: 4%;
  }
  .top-school__detail {
    width: 48%;
  }
}

/* イベントのご案内 */

.colorfilter-black {
  background-color: #000;
  display: inline-block;
}
.top-event__img {
  opacity: 0.6;
  display: block;
}
.top-event__img--container p {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
}
.swiper-slide--top-event {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s ease 0s;
}
.swiper-slide--top-event:hover {
  -webkit-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 35px 0px rgba(0, 0, 0, 0.3);
  transform: translateY(-0.1875em);
}

:root {
  --swiper-navigation-size--02: 34px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev--02,
.swiper-button-next--02 {
  position: absolute;
  /*top: 50%;*/
  bottom: 0;
  width: calc(var(--swiper-navigation-size--02) / 44 * 27);
  height: var(--swiper-navigation-size--02);
  margin-top: calc(-1 * var(--swiper-navigation-size--02) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev--02.swiper-button-disabled,
.swiper-button-next--02.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev--02:after,
.swiper-button-next--02:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size--02);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev--02,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-next--02,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-prev--02 {
  background-color: #ff6600;
  padding: 10px 17px;
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: center;
  left: 1rem;
  border-radius: 9999px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next--02 {
  background-color: #ff6600;
  padding: 10px 17px;
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: center;
  left: 60px;
  border-radius: 9999px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.top-event__heading {
  width: 100%;
}
.top-event__list {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .top-event__heading {
    width: 28%;
    margin-right: 3%;
  }
  .top-event__list {
    width: 69%;
  }
  .swiper-button-prev--02 {
    left: 0;
  }
  .swiper-button-next--02 {
    left: 45px;
  }
}

/* スタッフブログ */

:root {
  --swiper-navigation-size--03: 34px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev--03,
.swiper-button-next--03 {
  position: absolute;
  /*top: 50%;*/
  bottom: 0;
  width: calc(var(--swiper-navigation-size--03) / 44 * 27);
  height: var(--swiper-navigation-size--03);
  margin-top: calc(-1 * var(--swiper-navigation-size--03) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev--03.swiper-button-disabled,
.swiper-button-next--03.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev--03:after,
.swiper-button-next--03:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size--03);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev--03,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-next--03,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-prev--03 {
  background-color: #ff6600;
  padding: 10px 17px;
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: center;
  left: 1rem;
  border-radius: 9999px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next--03 {
  background-color: #ff6600;
  padding: 10px 17px;
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: center;
  left: 60px;
  border-radius: 9999px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

@media screen and (min-width: 768px) {
  .swiper-button-prev--03 {
    left: 0;
  }
  .swiper-button-next--03 {
    left: 45px;
  }
}

/* ソーシャルメディア */

.top-sns__list .fa-facebook-square {
  color: #000;
}
.top-sns__list .fa-facebook-square:hover {
  color: #3b5998;
}
.top-sns__list .fa-twitter {
  color: #000;
}
.top-sns__list .fa-twitter:hover {
  color: #1da1f2;
}
.top-sns__list .fa-instagram {
  color: #000;
}
.top-sns__list .fa-instagram:hover {
  color: #e1306c;
}
.top-sns__list .fa-line {
  color: #000;
}
.top-sns__list .fa-line:hover {
  color: #00c300;
}
.top-sns__list .fa-youtube {
  color: #000;
}
.top-sns__list .fa-youtube:hover {
  color: #ff0000;
}