/* -----------------------
  howto
----------------------- */
.howto {
  background: url(../img/howto_bg.png?v1) no-repeat center top / 100% auto, #3571AD;
}
.howto .grid-box {
  display: grid;
}
.howto .grid-box > * {
  grid-area: 1 / 1;
}
.howto .comment-box {
  position: relative;
}
.howto .comment-box .comment {
  width: 100%;
  height: min(88.13vw, 846px);
  position: absolute;
  top: 0;
  right: 0;
}
.howto .icon-box {
  position: relative;
  margin-top: min(38.65vw, 371px);
}
.howto .icon-box .icon {
  position: absolute;
}
.howto .icon-box .icon-01 {
  width: min(18.75vw, 180px);
  height: min(18.75vw, 180px);
  bottom: max(-9.48vw, -91px);
  left: min(10.83vw, 104px);
}
.howto .icon-box .icon-02 {
  width: min(25.42vw, 244px);
  height: min(35vw, 336px);
  bottom: max(-9.48vw, -91px);
  right: min(31.67vw, 304px);
  z-index: 3;
}
.howto .icon-box .icon-03 {
  width: min(31.88vw, 306px);
  height: min(31.67vw, 304px);
  bottom: max(-7.71vw, -74px);
  right: min(3.33vw, 32px);
}
/*女医動画*/
.howto .movie-wrap-02 {
  overflow: hidden;
  line-height: 0;
}
.howto .movie-wrap-02 .movie {
  width: 84%;
  height: min(64vw, 620px);	
  margin: 0 auto;
  border-radius: min(7.29vw, 70px);
  aspect-ratio: 2668 / 1502;
  display: block;
  object-fit: cover;
  object-position: center center;

}
/*赤ちゃん動画*/
.howto .movie-wrap {
  width: min(78.13vw, 750px);
  height: min(91.46vw, 878px);
  overflow: hidden;
  line-height: 0;
  aspect-ratio: 9 / 16;
  margin: 0 0 0 auto;
  border-radius: min(7.29vw, 70px) 0 0 min(7.29vw, 70px);
}
.howto .movie-wrap .movie {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  margin-top: max(-43.75vw, -420px);
}