@charset "UTF-8";

@media screen and (max-width: 750px) {

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* MV */
	.pagesMv { background-image: url("/eng/environment/images/title_bg_sp.jpg"); }
	
	/* pdfリンクページ */
	.pdfLinkList > li:nth-child(n+7) { margin-top: 20px; }
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* 共通 */
	#indexSection .enTitle { margin-top: 50px; }
	#indexSection .underLineList { display: block; }
	#indexSection .underLineList li { width: 100%; }
	#indexSection .underLineList > li:nth-child(n+2) { margin-top: 15px; }

	/* イントロ */
	#indexSection h2 { font-size: 1.3rem; text-align: center; }
	#indexSection .usageList { margin-top: 45px; }
	#indexSection h2 + p { line-height: 1.8; }
  
/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	dx.html
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
  #dxSec #certificationArea { margin-top: 50px; display: block; padding: 20px; }
  #dxSec #certificationArea > div.txtBox { padding-right: 0; padding-top: 15px; margin-top: 15px; border-right: none; border-top: 1px solid #ccc; width: 100%; }
  #dxSec #certificationArea > div.logoBox { padding: 0 8%; width: 100%; max-width: none; }
  #dxSec #certificationArea > div.logoBox img { width: 100%; max-width: 260px; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	human_rights.html
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#humanRightsList li h3 + div { display: block; margin-left: 0; }
	#humanRightsList li h3 + div .radiusArrowBtn { margin: 20px auto 0; width: 100%; }
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	health_management.html
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#healthTask > ul { display: block; }
	#healthTask > ul > li:first-child,
	#healthTask > ul > li:nth-child(n+2) { width: 100%; }
	#healthTask > ul > li:nth-child(n+2) { border-left: none; border-top: solid 1px #ccc; margin: 20px 0 0; padding: 20px 0 0; }
	
	#healthManagementThumbnailList > li { width: 100%; }
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------
	climate.html
--------------------------------------------------------------------------------------------------------------------------------------------------------*/
	#climateChangeWrap { padding: 25px; }
	#climateChangeWrap .twoColumns > div { width: 100%; padding: 25px; }
	

	
	
}