@charset "utf-8";
@import url("../../../../css/common.css");
@import url("common.css");


/*===========================================

    service_support
	
	fg35.css
		
===========================================*/

div.row {
clear:both;
overflow: hidden;
margin-bottom:20px;
}

.leftSide {
float:left;
}

.rightSide {
float:right;
}

div.leftSide ,
div.rightSide {
width:48%;
}

div#contents a:hover {
cursor: pointer;
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity: 0.8;                /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8;              /* Safari 1.x */
opacity: 0.8;
zoom: 1;
}


.h3title {
color: #000;
font-family: "ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-weight: 800;
font-size: 120%;
padding-top: 0;
}

/* pagehead_area
===========================================*/
.pagehead_area{
	margin: 0 auto 30px;
	padding: 50px 0 60px 0;
	text-align: left;
	background: url(../../../sub/images/service_support/fg35/bg_pagehead_area.jpg) no-repeat;
	background-size: cover;
	position: relative;
}
	.pagehead_area figure{
		position: absolute;
		top: 50%;
		left: 130px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0;
	}
	.pagehead_area .txtArea{ width: 62%; margin: 0 0 0 auto;}
	.pagehead_area .txtArea *{ color: #000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	.pagehead_area .txtArea sup{ font-size: 50%;}
		.pagehead_area .txtArea h3{ width: auto; padding: 0; margin-bottom: 20px; font-size: 25px; font-weight: 600; letter-spacing: .5px; line-height: 150%;}
		.pagehead_area .txtArea p{ margin: 0; font-size: 16px; line-height: 150%;}
			.pagehead_area .txtArea p small{ font-size: 12px;}
/* pagelink
===========================================*/
.pageLinkArea{ margin-bottom:60px;}
	.pageLinkArea li{ width: 31%;}
		.pageLinkArea li a{
			display: block;
			padding: 15px 15px 30px 15px;
			background: #ffffff;
			background-image:linear-gradient(45deg, #fff 25%, #dbe3ed 25%, #dbe3ed 50%, #fff 50%, #fff 75%, #dbe3ed 75%, #dbe3ed);
			background-image:-webkit-linear-gradient(45deg, #fff 25%, #dbe3ed 25%, #dbe3ed 50%, #fff 50%, #fff 75%, #dbe3ed 75%, #dbe3ed);
			background-image:-moz-linear-gradient(45deg, #fff 25%, #dbe3ed 25%, #dbe3ed 50%, #fff 50%, #fff 75%, #dbe3ed 75%, #dbe3ed);
			background-image:-ms-linear-gradient(45deg, #fff 25%, #dbe3ed 25%, #dbe3ed 50%, #fff 50%, #fff 75%, #dbe3ed 75%, #dbe3ed);
			-webkit-background-size:6px 6px;
			-moz-background-size:6px 6px;
			-ms-background-size:6px 6px;
			background-size:6px 6px; /* firefox崩れ防止 */
		}
			.pageLinkArea li dl *{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
			.pageLinkArea li dl dt{
				color: #fff;
				background: #1E2F4A;
				padding: 3px 10px;
				letter-spacing: 1px;
				font-weight: 600;
				font-size: 18px;
			}
			.pageLinkArea li dl dd{
				margin-top: 20px;
				color: #1E2F4A;
				line-height: 130%;
				font-weight: 600;
				font-size: 21px;
			}
			.pageLinkArea li dl dd sup{ font-size: 50%;}
		.pageLinkArea li a:hover{ text-decoration: none; opacity: .8;}

/* system
===========================================*/
div.system{ margin-bottom:60px;}
	div.system h4{
		color: #000;
		font-weight: bold;
		font-size: 16px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

/* point
===========================================*/
div.point { margin-bottom:60px; overflow: hidden;}
	div.point h3{
		color: #fff;
		background: #1E2F4A;
		padding: 3px 10px 6px 10px;
		margin-bottom: 20px;
		letter-spacing: 1px;
		font-weight: 600;
		font-size: 18px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	div.point h4 {
		padding-top: 0;
		color: #004C8E;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-weight: bold;
		font-size: 20px;
		margin-bottom: 10px;
		padding-bottom: 0px;
	}
		div.point h4 sup{ font-size: 10px;}
	div.point h5 {
		color: #000;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 16px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#point01 img { margin-bottom:20px;}
#point01 p { font-size: 98%;}
#point02 p ,
#point03 p ,
#point04 p {
	font-size: 128%;
	line-height: 1.8;
	color: #000;
}
div.point img { margin-bottom:40px;}
.point h2.h2ttl {
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 16px;
	background-color: #1E2F4A;
	height: 28px;
	line-height: 28px;
	margin-bottom:40px;
	padding-left: 14px;
}