@charset "utf-8";
/*===============================================
●PC.css 画面の横幅が769px以上 
===============================================*/
@media screen and (min-width: 769px) {
		
/*-------------------------------------------
	table 共通
--------------------------------------------*/
tr { text-align:left; }
	
	
/*-------------------------------------------
	探偵ちゃん
--------------------------------------------*/	
.tantei {
    text-align: center;  
}
	
/*-------------------------------------------
	メイン画像
--------------------------------------------*/
	#pc_bk_1 {
		position: relative;
		width: 100%;
		height: 450px;
		padding-top: 130px;
		background-image: url("../images/index/index_img.jpg");
		background-position: right center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.catch_title {
	position: absolute;
	font-size: 35px;
	font-weight: 600;
	width: 600px;
	left: 9%;
	top: 200px;
		color: #292929;
			text-shadow:2px 2px 2px #ffffff;
	}
	
	.catch {
	position: absolute;
	font-size: 20px;
   font-weight: 400;
	width: 600px;
	left: 10%;
	top: 320px;
		color: #292929;
			text-shadow:2px 2px 2px #ffffff;
	}
	
	

	
	#sp_bk {
		display: none;
	}
	
/*-------------------------------------------
	浮気の可能性あり
--------------------------------------------*/
	.possibility {
		background-image: url("../images/index/pos.jpg");
		background-size: cover;
		background-position: center center;
			
	}
	
	.pos {
		font-size: 20px;
		color:#EBFF00;
		line-height: 1.1;
		margin-bottom: 25px;
	}
	
	.pos_co {
		color: #6ECFFF;
	}
	
	
/*-------------------------------------------
	サービス
--------------------------------------------*/
	.t_nav_box {
		width: 1160px;
		height: auto;
		margin-bottom: 30px;
	    display: flex;   
        justify-content:space-around;
	}

	
	.t_nav_1 {
		width: 550px;
		height: auto;

	}
	
	.t_nav_2 {
		width: 550px;
		height: auto;
		
	}
	
/*-------------------------------------------
	新着記事
--------------------------------------------*/
	.blog_box {
		width: 1160px;
		 display: flex;   
        justify-content:space-around;
	}

	
	.blog_1 {
		width: 350px;
		height: auto;

	}
	


/*-------------------------------------------
	お知らせ
--------------------------------------------*/
.info {
	width: 600px;
	padding: 20px 0 20px 40px;
	margin: 0 auto;
	}
	
	
	.tank_banner{
		width: 300px;
		margin: 0 auto;
	}

/*-------------------------------------------
	無料電話相談	
--------------------------------------------*/
	#tel_sp {
		display: none;
	}
	
	
	
}


/*===============================================
●SP.css  画面の横幅が〜768px
===============================================*/
@media screen and (max-width:768px) {
	
.center {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}	
	
/*-------------------------------------------
	table 共通
--------------------------------------------*/
tr { text-align:center; }
	
	
/*-------------------------------------------
	浮気の可能性あり
--------------------------------------------*/
	.possibility {
		background-image: url("../images/index/pos.jpg");
		background-size: cover;
		background-position: center center;
		padding: 40px 15px 40px 15px;
			
	}
	
	.pos {
		font-size: 20px;
		color:#EBFF00;
		line-height: 1.1;
		margin-bottom: 25px;
	}
	
	.pos_co {
		color: #6ECFFF;
	}

/*-------------------------------------------
	メイン画像
--------------------------------------------*/
	#sp_bk_1 {
		position: relative;
		width: 100%;
		height: 350px;
		background-image: url("../images/index/sp_index_img.jpg");
		background-position: right top ;
		background-repeat: no-repeat;
		background-size:cover;
	}

	
.catch_title {
	width: 90%;
	position: absolute;
	font-size: 130%;
	font-weight: 400;
	top: 90px;
		left: 5%;
		color: #FFFFFF;
		text-shadow:2px 2px 14px #000000;
	}
	
	.catch {
	width: 90%;
	position: absolute;
	font-size: 100%;
	top: 190px;
	left: 5%;
    color: #FFFFFF;
		text-shadow:2px 2px 14px #000000;
	}
	
	.bk_2 {
		width: 100%;
		background-color: #55CAEC;
		margin: 0 auto 40px auto;
	}

	.catch_2 {
		width: 95%;
		color: #FFFFFF;
		margin: 0 auto;	
		padding: 3px 10px 3px 10px;
		font-size: 75%;
	}
	
	#pc_bk {
		display: none;
	}
	
/*-------------------------------------------
	サービス
--------------------------------------------*/
	.t_nav_1 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;

	}
	
	.t_nav_2 {
		width: 100%;
		height: auto;
			margin: 0 auto;
		text-align: center;

	}
		
/* 線 */	
	.line_3 {
		width: 100%;
		border: solid #55CAEC 1px;
		margin-top:5px; 
		margin-bottom: 5px;
	}
	
	
/*-------------------------------------------
	新着記事
--------------------------------------------*/

	
	.blog_1 {
		width: 100%;
		height: auto;
	}
	
	.sb_20 {
		margin-bottom: 20px;
	}
	
	
	


/*-------------------------------------------
	お知らせ
--------------------------------------------*/
	.info {
	text-align: left;
	padding: 20px 0 20px 0;
	
	}
	
	.tank_banner	{
		width: 100%;
		margin: 0 auto 20px auto;
		text-align: center;
	}
	
	
/*-------------------------------------------
	ご相談
--------------------------------------------*/	
	#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;
	}
	

 
}