@charset "utf-8";
/*===============================================
●PC.css 画面の横幅が769px以上 
===============================================*/
@media screen and (min-width: 769px) {
		
/*-------------------------------------------
	table 共通
--------------------------------------------*/
tr { text-align:left; }

/*-------------------------------------------
コンテンツ上余白
-------------------------------------------*/
	.box80 {
		padding: 80px 0 0 0;
	}
			
	
/*-------------------------------------------
	料金
--------------------------------------------*/
	
		.price_box {
		width: 850px;
		height: auto;
		margin: 0 auto;
			border: solid 1px #292929;
	}
	

	.line_bottom {
		border-bottom:  solid 1px #292929;
	}
	
	
/*-------------------------------------------
	調査の流れ
--------------------------------------------*/
.flow_box {
	width: auto;
	height: auto;
	padding: 20px;
	border: solid 3px #3698ce;
   border-radius: 10px 10px 10px 10px;
}
	
	.arrow {
		width: 100px;
		height: 35px;
		margin: 0 auto 20px auto;
	}
	

	
/*-------------------------------------------
	調査事例
--------------------------------------------*/	
	
	.tb_line {
	background-color: #F4F4F4;
	padding:0 40px 0 40px;
	}
	
/*-------------------------------------------
	よくある質問
--------------------------------------------*/
.qa_box {
	 overflow: hidden;
	width: auto;
	height: auto;
   
}
	
	.qa_abox {
		overflow: hidden;
		width: auto;
		height: auto;
		padding: 10px 50px 0 50px;
	}	
	
	
/*-------------------------------------------
	事務所案内
--------------------------------------------*/	
	th {
		font-weight: 200;
	}
	
	.office_box {
		width: 850px;
		height: auto;
		margin: 0 auto;

	}
    .bk_cs {
	background-color: #E0E0E0;
	}
	
	.bk_cp {
background-color: #E0E0E0;

	}

	
	.off_p  {
		padding: 10px 0 10px 30px;
	}	
	
	.m_tb10 {

	padding:10px 0 10px 0;
}
	
	.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*-------------------------------------------
	お問い合わせ・ご相談
--------------------------------------------*/	
    
    	.mail_form {
		width: 100%;
    height: 900px;
	
	}
    
	#contact{
		width: 1024px;
		margin: 0 auto;
	}
	
	#contact_tel {
		height: 700px;
	}	
	
	.ct_img {
		position: relative;
		max-width: 100%;
		height:500px;
		background-image: url("../images/contact/tel_bk.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size:cover;
		
	}	
	
	.ct_tel {
	position: absolute;
	top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	}
	
   .sp_tel {
    display: none;
	}
	
/*-------------------------------------------
サイトマップ
-------------------------------------------*/
p.left_area {
	font-size:16px;
	margin:0 15px 0 0;
	padding:0;
	float:left;
	
	}
	
	nav.left_nav {
	margin:0 15px 0 0;	
	float:left;	
	}
	
   

}


/*===============================================
●SP.css  画面の横幅が〜768px
===============================================*/
@media screen and (max-width:768px) {
	
.center {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}	
	
/*-------------------------------------------
	table 共通
--------------------------------------------*/
tr { text-align:center; }
	
/*-------------------------------------------
コンテンツ上余白
-------------------------------------------*/
	.box80 {
		padding: 100px 0 0 0;
	}	
	
		
/*-------------------------------------------
	料金
--------------------------------------------*/
		.price_box {
		margin: 0 auto;
		padding: 0 5px 0 10px;
	}
	
    .price_box th,
    .price_box td {
	 width: 100%;
    display: block;
    }

/*-------------------------------------------
	調査の流れ
--------------------------------------------*/
.flow_box {
	width: auto;
	height: auto;
	padding: 20px;
	border: solid 2px #55CAEC;
   border-radius: 10px 10px 10px 10px;
}
	
	.arrow {
		width: 100px;
		height: 35px;
		margin: 0 auto 20px auto;
	}
	
	.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	
	
/*-------------------------------------------
	調査実例
--------------------------------------------*/	
	.case_box th,
    .case_box td {
	 width: 100%;
    display: block;
    }

	.tb_line {
  text-vertical-align:top;
	}
	
/*-------------------------------------------
　よくある質問
--------------------------------------------*/
.qa_box {
	width: auto;
	height: auto;
   
}
	
	.qa_abox {
		width: auto;
		height: auto;
		padding: 5px;
	}	
	
	
	.office_box {
		margin: 0 auto;
		padding: 0 5px 0 10px;
	}
	
    .office_box th,
    .office_box td {
	 width: 100%;
    display: block;
    }

	
/*-------------------------------------------
　事務所案内
-------------------------------------------*/
			
	th,td {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.office_box {
		margin: 0 auto;
		padding: 0 5px 0 10px;
	}
	
    .office_box th,
    .office_box td {
	 width: 100%;
    display: block;
    }

	
	.bk_cs {
background-color: #E0E0E0;
	}
	
	.bk_css {
background-color: #E0E0E0;
	}

	.off_p  {
		padding: 10px;
	}	
	
	.m_tb10 {
	padding:10px 0 10px 0;
}
	
.g_map {
position: relative;
padding-top: 75%;
height: 0;
overflow: hidden;
	margin:10px 0 10px 0;
}
	
.g_map iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}



/*-------------------------------------------
　ご相談
--------------------------------------------*/	
    
      	.mail_form {
		width: 100%;
    height:900px;
	
	}
    
	#contact{
	
		padding: 0 15px 0 15px;
	}
	
	#contact_tel {
		height: 300px;
		overflow: hidden;
		margin-bottom: 40px;
	
	}	
	
	.ctsp_img {
		position: relative;
		width: 100%;
		height:200px;
		background-image: url("../images/contact/tel_bk.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size:cover;
		
	}	
	
	.ctsp_tel {
		width: 80%;
	    position: absolute;
	    top: 50%;
        left: 50%;
	    -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
	}
	
	.pc_tel {
    display: none;
	}	
	
 
	
	p.c_padiding {
		padding: 0 15px 10px 15px;
	}
	
/*-------------------------------------------
　サイトマップ
-------------------------------------------*/
p.left_area {
	font-size: 82%;
	margin:0 15px 0 0;
	padding:0;
	float:left;
	
	}


 
}