/*-----------------------------------
見出し
-------------------------------------*/

/*カテゴリ分け
-------------------------------------*/
a{word-wrap:break-word;}

.hCaseTop01{
	border-bottom:4px solid #B5B5B6;
	padding-bottom:-4px;
	position:relative;
	height:2.8em;
	position:relative;
	}
.hCaseTop01 h2{
	padding:0.6em 4em 0.1em 2em;
	margin:0;
	background:#FFF url(/img/case/bg_diagonal01.png) no-repeat right top;
	font-weight:bold;
	font-size:19px;/*文字サイズは固定にする*/
	display:inline-block;
	position:absolute;
	bottom:-7.5px;
}

/*文字色*/
#blockCase01 .hCaseTop01 h2{color:#44AE35;}

/*画　像*/
#blockCase01 .hCaseTop01 .caseImg01{
	position:absolute;
	display:inline;
	top:-40%;
	right:15px;
	text-align:right;
	}
#blockCase01 .hCaseTop01 .caseImg01 img{ float:right;}

@media (max-width: 600px) {	#blockCase01 .hCaseTop01 .caseImg01{display:none;}}
@media (max-width: 1000px) {	#blockCase01 .hCaseTop01 .caseImg01 img{ width:80%;}}
@media (max-width: 800px) {	#blockCase01 .hCaseTop01 .caseImg01 img{ width:70%;}}

/*ケースタイトル
-------------------------------------*/
.hCaseTitle01{
	background:url(/img/case/ico_01.png) no-repeat left top;
	background-size:66px auto !important;
	padding:1px 0 1px 80px;
	font-size:1.6em;
	font-weight:bold;
	width:73%;
	margin-bottom:30px;
}

.hCaseTitle01 .txt01{
	font-size:1em;
	font-weight:normal;
	display:block;
	margin-bottom:0.3em;
}

.hCaseTitle01 .txt02{font-size:123.1%;}

/*文字色*/
#blockCase01 .hCaseTitle01{	color:#44AE35;}


@media (max-width: 600px) {
.hCaseTitle01{
	width:100%;
	background:none;
	padding:1px 0 1px 0;
	}
	}


/*会社名
-------------------------------------*/
.hCompany01{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:1em 0;
	display:table;
	width:100%;
	margin-bottom:20px;
}
.hCompany01 .box01,
.hCompany01 .box02,
.hCompany01 .box03{
	display:table-cell;
	vertical-align:middle;
	padding:15px 0;
	color:#585757;
}
.hCompany01 .box01{
	width:15%;
	text-align:center;
	font-size:3em;
	border-right:1px solid #CCC;
}
.hCompany01 .box02{
	width:60%;
	font-size:2.2em;
	padding-left:10px;
	font-weight:bold;
	border-right:1px solid #CCC;
}
.hCompany01 .box03{
	width:25%;
	padding-left:10px;
	text-align:left;
	}

.hCompany01 .box03{
	padding-left:10px;
	list-style-type:none;
}
.hCompany01 .box03 li{
	padding-bottom:3px;
	font-size: 1.2em;
}

@media (max-width: 600px) {
.hCompany01{
	padding:0;
}
.hCompany01 .box01,
.hCompany01 .box02,
.hCompany01 .box03{
	display:block;
	width:100%;
	border-right:none;
}
.hCompany01 .box01{
	text-align:left;
	font-size:1em;
	border-bottom:1px solid #CCC;
	letter-spacing:2em;
	padding:5px 0;
}
.hCompany01 .box02{
	padding:10px 0;
}	
.hCompany01 .box03 {
	background-color:#f1f1f1;
	padding:10px;
	margin-bottom:0;
}
.hCompany01 .box03 li:last-child{
	padding-bottom:0;
}
	}



/*-----------------------------------
BLOCK
-------------------------------------*/
.blockInner01{
	border-right:3px solid #B5B5B6;
	border-left:3px solid #B5B5B6;
	padding:15px;
	}

/*導入写真
-------------------------------------*/
.blockTopImg01{ margin-bottom:30px;}
.blockTopImg01 .img01{
	float:left;
	width:35%;
	}
.blockTopImg01 .txt01{
	float:right;
	width:63%;
	font-size:1.2em;
	}
.blockTopImg01 .txt01 h4{
	color:#44AE35;
	font-size:1.58em;
	line-height:normal;
	font-weight:bold;
	margin-top:0;
}

.blockTopImg01 .txt01 h4 span{
	display:inline-block;
	background:url(/img/case/bg_green01.png) no-repeat left top;
	color:#FFF;
	line-height:normal;
	width:96px;
	font-size:12px;
	padding:3px 0 0;
	margin-right:5px;
	text-align:center;
	}
.blockTopImg01 .txt01 p{
	line-height:1.8em;
}


/*課題
-------------------------------------*/
.blockArticle01{}
.hBg01{	background:url(/img/case/h_img01.png) no-repeat left top; 	background-size:100%;}
.hBg02{	background:url(/img/case/h_img02.png) no-repeat left top; 	background-size:100%;}
.hBg03{	background:url(/img/case/h_img03.png) no-repeat left top; 	background-size:100%;}
.hBg04{	background:url(/img/case/h_img04.png) no-repeat left top; 	background-size:100%;}
.hBg05{	background:url(/img/case/h_img05.png) no-repeat left top; 	background-size:100%;}
.hBg06{	background:url(/img/case/h_img06.png) no-repeat left top; 	background-size:100%;}
.hBg07{ background:url(/img/case/h_img07.png) no-repeat left top;       background-size:100%;}
.hBg08{ background:url(/img/case/h_img08.png) no-repeat left top;       background-size:100%;}
.hBg09{ background:url(/img/case/h_img09.png) no-repeat left top;       background-size:100%;}

.blockArticle01 h4{
	color:#4384F4;
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 30px 170px;
	padding-top:30px;
	}
	
	@media (max-width: 985px) {.blockArticle01 h4{	padding-top:15px;}}


.blockArticle01 .boxTxt01{
	margin:0 0 30px 150px;
	padding:0 0 0 20px;
	border-left:1px solid #4384F4;
}

.blockArticle01 .boxTxt01 h5{
	color:#4384F4;
	font-size:1.2em;
}
.blockArticle01 .boxTxt01 h5.hBdrBlue01{
	color:#4384F4;
	font-size:1.2em;
	border-bottom:1px solid #4384F4;
	padding-bottom:5px;
	display:inline-block;
	padding-top:10px;
}
.blockArticle01 .boxTxt01 h6.hBdrBlue01{
	color:#4384F4;
	font-size:1.1em;
	border-bottom:1px solid #4384F4;
	padding-bottom:5px;
	display:inline-block;
	padding-top:10px;
}
.blockArticle01 .boxTxt01 .txt01{
	font-size:1.2em;
	line-height:1.8em;
}
.blockArticle01 .boxTxt01 ol,
.blockArticle01 .boxTxt01 h6 {
	font-size:1.2em !important;
}
.blockArticle01 .boxTxt01 .img01{
	margin-bottom:20px;
}
.blockArticle01 .boxTxt01 .blockImgL01 .clTxt01,
.blockArticle01 .boxTxt01 .blockImgR01 .clTxt01{
	margin-bottom:5px;
	float:right;
	width:68%;
}
.blockArticle01 .boxTxt01 .blockImgL01 .clTxt01{	float:right;}
.blockArticle01 .boxTxt01 .blockImgR01 .clTxt01{	float:left;}

.blockArticle01 .boxTxt01 .blockImgL01 .clImg01,
.blockArticle01 .boxTxt01 .blockImgR01 .clImg01{
	margin-bottom:30px;
	width:30%;
}
.blockArticle01 .boxTxt01 .blockImgL01 .clImg01 p,
.blockArticle01 .boxTxt01 .blockImgR01 .clImg01 p{
	max-width:206px;
}

.blockArticle01 .boxTxt01 .blockImgL01 .clImg01{
	float:left;
	margin:0 10px 10px 0;
	}
.blockArticle01 .boxTxt01 .blockImgR01 .clImg01{
	float:right;
	margin:0 0 10px 10px;
	}
	
	.blockArticle01 .boxTxt01 .blockImgL01 .clImg01 img,
.blockArticle01 .boxTxt01 .blockImgR01 .clImg01 img{
	margin-bottom:5px;
	}

.blockArticle01 .boxTxt01 .listIcoDisk01 {
	font-size:1.2em;
}
.blockArticle01 .boxTxt01 .listIcoDisk01 li{	color:#4384F4;}

.blockArticle01 .boxTxt01 .clList01 li{ color:#4384F4;}

.blockComment01{
	border:1px dotted #4384F4;
	padding:15px;
	font-size:1.2em;
	}
.blockComment01 h4{
	padding:0;
	margin:0 0 15px 0;
	color:#4384F4;
	font-size:1.4em;
}
.blockComment01 .txtCl01{
	color:#4384F4;
}
.blockComment01 .boxLeft01{
	width:48%;
	float:left;
	line-height:1.5em;
}
.blockComment01 .boxRight01{
	width:48%;
	float:right;
	line-height:1.5em;
}
.blockComment01 .boxLeft01 .blockImgR01 .txt01,
.blockComment01 .boxRight01 .blockImgR01 .txt01{
	width:80%;
	float:left;
}
.blockComment01 .boxLeft01 .blockImgR01 .img01,
.blockComment01 .boxRight01 .blockImgR01 .img01{
	width:18%;
	float:right;
}


.blockBottom01{
	background-color:#EDEDED;
	padding:15px;
	font-size:1.2em;
	border-right:3px solid #B5B5B6;
	border-left:3px solid #B5B5B6;
	border-bottom:3px solid #B5B5B6;
	}
	
.blockBottom01 .boxLeft01{
	width:43%;
	float:left;
	border-right:2px solid #CDCDCD;
	padding-right:20px;
}

.blockBottom01 .boxLeft01 .inner {
	margin-bottom:15px;
	}
.blockBottom01 .boxLeft01 .inner .clImg01{
	float:left;
	width:30%;
	height:100px;
	}
.blockBottom01 .boxLeft01 .inner .clTxt01{
	float:right;
	width:68%;
	}
	.blockBottom01 .boxLeft01 table{	clear:both;}
	
.blockBottom01 .boxLeft01 table th{
	word-break:keep-all;
	white-space:nowrap;
	word-wrap:normal;
	vertical-align:top !important;
}
.blockBottom01 .boxLeft01 table td{
	padding:0 0 0 1em;
	text-indent:-1em;
}
.blockBottom01 .boxRight01{
	width:54%;
	float:right;
}
.blockBottom01 .boxRight01 h4{
	font-size:1.9em;
	color:#44AE35;
}
.blockBottom01 .boxRight01 .btn01{
	padding:0;
	margin:0;
}

.blockBottom01 .boxRight01 .btn01 a{
	padding:0;
	margin:0;
}
.blockBottom01 .boxRight01 .btn01 a:hover{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}

@media (max-width: 600px) {
	.blockTopImg01 .img01{
	float:left;
	width:35%;
	margin:0 10px 0 0;
	}
.blockTopImg01 .txt01{
	float:none;
	width:100%;
	}
.blockArticle01 .boxTxt01 .blockImgL01 .clTxt01{	float:none; width:100%;}
.blockArticle01 .boxTxt01 .blockImgR01 .clTxt01{	float:none; width:100%;}
.blockArticle01 .boxTxt01 .blockImgL01 .clImg01{	float:left; margin:0 10px 10px 0; width:30%;}
.blockArticle01 .boxTxt01 .blockImgR01 .clImg01{	float:right; margin:0 0 10px 10px; width:30%;}

.blockArticle01 .boxTxt01 h5.hBdrBlue01{
/*	display:block;*/
	width:100%;
}
.blockArticle01 .boxTxt01 .listIcoDisk01{
	display:block;
	}

.blockArticle01 .boxTxt01 .clList01{
	display:block;
	}
	
.hBg01,
.hBg02,
.hBg03,
.hBg04,
.hBg05,
.hBg06,
.hBg07,
.hBg08,
.hBg09{
	background:none;
	}
.blockArticle01 .boxTxt01{
	margin:0 0 30px 0;
	padding:0;
	border:none;
}
.blockArticle01 h4{
	color:#4384F4;
	font-size:1.4em;
	margin:0 0 15px 0;
	border-bottom:1px solid #4384F4;
	padding:15px 0 5px 0;
	}

.blockComment01 .boxLeft01{
	width:100%;
	float:none;
	margin-bottom:15px;
}
.blockComment01 .boxRight01{
	width:100%;
	float:none;
}

.blockBottom01{
	margin-bottom:10px;
}
.blockBottom01 .boxLeft01{
	width:100%;
	float:none;
	margin-bottom:15px;
	border:1px solid #CDCDCD;
	padding:10px;
}
.blockBottom01 .boxRight01{
	width:100%;
	float:none;
}
}

.blockTopImg01:before,
.blockTopImg01:after,
.blockArticle01 .boxTxt01 .blockImgL01:before,
.blockArticle01 .boxTxt01 .blockImgL01:after,
.blockArticle01 .boxTxt01 .blockImgR01:before,
.blockArticle01 .boxTxt01 .blockImgR01:after,
.blockComment01:before,
.blockComment01:after,
.blockComment01 .boxLeft01 .blockImgR01:before,
.blockComment01 .boxLeft01 .blockImgR01:after,
.blockComment01 .boxRight01 .blockImgR01:before,
.blockComment01 .boxRight01 .blockImgR01:after,
.blockBottom01:before,
.blockBottom01:after,
.blockBottom01 .boxLeft01 .inner:before,
.blockBottom01 .boxLeft01 .inner:after {
  content: "";
  display: table;
}

.blockTopImg01:after,
.blockArticle01 .boxTxt01 .blockImgL01:after,
.blockArticle01 .boxTxt01 .blockImgR01:after,
.blockComment01:after,
.blockBottom01:after,
.blockComment01 .boxLeft01 .blockImgR01:after,
.blockComment01 .boxRight01 .blockImgR01:after,
.blockBottom01 .boxLeft01 .inner:after {clear: both;}

.blockTopImg01,
.blockArticle01 .boxTxt01 .blockImgL01,
.blockArticle01 .boxTxt01 .blockImgR01,
.blockComment01,
.blockBottom01,
.blockComment01 .boxLeft01 .blockImgR01,
.blockComment01 .boxRight01 .blockImgR01,
.blockBottom01 .boxLeft01 .inner{  zoom: 1;}