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

#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 #77EEFF;
border-radius : 5px;
width : 40%;
}


details[open] {
width : 90%;
}

.mail{
box-shadow: 3px 3px 4px #77EEFF;
position: fixed;
bottom: 30px;
right: 30px;
width:35%;
border-radius:5px;
}


h2{
padding:25px 8px;
font-size:17px;
color:darkgreen;
}

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

li{
line-height:2em; 

list-style-type:none;
}


.oomoji {
font-size:21px;
}


.akamoji {
color:#ff0000;
}


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


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


.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: 3px solid #ccc;
        
}



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


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


.comparison {
width: 100%;
}



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


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



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

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



#bottom{
background-color:#fff;
}

.footimg{
width:100%
}



@media (min-width:600px){

#respon {
display : flex;
background-color : #fff;
}

.logo {
margin : 0 60px 0 30px;
width : 50px;
}

.mail {
width : 15%;
}

#contents {
width : 59%;
}

#menu {
width : 39%;
}


}