/* ===============================
   Header: logo, top menu area
   =============================== */
#case_study #header {
	background: url(images/case_study_header_bg.jpg) no-repeat center / cover;
	height: 485px;		/* was 450px */
	padding-top: 305px;	/* was 250px */
}
#case_study #header_menu {
	z-index: 9999;
}
#case_study #page_title {
}
ul#paxis_navi > li span.current span.text {
	color: #b2b2b2;
}

/* Breadcrumbs */
#breadcrumbs {
	font-size: 75%;
}
#breadcrumbs p {
	line-height: 50px;
}
#breadcrumbs a {
	text-decoration: none;
	color: #000;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}

/* ===============================
   Contents (PAXiS Screening)
   ================== */
#breadcrumbs p, 
#digital_data p,
#kenshin_system p,
#report .caption {
	margin: 0;
	padding: 0;
}
h2 {
	color: #003b90;
	font-size: 40px;
	text-align: center;
	line-height: 1;
}


/* Nav Top */
#ft_nav_top {
	display: none;
	position: fixed;
	right: 50%;
	bottom: 10px;
	z-index: 999;
	margin-right: -500px;
}
#ft_nav_top a {
	background-color: #003b90;
	-moz-border-radius: 1.5px;
	border-radius: 1.5px;
	display: inline-block;
	float: right;
	width: 50px;
	height: 50px;
	padding: 7px 11px;
}
#ft_nav_top a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
#ft_nav_top a:hover img {
	opacity: 1;
	filter: none;
}
/* ============================================================================
   Responsive Structure
   ========================================================================= */

@media screen and (min-width: 769px), print {
	#breadcrumbs,
	#difficulties,
	#iyogazo {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	#difficulties ul {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 768px) {
	/* Header */
	#case_study #header {
		background: url(images/sp/case_study_header_bg.jpg) no-repeat center / cover;
		height: 40vw;		/* 300px */
		padding-top: 18.53vw;	/* 139px */
	}
	#case_study #page_title span[lang="en"] {
		font-size: 3.73vw;	/* 28px */
	}

	/* Breadcrumbs */
	#breadcrumbs {
		display: none;
	}

	/* Contents (PAXiS Screening) */
	h2 {
		font-size: 5.87vw;	/* 44px */
	}
	
#ft_nav_top a {
		-moz-border-radius: 3px;
		border-radius: 3px;
		width: 50px;
		height: 50px;
		padding: 13px 17px;
	}
	#ft_nav_top a:hover {
		opacity: 1;
		filter: none;
	}
	#ft_nav_top a img {
		width: 100%;
	}
}

/* ============================================================================
   case_list
   ========================================================================= */
   .case_wrap{
	background:#E8EEFC;	
}
.case_list{
	font-size:0;
	margin:50px 0;
}
.case_list li{
	width:300px;
	margin:0 50px 50px 0;
	display:inline-block;
}
.case_list li:nth-child(3n){
	margin-right:0;
}
.case_list li a{
	text-decoration:none;
}
.case_list li a:hover{
	opacity:0.8;
	text-decoration:underline;
	color:#000;
}
.case_list li .txt_box{
	background:#fff;
	padding:15px;
}
.case_list li .cat{
	display:inline-block;
	padding:3px 8px 2px 8px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
.case_list li .cat.pro{
	background:#013A91;
}
.case_list li .cat.portable{
	background:#3485BA;
}
.case_list li .cat.screening{
	background:#195E9F;
}
.case_list li .cat.other{
	background:#48C1F0;
}
.case_list li .ttl{
	color:#000;
	font-size:16px;
	text-align:left;
	text-decoration:none!Important;
	margin:10px 0 0 0;
}
.case_list li .txt{
	font-size:14px;
	color:#000;
	line-height:1.7;
}
@media screen and (max-width: 768px) {
.case_list{
	font-size:0;
	margin:0;
	padding:0 15px;
}
.case_list li{
	width:100%;
	margin:0 0 35px 0;
}
.case_list li img{
	width:100%;
	height:auto;
}
.case_list li .txt_box{
	padding:15px;
}
.case_list li .cat{
	font-size:2.7vw;	
}
.case_list li .ttl{
	margin:15px 0 15px 0;
	font-size:3.6vw;	
}
.case_list li .txt{
	font-size:2.7vw;	
}
}
.case_detail_box img{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:0;
}
.case_detail_box .txt_box{
	background:#fff;
	padding:50px 100px 30px 100px;
}
.case_detail_box .cat{
	padding:3px 8px 2px 8px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
.case_detail_box .cat.pro{
	background:#013A91;
}
.case_detail_box .cat.portable{
	background:#3485BA;
}
.case_detail_box .cat.screening{
	background:#195E9F;
}
.case_detail_box .cat.other{
	background:#48C1F0;
}
.case_detail_box .ttl{
	font-size:25px;
	color:#000;
	margin:10px 0 5px 0;
	text-align:left;
	line-height:1.4;
}
.case_detail_box .sub{
	font-size:16px;
	font-weight:bold;
}
.case_detail_box .txt{
	line-height:1.9;
	margin:15px 0 15px 0;
}
.case_detail_box .ttl02{
	font-size:18px;
	background:#E6ECF7;
	margin:5px 0 20px 0;
	padding:7px 10px 5px 10px;
}
.case_detail_box .center{
	text-align:center;
	margin-top:60px;
}
@media screen and (max-width: 768px) {
.case_detail_box{
	background:#E8EFFC;
	padding:0 15px;
}
.case_detail_box .txt_box{
	background:#fff;
	padding:25px 15px 30px 15px;
}
.case_detail_box .cat{
	padding:3px 8px 2px 8px;
	font-size:2.4vw;
}
.case_detail_box .ttl{
	font-size: 4.2vw;
	margin:10px 0 5px 0;
}
.case_detail_box .sub{
	font-size:3.6vw;
}
.case_detail_box .txt{
	margin:10px 0 10px 0;
}
.case_detail_box .ttl02{
	font-size:4vw;
	margin:5px 0 15px 0;
}
.case_detail_box .center{
	margin-top:40px;
}	
}