@charset "utf-8";

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


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

	#globalheader{
		padding-top:50px;
	}

}

	#globalheader hgroup{
		height:150px;
		margin-top:-150px;
		position:relative;
		top:180px;
		z-index:200;
	}

	#globalheader h1{
		max-width:497px;
		width:80%;
		height:50px;
		margin:-90px auto 0;
		padding-top:10px;
		text-align:center;
		position:relative;
	}
	#globalheader h1 img{
		width:100%;		
	}

		#globalheader hgroup p{
			margin:50px 0 0;
			color:#030;
			font-size:3.0em;
			font-family: "kozuka-mincho-pro",serif;
			font-weight:500;
			text-align:center;
			text-shadow:1px 1px 10px #fff,
						1px -1px 10px #fff,
						-1px 1px 10px #fff,
						-1px -1px 10px #fff;
		}
	
	@media screen and (max-width:980px){

	#globalheader hgroup{
		top:160px;
	}

		#globalheader hgroup p{
			font-size:2.0em;
			margin:25px 0 0;
		}

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

		#globalheader hgroup p{
			font-size:1.5em;
			margin:10px 0 0;
		}

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

		#globalheader hgroup p{
			font-size:1.1em;
			margin:0;
			position:relative;
			top:-10px;
		}

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

		#globalheader hgroup p{
			font-size:0.95em;
			top:-20px;
		}

	}


			/*#globalheader .inner li a:before{
				content:url(../shared/img_triangle.png);
				height:15px;
				margin-top:-15px;
				text-align:center;
				position:relative;
				top:-15px;
				z-index:2000;
			}*/



	#mainimage{
		position:relative;
	}
	
		#mainimage img{
			width:100%;
			position:relative;
		}


	#globalheader .inner{
		width:100%;
		margin-top:-80px;	
		position:relative;
		top:0;
	}
	
@media screen and (max-width:980px){

	/*#globalheader .inner{
		top:-240px;
	}*/

}

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

	#globalheader .inner{
		height:50px;
		position:fixed;
		top:80px;
		z-index:1000;
	}

}


		#columnlist{
			height:240px;
			margin-bottom:-320px;
			background-image:url(../shared/bg_dot.png);
			position:relative;
			top:-320px;
			z-index:200;
			overflow:hidden;
		}
	
	@media screen and (max-width:980px){

		#columnlist{
			margin-bottom:0;
			top:0;
		}
	
	}
		
			#columinner{
				max-width:640px;
				width:96%;				
				margin:0 auto;
			}
				
				#linkcolumn{
					display:block;
					width:80px;
					height:20px;
					margin-bottom:-20px;
					padding-right:10px;
					color:#fff;
					font-size:0.7em;
					text-align:center;
					text-decoration:none;
					line-height:20px;
					float:right;
					position:relative;
					top:20px;
					background-color:#030;
					background-image:url(../shared/img_yazirurshi-white-s.png);
					background-repeat:no-repeat;
					background-position:95% 50%;
					-webkit-transition:opacity 0.3s ease-out;
					-moz-transition:opacity 0.3s ease-out;
					-ms-transition:opacity 0.3s ease-out;
					transition:opacity 0.3s ease-out;
				}

				#columnlist h2{
					clear:both;
					padding:17px 0 10px;
					color:#030;
					font-size:1.3em;
					font-weight:700;
					text-align:center;	
				}
	
			@media screen and (max-width:420px){
		
				#columnlist h2{font-size:1.1em;}
			}
	

				
				#linkcolumn:hover{
					filter:alpha(opacity=70);
					-moz-opacity:0.70;
					opacity:0.70;
				}
	
				#columnlist ul{
					width:100%;
					border-top:1px dashed #ccc;
				}
	
					#columnlist li{
						padding:10px;
						list-style:none;
						border-bottom:1px dashed #ccc;
					}
	
					#columnlist li .photo{
						width:60px;
						height:60px;
						margin-right:15px;
						float:left;
						line-height:0;
						background-image:url(../column/images/bg_photo.png);
						background-size:41px auto;
						background-position:50% 50%;
						background-repeat:no-repeat;
						-moz-box-shadow:0 0 0 1px #ccc inset;
						-webkit-box-shadow:0 0 0 1px #ccc inset;
						box-shadow:0 0 0 1px #ccc inset;			
					}
			
						#columnlist li .photo img{
							width:60px;
							height:60px;
						}
						
						#columnlist li .date{
							color:#666;
							font-size:0.9em;
							line-height:1.5em;
						}
						
						#columnlist li .entrybody{
							line-height:1.5em;
						}
						
						#columnlist li a{text-decoration:none;}
						#columnlist li a:hover{text-decoration:underline;}



	.content-sec{
		margin-bottom:-80px;
		padding-top:80px;
		position:relative;
		top:-80px;
	}
	
@media screen and (max-width:760px){

	.content-sec{
		margin-bottom:-50px;
		padding-top:50px;
		top:-50px;
	}
	
}



	/* コンサルタントとは */

	#consultant{
	}
	
		#consultant .contentsec-inner{
			position:relative;
		}

		#consultant header{
			padding:50px 0 60px;
			background-color:#ebf7f0;
		}
	
	@media screen and (max-width:760px){

		#consultant header{
			padding:20px 0 30px;
		}
	
	}
	
				#consultant header h2{					
					max-width:870px;
					width:90%;
					clear:both;
					margin:0 auto;
					padding:17px 0 10px;
					color:#030;
					font-size:2.0em;
					font-weight:700;
				}
		
		
				#consultant header p{
					max-width:870px;
					width:90%;
					margin:15px auto 0;
					font-size:1.6em;
					line-height:1.8em;
				}

		@media screen and (max-width:1000px){
			
				#consultant header h2{					
					max-width:870px;
					width:90%;
					margin:0 auto;
					padding:17px 0 10px;
					color:#030;
					font-size:1.8em;
					font-weight:700;
				}

				#consultant header p{
					font-size:1.2em;
				}
				
		}
	
		@media screen and (max-width:760px){

			
				#consultant header h2{					
					font-size:1.5em;
				}

				#consultant header p{
					margin:10px auto 0;
					font-size:1.0em;
				}
				
		}
		
		@media screen and (max-width:640px){
			
				#consultant header h2{					
					font-size:1.2em;
				}

				#consultant header p{
					margin:0 auto;
				}
				
		}
		



	/* こんなことでお困りではないですか？ */

	#case{
		padding:35px 0;
		background-image:url(../images/bg_case.jpg);
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:93% auto;
	}

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

	#case{background-size:1500px auto;}
	
}

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

	#case{
		background-size:140% auto;
		background-repeat:repeat-y;
		background-position:50% 0;
	}
	
}
	
@media screen and (max-width:760px){

	#case{
		padding:0;
	}
	
}

		#case .inner{
			max-width:980px;
			width:90%;
			margin:0 auto;
			padding:35px 0;
			background-image:url(../shared/bg_clear-white80.png);
		}
	
@media screen and (max-width:760px){

		#case .inner{
			padding:30px 0;
		}
	
}
	
		#case h2{
			margin:0 0 70px;
			padding:0 4%;
			font-size:3.4em;
			font-family: "kozuka-mincho-pro",serif;
			font-weight:500;
		}

@media screen and (max-width:1200px){
	
		#case h2{
			margin:0 0 50px;
			padding:0 4%;
			font-size:3.0em;
		}

}

@media screen and (max-width:1000px){
	
		#case h2{
			margin:0 0 40px;
			padding:0 4%;
			font-size:2.4em;
		}

}

@media screen and (max-width:760px){
	
		#case h2{
			margin:0 0 20px;
			padding:0 3% 0 4%;
			font-size:1.45em;
		}

}

@media screen and (max-width:480px){
	
		#case h2{
			margin:0 0 20px;
			padding:0 4%;
			font-size:1.4em;
		}

}
	
			#case ul{
				margin:0 0 50px 6%;
			}
		
		@media screen and (max-width:760px){
	
			#case ul{
				margin-bottom:30px;
			}
		
		}
	
				#case li{
					margin-bottom:8px;
					padding:0 10px 0 30px;
					color:#030;
					font-size:1.6em;
					list-style:none;
					line-height:1.7em;
					background-image:url(../shared/dot_circle-green.png);
					background-repeat:no-repeat;
					background-position:0 9px;
				}

		@media screen and (max-width:1000px){
			
				#case li{
					font-size:1.2em;
					padding:0 10px 0 25px;
					background-position:0 7px;
					background-size:14px auto;
				}
				
		}
		
		@media screen and (max-width:760px){
			
				#case li{
					font-size:1.0em;
					padding:0 15px 0 20px;
					background-position:0 6px;
					background-size:10px auto;
				}
				
		}
		
	

			#case .linkbtn{
				display:block;
				width:480px;
				height:50px;
				margin:0 auto;
				padding-left:20px;
				color:#fff;
				font-weight:700;
				font-size:1.1em;
				text-decoration:none;
				line-height:50px;
				background-color:#030;
				background-image:url(../shared/img_yazirurshi-whiteL.png);
				background-repeat:no-repeat;
				background-position:97% 50%;
				background-size:25px auto;
				border-radius:4px;
				position:relative;
			}
		
		@media screen and (max-width:760px){

			#case .linkbtn{
				max-width:500px;
				width:80%;
				height:auto;
				padding:10px 0 5px;
				font-weight:500;
				font-size:1.0em;
				text-align:center;
				line-height:1.4em;
				background-image:none;
			}

		}
	


	/* 私たちコンサルタントをご利用ください */

	#answer{
		background-image:url(../shared/bg_dot-pink.png);
	}
	
			#answer .inner-wrap{
				padding:35px 0;
				background-image:url(../images/bg_work.png);
				background-repeat:no-repeat;
				background-size:100% auto;;

			}
	
		@media screen and (max-width:760px){
		
			#answer .inner-wrap{
				padding:0;
			}
			
		}
		
			#answer .inner{
				max-width:980px;
				width:90%;
				margin:0 auto;
				padding:35px 0;
			}
	
	@media screen and (max-width:770px){
	
			#answer .inner{
				padding:30px 0;
			}
		
	}
	
	
		#answer h2{
			max-width:870px;
			width:90%;
			margin:0 0 70px;
			padding:0 4%;
			color:#c33;
			font-size:3.2em;
			font-family: "kozuka-mincho-pro",serif;
			font-weight:500;
			text-shadow:1px 1px 10px #fff5e6,
						1px -1px 10px #fff5e6,
						-1px 1px 10px #fff5e6,
						-1px -1px 10px #fff5e6,
						1px 1px 10px #fff5e6,
						1px -1px 10px #fff5e6,
						-1px 1px 10px #fff5e6,
						-1px -1px 10px #fff5e6,
						1px 1px 10px #fff5e6,
						1px -1px 10px #fff5e6,
						-1px 1px 10px #fff5e6,
						-1px -1px 10px #fff5e6;
		}

	@media screen and (max-width:1200px){
	
		#answer h2{
			margin:0 0 50px;
			padding:0 4%;
			font-size:3.0em;
		}

	}
	
	@media screen and (max-width:1000px){
	
		#answer h2{
			margin:0 0 40px;
			padding:0 4%;
			font-size:2.4em;
		}

	}
	
	@media screen and (max-width:770px){
	
		#answer h2{
			width:96%;
			margin:0 0 20px;
			padding:0 0 0 4%;
			font-size:1.45em;
		}

	}


			#answer ol{
				margin:0 0 50px 3%;
			}
	
		@media screen and (max-width:770px){
		
			#answer ol{
				margin-bottom:30px;
			}
			
		}
		
				#answer li{
					min-height:50px;
					margin-bottom:23px;
					padding-left:55px;
					color:#c33;
					font-size:1.6em;
					font-weight:500;
					list-style:none;
					line-height:1.7em;
					background-repeat:no-repeat;
					background-position:0 0;
				}
				#answer li:nth-of-type(1){background-image:url(../images/num1.png);}
				#answer li:nth-of-type(2){background-image:url(../images/num2.png);}
				#answer li:nth-of-type(3){background-image:url(../images/num3.png);}
				#answer li:nth-of-type(4){background-image:url(../images/num4.png);}


		@media screen and (max-width:1000px){
			
				#answer li{
					min-height:30px;
					font-size:1.2em;
					padding:0 10px 0 40px;
					background-position:0 7px;
					background-size:17px auto;
				}
				
		}
		
		@media screen and (max-width:770px){
			
				#answer li{
					min-height:19px;
					font-size:1.0em;
					padding:0 15px 0 30px;
					background-position:0 6px;
					background-size:14px auto;
				}
				
		}
		

			#answer .linkbtn{
				display:block;
				width:420px;
				height:50px;
				margin:0 auto;
				padding:10px 60px 0 20px;
				color:#fff;
				font-weight:700;
				font-size:1.1em;
				text-decoration:none;
				text-align:center;
				line-height:1.4em;;
				background-color:#ff5600;
				background-image:url(../shared/img_yazirurshi-whiteL.png);
				background-repeat:no-repeat;
				background-position:97% 50%;
				background-size:25px auto;
				border-radius:4px;
				position:relative;
			}
		
		@media screen and (max-width:770px){

			#answer .linkbtn{
				max-width:500px;
				width:80%;
				height:auto;
				padding:10px 0 5px;
				font-weight:500;
				font-size:1.0em;
				background-image:none;
			}

		}
	


	/* 事務所概要 */


		#outline{
		}
	
			#outline .inner{
				max-width:940px;
				width:90%;
				margin:0 auto;
				padding:35px 0;
				position:relative;
			}
	
		@media screen and (max-width:770px){
		
			#outline .inner{
				padding:15px 0 35px;
			}
			
		}
				
	
				#outline h2{
					max-width:870px;
					width:90%;
					clear:both;
					padding:17px 0 10px;
					font-size:2.0em;
					font-weight:700;
					margin:0;
				}

		@media screen and (max-width:1000px){
			
				#outline h2{					
					max-width:900px;
					width:96%;
					font-size:1.8em;
				}

				#outline p{
					font-size:1.2em;
				}
				
		}
		
		@media screen and (max-width:770px){
			
				#outline h2{					
					font-size:1.5em;
				}

				#outline p{
					margin:10px auto 0;
					font-size:1.0em;
				}
				
		}
		
		@media screen and (max-width:640px){
			
				#outline h2{					
					font-size:1.2em;
				}

				#outline p{
					margin:0 auto;
				}
				
		}
	


				#outline table{
					width:100%;
					margin:20px 0 50px;
					line-height:1.5em;
					border-collapse:collapse;
					border-top:1px dotted #ccc;
				}

					#outline th{
						padding:20px 0 15px;
						color:#454d00;
						font-weight:normal;
						border-bottom:1px dotted #ccc;
						line-height:1.3em;
						white-space:nowrap;
					}

					#outline td{
						padding:20px 10px 15px 20px;
						border-bottom:1px dotted #ccc;
						background:url(../shared/line_outleintable.gif) repeat-y;
					}

						#outline td ul{
							margin-left:20px;
						}
						
							#outline td ul li{
								line-height:1.6em;
								margin-bottom:5px;
							}
							#outline td ul li:last-child{margin-bottom:0;}

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

				#outline table{
					margin:20px 0 30px;
				}

		}
		

				#outline .spbox{
					padding:20px 30px 15px;
					background-color:#ebf7f0;
					border-radius:10px;
				}

					#outline .spbox h3{
						font-weight:700;
						font-size:1.2em;
					}


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

				#outline .spbox{
					padding:15px 5% 10px;
					border-radius:0;
				}

					#outline .spbox h3{
						font-size:1.0em;
					}


		}

				
				#outline .mainnote{
					width:94%;
					margin:40px auto 0;
					color:#c33;
					font-size:1.5em;
					font-family: "kozuka-mincho-pro",serif;
					font-weight:500;
					line-height:1.7em;
				}

		@media screen and (max-width:1000px){
				
				#outline .mainnote{
					font-size:1.2em;
				}

		}


		@media screen and (max-width:770px){
				
				#outline .mainnote{
					margin:20px auto 0;
					font-size:1.0em;
				}

		}
	

	/* 費用について */

	
	#payment{	
	}

		#payment .inner{
			padding:50px 0 80px;
			background-image:url(../shared/bg_paper.png);
		}
	
	@media screen and (max-width:770px){
		
		#payment .inner{
			padding:15px 0 50px;
		}
			
	}
				

				#payment p{
					max-width:870px;
					width:90%;
					margin:15px auto 0;
					font-size:1.2em;
					font-family: "kozuka-mincho-pro",serif;
					font-weight:500;
					line-height:1.8em;
				}

				#payment h2{
					max-width:940px;
					width:90%;
					margin:0 auto;
					padding:17px 0 10px;
					font-size:2.0em;
					font-weight:700;
				}

		@media screen and (max-width:1000px){
			
				#payment h2{					
					font-size:1.8em;
				}

				#payment p{
					margin:10px auto 0;
					font-size:1.0em;
				}
				
		}
		
		@media screen and (max-width:770px){
			
				#payment h2{					
					font-size:1.5em;
				}

				
		}
		
		@media screen and (max-width:640px){
			
				#payment h2{					
					font-size:1.2em;
				}

				#payment p{
					margin:0 auto;
				}
				
		}
	
	

	/* お問い合わせ */
	
		#contact .inner{
			padding:50px 0 80px;
		}
	
	@media screen and (max-width:770px){
		
		#contact .inner{
			padding:15px 0 30px;
		}
			
	}
				
		
				#contact h2{
					max-width:940px;
					width:90%;
					margin:0 auto;
					padding:17px 0 10px;
					font-size:2.0em;
					font-weight:700;
				}

		@media screen and (max-width:1000px){
			
				#contact h2{					
					font-size:1.8em;
				}

				#contact p{
					font-size:1.2em;
				}
				
		}
		
		@media screen and (max-width:770px){
			
				#contact h2{					
					font-size:1.5em;
				}

				#contact p{
					margin:10px auto 0;
					font-size:1.0em;
				}
				
		}
		
		@media screen and (max-width:640px){
			
				#contact h2{					
					font-size:1.2em;
				}

				#contact p{
					margin:0 auto;
				}
				
		}
	

				#contact p.notice{text-align:center;}
		
		@media screen and (max-width:640px){
			
				#contact p.notice{
					font-size:0.9em;
					line-height:1.5em;
				}

		}
		

				#contact form{
					display:block;
					max-width:940px;
					width:100%;
					margin:20px auto;
					padding:30px 0 50px;
					background-color:#f2edce;
				}

		@media screen and (max-width:770px){
				
				#contact form{
					margin:10px auto;
					padding:30px 0 30px;
				}

		}
	

				#contact .mainnote{
					width:94%;
					margin:0 auto 25px;
					color:#c33;
					font-size:1.5em;
					font-family: "kozuka-mincho-pro",serif;
					font-weight:500;
					line-height:1.7em;
					text-align:center;
				}

		@media screen and (max-width:1000px){
				
				#contact .mainnote{
					font-size:1.2em;
				}

		}


		@media screen and (max-width:770px){
				
				#contact .mainnote{
					font-size:1.0em;
				}

		}
	
		@media screen and (max-width:560px){
				
				#contact .mainnote{
					width:90%;
					text-align:left;					
				}

		}
	


					#contact .tablewrapper{
						max-width:760px;
						width:90%;
						margin:0 auto;
					}
				
					#contact table{
						width:100%;
						margin:50px 0 0;
						border-spacing:5px;
						position:relative;
						top:-20px;
					}

						#contact th{
							width:100px;
							padding:11px 0 0;
							color: #030;
							font-weight:normal;
							text-align:left;
							line-height:1.3em;
							vertical-align:top;
							background-image:url(../shared/dot_box_red.gif);
							background-repeat:no-repeat;
							background-position:0 18px;
						}
						#contact th.longtext{padding:3px 0 0;}

						#contact td{
							padding:0 10px;
						}

						#contact td input,
						#contact td select{
							height:40px;
							margin-bottom:15px;
							padding:0 15px;
							border:none;
							border-radius:5px;
						}

						#contact td textarea{
							margin:0;
							padding:10px 15px;
							border:none;
							border-radius:5px;
							position:relative;
							top:-8px;
						}
								
						#contact tr:last-child td{
									padding-top:8px;
								}
								
						#name,#furigana,#tantou,#tfurigana{
							width:100%;
							max-width:200px;
						}

						#address1{
							float:left;
						}

						#email,#email2,#address2{
							width:100%;
							max-width:600px;
						}
						
						#naiyo{
							width:99%;
							max-width:600px;
						}


						#tel1,#tel2,#tel3,#zip1,#zip2{
							width:20%;
							max-width:90px;
						}
						

						.remarks{
							margin:0;
							color:#369;
							font-size:0.9em !important;
							position:relative;
							top:-8px;
							
						}


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

					#contact .tablewrapper{
						width:94%;
						margin:0 auto;
					}
				

						#contact th{
							max-width:85px;
							width:30%;
							padding:5px 0 0;
							font-size:0.9em;
							background:none;
						}

						#contact td{
							padding:0;
							background:none;
						}

						#contact td input,
						#contact td select{
							height:20px;
							margin-bottom:10px;
							padding:0;
							border:1px solid #ccc;
							border-radius:5px;
						}

						#contact td textarea{
							margin:0;
							padding:0 15px;
							border:1px solid #ccc;
							border-radius:5px;
							position:relative;
							top:-8px;
						}
								
						#name,#furigana,#tantou,#tfurigana{
							max-width:100%;
							width:100%;
						}

						#email,#email2,#address2{
							max-width:100%;
							width:100%;
						}

						#naiyo{
							width:85%;
							max-width:85%;
						}


						#tel1,#tel2,#tel3,#zip1,#zip2{
							width:25%;
						}
						
						p.remarks{
							font-size:0.8em !important;
							line-height:1.5em;
							top:-5px;
						}


						.formnote{
							color:#369;
							font-size:0.9em;
						}


					}


				@media screen and (max-width:480px){
						
						#hissu{
							width:86%;
						}

								#form-inner th{
									padding:2px 5px;
									font-size:80%;
								}

				}


						#submit{
							width:200px;
							height:40px;
							margin:0 auto;
						}

						#submit1{
							width:200px;
							height:40px;
							color:#fff;
							font-weight:700;
							line-height:40px;
							letter-spacing:0.07em;
							background-color:#c00;
							border:none;
							border-radius:3px;
							float:left;
							cursor:pointer;
							-webkit-transition:opacity 0.3s ease-out;
							-moz-transition:opacity 0.3s ease-out;
							-ms-transition:opacity 0.3s ease-out;
							transition:opacity 0.3s ease-out;
						}

						#submit1:hover{
							filter:alpha(opacity=80);
							-moz-opacity:0.80;
							opacity:0.80;
						}

						#submit2{
							width:20px;
							height:40px;
							color:#fff;
							font-weight:700;
							line-height:40px;
							letter-spacing:0.2em;
							text-align:center;
							background:#666;
							border:0;
							border-radius:3px;
							float:left;
						}
						#submit2 a{
							text-decoration:none;
							color:#fff;
							-webkit-transition:opacity 0.3s ease-out;
							-moz-transition:opacity 0.3s ease-out;
							-ms-transition:opacity 0.3s ease-out;
							transition:opacity 0.3s ease-out;
						}

						#submit2 a:hover{
							filter:alpha(opacity=80);
							-moz-opacity:0.80;
							opacity:0.80;
						}