@charset "utf-8";
	@import url(http://fonts.googleapis.com/css?family=Alegreya);
	
	@media screen and (max-width: 768px){
		
	body{
		background-color:#F8F9F9;
	}
		
	/*共通----------*/
	
	.clearfix:after {
	  content: "."; 
	  display: block; 
	  height: 0; 
	  clear: both; 
	  visibility: hidden;
	}
	.clearfix { display: inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */
	
	p{
		font-size:1.2em;
		color:#414141;
		line-height:180%;
	}
	h1{
		color:#414141;
	}
	.b-white{
		background:#FFFFFF;
	}
	
	section{
		background-color:#F8F9F9;
		width:100%;
		margin:0 auto;
	}
	
	/*---clearfix-*/
	section:after {
		content: "."; 
		font-size:0;
		display: block; 
		clear: both; 
		visibility: hidden;
		line-height: 0;
	}
	section {
		 display:inline-block;
	}
	/*Hides from IE-mac\*/
	*html section {
		height:1%;
		}
	section{display:block}
	/*end hide from IE-mac*/
	
	
	
	
	
	/*--------------------header-------------*/
	
	header{
		background-color:#F8F9F9;
		width:100%;
		margin:0 auto;
	}
	
	
	
	
	/*--------------------menu-------------*/

	#menu{
		width:100%;
		margin:0 auto;
		text-align:center;
	}
	
	#menu img.logo{
	}
	
	#menu ul{
		float:auto;
		margin:0 auto;
		margin-top:30px;
		margin-bottom:25px;	
	}
	
	#menu ul li{
		width:25%;
		float:left;
	}
	
	#mainImage{
		margin-top:20px;
		background-image:url(../imgs/main2.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:50% 50%;
		height:207px;
	}
	
	
	
	/*-------------------------copy-----------------*/
	
	#copy {
		padding-top:40px;
		padding-bottom:40px;
	}
	#copy h1{
		text-align:center;
		font-size:2em;
		line-height:160%;
	}
	
	
	/*-------------------------NEWS-----------------*/
	
	
	#news .box{
		padding-top:20px;
		max-width:768px;
		width:100%;
		margin:0 auto;	
	}
	#news .banner{
		text-align:center;
		margin-bottom:30px;
		width:100%;
	}
	#news .latest{
		width:100%;	
	}
	
	#news .latest h1{
		padding:0;
		text-align:left;
		background:#000000;
		color:#F6F6F6;
		margin:20px;
	}
	
	#news ul{
		margin:20px;
	}
	
	#news ul li{
		text-align:left;
		font-size:14px;
		margin-bottom:20px;
		padding-left:20px;
		margin-right:10px;
	}
	
	#news .link{
		text-align:right;
		margin-right:20px;
		font-style:italic;
	}
	
	/*-------------------------ABOUT-----------------*/
	
	#about h1{
		margin:0 auto;
		max-width:732px;
		min-height:164px;
		text-align:center;
		background:url(../imgs/about.gif);
		background-position:50% 50%;
		background-repeat:none;
	}
	#about p{
		margin:0 auto;
		max-width:642px;	
		width:100%;
		text-align:center;
		padding:20px 0;
	}
	
	
	/*-------------------------ACCESS-----------------*/
	
	#access {
		text-align:center;
	}
	#access h1{
		margin:0 auto;
		max-width:732px;
		min-height:166px;
		text-align:center;
		background:url(../imgs/access.gif);
		background-position:50% 50%;
		background-repeat:none;
	}
	
	#access .box{
		padding-top:20px;
		margin:0 auto;
		max-width:642px;
		width:100%;
		padding-bottom:60px;
	}
	#access iframe{
		margin:0 auto;
		margin-top:20px;
		text-align:center;
		border:#7A7A7A solid 2px;
	}
	#access .box p{
		padding-top:20px;
		text-align:left;
	}
	#access img.image{
		width:80%;
		margin-bottom:60px;
	}
	
	
	
	/*-------------------------INQUIRY-----------------*/
	
	#inquiry h1{
		margin:0 auto;
		max-width:732px;
		min-height:138px;
		text-align:center;
		background:url(../imgs/contact.gif);
		background-position:50% 50%;
		background-repeat:none;
	}
	
	#inquiry .box{
		padding-top:20px;
		width:100%;
		max-width:642px;
		margin:0 auto;
		margin-bottom:100px;
	}
	#inquiry .box table{
		float:left;
		width:400px;	
		margin-bottom:10px;
	}
	#inquiry .box img{
		float:left;
	}
	
	
	
	
	/*-------------------------PROFILE-----------------*/
	#profile .shikiri{
		text-align:center;
	}
	#profile .box{
		width:100%;
		max-width:642px;
		margin:0 auto;
		margin-top:80px;
	}
	#profile h1{
		float:left;
		height:311px;
	}
	#profile .photo{
		float:left;
	}
	#profile p{
		float:left;
	}
	
	#profile h2{
		margin-bottom:20px;
	}
	#profile blockquote{
		font-size:12px;
		line-height:180%;
	}
	#profile .link{
		text-align:right;
		margin-bottom:20px;
		font-style:italic;
	}
	
	
	
	/*-------------------------FOOTER-----------------*/
	footer{
		padding-top:60px;
		background-color:#F8F9F9;
		width:100%;
		margin:0 auto;
		padding-bottom:100px;
	}
	
	footer .box{
		border-top:#000000 solid 10px;
		padding-top:20px;
		margin:0 auto;
	}
	
	footer p{
		float:left;
	}
	footer small{
		float:right;
	}
	
	/*---------------------
		スライドダウンするメニュー
	----------------------- */
	#slide_menu {
	 font-size:0.8em;
	  z-index:100;
	  margin:0 auto;
	  width:100%;
	  background-color: #FFFFFF;
	  box-shadow: 1px 1px 3px #ccc;
	  /* スライドに必要な指定以下2行 */
	  position: fixed;
	  top: -70px;
	}
	#slide_menu ul {
	  text-align:center;
	  margin:0 auto;
	 max-width:768px;
	  overflow: hidden;
	}
	#slide_menu ul li {
	  width:15%;
	  float: left;
	  list-style: none;
	  padding:5px 12px;
	  margin: 15px 0;
	  border-left: solid 1px #ccc;
	  border-right: solid 1px #eee;
	}
	
	#slide_menu ul li:first-child {
	  border-left: none;
	}
	
	#slide_menu ul li:last-child {
	  border-right: none;
	}
	
	
	
	
	/*---clearfix-*/
	.box:after {
		content: "."; 
		font-size:0;
		display: block; 
		clear: both; 
		visibility: hidden;
		line-height: 0;
	}
	.box {
		 display:inline-block;
	}
	/*Hides from IE-mac\*/
	*html .box {
		height:1%;
		}
	.box{display:block}
	/*end hide from IE-mac*/
	
	
	
	
	}