/* -----------------------
  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, 661px);
  position: absolute;
  top: 0;
  right: 0;
}
.howto .icon-box {
  position: relative;
  margin-top: min(38.65vw, 290px);
}
.howto .icon-box .icon {
  position: absolute;
}
.howto .icon-box .icon-01 {
  width: min(18.75vw, 141px);
  height: min(18.75vw, 141px);
  bottom: max(-9.48vw, -71px);
  left: min(10.83vw, 81px);
}
.howto .icon-box .icon-02 {
  width: min(25.42vw, 191px);
  height: min(35vw, 262px);
  bottom: max(-9.48vw, -71px);
  right: min(31.67vw, 238px);
  z-index: 3;
}
.howto .icon-box .icon-03 {
  width: min(31.88vw, 239px);
  height: min(31.67vw, 238px);
  bottom: max(-7.71vw, -58px);
  right: min(3.33vw, 25px);
}
/*女医動画*/
.howto .movie-wrap-02 {
  overflow: hidden;
  line-height: 0;
}
.howto .movie-wrap-02 .movie {
  width: 84%;
  height: min(64vw, 484px);	
  margin: 0 auto;
  border-radius: min(7.29vw, 55px);
  aspect-ratio: 2668 / 1502;
  display: block;
  object-fit: cover;
  object-position: center center;

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