@charset "UTF-8";
/* CSS Document */


body{
	margin: 0;
    font-family: 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN',　Meiryo, sans-serif;
}


h1
{
	font-size: 20PX;
	 color: #9B0002;
	 display: block;
	margin: auto;
	background-color: #FFFFFF;
	font-weight: 900;
	text-align: center;
	padding: 10px 50px;
	width: 50%;
	border: 1px solid #9B0002;
	border-width: 3px 10px;
}

#maintop{
width: 100%;
	

	margin-top: 50px;

	
}
table #maintop td{
	
	 padding: 10px;

	
}	

.list01,.list03,.list04{
	
	width:100%;
	
	border: solid  3px #D8D8D8;
	background-color: #FFFFFF;
	
	   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	

	padding:10px 10px;
	
	line-height: 30px;
	
	vertical-align: top;
	margin: auto;
	
	font-size: 14px;
	
	}	

.list03{
	
	
	height: 350px;
	
	
	}	


.list04{
	

	height: 400px;
	
	
	}	




.list02{
	
	 width:100%;
	
	font-size: 16px;
		border: solid  3px #D8D8D8;

	background-color: #FFFFFF;
	
	   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	

	padding:20px 30px;
	
	line-height: 28px; 
	
	text-align: center;
	
	margin: auto;
	
	
}	


.list02 ul li{
	
	 text-align: left;
	padding-bottom: 10px;
	
	
}	



table.list01 tr td  ul,table.list03 tr td  ul,table.list04 tr td  ul{
	 padding-left: 0px;
  
	
}	

	

table.list01 tr td span,table.list03 tr td span,table.list04 tr td span{
	width: 100%;
	display: block;
	border-bottom: dotted 1px #AEAEAE;
	padding:0px 0px 10px 10px;
	
	
	font-size: 16px;
	
	font-weight: bold;
	
	background-repeat: no-repeat;
	
	background-size: 70px;
	
background-position:0% 0%;
	
	
	
}	


table.list01 tr td span img,table.list03 tr td span img,table.list04 tr td span img{
	display: block;

	width: 75px;
	padding-right:20px;
	
	float: left;
	
	
	
	
	
}	

@media screen and (max-width:1000px) { /*600px以下(スマホ用)*/
table, tbody, tr, th, td {
display: block;
max-width: 100%; /*スマホ画面ほぼ一杯に広がる感じ*/
	font-size: 25px;
	line-height: 28px;
}	
	
table.list01,table.list03,table.list04{
	width: 	90%;
	 height: auto;
	display: block;}
	#maintop{
width: 95%;
	padding-bottom: 30px;}

	
div.subInner{
    font-size: 20px;
	line-height: 35px;
	}




table.list01 tr td span,table.list03 tr td span,table.list04 tr td span{
	
	
	background-size:120px;
	
background-position:0% 0%;
	
	padding:30px 0px 40px 135px;
	
	font-size: 160%;
	
	font-weight: bold;
	
	
}		
	
table.list01 tr td ul li ,table.list03 tr td ul li ,table.list04 tr td ul li  {line-height: 55px;}		

table.list02 tr td{font-size:25px; line-height: 50px;}

tr td h1{font-size:80%; width: 70%;}
	
.list02{width:90%;}


div.content{
	width: 90%;}
  

	
	
}
.content{
    width:  100%;
    margin: 0 auto;
	padding: 50px 0px;
	border-top: dotted 3px #9F9F9F;
	margin-top: 70px;
	
}
.wrap{
	display: block;
border:1px solid  #a9a9a9;
	padding:20px;
	margin: 30px 0px 50px 0px;
}
h3.open_h3{
    border-bottom: 1px dotted #a9a9a9;
    
    margin: 0;
	text-align: left;
	
	margin-bottom: 20px;
		padding: 3px 0px 10px 40px;
	background-image:url(../images/q.gif);
	background-repeat: no-repeat;
	width: 95%;
	

}


h3.open_h3 span{
  font-size:18px;
	color: #454545;
	
	display: block;
  

}
.open_h3:after, 
.open_h3.active:after {
    font-size: 22px;
    margin-left: 20px;
}
/* .open_h3.active::after {
    content: "▲";
}
.open_h3::after {
    content: "▼";
}*/
.info{
    font-size: 13px;
	line-height: 20px;
	padding-bottom: 10px;
}

.open-4{
    font-size: 16px;
	line-height: 20px;
	padding: 20px 20px 20px 40px;
	background-color:#F0F0F0 ;
	background-image:url(../images/a.png);
	background-repeat: no-repeat;
background-position:3px 15px;}

.subInner {
	 font-size: 16px;
	line-height: 20px;
	padding: 20px 20px 20px 40px;
	background-color:#F0F0F0 ;
	background-image:url(../images/a.png);
	background-repeat: no-repeat;
background-position:3px 15px;
    display:none;
	margin-bottom: 20px;
    
}

a { text-decoration: none; }