@charset "utf-8";
@media (min-width:1201px) {
	.featureBox{ width:45%; display: inline-block; margin: 2%; vertical-align: top;}
}

@media (min-width: 768px) and (max-width:1200px) {
	.featureBox{ width:45%; display: inline-block; margin: 2%; vertical-align: top; }
}


@media (min-width: 768px) {
/* PC用 */

#research .catch{ font-size: 30px; color: #82AE46; line-height: 150%;}	
	#research .lTxt{width:50%; float: left;}	
	#research .rImg{width:48%; float: right;}	
	#research .rTxt{width:50%; float: right;}	
	#research .lImg{width:48%; float: left;}	
	#research .h5out{ border: 1px solid #82AE46; padding:10px 0 10px 0; display: inline; clear: both; }	
	#research .h5out h5{ background-color: #fff; margin: -2px 10px -2px 10px; padding: 10px; font-size: 18px!important; display: inline; line-height: 300%; color: #82AE46; font-size: 24px!important; font-weight: normal;}
	
	
	
	/* index
-----------------------------------------*/	
	.categoryindexWrap{ width: 100%; overflow: hidden;}
	.categoryindexWrap .categoryIndex{ max-width: 1200px; overflow: hidden; margin: 0 auto 0 auto!important; overflow: hidden;  background-image: url(../img/common/categoryindex.jpg);}
	.categoryindexWrap .categoryIndex h2{ width: 22%; float: left; background-image: url(../img/common/categoryindex.jpg); text-align: center; color: #fff; margin: 0px!important; letter-spacing: 5px; overflow: hidden; padding-top: 14%; 
	
	}
	.categoryindexWrap .subCategory{ max-width: 78%; float: right; margin:0px;}
	.categoryindexWrap .breadcrumb{ text-align: left; font-family: "Font Awesome 5 Free";	content: '\f1e2'; font-size: 12px; max-width:1200px; margin: auto auto 50px auto;}
	
	
	
	.featureBox p{margin-bottom: 10px; text-align: justify;}
	.featureBox .title{ color:#82AE46; font-size: 18px;}
	.featureBox li{ list-style: circle; margin-bottom: 5px;}
	
}

@media (max-width: 767px) {
/* tablet用 */
#research .catch{ font-size: 22px; color: #82AE46; line-height: 150%; padding-top: 5%}	
		#research .lTxt{margin-bottom: 2%;}	
	#research .rImg{margin-bottom: 2%;}	
	#research .rTxt{margin-bottom: 2%;}	
	#research .lImg{margin-bottom: 2%;}	
	#research .h5out{ border: 1px solid #82AE46; padding:10px 0 10px 0;  clear: both; margin-bottom: -10px!important;}	
	#research .h5out h5{ background-color: #fff; margin: -12px 10px -12px 10px; padding: 10px; font-size: 18px!important;  line-height: 120%; color: #82AE46; font-size: 20px!important; font-weight: normal; }
	
	
	/* index
-----------------------------------------*/	
	.categoryindexWrap{ width: 100%; overflow: hidden; margin-top: 5%;}
	.categoryindexWrap .categoryIndex{ width: 100%; overflow: hidden; margin: 0 auto 0 auto!important;}
	.categoryindexWrap .categoryIndex h2{  background-color: #405ABC; text-align: center; color: #fff; margin: 0px!important; letter-spacing: 5px; padding: 2% 0 2% 0;}
	.categoryindexWrap .subCategory{}
	.categoryindexWrap .breadcrumb{ display: none;}
	.featureBox{ width:90%; display: inline-block; margin:2% 5% 2% 5%; vertical-align: top;}
	.featureBox p{margin-bottom: 10px; font-size: 12px; text-align: justify;}
	.featureBox .title{ color:#82AE46; font-size: 14px;}
	.featureBox li{ list-style: circle; margin-bottom: 5px;}
}