/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 21, 2020, 12:45:39 PM
    Author     : Gloding
*/

.tou-container{
    font-family: "Noto Sans JP";
    margin: 5em auto 7em;
}

.tou-pad{
    padding: 0;
}
.tou-head{
    color: var(--main-green);
    text-align: left;
    display: block;
    /*font-weight: 700;*/
}

.tou-list{
    color: rgb(51, 51, 51);
    text-align: justify;
    font-size: 14px;
    padding-bottom: 1%;
}


/*CSS for law.xhtml*/
table.gridtable{
   border-width: 1px;
   color: #333333;
   border-collapse: collapse;
   font-family: "Noto Sans JP";
   font-size: 14px;
   margin-top:1em;
}

table.gridtable th{
    border-width: 1px;
    padding: 2%;
    font-weight: normal;
    border-style: solid;
    border-color: lightgray;
    background-color: #ffffff;
    width: max-content;
    text-align: left;
    width: 30%;
    color: rgb(51, 51, 51);
}

table.gridtable td{
    border-width: 1px;
    padding: 2%;
    border-style: solid;
    border-color: lightgray;
    background-color: #ffffff;
    word-wrap: initial;
    width: fit-content;
    text-align: justify;
    color:rgb(51, 51, 51);
}

@media only screen and (max-width : 1024px) {
    
}

@media only screen and (max-width : 810px) {
    
}


@media only screen and (max-width : 768px) and (min-width : 415px) {    
    table.gridtable{
        margin-top: 5%
    }
}

@media only screen and (max-width : 700px) and (min-width : 40.063em){
    
}

@media only screen and (max-width : 40.063em) {
    .tou-container{
        margin: 2em auto;
    }
}

@media (max-width: 991px){
    
}
@media (max-width: 740px){
    
}

@media only screen and (max-width : 425px) {
    
}


@media only screen and (max-width : 414px) and (min-width : 374px) { 
    table.gridtable{
        margin-top: 5%
    }
}

@media only screen and (max-width : 375px) {
    table.gridtable{
        margin-top: 5%
    }
}

@media only screen and (max-width : 360px) {
    
}

@media only screen and (max-width : 320px) {
    
}