/* CSS Document */
@media screen and (max-width: 781px){

.body{
	width:100%;
	/*font-size:1.2em!important;*/
	}

.sp{
	display:block;
	}
	
.pc{
	display:none;
	}

.header{
	width:100%;
	padding-top:0;
	}
	
.logo{
	margin:0;
	padding:5px;
	width:35%;
	}

.logo img{
	max-width:100%;
	}
	
.headinfo{
	width:65%;
	margin:0;
	padding:5px;
	}

.headinfo img{
	float:right;
	}
	
#menubtn{
	display:block;
	background-color:#6095c7;
	color:#FFF;
	float:right;
	width:100%;
	padding:5px;
	font-size:1em;
	border: none;
	outline:none!important;
	}	
	
#nav{
	display:none;
	background-color:#6095c7;
	color:#FFF;
	width: 100%;	
	position:relative;
	top:auto;
	right:auto;	
}

#nav li {
	float: none;
	width:100%;
	list-style: none;
	font-size: 1em;
	padding:5px 0px;
	font-weight: bolder;
	text-align: center;
	border-bottom:1px solid #FFF;
}

#nav li:last-child{
	border-bottom:none;
	}

#nav li a:link,#nav li a:visited{
	color:#FFF;
	}

/*.message{
	margin-bottom:20%!important;
	}*/

.mwrap{
	position:relative;
	left:0;
	padding:10px;
	}

.mwrap h1{
	margin:0 auto;
	width:fit-content;
	}

.container {
    width: 100%;
}

.content{
	width:95%;
	}

.toph2{
	width:100%;
	margin:10px auto;
	}

.fl, .fr{
	margin-bottom:10px;
	}

.fieldl li, .fieldr li{
	width:100%;
	float:none;
	padding:5px 10px;
	}

.bnr {
	width: 100%;
    max-width: 100%;
    text-align: center;
    float: left;	
	}

.foottel, .footinfo{
	float:none;
	margin:0 auto;
	}

#navf{
	margin:1em auto;
	}	

#navf li,#navf li:last-child{
	width:100%;
	float:none;
	border:none;
	}

.mail{
	width:100%;
	}

.mail tbody tr th, .mail tbody tr td{
	width:100%;
	float:left;
	}

.footl, .footr{
	padding:1em;
	}
	
.footl ul li, .footr ul li{
	border-left:none;
	border-bottom:1px solid #FFF;
	width:100%;
	}
	
.footl ul li:last-child, .footr ul li:last-child{
	border-bottom:none;
	}
	
.foottel img, .footinfo img{
	max-width:100%;
	} 

}

@media screen and (max-width: 400px){
	
	.message{
	margin-bottom:0%;
	}
	
	
	
	}