@charset "utf-8";

/* ---------------------------------------------
  service css
------------------------------------------------ */

.contents h2 span{
	width:234px;
}

.topic-path + h2{
	margin-top:0;
}

.sec-inner{
	margin:0 55px;
}


/* ------ service01 ---------------------------- */

.service01{
	margin:35px 0 0;
}

.service01 h3{
	background:#0091db;
	background:-moz-linear-gradient(left, #0091db 0%, #00457e 100%);
	background:-webkit-linear-gradient(left, #0091db 0%,#00457e 100%);
	background:linear-gradient(to right, #0091db 0%,#00457e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0091db', endColorstr='#00457e',GradientType=1);
	color:#fff;
	position:relative;
	line-height:74px;
	height:74px;
	margin:30px 0 0;
	padding:0 44px;
}

.service01 h3::before{
	border-style:solid;
	border-width:27px 27px 0 0;
	border-color:#fff transparent transparent transparent;
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

.service01 h3::after{
	border-style:solid;
	border-width:11px 0 11px 15px;
	border-color:transparent transparent transparent #2ea7e0;
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:21px;
	margin-top:-11px;
}

.service01 .service-inner{
	border:3px solid #2ea7e0;
	padding:20px 22px 24px;
}

.service01 div dl{
	line-height:1.75;
	position:relative;
	margin:23px 0 0;
}
.service01 div dl.item01{	background:#feebbe;	margin-top:0;}
.service01 div dl.item02{	background:#d5e6a8;}
.service01 div dl.item03{	background:#92d4f5;}
.service01 div dl.item04{	background:#f7c6d0;}

.service01 div dl::before{
	background:#fff;
	content:"";
	display:block;
	width:1px;
	position:absolute;
	top:0;
	left:192px;
	bottom:0;
}

.service01 div dl::after{
	border:2px solid #036eb8;
	content:"";
	display:block;
	width:188px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}

.service01 div dl dt{
	border:2px solid transparent;
	color:#036eb8;
	clear:left;
	float:left;
	width:150px;
	padding:11px 18px;
}

.service01 div dl dd{
	background:#fff;
	border:2px solid #afafaf;
	color:#231815;
	margin-left:193px;
	padding:11px 20px;
}

.service01 div dl dl{
	background:transparent !important;
	margin:0;
}

.service01 div dl dl::before,
.service01 div dl dl::after{
	display:none;
}

.service01 div dl dl dt{
	border:none;
	color:#231815;
	clear:none;
	float:none;
	width:auto;
	padding:0;
}

.service01 div dl dl dd{
	border:none;
	margin-left:0;
	padding:0;
}

.service01 div dl dl dd::after{
	content:" ";
	display:table;
	clear:both;
}

.service01 div dl dl dd .float-l:nth-child(2){
	margin:-5px 0 0 15px;
}


/* ------ service02 ---------------------------- */

.service02{
	margin:75px 0 0;
}

.service02 h3{
	background:#c9a063;
	color:#fff;
	position:relative;
	line-height:74px;
	height:74px;
	margin:50px 0 25px;
	padding:0 44px;
}

.service02 h3::before{
	border-style:solid;
	border-width:27px 27px 0 0;
	border-color:#fff transparent transparent transparent;
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

.service02 h3::after{
	border-style:solid;
	border-width:11px 0 11px 15px;
	border-color:transparent transparent transparent #fff;
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:50%;
	left:21px;
	margin-top:-11px;
}

.service02 div{
	margin:0 26px;
}

.service02 div dl{
	background:#036eb8;
	line-height:1.75;
	position:relative;
}

.service02 div dl::before{
	background:#fff;
	content:"";
	display:block;
	width:2px;
	position:absolute;
	top:0;
	left:190px;
	bottom:0;
}

.service02 div dl dt{
	border:2px solid #036eb8;
	color:#fff;
	clear:left;
	float:left;
	width:150px;
	padding:9px 18px;
}

.service02 div dl dd{
	background:#fff;
	border:2px solid #afafaf;
	color:#231815;
	min-height:115px;
	margin-left:192px;
	padding:9px 20px;
}