@media only screen and (min-width: 320px){
    .guestsInvited{
        min-height:100px;
        position:relative;       
    }
    .guestsInvited .zu31Img{
        position:absolute;
        height:200px;
        right:0;
        top:50%;
        transform: translate(0,-50%);
    }
    .guestsInvited .zu28Img{
        min-height:75px;
        display: flex;
        justify-content: flex-end;
        
    }
    .guestsInvited .zu28Img>img{
        height:75px;
    }
    .guestsTitleBox{
        display:flex;
        width:95%;
        margin:0 auto;
        justify-content: space-between;
        position:relative;
        z-index:500;
    }
    .guestsTitleBox>.leftBox{
        height:60px;
        
    }
    .guestsTitleBox>.leftBox>img{
        height:60px;
    }
    .guestsTitleBox>.rightBox{
        height:60px;
        margin-right:5%;
        
    }
    .guestsTitleBox>.rightBox>img{

        height:30px;
        margin-top:30px;                
    }
    .guestsListBox{  
        width:95%;
        margin:20px auto;
        position:relative;
        z-index:500;
                  
    }
    .guestsListBox>div{
        width:90%;
        margin:0 auto;
        display: flex;
        flex-wrap: wrap;
        
    } 
    .guestsListBox>div dl{
        width:45%;
        margin:20px 2.5%;
        display: block;
    }
    .guestsListBox>div dl>dt>div{
        background-repeat: no-repeat;
        width:100%;
        height:180px;
        background-size:100%;
        background-position: center bottom;
    }
    .guestsListBox>div dl>dd{
        min-height:100px;
        background-image: url('../image/zu30.png');
        background-repeat: no-repeat;
        background-size:100% 100%;
        padding:10px 10px;
       
    }
    .guestsListBox>div dl>dd>h3{
        font-size:16px;
        font-weight: bold;
        line-height:30px;
    }
    .guestsListBox>div dl>dd>div{
        width:20px;
        height:1px;
        background-color:#557e74;
        margin-bottom:5px;
    }
    .guestsListBox>div dl>dd>p{
        font-size:12px;
        color:#000;
        line-height:15px;
    }
}
@media only screen and (min-width: 768px){
    .guestsInvited{
        min-height:100px;
        position:relative;
        
    }
    .guestsInvited .zu31Img{
        position:absolute;
        height:200px;
        right:0;
        top:50%;
        transform: translate(0,-50%);
    }
    .guestsInvited .zu28Img{
        min-height:100px;
        display: flex;
        justify-content: flex-end;
    }
    .guestsInvited .zu28Img>img{
        height:100px;
    }
    .guestsTitleBox{
        display:flex;
        width:90%;
        margin:0 auto;
        justify-content: space-between;
        position:relative;
        z-index:500;
       
    }
    .guestsTitleBox>.leftBox{
        height:100px;
    }
    .guestsTitleBox>.leftBox>img{
        height:100px;
    }
    .guestsTitleBox>.rightBox{
        height:100px;
        margin-right:5%;
    }
    .guestsTitleBox>.rightBox>img{
        height:50px;
        margin-top:50px;                
    }
    .guestsListBox{  
        width:90%;
        margin:20px auto;
        position:relative;
        z-index:500;
                 
    }
    .guestsListBox>div{
        width:100%;
        margin:0 auto;
        display: flex;
        flex-wrap: wrap;
        
    } 
    .guestsListBox>div dl{
        width:20%;
        margin:20px 2.5%;
        display:inline-block;
    } 
    .guestsListBox>div dl>dt>div{
        background-repeat: no-repeat;
        width:100%;
        height:170px;
        background-size:contain;
        background-position: center bottom;
    }
    .guestsListBox>div dl>dd{
        min-height:100px;
        background-image: url('../image/zu30.png');
        background-repeat: no-repeat;
        background-size:100% 100%;
        padding:10px 10px;
        
    }
    .guestsListBox>div dl>dd>h3{
        font-size:16px;
        font-weight: bold;
        line-height:30px;
    }
    .guestsListBox>div dl>dd>div{
        width:20px;
        height:1px;
        background-color:#557e74;
        margin-bottom:5px;
    }
    .guestsListBox>div dl>dd>p{
        font-size:12px;
        color:#000;
        line-height:15px;
    }
}
@media only screen and (min-width: 1024px){
    .guestsInvited{
        min-height:900px;
        position:relative;        
    }
    .guestsInvited .zu31Img{
        position:absolute;
        height:600px;
        right:0;
        top:50%;
        transform: translate(0,-50%);
    }
    .guestsInvited .zu28Img{
        min-height:150px;
        display: flex;
        justify-content: flex-end;
        
    }
    .guestsInvited .zu28Img>img{
        height:150px;
    }
    .guestsTitleBox{
        display:flex;
        width:80%;
        margin:0 auto;
        justify-content: space-between;
        position:relative;
        z-index:500;
       
    }
    .guestsTitleBox>.leftBox{
        height:120px;
       
    }
    .guestsTitleBox>.leftBox>img{
        height:120px;
    }
    .guestsTitleBox>.rightBox{
        height:120px;
        margin-right:5%;
        
    }
    .guestsTitleBox>.rightBox>img{

        height:60px;
        margin-top:60px;                
    }
    .guestsListBox{  
        width:80%;
        margin:40px auto;
        position:relative;
        z-index:500;       
    }
    .guestsListBox>div{
        width:90%;
        margin:0 auto;
        display: flex;
        flex-wrap: wrap;
        
    }
    .guestsListBox>div dl{
        width:20%;
        margin:20px 2.5%;
        display:block;
    }
    
    .guestsListBox>div dl>dt>div{
        background-repeat: no-repeat;
        width:100%;
        height:280px;
        background-size:contain;
        background-position: center bottom;
    }
    .guestsListBox>div dl>dd{
        min-height:150px;
        background-image: url('../image/zu30.png');
        background-repeat: no-repeat;
        background-size:100% 100%;
        padding:10px 10px;
    }
    .guestsListBox>div dl>dd>h3{
        font-size:18px;
        font-weight: bold;
        line-height:50px;
    }
    .guestsListBox>div dl>dd>div{
        width:40px;
        height:1px;
        background-color:#557e74;
        margin-bottom:10px;
    }
    .guestsListBox>div dl>dd>p{
        font-size:14px;
        color:#000;
        line-height:20px;
    }
}