


body{background-color: rgba(127, 202, 243, 0.403); }

.mein{
    margin:0 auto;
    width: 80%;
    border: solid 1px;
    border-radius: 15px;
    background-color: rgba(165, 179, 186, 0.776); 
    min-height: 1080vw;
}

.box{
    display: flex;
    
    height: 100%;
    
}
.me_box_0{
    height: fit-content;
    margin-top: 5px;
}

.me_box1{
    
    margin:5px auto;
    /* background-color:; */
    
    width: 95%;
   
}
.me_box2{

   
    margin:1px auto;
   
   
    border-radius: 15px;
   
    
   
}
.im{
    width: 90%;
    padding-top: 5px;
    border-radius: 15px;
    margin: 0% auto;
}
.im1{
    width: 90%;
    border-radius: 15px;
}
.im_font{
    color:#ffffff;
    margin-bottom: 15px;
    margin-top: 0px;
}

.menu {
    width: 35%;
    
    border-radius: 15px;
    min-height: 680vw;
           
}

.menu_1{ list-style-type: none;}
.menu_2{margin-left: -30px;}


/* タブレット */
@media screen and (min-width:768px) and (max-width:1024px) {
    
    .mein{
        min-height: 690vw;
    }

    .me_box{
        
       
        width: 30%;
    }
    .me_box1a{
        margin:5px auto;        
        width: 50%;
    }
    .me_box1{
        display: flex;
        margin:5px auto;
        /* background-color:; */
        
        width: 95%;
       
    }
    .menu {
        
        min-height: 390vw;
               
    }
    .im{
        width: 95%;
    }
    .me_box_0{
        display: flex;
       
        
    }
    .im1{
        width: 55%;
        border-radius: 15px;
    }

}




/* パソコン */
@media screen and (min-width:1024px) {
   
    .mein{
        
        min-height: 575vw;
    }

    .me_box{
       
       
        width: 30%;
        
    }

    .me_box1{
        display: flex;
        margin:5px auto;
        /* background-color:; */
        
        width: 95%;
       
    }
    .me_box1a{
        margin:5px auto;        
        width: 50%;
    }

    .menu {
        
        min-height: 280vw;
               
    }
    .im{
        width: 95%;
        margin: auto;
    }
    .me_box_0{
        display: flex;
        margin: 0px auto;
    }
    .im1{
        width: 55%;
        border-radius: 15px;
    }
    
}