@charset "utf-8";

/*　事例リスト　*/

#case-study{
	padding:10px;
	font-size:1.5rem;
	line-height:2;
}

#case-study li{
	padding:0 20px 20px;
	margin-bottom:20px;
	border-bottom:#000 solid 1px;
}

#case-study li .ph{
	margin-bottom:15px;
	text-align:center;
}

#case-study li .txt h2{
	margin-bottom:10px;
	font-size:1.8rem;
	text-align:center;
	line-height:1.4;
}

#case-study li .txt h3{
	color:#CC6600;
	font-size:1.6rem;
	margin-bottom:15px;
	line-height:1.4;
}

#case-study li .link button{
	background-color:#333;
	color:#FFF;
	width:100%;
	height:50px;
	border-radius:8px;
	font-size:1.6rem;
	border:none;
	
}

.cs-detail-ttl{
	font-size:2.2rem;
	margin-bottom:10px;
	text-align:center;
	font-weight:normal;
}

.cs-detail-main-ph{
	margin-bottom:20px;
}

.cs-datail-main-copy h2{
	text-align:center;
	font-size:1.8rem;
	margin-bottom:20px;
	color:#003399;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.summary-wrp {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#000 dotted 1px;
}

.summary-wrp dt{
	font-size:1.6rem;
	border-bottom:#000 solid 1px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:5px;
}

.summary-wrp dl{
	margin-bottom:10px;
}

.summary-wrp dt i{
	color:#CC6600;
}

#cs-detail-main-content p{
	color:#666;
	font-size:1.3rem;
}

#cs-detail-main-content .section{
	margin-bottom:20px;
}

#cs-detail-main-content h2 {
	font-size:1.5rem;
	line-height:1.2;
	background-color:#F7F7F7;
	border-left:#003399 solid 3px;
	padding:5px 5px 5px 10px;
	margin-bottom:20px;
}

#cs-detail-main-content .section .ph{
	margin-bottom:10px;
}

#cs-detail-main-content .company-section{
	background-color:#F7F7F7;
	padding:15px;
	font-size:1.2rem;
}

#cs-detail-main-content .company-section .ph{
	margin-bottom:10px;
}

#cs-detail-main-content .company-section .txt h3{
	font-weight: bold;
}

#cs-detail-main-content .company-section .txt dl{
	margin-bottom:15px;
}

#cs-detail-main-content .company-section .txt table{
	width:100%;
	border-collapse:collapse;
}

#cs-detail-main-content .company-section .txt table th{
	background-color:#333;
	color:#FFF;
	padding:10px;
	border:#CCC solid 1px;
	width:30%;
}

#cs-detail-main-content .company-section .txt table td{
	padding:10px;
	border:#CCC solid 1px;
}

#cs-detail-main-content .staff_ph{
	margin-bottom:10px;
	}

#cs-detail-main-content .staff_name{
	text-align: center;
	font-size:1.2rem;
}



/*667px*/
@media screen and (min-width : 667px){
	
	#case-study li .txt h3{
	font-size:1.8rem;
	text-align: left;
}

#case-study li .link{
	text-align:center;
	}

#case-study li .link button{
	width:90%;
	}
	
#cs-detail-main-content .section .ph {
	text-align:center;
}

#cs-detail-main-content .company-section .ph .image {
	text-align:center;
	margin-bottom:20px;
}



}

	

/*768px*/
@media screen and (min-width : 769px){
	
	#case-study ul{
		font-size:0;
	}
	
	#case-study li{
		width:307px;
		display: inline-block;
		font-size:1.4rem;
		margin-right:19px;
		padding:0 0 20px;
		vertical-align:top;
	}

	#case-study li:nth-child(3n){
		margin-right:0;
	}
	
	#case-study li .txt{
		height:110px;
		overflow:hidden;
	}
	
	#case-study li .txt h2{
		font-size:1.6rem;
		text-align:left;
		line-height:1.4;
		font-weight:normal;
	}

	#case-study li .txt h3{
		color:#CC6600;
		font-size:1.4rem;
		margin-bottom:15px;
		line-height:1.4;
		font-weight:normal;
	}

	#case-study li .link button{
		background-color:#333;
		color:#FFF;
		width:100%;
		height:40px;
		border-radius:8px;
		font-size:1.3rem;
		border:none;	
	}

	.cs-detail-ttl{
		font-size:3.2rem;
		margin-bottom:23px;
		text-align:left;
		font-weight:normal;
	}
	
	.cs-detail-main-ph{
		margin-bottom:30px;
	}
	
	.cs-datail-main-copy h2{
		font-size:4.0rem;
		letter-spacing:3px;
		margin-bottom:50px;
		text-align:left;
		line-height:1.4;
	}
	
	.summary-wrp{
		font-size:0;
		margin-bottom:30px;
		}
	
	.summary-wrp dl{
		font-size:1.5rem;
		vertical-align:top;
		width:307px;
		display:inline-block;
		margin-right:19px;
		margin-bottom:50px;
	}
	
	.summary-wrp dl:nth-child(3n){
		margin-right:0;
	}
	
	.summary-wrp dl dd{
		padding-top:10px;
	}
	
	.summary-wrp .intro{
		font-size:1.5rem;
		color:#333;
		margin-bottom:20px;
		line-height:2.2;
	}
	
	#cs-detail-main-content{
		margin-bottom:50px;
	}
	
	#cs-detail-main-content h2 {
		font-size:2.2rem;
		line-height:1.2;
		letter-spacing:1px;
		background-color:#F7F7F7;
		border-left:#003399 solid 5px;
		padding:8px 5px 8px 10px;
		margin-bottom:20px;
	}
	
	#cs-detail-main-content .section{
		position:relative;
		}
	
	#cs-detail-main-content .section .ph{
		margin-bottom:10px;
		width:295px;
		float:right;
		margin-left:30px;
	}

	#cs-detail-main-content p{
		color:#666;
		font-size:1.5rem;
		line-height:2.2;
		margin-bottom:1em;
	}
	
	#cs-detail-main-content p.name-cap{
		text-align:right;
		line-height:1.3;
		font-size:1.2rem;
		}
	
	#cs-detail-main-content table{
		color:#666;
		font-size:1.5rem;
		margin-bottom:1em;
		line-height:2.2;
		}
	
	#cs-detail-main-content table th{
		padding-right:15px;
		text-align:left;
		vertical-align:top;
	}
		
	#cs-detail-main-content table td{
		padding-right:15px;
		vertical-align:top;
	}
	
	.company-section .ph{
		width:450px;
		float:left;
	}
	
	.company-section .ph .image{
		width:213px;
		margin-right:10px;
		float:left;
	}

	.company-section .ph .inner-txt{
		float:right;
		width:227px;
		
	}

	.company-section .txt{
		width:450px;
		float:right;
	}
	

	#cs-detail-main-content .staff_ph{
		margin-bottom:5px;
		}
	
	#cs-detail-main-content .staff_name{
		text-align:right;
		font-size:1.1rem;
	}

	#cs-detail-main-content .it-hojo-bnr-wrp{
		margin-bottom:60px;
	}
	


}

/*1024px*/
@media screen and (min-width : 1024px) {
	

}