@charset "UTF-8";
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
a:hover img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.8;
}

/*==================================================
fontサブセット化
==================================================*/
/*==================================================
NotoSansCJKJP
==================================================*/
@font-face {
  font-family: "NotoSansCJKJP";
  font-style: "normal";
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/NotoSansCJKjp-Regular-subset.otf") format("opentype"), url("../fonts/NotoSansCJKjp-Regular-subset.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular-subset.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: "NotoSansCJKJP";
  font-style: "normal";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/NotoSansCJKjp-Medium-subset.otf") format("opentype"), url("../fonts/NotoSansCJKjp-Medium-subset.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium-subset.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: "NotoSansCJKJP";
  font-style: "normal";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/NotoSansCJKjp-Bold-subset.otf") format("opentype"), url("../fonts/NotoSansCJKjp-Bold-subset.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold-subset.ttf") format("truetype");
  /* Safari, Android, iOS */
}
/*==================================================
cabin
==================================================*/
@font-face {
  font-family: "Cabin";
  font-style: "normal";
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Cabin-Regular.otf") format("opentype"), url("../fonts/Cabin-Regular.woff") format("woff"), url("../fonts/Cabin-Regular.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: "Cabin";
  font-style: "normal";
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Cabin-Medium.otf") format("opentype"), url("../fonts/Cabin-Medium.woff") format("woff"), url("../fonts/Cabin-Medium.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: "Cabin";
  font-style: "normal";
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Cabin-SemiBold.otf") format("opentype"), url("../fonts/Cabin-SemiBold.woff") format("woff"), url("../fonts/Cabin-SemiBold.ttf") format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: "Cabin";
  font-style: "normal";
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Cabin-Bold-subset.otf") format("opentype"), url("../fonts/Cabin-Bold-subset.woff") format("woff"), url("../fonts/Cabin-Bold-subset.ttf") format("truetype");
  /* Safari, Android, iOS */
}
/*==================================================
使うフォント
==================================================*/
/*                トップページ用
======================================================= */
/*TOP共通*/
#home_kv {
  position: relative;
  width: 100%;
  height: 1264px;
  margin-top: 80px;
  background-image: url("/kodomo/cre/asset_unicef/media/images/common/kv_grid.jpg");
  background-position: 0% -5%;
}
@media only screen and (max-width: 2000px) {
  #home_kv {
    height: 1024px;
  }
}
@media only screen and (max-width: 1800px) {
  #home_kv {
    height: 797px;
  }
}
@media only screen and (max-width: 1439px) {
  #home_kv {
    height: 632px;
    background-position: 0% 0%;
  }
}
@media only screen and (max-width: 1100px) {
  #home_kv {
    height: 557px;
  }
}
@media only screen and (max-width: 1023px) {
  #home_kv {
    height: 481px;
  }
}
@media only screen and (max-width: 900px) {
  #home_kv {
    height: 406px;
  }
}
@media only screen and (max-width: 767px) {
  #home_kv {
    margin-top: 64px;
    height: 0;
    background-position: 0% 2%;
    padding-top: 115%;
  }
}
#home_kv .home_kv_left {
  position: absolute;
  top: 728px;
  left: 0;
  width: 152px;
  height: 304px;
  background-image: url("/kodomo/cre/asset_unicef/media/images/home/kv_left.png");
  background-size: contain;
  background-position: 0% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 2000px) {
  #home_kv .home_kv_left {
    top: 560px;
  }
}
@media only screen and (max-width: 1800px) {
  #home_kv .home_kv_left {
    top: 416px;
  }
}
@media only screen and (max-width: 1439px) {
  #home_kv .home_kv_left {
    top: 320px;
    width: 120px;
    height: 240px;
  }
}
@media only screen and (max-width: 1100px) {
  #home_kv .home_kv_left {
    top: 272px;
  }
}
@media only screen and (max-width: 1023px) {
  #home_kv .home_kv_left {
    top: 256px;
    width: 80px;
    height: 160px;
  }
}
@media only screen and (max-width: 900px) {
  #home_kv .home_kv_left {
    top: 200px;
  }
}
@media only screen and (max-width: 767px) {
  #home_kv .home_kv_left {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/kodomo/cre/asset_unicef/media/images/home/kv_sp.png");
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
}
#home_kv .home_kv_right {
  position: absolute;
  top: 0;
  right: 0;
  width: 2000px;
  height: 100%;
  background-image: url("/kodomo/cre/asset_unicef/media/images/home/kv_right.png");
  background-size: contain;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  #home_kv .home_kv_right {
    display: none;
  }
}
#home_kv .home_kv_texts {
  position: absolute;
  top: 37.7833753149%;
  left: 6.25%;
}
@media only screen and (max-width: 1800px) {
  #home_kv .home_kv_texts {
    top: 32.7455919395%;
    left: 8.3125%;
  }
}
@media only screen and (max-width: 1439px) {
  #home_kv .home_kv_texts {
    left: 7.5%;
  }
}
@media only screen and (max-width: 767px) {
  #home_kv .home_kv_texts {
    /*top: 55.1912568306%;*/
    top: 50%;
    left: 2.7322404372%;
  }
}
@media only screen and (max-width: 1536px) {
  #home_kv .home_kv_texts .home_kv_catch {
    width: 320px;
  }
}
@media only screen and (max-width: 1200px) {
  #home_kv .home_kv_texts .home_kv_catch {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  #home_kv .home_kv_texts .home_kv_catch {
    width: 160px;
    margin-left: 6px;
  }
}
@media only screen and (max-width: 480px) {
  #home_kv .home_kv_texts .home_kv_catch {
    width: 124px;
    margin-left: 6px;
  }
}
#home_kv .home_kv_texts .home_kv_message {
  font-size: 82px;
  font-family: "NotoSansCJKJP";
  font-weight: 500;
  line-height: 1.4;
  color: #00a0e9;
  text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF, -3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
}
@media only screen and (max-width: 2240px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1800px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1536px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1439px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1200px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 38px;
  }
}
@media only screen and (max-width: 900px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 32px;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 480px) {
  #home_kv .home_kv_texts .home_kv_message {
    font-size: 18px;
    margin-top: 8px;
  }
}