﻿@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

.box>div{
	position: relative;
	background: url(../image/flow_top_left.jpg) top left no-repeat,
		url(../image/flow_top_right.jpg) top right no-repeat,
		url(../image/flow_bottom_left.jpg) bottom -1px left no-repeat,
		url(../image/flow_bottom_right.jpg) bottom right no-repeat,
		url(../image/flow_top_center.jpg) top repeat-x,
		url(../image/flow_bottom_center.jpg) bottom repeat-x,
		url(../image/flow_bottom_right.jpg) bottom right no-repeat,
		url(../image/flow_bottom_left.jpg) bottom left no-repeat,
		url(../image/flow_center_right.jpg) right repeat-y,
		url(../image/flow_center_left.jpg) left repeat-y;
	margin-bottom: 4px;
	padding: 42px 42px 36px 49px;
}
.box>div::after{
	position: absolute;
	content: '';
	background: url(../image/flow_arrow.png) no-repeat;
	width: 67px;
	height: 26px;
	bottom: -21px;
	left: 35px;
	z-index: 99;
}
.box dl{
	overflow: hidden;
	/zoom: 1;
}
.box dl dt{
	float: left;
}
.box dl dd{
	margin-left: 284px;
}
.box .dl01 dt{
	margin-top: 29px;
}
.box .dl02 dd{
	margin-top: 2px;
}
.box .dl03 dt{
	margin-top: 207px;
}
.box .dl03 span{
	font-weight: bold;
	color: #3AA8CE;
}
.box .dl03 p+p{
	margin-top: 25px;
}
.box .dl05 dt{
	padding-top: 29px;
}
.box .dl05::after{
	background: none;
}
.box .dl05{
	margin-bottom: 70px;
}

.box02{
	background: #F0FEFF;
	padding: 59px 260px 52px 92px;
	position: relative;
	margin-right: 23px;
	margin-bottom: 70px;
}
.box02::before{
	position: absolute;
	content: '';
	background: url(../image/flow06.png) no-repeat;
	width: 276px;
	height: 315px;
	right: -23px;
	bottom: -6px;
}
.box02 .c_tel{
	margin-top: 12px;
	background: url(../image/flow07.jpg) center left no-repeat;
	padding-left: 40px;
	font-weight: bold;
	color: #0E54A9;
	font-family: 'Roboto', sans-serif;
	font-size: 3.57em;
	line-height: 1.0;
}
.box02 .c_tel .telno{
	color: #0E54A9;
}
.text01{
	margin-top: 3px;
	margin-left: -8px;
	margin-bottom: 8px;
}
.text01 span{
	margin-left: 15px;
}