
#graph{
    width: 96%;
    margin-left: 0.25em;
}

/*
    物件紹介
-------------------*/
.flexflame{
    width: 100%;
}
.flexcontainer{
    display: grid;
    grid-template-rows: 50px 70px 220px;
    grid-template-columns: 1fr;
    width: 48%;
    margin: 1%;
    float: left;
    border: solid 1px #333;
    border-collapse: collapse;       
}
.flextag{
    grid-row: 1 ;
    grid-column: 1 / 4;
    font-weight: bold;
    background: #f5f5f5;
    border-bottom: solid 1px #333;
    display: flex;
    align-items: center; 
    display: -webkit-flex;    
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    justify-content: center;
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */ 
}
.flextag p{
    font-size: 0.85em; 
    margin-top: 1em;
}
.fleximg{
    grid-row: 3 ;
    grid-column: 1 / 4;
    display: flex;
    align-items: center; 
    display: -webkit-flex;    
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
}
.flexbox{
    grid-row: 2 ;
    grid-column: 1 / 4;
    border-bottom: solid 1px #333;
    display: flex;
    align-items: center; 
    display: -webkit-flex;    
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */    
} 
.flexbox p{
    font-size: 0.8em;
    margin-left: 0.5em;
}
#agreement-access p{
    font-size: 1em;
    margin-bottom: 2.5em;
}

#agreement-access a{
    color: #333;
}
#agreement-access a:hover{
    color: blue;
}

@media screen and (max-width: 481px){
#graph{
    width: 98%;
    margin-left: 2%;
}

.new_oders th{
    width: 17.5%;
    font-size:0.75em; 
}

.new_oders td{
    font-size:0.85em;
    padding: 0.75em;    
}
    
.flexframe{
    float: none;
}
.flexcontainer{
    display: grid;
    grid-template-rows: 30px 60px;
    grid-template-columns: 120px 3fr;
    width: 98%;
}
.fleximg{
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    border-right: solid 1px #333;
}
.flextag{
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    justify-content: flex-start;
    -webkit-justify-content: flex-start; /* 横方向中央揃え（Safari用） */
}
.flextag p{
    font-size: 0.85em;
    margin: 0.3em;
}
.flexbox{
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    border-bottom: none;
}
.flexbox p{
    font-size: 0.75em;
    margin: 1em 0.5em;
}
}
