@charset "utf-8";
/* ===================================================================

 file name  :company/index.css
 style info :会社情報

=================================================================== */

/* =============================

	overwrite

=============================== */



/* =================================== */
#main img{
	width:100%;
	height:auto;
}
#main .greeting{
	overflow:hidden;
	height:auto;
	margin-bottom:50px;
}
#main .greeting h2{
	margin-bottom:45px;
	width:498px;
}
#main .greeting .notes{
	width:405px;
	float:left;
	overflow:hidden;
}
#main .greeting figure{
	width:320px;
	float:right;
}
#main .greeting figure figcaption{
	margin-top:9px;
	display:block;
	text-align:right;
}
#main .greeting figure figcaption img{
	width:195px;
}

#main article{
	margin-bottom:31px;
}
#main article h3{
}
#main article .notes{
	border-left:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6;
	padding:20px 19px;
	overflow:hidden;
	height:auto;
	position:relative;
}
#main article .txt{
	width:367px;
	float:right;
}
#main article .img{
	width:320px;
	float:left;
}
#main article .dfbtn{
	position:absolute;
	right:19px;
	bottom:19px;
	letter-spacing:-1px;
}



/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){


	#main .greeting{
		margin-bottom:10%;
	}
	#main .greeting h2{
		margin-bottom:7%;
		padding-top:3.6%;
		width:100%;
	}
	#main .greeting .notes{
		width:100%;
		float:none;
	}
	#main .greeting figure{
		width:100%;
		float:none;
	}
	#main .greeting figure figcaption img{
		width:61%;
	}

	#main article{
		margin-bottom:10%;
	}
	#main article .notes{
		padding:15px 15px;
	}
	#main article .txt{
		width:100%;
		float:none;
		margin:1em 0;
	}
	#main article .img{
		width:100%;
		float:none;
	}
	#main article .dfbtn{
		position:static;
		float:right;
	}




}