@charset "utf-8";

*{
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
body{
	margin:0;
	padding:0;
}


img{
	vertical-align:bottom;
}

.contents,
.header{
	margin:0 auto;
	width:1024px;
	overflow:hidden;
}
.header{
	margin-top:10px;
}

.header dl dt,
.header h1{
	background-repeat:no-repeat;
	height:0;
	overflow:hidden;
	display:block;
}

.header h1{
	background-image:url(../images/h_logo.png);
	width:191px;
	padding-top:65px;
	float:left;
}
.header dl{
	float:right;
}
.header dl dt{
	background-image:url(../images/inquiry.gif);
	width:140px;
	padding-top:24px;
}
.header dl dd{
	font-size:38px;
	font-weight:bold;
	margin:0;
}

.back_ground{
	background-image:url(../images/bk_back_ground.png);
	background-repeat:repeat-x;
	padding:30px;
}
.back_ground h2{
	margin:0;
	color:#EB6C0E;
	font-size:38px;
}
.back_ground p{
	margin:0;
	margin-bottom:25px;
}
.back_ground ol ul,
.back_ground ol{
	margin:0;
	padding:0;
	list-style:none;
}
.back_ground ol li{
	border:solid 3px #0092D4;
	width:210px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	display:inline-block;
	height:300px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:top;
}
.back_ground ol li h3{
	color:#EB6C0E;
	text-align:center;
	margin:0;
	margin-top:15px;
}
.back_ground ol li ul{
	margin:0;
	padding:10px;
	height:160px;
}
.back_ground ol li ul li{
	height:auto;
	width:auto;
	border:none;
	font-size:12px;
	vertical-align:baseline;
	padding-left:1em;
	text-indent:-1em;
}
.back_ground ol li ul li:before{
	content:"■";
	color:#00A29A;
	font-size:18px;
}
.back_ground ol li .image{
	text-align:center;
}
.service,
.flow{
	background-color:#EAF5FC;
	margin-bottom:50px;
}

.service{
}
.service h2,
.flow h2{
	background-color:#0092D4;
	color:#FFF;
	text-align:center;
	padding:10px;
	font-size:32px;
}
.flow{
	padding-bottom:30px;
	text-align:center;
}

.service .image{
	text-align:center;
	margin-bottom:25px;
}


.back_ground ol ul,
.service ol{
	margin:0;
	padding:0;
	list-style:none;
	padding:10px;
}
.service ol{
	background-color:#51BBBA;
	margin:0 auto;
	padding:15px;
	width:839px;
}
.service ol li{
	border:solid 3px #FFF;
	background-color:#FFF;
	width:258px;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	display:inline-block;
	padding-top:90px;
	height:210px;
	margin-left:6px;
	margin-right:6px;
	vertical-align:top;
}
.service ol li h3{
	color:#0093D5;
	text-align:center;
	margin:0;
	margin-top:14px;
}
.service ol li ul{
	margin:0;
	padding:10px;
	height:160px;
}
.service ol li ul li{
	height:auto;
	width:auto;
	padding:0;
	border:none;
	font-size:12px;
	vertical-align:baseline;
	padding-left:1em;
	text-indent:-1em;
}
.service ol li ul li:before{
	content:"■";
	color:#00A29A;
	font-size:18px;
}

.service ol li.customer,
.service ol li.cost,
.service ol li.compliance{
	background-image:url(../images/ico_1.png);
	background-repeat:no-repeat;
	background-position:center 30px;
}

.service ol li.cost{
	background-image:url(../images/ico_2.png);
}
.service ol li.customer{
	background-image:url(../images/ico_3.png);
}

.service{
	padding-bottom:40px;
}
.profile{
	border:solid 3px #0092D4;
	margin-bottom:60px;
	background-image:url('../images/f_logo.png');
	background-repeat:no-repeat;
	background-position:600px 180px;
}

.profile h2{
	margin:0;
	background-color:#0092D4;
	color:#FFF;
	text-align:center;
	padding:10px;
	font-size:24px;
}
.profile dl{
	margin:40px;
	margin-left:60px;
}
.profile dl dt{
	color:#0092D4;
	float:left;
	clear:left;
}
.profile dl dd{
	padding-left:4em;
	margin-bottom:15px;
	font-style:normal;
}

.footer{
	text-align:center;
	color:#FFF;
	background-color:#0092D4;
	padding:5px;
}
section.banner ul{
    display: flex;
    padding: 0;
    justify-content: center;
    margin-bottom: 40px;
}
section.banner ul li {
    list-style: none;
}
section.banner ul li:nth-child(2) a:hover{opacity:0.5}
section.banner ul li:nth-child(1) a {
    display: block;
    height: 132px;
    line-height: 90px;
    width: 296px;
    text-align: center;
    border: 2px solid #003692;
}

section.banner ul li:nth-child(1) a:hover{
    background:#eaf5fc;
    border: 2px solid #0092d4;
}
section.banner ul li:nth-child(2) { margin-left: 2%; }