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

@media screen and (max-width:750px){
	
/*------------------------------------------------------------------------------------------------
	トップページ
------------------------------------------------------------------------------------------------*/
#technologyWrap .singleColumnSection #indexArea																																														{ margin-bottom:30px; }
#technologyWrap .singleColumnSection #indexArea > ul > li																																							{ margin-top:30px; }
#technologyWrap .singleColumnSection #indexArea > ul > li:first-child																																{ margin-top:25px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter																																{ padding-top:45%; overflow:auto; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter > div																												{ box-sizing:border-box; width:100%;  padding:25px 5% 30px; height:auto; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div h3																											{ font-size:167%; line-height:1.2em; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div h3 span																							{ display:block; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div p																												{ margin-top:15px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div p.readMoreBtn																		{ margin-top:15px; }
#technologyWrap .singleColumnSection #indexArea ul li .contentOuter div p.readMoreBtn a.linkBtn											{ width:32%; padding:5px 10px; }

/* リスト個別 */
#technologyWrap .singleColumnSection #indexArea ul li#civilEngineering .contentOuter																				{ background:url(/tw/technology/images/technology_index_bg01_sp.jpg) no-repeat center top / contain; }
#technologyWrap .singleColumnSection #indexArea ul li#buildingTechnology .contentOuter																	{ background:url(/tw/technology/images/technology_index_bg02_sp.jpg) no-repeat center top / contain; }
#technologyWrap .singleColumnSection #indexArea ul li#environmentalTechnology .contentOuter												{ background:url(/tw/technology/images/technology_index_bg03_sp.jpg) no-repeat center top / contain; }
#technologyWrap .singleColumnSection #indexArea ul li#civilEngineering .contentOuter > div															{ float:none; }
#technologyWrap .singleColumnSection #indexArea ul li#buildingTechnology .contentOuter > div												{ }
#technologyWrap .singleColumnSection #indexArea ul li#environmentalTechnology .contentOuter > div								{ float:none; padding-bottom:20px; }

/*------------------------------------------------------------------------------------------------
	扉ページ
------------------------------------------------------------------------------------------------*/
/* title */
#technologyWrap .technologyTitleSection																																																					{ padding:8% 0; }
#technologyWrap .technologyTitleSection div																																																			{ border-width:2px; box-sizing:border-box; padding:15px 0; width:300px; color:#ffffff; text-align:center; margin:0 auto; }
#technologyWrap .technologyTitleSection div p																																																	{ font-size:100%; }
#technologyWrap .technologyTitleSection div h2																																																{ font-size:208%; margin-top:10px; }
#technologyWrap .technologyTitleSection div h2 span																																												{ font-size:36%; margin-top:5px; }

#technologyWrap #engineeringTitleSection																																																				{ background:url(/tw/technology/images/technology_engineering_mv_sp.jpg) no-repeat center top / cover; }
#technologyWrap #buildingTitleSection																																																							{ background:url(/tw/technology/images/technology_building_mv_sp.jpg) no-repeat center top / cover; }
#technologyWrap #environmentTitleSection																																																				{ background:url(/tw/technology/images/technology_environment_mv_sp.jpg) no-repeat center top / cover; }

/* contents */
#technologyWrap .twoColumnSection .mainArea h3																																														{ font-size:133%; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList > li																																			{ margin-top:30px; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li > div																																{ margin-top:10px; }

#technologyWrap .twoColumnSection .mainArea ul.cateTopList li																																				{ width:49%; margin:5px 0 0 2%; font-size:114%; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li:nth-child(2n+1)																								{ margin-left:0; }
#technologyWrap .twoColumnSection .mainArea ul.cateTopList li span																																{ padding:10px 20px 10px 10px; }

/* 環境技術 */
#technologyWrap .twoColumnSection #environmentArea ul.cateTopList li div ul																										{ float:none; width:100%; }
#technologyWrap .twoColumnSection #environmentArea ul.cateTopList li div ul:first-child																		{ width:100%; }
#technologyWrap .twoColumnSection #environmentArea ul.cateTopList li div ul li																									{ margin-top:10px; }
	
/* modal */
#fancybox-wrap { box-sizing: border-box; left: 0 !important; }
#fancybox-outer { background: transparent; }
#fancybox-content { max-width: 100%; }
#fancybox-close { right: 5%; }
.modalArea { background: #ffffff; padding: 20px; width:90%; box-sizing: border-box; margin: 0 auto; }
	
.modalArea h3 { font-size:150%; padding-bottom:10px; line-height:1.5em; margin-right: 20px; }

.modalArea .modalInner { margin-top: 20px; }
.modalArea .modalInner ul li { margin-left: 2%; width: 49%; }
.modalArea .modalInner ul li:first-child { margin-left: 0; }
.modalArea .modalInner .modalTxt p { margin-top: 10px; }	

.modalArea .modalInner ul#firstWideList li:first-child { width: 100%; }
.modalArea .modalInner ul#firstWideList li:last-child { margin-left: 2%; }

.modalArea .modalInner ul#col3List li { width: 32%; margin-left: 2%; }
.modalArea .modalInner ul#col3List li:first-child { margin-left: 0; }
	
}