/*スマホ表示共通*/
.heading-phone{
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: solid 8px #0070E0;
}

.sub-heading-phone{
  font-size: 1rem;
  font-weight: bold;
    position: relative;
    display: inline-block;
    padding: 0 30px;
    padding-top: 30px;
    margin-bottom: 5px;
}

.sub-heading-phone:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1.5px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(-35deg);
}
       
.sub-heading-phone:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1.5px;
    height: 100%;
    background: #000;
    border-radius: 3px;
    transform: rotate(35deg);
}


/*キャンペーンスマホ*/
#campaign-phone{
  background: yellow;
}


/*事例スマホ*/
#example-body-phone{
  padding-top: 75px;
  padding-bottom: 175px;
}

.examplecard-phone{
  background: white;
  border-radius: 15px;
  border-color: #292e49;
  border-width: 5px;
}

.examplecard-heading-phone span{
  background: linear-gradient(
      transparent 60%, #FFFE03 60%
    );
}

.point-balloon-phone {
  position: relative;
  top: 10px;
  left: 10px;
  display: inline-block;
  background: black;
  border-radius: 10px;
  padding: 5px 50px 5px 50px;
  font-weight: bold;
  color: white;
}

.point-balloon-phone:before {
  content: "";
  /* borderで三角形を作る */
  border: 10px solid transparent;
  border-top: 10px solid black;
  /* 配置する */
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.point-space-phone{
  text-align: left;
  font-size: 1rem;
  background: #ffe236;
  padding: 15px;

}

.benefits-heading-phone{
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0px;
}

.benefits-ul-phone{
  border-top: 2px solid black;
}

.benefits-li-phone span{
  font-size: 1rem;
  font-weight: bold;
  color: red;
}


/*FAQスマホ*/
.faq-phone img{
  width: 45px;
  height: 45px;
}

.faq-phone-q div{
  font-size: 1rem;
  position: relative;
  margin-right: 60px;
  top: -35px;
  left: 55px;
}

.faq-phone-a div{
  background: #d6e8fa;
  position: relative;
  padding: 15px;
  margin-right: 60px;
  top: -50px;
  left: 55px;
}

.faq-phone-a span{
  font-size: 1rem;


}

.faq-phone-hr{
  border-top: 3px dotted #666666;
  
}

/*CTAスマホ*/
.dots{
  background-image: radial-gradient(circle at center, yellow 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: .2em; /* 縦方向の位置調整 */
}

.cta-sub-heading-phone{
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  color: yellow;
}

#cta-button img{
  position: absolute;
  z-index: 1050;
  width: 100px;
  height: auto;
  top: -20px;
  left: 180px;
}