@charset "utf-8";

h3 {
	width: 100%;
	margin-top: 40px;
	text-align: center;
	margin-bottom: 40px;
}

#securityContent {
	margin: 0 auto;
	padding-bottom: 40px;
	width: 100%;
	height: auto;
	max-width: 960px;
}

#securityContent p {
	margin-top: 10px;
	font-size: 13px;
	line-height: 17px;
	color: #333;
}
#securityContent p.anno {
	margin-top: 10px;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

.ecoConImg01Box { margin-top: 20px; }

#securityContent h4 {
	margin-top: 40px;
	text-align: left;
	margin-bottom: 30px;
	border-bottom: 1px solid #003a36;
}

#securityContent h4.securityH4Center {
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 10px;
}
#securityContent h4.securityH4None { border-bottom: none; }

#footNavi { margin-top: 40px; }

/*============================================================================================
セキュリティ　start
index.html
============================================================================================*/

/* コンテンツ1 */
#secContents1Wrap { margin-bottom: 40px; }
#secContents1Wrap h5 { margin-top: 10px; }

.secContents1L {
	width: 463px;
	float: left;
}
.secContents1R {
	width: 463px;
	float: right;
}
#secContents1Wrap div.imgBox { margin-top: 20px; }
/* 注釈1 */
#securityContent #secContents1Wrap p.anno {
	margin-top: 10px;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

#securityContent #secContents1Wrap .sec1Down { margin-top: 40px }

/* コンテンツ2 */
#secContents2Wrap { margin-bottom: 40px; }
#secContents2Wrap h5 { margin-top: 0px; }

.secContents2L {
	width: 463px;
	float: left;
}
.secContents2R {
	width: 463px;
	float: right;
}
/* 注釈1 */
#securityContent #secContents2Wrap p.anno {
	margin-top: 10px;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

#securityContent #secContents2Wrap .sec1Down { margin-top: 40px }

.secInnerContaienr { margin-top: 20px; }
.secInnerContaienr:first-child { margin-top: 0; }
.secInnerContaienr .imgBox { float: left; width: 100px; margin-top: 0; }
.secInnerContaienr .txtBox { float: right; width: 353px; }
/*============================================================================================
セキュリティ　end
index.html
============================================================================================*/


/*============================================================================================
構造・安全性　start
index.html
============================================================================================*/
#strContents1Wrap h4 {
	margin-top: 2%;
	margin-bottom: 2%;
}

/* コンテンツ1 */
#strContents1Wrap { margin-bottom: 40px; }
#strContents1Wrap h5 { margin-top: 10px; }

.strContents1L {
	width: 308px;
	float: left;
	margin-left: 12px;
}
.strContents1L:first-child { margin-left: 0; }
#strContents1Wrap div.imgBox { margin-top: 20px; }
/* 注釈1 */
#securityContent #strContents1Wrap p.anno {
	margin-top: 10px;
	font-size: 10px;
	line-height: 14px;
	color: #777;
}

#securityContent #strContents1Wrap .str1Down { margin-top: 40px }

/*============================================================================================
構造・安全性　end
index.html
============================================================================================*/




@media screen and (max-width: 960px) {
/*============================================================================================
セキュリティ　start
index.html
============================================================================================*/

#securityContent{ width: 90%; }
h3 { margin: 40px auto; width: 90%; }
h3 img { width: 100%; }
.ecoConImg01Box img { width: 100%; }
.imgBox img { width: 100%; }
#secContents1Wrap h5 img { width: 100%; }

/* コンテンツ2 */
.secContents1L { width: 48%; }
.secContents1R { width: 48%; }

/* コンテンツ3 */
.secContents2L { width: 48%; }
.secContents2R { width: 48%; }
.secInnerContaienr .imgBox { width: 30%; }
.secInnerContaienr .txtBox { width: 66%; }
/*============================================================================================
セキュリティ　end
index.html
============================================================================================*/

/*============================================================================================
構造・安全性　start
index.html
============================================================================================*/
#securityContent h4.securityH4None img {
	width: 100%;
}

.strContents1L {
	width: 32%;
	margin-left: 2%;
}
/*============================================================================================
構造・安全性　end
index.html
============================================================================================*/

}

@media screen and (max-width: 640px) {
	/*============================================================================================
セキュリティ　start
index.html
============================================================================================*/
.secContents1L { width: 100%; float: none; }
.secContents1R { width: 100%; float: none; }
.secContents2L { width: 100%; float: none; }
.secContents2R { width: 100%; float: none; }
/*============================================================================================
セキュリティ　end
index.html
============================================================================================*/

/*============================================================================================
構造・安全性　start
index.html
============================================================================================*/
#securityContent {
	width: 80%;
}
.strContents1L {
	width: 100%;
	margin-left: 0;
}
/*============================================================================================
構造・安全性　end
index.html
============================================================================================*/

}

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