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

h1{
	width:450px;
	margin:30px auto;
	margin-bottom:50px;
}

h2{
	margin:10px 0;
	border-bottom:1px solid #999;
	padding-bottom:10px;
}

.main {
	width: 650px ;
	
	margin: 0 auto;
	margin-bottom:20px;
	border:1px solid #999;
	padding:30px ;
	text-align:center;
	box-sizing:border-box;
}


.main p{
	font-size:23px;

}



.mail_link  a{
	color: #666;
}

.mail_link a:hover {
	color: #9C0;
}



#all_mail{
	width:850px;
	margin:0 auto;
	
}

#all_mail h2{
	font-size:20px;
}

.mail-box{
	width:380px;
	float:left;
	border:1px dashed #666;
	text-align:center;
	margin:20px 20px;
	padding:20px 0 ;
	height:230px;
	box-sizing:border-box;
	}
	
.mail-box h2{
	width:300px;
	margin:0 auto;
	margin-bottom:5px;
}
	
	
.box_padding{
	padding-top:28px;
}
.text{
	width:420px;
	margin:0 auto;
}
.add{
	text-align:left;
	
}
.add_box{
	width:310px;
	margin:0 auto;
}

.h2_bottom{
	
	padding-bottom:30px;
}

.left{
	text-align:left;
	margin-left:60px;
}

/*-------responsive-----------*/

@media screen and (max-width: 480px){
	
	.main{
		width:100%;
		margin:0 ;
		padding:10px;
	}
	.add{
		text-align:center;
	}
	.text{
		width:100%;
		margin:0 ;
		padding:0;
		font-size:100%;
	}
	.text p {
		font-size:100%;
	}
	
	.mail-box,#all_mail{
		width:100%;
	}
	.mail-box{
		margin:20px 0;
		
	}
	
	 .under_line{
		 width:90%;
		 margin:20px auto ;
		 padding:0;
	 }
	 .under_line h3{
		 font-size:110%;
		 border-left: 8px solid #9c6;
		 
	 }
	.under_line p{
		margin:10px 15%;
		font-size:100%;
	}
	h1{
		width:100%;
	}
	h1 img{
		width: 90%;
		display:block;
		margin:0 auto;
		padding:0;
	}
}