@charset "utf-8";
@media screen and (min-width: 767px) { /*ウィンドウ幅が最大767px以上の場合に適用*/
.conmfa{
/*	padding-bottom: 20px;*/
/*	width:760px;
	width:80%;*/

	margin: 2em 2em 3em 2em;
	padding:0 1em 0 1em;
	position:relative;
}
.menu
{
/*	border:solid 1px gray;*/
	padding:0em 1em 1em 1em; 
}


}
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.conmfa{

	margin: 1em 0em 2em 0em;
	padding:0 1em 0 1em;
	position:relative;
}
.menu
{
/*	border:solid 1px gray;*/
	padding:0em 0em 1em 0em; 
}

}

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
.conmfa{

	margin: 1em 0em 2em 0em;
	padding:0 0.3em 0 0.3em;
	position:relative;
}
.menu
{
/*	border:solid 1px gray;*/
	padding:0em 0em 1em 0em; 
}
}

.titlearea{
position:relative;
/*margin-left:1em;
margin-right:1em;*/
margin-top:1em;

height:3.5em;
border-bottom: solid 2px gray;
font-size:110%;
}
.title{
	margin-top:0em;
	margin-right:1.5em;
	margin-left:0.3em;

	padding:0.2em 0 0.2em 0;
	font-size:110%;
	font-weight:600;
/*	color:#a82617;*/
/*	width:400px;*/
	float:left;
}
.link{
float:left;
}
.link p{
position:absolute;
bottom:0;
right:0;
}

.titlearea a{
	color:mediumblue;
	}
.titlearea span{
font-weight:400;
font-size:85%;
}
.header{
margin: 2em 0.5em 2em 0em;
padding:0em 1em 0em 1em;
}
.header img{
	float:left;
	margin-right:0.5em;
	width:20%;
}
.header p{
	padding-top:0.5em;	
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
/*	font-size:16px;*/
	}
.header p.small
{
font-size: 0.75em;
}

h3.mfa{
	font-size:1.2em;
	font-weight: 500;
	border-bottom:solid 1px gray;
	margin:2em 0 2em 0;
	padding:1em 0 0.5em 0;
	
}
h3.mfa a{
	text-decoration:none;
}

h4.mfa {
/*	font-size:16px;*/
	font-size:100%;
	font-weight: 600;
/*	border-bottom:solid 2px gray;*/
	padding:0.8em;
	border-left:solid 5px gray;
	background-color:#f5f5f5;
}

.menu p
{
margin-left:1em;

}