@charset "utf-8";

@media only screen and (max-width:991px) {}
@media only screen and (max-width:767px) {}
@media only screen and (max-width:374px) {}

/*************************************************

 index

*************************************************/


/* index
--------------------------------------*/
.kvArea {
	position: relative;
	width: 100%;
	height: 476px;
	background-image: url(../images/security/kv_pc.jpg);
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
}
.kvArea .kvTitle {
	position: absolute;
	top: 60%;
	left: 50%;
	content: '';
	width: 380px;
	transform: translateY(-60%) translateX(-50%);
}
.kvArea img {
	width: 100%;
}

@media only screen and (max-width:767px) {
	.kvArea {
		height: 319px;
		background-image: url(../images/security/kv_sp.jpg);
	}
	.kvArea .kvTitle {
		width: 300px;
		top: 60%;
		transform: translateY(-60%) translateX(-50%);
	}
}


/* securityArea01
--------------------------------------*/
.securityArea01 {
	background-image: url(../images/security/bg01.jpg);
	background-size: cover;
	background-position: top top;
	background-repeat: no-repeat;
	text-align: left;
}
.securityArea01 .securityWrap {
	max-width: 980px;
	margin: 0 auto;
	padding: 60px 15px 120px;
}
.securityArea01 .icon {
	max-width: 141px;
	margin: 0 auto 50px;
}
.securityArea01 .lead01 {
	font-size: 16px;
}
.securityArea01 .listBox {
	margin-top: 60px;
}
.securityArea01 .listBox ul li + li {
	margin-top: 50px;
}
.securityArea01 .listBox ul li .ttl {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.securityArea01 .listBox ul li .lead02 {
	font-size: 16px;
}
.securityArea01 .textBox {
	display: table;
	margin: 90px 0 0 auto;
	text-align: left;
}
.securityArea01 .textBox .leadText {
	font-size: 16px;
}
.securityArea01 .textBox .leadText + .leadText {
	margin-top: 10px;
}

@media only screen and (max-width:767px) {
	.securityArea01 {
		padding: 30px 15px 60px;
	}
	.securityArea01 .icon {
		max-width: 115px;
		margin-bottom: 60px;
	}
	.securityArea01 .textBox {
		margin: 40px auto 0 0;
	}
	.securityArea01 .listBox ul li .ttl {
		margin-bottom: 10px;
		font-size: 15px;
	}
	.securityArea01 .listBox ul li .lead02 {
		font-size: 15px;
	}
	.securityArea01 .textBox .leadText {
		font-size: 15px;
	}
	.securityArea01 .textBox .leadText + .leadText {
		margin-top: 0;
	}
}