@charset "UTF-8";

/* ---------------------------------------------------------
	CSS Document advantage > visual
--------------------------------------------------------- */

#visual {
	background-image: url(../img/service/advantage/visual_01.jpg);
}

/* ---------------------------------------------------------
	CSS Document advantage > common
--------------------------------------------------------- */

#advantage {
	width: 940px;
	margin: 0 auto 70px;
}

#advantage .section {
	margin-bottom: 100px;
	font-size: 16px;
	line-height: 28px;
}

#advantage .section .f_left {
	width: 532px;
	text-align: left;
}

#advantage h3 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #dbdbdb;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: 100;
	font-size: 21px;
	line-height: 26px;
}

#advantage h3 span {
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #001649;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "メイリオ", serif;
	line-height: 26px;
	color: #fff;
}

/* ---------------------------------------------------------
	CSS Document advantage > btn
--------------------------------------------------------- */

#advantage .btn {
	display: inline-block;
	vertical-align: top;
	width: 644px;
	padding: 120px 28px 10px;
	text-align: center;
	border: solid 1px #001649;
	background: #001649 url(../img/service/advantage/btn_01.jpg) no-repeat center 5px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 24px;
	line-height: 34px;
}

#advantage .btn a {
	display: block;
	background: url(../img/service/advantage/btn_02.jpg) no-repeat right;
	text-decoration: none;
	color: #fff;
}

#advantage .btn:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
}