@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 会社概要3/18 1809
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/*==========================================
 body
===========================================*/
body {width: 100%;	 margin: 0.5em 0 ; padding: 0;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6",
	   "HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	background-color:#fff;}
a {  color:#000;  text-decoration:none;}
a:hover {  color:#333;  text-decoration:underline;}
/*==========================================
 ヘッダーのスタイル
===========================================*/
header h1 {margin:0 auto;text-align:center;font-size:1.7em;margin:0.5em 0.5em;}
header {  position:relative;  overflow:hidden;}

header ul#s_nav {  margin-bottom:15px;  position:relative;
  		left:50%;  float:left;}
header ul#s_nav li {  float:left;  position:relative;  left: -50%;}
header ul#s_nav li a {  display:block;  font-size:0.8em; margin-right:20px;
  padding-left:20px;}
header p {width:100%;}
header p img {width:100%;  height:auto; max-width:960px;}


/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
   div#stage{width:95%; margin-left:auto;margin-right:auto;}
   div#stage h1{font-size:1.8em;margin-top:30px;margin-bottom:20px;text-align:center;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:40%;
	                      margin-left:auto;margin-right:auto;}/*会社概要*/                   


/*==========================================
 ページトップへボタンのスタイル
===========================================*/
a#pagetopBtn img {  position: fixed;  bottom: 10px;  right: 1px;}

481 px以上 
@media only screen and (min-width: 481px) {

	nav ul a{font-size:0.8em;}
	div#stage h1{font-size:0.8em;}
	div#contents section p img {width:100%;  height:auto;width:200px;
  				margin-bottom:20px;}	
	div#contents section p img {width:100%;  height:auto; 
  			max-width:480px;margin-left:0;margin-bottom:20px;}	/*鯨の画像*/ 
	}

@media only screen and (max-width: 640px) {
/*----ナビ----*/
	header {width:100%;margin-left:auto;  margin-right:auto;  background-color:#0a0ca3;margin-bottom:30px;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; font-size:0.8em;}  
    .list{display:flex;font-size:1em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;text-align: center;}
	 li + li {border-left: 2px solid #fff;}  	 
  	nav ul a{font-size:0.8em;}
  	/*-----ナビend------*/
	
	div#contents section p img {width:100%;  height:auto; 
  			max-width:100%;margin-left:0;margin-bottom:20px;}	/*鯨の画像*/ 
  			
  	#common-footer {width:100%;height:90px;font-size:1.3em;background-color:#0a0ca3;text-align: center;margin:10 0; }
	footer p{font-size:0.8em;color:#fff;margin:0 0 0 0;text-align:center;}
		

	
	}/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */

@media only screen and (min-width: 640px) {
	/*----ナビ----*/
	header {width:100%;margin-left:auto;   margin-right:auto;  background-color:#0a0ca3;margin-bottom:30px;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; }  
    .list{display:flex;font-size:1em;}
  	.list li{flex:auto;}  	
	 ul { display: flex;/*justify-content: space-between;*/	}
	li {list-style-type: none;flex-grow: 1;	 text-align: center;}
	li + li {border-left: 2px solid #fff;}  
	nav ul a{font-size:1em;} 	 
  	/*-----ナビend------*/	
  	
	div#contents section#col0 {width: 100%; float: left;  }
	div#contents section#col1 {width:79%; float:right;  }
	div#contents section#col0 article p{font-size:1.1em;font-family:BIZ UDP明朝;}	
	div#contents section#col0 article p{font-weight:bold;font-size:1.1em;font-family:BIZ UDP明朝;}	
    div#contents section#col1 article p{font-size:1.1em;font-family:HGS明朝B;}

		
	#common-footer {width:100%;height:90px;font-size:1.3em;background-color:#0a0ca3;text-align: center;margin:10 0; }
	footer p{font-size:1em;color:#fff;margin:0 0 0 0;text-align:center;}

	
  	div#contents section p img {width:100%;  height:auto; 
  			max-width:100%;margin-left:0;margin-bottom:20px;}	/*鯨の画像*/ 
	}

@media only screen and (min-width: 769px) {
 /*----ナビ----*/
	 header {width:100%;margin-left:auto;  margin-right:auto;  background-color:#0a0ca3;margin-bottom:30px;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; font-size:1em;}  
    .list{display:flex;font-size:1em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;text-align: center;}
	 li + li {border-left: 2px solid #fff;} 
	 nav ul a{font-size:1em;} 	       
  	/*-----ナビend------*/

  div#contents section#col0 article p{font-weight:bold;font-size:1em;font-family:BIZ UDP明朝;}	
  div#contents section#col1 article p{font-size:1em;font-family:HGS明朝B;}

  div#contents section#col0 {width:100%; float: left;  }
  div#contents section#col1 {width: 79%; float: right;  }
  
  div#contents section#col0 {width:100%; padding-left:120px; } 
  div#contents section p img {width:100%;  height:auto; 
  		 max-width:960px;margin-left:0;margin-bottom:20px;}	/*鯨の画像*/ 
}

/* PC向けレイアウトの指定：961px以上では固定レイアウト */
@media only screen and (min-width: 961px) {	
	header {width:960px;margin-left:auto;  margin-right:auto;  background-color:#0a0ca3;margin-bottom:30px;} 
     nav {text-align: center; margin: 10px auto 10px auto;color:#fff; }
     nav ul li a:link{color:#fff; }   
     nav ul li a:visited{color:#fff ; font-size:1em;}  
    .list{display:flex;font-size:1em;}
  	.list li{flex:auto;}  	
	ul { display: flex;/	}
	 li {list-style-type: none;flex-grow: 1;text-align: center;}
	 li + li {border-left: 2px solid #fff;} 
	 nav ul a{font-size:1em;font-family:BIZ UDP明朝;} 	                      
  
  div#contents {max-width: 960px;   margin: 0 auto;  }  
  
  div#stage h1{font-size:1.8em;margin-top:30px;margin-bottom:20px;text-align:center;
	                      padding: 6px; border-top:2px solid #333; border-bottom: 2px solid #333;width:30%;
	                      margin-left:auto;margin-right:auto;}/*会社概要*/    
 
/*---------------------*/
  div#contents section#col0 article p{font-size:1em;font-family:BIZ UDP明朝;}	
  div#contents section#col1 article p{font-size:1em;font-family:HGS明朝B;}
  	
  div#contents section#col0 {width:100%; padding-left:120px; } 
  
  div#contents section#information { width: 49%; float: right; }  
  div#contents section p img {width:100%; height:auto; max-width:960px;
  margin-left:10px;margin-right:10px;margin-bottom:30px;margin-top:30px;}	/*鯨の画像*/  
   
  div#contents section p{font-size:1.3em;line-height:1.5em;margin-left:10px;}
 
/*==========================================
 フッターのスタイル
===========================================*/
#common-footer {width:960px;height:90px;font-size:1.2em;background-color:#0a0ca3;
		text-align:center;margin-left:5px;margin-right:auto; }
footer p{font-size:1.2em;line-height:1.2em;color:#fff;}
}