.box3 {
font-size:20px;
text-align:center;
    padding:0.5em 1em;
    margin: 30px 150px;
    border:double 10px #87cefa
}
.box3 p {
    margin: 0; 
    padding: 0;

}
.under{border-bottom:solid 3px #87cefa;}
   }

.example {
  position: relative;
  }

.example p {
  position: absolute;
  top: 80%;
  left: 80%;
  color: black;
  font-weight: bold; /*太字に*/
  font-size: 60px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.example img {
  width: 100%;
  }

/* トリミング */
/* トリミングしたいサイズで枠を作る */
.trim {
width: 100%;
height: 300px;
position: relative;
overflow: hidden;
}
/* 中央に合わせてトリミング */
.trim img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*ここまで*/