﻿@charset "utf-8";

/* 
========================================================================== */
#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/* 
========================================================================== */
.title_box {
	background: url('../images/security/sp_security_mimage.jpg') no-repeat center center;
	background-size: cover;
	height:90px;
	overflow: hidden;
	-webkit-box-shadow: 0 5px 10px 0 rgba(206,205,203,1);
	-moz-box-shadow: 0 5px 10px 0 rgba(206,205,203,1);
	box-shadow: 0 5px 10px 0 rgba(206,205,203,1);
}

.title_box h2 {
	overflow: hidden;
	background: url('../images/security/sp_security_mtitle.png') no-repeat 15px 15px;
	background-size:230px 72px;
	padding: 87px 0 0;
	height: 0!important;
}
	
.security_block {
	background: url('../images/security/sp_security_mlead.gif') no-repeat 15px 30px;
	background-size:  212px 16px;
	padding:75px 0 35px;
}
	
.security_area1 {
	padding:0 10px 30px;
	font-size:1.2rem;
}

.security_area1 .sp {
	margin:0 0 10px;
}

.security_area1 .sp.v2 {
	margin:0 0 20px;
}

.sp img {
	width:100%;
	height:auto;
}

.security_area2 {
	padding:0 10px 50px;
	font-size:1.0rem;
}

.security_area2 h3 {
	margin:0 0 15px;
	color:#B59249;	
	font-size:1.2rem;	
}

.security_area2 ul {
	margin:0 0 20px;
}

.security_area2 li {
	background: url('../images/common/icon_list.gif') no-repeat 0 7px;
	padding:0 0 0 12px;
}

.security_area2 p {
	margin:0 0 0 12px;
}

@media screen and (min-width: 798px) {
	
	/* 
	========================================================================== */
	.title_box {
		background: url('../images/security/security_mimage.jpg') no-repeat center center;
		background-size: cover;
		min-width:1000px;
		height:314px;
		-webkit-box-shadow: 0 10px 10px 0 rgba(206,205,203,1);
		-moz-box-shadow: 0 10px 10px 0 rgba(206,205,203,1);
		box-shadow: 0 10px 10px 0 rgba(206,205,203,1);
	}
	
	.title_box h2 {
		overflow: hidden;
		background: url('../images/security/security_mtitle.png') no-repeat 250px 30px;
		margin:0 auto;
		padding: 220px 0 0;
		width: 1000px;
		height: 0!important;
	}
	
	.security_block {
		background-image: url('../images/security/security_mlead.gif'), url('../images/security/security_image1.jpg');
		background-repeat: no-repeat, no-repeat;
		background-position: 250px 25px, 250px 65px;
		background-size: 235px 18px, 740px 360px;
		padding:445px 0 100px 250px;
	}
	
	.security_wrap {
		background: url('../images/security/security_areaback.gif') repeat-y;
		margin:0 0 60px;
		width:740px;
	}
	
	.security_area1 {
		padding:20px 0 40px;
		width:360px;
		font-size:1.4rem;
		float:left;
	}
	
	.security_area1 p {
		margin:0 0 0 5px;
		line-height:2.0;
	}
	
	.security_area2 {
		padding:20px 0 40px;
		width:335px;
		font-size:1.2rem;
		float:right;
	}
	
	.security_area2 h3 {
		margin:0 0 10px;
		font-size:1.6rem;	
	}
	
	.security_area2 li {
		background: url('../images/common/icon_list.gif') no-repeat 3px 11px;
		padding:0 0 0 15px;
	}
	
	.security_area2 p {
		margin:0 0 0 15px;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	
}