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

@media screen and (max-width:750px){
	
/*------------------------------------------------------------------------------------------------
	全体
------------------------------------------------------------------------------------------------*/
#topWrap h2 span																																															{ font-size:186%; }
#topWrap h3																																																			{ font-weight:normal; }
#topWrap h3 span																																															{ font-size:150%; margin-bottom:5px; }

/*------------------------------------------------------------------------------------------------
	MV
------------------------------------------------------------------------------------------------*/
#topWrap #mainVisual .crosscover-controller	{ top:50%; }
#topWrap #mainVisual .crosscover-next					{ width:5%; height:10px; right:2%; }
#topWrap #mainVisual .crosscover-prev					{ width:5%; height:10px; left:2%; }

/*------------------------------------------------------------------------------------------------
	PICK UP
------------------------------------------------------------------------------------------------*/
#topWrap #pickupSection																																										{ padding:30px 0 40px; }
#topWrap #pickupSection ul																																								{ margin:15px auto 0; width:100%; }
#topWrap #pickupSection ul li a																																					{ margin-top:10px; }
#topWrap #pickupSection ul li .hoverOuter																													{ width:100%; height:auto; }

/* slickList */
#topWrap #pickupSection ul#slickList button.slick-arrow																			{ margin:0; top:50px;width:23px; height:37px; z-index:1; }
#topWrap #pickupSection ul#slickList button.slick-prev																				{ left:0; background:url(/tw/images/slider_arrow_prev_sp.png) no-repeat left top / cover; }
#topWrap #pickupSection ul#slickList button.slick-next																				{ right:0; background:url(/tw/images/slider_arrow_next_sp.png) no-repeat right top / cover; }

/*------------------------------------------------------------------------------------------------
	關於奧村組
------------------------------------------------------------------------------------------------*/
#topWrap #aboutSection																																											{ background:url(/tw/images/about_bg_sp.gif) no-repeat center top / cover; }
#topWrap #aboutSection ul																																									{ margin-top:0; }
#topWrap #aboutSection ul li																																							{ width:38%; margin:20px 6% 0; border:none; }
#topWrap #aboutSection ul li:first-child																																{ border:none; }
#topWrap #aboutSection ul li a																																						{ padding:0; width: auto; }
#topWrap #aboutSection ul li img																																				{ width:100%; }
#topWrap #aboutSection ul li span																																			{ margin-top:10px; font-weight:normal; }
#topWrap #aboutSection p																																									{ margin-top:20px; }

/*------------------------------------------------------------------------------------------------
	施工實績/設計作品集
------------------------------------------------------------------------------------------------*/
#topWrap #worksSection p																																									{ margin-top:25px; }

/*------------------------------------------------------------------------------------------------
	奧村組的技術
------------------------------------------------------------------------------------------------*/
#topWrap #technologySection h2																																				{ position:static; height:auto; padding:30px 0; }
#topWrap #technologySection ul																																					{ position:static; padding:0; }
#topWrap #technologySection ul li																																				{ height:auto; padding-bottom:30px; }
#topWrap #technologySection ul li .contentOuter																									{ padding-top:50%; overflow:auto; }
#topWrap #technologySection ul li .contentOuter div																						{ box-sizing:border-box; width:100%;  padding:25px 5%; }
#topWrap #technologySection ul li .contentOuter div .linkBtn																{ width:33%; }
#topWrap #technologySection ul li .contentOuter div p																					{ margin-top:10px; }

/* リスト個別 */
#topWrap #technologySection ul li#civilEngineering																							{ background:url(/tw/images/technology_bg02_sp.jpg) no-repeat center top / contain; }
#topWrap #technologySection ul li#civilEngineering .contentOuter div										{ padding:25px 5%; }
#topWrap #technologySection ul li#civilEngineering .contentOuter div,
#topWrap #technologySection ul li#environmentalTechnology .contentOuter div			{ float:none; }
#topWrap #technologySection ul li#buildingTechnology																				{ background:#0085cc url(/tw/images/technology_bg03_sp.jpg) no-repeat center top / contain; }
#topWrap #technologySection ul li#environmentalTechnology																{ background:#70bbe3 url(/tw/images/technology_bg04_sp.jpg) no-repeat center top / contain; }

/*------------------------------------------------------------------------------------------------
	CSR/SOCIETY & ENVIRONMENT
------------------------------------------------------------------------------------------------*/
#topWrap #csrSection .contentOuter > p																															{ margin-top:25px; }
#topWrap #csrSection .contentOuter p a.linkBtn																										{ width:60%; }

/* csrList */
#topWrap #csrSection ul#csrList li																																				{ width:100%; }
#topWrap #csrSection ul#csrList li div																																	{ width:100%; box-sizing:border-box; padding:20px 5%; }
#topWrap #csrSection ul#csrList li div h3																															{ margin-top:0; }
#topWrap #csrSection ul#csrList li div p																																{ margin-top:10px; }

/* csrList個別 */
#topWrap #csrSection ul#csrList li:first-child																												{ margin-top:0; width:100%; }
#topWrap #csrSection ul#csrList li:first-child div																									{ width:100%; height:auto; box-sizing:border-box; padding:20px 5%; }
#topWrap #csrSection ul#csrList li:first-child div h3																							{ margin-top:0; }
#topWrap #csrSection ul#csrList li:first-child div p																								{ margin-top:10px; }

/* csrBtnList */
#topWrap #csrSection ul#csrBtnList																																			{ margin-top:0; }
#topWrap #csrSection ul#csrBtnList li																																	{ width:100%; float:none; margin-top:30px; display:table; }
#topWrap #csrSection ul#csrBtnList li a																																{ padding:19px 0; font-size:116%; vertical-align:middle; display:table-cell; }
#topWrap #csrSection ul#csrBtnList li:first-child																										{ float:none; }

/*------------------------------------------------------------------------------------------------
	バナー
------------------------------------------------------------------------------------------------*/
#topWrap #bnSection ul li																																										{ float:none; width:100%; margin-top:20px; }
#topWrap #bnSection ul li:first-child																																		{ float:none; margin-top:5px; }
#topWrap #bnSection ul li .bnTxt																																				{ margin-top:15px; font-size:116%; font-weight:normal; }
#topWrap #bnSection ul li	 .hoverOuter																																{ width:100%; height:auto; }

/*------------------------------------------------------------------------------------------------
	INFORMATION
------------------------------------------------------------------------------------------------*/
#topWrap #infoSection ul#infoTabList																																	{ margin-top:15px; }
#topWrap #infoSection ul#infoTabList li																																{ width:24%; margin-left:1.3%; }
#topWrap #infoSection .infoContentsList																															{ margin-top:0; }
#topWrap #infoSection .infoContentsList li a																												{ background-position:right center; }
#topWrap #infoSection .infoContentsList li .infoTxt																							{ width:auto; margin:5px 0 0; }
#topWrap #infoSection .infoContentsList li .infoDate { width:auto; }

}