@charset "UTF-8";
.bg-red {
  background-color: #ed0f0f;
}
.bg-pink {
  background-color: #e95288;
}
.bg-blue {
  background-color: #5fa6d5;
}
.bg-brown {
  background-color: #c69c6d;
}

.p-breadcrumb {
  display: none;
}

.l-kids_study--fonts {
  font-family: "Zen Maru Gothic", serif;
}
.l-kids_study--container {
  max-width: 1260px;
  padding-inline: 10px;
  margin-inline: auto;
}
.l-kids_study--container sub {
  position: static;
}
.l-kids_study--nav {
  font-family: "Zen Maru Gothic", serif;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .l-kids_study--nav {
    background-color: #fff !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #ccc;
  }
}
.l-kids_study--nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  overflow: auto;
}
.l-kids_study--nav-items {
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-kids_study--nav-items {
    line-height: 1.6rem;
  }
}
.l-kids_study--nav-items:last-child > * {
  background-color: #fff;
}
.l-kids_study--nav-items:not(:first-child) {
  margin-left: 20px;
}
.l-kids_study--nav-items:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 20px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .l-kids_study--nav-items:not(:first-child)::before {
    background-color: transparent;
    width: 6px;
    height: 6px;
    right: auto;
    left: -16px;
    border: 1px solid #333;
    border-bottom: 0;
    border-left: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
}
.l-kids_study--nav-link {
  display: block;
  white-space: nowrap;
  font-weight: bold;
  font-size: clamp(1rem, 1vw, 1.2rem);
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  padding: 4px 32px;
  color: #000000;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .l-kids_study--nav-link {
    padding: 4px;
  }
}

.p-kids_study {
  overflow: hidden;
}
.p-kids_study--top-mv {
  overflow-x: hidden;
  position: relative;
  background: #e7e0d6 url("/kids/kids_study/img/img-bg-top-01.png") no-repeat top center;
  background-position-y: -149px;
  padding: 412px 0 119px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-mv {
    padding: 12px 0 34px;
    margin-bottom: 40px;
    background-size: 823px;
    background-position-y: 0;
  }
}
.p-kids_study--top-mv::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url("/kids/kids_study/img/icon-triangle.png") repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-mv::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--top-mv-title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(2.1rem, 3vw, 3.6rem);
  line-height: 1.4;
  margin-top: -37px;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1024px) {
  .p-kids_study--top-mv-title {
    margin-top: 0;
  }
}
.p-kids_study--top-groups {
  margin-top: -64px;
}
@media screen and (max-width: 1024px) {
  .p-kids_study--top-groups {
    margin-top: -24px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-groups {
    margin-top: 110px;
  }
}
.p-kids_study--top-groups-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.p-kids_study--top-groups-col.first {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 72%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-groups-col.first {
    max-width: 276px;
  }
}
.p-kids_study--top-groups-col.last {
  margin-top: -88px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-groups-col.last {
    max-width: 375px;
    margin: -16px auto 0;
  }
}
.p-kids_study--top-imgs.imgs01 {
  -webkit-animation: 2.5s linear 0.4s infinite alternate animation1;
          animation: 2.5s linear 0.4s infinite alternate animation1;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-imgs.imgs01 {
    width: 115px;
  }
}
.p-kids_study--top-imgs.imgs02 {
  margin: 28px 52px 0 0;
  -webkit-animation: 2s linear 0.3s infinite animation2;
          animation: 2s linear 0.3s infinite animation2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-imgs.imgs02 {
    width: 86px;
    margin: 6px 15px 0 0;
  }
}
.p-kids_study--top-imgs.imgs03 {
  margin: 42px 0 0 -32px;
  -webkit-animation: 6s linear 0.5s infinite animation3;
          animation: 6s linear 0.5s infinite animation3;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-imgs.imgs03 {
    width: 115px;
    margin: 0 0 0 -28px;
  }
}
.p-kids_study--top-imgs.imgs04 {
  margin: 37px 0 0 -99px;
  -webkit-animation: 8s linear 0.6s infinite alternate animation5;
          animation: 8s linear 0.6s infinite alternate animation5;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-imgs.imgs04 {
    width: 107px;
    margin: -2px 0 0 -28px;
  }
}
.p-kids_study--top-imgs.imgs05 {
  margin-left: -57px;
  animation: 6s linear 0.3s infinite alternate-reverse animation5;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-imgs.imgs05 {
    width: 103px;
    margin: -13px 0 0 -18px;
  }
}
.p-kids_study--top-imgs.imgs06 {
  margin: 42px 0 0 -95px;
  -webkit-animation: 5s linear 0.2s infinite animation4;
          animation: 5s linear 0.2s infinite animation4;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-imgs.imgs06 {
    width: 100px;
    margin: 0 0 0 -29px;
  }
}
.p-kids_study--top-imgs.imgs07 {
  margin: -14px 0 0 -97px;
  -webkit-animation: 10s linear 0.3s infinite animation3;
          animation: 10s linear 0.3s infinite animation3;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-imgs.imgs07 {
    width: 100px;
    margin: -18px 0 0 -31px;
  }
}
.p-kids_study--top-lists {
  max-width: 994px;
  margin-inline: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -27px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-lists {
    margin: 0;
    gap: 8px;
  }
}
.p-kids_study--top-links {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 100%;
  text-align: center;
  background-color: #ed0f0f;
  color: #fff;
  font-size: clamp(1.9rem, 3vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.5;
  padding: 38px 0 0;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    max-width: 295px;
    min-height: 48px;
    height: auto;
    padding: 4px 10px;
    margin-inline: auto;
    border-radius: 100px;
  }
}
.p-kids_study--top-links:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.p-kids_study--top-links::after {
  content: "";
  width: 34px;
  height: 33px;
  position: absolute;
  bottom: 41px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("/kids/kids_study/img/icon-links.png") no-repeat center center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-links::after {
    left: auto;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}
.p-kids_study--top-links:nth-child(2) {
  background-color: #e95288;
}
.p-kids_study--top-links:nth-child(3) {
  background-color: #5fa6d5;
}
.p-kids_study--top-links:last-child {
  background-color: #c69c6d;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-links br {
    display: none;
  }
}
.p-kids_study--top-content {
  display: grid;
  grid-template-columns: 388px 1fr;
  margin-top: 49px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-content {
    grid-template-columns: 1fr;
    margin-top: 3px;
  }
}
.p-kids_study--top-content-img {
  margin-left: -34px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-content-img {
    width: 193px;
    margin: 0 auto 0;
  }
}
.p-kids_study--top-content-text {
  margin-left: -60px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-content-text {
    margin: 0;
  }
}
.p-kids_study--top-title {
  font-size: clamp(3rem, 3vw, 4.8rem);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.12em;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-title {
    text-align: center;
    max-width: 300px;
    margin: -5px auto 0;
    line-height: 1.3;
  }
}
.p-kids_study--top-des {
  font-size: clamp(1.8rem, 2vw, 3rem);
  line-height: 1.5;
  font-weight: 500;
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-des {
    max-width: 325px;
    margin: 10px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--top-des br {
    display: none;
  }
}
.p-kids_study--power_generation {
  position: relative;
  background: url("/kids/kids_study/power_generation/img/img-bg-01.png") no-repeat top center;
  background-size: cover;
  padding: 56px 0 89px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation {
    margin-bottom: 40px;
    padding: 16px 0 30px;
    background: url("/kids/kids_study/power_generation/img/img-bg-01-sp.png") no-repeat top center;
  }
}
.p-kids_study--power_generation::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url("/kids/kids_study/img/icon-triangle.png") repeat top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--power_generation-intro {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  min-width: 202px;
  min-height: 48px;
  font-weight: 700;
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  background-color: #ed0f0f;
  padding-inline: 52px;
  padding-bottom: 5px;
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-intro {
    min-height: 36px;
    padding-inline: 32px;
    padding-bottom: 7px;
  }
}
.p-kids_study--power_generation-intro::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 0;
  height: 0;
  border-right: 15px solid #ed0f0f;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-intro::after {
    border-width: 10px;
    border-left-width: 0;
    bottom: -12px;
  }
}
.p-kids_study--power_generation-intro.is-pink {
  background-color: #e95288;
}
.p-kids_study--power_generation-intro.is-pink::after {
  border-right-color: #e95288;
}
.p-kids_study--power_generation-intro.is-green {
  background-color: #a0c625;
}
.p-kids_study--power_generation-intro.is-green::after {
  border-right-color: #a0c625;
}
.p-kids_study--power_generation-intro-small {
  font-size: 1.4rem;
  color: #4D4D4D;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-intro-small {
    margin-bottom: 30px;
  }
}
.p-kids_study--power_generation-title {
  font-size: clamp(2.8rem, 4vw, 5.6rem);
  font-weight: 700;
  color: #4D4D4D;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-title {
    line-height: 1.4;
  }
}
.p-kids_study--power_generation-title .is-small {
  font-size: 4rem;
}
.p-kids_study--power_generation-title.flex-centers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.p-kids_study--power_generation-des {
  font-weight: 700;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #4D4D4D;
}
.p-kids_study--power_generation-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin: 52px 0 190px;
}
@media screen and (max-width: 1024px) {
  .p-kids_study--power_generation-box {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-box {
    grid-template-columns: 1fr;
    max-width: 335px;
    margin: 7px auto 30px;
  }
}
.p-kids_study--power_generation-items {
  position: relative;
  text-align: center;
  min-height: 340px;
  padding: 20px 10px;
  background-color: #fff;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-items {
    min-height: 98px;
    padding: 12px 10px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-items .icon-link {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-items .br-none br {
    display: none;
  }
}
.p-kids_study--power_generation-items-intro {
  min-height: 62px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-items-intro {
    min-height: unset;
  }
}
.p-kids_study--power_generation-items-intro-text {
  position: relative;
  display: inline-block;
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 700;
  line-height: 1.3;
  color: #4D4D4D;
}
.p-kids_study--power_generation-items-intro-text::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 280px;
  min-width: 202px;
  width: 100%;
  height: 2px;
  background-color: #ed0f0f;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-items-intro-text::after {
    height: 1px;
    bottom: -4px;
  }
}
.p-kids_study--power_generation-items-title {
  font-weight: 700;
  font-size: clamp(1.8rem, 1vw, 2.8rem);
  line-height: 1.4;
  color: #4D4D4D;
  margin: 23px 0 10px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-items-title {
    margin: 5px 0 0;
  }
}
.p-kids_study--power_generation-items:hover .p-kids_study--power_generation-icon {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-items:hover .p-kids_study--power_generation-icon {
    -webkit-animation: unset;
            animation: unset;
  }
}
.p-kids_study--power_generation-icon {
  pointer-events: none;
  position: absolute;
  bottom: -42%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-icon {
    width: 128px;
    height: 78px;
    left: -27px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.p-kids_study--power_generation-icon.is-rotation {
  rotate: 0 0.5 0 180deg;
  left: -50%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-icon.is-rotation {
    rotate: unset;
    left: -27px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation-icon.icon-last {
    left: -44px;
    top: 58%;
  }
}
.p-kids_study--power_generation--radiation-box-title {
  display: inline-block;
  position: relative;
}
.p-kids_study--power_generation--radiation-box-title:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 90%;
  width: 303px;
  height: 185px;
  background: url("/kids/kids_study/img/img-raion.png") no-repeat center center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box-title:after {
    top: -3px;
    right: -87px;
    left: auto;
    width: 120px;
    height: 100px;
    background-size: contain;
  }
}
.p-kids_study--power_generation--radiation-box01 {
  overflow: hidden;
  padding: 56px 0 113px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box01 {
    padding: 10px 0 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box01 .is-title {
    margin-top: 0;
  }
}
.p-kids_study--power_generation--radiation-box01 .is-des {
  margin-top: 28px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box01 .is-des {
    margin-top: 7px;
    line-height: 1.5;
    letter-spacing: -0.05em;
  }
}
.p-kids_study--power_generation--radiation-box01-grids {
  display: grid;
  grid-template-columns: 557px 1fr;
  gap: 47px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box01-grids {
    grid-template-columns: 1fr;
    gap: 25px;
    max-width: 335px;
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box01-grids .is-text {
    grid-column: 1;
    grid-row: 1;
  }
}
.p-kids_study--power_generation--radiation-box02 {
  padding: 120px 0 106px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box02 {
    padding: 25px 0 21px;
  }
}
.p-kids_study--power_generation--radiation-box02-grids {
  display: grid;
  grid-template-columns: 376px 438px;
  gap: 103px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 955px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box02-grids {
    grid-template-columns: 1fr;
    gap: 27px;
    max-width: 335px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box02 .is-des {
    margin-top: 7px;
    line-height: 1.5;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box02 .is-imgs {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box02 .is-imgs img {
    max-width: 295px;
  }
}
.p-kids_study--power_generation--radiation-box03 {
  padding: 108px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box03 {
    padding: 24px 0 32px;
  }
}
.p-kids_study--power_generation--radiation-box03-grids {
  display: grid;
  grid-template-columns: 449px 1fr;
  gap: 145px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 980px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box03-grids {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 335px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box03 .is-des {
    margin-top: 7px;
    line-height: 1.5;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box03 .is-imgs {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box03 .is-imgs img {
    max-width: 223px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box03 .is-text {
    grid-column: 1;
    grid-row: 1;
  }
}
.p-kids_study--power_generation--radiation-box04 {
  padding: 187px 0 153px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box04 {
    padding: 25px 0 46px;
  }
}
.p-kids_study--power_generation--radiation-box04-grids {
  display: grid;
  grid-template-columns: 1fr 663px;
  gap: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1182px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box04-grids {
    grid-template-columns: 1fr;
    gap: 25px;
    max-width: 335px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box04 .is-title {
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box04 .is-des {
    margin-top: 7px;
    line-height: 1.5;
  }
}
.p-kids_study--power_generation--radiation-box04-text {
  max-width: 376px;
  margin-left: auto;
}
.p-kids_study--power_generation--radiation-box05 {
  padding: 74px 0 117px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box05 {
    padding: 25px 0 46px;
  }
}
.p-kids_study--power_generation--radiation-box05-grids {
  display: grid;
  grid-template-columns: 583px 1fr;
  gap: 71px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1101px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box05-grids {
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 335px;
  }
}
.p-kids_study--power_generation--radiation-box05-grids .is-des {
  max-width: 376px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box05-grids .is-des {
    margin-top: 7px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box05-grids .is-text {
    grid-column: 1;
    grid-row: 1;
  }
}
.p-kids_study--power_generation--radiation-box06 {
  position: relative;
  min-height: 100vh;
  padding: 120px 0 127px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box06 {
    padding: 15px 0 28px;
    margin-bottom: 56px;
  }
}
.p-kids_study--power_generation--radiation-box06::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box06::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--power_generation--radiation-box06-grids {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box06-grids {
    grid-template-columns: 1fr;
    gap: 23px;
    max-width: 335px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box06 .is-des {
    margin-top: 7px;
    line-height: 1.5;
  }
}
.p-kids_study--power_generation--radiation-box06-text {
  max-width: 376px;
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box06-text {
    margin: 0;
  }
}
.p-kids_study--power_generation--radiation-box06-bottom {
  padding: 63px 20px;
  margin: 92px 0 30px;
  background-color: #fff;
  border-radius: 24px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box06-bottom {
    margin: 8px auto 30px;
    max-width: 335px;
    border-radius: 12px;
    padding: 24px 20px 13px;
  }
}
.p-kids_study--power_generation--radiation-box06-grid02 {
  display: grid;
  grid-template-columns: 384px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
  max-width: 957px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--radiation-box06-grid02 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.p-kids_study--power_generation--electricity-box01 {
  padding: 56px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box01 {
    padding: 16px 0 30px;
  }
}
.p-kids_study--power_generation--electricity-box01-groups {
  max-width: 960px;
  margin: 20px auto 0;
  padding: 25px 10px 43px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box01-groups {
    max-width: 335px;
    margin-top: 10px;
    padding: 9px 30px 10px;
    border-radius: 12px;
  }
}
.p-kids_study--power_generation--electricity-box01-groups .is-title {
  margin: -55px 0 0;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box01-groups .is-title {
    margin-top: -25px;
  }
}
.p-kids_study--power_generation--electricity-box01-groups .is-title::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: -77px;
  left: -77%;
  width: clamp(300px, 21vw, 330px);
  height: clamp(170px, 20vw, 200px);
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box01-groups .is-title::before {
    top: -90px;
    left: -61px;
    width: 154px;
    height: 94px;
  }
}
.p-kids_study--power_generation--electricity-box01-groups .is-title-sp {
  color: #ed0f0f;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box01-groups .is-title-sp {
    font-size: 1.8rem;
    margin-bottom: -14px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box01-groups img {
    max-width: 250px;
  }
}
.p-kids_study--power_generation--electricity-box02 {
  position: relative;
  overflow: hidden;
  padding: 90px 0 80px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02 {
    padding: 13px 0 30px;
    margin-bottom: 16px;
  }
}
.p-kids_study--power_generation--electricity-box02::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url("/kids/kids_study/img/icon-triangle.png") repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--power_generation--electricity-box02-grids {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px 50px;
  margin: 57px 0 80px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-grids {
    grid-template-columns: 1fr;
    margin: 30px auto;
    max-width: 335px;
    gap: 30px;
  }
}
.p-kids_study--power_generation--electricity-box02-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 24px;
  min-height: 200px;
  padding: 52px 20px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-items {
    border-radius: 12px;
    padding: 15px 20px;
  }
}
.p-kids_study--power_generation--electricity-box02-items:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-items:last-child {
    grid-column-start: auto;
    grid-column-end: auto;
    grid-row: auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .p-kids_study--power_generation--electricity-box02-items:nth-child(2) .p-kids_study--power_generation--electricity-box02-contents {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 64px;
  }
}
@media screen and (min-width: 768px) {
  .p-kids_study--power_generation--electricity-box02-items:nth-child(2) .c-kids_study--text-center {
    min-height: 428px;
  }
}
.p-kids_study--power_generation--electricity-box02 .p-kids_study--jp_energy--global_warming-title {
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02 .p-kids_study--jp_energy--global_warming-title {
    font-size: 1.8rem;
  }
}
.p-kids_study--power_generation--electricity-box02-tags {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-tags {
    gap: 6px;
  }
}
.p-kids_study--power_generation--electricity-box02-tags-items {
  min-height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border-radius: 8px;
  max-width: 200px;
  padding-top: 6px;
  font-weight: 700;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-tags-items {
    min-height: 28px;
    padding-top: 4px;
    border-radius: 4px;
    font-size: 1.6rem;
  }
}
.p-kids_study--power_generation--electricity-box02-contents {
  max-width: 408px;
  margin-inline: auto;
}
.p-kids_study--power_generation--electricity-box02-contents .is-title {
  margin: 28px 0 29px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-contents .is-title {
    margin: 25px 0 8px;
  }
}
.p-kids_study--power_generation--electricity-box02-contents .is-des {
  margin-top: 22px;
  line-height: 1.6;
}
.p-kids_study--power_generation--electricity-box02-last {
  display: grid;
  grid-template-columns: 326px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 938px;
  margin-inline: auto;
  padding: 8px 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-last {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 58px 0 0;
  }
}
.p-kids_study--power_generation--electricity-box02-last .is-des {
  margin-top: 14px;
  max-width: 408px;
  line-height: 1.6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-last .is-des {
    margin-top: 21px;
    letter-spacing: -0.05em;
  }
}
.p-kids_study--power_generation--electricity-box02-last .is-des::after {
  content: "";
  position: absolute;
  bottom: -28px;
  right: -75%;
  width: 330px;
  height: 200px;
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
  rotate: 0 1 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-last .is-des::after {
    width: 165px;
    height: 100px;
    bottom: 86px;
    right: -33px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-last .p-kids_study--power_generation--electricity-box02-tags-items {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 145px;
    min-height: 28px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02-last img {
    width: 164px;
    margin-left: 19px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02 .is-title-main {
    font-size: clamp(3.3rem, 4.5vw, 5.6rem);
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02 .is-des-main {
    max-width: 310px;
    margin: 7px auto 0;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--electricity-box02 .is-des-main br {
    display: none;
  }
}
.p-kids_study--power_generation--summary .subtitle {
  font-size: clamp(2.4rem, 3vw, 3.6rem);
  font-weight: 700;
  letter-spacing: 0.04em;
}
.p-kids_study--power_generation--summary-tab {
  position: relative;
  max-width: 968px;
  margin-inline: auto;
  margin-top: 44px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab {
    margin-top: 10px;
  }
}
.p-kids_study--power_generation--summary-tab::before {
  content: "";
  position: absolute;
  top: -146px;
  left: -87px;
  width: 284px;
  height: 174px;
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab::before {
    top: -75px;
    left: -40px;
    width: 142px;
    height: 137px;
  }
}
.p-kids_study--power_generation--summary-tab table {
  border-spacing: 4px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tbody {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table td {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 4px;
    margin-left: 34px;
  }
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(2), .p-kids_study--power_generation--summary-tab table tr:nth-child(3) {
  grid-template-columns: 56px 1fr;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:not(:nth-child(4)) td:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-column: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:not(:nth-child(4)) td:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:not(:nth-child(4)) td:nth-child(2)::before {
    content: "強み";
    color: #4d4d4d;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:not(:nth-child(4)) td:last-child {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:not(:nth-child(4)) td:last-child::before {
    content: "弱み";
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:not(:nth-child(4)) td:not(:first-child) {
    position: relative;
    padding-left: 30px;
    padding-right: 0;
  }
}
.p-kids_study--power_generation--summary-tab table tr:not(:nth-child(4)) td:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  background-color: #f2f2f2;
  mix-blend-mode: multiply;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:first-child {
    position: absolute;
    top: 0;
    left: -34px;
    width: 30px;
    height: 945px;
    padding: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    grid-column: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:nth-child(3)::before {
    content: "強み";
    color: #4d4d4d;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:last-child {
    grid-column: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:last-child::before {
    content: "弱み";
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:nth-child(3), .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:last-child {
    position: relative;
    padding-left: 30px;
    padding-right: 0;
  }
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:nth-child(3)::before, .p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:last-child::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  background-color: #f2f2f2;
  mix-blend-mode: multiply;
  border-radius: 4px;
}
.p-kids_study--power_generation--summary-tab table th,
.p-kids_study--power_generation--summary-tab table td {
  font-size: 2rem;
  font-weight: 700;
  color: #4d4d4d;
  letter-spacing: -0.05em;
  padding: 7px 5px 7px 20px;
  border-radius: 8px;
  background-color: #f2f2f2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table th,
  .p-kids_study--power_generation--summary-tab table td {
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 1.4rem;
  }
}
.p-kids_study--power_generation--summary-tab table th:first-child {
  width: 220px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table th:first-child {
    width: unset;
  }
}
.p-kids_study--power_generation--summary-tab table td.text-left {
  text-align: left;
}
.p-kids_study--power_generation--summary-tab table td.text-vertical {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  padding: 10px 7px;
}
.p-kids_study--power_generation--summary-tab table td.text-vertical [data-ruby]::before {
  top: 0 !important;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table td.text-vertical span {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab table tr:nth-child(1) {
    display: none;
  }
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(2) td {
  background-color: #ffe2cc;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(2) td:nth-child(2) {
  color: #ff6e00;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(3) td {
  background-color: #ecf4d3;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(3) td:nth-child(2) {
  color: #64a300;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:not(:first-child) {
  background-color: #e0eff9;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(4) td:nth-child(3) {
  color: #66aee0;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(5) td {
  background-color: #e5f6f2;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(5) td:nth-child(2) {
  color: #31b798;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(6) td {
  background-color: #fdecd1;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(6) td:nth-child(2) {
  color: #f88b00;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(7) td {
  background-color: #e9e3f0;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(7) td:nth-child(2) {
  color: #9074b3;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(8) td {
  background-color: #f0e9e7;
}
.p-kids_study--power_generation--summary-tab table tr:nth-child(8) td:nth-child(2) {
  color: #b49187;
}
.p-kids_study--power_generation--summary-tab .text-indent {
  text-indent: -24px;
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-tab .text-indent {
    text-indent: -16px;
    margin-left: 16px;
  }
}
.p-kids_study--power_generation--summary-box01 {
  padding: 56px 0 100px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box01 {
    padding: 16px 0 27px;
  }
}
.p-kids_study--power_generation--summary-box01 .subtitle {
  margin: 38px 0 0;
  color: #4d4d4d;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box01 .subtitle {
    margin-top: 17px;
    line-height: 1.4;
  }
}
.p-kids_study--power_generation--summary-box01 .imgs-tab {
  margin: -102px 0 0 -94px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box01 .imgs-tab {
    margin: -38px 0 0;
    padding-inline: 10px;
    z-index: -1;
  }
}
.p-kids_study--power_generation--summary-box01-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1080px;
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box01-bottom {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 10px;
    max-width: 335px;
    margin-top: 31px;
  }
}
.p-kids_study--power_generation--summary-box01-bottom div:first-child {
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box01-bottom div:first-child img {
    max-width: unset;
    width: 146px;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 40%;
    left: 45%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box01-bottom .is-des {
    margin-top: 6px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box01 .p-kids_study--power_generation-intro {
    padding-inline: 15px;
    letter-spacing: -0.05em;
  }
}
.p-kids_study--power_generation--summary-box02 {
  position: relative;
  padding: 68px 0 79px;
  margin-bottom: 128px;
  overflow: hidden;
}
.p-kids_study--power_generation--summary-box02::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box02::after {
    height: 12px;
    background-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box02 {
    padding: 22px 0 30px;
    margin-bottom: 17px;
  }
}
.p-kids_study--power_generation--summary-box02-inner {
  position: relative;
  text-align: center;
  margin: 80px 0;
  padding: 40px 10px 105px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 26px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box02-inner {
    margin: 15px auto 30px;
    max-width: 335px;
    border-radius: 12px;
    padding: 11px 5px 16px;
  }
}
.p-kids_study--power_generation--summary-box02-inner::before {
  content: "";
  position: absolute;
  top: -190px;
  right: -78px;
  width: 340px;
  height: 230px;
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
  pointer-events: none;
  rotate: 0 1 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box02-inner::before {
    width: 167px;
    height: 102px;
    top: -28px;
    right: -60px;
  }
}
.p-kids_study--power_generation--summary-box02-inner .is-des {
  text-align: left;
  max-width: 700px;
  margin: 0 auto 24px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--summary-box02-inner .is-des {
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 0 14px 13px;
  }
}
.p-kids_study--power_generation--nuclear-box01 {
  overflow: hidden;
  padding-bottom: 96px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 {
    padding-bottom: 38px;
  }
}
.p-kids_study--power_generation--nuclear-box01-inner {
  position: relative;
  min-height: 1240px;
  text-align: center;
  margin-top: -20px;
  padding: 66px 10px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01-inner {
    min-height: 600px;
    max-width: 335px;
    margin: 0 auto;
    padding: 0;
  }
}
.p-kids_study--power_generation--nuclear-box01-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1240px;
  height: 1240px;
  border-radius: 100%;
  background-color: #f6f9e9;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01-inner::before {
    width: 640px;
    height: 640px;
    top: -15px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .text-title {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: clamp(4.8rem, 10vw, 12rem);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .text-title {
    font-size: 4.8rem;
    margin-top: 15px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .text-title::after {
  content: "";
  position: absolute;
  bottom: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 135%;
  max-width: 820px;
  height: 12px;
  border-radius: 100px;
}
@media screen and (max-width: 1024px) {
  .p-kids_study--power_generation--nuclear-box01 .text-title::after {
    height: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .text-title::after {
    height: 6px;
    bottom: 1px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .text-title.is-green {
  color: #a0c625;
}
.p-kids_study--power_generation--nuclear-box01 .text-title.is-green::after {
  background-color: #a0c625;
}
.p-kids_study--power_generation--nuclear-box01 .text-des {
  font-size: clamp(1.4rem, 2.5vw, 2.4rem);
  font-weight: 700;
  margin-top: 20px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .text-des {
    font-size: 1.4rem;
    margin-top: 12px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .text-links {
  margin-inline: auto;
  margin-top: 36px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .text-links {
    margin-top: 9px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .text-links:after {
    right: 10px;
    background-image: url("/kids/kids_study/img/icon-links.png");
  }
}
.p-kids_study--power_generation--nuclear-box01 .is-des {
  margin: 20px 0 22px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .is-des {
    font-size: 1.6rem;
    margin: 6px 0 10px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .box-imgs {
  position: relative;
  margin-left: 78px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .box-imgs {
    margin-left: 0;
  }
}
.p-kids_study--power_generation--nuclear-box01 .box-imgs .is-rotate {
  rotate: 0 0 0 180deg;
}
.p-kids_study--power_generation--nuclear-box01 .icon {
  position: absolute;
}
.p-kids_study--power_generation--nuclear-box01 .icon01 {
  bottom: -10px;
  right: 4px;
  width: clamp(136px, 28vw, 420px);
  rotate: 0 1 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .icon01 {
    width: 136px;
    bottom: -8px;
    right: -36px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .icon02 {
  top: -45px;
  left: 15px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .icon02 {
    width: 43px;
    top: -102px;
    left: -7px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .icon03 {
  top: 11.7%;
  right: -3.2%;
  width: clamp(12%, 17vw, 250px);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .icon03 {
    width: 55px;
    right: -28px;
    top: 141px;
    z-index: -1;
  }
}
.p-kids_study--power_generation--nuclear-box01 .icon04 {
  top: 40.7%;
  left: -9.5%;
  width: clamp(18%, 17vw, 248px);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .icon04 {
    width: 48px;
    top: 336px;
    left: -37px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .icon05 {
  bottom: -16px;
  right: 5.5%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .icon05 {
    width: 46px;
    bottom: 32px;
    right: -15px;
    z-index: -1;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom {
    max-width: 335px;
    margin: 33px auto 0;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--subtitle {
  font-size: clamp(2rem, 4vw, 3.6rem);
  font-weight: 700;
  letter-spacing: -0.06em;
  color: #a0c625;
  text-align: center;
  border-bottom: 2px solid #a0c625;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--subtitle {
    font-size: 2rem;
    border-bottom-width: 1px;
    letter-spacing: -0.1em;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--contents {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 56px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 185px;
    margin-top: 13px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--items {
  min-height: 400px;
  padding: 20px 10px 20px 20px;
  border-radius: 32px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--items {
    min-height: 195px;
    padding: 10px 20px 20px;
    border-radius: 16px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--items .text-indent {
  text-indent: -34px;
  margin-left: 34px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--items .text-indent {
    text-indent: -20px;
    margin-left: 20px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--items .text-indent [data-ruby] {
  text-indent: initial;
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--trues {
  background: #f6f9e9 url("/kids/kids_study/power_generation/method/nuclear/img/icon-true.png") no-repeat center center;
  padding-right: 100px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--trues {
    background-size: 115px;
    padding-right: 10px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--falses {
  background: #e6e6e6 url("/kids/kids_study/power_generation/method/nuclear/img/icon-false.png") no-repeat center center;
  padding-left: 120px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--falses {
    background-size: 132px;
    padding: 40px 10px 20px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--title {
  font-size: clamp(2rem, 2vw, 3.6rem);
  font-weight: 700;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--title {
    font-size: 2rem;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--des {
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.8;
  margin-inline: auto;
  letter-spacing: 0.01em;
  color: #4d4d4d;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--des {
    font-size: 1.9rem;
    letter-spacing: -0.1em;
    line-height: 1.6;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--des.is-des01 {
  max-width: 330px;
  margin-top: 18px;
  color: #64a300;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--des.is-des01 {
    margin-top: 5px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--des.is-des02 {
  max-width: clamp(367px, 26vw, 401px);
  margin-top: 18px;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--des.is-des02 {
    margin: 4px 0 0 9px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(220px, 24vw, 340px);
  height: clamp(220px, 24vw, 340px);
  text-align: center;
  padding: 35px 10px 10px;
  background-color: #fefac0;
  border: 2px solid #fff;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--center {
    width: 220px;
    height: 220px;
    top: 49%;
    padding: 23px 10px 10px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--center::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 40px;
  width: clamp(140px, 16vw, 253px);
  height: clamp(90px, 16vw, 154px);
  rotate: 0 1 0 180deg;
  background: url("/kids/kids_study/img/img-raion.png") no-repeat center bottom;
  background-size: contain;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--center::after {
    bottom: -20px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--center::after {
    bottom: 5px;
  }
}
.p-kids_study--power_generation--nuclear-box01 .inner-bottom--center .text {
  font-weight: 700;
  font-size: clamp(1.9rem, 2vw, 2.4rem);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01 .inner-bottom--center .text {
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: -0.05em;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-blue .p-kids_study--power_generation--nuclear-box01-inner::before {
  background-color: #f0f7fc;
}
.p-kids_study--power_generation--nuclear-box01.is-blue .text-title {
  color: #66aee0;
}
.p-kids_study--power_generation--nuclear-box01.is-blue .text-title:after {
  background-color: #66aee0;
}
.p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--subtitle {
  color: #66aee0;
  border-bottom-color: #66aee0;
}
.p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--items.inner-bottom--trues {
  background-color: #f0f7fc;
}
.p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--des.is-des01 {
  max-width: 500px;
}
.p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--des.is-des01 {
  color: #66aee0;
}
.p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--center::after {
  width: clamp(180px, 18vw, 253px);
  height: clamp(110px, 16vw, 154px);
  background-image: url("/kids/kids_study/img/img-kawauso.png");
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--center::after {
    left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--contents {
    gap: 180px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-blue .inner-bottom--contents .inner-bottom--center {
    top: 53%;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-green .p-kids_study--power_generation--nuclear-box01-inner::before {
  background-color: #f2faf8;
}
.p-kids_study--power_generation--nuclear-box01.is-green .text-title {
  color: #7bd1bd;
}
.p-kids_study--power_generation--nuclear-box01.is-green .text-title:after {
  background-color: #7bd1bd;
}
.p-kids_study--power_generation--nuclear-box01.is-green .inner-bottom--subtitle {
  color: #7bd1bd;
  border-bottom-color: #7bd1bd;
}
.p-kids_study--power_generation--nuclear-box01.is-green .inner-bottom--items.inner-bottom--trues {
  background-color: #f2faf8;
}
.p-kids_study--power_generation--nuclear-box01.is-green .icon01 {
  bottom: -30px;
  right: -150px;
  width: 600px;
  rotate: 0 0 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-green .icon01 {
    bottom: -10px;
    right: -36px;
    width: 203px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-green .inner-bottom--des.is-des02 {
  max-width: 406px;
}
.p-kids_study--power_generation--nuclear-box01.is-green .inner-bottom--des.is-des01 {
  max-width: 440px;
  color: #7bd1bd;
}
.p-kids_study--power_generation--nuclear-box01.is-green .inner-bottom--center::after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(200px, 20vw, 300px);
  height: clamp(120px, 12vw, 233px);
  rotate: 0 0 0 180deg;
  background-image: url("/kids/kids_study/img/img-usagi.png");
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-green .inner-bottom--center::after {
    bottom: 0;
    width: 200px;
    height: 120px;
    background-size: contain;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-orange .p-kids_study--power_generation--nuclear-box01-inner::before {
  background-color: rgba(245, 162, 23, 0.1019607843);
}
.p-kids_study--power_generation--nuclear-box01.is-orange .text-title {
  color: #f5a217;
}
.p-kids_study--power_generation--nuclear-box01.is-orange .text-title:after {
  background-color: #f5a217;
}
.p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--subtitle {
  color: #f5a217;
  border-bottom-color: #f5a217;
}
.p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--items.inner-bottom--trues {
  background-color: rgba(245, 162, 23, 0.1019607843);
}
.p-kids_study--power_generation--nuclear-box01.is-orange .icon01 {
  bottom: -41px;
  right: -45px;
  width: 450px;
  rotate: 0 0 0 180deg;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-orange .icon01 {
    bottom: -20px;
    width: 149px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--des.is-des02 {
  max-width: 406px;
}
.p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--des.is-des01 {
  max-width: 440px;
  color: #f5a217;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--center {
    padding-top: 30px;
    top: 46.5%;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--center::after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(155px, 19vw, 320px);
  height: clamp(85px, 11vw, 190px);
  rotate: 0 0 0 180deg;
  background-image: url("/kids/kids_study/img/img-sorcat.png");
}
@media screen and (max-width: 1024px) {
  .p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--center::after {
    width: 155px;
    height: 85px;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-orange .inner-bottom--center::after {
    width: 155px;
    height: 90px;
    bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-orange .box-imgs .is-img-main {
    margin: -30px auto -20px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .p-kids_study--jp_energy--global_warming-title.is-des {
  letter-spacing: -0.01em;
}
.p-kids_study--power_generation--nuclear-box01.is-pink .p-kids_study--power_generation--nuclear-box01-inner::before {
  background-color: rgba(145, 117, 179, 0.1019607843);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .p-kids_study--power_generation--nuclear-box01-inner::before {
    width: 768px;
    height: 650px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .text-title {
  color: #9074b3;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .text-title {
    letter-spacing: -0.05em;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .text-title:after {
  background-color: #9074b3;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .text-title:after {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .text-des {
    letter-spacing: -0.1em;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--subtitle {
  color: #9074b3;
  border-bottom-color: #9074b3;
}
.p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--items.inner-bottom--trues {
  background-color: rgba(145, 117, 179, 0.1019607843);
}
.p-kids_study--power_generation--nuclear-box01.is-pink .icon01 {
  bottom: -108px;
  right: -106px;
  width: 450px;
  rotate: 0 0 0 180deg;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .icon01 {
    display: none;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .icon03 {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .icon03 {
    display: block;
    top: 204px;
    right: -60px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--des.is-des02 {
  max-width: 406px;
}
.p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--des.is-des01 {
  max-width: unset;
  margin-left: 20px;
  color: #9074b3;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--des.is-des01 {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--contents {
    gap: 180px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--center {
    top: 52%;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--center::after {
  bottom: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(160px, 22vw, 320px);
  height: clamp(110px, 13vw, 190px);
  rotate: 0 0 0 180deg;
  background-image: url("/kids/kids_study/img/img-sai.png");
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-pink .inner-bottom--center::after {
    width: 160px;
    height: 110px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-pink .box-imgs .is-img-main {
  margin: -20px 0;
}
.p-kids_study--power_generation--nuclear-box01.is-gray .p-kids_study--jp_energy--global_warming-title.is-des {
  letter-spacing: -0.01em;
}
.p-kids_study--power_generation--nuclear-box01.is-gray .p-kids_study--power_generation--nuclear-box01-inner::before {
  background-color: rgba(180, 145, 135, 0.1019607843);
}
.p-kids_study--power_generation--nuclear-box01.is-gray .text-title {
  color: #b49187;
}
.p-kids_study--power_generation--nuclear-box01.is-gray .text-title:after {
  background-color: #b49187;
}
.p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--subtitle {
  color: #b49187;
  border-bottom-color: #b49187;
}
.p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--items.inner-bottom--trues {
  background-color: rgba(180, 145, 135, 0.1019607843);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--items.inner-bottom--trues {
    padding-inline: 7px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-gray .icon01 {
  bottom: -59px;
  right: -18px;
  width: 450px;
  rotate: 0 0 0 180deg;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-gray .icon01 {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .p-kids_study--power_generation--nuclear-box01.is-gray .icon05 {
    bottom: -22px;
    right: 73px;
    z-index: -1;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--des.is-des02 {
  max-width: 406px;
}
.p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--des.is-des01 {
  max-width: unset;
  color: #b49187;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--center {
    top: 52%;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--center::after {
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(155px, 22vw, 320px);
  height: clamp(190px, 10vw, 95px);
  rotate: 0 0 0 180deg;
  background-image: url("/kids/kids_study/img/img-moru.png");
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--center::after {
    bottom: -10px;
    width: 155px;
    height: 95px;
  }
}
@media screen and (min-width: 768px) {
  .p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--center .text {
    font-size: clamp(1.5rem, 1.5vw, 2.4rem);
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-gray .inner-bottom--center .text {
    font-size: 1.6rem;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .p-kids_study--power_generation--nuclear-box01-inner::before {
  background-color: rgba(255, 110, 0, 0.1019607843);
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .text-title {
  color: #ff6e00;
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .text-title:after {
  background-color: #ff6e00;
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .inner-bottom--subtitle {
  color: #ff6e00;
  border-bottom-color: #ff6e00;
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .inner-bottom--items.inner-bottom--trues {
  background-color: rgba(255, 110, 0, 0.1019607843);
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .icon01 {
  bottom: -65px;
  right: -25px;
  width: 390px;
  margin-left: 0;
  rotate: 0 0 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-thermal .icon01 {
    width: 136px;
    bottom: -8px;
    right: -48px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .inner-bottom--des.is-des02 {
  max-width: 390px;
  margin-top: 10px;
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .inner-bottom--des.is-des01 {
  color: #ff6e00;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-thermal .inner-bottom--center {
    top: 45%;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .inner-bottom--center::after {
  bottom: 10px;
  left: 30px;
  width: clamp(170px, 20vw, 260px);
  height: clamp(110px, 11vw, 160px);
  background-image: url("/kids/kids_study/img/img-zou.png");
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box01.is-thermal .inner-bottom--center::after {
    bottom: 0;
    left: 14px;
    width: 179px;
    height: 110px;
  }
}
.p-kids_study--power_generation--nuclear-box01.is-thermal .box-inner--grid div:last-child {
  text-align: center;
}
.p-kids_study--power_generation--nuclear-box02 {
  position: relative;
  background-color: #a0c625;
  padding: 144px 0 100px;
  margin-bottom: 105px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 {
    padding: 42px 0 26px;
    margin-bottom: 16px;
  }
}
.p-kids_study--power_generation--nuclear-box02.is-blue {
  background-color: #66aee0;
}
.p-kids_study--power_generation--nuclear-box02.is-blue .box-inner--grid {
  padding-top: 70px;
  grid-template-columns: 420px 420px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02.is-blue .box-inner--grid {
    grid-template-columns: 1fr;
  }
}
.p-kids_study--power_generation--nuclear-box02.is-green {
  background-color: #7bd1bd;
}
.p-kids_study--power_generation--nuclear-box02.is-green .box-inner--grid div:last-child {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02.is-green .box-inner--grid div:last-child img {
    max-width: 210px;
  }
}
.p-kids_study--power_generation--nuclear-box02.is-green .text-links {
  margin-top: 10px;
}
.p-kids_study--power_generation--nuclear-box02.is-orange .box-inner--grid {
  padding-top: 30px;
}
.p-kids_study--power_generation--nuclear-box02.is-pink .p-kids_study--jp_energy--global_warming-title {
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02.is-pink .box-inner--grid h2 {
    letter-spacing: -0.13em;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02.is-pink .box-inner--grid > div:last-child {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02.is-pink .box-inner--grid > div:last-child img {
    max-width: 233px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02.is-gray .box-inner--grid > div:last-child {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02.is-gray .box-inner--grid > div:last-child img {
    max-width: 185px;
  }
}
.p-kids_study--power_generation--nuclear-box02::before, .p-kids_study--power_generation--nuclear-box02::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat-x top left;
  z-index: 0;
}
.p-kids_study--power_generation--nuclear-box02::before {
  top: 0;
  rotate: 1 0 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02::before {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--power_generation--nuclear-box02::after {
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02::after {
    height: 12px;
    background-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .text-title {
    font-size: 1.6rem;
  }
}
.p-kids_study--power_generation--nuclear-box02 .text-des {
  font-size: clamp(1.4rem, 2vw, 2.4rem);
  font-weight: 700;
  letter-spacing: -0.1em;
  margin-top: 20px;
  color: #4d4d4d;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .text-des {
    font-size: 1.4rem;
    margin-top: 10px;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
.p-kids_study--power_generation--nuclear-box02 .text-links {
  margin-inline: auto;
}
.p-kids_study--power_generation--nuclear-box02 .text-links-back {
  margin: 0 auto 82px;
  min-width: 460px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .text-links-back {
    min-width: unset;
    margin-bottom: 25px;
  }
}
.p-kids_study--power_generation--nuclear-box02 .box-inner {
  position: relative;
  max-width: 1040px;
  min-height: 464px;
  background-color: #fff;
  background-size: cover;
  margin: 0 auto 160px;
  padding-bottom: 40px;
  border: 8px solid #8c6239;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .box-inner {
    max-width: 335px;
    min-height: unset;
    padding-bottom: 26px;
    margin-bottom: 60px;
    border-width: 4px;
  }
}
.p-kids_study--power_generation--nuclear-box02 .box-inner::before {
  content: "";
  position: absolute;
  top: -230px;
  left: -90px;
  width: 428px;
  height: 260px;
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .box-inner::before {
    width: 114px;
    height: 119px;
    top: -94px;
    left: -8px;
  }
}
.p-kids_study--power_generation--nuclear-box02 .box-inner::after {
  content: "";
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  width: 100%;
  height: 98px;
  background: url("/kids/kids_study/power_generation/method/nuclear/img/img-bg-02.png") no-repeat center top;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .box-inner::after {
    top: calc(100% + 7px);
    height: 34px;
    background-position: center bottom;
    background-size: 275px;
  }
}
.p-kids_study--power_generation--nuclear-box02 .box-inner .bg-hr {
  position: absolute;
  top: calc(100% + 8px);
  left: -4px;
  width: calc(100% + 16px);
  height: 8px;
  background-color: #603813;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .box-inner .bg-hr {
    top: calc(100% + 4px);
    left: -2px;
    width: calc(100% + 8px);
    height: 4px;
  }
}
.p-kids_study--power_generation--nuclear-box02 .box-inner .bg-wr {
  position: absolute;
  top: -4px;
  left: calc(100% + 8px);
  width: 8px;
  height: calc(100% + 16px);
  background-color: #603813;
  -webkit-transform: skewY(45deg);
          transform: skewY(45deg);
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .box-inner .bg-wr {
    top: -2px;
    left: calc(100% + 4px);
    height: calc(100% + 8px);
    width: 4px;
  }
}
.p-kids_study--power_generation--nuclear-box02 .box-inner--intro {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 262px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 700;
  font-size: clamp(1.6rem, 3vw, 3.2rem);
  background-color: #8c6239;
  color: #fcee21;
  padding: 16px 8px 0;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .box-inner--intro {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.6rem;
    top: -4px;
    left: -4px;
    width: 131px;
    height: 32px;
    padding: 8px;
  }
}
.p-kids_study--power_generation--nuclear-box02 .box-inner--grid {
  display: grid;
  grid-template-columns: 440px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 67px 12px 20px 67px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--power_generation--nuclear-box02 .box-inner--grid {
    grid-template-columns: 1fr;
    padding: 38px 16px 21px;
  }
}
.p-kids_study--jp_energy {
  position: relative;
  background: url("/kids/kids_study/jp_energy/img/img-bg-01.png") no-repeat top center;
  background-size: cover;
  padding: 56px 0 101px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy {
    padding: 16px 0 27px;
    margin-bottom: 20px;
    background-size: 768px;
    background-color: #e7e0d6;
  }
}
.p-kids_study--jp_energy::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url("/kids/kids_study/img/icon-triangle.png") repeat top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--jp_energy-box {
  position: relative;
  max-width: 812px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 100px 40px;
  margin: 22px auto 128px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy-box {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 6px auto 30px;
    max-width: 335px;
  }
}
.p-kids_study--jp_energy-icon {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy-icon {
    display: none;
  }
}
.p-kids_study--jp_energy-icon img {
  width: 90%;
}
.p-kids_study--jp_energy-icon.icons-01 {
  top: 427px;
  left: -96px;
  -webkit-animation: 6s infinite 1s animation3;
          animation: 6s infinite 1s animation3;
}
.p-kids_study--jp_energy-icon.icons-02 {
  top: 60%;
  left: -5%;
  -webkit-animation: 5s infinite 0.5s animation2;
          animation: 5s infinite 0.5s animation2;
}
.p-kids_study--jp_energy-icon.icons-03 {
  top: 44%;
  right: -5%;
  -webkit-animation: 6s infinite 0.5s animation4;
          animation: 6s infinite 0.5s animation4;
}
.p-kids_study--jp_energy .p-kids_study--power_generation-items-intro {
  min-height: unset;
}
.p-kids_study--jp_energy .p-kids_study--power_generation-icon {
  bottom: -20%;
}
.p-kids_study--jp_energy .p-kids_study--power_generation-icon img {
  width: 80%;
}
.p-kids_study--jp_energy--method {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
  padding: 56px 0 101px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--method {
    padding: 16px 0 30px;
    margin-bottom: 26px;
  }
}
.p-kids_study--jp_energy--method::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--method::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--jp_energy--method-box {
  display: grid;
  grid-template-columns: 596px 1fr;
  gap: 14px;
  max-width: 1017px;
  margin: 35px auto 128px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--method-box {
    grid-template-columns: 1fr;
    margin: 14px auto 24px;
    max-width: 335px;
  }
}
.p-kids_study--jp_energy--method-box .is-small {
  margin-top: 20px;
  font-size: clamp(1rem, 1vw, 1.4rem);
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--method-box .is-small {
    margin-top: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--method-img {
    grid-column: 1;
    grid-row: 2;
  }
}
.p-kids_study--jp_energy--method-text {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: 0.09em;
  text-align: center;
  color: #4D4D4D;
  padding-top: 26px;
  max-width: 376px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--method-text {
    position: relative;
    font-size: 1.4rem;
    padding: 0;
  }
}
.p-kids_study--jp_energy--method-text p {
  text-align: left;
  margin-bottom: 40px;
}
.p-kids_study--jp_energy--method-text img {
  rotate: 0 1 0 180deg;
  width: 256px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--method-text img {
    position: absolute;
    bottom: -39px;
    right: -42px;
    width: 152px;
  }
}
.p-kids_study--jp_energy--global_warming {
  padding: 56px 0 107px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming {
    padding: 16px 0 17px;
  }
}
.p-kids_study--jp_energy--global_warming-title {
  font-weight: 700;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  line-height: 1.5;
  color: #4D4D4D;
}
.p-kids_study--jp_energy--global_warming-des {
  font-weight: 700;
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: #4D4D4D;
  margin-top: 20px;
}
.p-kids_study--jp_energy--global_warming-subtitle {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-kids_study--jp_energy--global_warming-small {
  font-size: 1.4rem;
  color: #4D4D4D;
}
.p-kids_study--jp_energy--global_warming-box01 {
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 70px;
  margin: 49px auto 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box01 {
    grid-template-columns: 1fr;
    max-width: 335px;
    margin-top: 19px;
    gap: 28px;
  }
}
.p-kids_study--jp_energy--global_warming-box01 .is-des {
  max-width: 630px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box01 .is-des {
    margin-top: 6px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box01 .is-text {
    grid-column: 1;
    grid-row: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box01 .is-imgs {
    max-width: 295px;
    margin-inline: auto;
  }
}
.p-kids_study--jp_energy--global_warming-box02 {
  background-color: #f5f5f5;
  padding: 87px 0 72px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box02 {
    padding: 25px 0 29px;
  }
}
.p-kids_study--jp_energy--global_warming-box02-grid {
  display: grid;
  grid-template-columns: 1fr 407px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 56px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box02-grid {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-inline: -10px;
  }
}
.p-kids_study--jp_energy--global_warming-box02-text {
  width: 100%;
  max-width: 637px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box02-text {
    max-width: 335px;
    margin-inline: auto;
  }
}
.p-kids_study--jp_energy--global_warming-box02 .is-des {
  letter-spacing: 0.01em;
  margin-top: 34px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box02 .is-des {
    margin-top: 6px;
    line-height: 1.5;
  }
}
.p-kids_study--jp_energy--global_warming-box02 .is-small {
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box02 .is-small {
    margin-top: 9px;
    font-size: 1rem;
  }
}
.p-kids_study--jp_energy--global_warming-box03 {
  min-height: 856px;
  background-image: url("/kids/kids_study/jp_energy/global_warming/img/img-bg-01-left.png"), url("/kids/kids_study/jp_energy/global_warming/img/img-bg-01-right.png");
  background-repeat: no-repeat;
  background-position: left top, right top;
  padding: 124px 0 100px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03 {
    background-size: contain;
    min-height: unset;
    background-position: left -92px top, right -92px top;
    padding: 24px 0 28px;
  }
}
.p-kids_study--jp_energy--global_warming-box03-grid {
  display: grid;
  grid-template-columns: 1fr 588px;
  gap: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1092px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03-grid {
    grid-template-columns: 1fr;
    max-width: 335px;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03-grid > div:last-child {
    text-align: center;
  }
}
.p-kids_study--jp_energy--global_warming-box03-grid > div .is-small {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03-grid > div .is-small {
    margin-top: 10px;
    text-align: left;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03-grid > div img {
    max-width: 293px;
  }
}
.p-kids_study--jp_energy--global_warming-box03-text {
  max-width: 420px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03-text {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03-text img {
    position: absolute;
    top: 18px;
    right: -31px;
    width: 210px;
  }
}
.p-kids_study--jp_energy--global_warming-box03 .is-title {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03 .is-title {
    margin: 0;
  }
}
.p-kids_study--jp_energy--global_warming-box03 .is-des {
  font-size: 2rem;
  font-weight: 700;
  margin: 30px 0 0 30px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03 .is-des {
    font-size: 1.4rem;
    line-height: 1.5;
    margin: 8px 0 0;
  }
}
.p-kids_study--jp_energy--global_warming-box03 .is-subtitle {
  margin: 0 0 48px 36px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box03 .is-subtitle {
    font-size: 1.2rem;
    margin: 0 0 11px;
  }
}
.p-kids_study--jp_energy--global_warming-box04 {
  position: relative;
  overflow: hidden;
  background-color: #f5f5f5;
  padding: 115px 0 80px;
  margin-bottom: 128px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04 {
    padding: 25px 0 28px;
    margin-bottom: 16px;
  }
}
.p-kids_study--jp_energy--global_warming-box04::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--jp_energy--global_warming-box04 .is-des {
  max-width: 700px;
  margin-top: 30px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04 .is-des {
    margin-top: 8px;
    line-height: 1.5;
  }
}
.p-kids_study--jp_energy--global_warming-box04 .is-subtitle {
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04 .is-subtitle {
    font-size: 1.2rem;
    margin-bottom: 13px;
  }
}
.p-kids_study--jp_energy--global_warming-box04-top {
  position: relative;
  max-width: 959px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04-top {
    max-width: 335px;
  }
}
.p-kids_study--jp_energy--global_warming-box04-top .icon {
  position: absolute;
  bottom: -85px;
  right: -120px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04-top .icon {
    display: none;
  }
}
.p-kids_study--jp_energy--global_warming-box04-top .icon img {
  rotate: 0 1 0 180deg;
}
.p-kids_study--jp_energy--global_warming-box04-groups {
  display: grid;
  grid-template-columns: 520px 1fr;
  gap: 7px;
  background-color: #fff;
  margin-top: 55px;
  padding: 32px 8px 18px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 26px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04-groups {
    grid-template-columns: 1fr;
    max-width: 335px;
    gap: 27px;
    margin: 26px auto 0;
    padding: 12px 10px 15px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04-groups > div:first-child img {
    max-width: 325px;
    margin-left: -40px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04-groups > div:last-child img {
    max-width: 295px;
  }
}
.p-kids_study--jp_energy--global_warming-box04-bottom {
  position: relative;
  max-width: 470px;
  margin: 80px auto 100px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 22px;
    margin-bottom: 27px;
  }
}
.p-kids_study--jp_energy--global_warming-box04-bottom img {
  position: absolute;
  top: -32px;
  left: -75%;
  width: 324px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--global_warming-box04-bottom img {
    position: static;
    width: 162px;
  }
}
.p-kids_study--jp_energy--summary {
  padding: 56px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary {
    padding: 15px 0 30px;
  }
}
.p-kids_study--jp_energy--summary-text {
  max-width: 630px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-text {
    grid-column: 1;
    grid-row: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary .is-des-top {
    font-size: 1.4rem;
    margin-top: 6px;
  }
}
.p-kids_study--jp_energy--summary-box01 {
  display: grid;
  grid-template-columns: 402px 1fr;
  gap: 22px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 46px auto 0 47px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box01 {
    grid-template-columns: 1fr;
    margin: 23px auto 0;
    max-width: 335px;
    gap: 10px;
  }
}
.p-kids_study--jp_energy--summary-box01 img {
  margin-left: auto;
}
.p-kids_study--jp_energy--summary-box01-links {
  margin-top: 41px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box01-links {
    margin-top: -4px;
  }
}
.p-kids_study--jp_energy--summary-box01-links .btn {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box01-links .btn {
    font-size: 1.4rem;
  }
}
.p-kids_study--jp_energy--summary-box01 .is-des {
  margin-top: 6px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box01 div:first-child {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box01 div:first-child img {
    max-width: 255px;
  }
}
.p-kids_study--jp_energy--summary-box02 {
  padding: 113px 0 118px;
  background: #cfe9fd url("/kids/kids_study/jp_energy/summary/img/img-bg-01.png") no-repeat 5% 38px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02 {
    background: #e7f4fe url("/kids/kids_study/jp_energy/summary/img/img-bg-02.png") no-repeat left top;
    background-size: contain;
    padding: 25px 0 110px;
  }
}
.p-kids_study--jp_energy--summary-box02-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02-grid {
    grid-template-columns: 1fr;
    gap: 13px;
    max-width: 335px;
    margin-inline: auto;
  }
}
.p-kids_study--jp_energy--summary-box02-text {
  max-width: 376px;
  margin-left: auto;
}
.p-kids_study--jp_energy--summary-box02 .is-des {
  margin: 30px 0 53px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02 .is-des {
    margin: 8px 0 10px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02 .is-links {
    position: absolute;
    bottom: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02 .is-links:hover {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02 .is-subtitle {
    font-size: 1.2rem;
  }
}
.p-kids_study--jp_energy--summary-box02-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 30px 0;
  margin-top: 33px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02-gallery {
    margin-top: 14px;
    gap: 10px 0;
  }
}
.p-kids_study--jp_energy--summary-box02-gallery-items {
  width: 33.3333333333%;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02-gallery-items {
    padding-inline: 5px;
  }
}
.p-kids_study--jp_energy--summary-box02-gallery-text {
  font-size: 2.4rem;
  color: #fff;
  border-radius: 8px;
  margin-top: -15px;
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02-gallery-text {
    border-radius: 4px;
    margin-top: -8px;
    font-size: 1.2rem;
    min-height: 20px;
    padding-top: 2px;
  }
}
.p-kids_study--jp_energy--summary-box02-gallery-imgs {
  width: clamp(133px, 14vw, 173px);
  height: clamp(133px, 14vw, 173px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box02-gallery-imgs {
    width: 100px;
    height: 100px;
  }
}
.p-kids_study--jp_energy--summary-box02-gallery-imgs.is-rotate img {
  rotate: 0 1 0 180deg;
}
.p-kids_study--jp_energy--summary-box03 {
  position: relative;
  padding: 119px 0 120px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03 {
    padding: 23px 0 110px;
  }
}
.p-kids_study--jp_energy--summary-box03-icons {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-icons {
    display: none;
  }
}
.p-kids_study--jp_energy--summary-box03-icons.icon01 {
  top: -126px;
  left: 130px;
}
.p-kids_study--jp_energy--summary-box03-icons.icon02 {
  top: -80px;
  right: 28px;
}
.p-kids_study--jp_energy--summary-box03-grid {
  display: grid;
  grid-template-columns: 376px 640px;
  gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1100px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-grid {
    grid-template-columns: 1fr;
    margin-inline: auto;
    max-width: 335px;
    gap: 27px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-grid .is-title br {
    display: none;
  }
}
.p-kids_study--jp_energy--summary-box03-grid .is-des {
  letter-spacing: 0.1em;
  margin: 35px 0 55px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-grid .is-des {
    margin: 7px 0 0;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .p-kids_study--jp_energy--summary-box03-grid .is-links {
    padding: 4px 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-grid .is-links {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 1.4rem;
    padding: 0 0 4px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-grid .is-links:hover {
    -webkit-transform: translateX(-50%) scale(1.1);
            transform: translateX(-50%) scale(1.1);
  }
}
.p-kids_study--jp_energy--summary-box03-groups {
  position: relative;
  width: clamp(600px, 3vw, 640px);
  height: clamp(600px, 3vw, 640px);
  padding: 59px 10px 10px;
  background-color: #e8e0d5;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-groups {
    width: 300px;
    height: 300px;
    padding: 10px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-groups .is-subtitle {
    font-size: 1.4rem;
  }
}
.p-kids_study--jp_energy--summary-box03-lists {
  max-width: 420px;
  margin: 22px auto 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-lists {
    margin-top: 13px;
    max-width: 246px;
  }
}
.p-kids_study--jp_energy--summary-box03-items {
  font-weight: 700;
  font-size: clamp(1.4rem, 3vw, 2.8rem);
  line-height: 1.5;
  color: #39B54A;
  background-color: #fff;
  border-radius: 100px;
  min-height: 70px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03-items {
    font-size: 1.4rem;
    min-height: 35px;
    margin-bottom: 5px;
  }
}
.p-kids_study--jp_energy--summary-box03 .is-imgs {
  position: absolute;
  bottom: -80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 355px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box03 .is-imgs {
    bottom: -15px;
    width: 142px;
  }
}
.p-kids_study--jp_energy--summary-box03 .is-imgs img {
  rotate: 0 1 0 180deg;
}
.p-kids_study--jp_energy--summary-box04 {
  position: relative;
  padding: 82px 0 80px;
  margin-bottom: 130px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box04 {
    padding: 46px 0 26px;
    margin-bottom: 18px;
  }
}
.p-kids_study--jp_energy--summary-box04::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box04::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--jp_energy--summary-box04-grid {
  display: grid;
  grid-template-columns: 545px 1fr;
  gap: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1020px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box04-grid {
    max-width: 335px;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: -26px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box04 .is-title br {
    display: none;
  }
}
.p-kids_study--jp_energy--summary-box04 .is-des {
  max-width: 380px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box04 .is-des {
    margin-top: 8px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--summary-box04-imgs {
    grid-column: 1;
    grid-row: 2;
  }
}
.p-kids_study--jp_energy--resource-box01 {
  overflow: hidden;
  padding: 56px 0 121px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01 {
    padding: 16px 0 31px;
  }
}
.p-kids_study--jp_energy--resource-box01-inner {
  max-width: 960px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-inner {
    max-width: 335px;
  }
}
.p-kids_study--jp_energy--resource-box01-contents {
  position: relative;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-contents {
    margin-top: 20px;
  }
}
.p-kids_study--jp_energy--resource-box01-contents::after {
  content: "";
  position: absolute;
  bottom: -77px;
  right: -88px;
  width: 297px;
  height: 181px;
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
  rotate: 0 1 0 180deg;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-contents::after {
    content: unset;
  }
}
.p-kids_study--jp_energy--resource-box01-contents .is-des {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-contents .is-des {
    margin-top: 7px;
    line-height: 1.5;
  }
}
.p-kids_study--jp_energy--resource-box01-grids {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  margin-top: 53px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-grids {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 27px;
  }
}
.p-kids_study--jp_energy--resource-box01-items {
  position: relative;
  text-align: center;
  background-color: white;
  padding: 33px 10px 25px;
  border-radius: 26px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-items {
    border-radius: 12px;
    padding: 10px 6px 8px;
  }
}
.p-kids_study--jp_energy--resource-box01-items::before {
  content: "";
  position: absolute;
  top: -46px;
  left: 0;
  width: 190px;
  height: 126px;
  rotate: 0 1 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-items::before {
    width: 135px;
    height: 82px;
    top: -30px;
    left: 12px;
  }
}
.p-kids_study--jp_energy--resource-box01-items .is-title {
  margin-bottom: 5px;
  margin-left: 91px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-items .is-title {
    margin-left: 50px;
  }
}
.p-kids_study--jp_energy--resource-box01-items.items01 {
  background-color: #fff0e6;
}
.p-kids_study--jp_energy--resource-box01-items.items01::before {
  content: "";
  background: url("/kids/kids_study/img/img-zou.png") no-repeat center center;
  background-size: contain;
}
.p-kids_study--jp_energy--resource-box01-items.items01 .is-title {
  color: #ff6e00;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-items.items01 img {
    max-width: 215px;
  }
}
.p-kids_study--jp_energy--resource-box01-items.items02 {
  background-color: #f6f9e9;
}
.p-kids_study--jp_energy--resource-box01-items.items02::before {
  background: url("/kids/kids_study/img/img-raion.png") no-repeat center center;
  background-size: contain;
}
.p-kids_study--jp_energy--resource-box01-items.items02 .is-title {
  color: #64a300;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box01-items.items02 img {
    max-width: 82px;
  }
}
.p-kids_study--jp_energy--resource-box02 {
  overflow: hidden;
  background-color: #f5f5f5;
  padding: 64px 0 138px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02 {
    padding: 6px 0 9px;
  }
}
.p-kids_study--jp_energy--resource-box02 .box02-contents::after {
  bottom: -101px;
  right: -49px;
  width: 330px;
  height: 235px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02 .box02-contents::after {
    content: "";
    width: 150px;
    height: 92px;
    bottom: -112px;
    right: 3px;
  }
}
.p-kids_study--jp_energy--resource-box02 .box02-contents .is-des {
  margin-top: 17px;
  max-width: 700px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02 .box02-contents .is-des {
    margin-top: 6px;
    line-height: 1.5;
  }
}
.p-kids_study--jp_energy--resource-box02 .box02-contents .is-mess {
  position: absolute;
  top: -3px;
  right: -112px;
  font-size: 1.8rem;
  font-weight: 500;
  width: 232px;
  height: 120px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 24px;
  padding: 20px 5px 10px 30px;
}
@media screen and (max-width: 1024px) {
  .p-kids_study--jp_energy--resource-box02 .box02-contents .is-mess {
    top: -100px;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02 .box02-contents .is-mess {
    top: auto;
    bottom: -88px;
    right: 129px;
    font-size: 1.2rem;
    padding: 10px;
    width: 150px;
    height: 62px;
    border-radius: 12px;
    line-height: 1.2;
  }
}
.p-kids_study--jp_energy--resource-box02 .box02-contents .is-mess br:not(:first-child) {
  display: none;
}
.p-kids_study--jp_energy--resource-box02-chart {
  margin-top: 53px;
  background-color: #fff;
  padding: 20px 10px 10px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 26px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02-chart {
    margin: 99px auto 0;
    padding: 11px 5px 12px;
    max-width: 335px;
    border-radius: 12px;
  }
}
.p-kids_study--jp_energy--resource-box02-chart-title {
  font-size: 2.4rem;
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02-chart-title {
    font-size: 1.2rem;
  }
}
.p-kids_study--jp_energy--resource-box02-chart .is-small {
  margin: 11px 0 0 25px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02-chart .is-small {
    font-size: 1rem;
    margin: 12px 0 0 5px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box02-chart img {
    max-width: 300px;
  }
}
.p-kids_study--jp_energy--resource-box03 {
  background-image: url("/kids/kids_study/jp_energy/resource/img/img-bg-01.png"), url("/kids/kids_study/jp_energy/resource/img/img-bg-02.png");
  background-position: left top, left bottom;
  background-repeat: no-repeat, no-repeat;
  padding: 116px 0 117px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03 {
    padding: 47px 0 18px;
  }
}
.p-kids_study--jp_energy--resource-box03-inner {
  max-width: 1000px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-inner {
    max-width: 335px;
  }
}
.p-kids_study--jp_energy--resource-box03-contents {
  position: relative;
  max-width: 720px;
  margin-left: auto;
}
.p-kids_study--jp_energy--resource-box03-contents::after {
  content: "";
  position: absolute;
  top: -25px;
  left: -410px;
  width: 436px;
  height: 298px;
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-contents::after {
    width: 140px;
    height: 86px;
    top: 120px;
    left: -25px;
  }
}
.p-kids_study--jp_energy--resource-box03-contents .is-des {
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-contents .is-des {
    margin-top: 7px;
    line-height: 1.5;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-contents .p-kids_study--jp_energy--global_warming-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-contents .is-space {
    display: inline-block;
    width: 105px;
  }
}
.p-kids_study--jp_energy--resource-box03-chart {
  margin-top: 37px;
  background-color: #fff;
  padding: 48px 0 16px 60px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 26px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart {
    max-width: 335px;
    margin-inline: auto;
    border-radius: 12px;
    margin-top: 27px;
    padding: 10px;
  }
}
.p-kids_study--jp_energy--resource-box03-chart-imgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 57px;
  gap: 57px 40px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart-imgs {
    margin-top: 0;
    gap: 19px;
  }
}
.p-kids_study--jp_energy--resource-box03-chart-imgs .items {
  position: relative;
  width: calc(50% - 20px);
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart-imgs .items {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart-imgs .items img {
    max-width: 250px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart-imgs .items:first-child {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart-imgs .items:first-child img {
    max-width: 290px;
  }
}
.p-kids_study--jp_energy--resource-box03-chart-imgs .items.icon::before {
  content: "";
  position: absolute;
  bottom: -58px;
  left: -42%;
  width: 380px;
  height: 300px;
  background: url("/kids/kids_study/img/img-zou.png") no-repeat center center;
  background-size: contain;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart-imgs .items.icon::before {
    width: 130px;
    height: 80px;
    bottom: -4px;
    left: -22px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart .is-title {
    margin-bottom: 10px;
  }
}
.p-kids_study--jp_energy--resource-box03-chart .is-small {
  margin-top: 62px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-chart .is-small {
    margin-top: 12px;
    line-height: 1.5;
    font-size: 1rem;
  }
}
.p-kids_study--jp_energy--resource-box03-bottom {
  display: grid;
  grid-template-columns: 376px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 34px;
  margin-top: 183px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-bottom {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 56px;
    max-width: 335px;
    margin-inline: auto;
  }
}
.p-kids_study--jp_energy--resource-box03-bottom .is-des {
  margin-top: 9px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-bottom > div:last-child {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box03-bottom > div img {
    width: 355px;
    max-width: unset;
    margin: -50px 0 0 -10px;
  }
}
.p-kids_study--jp_energy--resource-box04 {
  position: relative;
  background-color: #f5f5f5;
  padding: 119px 0 80px;
  margin-bottom: 128px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box04 {
    padding: 29px 0 30px;
    overflow: hidden;
    margin-bottom: 17px;
  }
}
.p-kids_study--jp_energy--resource-box04::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box04::after {
    height: 12px;
    background-size: 24px;
  }
}
.p-kids_study--jp_energy--resource-box04-inner {
  position: relative;
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 89px 100px 47px 143px;
  margin-bottom: 80px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 26px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box04-inner {
    grid-template-columns: 1fr;
    gap: 28px;
    max-width: 335px;
    padding: 24px 20px 10px;
    margin-inline: auto;
    border-radius: 12px;
    margin-bottom: 57px;
  }
}
.p-kids_study--jp_energy--resource-box04-inner::before {
  content: "";
  position: absolute;
  top: -27%;
  left: 35px;
  width: 350px;
  height: 230px;
  background: url("/kids/kids_study/img/img-fukurou.png") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box04-inner::before {
    top: -38px;
    right: -45px;
    left: auto;
    width: 167px;
    height: 102px;
    rotate: 0 1 0 180deg;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box04-inner .p-kids_study--jp_energy--global_warming-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box04-inner .is-des {
    margin-top: 7px;
    line-height: 1.5;
  }
}
.p-kids_study--jp_energy--resource-box04-inner .is-small {
  margin: 54px 0 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--jp_energy--resource-box04-inner .is-small {
    font-size: 1rem;
    margin: 14px 0 0;
  }
}
.p-kids_study--method {
  position: relative;
  overflow: hidden;
}
.p-kids_study--method-bg {
  position: relative;
  text-align: center;
}
.p-kids_study--method-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25%;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(#fff, rgba(255, 255, 255, 0));
  background: linear-gradient(#fff, rgba(255, 255, 255, 0));
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg {
    padding: 140px 15px 0;
  }
}
.p-kids_study--method-bg-box {
  position: relative;
  max-width: 1133px;
  margin: 30px auto 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box {
    width: 398px;
    margin: -5px auto 7px;
    text-align: center;
  }
}
@media screen and (max-width: 398px) {
  .p-kids_study--method-bg-box {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.p-kids_study--method-bg-box .is-links {
  position: absolute;
  font-weight: 700;
  font-size: 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 210px;
  min-height: 70px;
  line-height: 1.5;
  color: #fff;
  padding: 4px;
  border: 4px solid #fff;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .is-links {
    min-width: 100px;
    min-height: 36px;
    font-size: 1.2rem;
    padding: 1px;
    border-radius: 6px;
    border-width: 2px;
  }
}
.p-kids_study--method-bg-box .links-01 {
  top: 31.5%;
  left: 5%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .links-01 {
    top: 27%;
    left: 32%;
  }
}
.p-kids_study--method-bg-box .links-02 {
  top: 37.8%;
  right: 8.4%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .links-02 {
    top: 25.8%;
    right: 3.4%;
  }
}
.p-kids_study--method-bg-box .links-03 {
  top: 46.5%;
  left: 12%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .links-03 {
    top: 40.5%;
    left: 7%;
  }
}
.p-kids_study--method-bg-box .links-04 {
  top: 47.5%;
  right: 29%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .links-04 {
    top: 44.5%;
    right: 29%;
  }
}
.p-kids_study--method-bg-box .links-05 {
  bottom: 17.4%;
  left: 1%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .links-05 {
    bottom: 16.4%;
    left: 6%;
  }
}
.p-kids_study--method-bg-box .links-06 {
  bottom: 17%;
  left: 26%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .links-06 {
    bottom: 12%;
    left: 38%;
  }
}
.p-kids_study--method-bg-box .links-07 {
  bottom: 11%;
  right: 5%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg-box .links-07 {
    bottom: 7%;
    right: 6%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg .is-title {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-bg .is-des {
    font-size: 1.8rem;
  }
}
.p-kids_study--method-content {
  position: absolute;
  top: 56px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-content {
    top: 15px;
  }
}
.p-kids_study--method-lists {
  position: relative;
  padding: 0 0 89px;
  margin-bottom: 130px;
  min-height: 100vh;
  background: url("/kids/kids_study/power_generation/method/img/img-bg-02.png") no-repeat center top;
  background-size: cover;
  margin-top: -21px;
  padding: 100px 0 80px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-lists {
    background-size: 225%;
    margin: -17px 0 16px;
    padding: 14px 0 30px;
    background-repeat: repeat;
    background-color: #e5f2d3;
  }
}
.p-kids_study--method-lists::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url("/kids/kids_study/img/icon-triangle.png") repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-lists::after {
    height: 12px;
    background-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-lists .p-kids_study--method-items-title {
    font-size: 1.6rem;
  }
}
.p-kids_study--method-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1060px;
  margin: 26px auto 107px;
  row-gap: 20px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 10px;
    margin: 23px auto 20px;
    max-width: 335px;
  }
}
.p-kids_study--method-items {
  width: 33.3333333333%;
  text-align: center;
  padding: 20px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items {
    width: 100%;
    padding: 0;
  }
}
.p-kids_study--method-items:first-child, .p-kids_study--method-items:nth-child(2) {
  margin-inline: 1px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items:first-child, .p-kids_study--method-items:nth-child(2) {
    margin-inline: auto;
  }
}
.p-kids_study--method-items-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 300px;
  height: 300px;
  margin-inline: auto;
  background-color: #fff;
  border-radius: 100%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items-img {
    width: 148px;
    height: 148px;
  }
}
.p-kids_study--method-items-img img {
  max-width: initial;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items-img img {
    max-width: 196px;
  }
}
.p-kids_study--method-items-img.is-rotate img {
  rotate: 0 1 0 180deg;
}
.p-kids_study--method-items-title {
  font-weight: 700;
  font-size: clamp(1.6rem, 3vw, 2.8rem);
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #4D4D4D;
  margin: 40px 0 8px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items-title {
    margin: 0;
  }
}
.p-kids_study--method-items-title.is-first {
  margin: 0 0 14px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items-title.is-first {
    display: none;
  }
}
.p-kids_study--method-items-des {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #4D4D4D;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items-des {
    font-size: 1.1rem;
  }
}
.p-kids_study--method-items-links {
  position: relative;
  font-weight: 700;
  font-size: clamp(1.6rem, 2vw, 2.4rem);
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  width: 100%;
  max-width: 300px;
  min-height: 70px;
  border-radius: 100px;
  margin: 13px auto 0;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items-links {
    min-height: 37px;
    padding: 0 10px 4px 0;
    margin: 8px auto 0;
  }
}
.p-kids_study--method-items-links::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 34px;
  height: 45px;
  background: url("/kids/kids_study/power_generation/method/img/icon-links.png") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items-links::after {
    right: 7px;
    width: 20px;
    height: 19px;
    background: url("/kids/kids_study/img/icon-links.png") no-repeat center center;
    background-size: contain;
  }
}
.p-kids_study--method-items.is-white {
  background-color: #fff;
  border-radius: 18px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items.is-white {
    border-radius: 9px;
    padding: 10px 5px;
  }
}
.p-kids_study--method-items.is-white .p-kids_study--method-items-img {
  width: 260px;
  height: 260px;
  background-color: #f0f0f0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items.is-white .p-kids_study--method-items-img {
    width: 148px;
    height: 148px;
  }
}
.p-kids_study--method-items.is-white .p-kids_study--method-items-img img {
  max-width: 120%;
}
.p-kids_study--method-items.is-white .p-kids_study--method-items-title.is-last {
  margin-top: 23px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items.is-white .p-kids_study--method-items-title.is-last {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items.is-white .p-kids_study--method-items-des {
    letter-spacing: -0.05em;
  }
}
.p-kids_study--method-items.is-white .p-kids_study--method-items-links {
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 18px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items.is-white .p-kids_study--method-items-links {
    padding-right: 0;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  .p-kids_study--method-items:nth-last-child(2), .p-kids_study--method-items:nth-last-child(3) {
    padding-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--method-items:nth-last-child(2) {
    padding: 10px 0;
  }
}
.p-kids_study--quiz {
  position: relative;
  overflow: hidden;
  background: url("/kids/kids_study/quiz/img/img-bg-01.png") no-repeat center top;
  background-size: cover;
  padding: 100px 0 79px;
  margin-bottom: 128px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz {
    padding: 8px 0 26px;
    margin-bottom: 20px;
  }
}
.p-kids_study--quiz::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: url(/kids/kids_study/img/icon-triangle.png) repeat-x top left;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz::after {
    height: 12px;
    background-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz .is-title {
    font-size: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz .is-title .is-small {
    font-size: 24px;
  }
}
.p-kids_study--quiz-main {
  position: relative;
  max-width: 1040px;
  height: 850px;
  background-color: #fff;
  margin: 26px auto 146px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 24px;
  padding: 45px 55px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-main {
    margin: 10px 15px 30px;
    border-radius: 12px;
    padding: 14px 20px 15px;
    height: unset;
    min-height: 412px;
  }
}
.p-kids_study--quiz-nav {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-nav {
    position: relative;
    z-index: 0;
    grid-template-columns: 1fr 33px 33px 33px 33px 33px 1fr;
  }
}
.p-kids_study--quiz-nav-items {
  position: relative;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  min-height: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: var(--zindex);
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-nav-items {
    font-size: 1.4rem;
    min-height: 26px;
    padding-left: 10px;
  }
}
.p-kids_study--quiz-nav-items::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 0;
  border-left: 15px solid #fff;
  border-top: 27px solid transparent;
  border-bottom: 27px solid transparent;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-nav-items::before {
    border-left: 10px solid #fff;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
  }
}
.p-kids_study--quiz-nav-items::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 100%;
  width: 0;
  border-left: 13px solid #ed0f0f;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-nav-items::after {
    border-left: 9px solid #ed0f0f;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
  }
}
.p-kids_study--quiz-nav-items:last-child::before, .p-kids_study--quiz-nav-items:last-child::after {
  content: unset;
}
.p-kids_study--quiz-nav-items.is-active {
  background-color: #ed0f0f;
}
.p-kids_study--quiz-nav-items:not(.is-active) {
  background-color: #666;
}
.p-kids_study--quiz-nav-items:not(.is-active)::after {
  border-left-color: #666;
}
.p-kids_study--quiz-nav-items:first-child::after {
  border-left-color: #000;
}
.p-kids_study--quiz-nav-items:first-child.is-active {
  background-color: #ed0f0f;
}
.p-kids_study--quiz-nav-items:first-child.is-active::after {
  border-left-color: #ed0f0f;
}
.p-kids_study--quiz-nav-items:first-child, .p-kids_study--quiz-nav-items:last-child {
  background: #000;
}
@media screen and (min-width: 768px) {
  .p-kids_study--quiz-nav-items .number {
    font-size: 3.1rem;
  }
}
.p-kids_study--quiz-start {
  text-align: center;
  padding-top: 48px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-start {
    padding-top: 10px;
  }
}
.p-kids_study--quiz-start-textOne {
  font-size: 13.4rem;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 1;
  color: #ed0f0f;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-start-textOne {
    font-size: 6rem;
  }
}
.p-kids_study--quiz-start-textTwo {
  font-size: 17.3rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #000;
  margin-top: -27px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-start-textTwo {
    font-size: 8.5rem;
    margin-top: -6px;
  }
}
.p-kids_study--quiz-start-textThree {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #000;
  margin-top: 17px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-start-textThree {
    font-size: 1.8rem;
    margin-top: 6px;
  }
}
.p-kids_study--quiz-start-groups {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 39px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-start-groups {
    margin-top: 0;
  }
}
.p-kids_study--quiz-start-groups img {
  z-index: 1;
  width: 310px;
  rotate: 0 1 0 180deg;
  margin-bottom: -26px;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-start-groups img {
    width: 258px;
    height: 157px;
    margin-bottom: -21px;
  }
}
.p-kids_study--quiz-goal {
  max-width: 585px;
  margin: 10px auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal {
    margin-top: 0;
  }
}
.p-kids_study--quiz-goal-text {
  font-weight: 700;
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.07em;
  color: #4D4D4D;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-text {
    font-size: 2.4rem;
  }
}
.p-kids_study--quiz-goal-text-red {
  font-weight: 700;
  font-size: 14rem;
  letter-spacing: 0.1em;
  color: #ed0f0f;
  margin: 20px 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-text-red {
    font-size: 7rem;
    margin: 5px 0;
  }
}
@media screen and (min-width: 768px) {
  .p-kids_study--quiz-goal-text-red .js-std-total {
    font-size: 17.5rem;
    top: 12px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-text-red .js-std-total {
    position: relative;
    top: 4px;
    font-size: 8.5rem;
  }
}
.p-kids_study--quiz-goal-mess {
  position: absolute;
  top: -88px;
  right: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-mess {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 5px;
  }
}
.p-kids_study--quiz-goal-mess .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 178px;
  height: 178px;
  margin-inline: auto;
  background-color: #fcee21;
  border-radius: 100%;
  font-weight: 700;
  font-size: 2.3rem;
  color: #000;
  line-height: 1.4;
  margin-bottom: -55px;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-mess .text {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    font-size: 1.2rem;
    width: 89px;
    height: 89px;
    margin: 0 0 0 -23px;
  }
}
.p-kids_study--quiz-goal-mess .text [data-ruby]::before {
  top: -5px;
}
.p-kids_study--quiz-goal-mess img {
  width: 220px;
  max-width: initial;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-mess img {
    width: 175px;
    height: 107px;
  }
}
.p-kids_study--quiz-goal-result {
  position: relative;
}
.p-kids_study--quiz-goal-tab {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 64px 0 79px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-tab {
    margin: 2px 0 15px;
  }
}
.p-kids_study--quiz-goal-tab .col:first-child .th {
  border-left: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-tab .col:first-child .th {
    border-left-width: 1px;
  }
}
.p-kids_study--quiz-goal-tab .col:first-child .td {
  border-left: 2px dashed #999;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-tab .col:first-child .td {
    border-left-width: 1px;
  }
}
.p-kids_study--quiz-goal-tab .col .th {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 54px;
  color: #fff;
  background-color: #999;
  border-right: 2px solid #fff;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-tab .col .th {
    font-size: 1.4rem;
    min-height: 27px;
    border-right-width: 1px;
  }
}
.p-kids_study--quiz-goal-tab .col .td {
  height: 96px;
  border-right: 2px dashed #999;
  border-bottom: 2px dashed #999;
  background-size: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-tab .col .td {
    height: 47px;
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
}
.p-kids_study--quiz-goal-tab .col[data-value=true] .td {
  background: url("/kids/kids_study/quiz/img/icon-true.png") no-repeat center center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-tab .col[data-value=true] .td {
    background-size: 30px;
  }
}
.p-kids_study--quiz-goal-tab .col[data-value=false] .td {
  background: url("/kids/kids_study/quiz/img/icon-false.png") no-repeat center center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-goal-tab .col[data-value=false] .td {
    background-size: 30px;
  }
}
.p-kids_study--quiz-goal .btn {
  margin-inline: auto;
}
.p-kids_study--quiz-forms .question {
  position: relative;
  min-height: 330px;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question {
    min-height: 235px;
    padding-top: 7px;
  }
}
.p-kids_study--quiz-forms .question::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question::after {
    inset: unset;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 123px;
    height: 108px;
    background-size: contain;
  }
}
.p-kids_study--quiz-forms .question.is-true::after {
  background-image: url("/kids/kids_study/quiz/img/icon-question-true.png");
}
.p-kids_study--quiz-forms .question.is-false::after {
  background-image: url("/kids/kids_study/quiz/img/icon-question-false.png");
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question.is-false::after {
    height: 95px;
    left: 5px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.p-kids_study--quiz-forms .question.is-false .question-mess {
  opacity: 1;
}
.p-kids_study--quiz-forms .question-text {
  position: relative;
  color: #ed0f0f;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.6;
  letter-spacing: 1.6px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question-text {
    font-size: 2.1rem;
    line-height: 1.4;
  }
}
.p-kids_study--quiz-forms .question-result .question-imgs::after {
  opacity: 0.8;
}
.p-kids_study--quiz-forms .question-mess {
  position: absolute;
  top: 30px;
  right: 40px;
  width: 300px;
  height: 260px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("/kids/kids_study/quiz/img/img-bg-mess.png") no-repeat center center;
  padding-left: 39px;
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question-mess {
    top: auto;
    bottom: 15px;
    right: 5px;
    width: 129px;
    height: 110px;
    padding-left: 17px;
    background-size: contain;
    z-index: 2;
  }
}
.p-kids_study--quiz-forms .question-mess p:first-child, .p-kids_study--quiz-forms .question-mess p:last-child {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 1.6px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question-mess p:first-child, .p-kids_study--quiz-forms .question-mess p:last-child {
    font-size: 1.6rem;
  }
}
.p-kids_study--quiz-forms .question-mess p:nth-child(2) {
  font-weight: 700;
  font-size: 4.9rem;
  line-height: 1.4;
  color: #fff;
  background-color: #ed0f0f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question-mess p:nth-child(2) {
    width: 30px;
    height: 30px;
    font-size: 2.5rem;
  }
}
.p-kids_study--quiz-forms .question-imgs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question-imgs {
    top: auto;
  }
}
.p-kids_study--quiz-forms .question-imgs::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  opacity: 0;
}
.p-kids_study--quiz-forms .question-imgs img {
  max-height: 300px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question-imgs img {
    min-height: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="1"] {
    min-height: 210px;
  }
}
.p-kids_study--quiz-forms .question[data-id="1"] .question-imgs {
  top: 2%;
  right: 10%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="1"] .question-imgs {
    top: auto;
    right: 16px;
    bottom: 11px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="2"] .question-imgs, .p-kids_study--quiz-forms .question[data-id="3"] .question-imgs {
    right: 0;
  }
}
.p-kids_study--quiz-forms .question[data-id="3"] ~ .btn-more, .p-kids_study--quiz-forms .question[data-id="9"] ~ .btn-more {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="3"] ~ .btn-more, .p-kids_study--quiz-forms .question[data-id="9"] ~ .btn-more {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="4"] .question-imgs {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="4"] .question-text br {
    display: none;
  }
}
.p-kids_study--quiz-forms .question[data-id="5"] ~ .btn-more {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="7"] {
    min-height: 220px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="7"] .question-imgs {
    right: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="8"] {
    min-height: 220px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="8"] .question-imgs {
    left: auto;
    width: 65%;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="8"] .question-text {
    letter-spacing: -0.1em;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="9"] {
    min-height: 182px;
  }
}
.p-kids_study--quiz-forms .question[data-id="9"] .question-imgs {
  right: -5%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="9"] .question-imgs {
    left: auto;
    width: 53%;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="10"] {
    min-height: 210px;
  }
}
.p-kids_study--quiz-forms .question[data-id="10"] + .answer label {
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="10"] + .answer label {
    font-size: 1.7rem;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .question[data-id="10"] .question-imgs {
    left: auto;
    width: 53%;
    bottom: 10px;
  }
}
.p-kids_study--quiz-forms .answer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 20px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.p-kids_study--quiz-forms .answer.is-show {
  -webkit-animation: fadeinfaq 0.2s linear 0.1s forwards;
          animation: fadeinfaq 0.2s linear 0.1s forwards;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .answer {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
.p-kids_study--quiz-forms input[type=radio]:checked + label {
  color: #fff;
}
.p-kids_study--quiz-forms input[type=radio]:checked + label p:first-child {
  background-color: #fff;
}
.p-kids_study--quiz-forms input[type=radio][data-value=true]:checked + label {
  background-color: #ed0f0f;
}
.p-kids_study--quiz-forms input[type=radio][data-value=true]:checked + label p:first-child {
  color: #ed0f0f;
}
.p-kids_study--quiz-forms input[type=radio][data-value=false]:checked + label {
  background-color: #4d4d4d;
}
.p-kids_study--quiz-forms input[type=radio][data-value=false]:checked + label p:first-child {
  color: #4d4d4d;
}
.p-kids_study--quiz-forms label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e6e6d6;
  border-radius: 16px;
  height: 100%;
  min-height: 104px;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 2.8rem;
  letter-spacing: 0.01em;
  color: #4D4D4D;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms label {
    font-size: 1.7rem;
    line-height: 1.7em;
    min-height: 62px;
    padding: 4px 8px;
    border-radius: 8px;
  }
}
.p-kids_study--quiz-forms label p:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #4d4d4d;
  border-radius: 100%;
  color: #fff;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 3.6rem;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms label p:first-child {
    -webkit-box-align: normal;
    -webkit-align-items: normal;
        -ms-flex-align: normal;
            align-items: normal;
    width: 24px;
    height: 24px;
    font-size: 2rem;
    line-height: 2rem;
  }
}
.p-kids_study--quiz-forms label p:last-child {
  width: 100%;
  margin-left: 14px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms label p:last-child {
    margin-left: 8px;
  }
}
.p-kids_study--quiz-forms .btn-next {
  width: 76px;
  height: 76px;
  border-radius: 100%;
  background-color: #999;
  background-image: url("/kids/kids_study/quiz/img/icon-next.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: no-drop;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .btn-next {
    width: 38px;
    height: 38px;
    background-size: 23px;
  }
}
.p-kids_study--quiz-forms .btn-next.is-active {
  background-color: #ed0f0f;
  cursor: pointer;
}
.p-kids_study--quiz-forms .btn-more {
  margin: 43px auto 0;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms .btn-more {
    margin-top: 15px;
  }
}
.p-kids_study--quiz-forms .btn-more.is-active {
  opacity: 1;
  visibility: visible;
}
.p-kids_study--quiz-forms-btn {
  position: absolute;
  bottom: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms-btn {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    margin-top: 15px;
  }
}
.p-kids_study--quiz-forms-btn-text {
  position: absolute;
  bottom: -33px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 200%;
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz-forms-btn-text {
    position: static;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    font-size: 1rem;
    width: unset;
    margin-top: -2px;
  }
}
.p-kids_study--quiz .btn {
  position: relative;
  max-width: 100%;
  width: 400px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 2.4rem;
  color: #fff;
  border-radius: 100px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz .btn {
    width: 295px;
    height: 48px;
    font-size: 1.6rem;
  }
}
.p-kids_study--quiz .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  width: 32px;
  height: 34px;
  background: url("/kids/kids_study/power_generation/method/img/icon-links.png") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz .btn::after {
    right: 10px;
    width: 25px;
    height: 24px;
    background: url("/kids/kids_study/img/icon-links.png") no-repeat center center;
    background-size: contain;
  }
}
.p-kids_study--quiz .btn:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media screen and (max-width: 767px) {
  .p-kids_study--quiz .btn:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-kids_study--faq {
  position: relative;
  background: url("/kids/kids_study/faq/img/img-bg-01.png") repeat-y top center;
  padding: 56px 0 89px;
  margin-bottom: 130px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq {
    background-size: 175%;
    padding: 15px 0 25px;
    margin-bottom: 22px;
  }
}
.p-kids_study--faq-box {
  max-width: 1040px;
  margin: 16px auto 80px;
  counter-reset: boxfaq;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-box {
    margin: 9px auto 16px;
  }
}
.p-kids_study--faq-items {
  overflow: hidden;
  border: 2px solid #a67c52;
  border-radius: 24px;
  min-height: 86px;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-items {
    border-radius: 12px;
    border-width: 1px;
    min-height: 43px;
  }
}
.p-kids_study--faq input[type=checkbox]:checked + label::after {
  background: url("/kids/kids_study/faq/img/icon-close.png") no-repeat center center;
  -webkit-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}
.p-kids_study--faq input[type=checkbox]:checked + label + .p-kids_study--faq-contents {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  max-height: 100vh;
  padding-top: 42px;
  padding-bottom: 50px;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq input[type=checkbox]:checked + label + .p-kids_study--faq-contents {
    padding-top: 9px;
    padding-bottom: 13px;
  }
}
.p-kids_study--faq-label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 84px;
  background-color: #e6dfd3;
  color: #4d4d4d;
  font-weight: 700;
  font-size: clamp(1.8rem, 2vw, 2.8rem);
  line-height: 1.4;
  padding: 4px 83px 4px 95px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-label {
    min-height: 43px;
    padding: 4px 33px 4px 48px;
  }
}
.p-kids_study--faq-label::before {
  counter-increment: boxfaq;
  content: counter(boxfaq);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 31px;
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: clamp(2.4rem, 2vw, 3.2rem);
  line-height: 1;
  background-color: #f15a24;
  color: #fff;
  border-radius: 100%;
  padding-bottom: 3px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-label::before {
    left: 8px;
    width: 26px;
    height: 26px;
  }
}
.p-kids_study--faq-label::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 35px;
  width: 48px;
  height: 48px;
  background: url("/kids/kids_study/faq/img/icon-arrow.png") no-repeat center center;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-label::after {
    right: 8px;
    width: 24px;
    height: 24px;
    background-size: cover !important;
  }
}
.p-kids_study--faq-contents {
  font-weight: 700;
  font-size: clamp(1.4rem, 2vw, 2rem);
  line-height: 1.8;
  color: #000;
  padding: 0 57px;
  max-height: 0px;
  background-color: #fff;
  -webkit-clip-path: inset(0 0 100%);
          clip-path: inset(0 0 100%);
  -webkit-transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: max-height 0.2s ease-in-out, opacity 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, max-height 0.2s ease-in-out, opacity 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, max-height 0.2s ease-in-out, opacity 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents {
    line-height: 1.5;
    padding: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents > p {
    margin-inline: 15px;
  }
}
.p-kids_study--faq-contents .text-gray {
  color: #4D4D4D;
}
.p-kids_study--faq-contents .is-small {
  font-size: clamp(1rem, 1vw, 1.4rem);
  line-height: 1.4;
  margin: 30px 0 0 40px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents .is-small {
    margin: 10px 0 0 10px;
  }
}
.p-kids_study--faq-contents.row {
  display: grid;
}
.p-kids_study--faq-contents.row01 {
  grid-template-columns: 1fr 340px;
  gap: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents.row01 {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.p-kids_study--faq-contents.row02 {
  grid-template-columns: 460px 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 39px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents.row02 {
    grid-template-columns: 1fr;
  }
}
.p-kids_study--faq-contents .imgs-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents .imgs-row {
    max-width: 280px;
    margin-inline: auto;
    gap: 20px;
  }
}
.p-kids_study--faq-contents .imgs-row .items {
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-kids_study--faq-contents .imgs-row .items img {
  min-height: 123px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents .imgs-row .items img {
    min-height: unset;
    width: 70px;
    margin-bottom: 4px;
  }
}
.p-kids_study--faq-contents .imgs-row .items p {
  background-color: #ff6e00;
  color: #fff;
  margin-top: 8px;
  min-height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  padding: 2px 8px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--faq-contents .imgs-row .items p {
    min-height: 28px;
    margin-top: auto;
    padding: 2px 12px;
  }
}
.p-kids_study--faq-links {
  position: relative;
}
.p-kids_study--faq-links::before {
  content: "";
  position: absolute;
  top: 14px;
  left: -24px;
  width: 100px;
  height: 61px;
  background: url("/kids/kids_study/img/img-raion.png") no-repeat center center;
  background-size: cover;
}
.p-kids_study--modal {
  overflow: hidden;
  font-family: "Zen Maru Gothic", serif;
  background-color: #cccccc;
  width: 100%;
  min-height: 100vh;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  padding: 140px 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal {
    padding-block: 10px;
  }
}
.p-kids_study--modal.is-blue .p-kids_study--modal-title {
  color: #66aee0;
}
.p-kids_study--modal.is-blue .p-kids_study--modal-tabs tr:nth-child(odd) th {
  background-color: #d9ebf7;
}
.p-kids_study--modal.is-blue .p-kids_study--modal-tabs tr th {
  background-color: #f0f7fc;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-blue .p-kids_study--modal-tabs .is-small {
    font-size: 1rem;
  }
}
.p-kids_study--modal.is-green .p-kids_study--modal-title {
  color: #7bd1bd;
  font-weight: 700;
}
.p-kids_study--modal.is-green .p-kids_study--modal-tabs tr:nth-child(odd) th {
  background-color: #def4ee;
}
.p-kids_study--modal.is-green .p-kids_study--modal-tabs tr th {
  background-color: #f2faf8;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-green .p-kids_study--modal-row02 > div:first-child img {
    max-width: 250px;
  }
}
.p-kids_study--modal.is-orange .p-kids_study--modal-title {
  color: #f5a217;
  font-weight: 700;
}
.p-kids_study--modal.is-orange .p-kids_study--modal-tabs tr:nth-child(odd) th {
  background-color: rgba(245, 162, 23, 0.2509803922);
}
.p-kids_study--modal.is-orange .p-kids_study--modal-tabs tr th {
  background-color: rgba(245, 162, 23, 0.1019607843);
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-orange .p-kids_study--modal-row02 .is-des {
    grid-column: 1;
    grid-row: 2;
  }
}
.p-kids_study--modal.is-pink .p-kids_study--modal-title {
  color: #9074b3;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-pink .p-kids_study--modal-title {
    letter-spacing: -0.13em;
  }
}
.p-kids_study--modal.is-pink .p-kids_study--modal-tabs tr:nth-child(odd) th {
  background-color: rgba(144, 116, 179, 0.2509803922);
}
.p-kids_study--modal.is-pink .p-kids_study--modal-tabs tr th {
  background-color: rgba(145, 117, 179, 0.1019607843);
}
.p-kids_study--modal.is-pink .is-des {
  max-width: 780px;
  letter-spacing: -0.05em;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-pink .p-kids_study--modal-inner {
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-pink .p-kids_study--modal-inner .is-img-small {
    max-width: 255px;
  }
}
.p-kids_study--modal.is-gray .p-kids_study--modal-title {
  color: #b49187;
  font-weight: 700;
}
.p-kids_study--modal.is-gray .p-kids_study--modal-tabs tr:nth-child(odd) th {
  background-color: rgba(180, 145, 135, 0.2509803922);
}
.p-kids_study--modal.is-gray .p-kids_study--modal-tabs tr th {
  background-color: rgba(180, 145, 135, 0.1019607843);
}
.p-kids_study--modal.is-gray .p-kids_study--modal-row02 {
  margin-top: -60px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-gray .p-kids_study--modal-row02 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-gray .p-kids_study--modal-row02 .is-des {
    grid-column: 1;
    grid-row: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-gray .p-kids_study--modal-row02 div:last-child {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-gray .p-kids_study--modal-row02 div:last-child img {
    max-width: 275px;
  }
}
.p-kids_study--modal.is-thermal .is-thermal__title {
  position: relative;
  display: inline-block;
}
.p-kids_study--modal.is-thermal .is-thermal__title::before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: -270px;
  width: 375px;
  height: 230px;
  background: url("/kids/kids_study/power_generation/method/thermal/img/img-zou.png") no-repeat center center;
  rotate: 0 1 0 180deg;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-thermal .is-thermal__title::before {
    bottom: 24px;
    left: -23px;
    width: 115px;
    height: 70px;
    background-size: contain;
  }
}
.p-kids_study--modal.is-thermal .p-kids_study--modal-title {
  color: #ff6e00;
  font-weight: 700;
}
.p-kids_study--modal.is-thermal .p-kids_study--modal-tabs tr:nth-child(odd) th {
  background-color: rgba(255, 110, 0, 0.2509803922);
}
.p-kids_study--modal.is-thermal .p-kids_study--modal-tabs tr th {
  background-color: rgba(255, 110, 0, 0.1019607843);
}
.p-kids_study--modal.is-thermal .is-thermal--icon {
  position: relative;
  display: inline-block;
}
.p-kids_study--modal.is-thermal .is-thermal--icon::after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: -356px;
  width: 386px;
  height: 216px;
  background: url("/kids/kids_study/power_generation/method/thermal/img/icon-modal-01-8.png") no-repeat center center;
}
@media screen and (max-width: 1024px) {
  .p-kids_study--modal.is-thermal .is-thermal--icon::after {
    right: -289px;
    bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-thermal .is-thermal--icon::after {
    bottom: -90px;
    left: -70px;
    right: auto;
    width: 198px;
    height: 98px;
    background-size: contain;
  }
}
.p-kids_study--modal.is-thermal .p-kids_study--modal-row02 {
  max-width: unset;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal.is-thermal .p-kids_study--modal-row02 {
    max-width: 335px;
  }
}
.p-kids_study--modal.is-thermal .p-kids_study--modal-row02::after {
  content: unset;
}
.p-kids_study--modal.is-thermal .p-kids_study--modal-row02 .is-des {
  max-width: 376px;
}
.p-kids_study--modal.is-show {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.p-kids_study--modal-body {
  overflow: hidden;
  max-width: 1200px;
  margin-inline: auto;
  padding: 100px 20px 77px;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-body {
    padding: 50px 20px;
  }
}
.p-kids_study--modal-body sub {
  position: static;
}
.p-kids_study--modal-title {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #a0c625;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-title {
    font-size: 2.2rem;
  }
}
.p-kids_study--modal-inner {
  max-width: 1036px;
  margin-inline: auto;
}
.p-kids_study--modal-grids {
  margin-top: 39px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-grids {
    grid-template-columns: 1fr 1fr;
  }
}
.p-kids_study--modal-grids-title {
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  min-height: 72px;
  background-color: #e6e6e6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-grids-title {
    font-size: 1.2rem;
    min-height: 46px;
  }
}
.p-kids_study--modal-grids-des {
  font-size: 2rem;
  margin-top: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-grids-des {
    font-size: 1.2rem;
    margin-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-grids img {
    width: 100%;
  }
}
.p-kids_study--modal-tabs {
  display: grid;
  grid-template-columns: 244px 1fr;
  gap: 20px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 53px auto 0;
  max-width: 810px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-tabs {
    grid-template-columns: 135px 1fr;
    gap: 10px;
    margin-top: 30px;
  }
}
.p-kids_study--modal-tabs .text-title {
  color: #606060;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 8px !important;
  margin-top: -0.5rem;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-tabs .text-title {
    font-size: 1.2rem;
    margin-bottom: 8px !important;
  }
}
.p-kids_study--modal-tabs .text-indent {
  text-indent: -24px;
  margin-left: 24px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-tabs .text-indent {
    text-indent: -16px;
    margin-left: 16px;
  }
}
.p-kids_study--modal-tabs tr:nth-child(odd) th {
  background-color: #e7f1c8;
}
.p-kids_study--modal-tabs tr:nth-child(odd) td {
  background-color: #e1e1e1;
}
.p-kids_study--modal-tabs tr th,
.p-kids_study--modal-tabs tr td {
  height: 100%;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 1px 5px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-tabs tr th,
  .p-kids_study--modal-tabs tr td {
    font-size: clamp(1rem, 2vw, 1.8rem);
  }
}
.p-kids_study--modal-tabs tr th {
  background-color: #f6f9e9;
  text-align: right;
  width: 150px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-tabs tr th {
    width: clamp(70px, 19vw, 140px);
  }
}
.p-kids_study--modal-tabs tr td {
  background-color: #f2f2f2;
  text-align: left;
}
.p-kids_study--modal-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 119px;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-bottom {
    margin-top: 40px;
  }
}
.p-kids_study--modal-bottom-items {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-bottom-items {
    display: block;
  }
}
.p-kids_study--modal-bottom-items p {
  position: relative;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: -0.1em;
  padding: 20px 0 48px 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-bottom-items p {
    position: static;
    padding: 10px 10px 35px;
    font-size: clamp(1rem, 2vw, 1.8rem);
  }
}
.p-kids_study--modal-bottom-items p::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 32px;
  height: 34px;
  background: url(/kids/kids_study/img/icon-links.png) no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-bottom-items p::after {
    width: 17px;
    height: 16px;
    bottom: 10px;
  }
}
.p-kids_study--modal-container {
  max-width: 810px;
  margin: 0 auto;
}
.p-kids_study--modal-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-row {
    gap: 5px;
    margin-top: 20px;
  }
}
.p-kids_study--modal-row img {
  width: 100%;
}
.p-kids_study--modal-row02 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 827px;
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-row02 {
    grid-template-columns: 1fr;
    max-width: 335px;
    margin-top: 20px;
  }
}
.p-kids_study--modal-row02.is-none-icon::after {
  content: unset;
}
.p-kids_study--modal-row02::after {
  content: "";
  position: absolute;
  width: 221px;
  height: 320px;
  top: -39%;
  right: -24%;
  background: url("/kids/kids_study/img/img-usagi.png") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-row02::after {
    top: 65px;
    width: 250px;
    height: 155px;
    background-size: contain;
  }
}
.p-kids_study--modal-row02 .is-des {
  margin: 0;
}
.p-kids_study--modal-close {
  margin: 81px auto 0;
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-close {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-kids_study--modal-close img {
    width: 38px;
  }
}

.c-kids_study--relative {
  position: relative;
}
.c-kids_study--text-center {
  text-align: center;
}
.c-kids_study--align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-kids_study--btn-groups {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 70px;
}
@media screen and (max-width: 767px) {
  .c-kids_study--btn-groups {
    gap: 8px;
  }
}
.c-kids_study--btn-links {
  text-align: center;
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.6rem);
  line-height: 1.3;
  color: #4D4D4D;
}
@media screen and (max-width: 767px) {
  .c-kids_study--btn-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
}
.c-kids_study--btn-links:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .c-kids_study--btn-links img {
    width: 38px;
  }
}
.c-kids_study--btn-links p {
  margin-top: 8px;
}
.c-kids_study--btn-links p.text-white {
  color: #fff;
}
.c-kids_study--btn-main {
  position: relative;
  width: 376px;
  min-height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: clamp(1.9rem, 2vw, 2.4rem);
  color: #fff;
  padding-block: 4px;
  border-radius: 100px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .c-kids_study--btn-main {
    max-width: 295px;
    height: 48px;
    line-height: 1.8;
  }
}
.c-kids_study--btn-main::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  width: 32px;
  height: 34px;
  background: url("/kids/kids_study/power_generation/method/img/icon-links.png") no-repeat center center;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c-kids_study--btn-main::after {
    width: 22px;
    height: 23px;
    right: 15px;
  }
}
.c-kids_study--btn-main:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.c-bg--orange {
  background-color: #ff6e00;
}
.c-bg--orange02 {
  background-color: #f5a217;
}
.c-bg--green {
  background-color: #a0c625;
}
.c-bg--green02 {
  background-color: #7bd1bd;
}
.c-bg--blue {
  background-color: #66aee0;
}
.c-bg--blue02 {
  background-color: #cfe9fd;
}
.c-bg--pink {
  background-color: #9074b3;
}
.c-bg--pink02 {
  background-color: #e95288;
}
.c-bg--gray {
  background-color: #b49187;
}
.c-bg--gray02 {
  background-color: #f5f5f5;
}
.c-bg--black {
  background-color: #000;
}
.c-texts-pink02 {
  color: #ed1e79;
}
.c-btn--close-modal {
  display: inline-block;
}

.u-px-0 {
  padding-inline: 0 !important;
}

.u-mx-auto {
  margin-inline: auto;
}

.only-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .only-sp {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .only-pc {
    display: none;
  }
}

.letter-spacing--nomal {
  letter-spacing: normal;
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
}

@-webkit-keyframes fadeinfaq {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeinfaq {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate(-50%, 0) scale(0.9);
            transform: translate(-50%, 0) scale(0.9);
  }
  50% {
    -webkit-transform: translate(-50%, -20px) scale(1);
            transform: translate(-50%, -20px) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(0.9);
            transform: translate(-50%, 0) scale(0.9);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translate(-50%, 0) scale(0.9);
            transform: translate(-50%, 0) scale(0.9);
  }
  50% {
    -webkit-transform: translate(-50%, -20px) scale(1);
            transform: translate(-50%, -20px) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(0.9);
            transform: translate(-50%, 0) scale(0.9);
  }
}
@-webkit-keyframes animation1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  60% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
}
@keyframes animation1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  60% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
}
@-webkit-keyframes animation2 {
  0% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}
@keyframes animation2 {
  0% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  100% {
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
  }
}
@-webkit-keyframes animation3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: rotate(5deg) translateY(0);
            transform: rotate(5deg) translateY(0);
  }
  40% {
    -webkit-transform: rotate(-5deg) translateY(0);
            transform: rotate(-5deg) translateY(0);
  }
  60% {
    -webkit-transform: rotate(5deg) translateY(0);
            transform: rotate(5deg) translateY(0);
  }
  80% {
    -webkit-transform: rotate(-5deg) translateY(0);
            transform: rotate(-5deg) translateY(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes animation3 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: rotate(5deg) translateY(0);
            transform: rotate(5deg) translateY(0);
  }
  40% {
    -webkit-transform: rotate(-5deg) translateY(0);
            transform: rotate(-5deg) translateY(0);
  }
  60% {
    -webkit-transform: rotate(5deg) translateY(0);
            transform: rotate(5deg) translateY(0);
  }
  80% {
    -webkit-transform: rotate(-5deg) translateY(0);
            transform: rotate(-5deg) translateY(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes animation4 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes animation4 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes animation5 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  60% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes animation5 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  60% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
rt {
  position: relative !important;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
@media screen and (max-width: 767px) {
  rt {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

[data-ruby] {
  position: relative;
  text-indent: 0;
}
[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -2.5ex;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@-moz-document url-prefix() {
  [data-ruby]::before {
    top: 1.5ex;
  }
}
@media screen and (max-width: 767px) {
  [data-ruby]::before {
    top: -1.2ex;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: none;
            transform: none;
  }
}

@media screen and (max-width: 767px) {
  ruby.left-5 [data-ruby]::before {
    left: -5px;
  }
}

@-moz-document url-prefix() {
  rt[data-ruby] {
    text-indent: 0;
  }
  rt[data-ruby]::before {
    transform: translateX(0);
  }
}