.example{
    text-align: center;
}

.example　h2 {
  font-size: 1.7rem;
}
.example p {
  text-align: center;
  font-size: 1.3rem;
}

.wrapper{
    width: 100%;
    display: flex;
    
    position: relative;
    
    margin-top: 10vw;
}
.purofu1 {
  display: block;
}
.purofu2 {
  display: block;
}
.panfu1 img, .panfu2 img {
  width: 696px;
}
.panfu3 img{
    object-fit: cover;
width: 100%;
height: 100%;
}
@media screen and (max-width:500px) {

    /*２カラムを囲むブロック*/
    .wrapper {
        flex-direction: revert-layer;            /*子要素を横並びにする*/
        flex-wrap: wrap;
        justify-content: space-between; /*並びかたの種類の指定*/
        align-items: center;            /*垂直揃えの指定。天地中央に配置されるように。*/
    }
    .panfu3 img{
    object-fit: cover;
width: 100%;
height: 100%;
}

}/*追加指定ここまで*/