body{
margin:0px;
padding:0px 5px;
background-color:#191970;
}

#top{
padding:5px 0px;
background-color:#fff;
}

h1{
text-align:center;
font-size:17px;
}

.head-picture{
width:100%
}


#breadcrumb li{
display: inline;
list-style-type: none;

}

#breadcrumb li::after{
content: " ＞";
}

#breadcrumb li:last-child:after{
content: " ";
}



#contents{
padding:10px 5px;
background-color:#fff;
}

details {
box-shadow : 3px 3px 4px green;
border-radius : 5px;
width : 40%;
}


details[open] {
width : 90%;
}

.mail{
position: fixed;
bottom: 30px;
right: 30px;
width:25%;
border-radius:5px;
}


h2{
padding:25px 8px;
font-size:16px;
color:#191970;
}


p{
padding:15px 0px;
line-height:2em; 
}

li{
line-height:2em; 
}


.oomoji {
font-size:21px;
}


.akamoji {
color:#ff0000;
}


.picture{
margin:1% 10%;
width:80%
}



.picture-mini{
margin:1% 25%;
width:50%
}


.picture-pr{
margin:1% 10%;
width:40%
}

.picture-s{
margin:1% 25%;
width:50%
}


.agency-recommended-4 {
width:100%;
}


table.agency-recommended-4 {
	border-collapse: collapse;	
	line-height: 1.5;
}
table.agency-recommended-4 th {
	
	padding: 1px;
        width: 15%;
	font-weight: bold;
	
	border: 1px solid #ccc;
}
table.agency-recommended-4 td {
	font-size:16px;	
	padding: 5px;
        width: 15%;
        text-align:center;
	border: 1px solid #ccc;
        
}



table.agency-recommended-4 th#wide {
	
	padding: 1px;
        width: 55%;
	font-weight: bold;
	
	border: 1px solid #ccc;
}
table.agency-recommended-4 td#wide {
	font-size:16px;	
	padding: 5px;
        width: 55%;
        text-align:center;
	border: 1px solid #ccc;
        
}




.comparison {
width: 90%;
float: left;
}



.pagetop{
margin:5% 30%;
width:40%
}


.law{
padding:40px 10px;
background-color:#fff;
}

.lawimg{
width:80%;
margin:auto;
}



#bottom{
background-color:#fff;
}

.footimg{
width:100%
}



@media (min-width:700px){


.mail{

width:20%;

}


}