/* 写真に文字乗せ */
.example {
  position: relative;
  }
.example p {
  position: absolute;
  top: 120px;
  left: 10%;
  margin:0;
  padding:0;
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 3.8em;/*サイズ倍*/
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.5;/*行高*/
  padding: 15px 15px;/*文字周りの余白*/
  text-shadow: 5px 5px 5px #080707;/*テキストシャドウ*/
}
@media screen and (max-width: 960px) {
.example p {
  top: 60%;
  margin:0;
  padding:0;
  font-size: 10vw;/*ブラウザの横幅全体が100vw*/
}
}


/* スライダーごとに文字乗せ */
.sp-slide p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/
  background-color: rgba( 39, 96, 173, 0.7 );/*背景色　透過*/
  line-height: 1.6;/*行高は1.6に*/
  padding: 15px 15px;/*文字周りの余白
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 60%;/*上から60％の位置*/
  left: 50%;/*左から真ん中*/
  -ms-transform: translate(-50%,-50%);/*古いブラウザ対応*/
  -webkit-transform: translate(-50%,-50%);/*古いブラウザ対応*/
  transform: translate(-50%,-50%);/*縦と横の文字のズレ補正*/
  margin:0;/*値を0にしてズレなくす*/
  /*文字の装飾は省略*/
  }

.sp-slide img {
  width: 100%;
  }


/* タイトル文字 */

          .white-text h1 {
                color: #fff !important;
                font-size: 2.8em;
                font-weight: 1000;
                text-shadow: 0px 0px 20px #007bff;/*テキストシャドウ*/
              }