/*----------------------------------------------------

  共通

-----------------------------------------------------*/

.strength-ttl{
  font-family:"游ゴシック体", "Yu Gothic", YuGothic, Noto Sans Japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight:bold;
  color:#d43e8f;
  font-size:23px;
  font-size:2.3rem;
  text-align:center;
  position:relative;
  width:80%;
  margin:0 auto 60px auto;
  padding:15px 40px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.strength-ttl::before,
.strength-ttl::after{
  position:absolute;
  content:'';
  width:20px;
  height:50px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.strength-ttl::before{
  top:0;
  left:0;
  border-top:1px solid #d43e8f;
  border-left:1px solid #d43e8f;
}

.strength-ttl::after{
  bottom:0;
  right:0;
  border-bottom:1px solid #d43e8f;
  border-right:1px solid #d43e8f;
}

@media (max-width: 768px){
  .strength-ttl{
    font-size:20px;
    font-size:2.0rem;
    width:100%;
    margin:0 auto 45px auto;
    padding:15px 30px;
  }
}

@media (max-width: 480px){
  .strength-ttl{
    font-size:14px;
    font-size:1.4rem;
    width:100%;
    margin:0 auto 20px auto;
    padding:10px 25px;
  }
}

.strength-wrap p{
  margin-bottom:40px;
  line-height:1.8;
  text-align:justify;
  text-justify:inter-ideograph;
}

.strength-wrap p:last-child{
  margin-bottom:0;
}

@media (max-width: 480px){
  .strength-wrap p{
    margin-bottom:20px;
    line-height:1.8;
  }
}


/*----------------------------------------------------

  リスティング広告運用は99.9％が他社からお乗りかえ

-----------------------------------------------------*/

.strength-box{
  padding:30px;
  background:#f6f6f6;
  margin-bottom:40px;
}

.strength-box li{
  text-align:center;
  font-weight:bold;
  font-size:20px;
  font-size:2.0rem;
  margin-bottom:50px;
  position:relative;
}

.strength-box li span{
  font-weight:normal;
  font-size:14px;
  font-size:1.4rem;
  position:relative;
}

.strength-box li:after{
  content:'\f063';
  font-family:FontAwesome;
  color:#bbb;
  font-size:20px;
  font-size:2.0rem;
  position:absolute;
  top:120%;
  left:49%;
}

.strength-box li:last-child, li:last-child:after{
  margin-bottom:10px;
  content:none;
}

@media (max-width: 480px){
  .strength-box{
    padding:20px;
    margin-bottom:20px;
  }
  .strength-box li{
    font-size:14px;
    font-size:1.4rem;
    margin-bottom:30px;
  }
  .strength-box li span{
    font-size:12px;
    font-size:1.2rem;
    position:relative;
  }
  .strength-box li:after{
    font-size:16px;
    font-size:1.6rem;
    top:105%;
  }
  .strength-box li:last-child, li:last-child:after{
    margin-bottom:5px;
  }
}


/*----------------------------------------------------

  営業ゼロの運用体制

-----------------------------------------------------*/




/*----------------------------------------------------

  売上2倍をたたき出す精鋭クリエイター集団

-----------------------------------------------------*/

.lp_flow-ttl{
  font-family:"游ゴシック体", "Yu Gothic", YuGothic, Noto Sans Japanese, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight:bold;
  font-size:20px;
  font-size:2.0rem;
  border-bottom:2px solid #ebebeb;
  padding-bottom:5px;
  margin-bottom:20px;
}

.lp-txt{
  font-weight:bold;
  font-size:18px;
  font-size:1.8rem;
}

@media (max-width: 768px){
  .lp_flow-ttl{
    margin-bottom:15px;
  }
}

@media (max-width: 480px){
  .lp_flow-ttl{
    font-size:13px;
    font-size:1.3rem;
  }
  .lp-txt{
    font-size:13px;
    font-size:1.3rem;
  }
}

.step-box{
  padding:40px 60px 40px 60px;
  background:#f6f6f6;
  margin-bottom:40px;
  position:relative;
}

@media (max-width: 768px){
  .step-box{
    padding:40px 50px 40px 50px;
  }
}

@media (max-width: 480px){
  .step-box{
    padding:25px 25px 20px 25px;
    margin-bottom:20px;
  }
}

.ribbon-area{
  position:absolute;
  top:0;
  left:0;
  width:100px;
  height:100px;
  overflow:hidden;
}

.ribbon{
  display:inline-block;
  position:absolute;
  padding:20px 0 0 100px;
  right:0;
  top:20px;
  width:240px;
  text-align:center;
  font-size:14px;
  font-size:1.4rem;
  line-height:50px;
  background:#d43e8f;
  color:#fff;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

@media (max-width: 480px){
  .ribbon{
    padding:20px 0 0 75px;
    top:10px;
    font-size:11px;
    font-size:1.1rem;
    line-height:26px;
  }
}