@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 750px) {
	
	/*------------------------------
	  index
	-------------------------------*/
	#businessIndex { width: 100%; }
	#businessIndex .mainContents .breadcrumbNavi + div { width: 100%; }
	#businessIndex .colorTitle { width: 85%; margin: 0 auto; }
	
	#businessContentsArea .txtBtnL { width: 85%; margin: 30px auto 0; display: block; }
	
	#businessIndex .indexSec:nth-child(2n+1) .indexInfo,
	#businessIndex .indexSec .indexInfo { padding: 15px 25px 25px; }
	#businessIndex .indexSec:nth-child(2n+1) .indexInfo a,
	#businessIndex .indexSec .indexInfo a { padding: 0; }
	#businessIndex .indexSec .indexInfo .indexInfoLink { margin-top: 20px; }
	#businessIndex .indexSec .indexInfo a.arrowLink { font-size: 112%; }
	#businessIndex .indexSec .indexInfo a.arrowLink img { width: 48px; margin-left: 28px; }

	/*------------------------------
	  カテゴリページ
	-------------------------------*/
	.businessCateArea .borderLeftTitle { margin-top: 30px; }
	.businessCateArea .borderLeftTitle + p { margin-top: 20px; }
	
	/* メッセージ */
	.businessCateArea #messageInner { display: block; margin-top: 20px; padding: 20px; }
	.businessCateArea #messageInner #messageImg { width: 100%; }
	.businessCateArea #messageInner #messageImg img { width: 100%; }
	.businessCateArea #messageInner #messageTxt { width: 100%; margin-top: 15px; }
	.businessCateArea #messageInner #messageTxt #messageName { margin-top: 10px; }
	
	/* 業績 */
	.businessCateArea #workList { display: block; margin-top: 20px; }
	.businessCateArea #workList li { margin-top: 15px; }
	.businessCateArea #workList li:first-child { margin-top: 0; }
	
	/* 主な完成工事 */
	.businessCateArea ul#completedList { margin-top: 20px; }
	.businessCateArea ul#completedList li span { margin-top: 5px; }
	.businessCateArea ul#completedList + .bgTitle { margin-top: 30px; }
	
	/* 主な取り組み */
	.businessCateArea .radiusTable { margin-top: 20px; }
	.businessCateArea .radiusTable .radiusTr { display: block; }
	.businessCateArea .radiusTable .radiusTr .radiusTh { width: 100%; padding: 12px 15px; }
	.businessCateArea .commonTable .radiusTr .radiusTd { padding: 12px 15px; }
	.businessCateArea .radiusTable .radiusTr .radiusTd > div ul { display: block; }
	.businessCateArea .radiusTable .radiusTr .radiusTd > div ul li { width: 100%; }
	.businessCateArea .radiusTable .radiusTr .radiusTd > div ul li:nth-child(2n) { margin-left: 0; }
	.businessCateArea .radiusTable .radiusTr .radiusTd > div ul li:nth-child(n+2),
	.businessCateArea .radiusTable .radiusTr .radiusTd > div ul li:nth-child(n+3) { margin-top: 5px; }
	
  /* 主な取り組み2 */
  .businessCateArea .colTable { display: block; }
  .businessCateArea .colTable .colTr { width: 100%; }
  .businessCateArea .colTable .colTr:first-child { width: 100%; }

	/* TOPICS */
	.businessCateArea #topicsDl { margin-top: 30px; }
	.businessCateArea #topicsDl dt { background-repeat: repeat-y; background-size: 100%; }
	.businessCateArea #topicsDl dd { padding: 20px 20px 25px; }
	
	.businessCateArea #topicsDl dd #topicsTitle { display: block; }
	.businessCateArea #topicsDl dd #topicsTitle div h3 { font-size: 150%; }
	.businessCateArea #topicsDl dd #topicsTitle div h3 + div { font-size: 114%; }
	.businessCateArea #topicsDl dd #topicsTitle div h3 + div + p { margin-top: 15px; }
	.businessCateArea #topicsDl dd #topicsTitle ul { margin-top: 15px; justify-content: flex-start; }
	.businessCateArea #topicsDl dd #topicsTitle ul li { width: 15%; margin-top: 0; }
	.businessCateArea #topicsDl dd #topicsTitle + p { margin-top: 15px; }
	
	.businessCateArea #topicsDl dd #borderTxt { margin-top: 15px; padding: 15px; }
	
	.businessCateArea #topicsDl dd h4 { font-size: 114%; margin-top: 25px; }
	.businessCateArea #topicsDl dd ul { display: block; }
	.businessCateArea #topicsDl dd ul li { margin-top: 10px; }
	.businessCateArea #topicsDl dd ul + ul { margin-top: 0; }
	.businessCateArea #topicsDl dd ul + ul li { margin-top: 25px; }
  
  .businessCateArea #topicsDl .flexList li { width: 100%; }
  
  .businessCateArea #topicsDl .flexOuter { display: block; }
  .businessCateArea #topicsDl .flexOuter .txtBox { width: 100%; }
  .businessCateArea #topicsDl .flexOuter .imgBox { width: 100%; margin-top: 20px; }
  
  .businessCateArea #topicsDl .w460 { width: 100%; }
	
	/*------------------------------
	  investment
	-------------------------------*/
	.businessCateArea #topicsDl dd #investmentTopics { display: block; margin-top: 25px; }
	.businessCateArea #topicsDl dd #investmentTopics div { width: 100%; margin: 20px 0 0; }
	
}