@media screen and (max-width: 853px ){
    .container_wrap{
        flex-flow: column;
        align-items: center;
        margin-top: 30px;
        width: 90%;
        height: 80%;
        min-width:300px;
        min-height:300px;
       
    }
    .container_wrap>.p_info_text{
        width: 100%;
        height: 70%;
    }
    .container_wrap>.p_info_picture{
        width: 100%;
        height: 30%;
    }

    .p_info_text .write_area{
        position: absolute;
        top: 20px;
        left: 30px;
        width: 90%;
        overflow: visible;
        white-space: nowrap;
    }

    .write_area .info_title{
        width: 60px;
        padding: 5px;
        background-color: rgb(64, 46, 41);
        text-align: center;
        font-size: 3.8vw;
        color: aliceblue;
        font-weight: 700;
    
    }
    .write_area li, .extra_info {
        color: rgb(64, 46, 41);
        font-weight: 400;
        font-size: 3.4vw;
    }

    .p_info_picture img{
        filter:drop-shadow(5px -1px 9px);
        position: absolute;
        width:21vh;
        bottom: 2px;
        right: 3vw;
        object-fit: contain;
    }

    .line_bottom{        
        position: absolute;
        bottom: 0;
        right:  0;
        width:65%;
        height: 50px;
        border-right: 2px solid rgb(64, 46, 41);
        border-bottom: 2px solid rgb(64, 46, 41);
        color: rgb(64, 46, 41);
        display: flex;   
        align-items: end;
        box-sizing: border-box;
    }

    .line_bottom .name{
        font-size: 20px;
        font-weight: 700;
      
    }
    .line_bottom .name .job{
        font-size: 10px;
        font-weight: 300;
        padding-left: .5vw;
    }

    
    .write_area ul{
        margin-top: 2vw;
        margin-bottom: 7vw;
    }


    .section4{
        flex-flow: start;
    }

    .section4 .inner{
        width: 100%;
        height: 90%;
        margin-top: 30px;
      
      
       
    }

    .section4 .inner .inner1{
        padding:0;
        padding-bottom: 70px;
        width: 100%;
        height: 85%;
        
    }

    .section4 .inner .inner2{
        height: 15%;
        text-align: center;
        padding-top: 8%;
        color: aliceblue;
        font-size: 3.5vw;
        font-weight: 200;

      
    }
    
    .square{
        margin: 10px 10px;   
        width: 36vw;
        height: 36vw;
        border: 1px solid rgba(255, 255, 255, 0.671);
        background-image: url("");
        position: relative;
    }

    /*  section 5*/
    .section5{
        padding: 20px 0;
     
        height: calc(100vh + 4*115px);
        height: auto;
        position: relative;
    }

    .section5::before{  
      /* height: 200%;
        width: 100%;
        */
    }
   
   
    .section5 .inner{

        width: 95%;
      
        min-width: 300px;
        min-height: 200px;
        padding-top: 0px;
        
        
    }
    .section5 .inner .inner1{
        height: 14%;
        width: 100%;         
        box-sizing: border-box;    
    }
    .section5 .inner .inner2{
       
        height: 78%;  
        box-sizing: border-box;   
    }
    .section5 .inner .inner3{
       
        height: 8%;  
        box-sizing: border-box;   
    }
   
 
    .section5 .inner .inner1 .square2 .txt{  
        font-size: 15px;
    }

    .section5 .inner .inner1 .square2{
        width: 180px;
        height: 80px;
      
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section5 .inner2 .succ_pic{
        /*
        width: 140px;
        height: 210px;
        */
        width:40vw;
        height: 57vw;
        background-color: aliceblue;  
        box-sizing: border-box;
        margin: 5px 10px;
        box-shadow: 10px 10px 20px black;
    
    }

    .section6{


        .info_section{
           display: none !important;
        }

        .page6_title {
            .txt1, .txt2{
                font-size: 15px;
            }
        }

        @media screen and (max-width: 400px )
        {
            & .map_title_section{
                width: 90vw !important;
             }

             .map{
                width: 90vw !important;
                height: 90vw !important;
                overflow: hidden;
               
                background-color: white;
                box-sizing: border-box;
            }
          

          

        }


    }

}