@media(max-width:750px) {

  .pc {
    display: none;
  }
  .sp {
    display: block;
  }  

  .container {
    width: 100%;
  }

  .table tr td , p {
    vertical-align: middle;
  }

  .guest-td1 {
    width: 100%;
    margin: 0 auto;
    background-color: #eee;
    height: 3em;
    display: block;
  }

  .guest-td1 p {
    color: #000;
    font-size: 1em;
    line-height: 1em;  
    margin: 0;
    font-weight: bold;
  }

  .guest-td2 {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .guest-td2 p {
    color: #000;
    font-size: 1em;
    line-height: 1em;  
    margin: 0;
  }

  .guest-td2 img {
    width: 60%;
  }        

  .guest-name {
    width: 90%;
    margin: 0;
    padding: 0;
  }

  .guest-td2 a {
    border-bottom: 1px solid;
  }

  .image-zone {
    margin: 10px auto;
    display: block;
  }

  .image-zone h3 {
    font-size: 20px;
    color: darkblue;
    font-weight: bold;
    text-align: center;
  }

  .flex-box {
    margin: 10px auto;
    width: 100%;
  }

  .photo-title {
    margin: 15px auto;
  }

  .photo-title h2 {
    text-align: center;
    font-size: 22px;
    color: #ff4402;
    text-decoration: dotted;
  }

  .photo-title p {
    font-size: 16px;
    text-align: left;
  }

  .item-box {
    /* background-color: #fffcde; */
    border-radius: 15px;
    margin: 15px auto;
  }
  
  .p_text{
    font-size: 16px;
    color: #00f;
    font-weight: bold;
  }  

}