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


#mainbody1c{
	margin-bottom:0;
}

ul.sectionM1 li{
	margin-bottom:20px;
}

#mainbody1c div.sectionM2 h2{
	font-size:1.4em;
	border:1px solid #000;
	padding:10px 0;
	text-align:center;
	width:300px;
	margin:20px 0 30px 0px;
}

#mainbody1c div.sectionM2 p{
	font-size:1.2em;
	padding:10px 20px 10px;
}

.letter_tit{
	background-color:#003366;
	border-radius:10px;
	padding:10px;
	font-size:1.2em;
	margin:20px;
	color:#fff;
}

.letter dd{
	font-size:1.2em;
	margin:20px 10px 0 30px;
	background-image:url(images/arrow2.png);
	background-repeat:no-repeat;
	padding:3px 0 0 35px;
}

.mb{
	margin-bottom:50px;
}

.button{
	display:block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	background-color: #59b1eb;
	color: #fff;
	margin:20px 30px 30px;
}

.button a:link,
.button a:visited{
	display:block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	background-color: #59b1eb;
	color: #fff;
}

.button a:hover {
	background-color: #59b1eb;
	display:block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	color: #fff;
	transition: all .3s;
}


/***************************************************

table01　

***************************************************/

table.table01{
	width: 100%;
	border-collapse: collapse;
	margin-bottom:50px;
}

table.table01 th{
	width: 25%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}

table.table01 td{
	padding: 10px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

table.table01 span{
	margin-left:20px;
}


/***************************************************

table02　

***************************************************/

table.table02{
	width: 100%;
	border-collapse: collapse;
	margin-bottom:50px;
}

table.table02 th{
	width: 25%;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}

table.table02 td{
	padding: 10px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

table.table02 span{
	margin-left:20px;
}

.table02 .contact{
	background-color:#CCC;
}

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


}
	

@media only screen and (max-width: 767px){
	
	#mainbody1c div.sectionM2 h2{
		margin-left:20px;
	}
	
	ul.sectionM1 li{
	margin-bottom:0px;
}
	
	#mainbody1c article.sectionM2{
		padding:10px;
	}
	
	#mainbody1c div.sectionM2 h2{
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:20px;
}


#mainbody1c div.sectionM2 h3{
	font-size:1.2em;
}



#mainbody1c article.sectionM2{
	padding:0;
	background-color:#fff;
}

table.table01,table.table02{
	width: 95%;
	margin:0 auto 30px;
}



}

@media only screen and (max-width: 640px){
	
	#mainbody1c div.sectionM2 h2{
	font-size:1.2em;
	border:1px solid #000;
	padding:10px 0;
	text-align:center;
	width:300px;
	margin:20px 0 30px 20px;
}

.letter{
	padding-bottom:50px;
}
	
	
}