@charset "utf-8";

/*-----------------------------------------------------
font
-------------------------------------------------------*/
#Main p.lead{
	font-family:"FOT-筑紫ゴシック Pr5 R";
	letter-spacing:0.2em;
}
#Main p.lead span{
	font-family:"FOT-マティス Pro M";
	letter-spacing:0.2em;
}



/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{}


/*-------------------------------------
h1
---------------------------------------*/
#Main h1{margin:0 0 55px 0;}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main h1{
		margin:0 0 25px;
	}
}



/*-------------------------------------
lead
---------------------------------------*/
#Main p.lead{
	margin:0 0 70px 0;
	font-size:32px;
	line-height:2;
	text-align:justify;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main p.lead{
		margin:0 0 34px 0;
		font-size:139%;
		line-height:1.8;
	}
}



/*-------------------------------------
text
---------------------------------------*/
#Main p.text{
	margin:0 0 55px 0;
	text-align:justify;
	font-size:124%;
	line-height:1.8;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main p.text{
		margin:0 0 27px 0;
		font-size:93%;
		line-height:1.6;
	}
}



/*-------------------------------------
visual
---------------------------------------*/
#Main .visual{
	width:100%;
	overflow:hidden;
	margin:0 0 75px 0;
}
/* img01 */
#Main .visual p.img01{
	width:40.9%;
	float:left;
	display:inline;
	margin:0 0.5% 0 0;
}
/* img02 */
#Main .visual p.img02{
	width:31.2%;
	float:left;
	display:inline;
}
/* img03 */
#Main .visual p.img03{
	width:26.8%;
	float:right;
	display:inline;
}
#Main .visual p.img01 img,
#Main .visual p.img02 img,
#Main .visual p.img03 img{width:100%;height:auto;}

@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .visual{margin:0 0 25px 0;}
	#Main .visual p.img01{
		width:100%;
		float:none;
		display:block;
		margin:0 0 1.2% 0;
	}
	#Main .visual p.img02{
		width:100%;
		float:none;
		display:block;
	}
	#Main .visual p.img03{display:none;}
}

/*-------------------------------------
note
---------------------------------------*/
#Main .note-update {
	margin-bottom: 20px;
	color: #999;
}
@media screen and (max-width:640px){
	#Main .note-update {
		font-size: 85%;
		margin-bottom: 10px;
	}
}

/*-------------------------------------
section
---------------------------------------*/
#Main .section{
	width:100%;
	overflow:hidden;
	margin:0 0 40px 0;
	font-size:124%;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .section{
		margin:0 0 25px 0;
		font-size:93%;
	}
}


/* h2
---------------------*/
#Main .section h2{
	width:16%;
	float:left;
	display:inline;
	line-height:1.6;
	color:#999999;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .section h2{
		width:100%;
		float:none;
		display:block;
		margin:0 0 5px 0;
	}
}

/* inline
---------------------*/
#Main .section div.inline{
	width:84%;
	float:left;
	display:inline;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .section div.inline{
		width:100%;
		float:none;
		display:block;
	}
}

/* p */
#Main .section div.inline p{
	line-height:1.7;
}
#Main .section div.inline p + p{
	margin-top: 1em;
}
#Main .section div.inline p span{
	padding:0 0 0 1.8em;
}
/* ul */
#Main .section div.inline ul li{
	margin:0 0 3px 0;
	/* text-indent:-1.35em; */
}
#Main .section div.inline ul li + li{
	margin-top: 1em;
}
#Main .section div.inline ul li span{
	padding:0 0 0 10px;
	color:#cc0000;
}
/* dl */
#Main .section div.inline dl{
	margin:0 0 35px 0;
}
#Main .section div.inline dl dt{
	margin:0 0 3px 0;
}
#Main .section div.inline dl dd{
	margin:0 0 3px 1em;
	line-height:1.4;
	text-indent:-1em;
}
@media screen and (max-width:640px){ /* == device-width < 640 == */
	#Main .section div.inline p{
		line-height:1.6;
		margin-top: 1em;
	}
	#Main .section div.inline dl{
		margin:0 0 7px 0;
	}
}



/*-------------------------------------
Contact
---------------------------------------*/
#Contact{
	margin:0;
	padding:55px 0 100px;
}
@media screen and (max-width:640px){ 
	#Contact{
		margin:0;
		padding:10px 0 40px;
	}
}