html {
  font-size: 62.5%;
}
html body img {
  width: 100%;
  height: 100%;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body ul,
html body li,
html body a,
html body dl,
html body dt,
html body dd,
html body div {
  font-family: "bokutoh-rera", sans-serif;
  font-weight: 400;
  font-style: normal;
}
html body a {
  text-decoration: none;
}
html body p,
html body span,
html body dl,
html body h3,
html body a {
  color: #4b4b4b;
  line-height: 1.5;
}
html body h2 {
  color: #d96d0e;
}
html body .dis-pc {
  display: none;
}
@media screen and (min-width: 769px) {
  html body .dis-pc {
    display: block;
  }
}
html body .dis-sp {
  display: block;
}
@media screen and (min-width: 769px) {
  html body .dis-sp {
    display: none;
  }
}
html body header {
  background-color: #f8f7d1;
}
html body header .menu {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 999;
}
@media screen and (min-width: 769px) {
  html body header .menu {
    background-color: #fff;
    padding: 15px 20px;
  }
}
html body header .menu .head-logo {
  width: clamp(150px, 19.5vw, 250px);
  margin-left: clamp(10px, 1.35vw, 30px);
}
html body header .menu .head-logo .img {
  display: inline-block;
  width: 100%;
}
html body header .menu input {
  display: none;
}
html body header .menu nav {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: -100vh;
  left: 0;
  z-index: 99;
  background-color: #ffffff;
  opacity: 0.97;
  transition: 0.5s;
}
@media screen and (min-width: 769px) {
  html body header .menu nav {
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: static;
  }
}
html body header .menu nav .menu-list {
  list-style: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding-top: 90px;
  height: 100vh;
  width: 100%;
}
@media screen and (min-width: 769px) {
  html body header .menu nav .menu-list {
    flex-direction: row;
    justify-content: space-around;
    height: auto;
    padding: 0;
  }
}
html body header .menu nav .menu-list li {
  border-bottom: solid 1px #ffffff;
  margin: 0 40px;
  padding: 30px 0;
}
@media screen and (min-width: 769px) {
  html body header .menu nav .menu-list li {
    border-bottom: none;
    padding: 0;
    margin: 0 10px;
  }
}
html body header .menu nav .menu-list li a {
  font-size: 2rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #d06e10;
}
@media screen and (min-width: 769px) {
  html body header .menu nav .menu-list li a {
    font-size: clamp(1.3rem, 1.5vw, 2rem);
    color: #d06e10;
  }
}
html body header .menu .menu-icon {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: fixed;
  background-color: #ffffff;
  border-radius: 10px;
  z-index: 999999;
  top: 10px;
  right: 10px;
  box-shadow: 0px 0px 15px rgb(134, 134, 134);
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  html body header .menu .menu-icon {
    display: none;
  }
}
html body header .menu .menu-icon .navicon,
html body header .menu .menu-icon .navicon:before,
html body header .menu .menu-icon .navicon:after {
  content: "";
  display: block;
  height: 3px;
  width: 38px;
  border-radius: 3px;
  background: #a0a0a0;
  transition: 0.5s;
  position: absolute;
}
html body header .menu .menu-icon .navicon:before {
  bottom: 13px;
}
html body header .menu .menu-icon .navicon:after {
  top: 13px;
}
html body header .menu #menu-icon:checked ~ .menu-icon .navicon {
  background: rgba(255, 255, 255, 0);
}
html body header .menu #menu-icon:checked ~ .menu-icon .navicon:before {
  bottom: 0;
  transform: rotate(45deg);
  background-color: #929292;
}
html body header .menu #menu-icon:checked ~ .menu-icon .navicon:after {
  top: 0;
  transform: rotate(-45deg);
  background-color: #8b8b8b;
}
html body header .menu #menu-icon:checked ~ nav {
  top: 0;
}
html body header .logo {
  padding: clamp(50px, 14.6vw, 120px) 0 clamp(10px, 2.6vw, 50px);
  background-image: url(/img/nurseryList/stars-left.png), url(/img/nurseryList/star-rigth.png);
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: clamp(130px, 34.66vw, 570px), clamp(130px, 34.66vw, 570px);
  text-align: center;
}
@media screen and (min-width: 769px) {
  html body header .logo {
    padding: clamp(80px, 10vw, 140px) 0 clamp(70px, 9.1vw, 120px);
  }
}
html body header .logo img {
  margin: 0 auto;
  width: 55%;
}
@media screen and (min-width: 769px) {
  html body header .logo img {
    width: 43%;
  }
}
html body main {
  text-align: center;
}
html body main .yellow {
  background-color: #ffffe0;
}
html body main .yellow #top {
  position: relative;
}
html body main .yellow #top h1 img {
  vertical-align: bottom;
  max-height: 1200px;
  -o-object-fit: cover;
     object-fit: cover;
}
html body main .yellow #top h2 {
  position: absolute;
  top: 2%;
  right: 0;
  color: #fff;
  text-shadow: 0 0 5px #000000, 0 0 5px #000000, 0 0 5px;
  font-size: clamp(2.5rem, 6.66vw, 15rem);
}
@media screen and (min-width: 769px) {
  html body main .yellow #top h2 {
    text-shadow: 0 0 0.15em #000000, 0 0 5px #000000, 0 0 5px;
  }
}
html body main .yellow #top p {
  position: absolute;
  bottom: 2%;
  right: 2%;
  color: #000;
  font-size: clamp(0.9rem, 2.4vw, 5rem);
  text-align: right;
  text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white, 1px 0 0 white, -1px 0 0 white, 0 1px 0 white, 0 -1px 0 white;
  background-color: rgba(219, 219, 219, 0.5);
  padding: 10px;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  html body main .yellow #top p {
    padding-top: 1em;
    padding-left: 2em;
    border-radius: 1em;
    text-shadow: 2px 2px 0 white, -2px 2px 0 white, 2px -2px 0 white, -2px -2px 0 white, 2px 0 0 white, -2px 0 0 white, 0 2px 0 white, 0 -2px 0 white;
  }
}
html body main .yellow #about {
  margin-bottom: 2em;
}
@media screen and (min-width: 769px) {
  html body main .yellow #about {
    margin-bottom: clamp(60px, 7.8vw, 120px);
  }
}
html body main .yellow #about .about-warp {
  text-align: right;
}
html body main .yellow #about .about-warp p {
  padding: 1em 5px 1em 0;
  font-size: clamp(0.8rem, 2.13vw, 3rem);
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 769px) {
  html body main .yellow #about .about-warp p {
    padding: 1em 15px 1em 0;
    font-size: clamp(1.6rem, 2.08vw, 3rem);
  }
}
html body main .yellow #about .about-warp p::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -7.5em;
  width: 7em;
  height: 1px;
  background-color: #000;
}
html body main .yellow #about .about-warp ul {
  display: flex;
  list-style: none;
  text-align: center;
  justify-content: space-around;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  html body main .yellow #about .about-warp ul {
    width: 90%;
    margin: 0 auto 30px;
  }
}
html body main .yellow #about .about-warp ul li a {
  display: inline-block;
  font-weight: 600;
  font-size: clamp(0.8rem, 2.13vw, 3.4rem);
  border-radius: 9px;
  padding: 1vw 1.5em;
  box-shadow: 0.2em 0.2em 5px #6e6e6e;
  background-color: #f4b615;
}
html body main .yellow #about .about-warp ul li a span {
  font-size: clamp(0.8rem, 3.46vw, 3.8rem);
}
html body main .yellow #about img {
  width: 80%;
  text-align: center;
}
@media screen and (min-width: 769px) {
  html body main .yellow #about img {
    width: 63%;
  }
}
html body main .yellow #policy {
  text-align: center;
  margin-bottom: 10em;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  html body main .yellow #policy {
    margin-bottom: clamp(70px, 9.1vw, 150px);
  }
}
html body main .yellow #policy h2 {
  display: inline-block;
  font-size: clamp(2.5rem, 6.6vw, 4.2rem);
  padding: 0 12px 0.4em;
  background-image: url(/img/nurseryList/title_border_01.png);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 769px) {
  html body main .yellow #policy h2 {
    font-size: clamp(4.3rem, 5.5vw, 7.5rem);
  }
}
html body main .yellow #policy h3 {
  display: inline-block;
  font-size: clamp(1.7rem, 4.53vw, 2.5rem);
  margin-bottom: 2em;
  padding: 0 0.7em 0.2em;
  background-image: url(/img/nurseryList/sub_title_border.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media screen and (min-width: 769px) {
  html body main .yellow #policy h3 {
    margin-bottom: 2.3em;
    font-size: clamp(2.3rem, 2.99vw, 3rem);
  }
}
html body main .yellow #policy p {
  font-size: clamp(1.3rem, 3.43vw, 2.6rem);
}
@media screen and (min-width: 769px) {
  html body main .yellow #policy p {
    font-size: clamp(1.5rem, 1.95vw, 2.8rem);
    line-height: 2;
  }
}
html body main .yellow #feature {
  background-image: url(/img/nurseryList/y_p.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 8vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature {
    padding-bottom: 13vw;
  }
}
html body main .yellow #feature h2 {
  display: inline-block;
  font-size: clamp(2.5rem, 6.6vw, 4.2rem);
  padding: 0 0 0.4em;
  background-image: url(/img/nurseryList/title_border_03.png);
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature h2 {
    font-size: clamp(4.3rem, 5.5vw, 7.5rem);
  }
}
html body main .yellow #feature h3 {
  font-size: clamp(1.7rem, 4.53vw, 2.5rem);
  margin-bottom: 2em;
  padding: 0 0.3em 0.3em;
  background-image: url(/img/nurseryList/sub_title_border.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature h3 {
    margin-bottom: 2.3em;
    padding-bottom: 0.2em;
    font-size: clamp(2.3rem, 2.99vw, 3rem);
  }
}
html body main .yellow #feature p {
  font-size: clamp(1.3rem, 3.43vw, 2.6rem);
  margin-bottom: 6em;
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature p {
    font-size: clamp(1.5rem, 1.95vw, 2.8rem);
    margin-bottom: clamp(90px, 11.7vw, 180px);
    line-height: 2;
  }
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature .woman-list {
    width: 76%;
    display: flex;
    justify-content: space-around;
    margin: 0 8%;
    max-width: 1980px;
  }
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature .woman-list .woman-item {
    width: 30%;
  }
}
html body main .yellow #feature .woman-list .woman-item .woman-img {
  width: auto;
  display: inline-block;
}
html body main .yellow #feature .woman-list .woman-item .woman-text {
  padding: 25px 0 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html body main .yellow #feature .woman-list .woman-item .woman-text h3 {
  font-size: clamp(1.5rem, 3.9vw, 2.4rem);
  padding-bottom: 0.5em;
  padding: 0 0.5em;
  margin-bottom: 10px;
  display: inline-block;
  background-image: url(/img/nurseryList/sub_title_border.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature .woman-list .woman-item .woman-text h3 {
    font-size: clamp(1.2rem, 1.56vw, 2.2rem);
  }
}
html body main .yellow #feature .woman-list .woman-item .woman-text p {
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature .woman-list .woman-item .woman-text p {
    font-size: clamp(1rem, 1.3vw, 2rem);
    display: inline-block;
  }
}
html body main .yellow #feature .woman-list .woman-item .woman-img-01 {
  position: relative;
}
html body main .yellow #feature .woman-list .woman-item .woman-img-01 img {
  width: auto;
  height: clamp(200px, 53.3vw, 430px);
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature .woman-list .woman-item .woman-img-01 img {
    height: clamp(180px, 23.4vw, 400px);
  }
}
html body main .yellow #feature .woman-list .woman-item .woman-img-01 .forwards {
  position: absolute;
  z-index: 1;
  width: 26%;
  height: 21.02%;
}
html body main .yellow #feature .woman-list .woman-item .woman-img-01 .forward-01 {
  left: -10%;
  top: -4%;
}
html body main .yellow #feature .woman-list .woman-item .woman-img-01 .forward-02 {
  left: 19%;
  top: -27%;
}
html body main .yellow #feature .woman-list .woman-item .woman-img-01 .forward-03 {
  right: 19%;
  top: -27%;
}
html body main .yellow #feature .woman-list .woman-item .woman-img-01 .forward-04 {
  right: -10%;
  top: -4%;
}
html body main .yellow #feature .woman-list .woman-item .woman-img-02 img {
  width: auto;
  height: clamp(200px, 53.3vw, 430px);
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature .woman-list .woman-item .woman-img-02 img {
    height: clamp(180px, 23.4vw, 400px);
  }
}
html body main .yellow #feature .woman-list .woman-item .woman-img-03 img {
  width: auto;
  height: clamp(200px, 53.3vw, 430px);
}
@media screen and (min-width: 769px) {
  html body main .yellow #feature .woman-list .woman-item .woman-img-03 img {
    height: clamp(180px, 23.4vw, 400px);
  }
}
html body main .pink {
  background-color: #fff0f5;
}
html body main .pink #work {
  max-width: 1980px;
  margin: 0 auto;
  padding-top: 90px;
}
html body main .pink #work h2 {
  display: inline-block;
  font-size: clamp(2.5rem, 6.6vw, 4.2rem);
  background-image: url(/img/nurseryList/title_border_04.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  html body main .pink #work h2 {
    font-size: clamp(4.3rem, 5.5vw, 7.5rem);
  }
}
html body main .pink #work .work-list {
  padding: 0 22%;
}
@media screen and (min-width: 769px) {
  html body main .pink #work .work-list {
    padding: 0 16%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
html body main .pink #work .work-list .work-item {
  margin-bottom: 50px;
}
@media screen and (min-width: 769px) {
  html body main .pink #work .work-list .work-item {
    width: 47%;
  }
}
html body main .pink #work .work-list .work-item .work-img {
  position: relative;
  margin-bottom: 2em;
}
@media screen and (min-width: 769px) {
  html body main .pink #work .work-list .work-item .work-img {
    margin-bottom: clamp(20px, 2.6vw, 40px);
  }
}
html body main .pink #work .work-list .work-item .work-img img {
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
html body main .pink #work .work-list .work-item .work-img h3 {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-color: #f4b615;
  padding: 0 0 0 0.3em;
  width: 45%;
  border-radius: 0 0 15px 0;
  color: #fff;
  font-size: clamp(1.6rem, 4.26vw, 3.8rem);
  text-align: left;
}
@media screen and (min-width: 769px) {
  html body main .pink #work .work-list .work-item .work-img h3 {
    font-size: clamp(1.8rem, 2.34vw, 4rem);
  }
}
html body main .pink #work .work-list .work-item p {
  font-size: clamp(1.6rem, 4.26vw, 3.5rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #work .work-list .work-item p {
    font-size: clamp(0.9rem, 1.22vw, 2.1rem);
    text-align: left;
  }
}
html body main .pink #staff {
  max-width: 1980px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
html body main .pink #staff h2 {
  display: inline-block;
  font-size: clamp(2.5rem, 6.6vw, 4.2rem);
  background-image: url(/img/nurseryList/title_border_02.png);
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
}
@media screen and (min-width: 769px) {
  html body main .pink #staff h2 {
    font-size: clamp(4.3rem, 5.5vw, 7.5rem);
  }
}
html body main .pink #staff h3 {
  display: inline-block;
  font-size: clamp(1.7rem, 4.53vw, 2.5rem);
  margin-bottom: 2em;
  padding: 0 0.3em;
  background-image: url(/img/nurseryList/thin_sub_titile_border.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media screen and (min-width: 769px) {
  html body main .pink #staff h3 {
    padding: 0 0.4em;
    margin-bottom: 3em;
    padding-bottom: 0.4em;
    font-size: clamp(2.3rem, 2.99vw, 3rem);
  }
}
html body main .pink #staff .donut .donut-chart {
  position: relative;
  margin: 0 auto 4em;
  width: 60vw;
  height: 60vw;
  border-radius: 50%;
  background: conic-gradient(#fef46a 250deg, #7dc7e5 0deg 342deg, #ee9ec1 0deg 45deg);
}
@media screen and (min-width: 769px) {
  html body main .pink #staff .donut .donut-chart {
    width: 45vw;
    height: 45vw;
    margin-bottom: 5em;
  }
}
html body main .pink #staff .donut .donut-chart::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 37%;
  height: 37%;
  border-radius: 50%;
  background: white;
}
html body main .pink #staff .donut .donut-chart .donut-chart-text {
  position: absolute;
}
html body main .pink #staff .donut .donut-chart .donut-chart-text span {
  display: inline-block;
  font-size: clamp(1.3rem, 3.46vw, 3rem);
  padding-bottom: 0px;
}
@media screen and (min-width: 769px) {
  html body main .pink #staff .donut .donut-chart .donut-chart-text span {
    font-size: clamp(1.9rem, 2.47vw, 3.5rem);
  }
}
html body main .pink #staff .donut .donut-chart .donut-chart-text p {
  font-size: clamp(1.6rem, 4.2vw, 3.5rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #staff .donut .donut-chart .donut-chart-text p {
    font-size: clamp(2.3rem, 2.99vw, 4.3rem);
  }
}
html body main .pink #staff .donut .donut-chart .donut-chart-text-01 {
  top: 5%;
  left: 39%;
}
html body main .pink #staff .donut .donut-chart .donut-chart-text-02 {
  right: 13%;
  bottom: 32%;
}
html body main .pink #staff .donut .donut-chart .donut-chart-text-03 {
  top: 30%;
  left: 12%;
}
html body main .pink #staff p {
  font-size: clamp(1.6rem, 4.2vw, 2.4rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #staff p {
    font-size: clamp(1.8rem, 2.3vw, 2.8rem);
  }
}
html body main .pink #voice {
  max-width: 1980px;
  margin: 0 auto;
}
html body main .pink #voice h2 {
  font-size: clamp(2.5rem, 6.6vw, 4.3rem);
  color: #000;
  display: inline-block;
  margin-bottom: 2.5em;
  margin-top: clamp(60px, 7.8vw, 150px);
  position: relative;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice h2 {
    font-size: clamp(4.3rem, 5.5vw, 7.5rem);
    margin-bottom: clamp(85px, 11.05vw, 200px);
  }
}
html body main .pink #voice h2::before {
  content: "";
  position: absolute;
  width: 7vw;
  height: 13vw;
  top: 50%;
  left: -1.2em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(/img/nurseryList/effect_left.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice h2::before {
    left: -8vw;
  }
}
html body main .pink #voice h2::after {
  content: "";
  position: absolute;
  width: 7vw;
  height: 13vw;
  top: 50%;
  right: -1.3em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(/img/nurseryList/effect_right.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice h2::after {
    right: -9vw;
  }
}
html body main .pink #voice .voice-list {
  padding: 0 11% 220px 14%;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list {
    padding: 0 15% 5%;
  }
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item {
    padding-bottom: 10vw;
  }
}
html body main .pink #voice .voice-list .voice-item-01 {
  position: relative;
  margin-bottom: 67vw;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-01 {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
  }
}
html body main .pink #voice .voice-list .voice-item-01 .voice-img {
  width: 65%;
  position: relative;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-01 .voice-img {
    width: 40%;
  }
}
html body main .pink #voice .voice-list .voice-item-01 .voice-img img {
  aspect-ratio: 12/10;
  -o-object-position: top right;
     object-position: top right;
  transform: rotate(-5deg);
}
html body main .pink #voice .voice-list .voice-item-01 .voice-img h3 {
  position: absolute;
  display: inline-block;
  z-index: 10;
  left: -10px;
  top: -10%;
  height: auto;
  transform: rotate(-15deg);
  text-align: left;
  font-size: clamp(1.4rem, 3.7vw, 2.8rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-01 .voice-img h3 {
    font-size: clamp(1.4rem, 1.82vw, 3rem);
  }
}
html body main .pink #voice .voice-list .voice-item-01 .voice-img h3::before {
  content: "";
  transform: rotate(17deg);
  position: absolute;
  display: inline-block;
  width: clamp(170px, 45.3vw, 340px);
  height: clamp(85px, 22.6vw, 170px);
  top: -45%;
  left: -20%;
  z-index: -1;
  background-image: url(/img/nurseryList/label_01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-01 .voice-img h3::before {
    background-position: center;
    width: 13em;
    height: 6em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(15deg);
  }
}
html body main .pink #voice .voice-list .voice-item-01 p {
  position: absolute;
  display: inline-block;
  left: 24%;
  top: 110%;
  width: auto;
  height: auto;
  z-index: 10;
  font-size: clamp(1.4rem, 3.73vw, 2.8rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-01 p {
    position: relative;
    display: flex;
    left: 0;
    width: 50%;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.5rem, 2vw, 3.4rem);
    padding-top: clamp(20px, 2.6vw, 30px);
  }
}
html body main .pink #voice .voice-list .voice-item-01 p::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: clamp(230px, 61.33vw, 470px);
  height: clamp(210px, 56vw, 420px);
  top: -20%;
  left: -6%;
  z-index: -1;
  background-image: url(/img/nurseryList/sp_memo_01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-01 p::before {
    background-image: url(/img/nurseryList/pc_memo_01.png);
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: clamp(320px, 41.6vw, 700px);
    height: clamp(200px, 26vw, 490px);
  }
}
html body main .pink #voice .voice-list .voice-item-02 {
  position: relative;
  margin-bottom: 73vw;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-02 {
    display: flex;
    justify-content: space-around;
    flex-direction: row-reverse;
    margin-bottom: 0;
  }
}
html body main .pink #voice .voice-list .voice-item-02 .voice-img {
  width: 62%;
  position: relative;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-02 .voice-img {
    width: 38%;
  }
}
html body main .pink #voice .voice-list .voice-item-02 .voice-img img {
  aspect-ratio: 12/11;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotate(-3deg);
  -o-object-position: 0% 40%;
     object-position: 0% 40%;
}
html body main .pink #voice .voice-list .voice-item-02 .voice-img h3 {
  position: absolute;
  text-align: left;
  z-index: 10;
  top: -30px;
  left: -5%;
  height: auto;
  transform: rotate(-10deg);
  font-size: clamp(1.4rem, 3.7vw, 2.8rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-02 .voice-img h3 {
    font-size: clamp(1.4rem, 1.82vw, 3rem);
  }
}
html body main .pink #voice .voice-list .voice-item-02 .voice-img h3::before {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  width: clamp(180px, 48vw, 360px);
  height: clamp(90px, 24vw, 180px);
  top: -55%;
  left: -20%;
  transform: rotate(11deg);
  background-image: url(/img/nurseryList/label_02.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-02 .voice-img h3::before {
    top: -50%;
    left: -25%;
    width: 13em;
    height: 6em;
  }
}
html body main .pink #voice .voice-list .voice-item-02 p {
  position: absolute;
  z-index: 10;
  top: 95%;
  left: 34%;
  width: auto;
  height: auto;
  text-align: left;
  font-size: clamp(1.4rem, 3.73vw, 2.8rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-02 p {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.4rem, 1.82vw, 3.4rem);
    transform: rotate(-8deg);
    width: 60%;
  }
}
html body main .pink #voice .voice-list .voice-item-02 p::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: clamp(210px, 56vw, 420px);
  height: clamp(270px, 72vw, 540px);
  top: -20%;
  left: -10%;
  z-index: -1;
  background-image: url(/img/nurseryList/sp_memo_02.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-02 p::before {
    background-image: url(/img/nurseryList/pc_memo_02.png);
    background-position: left;
    background-size: contain;
    width: clamp(310px, 40.3vw, 730px);
    height: clamp(260px, 33.8vw, 550px);
    top: 46%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(7deg);
  }
}
html body main .pink #voice .voice-list .voice-item-03 {
  position: relative;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-03 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 420px) {
  html body main .pink #voice .voice-list .voice-item-03 {
    margin-bottom: 9vw;
  }
}
@media screen and (min-width: 500px) {
  html body main .pink #voice .voice-list .voice-item-03 {
    margin-bottom: 16vw;
  }
}
@media screen and (min-width: 600px) {
  html body main .pink #voice .voice-list .voice-item-03 {
    margin-bottom: 24vw;
  }
}
@media screen and (min-width: 700px) {
  html body main .pink #voice .voice-list .voice-item-03 {
    margin-bottom: 27vw;
  }
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-03 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
html body main .pink #voice .voice-list .voice-item-03 .voice-img {
  position: relative;
  width: 60%;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-03 .voice-img {
    width: 40%;
  }
}
html body main .pink #voice .voice-list .voice-item-03 .voice-img img {
  aspect-ratio: 12/11;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotate(-3deg);
  -o-object-position: 50% bottom;
     object-position: 50% bottom;
}
html body main .pink #voice .voice-list .voice-item-03 .voice-img h3 {
  position: absolute;
  z-index: 10;
  top: -10px;
  left: -15%;
  height: auto;
  font-size: clamp(1.4rem, 3.7vw, 2.8rem);
  transform: rotate(-14deg);
  text-align: left;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-03 .voice-img h3 {
    font-size: clamp(1.4rem, 1.82vw, 3rem);
    left: 0%;
  }
}
html body main .pink #voice .voice-list .voice-item-03 .voice-img h3::before {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  width: clamp(160px, 42.6vw, 320px);
  height: clamp(85px, 22.6vw, 170px);
  left: -30%;
  top: -45%;
  transform: rotate(14deg);
  background-image: url(/img/nurseryList/label_03.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-03 .voice-img h3::before {
    top: -45%;
    left: -50%;
    width: 13em;
    height: 6em;
  }
}
html body main .pink #voice .voice-list .voice-item-03 p {
  position: absolute;
  z-index: 10;
  top: 115%;
  left: 20%;
  width: auto;
  height: auto;
  text-align: left;
  font-size: clamp(1.4rem, 3.73vw, 2.8rem);
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-03 p {
    font-size: clamp(1.4rem, 1.82vw, 3.3rem);
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
  }
}
html body main .pink #voice .voice-list .voice-item-03 p::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 70vw;
  height: 130%;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: -1;
  background-image: url(/img/nurseryList/sp_memo_03.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  html body main .pink #voice .voice-list .voice-item-03 p::before {
    background-image: url(/img/nurseryList/pc_memo_03.png);
    background-position: center;
    background-size: contain;
    width: clamp(300px, 39vw, 670px);
    height: clamp(200px, 26vw, 450px);
    top: 45%;
    left: 72%;
    transform: translateY(-50%) translateX(-50%);
  }
}
html body footer {
  background-color: #d2e8eb;
  background-image: url(/img/nurseryList/pink.png);
  background-position: top;
  background-size: contain;
  background-repeat: no-repeat;
  padding-top: 10vw;
  text-align: center;
}
html body footer .back-white {
  background-color: #fff;
}
html body footer .back-white p {
  font-size: clamp(0.9rem, 2.4vw, 2rem);
  text-align: left;
  margin-top: 1.7em;
  margin-left: 8vw;
}
@media screen and (min-width: 769px) {
  html body footer .back-white p {
    margin-left: 11vw;
  }
}
html body footer .back-white dl {
  text-align: left;
  border-top: solid 2px #888888;
  display: flex;
}
html body footer .back-white dl dt,
html body footer .back-white dl dd {
  padding: 15px 0;
  color: #000;
  font-size: clamp(1.2rem, 3.2vw, 2.3rem);
}
html body footer .back-white dl dt {
  width: 32%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
html body footer .back-white dl dd {
  width: auto;
}
html body footer .back-white dl dd ul {
  list-style: none;
}
html body footer .back-white dl dd ul li {
  font-size: clamp(1.1rem, 2.93vw, 2.5rem);
}
html body footer .back-white dl dd ul li small {
  display: inline-block;
  font-size: clamp(0.8rem, 2.1vw, 1.8rem);
  line-height: normal;
}
html body footer .back-white dl dd .disc {
  list-style: disc;
}
html body footer .back-white dl dd p {
  padding-top: 10px;
  font-size: clamp(0.9rem, 2.4vw, 2rem);
  color: #000;
}
html body footer .back-white dl:last-child {
  border-bottom: none;
}
html body footer .info-list {
  text-align: center;
}
html body footer .info-list ul {
  padding-top: clamp(40px, 10.6vw, 80px);
  margin: 0 auto clamp(50px, 13.3vw, 200px);
  list-style: none;
  display: flex;
  justify-content: space-around;
}
html body footer .info-list ul li a {
  background-color: #f4b716;
  color: #000;
  border-radius: 25px;
  padding: 5px 10px;
  text-align: center;
  display: inline-block;
  font-size: clamp(1.1rem, 2.93vw, 3rem);
  line-height: 1;
  filter: drop-shadow(0.15em 0.15em 0.15em #4e4e4e);
  margin-bottom: clamp(20px, 5.3vw, 60px);
}
@media screen and (min-width: 769px) {
  html body footer .info-list ul li a {
    border-radius: 0.3em;
  }
}
html body footer .info-list ul li a span {
  color: #000;
  font-size: clamp(0.9rem, 2.4vw, 2.5rem);
}
html body footer .info-list a {
  display: inline-block;
  background-color: #f4b716;
  color: #fff;
  padding: 0.5em;
  font-size: clamp(0.9rem, 2.4vw, 1.8rem);
  margin-bottom: 3em;
}
html body footer .info-list .footer-img {
  width: 27%;
  max-width: 200px;
  margin: 0 auto;
  padding-bottom: clamp(40px, 10.6vw, 80px);
}
html body footer .info-list .footer-img img {
  width: 100%;
}
html body footer .info-list p {
  font-size: 1.2rem;
}/*# sourceMappingURL=style.css.map */