@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
}

ul {
	list-style-type: none;
	padding: 0;
}

.center {
	text-align: center;
}

#infoMain {
	margin-top: 5px;
	width: 100%;
	display: block;
	overflow: hidden;
}


/* COMMON */
.infoW {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	display: block;
	overflow: hidden;
}

.infoTxt {
	margin: 30px auto 40px auto;
	width: 980px;
	text-align: center;
	font-size: 145%;
	line-height: 1.75em;
	color: #000;
}

#infoMain a:hover img {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
}

#infoMain a img {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mb12 {
	margin-bottom: 12px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


/* INFO CONTENTS */
#infoContents {}

#infoTitleArea {
	margin-bottom: 40px;
	height: 320px;
	background: #F2F4F5 url(/info/corporate/home_alarm/images/main.jpg) center center no-repeat;
	display: block;
	overflow: hidden;
}

#infoTitle {
	margin-top: 22px;
}

#infoTitle h1 {}

/* READ */
#topRead {
	text-align: center;
	font-size: 19px;
	color: #000 !important;
}

#topRead h2 {
	margin-bottom: 20px;
}


/* RISK AND POINT */
#risk,
#point,
#contact {
	padding-top: 80px;
}

#risk h2,
#point h2,
#contact h2 {
	margin: 0 auto 35px auto;
	width: 980px;
	text-align: center;
}

#riskArea {
	padding: 32px 0 20px 0;
	border-top: #00A5D9 8px solid;
	background: #EBF6FB url(/info/corporate/home_alarm/images/down1.png) center top no-repeat;
}

#pointArea {
	padding: 32px 0 20px 0;
	border-top: #E46384 8px solid;
	background: #FCEFF3 url(/info/corporate/home_alarm/images/down2.png) center top no-repeat;
}

/* risk */
ul#riskEx {
	width: 532px;
	float: left;
	display: block;
	overflow: hidden;
}

ul#riskEx li {
	margin: 0 26px 20px 0;
	width: 240px;
	text-align: right;
	float: left;
	font-size: 13px;
}

#riskResult {
	width: 448px;
	text-align: right;
	background: url(/info/corporate/home_alarm/images/arrow_risk.png) left center no-repeat;
	float: right;
}


/* point */
.pointHead {
	margin: 0 auto;
	width: 980px;
	border-bottom: #E46384 5px solid;
}

.pointBox {
	margin: 0 auto;
	padding: 25px 50px 40px 22px;
	width: 980px;
	background: #FFF;
	display: block;
	overflow: hidden;
}

.pointBox h3 {
	width: 306px;
	height: 275px;
	float: left;
}

.pointContent {
	width: 580px;
	float: right;
}

.separatLine {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #E46384 1px solid;
}

.pointSubTtl {
	margin-bottom: 15px;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	color: #000;
}

#pointAdvice {
	margin-bottom: 10px;
	padding: 10px;
	width: 580px;
	height: 180px;
	background: #EBF6FB url(/info/corporate/home_alarm/images/pct_point1-1.jpg) 335px 12px no-repeat;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#point1Txt {
	margin-top: 10px;
	width: 290px;
	font-size: 110%;
}

#point1Notes p {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 85%;
}

.pointW {
	width: 580px;
	display: block;
	overflow: hidden;
}

.checkW {
	width: 280px;
}

.checkHead {
	margin-bottom: 10px;
}

.checkTxt {
	width: 280px;
	height: 80px;
}


#haLineup {
	margin-bottom: 20px;
}

#haLineup ul {
	width: 580px;
	display: block;
	overflow: hidden;
}

#haLineup ul li {
	margin-right: 12px;
	width: 136px;
	height: 165px;
	float: left;
}

#haLineup ul li:last-child {
	margin-right: 0 !important;
}

#pointHs {
	margin-bottom: 30px;
	padding: 20px;
	width: 580px;
	height: 225px;
	background: #EBF6FB url(/info/corporate/home_alarm/images/pct_point4-1.jpg) no-repeat;
	display: block;
	overflow: hidden;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

#pointHsTxt {
	width: 284px;
	font-size: 110%;
	float: right;
}

.hsTtl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 580px;
	color: #000;
	font-size: 120%;
	text-align: center;
	border-bottom: #E46384 1px solid;
}

#hsLink {
	width: 580px;
	display: block;
	overflow: hidden;
}

#hsLink a:hover img {
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
}

#hsB {
	background: url(/info/corporate/home_alarm/images/btn_basic_on.jpg) no-repeat;
	float: left;
}

#haP {
	background: url(/info/corporate/home_alarm/images/btn_premium_on.jpg) no-repeat;
	float: right;
}


.sceneBtn {
	text-align: right;
}

.sceneBtn img {
	margin-left: 10px;
}

/* CONTACT */
#contactArea {
	padding: 40px 0;
	border-top: #898989 8px solid;
	background: #F3F3F3;
	display: block;
	overflow: hidden;
}

#shopLink {
	margin-right: 40px;
	float: left;
}

#requestLink {
	float: right;
}

.mr0 {
	margin-right: 0 !important;
}

@media(max-width:640px) {
	#infoMain {
		margin-top: 5px;
		width: 100%;
		display: block;
		overflow: hidden;
	}


	/* COMMON */
	.infoW {
		margin-left: auto;
		margin-right: auto;
		width: 96%;
		display: block;
		overflow: hidden;
	}

	.infoTxt {
		margin: 30px auto 40px auto;
		width: 96%;
		text-align: center;
		font-size: 145%;
		line-height: 1.75em;
		color: #000;
	}

	#infoMain a:hover img {
		opacity: 0.6;
		-webkit-opacity: 0.6;
		-moz-opacity: 0.6;
	}

	#infoMain a img {
		-webkit-transition: opacity 0.3s ease-out;
		-moz-transition: opacity 0.3s ease-out;
		-ms-transition: opacity 0.3s ease-out;
		transition: opacity 0.3s ease-out;
	}

	.mt20 {
		margin-top: 20px !important;
	}

	.mt30 {
		margin-top: 30px !important;
	}

	.mb12 {
		margin-bottom: 12px !important;
	}

	.mb20 {
		margin-bottom: 20px !important;
	}

	.mb30 {
		margin-bottom: 30px !important;
	}

	.mb40 {
		margin-bottom: 40px !important;
	}

	.fl {
		float: left;
	}

	.fr {
		float: right;
	}


	/* INFO CONTENTS */
	#infoContents {}

	#infoTitleArea {
		margin-bottom: 40px;
		height: 320px;
		background: #F2F4F5 url(/info/corporate/home_alarm/images/main.jpg) right 30% center no-repeat;
		background-size: cover;
		display: block;
		overflow: hidden;
	}

	#infoTitle {
		margin-top: 100px;
		width: 60%;
	}

	#infoTitle h1 {}

	/* READ */
	#topRead {
		text-align: center;
		font-size: 19px;
		color: #000 !important;
	}

	#topRead h2 {
		margin-bottom: 20px;
	}


	/* RISK AND POINT */
	#risk,
	#point,
	#contact {
		padding-top: 80px;
	}

	#risk h2,
	#point h2,
	#contact h2 {
		margin: 0 auto 35px auto;
		width: 96%;
		text-align: center;
	}

	#riskArea {
		padding: 32px 0 20px 0;
		border-top: #00A5D9 8px solid;
		background: #EBF6FB url(/info/corporate/home_alarm/images/down1.png) center top no-repeat;
		background-size: 10%;
	}

	#pointArea {
		padding: 32px 0 20px 0;
		border-top: #E46384 8px solid;
		background: #FCEFF3 url(/info/corporate/home_alarm/images/down2.png) center top no-repeat;
		background-size: 10%;
	}

	/* risk */
	ul#riskEx {
		width: 100%;
		float: none;
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
	}

	ul#riskEx li {
		margin: 20px 0 0 0;
		width: 48%;
		text-align: right;
		float: none;
		font-size: 13px;
	}

	#riskResult {
		width: 100%;
		text-align: center;
		background: none;
		float: none;
		margin: 20px 0 0 0;
	}


	/* point */
	.pointHead {
		margin: 0 auto;
		width: 96%;
		border-bottom: #E46384 5px solid;
	}

	.pointBox {
		margin: 0 auto;
		padding: 10px;
		width: 96%;
		background: #FFF;
		display: block;
		overflow: hidden;
	}

	.pointBox h3 {
		width: 50%;
		height: auto;
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.pointContent {
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
	}

	.pointContent iframe {
		width: 100%;
	}

	.separatLine {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: #E46384 1px solid;
	}

	.pointSubTtl {
		margin-bottom: 15px;
		text-align: center;
		font-size: 19px;
		font-weight: bold;
		line-height: 1.4em;
		letter-spacing: 0.1em;
		color: #000;
	}

	#pointAdvice {
		margin-bottom: 10px;
		padding: 5px 31% 5px 5px;
		width: 100%;
		height: auto;
		background: #EBF6FB url(/info/corporate/home_alarm/images/pct_point1-1.jpg) right 10px center no-repeat;
		background-size: 30%;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}

	#point1Txt {
		margin-top: 10px;
		width: 100%;
		font-size: 110%;
	}

	#point1Notes p {
		padding-left: 1em;
		text-indent: -1em;
		font-size: 85%;
	}

	.pointW {
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.checkW {
		width: 100%;
		float: none;
		margin: 20px 0 0 0;
		text-align: center;
	}

	.checkHead {
		margin-bottom: 10px;
	}

	.checkTxt {
		width: 100%;
		height: auto;
	}

	.pointW p.fl,
	.pointW p.fr {
		float: none;
		text-align: center;
		margin: 20px 0 0 0;
	}


	#haLineup {
		margin-bottom: 20px;
	}

	#haLineup ul {
		width: 100%;
		display: flex;
		overflow: hidden;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#haLineup ul li {
		margin: 20px 0 0 0;
		width: 48%;
		height: auto;
		float: none;
		text-align: center;
	}

	#haLineup ul li:last-child {
		margin-right: 0 !important;
	}

	#pointHs {
		margin-bottom: 30px;
		padding: 10px 10px 10px 34%;
		width: 100%;
		height: auto;
		background: #EBF6FB url(/info/corporate/home_alarm/images/pct_point4-1.jpg) no-repeat;
		background-size: 30%;
		display: block;
		overflow: hidden;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	}

	#pointHsTxt {
		width: 100%;
		font-size: 110%;
		float: right;
	}

	.hsTtl {
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 100%;
		color: #000;
		font-size: 120%;
		text-align: center;
		border-bottom: #E46384 1px solid;
	}

	#hsLink {
		width: 100%;
		display: block;
		overflow: hidden;
	}

	#hsLink a:hover img {
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity: 0;
	}

	#hsB {
		background: url(/info/corporate/home_alarm/images/btn_basic_on.jpg) center no-repeat;
		float: none;
		width: 100%;
		margin: 20px auto 0 auto;
		text-align: center;

	}

	#haP {
		background: url(/info/corporate/home_alarm/images/btn_premium_on.jpg) center no-repeat;
		float: none;
		width: 100%;
		margin: 20px auto 0 auto;
		float: right;
		text-align: center;
	}


	.sceneBtn {
		text-align: right;
		width: 30%;
		margin: 0;
	}

	.sceneBtn img {
		margin-left: 0;
	}

	/* CONTACT */
	#contactArea {
		padding: 40px 0;
		border-top: #898989 8px solid;
		background: #F3F3F3;
		display: block;
		overflow: hidden;
	}

	#shopLink {
		margin-right: 0;
		float: none;
	}

	#requestLink {
		float: none;
		margin: 20px 0 0 0;
	}

	.mr0 {
		margin-right: 0 !important;
	}

}