.titleA{
  background:#FDDD14;
  padding:23px 0 23px 0;
  position:relative;
}

.titleA:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:auto;
  width:0;
  height:0;
  border-style:solid;
  border-width: 30px 37px 0 30px;
  border-color: #fafafa transparent transparent transparent;
}

.titleA p{
  color:#000;
  font-size:25px;
  text-align:center;
  letter-spacing: 0.07em;
  line-height:1.8em;
  margin-top:20px;
  font-weight:bold;
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  padding-top:20px;
}

.titleA p .sup{
  top:-.5em;
  font-size:75%;
  color:#000;
}

.titleA p span{
  font-size:14px;
 　　font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  font-weight:400;
}

.titleA p em{
font-style:normal;  
background:linear-gradient(transparent 60%, #fff 0%);
}

@media screen and (max-width:768px) { 
   {/* スクリーンサイズが768px以下の場合に適用 */}

  
  
@media screen and (max-width:480px) { 
   {/* スクリーンサイズが480px以下の場合に適用 */} 
  .titleA p{
  font-size:16px;
  }
  .titleA p span{
    font-size:12px;
    letter-spacing:0.02em;
    line-height:normal;
  }
  .titleA{
    padding:15px 0 12px 0;
  }