@charset "utf-8";

@import url(default.css);
@import url(base.css);


		.wrapper header{
			margin:0 auto 30px;
		}

	@media screen and (max-width:640px){
		
			.wrapper header p{
				margin-bottom:40px;
			}
	}
			
	@media screen and (max-width:480px){
	
		.wrapper header{
			margin:0 auto 40px;
		}

			.wrapper header p{
				margin-bottom:30px;
			}
				
	}


		.wrapper header .inner{
			/*background-image:url(../about/images/ico_content.png);*/
		}

			.stdcatch{
				font-family:"kozuka-mincho-pro",sans-serif;
				font-weight:400;
				text-align: center;
			}

	@media screen and (max-width:640px){
		#main{margin-top:-50px;	}
	}



		@media screen and (max-width:420px){
			.wrapper header p br{display:none;}
		}




/* ------------------------- 思い -------------------------*/


	#omoi{
		background-image:url(../about/images/bg_omoi.jpg);
		background-position:400px 0;
		background-attachment:fixed;
		background-repeat:no-repeat;
	}
			
@media screen and (max-width:1200px){

	#omoi{background-position:300px 0;}
			
}
			
@media screen and (max-width:1000px){

	#omoi{background-position:100px 0;}
			
}
			
@media screen and (max-width:840px){

	#omoi{background-position:0 0;}
			
}
			
@media screen and (max-width:640px){

	#omoi{
		background-size:200% auto;
		background-attachment:scroll;
		
	}
			
}
			
@media screen and (max-width:480px){

	#omoi{background-position:-100px 0;}
			
}
		
		
		
		#omoi .inner{
			max-width:858px;
			width:90%;
			margin:0 auto;
			padding:55px 0;
		}
	
			#omoi h3{
				color:#1050ae;
				font-size:1.3em;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				font-weight:700;
			}
	
	
			#omoi .note{
				max-width:640px;
				width:90%;
				margin:20px auto;
				font-size:1.4em;
				font-weight:500;
				font-family:"kozuka-mincho-pro";
				line-height:1.7em;
				text-align:center;
				text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
				position:relative;
			}
	
			
		@media screen and (max-width:980px){
			#omoi .note{
				margin:0 auto;
				font-size:1.2em;
			}
		}
	
		@media screen and (max-width:640px){
			#omoi .note{
				font-size:1.0em;
			}
		}
	
		@media screen and (max-width:440px){
					
			#omoi .note br{
				display:none;
			}
					
		}



/* ------------------------- 社長ご挨拶 -------------------------*/


	#message{
		background-color:#f2f2f2;
	}
	
		#message .inner{
			max-width:858px;
			width:90%;
			margin:0 auto;
			padding:55px 0;
		}

	@media screen and (max-width:640px){
	
		#message .inner{
			padding:30px 0;
		}

	}
	
			#message h3{
				color:#000;
				font-size: 2.2em;
				font-family:"kozuka-mincho-pro",sans-serif;
				font-weight:500;
				text-align: center;
			}

		@media screen and (max-width:770px){
	
			#message h3{font-size: 2.0em;}

		}

		@media screen and (max-width:480px){
	
			#message h3{font-size: 1.6em;}

		}


			#syacho{
				max-width:140px;
				width:22%;
				margin-right:54px;
				margin-bottom:-40px;
				float:left;
				position:relative;
				top:-25px;
			}

		@media screen and (max-width:770px){
	
			#syacho{
				margin-right:30px;
				margin-bottom:0;
				top:-30px;
			}


		}

		@media screen and (max-width:480px){
	
			#syacho{
				display:block;
				width:25%;
				min-width:100px;
				margin:20px auto 0;
				float:none;
				top:0;
			}

		}

	
			#messagecatch{
				margin-top:50px;
				color:#1050ae;
				font-family:"kozuka-mincho-pro",sans-serif;
				font-weight:400;
				font-size:1.5em;
				line-height:1.6em;
			}

		@media screen and (max-width:960px){
	
			#messagecatch{
				margin-top:40px;
				font-size:1.2em;
			}

		}

		@media screen and (max-width:770px){
	
			#messagecatch{
				margin-top:40px;
				font-size:1.1em;
				line-height:1.6em;
			}

		}

		@media screen and (max-width:640px){
	
			#messagecatch{
				margin-top:30px;
				font-size:1.0em;
				line-height:1.6em;
			}
			#messagecatch br{display:none;}

		}

		@media screen and (max-width:480px){
	
			#messagecatch{
				margin-top:10px;
			}

		}

			#sig{
				margin:50px 0 20px;
				text-align:right;
				font-size:0.9em;
				font-family:"kozuka-mincho-pro",sans-serif;
				font-weight:400;
			}
	
				#sig span{
					font-size:1.2em;
					letter-spacing:0.2em;
				}

		@media screen and (max-width:640px){

			#sig{
				margin:30px 0 0;
			}
	
		}


/* ------------------------- 会社概要 -------------------------*/


	#outline{
	}
	
		#outline .inner{
			max-width:980px;
			width:90%;
			margin:0 auto;
			padding:55px 0;
		}

	@media screen and (max-width:640px){
	
		#outline .inner{
			padding:30px 0;
		}

	}
	
			#outline h3{
				margin-bottom:50px;
				color:#000;
				font-size: 2.2em;
				font-family:"kozuka-mincho-pro",sans-serif;
				font-weight:500;
				text-align: center;
			}

		@media screen and (max-width:770px){
	
			#outline h3{
				margin-bottom:30px;
				font-size: 2.0em;
			}

		}

		@media screen and (max-width:480px){
	
			#outline h3{font-size: 1.6em;}

		}


		#outlinecatch{
			margin:50px 0 60px;
			color:#304f7b;
			font-family:"kozuka-mincho-pro",sans-serif;
			font-weight:400;
			font-size:2.6em;
			line-height:1.6em;
			text-align:center;
		}

	@media screen and (max-width:980px){

		#outlinecatch{
			margin:30px 0 40px;
			font-size:2.0em;
			line-height:1.6em;
		}

	}

	@media screen and (max-width:770px){

		#outlinecatch{
			margin:30px 0 40px;
			font-size:1.7em;
			line-height:1.6em;
		}

	}

	@media screen and (max-width:640px){

		#outlinecatch{
			margin:30px 0 20px;
			font-size:1.2em;
			text-align:left;
		}

		#outlinecatch br{display:none;}

	}

	@media screen and (max-width:480px){

		#outlinecatch{font-size:1.0em;}

	}
	
		#outline table{
			width:100%;
			border-collapse:collapse;
			
		}

			#outline table td{
				padding:15px 10px;
				line-height:1.7em;
				border-bottom:1px dashed #ccc;
			}

			#outline table th{
				width:14%;
				padding:17px 10px;
				color:#092d62;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				font-weight:500;
				line-height:1.4em;
				border-bottom:1px dashed #ccc;
				vertical-align:top;
				white-space:nowrap;
			}

			#outline table tr:nth-of-type(1) th,
			#outline table tr:nth-of-type(1) td{
				border-top:1px dashed #ccc;
			}
			
			#outline table td:nth-of-type(1),
			#outline table tr:nth-of-type(1) td:nth-of-type(1){
				width:5%;
				border:none;
			}


		@media screen and (max-width:880px){
			
			#outline table td{
				padding:15px 5px;
			}
			
			#outline table td:nth-of-type(1),
			#outline table tr:nth-of-type(1) td:nth-of-type(1){
				width:1%;
			}

			#outline table th{
				padding:21px 5px;
			}

		}

		@media screen and (max-width:640px){

			#outline table td:nth-of-type(1),
			#outline table tr:nth-of-type(1) td:nth-of-type(1){
				width:0;
			}

			#outline table th{
				width:auto;
			}

		}


		#imgoutline{
			max-width:790px;
			width:90%;
			margin:50px auto 0;
		}

			#imgoutline img{
				width:44%;
			}

			#imgoutline img:first-child{margin-right:9%;}


		@media screen and (max-width:480px){

		#imgoutline{
			text-align:center;
		}

			#imgoutline img{
				max-width:300px;
				width:80%;
			}

			#imgoutline img:first-child{
				margin:0 0 20px 0;
			}

		}





/* ------------------------- アクセス -------------------------*/


	#access{
		background-color:#ebf1fa;
	}
	
		#access .inner{
			max-width:980px;
			width:90%;
			margin:0 auto;
			padding:55px 0;
		}

	@media screen and (max-width:770px){

		#access .inner{
			padding:30px 0 50px;
		}
		
	}
	
			#access h3{
				color:#000;
				font-size: 2.2em;
				font-family:"kozuka-mincho-pro",sans-serif;
				font-weight:500;
				text-align: center;
			}

		@media screen and (max-width:770px){
	
			#access h3{font-size: 2.0em;}

		}

		@media screen and (max-width:480px){
	
			#access h3{font-size: 1.6em;}

		}

		#gmap{
			max-width:1200px;
			width:96%;
			height:600px;
			margin:50px auto 30px;
			border:1px solid #CCC;
		}

	@media screen and (max-width:1200px){

		#gmap{height:480px;}
		
	}

	@media screen and (max-width:770px){

		#gmap{margin:30px auto 30px;}
		
	}


		@media screen and (max-width:480px){

			#gmap{
				width:84%;
				height:400px;
			}

		}