@charset "UTF-8";
.m-contentsTitle:before {
  position: absolute;
  content: "";
  background: no-repeat;
  background-size: contain;
  z-index: 10;
}
.m-contentsTitle.t-icon_phone:before {
  background-image: url("../../../../../public/media/common/icon_phone.svg");
}
@media screen and (min-width: 751px) {
  .m-contentsTitle.t-icon_phone:before {
    width: 10.9375rem;
    height: 9.0625rem;
    left: 3.6875rem;
    top: -2rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contentsTitle.t-icon_phone:before {
    width: 10.375rem;
    height: 8.625rem;
    left: 2.125rem;
    top: -1.625rem;
  }
}
.m-contentsTitle.t-icon_good:before {
  background-image: url("../../../../../public/media/common/icon_good.svg");
}
@media screen and (min-width: 751px) {
  .m-contentsTitle.t-icon_good:before {
    width: 5.625rem;
    height: 6.8125rem;
    right: 1.6875rem;
    top: -2.3125rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contentsTitle.t-icon_good:before {
    width: 6rem;
    height: 7.25rem;
    right: 4rem;
    top: -0.875rem;
  }
}
.m-contentsTitle.t-icon_calculator:before {
  background-image: url("../../../../../public/media/common/icon_calculator.svg");
}
@media screen and (min-width: 751px) {
  .m-contentsTitle.t-icon_calculator:before {
    width: 5.25rem;
    height: 8rem;
    right: 8.0625rem;
    top: -1.9375rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contentsTitle.t-icon_calculator:before {
    width: 4.5rem;
    height: 7rem;
    right: 0.625rem;
    top: -0.625rem;
  }
}
.m-contentsTitle.t-icon_puzzle:before {
  background-image: url("../../../../../public/media/common/icon_puzzle.svg");
}
@media screen and (min-width: 751px) {
  .m-contentsTitle.t-icon_puzzle:before {
    width: 8.8125rem;
    height: 10.0625rem;
    left: 3.375rem;
    top: -3.5rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contentsTitle.t-icon_puzzle:before {
    width: 9.875rem;
    height: 11.125rem;
    left: 2.375rem;
    bottom: -4.625rem;
  }
}
.m-contentsTitle.t-icon_faq:before {
  background-image: url("../../../../../public/media/common/icon_faq.svg");
}
@media screen and (min-width: 751px) {
  .m-contentsTitle.t-icon_faq:before {
    width: 7.8125rem;
    height: 7.1875rem;
    right: 0.4375rem;
    top: -2.75rem;
  }
}
@media screen and (max-width: 750px) {
  .m-contentsTitle.t-icon_faq:before {
    width: 8.25rem;
    height: 7.625rem;
    right: 1rem;
    bottom: -0.625rem;
  }
}
.m-visual.v-m_visual-ipdenwa {
  background: #FFF no-repeat center bottom;
  background-image: url("../../../../../public/media/lp/ver01/bg_visaul-ipdenwa_pc.jpg");
  position: relative;
  z-index: -1;
}
@media screen and (min-width: 751px) {
  .m-visual.v-m_visual-ipdenwa {
    min-width: 1000px;
  }
}
@media screen and (max-width: 750px) {
  .m-visual.v-m_visual-ipdenwa {
    background-image: url("../../../../../public/media/lp/ver01/bg_visaul-ipdenwa_sp.jpg");
    background-size: contain;
  }
}
.m-visual.v-m_visual-ipdenwa .m-visual__mainArticle p {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1px;
  line-height: 0%;
  margin: 0;
  padding: 0;
  display: block;
}
.m-visual.v-m_visual-ipdenwa .m-visual__mainArticle p br, .m-visual.v-m_visual-ipdenwa .m-visual__mainArticle p span, .m-visual.v-m_visual-ipdenwa .m-visual__mainArticle p em, .m-visual.v-m_visual-ipdenwa .m-visual__mainArticle p strong, .m-visual.v-m_visual-ipdenwa .m-visual__mainArticle p b {
  display: none;
}
.m-visual.v-m_visual-ipdenwa .m-visual__mainArticle:after {
  content: "";
  display: block;
  height: 33.0625rem;
  background: no-repeat left bottom;
  background-image: url("../../../../../public/media/lp/ver01/caption_visaul-ipdenwa-west_pc.png");
}
body.area-east .m-visual.v-m_visual-ipdenwa .m-visual__mainArticle:after {
  background-image: url("../../../../../public/media/lp/ver01/caption_visaul-ipdenwa-east_pc.png");
}

@media screen and (max-width: 750px) {
  .m-visual.v-m_visual-ipdenwa .m-visual__mainArticle:after {
    height: auto;
    background-size: contain;
    background-image: url("../../../../../public/media/lp/ver01/caption_visaul-ipdenwa-west_sp.png");
    padding: 105.8666666667% 0 0;
  }
  body.area-east .m-visual.v-m_visual-ipdenwa .m-visual__mainArticle:after {
    background-image: url("../../../../../public/media/lp/ver01/caption_visaul-ipdenwa-east_sp.png");
  }
}
.m-visual.v-m_visual-ipdenwa .m-visual__band {
  text-align: center;
  background: linear-gradient(to bottom, #1D2087DD 0%, #1D2087FF 100%);
  color: #FFF;
  padding-block: 1.625rem;
}
body.area-east .m-visual.v-m_visual-ipdenwa .m-visual__band {
  background: linear-gradient(to bottom, #004EA2DD 0%, #004EA2FF 100%);
}

@media screen and (max-width: 750px) {
  .m-visual.v-m_visual-ipdenwa .m-visual__band {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
  }
  .m-visual.v-m_visual-ipdenwa .m-visual__band .frameFix {
    display: inline-block;
    text-align: left;
  }
}
.m-visual.v-m_visual-ipdenwa .m-visual__band ._lead {
  display: inline-block;
  font-weight: 500;
  font-size: 1.3125rem;
}
@media screen and (max-width: 750px) {
  .m-visual.v-m_visual-ipdenwa .m-visual__band ._lead {
    font-size: 1.75rem;
    display: block;
  }
}
.m-visual.v-m_visual-ipdenwa .m-visual__band ._leadStrong {
  font-size: 1.5rem;
  color: #FB921C;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .m-visual.v-m_visual-ipdenwa .m-visual__band ._leadStrong {
    font-size: 2rem;
  }
}
.m-visual.v-m_visual-ipdenwa .m-visual__band ._dot {
  position: relative;
  display: inline-block; /* 位置固定のため必要 */
}
.m-visual.v-m_visual-ipdenwa .m-visual__band ._dot:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.2em; /* 文字の下からの距離 */
  transform: translateX(-50%);
  /* ドットの見た目 */
  width: 0.375rem;
  height: 0.375rem;
  background-color: #FB921C; /* 文字色に合わせる */
  border-radius: 50%;
}
.m-visual.v-m_visual-ipdenwa .m-visual__band ._caption {
  display: inline-block;
  font-weight: 500;
  font-size: 1.25rem;
}
@media screen and (max-width: 750px) {
  .m-visual.v-m_visual-ipdenwa .m-visual__band ._caption {
    font-size: 1.75rem;
    display: block;
  }
}
.m-visual.v-m_visual-ipdenwa .m-visual__band ._captionStrong {
  font-size: 1.5rem;
}
@media screen and (max-width: 750px) {
  .m-visual.v-m_visual-ipdenwa .m-visual__band ._captionStrong {
    font-size: 2rem;
  }
}