@charset "UTF-8";
.baby-step section.kv .c-section__bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .c-section__bg {
    background: #FAF1E0 url("/baby/step/assets/img/pages/home/bg.png") no-repeat center center/cover;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .c-section__bg {
    background: #FAF1E0 url("/baby/step/assets/img/pages/home/bg_sp.png") no-repeat center bottom/cover;
  }
  .baby-step section.kv .c-section__bg .c-section__separator {
    bottom: 50.6666666667vw;
  }
}
.baby-step section.kv .c-section__fg {
  width: 100%;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .c-section__fg {
    padding-bottom: 80px;
  }
}
.baby-step section.kv .kv__head {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__head {
    padding-top: 35px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__head {
    padding-top: 6.4vw;
  }
}
.baby-step section.kv .kv__logo {
  fill: #EF3908;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__logo {
    width: 310px;
    height: 146.7455621302px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__logo {
    width: 51.4666666667vw;
    height: 24.3629191321vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body {
    margin-top: 23px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body {
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.kv .kv__body .kv__box {
  position: relative;
  margin: 0 auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box {
    width: 1262px;
    height: 467px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box {
    width: 100vw;
    height: 168.5333333333vw;
  }
}
.baby-step section.kv .kv__body .kv__box .kv__box__img {
  position: absolute;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--00 {
    width: 505px;
    height: 44.9110671937px;
    left: 107px;
    top: 42px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--00 {
    width: 72.8vw;
    height: 21.3333333333vw;
    left: 2.6666666667vw;
    top: 2.4vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--01 {
    width: 206px;
    height: 284.7647058824px;
    left: 131px;
    top: 179px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--01 {
    width: 27.7333333333vw;
    height: 38.337254902vw;
    left: 6.9333333333vw;
    top: 38.4vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--01b {
    width: 222px;
    height: 51.5915492958px;
    left: 244px;
    top: 101px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--01b {
    width: 37.6vw;
    height: 8.738028169vw;
    left: 18.6666666667vw;
    top: 27.7333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--02 {
    width: 192px;
    height: 256.6632124352px;
    left: 387px;
    top: 207px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--02 {
    width: 26.4vw;
    height: 35.2911917098vw;
    left: 41.0666666667vw;
    top: 41.6vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--03 {
    width: 147px;
    height: 230px;
    left: 636px;
    top: 237px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--03 {
    width: 19.4666666667vw;
    height: 30.4580498866vw;
    left: 73.8666666667vw;
    top: 45.6vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--04 {
    width: 481px;
    height: 393px;
    left: 781px;
    top: 60px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--04 {
    width: 86.1333333333vw;
    height: 79.3333333333vw;
    left: 6.9333333333vw;
    top: 94.1333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--04b {
    width: 680px;
    height: 622px;
    left: 692.5px;
    top: -140.5px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__img--04b {
    width: 200vw;
    height: 225.8666666667vw;
    left: 0vw;
    top: 1.6vw;
  }
}
.baby-step section.kv .kv__body .kv__box .kv__box__a {
  display: block;
  position: absolute;
}
.baby-step section.kv .kv__body .kv__box .kv__box__a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-01 {
    width: 61px;
    height: 80px;
    left: 893px;
    top: 153px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-01 {
    width: 11.7093763441vw;
    height: 15.3565591398vw;
    left: 25.0666666667vw;
    top: 111.2vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-02 {
    width: 62px;
    height: 80px;
    left: 960px;
    top: 153px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-02 {
    width: 11.9013333333vw;
    height: 15.3565591398vw;
    left: 38vw;
    top: 111.2vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-03 {
    width: 44px;
    height: 80px;
    left: 1034px;
    top: 153px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-03 {
    width: 8.4461075269vw;
    height: 15.3565591398vw;
    left: 52.2666666667vw;
    top: 111.2vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-04 {
    width: 62px;
    height: 80px;
    left: 1089px;
    top: 153px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__a--04-04 {
    width: 11.9013333333vw;
    height: 15.3565591398vw;
    left: 63.0666666667vw;
    top: 111.2vw;
  }
}
.baby-step section.kv .kv__body .kv__box .kv__box__text {
  position: absolute;
}
.baby-step section.kv .kv__body .kv__box .kv__box__text--00 {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 1;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__text--00 {
    left: 612px;
    top: 72px;
    font-size: 10px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__text--00 {
    left: 72.2666666667vw;
    top: 20vw;
    font-size: 2.1333333333vw;
  }
}
.baby-step section.kv .kv__body .kv__box .kv__box__text--00b {
  display: block;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__text--00b {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__text--00b {
    width: 87.2vw;
    left: 6.4vw;
    top: 81.6vw;
  }
}
.baby-step section.kv .kv__body .kv__box .kv__box__text--00b p {
  padding-left: 2em;
  position: relative;
}
.baby-step section.kv .kv__body .kv__box .kv__box__text--00b p:before {
  content: "※1";
  position: absolute;
  left: 0;
  top: 0;
}
.baby-step section.kv .kv__body .kv__box .kv__box__text--00b p {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .baby-step section.kv .kv__body .kv__box .kv__box__text--00b p {
    font-size: 2.1333333333vw;
  }
}
.baby-step section.kv .kv__body .kv__box--alt {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
.baby-step .kv__note {
  box-sizing: border-box;
  line-height: 1.5;
}
@media print, screen and (min-width: 751px) {
  .baby-step .kv__note {
    margin-top: 24px;
    display: grid;
    grid-template: "n1 n1" auto "n2 n3" auto/507px 1fr;
    gap: 24px 8px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step .kv__note {
    margin: 21.3333333333vw 0 0 0;
    padding: 5.3333333333vw 6.4vw 0 6.4vw;
    width: 100vw;
    height: 50.6666666667vw;
    background-color: #ffe0a7;
  }
}
.baby-step .kv__note__text p {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
@media print, screen and (min-width: 751px) {
  .baby-step .kv__note__text p {
    font-size: 10px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step .kv__note__text p {
    font-size: 2.1333333333vw;
  }
}
.baby-step .kv__note__text--1 {
  grid-area: n1;
}
.baby-step .kv__note__text--1 p {
  padding-left: 2em;
  position: relative;
}
.baby-step .kv__note__text--1 p:before {
  content: "※1";
  position: absolute;
  left: 0;
  top: 0;
}
.baby-step .kv__note__text--2 {
  grid-area: n2;
}
.baby-step .kv__note__text--2 p {
  padding-left: 2em;
  position: relative;
}
.baby-step .kv__note__text--2 p:before {
  content: "※2";
  position: absolute;
  left: 0;
  top: 0;
}
.baby-step .kv__note__text--3 {
  grid-area: n3;
}
.baby-step .kv__note__text--3 p {
  padding-left: 2em;
  position: relative;
}
.baby-step .kv__note__text--3 p:before {
  content: "※3";
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 750px) {
  .baby-step .kv__note__text--1 {
    display: none;
  }
}

.baby-step nav.toc {
  background-color: #ffe0a7;
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .c-section__inner {
    padding: 0;
  }
}
.baby-step nav.toc .toc__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__list {
    gap: 26px;
    padding-top: 26px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__list {
    column-gap: 4.8vw;
    row-gap: 4.2666666667vw;
    padding-top: 5.3333333333vw;
  }
}
.baby-step nav.toc .toc__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  margin: 0 auto;
  transition: all 0.3s;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link {
    width: 17.0666666667vw;
    height: 17.0666666667vw;
  }
}
.baby-step nav.toc .toc__link.active, .baby-step nav.toc .toc__link:hover {
  background-color: #EF3908;
}
.baby-step nav.toc .toc__link.active .toc__link__icon, .baby-step nav.toc .toc__link:hover .toc__link__icon {
  fill: #FFFFFF;
}
.baby-step nav.toc .toc__link.active .toc__link__arrow, .baby-step nav.toc .toc__link:hover .toc__link__arrow {
  border: 1px solid #FFFFFF;
  background-color: #EF3908;
}
.baby-step nav.toc .toc__link.active .toc__link__arrow__icon, .baby-step nav.toc .toc__link:hover .toc__link__arrow__icon {
  fill: #FFFFFF;
}
.baby-step nav.toc .toc__link__icon {
  fill: #EF3908;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__icon--01 {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__icon--01 {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__icon--02 {
    width: 31px;
    height: 43px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__icon--02 {
    width: 5.8666666667vw;
    height: 8.2666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__icon--03 {
    width: 47px;
    height: 39px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__icon--03 {
    width: 8.8vw;
    height: 7.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__icon--04 {
    width: 31px;
    height: 43px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__icon--04 {
    width: 5.8666666667vw;
    height: 8.2666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__icon--05 {
    width: 39px;
    height: 38px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__icon--05 {
    width: 7.2vw;
    height: 7.2vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__icon--06 {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__icon--06 {
    width: 7.4666666667vw;
    height: 7.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__icon--07 {
    width: 30px;
    height: 45px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__icon--07 {
    width: 5.6vw;
    height: 8.5333333333vw;
  }
}
.baby-step nav.toc .toc__link__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #EF3908;
  background-color: #FFFFFF;
  position: absolute;
  margin: auto;
  transition: all 0.3s;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__arrow {
    width: 20px;
    height: 20px;
    right: 2px;
    bottom: 2px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__arrow {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    right: 0;
    bottom: 0;
  }
}
.baby-step nav.toc .toc__link__arrow::after {
  content: none;
}
.baby-step nav.toc .toc__link__arrow__icon {
  fill: #EF3908;
  transform: rotate(90deg);
  transition: all 0.3s;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__link__arrow__icon {
    width: 6px;
    height: 11px;
    margin-top: 2px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__link__arrow__icon {
    width: 1.0666666667vw;
    height: 1.8666666667vw;
    margin-top: 0.2666666667vw;
  }
}
.baby-step nav.toc .toc__text {
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc .toc__text {
    font-size: 13px;
    margin-top: 7px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .toc__text {
    font-size: 2.6666666667vw;
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .baby-step nav.toc .kv__note.sp.c-section__inner {
    padding: 1.8666666667vw 6.4vw 5.3333333333vw 10.6666666667vw;
  }
}
.baby-step nav.toc-fixed {
  position: fixed;
  z-index: 99;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed {
    height: 252px;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    right: 12px;
  }
}
.baby-step nav.toc-fixed .toc__list {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__list {
    gap: 8px;
  }
}
.baby-step nav.toc-fixed .toc__item:last-child .toc__link::before {
  content: none;
}
.baby-step nav.toc-fixed .toc__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  margin: 0 auto;
  transition: all 0.3s;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link {
    width: 28px;
    height: 28px;
  }
}
.baby-step nav.toc-fixed .toc__link::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFFFFF;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link::before {
    width: 2px;
    height: 8px;
    bottom: -8px;
  }
}
.baby-step nav.toc-fixed .toc__link.active, .baby-step nav.toc-fixed .toc__link:hover {
  background-color: #EF3908;
}
.baby-step nav.toc-fixed .toc__link.active .toc__link__icon, .baby-step nav.toc-fixed .toc__link:hover .toc__link__icon {
  fill: #FFFFFF;
}
.baby-step nav.toc-fixed .toc__link__icon {
  fill: #EF3908;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__icon--01 {
    width: 17px;
    height: 17px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__icon--02 {
    width: 14px;
    height: 20px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__icon--03 {
    width: 16px;
    height: 14px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__icon--04 {
    width: 11px;
    height: 15px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__icon--05 {
    width: 13px;
    height: 13px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__icon--06 {
    width: 14px;
    height: 14px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__icon--07 {
    width: 10px;
    height: 16px;
  }
}
.baby-step nav.toc-fixed .toc__link__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #EF3908;
  background-color: #FFFFFF;
  position: absolute;
  margin: auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__arrow {
    width: 20px;
    height: 20px;
    right: 2px;
    bottom: 2px;
  }
}
.baby-step nav.toc-fixed .toc__link__arrow::after {
  content: none;
}
.baby-step nav.toc-fixed .toc__link__arrow__icon {
  fill: #EF3908;
  transform: rotate(90deg);
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__link__arrow__icon {
    width: 6px;
    height: 11px;
    margin-top: 2px;
  }
}
.baby-step nav.toc-fixed .toc__text {
  font-weight: bold;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step nav.toc-fixed .toc__text {
    font-size: 13px;
    margin-top: 7px;
  }
}
.baby-step .bif-banner {
  background-color: #ffe0a7;
  display: flex;
  justify-content: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step .bif-banner {
    padding-top: 56px;
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step .bif-banner {
    padding-top: 10.6666666667vw;
    padding-bottom: 14.9333333333vw;
  }
}
.baby-step .bif-banner a,
.baby-step .bif-banner span {
  display: block;
}
@media print, screen and (min-width: 751px) {
  .baby-step .bif-banner a,
  .baby-step .bif-banner span {
    width: 680px;
    height: 254px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step .bif-banner a,
  .baby-step .bif-banner span {
    width: 87.2vw;
    height: 105.0666666667vw;
  }
}

.baby-step section.news * {
  box-sizing: border-box;
}
.baby-step section.news {
  background-color: #ffe0a7;
  overflow: hidden;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news {
    padding-top: 50px;
    padding-bottom: 192px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news {
    padding-top: 11.7333333333vw;
    padding-bottom: 32vw;
  }
}
.baby-step section.news .c-section__inner {
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 750px) {
  .baby-step section.news .c-heading__icon {
    width: 9.0666666667vw;
    height: 9.0666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list {
    margin-top: 40px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list {
    margin-top: 6.4vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container {
    width: 320px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container {
    width: 80vw;
    margin: 0 0 0 10vw;
  }
}
.baby-step section.news .list .container .carousel__viewport {
  overflow: visible;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide {
    width: 320px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide {
    width: 80vw;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item {
    border-radius: 10px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item {
    border-radius: 2.6666666667vw;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item a {
  display: block;
  height: 100%;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item a {
    padding: 24px 0 56px 0;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item a {
    padding: 6.4vw 0 14.9333333333vw 0;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure {
  width: 100%;
  height: 100%;
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure .image {
  margin: 0 auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure .image {
    width: 271px;
    height: 151px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure .image {
    width: 67.2vw;
    height: 37.4435424354vw;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption {
    margin-top: 17px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption {
    margin-top: 7.7333333333vw;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .title {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.4;
  overflow: hidden;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .title {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .title {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
    font-size: v(16);
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .title:before {
  position: absolute;
  top: 0;
  content: "";
  display: block;
  height: 100%;
  background-color: #EF3908;
  border-radius: 9999px;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .title:before {
    width: 8px;
    left: -4px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .title:before {
    width: 2.1333333333vw;
    left: -1.0666666667vw;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .content {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 1.6;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .content {
    font-size: 18px;
    margin: 16px 24px 0 24px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .content {
    font-size: 3.7333333333vw;
    margin: 4.2666666667vw 6.4vw 0 6.4vw;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .icon {
  position: absolute;
  display: block;
  background-color: #EF3908;
  border-radius: 9999px;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .icon {
    right: 16px;
    bottom: 16px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .icon {
    right: 4.2666666667vw;
    bottom: 4.2666666667vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}
.baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .icon svg {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  fill: #FFFFFF;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .icon svg {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .carousel__viewport .carousel__track .carousel__slide .news-item figure figcaption .icon svg {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.baby-step section.news .list .container .news-navi {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .news-navi {
    width: 1000px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .news-navi {
    flex-direction: column;
    gap: 6.4vw;
    width: 100vw;
    margin-top: 10.6666666667vw;
    margin-left: -10vw;
  }
}
.baby-step section.news .list .container .news-navi .pagination {
  position: static;
  flex-grow: 0;
  margin: 0;
  padding: 0;
  justify-content: flex-start;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  transform: none;
  gap: 0;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .news-navi .pagination {
    width: 540px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .news-navi .pagination {
    width: 87.2vw;
  }
}
.baby-step section.news .list .container .news-navi .pagination .carousel__pagination-item {
  width: var(--itemWidth, 10%);
}
.baby-step section.news .list .container .news-navi .pagination .carousel__pagination-item .carousel__pagination-button {
  background-color: #FFFFFF;
  width: 100%;
}
.baby-step section.news .list .container .news-navi .pagination .carousel__pagination-item .carousel__pagination-button--active {
  background-color: #EF3908;
}
.baby-step section.news .list .container .news-navi .control {
  display: flex;
  flex-shrink: 0;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .news-navi .control {
    gap: 16px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .news-navi .control {
    gap: 4.2666666667vw;
  }
}
.baby-step section.news .list .container .news-navi .control li {
  flex-shrink: 0;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .news-navi .control li {
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .news-navi .control li {
    width: 12.8vw;
    height: 12.8vw;
  }
}
.baby-step section.news .list .container .news-navi .control li button {
  box-sizing: border-box;
  display: block;
  border-style: solid;
  border-color: #EF3908;
  border-radius: 9999px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-block: 0;
  padding-inline: 0;
  cursor: pointer;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .news-navi .control li button {
    width: 48px;
    padding-top: 44px;
    border-width: 2px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .news-navi .control li button {
    width: 12.8vw;
    padding-top: 11.7333333333vw;
    border-width: 0.5333333333vw;
  }
}
.baby-step section.news .list .container .news-navi .control li button .icon {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.news .list .container .news-navi .control li button .icon {
    width: 21px;
    height: 21px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.news .list .container .news-navi .control li button .icon {
    width: 5.6vw;
    height: 5.6vw;
  }
}
.baby-step section.news .list .container .news-navi .control li button .icon svg {
  width: 100%;
  height: 100%;
  fill: #EF3908;
}

.baby-step section.follow-up-milk {
  background-color: #B2DFF9;
}
@media screen and (max-width: 750px) {
  .baby-step section.follow-up-milk .c-section__inner {
    padding: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.follow-up-milk {
    padding-top: 60px;
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.follow-up-milk {
    padding-top: 5.3333333333vw;
    padding-bottom: 26.6666666667vw;
  }
}
.baby-step section.follow-up-milk .follow-up-milk__head {
  text-align: center;
}
.baby-step section.follow-up-milk .follow-up-milk__head__en {
  display: block;
  margin: 0 auto;
}
.baby-step section.follow-up-milk .follow-up-milk__head__icon {
  fill: #EF3908;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.follow-up-milk .follow-up-milk__head__icon {
    width: 32px;
    height: 44px;
    margin-top: 8px;
  }
}
.baby-step section.follow-up-milk .follow-up-milk__head__ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.follow-up-milk .follow-up-milk__head__ja {
    font-size: 46px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.follow-up-milk .follow-up-milk__body {
    padding: 0 104.5px;
    margin-top: 48px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.follow-up-milk .follow-up-milk__body {
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.follow-up-milk .follow-up-milk__baloon {
  display: flex;
  justify-content: center;
}
.baby-step section.follow-up-milk .follow-up-milk__baloon img {
  object-fit: cover;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.follow-up-milk .follow-up-milk__baloon img {
    width: 384px;
    height: 75px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.follow-up-milk .follow-up-milk__baloon img {
    width: 87.2vw;
    height: 19.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.follow-up-milk .follow-up-milk__baloon + * {
    margin-top: 24px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.follow-up-milk .follow-up-milk__baloon + * {
    margin-top: 6.4vw;
  }
}
.baby-step section.follow-up-milk .follow-up-milk__img {
  display: block;
  width: 100%;
}
.baby-step section.follow-up-milk .follow-up-milk__button {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.follow-up-milk .follow-up-milk__button {
    margin-top: 48px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.follow-up-milk .follow-up-milk__button {
    margin-top: 10.6666666667vw;
  }
}

.baby-step section.child-care {
  background-color: #C6F0CF;
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .c-section__inner {
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .c-heading__ja {
    letter-spacing: -0.01em;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care {
    padding-top: 60px;
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care {
    padding-top: 5.3333333333vw;
    padding-bottom: 26.6666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care .child-care__body {
    margin-top: 48px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .child-care__body {
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.child-care .child-care__flex {
  display: flex;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care .child-care__flex {
    gap: 80px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .child-care__flex {
    flex-direction: column;
    gap: 12.8vw;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .child-care__scroll {
    position: relative;
    width: 87.2vw;
    height: 57.4592087312vw;
    border-radius: 2.6666666667vw;
    margin-top: 14.9333333333vw;
    cursor: pointer;
  }
  .baby-step section.child-care .child-care__scroll:after {
    content: "";
    position: absolute;
    top: 2.1333333333vw;
    right: 2.1333333333vw;
    display: block;
    padding: 10.6666666667vw 0 0 0;
    width: 10.6666666667vw;
    height: 0;
    overflow: hidden;
    background-image: url("/baby/step/assets/img/common/icon_zoom.svg");
    background-repeat: no-repeat;
    background-size: 10.6666666667vw 10.6666666667vw;
    text-indent: -5000px;
  }
}
.baby-step section.child-care .child-care__img {
  display: block;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care .child-care__img {
    width: 46%;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .child-care__img {
    width: 100%;
  }
}
.baby-step section.child-care .child-care__img img {
  width: 100%;
}
.baby-step section.child-care .child-care__img--03 {
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care .child-care__img--03 {
    margin-top: 48px;
  }
}
.baby-step section.child-care .child-care__button {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care .child-care__button {
    margin-top: 48px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .child-care__button {
    margin-top: 9.6vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care .child-care__message {
    margin-top: 48px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .child-care__message {
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.child-care .child-care__message p {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.8;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.child-care .child-care__message p {
    font-size: 26px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.child-care .child-care__message p {
    font-size: 5.3333333333vw;
  }
}

.baby-step section.nutrition {
  background-color: #ffe0a7;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition {
    padding-top: 60px;
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition {
    padding-top: 5.3333333333vw;
    padding-bottom: 26.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .c-section__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.baby-step section.nutrition .nutrition__head__text {
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__head__text {
    font-size: 26px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__head__text {
    font-size: 5.3333333333vw;
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.nutrition .nutrition__head__text--red {
  color: #EF3908;
  font-weight: 900;
}
.baby-step section.nutrition .nutrition__head__text__note {
  display: flex;
  justify-content: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__head__text__note {
    margin-top: 10px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__head__text__note {
    margin-top: 2.6666666667vw;
  }
}
.baby-step section.nutrition .nutrition__head__text__note p {
  padding-left: 1.1em;
  position: relative;
}
.baby-step section.nutrition .nutrition__head__text__note p:before {
  content: "※1";
  position: absolute;
  left: 0;
  top: 0;
}
.baby-step section.nutrition .nutrition__head__text__note p {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 1.8;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__head__text__note p {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__head__text__note p {
    font-size: 3.7333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__head__subcopy {
    margin-top: 40px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__head__subcopy {
    margin-top: 10.6666666667vw;
  }
}
.baby-step section.nutrition .nutrition__head__subcopy p {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.08em;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__head__subcopy p {
    font-size: 26px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__head__subcopy p {
    font-size: 4.8vw;
  }
}
.baby-step section.nutrition .nutrition__head__subcopy p strong {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  color: #2CA7E0;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__body {
    margin-top: 60px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__body {
    margin-top: 11.2vw;
  }
}
.baby-step section.nutrition .nutrition__box {
  background-color: #FFFFFF;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box {
    border-radius: 10px;
    padding: 32px 45px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box {
    border-radius: 2.6666666667vw;
    padding: 6.4vw 4.2666666667vw 8.5333333333vw;
  }
}
.baby-step section.nutrition .nutrition__box__head {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__head {
    top: -22px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__head {
    top: -5.8666666667vw;
  }
}
.baby-step section.nutrition .nutrition__box__title {
  letter-spacing: 0.08em;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__title {
    font-size: 20px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__title {
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
.baby-step section.nutrition .nutrition__box__title--blue {
  color: #2CA7E0;
}
.baby-step section.nutrition .nutrition__box__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__body {
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__body {
    margin-top: 6.4vw;
    flex-direction: column;
    gap: 6.4vw;
  }
}
.baby-step section.nutrition .nutrition__box__left {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.baby-step section.nutrition .nutrition__box__right {
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__right {
    max-width: 434px;
  }
}
.baby-step section.nutrition .nutrition__box__sub {
  display: inline-block;
  color: #FFFFFF;
  background-color: #2CA7E0;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  border-radius: 999px;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__sub {
    font-size: 20px;
    padding: 4px 40px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__sub {
    font-size: 4.8vw;
    padding: 1.3333333333vw 12.8vw;
  }
}
.baby-step section.nutrition .nutrition__box__img img {
  width: 100%;
  height: 100%;
}
.baby-step section.nutrition .nutrition__box__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap {
    padding: 0 44px;
    height: 94px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap {
    border-radius: 2.6666666667vw;
    flex-direction: column;
    padding: 4.2666666667vw 4.2666666667vw;
  }
}
.baby-step section.nutrition .nutrition__box__wrap--red {
  background-color: #FCD7CE;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap--red {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap--red {
    margin-bottom: 2.1333333333vw;
  }
}
.baby-step section.nutrition .nutrition__box__wrap--blue {
  background-color: #D0EBF8;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap--blue {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap--blue {
    margin-bottom: 4.2666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__left {
    width: 46%;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__left {
    width: 100%;
  }
}
.baby-step section.nutrition .nutrition__box__wrap__left__text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  line-height: 1.8;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__left__text {
    font-size: 20px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__left__text {
    font-size: 4.8vw;
  }
}
.baby-step section.nutrition .nutrition__box__wrap__left__text--sm {
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__left__text--sm {
    font-size: 16px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__left__text--sm {
    font-size: 3.7333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__right {
    width: 50%;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__right {
    width: 100%;
  }
}
.baby-step section.nutrition .nutrition__box__wrap__right__text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text {
    font-size: 4.8vw;
    text-align: center;
  }
}
.baby-step section.nutrition .nutrition__box__wrap__right__text sup {
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text sup {
    top: -5px;
    margin-left: -5px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text sup {
    margin-left: -1.3333333333vw;
  }
}
.baby-step section.nutrition .nutrition__box__wrap__right__text--red {
  color: #EF3908;
  display: inline-block;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text--red {
    font-size: 28px;
    margin-left: -5px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text--red {
    font-size: 7.4666666667vw;
    margin-left: -1.3333333333vw;
  }
}
.baby-step section.nutrition .nutrition__box__wrap__right__text--blue {
  color: #2CA7E0;
  display: inline-block;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text--blue {
    font-size: 28px;
    margin-left: -5px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__wrap__right__text--blue {
    font-size: 7.4666666667vw;
    margin-left: -1.3333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__text__wrap {
    margin-top: 24px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__text__wrap {
    margin-top: 4.2666666667vw;
  }
}
.baby-step section.nutrition .nutrition__box__text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__text {
    font-size: 22px;
    line-height: 1.8;
    letter-spacing: -0.1em;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__text {
    font-size: 4.2666666667vw;
    line-height: 1.7;
  }
}
.baby-step section.nutrition .nutrition__box__text--red {
  color: #EF3908;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
}
.baby-step section.nutrition .nutrition__box__text--red sup {
  color: #000000;
}
.baby-step section.nutrition .nutrition__box__text__sm {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box__text__sm {
    font-size: 14px;
    margin-top: 8px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box__text__sm {
    font-size: 3.7333333333vw;
    margin-top: 2.1333333333vw;
    line-height: 1.4;
  }
}
.baby-step section.nutrition .nutrition__box__text__star {
  padding-left: 1.1em;
  position: relative;
}
.baby-step section.nutrition .nutrition__box__text__star:before {
  content: "★";
  position: absolute;
  left: 0;
  top: 0;
}
.baby-step section.nutrition .nutrition__box__text__astarisk {
  padding-left: 1.1em;
  position: relative;
}
.baby-step section.nutrition .nutrition__box__text__astarisk:before {
  content: "＊";
  position: absolute;
  left: 0;
  top: 0;
}
.baby-step section.nutrition .nutrition__box__text__note {
  padding-left: 1.1em;
  position: relative;
}
.baby-step section.nutrition .nutrition__box__text__note:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box--01 .nutrition__box__body {
    display: grid;
    grid-template: "b1 b2" auto "b3 b3" auto/464px 440px;
    gap: 40px 0;
  }
}
.baby-step section.nutrition .nutrition__box--01 .nutrition__box__body .nutrition__box__b1 {
  grid-area: b1;
  justify-self: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box--01 .nutrition__box__body .nutrition__box__b1 .nutrition__box__img {
    width: 327px;
    height: 256px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__box--01 .nutrition__box__body .nutrition__box__b1 .nutrition__box__img {
    width: 68vw;
    height: 53.2354740061vw;
  }
}
.baby-step section.nutrition .nutrition__box--01 .nutrition__box__body .nutrition__box__b2 {
  grid-area: b2;
}
.baby-step section.nutrition .nutrition__box--01 .nutrition__box__body .nutrition__box__b3 {
  grid-area: b3;
}
.baby-step section.nutrition .nutrition__box--01 .nutrition__box__body .nutrition__box__b3 .nutrition__box__text {
  letter-spacing: 0;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__box--01 .nutrition__box__body .nutrition__box__b3 .nutrition__box__text {
    text-align: center;
  }
}
.baby-step section.nutrition .nutrition__button {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.nutrition .nutrition__button {
    margin-top: 64px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.nutrition .nutrition__button {
    margin-top: 8.5333333333vw;
  }
}

.baby-step section.product {
  background-color: #B2DFF9;
}
@media screen and (max-width: 750px) {
  .baby-step section.product .c-section__inner {
    padding: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product {
    padding-top: 60px;
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product {
    padding-top: 5.3333333333vw;
    padding-bottom: 26.6666666667vw;
  }
}
.baby-step section.product .product__head__text {
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__head__text {
    font-size: 26px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__head__text {
    font-size: 5.3333333333vw;
    margin-top: 6.4vw;
  }
}
.baby-step section.product .product__head__lead {
  display: flex;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__head__lead {
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__head__lead {
    margin-top: 8.5333333333vw;
    justify-content: center;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__head__lead img {
    width: 562px;
    height: 107.8485915493px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__head__lead img {
    width: 64.8vw;
    height: 32.0096385542vw;
  }
}
.baby-step section.product .product__button {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__button {
    margin-top: 56px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__button {
    margin-top: 13.3333333333vw;
  }
}
.baby-step section.product .product__list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list {
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list {
    flex-wrap: wrap;
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.product .product__list__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item {
    padding-top: 70px;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item--01 {
    margin-right: 114px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item--01 {
    margin-right: 13.3333333333vw;
    padding-top: 13.3333333333vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item--02 {
    margin-right: 136px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item--02 {
    padding-top: 17.6vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item--03 {
    margin-right: 70px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item--03 {
    margin-top: 9.3333333333vw;
  }
}
.baby-step section.product .product__list__item__new {
  position: absolute;
  max-width: 9999px;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item__new {
    width: 222px;
    height: 51.5915492958px;
    left: 119px;
    top: 0;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item__new {
    width: 37.6vw;
    height: 8.738028169vw;
    left: 20.2666666667vw;
    top: 0;
  }
}
.baby-step section.product .product__list__item__img--01 {
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item__img--01 {
    max-width: 178px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item__img--01 {
    max-width: 33.0666666667vw;
  }
}
.baby-step section.product .product__list__item__img--02 {
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item__img--02 {
    max-width: 166px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item__img--02 {
    max-width: 31.2vw;
  }
}
.baby-step section.product .product__list__item__img--03 {
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item__img--03 {
    max-width: 122px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item__img--03 {
    max-width: 22.9333333333vw;
  }
}
.baby-step section.product .product__list__item__badge {
  color: #FFFFFF;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  line-height: 1.5714285714;
  background-color: #EF3908;
  border-radius: 999px;
  display: inline-block;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item__badge {
    margin-top: 24px;
    font-size: 14px;
    padding: 1px 15px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item__badge {
    margin-top: 4.2666666667vw;
    font-size: 3.2vw;
    padding: 0.2666666667vw 3.2vw;
  }
}
.baby-step section.product .product__list__item__amount {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  color: #000000;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.product .product__list__item__amount {
    margin-top: 8px;
    font-size: 20px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.product .product__list__item__amount {
    margin-top: 2.1333333333vw;
    font-size: 3.4666666667vw;
  }
}

.baby-step section.recipe {
  background-color: #FFFFFF;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe {
    padding-top: 60px;
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe {
    padding-top: 5.3333333333vw;
    padding-bottom: 26.6666666667vw;
  }
}
.baby-step section.recipe .recipe__head {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__icon + .c-heading__sub {
    margin-top: 16px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__icon + .c-heading__sub {
    margin-top: 2.6666666667vw;
  }
}
.baby-step section.recipe .recipe__head .c-heading .c-heading__sub {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__sub {
    gap: 16px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__sub {
    gap: 4.2666666667vw;
  }
}
.baby-step section.recipe .recipe__head .c-heading .c-heading__sub .label {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  color: #000000;
  line-height: 1.8;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__sub .label {
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__sub .label {
    font-size: 5.3333333333vw;
  }
}
.baby-step section.recipe .recipe__head .c-heading .c-heading__sub i.icon {
  display: block;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__sub i.icon {
    width: 24.28px;
    height: 35.7810526316px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe .recipe__head .c-heading .c-heading__sub i.icon {
    width: 4.72vw;
    height: 6.9557894737vw;
  }
}
.baby-step section.recipe .recipe__head .c-heading .c-heading__sub i.icon svg {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.baby-step section.recipe .recipe__head__text {
  text-align: center;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe .recipe__head__text {
    font-size: 26px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe .recipe__head__text {
    font-size: 5.3333333333vw;
    margin-top: 8.5333333333vw;
    letter-spacing: 0.08em;
  }
}
.baby-step section.recipe .recipe__head__text--red {
  color: #EF3908;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
}
.baby-step section.recipe .recipe__img {
  width: 100%;
  display: block;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe .recipe__img {
    margin-top: 48px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe .recipe__img {
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.recipe .recipe__button {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.recipe .recipe__button {
    margin-top: 72px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.recipe .recipe__button {
    margin-top: 14.9333333333vw;
  }
}

.baby-step section.fe-check {
  background-color: #C6F0CF;
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .c-section__inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check {
    padding-top: 60px;
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check {
    padding-top: 5.3333333333vw;
    padding-bottom: 26.6666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__body {
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__body {
    margin-top: 8.5333333333vw;
  }
}
.baby-step section.fe-check .fe-check__img {
  display: block;
}
.baby-step section.fe-check .fe-check__img img {
  width: 100%;
}
.baby-step section.fe-check .fe-check__button {
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__button {
    margin-top: 56px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__button {
    margin-top: 4.2666666667vw;
  }
}
.baby-step section.fe-check .fe-check__button__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__button__wrap {
    gap: 16px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__button__wrap {
    gap: 2.1333333333vw;
    margin-top: 4.2666666667vw;
  }
}
.baby-step section.fe-check .fe-check__button--02 {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background-color: #FFFFFF;
  color: #000000;
  line-height: 1.4666666667;
  transition: all 0.3s;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__button--02 {
    font-size: 15px;
    width: 440px;
    height: 88px;
    gap: 16px;
    border-radius: 10px;
    padding: 0 16px;
    border: 2px solid #EF3908;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__button--02 {
    font-size: 4.2666666667vw;
    width: 100%;
    height: 20.2666666667vw;
    gap: 4.2666666667vw;
    border-radius: 2.6666666667vw;
    padding: 0 4.2666666667vw;
    border: 0.5333333333vw solid #EF3908;
  }
}
.baby-step section.fe-check .fe-check__button--02:hover {
  opacity: 0.7;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__button__icon--01 {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__button__icon--01 {
    width: 13.3333333333vw;
    height: 11.4666666667vw;
  }
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__button__icon--02 {
    width: 115px;
    height: 65px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__button__icon--02 {
    width: 22.4vw;
    height: 13.3333333333vw;
  }
}
.baby-step section.fe-check .fe-check__button__text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__button__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__button__text {
    font-size: 4.2666666667vw;
  }
}
.baby-step section.fe-check .fe-check__button__text--pink {
  color: #F760A6;
  letter-spacing: -0.06em;
  line-height: 1.2;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__button__text--sm {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__button__text--sm {
    font-size: 3.2vw;
  }
}
.baby-step section.fe-check .fe-check__text {
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
@media print, screen and (min-width: 751px) {
  .baby-step section.fe-check .fe-check__text {
    font-size: 26px;
    margin-top: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step section.fe-check .fe-check__text {
    font-size: 5.3333333333vw;
    margin-top: 10.6666666667vw;
  }
}
.baby-step section.fe-check .fe-check__text--red {
  color: #EF3908;
}

@media print, screen and (min-width: 751px) {
  .baby-step .lower-banner {
    padding-top: 65px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step .lower-banner {
    padding-top: 10.6666666667vw;
    padding-bottom: 36.2666666667vw;
  }
}
.baby-step .lower-banner .layout {
  display: flex;
  margin: 0 auto;
}
@media print, screen and (min-width: 751px) {
  .baby-step .lower-banner .layout {
    width: 1000px;
    gap: 32px;
  }
}
@media screen and (max-width: 750px) {
  .baby-step .lower-banner .layout {
    flex-direction: column;
    width: 87.2vw;
    gap: 2.1333333333vw;
  }
}

.step-home main.l-main {
  margin-bottom: 0;
}
.step-home main.main#main {
  position: relative;
}