@charset "UTF-8";
/* CSS Document */
/* ------------------------------------------------------------------------- *
 *  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
 * ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


/* -----------common------------- */
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, fantasy;
	font-size: 18px;
	-webkit-text-size-adjust: 100%;
}
html,body,header,section {
	width: 100%;
}
.row{
	width: 1120px;
	min-width: 1120px;
	margin: auto;
}
section {
	display: block;
	clear: both;
	float: none;
	padding-top: 25px;
}
#intro-btn {
	padding-top: 7px;
}
#point,#cost,#voice,#flow {
	padding-top: 80px;
}
.red {
	background: #ce0900;
}
.blue {
	background: #47a3dc;
}
.aqua {
	background: #e4f5ff;
}
.gray {
	background: #e1e1e1;
}
.btn {
	text-align: center;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	display: inline-block;
	position: relative;
	-webkit-transition: none;
	transition: none;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.btn a {
	width: 520px;
	padding: 15px 0;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.btn i {
	margin-right: 5px;
}
.btn-orange {
	background: #fb8b1e;
	box-shadow: 0 3px 0 #ce7218;
}
.btn-orange:hover {
	background-color: #fe9834;
	box-shadow: 0 3px 0 #eb8929;
}
.btn-blue {
	background: #47a3dc;
	box-shadow: 0 3px 0 #2d86be;
}
.btn-blue:hover {
	background-color: #5daee0;
	box-shadow: 0 3px 0 #4a9dd0;
}
.btn-gray {
	background: #8ea6b3;
	box-shadow: 0 3px 0 #728793;
}
.btn-gray:hover {
	background-color: #99b1be;
	box-shadow: 0 3px 0 #879eab;
}
main h1 {
	font-weight: bold;
	font-size: 40px;
	text-align: center
}
/**#point h1,#voice h1,#cost h1,#flow h1 {
	margin: 80px 0 40px;
	padding-top: 65px;
}**/
#point h1,#voice h1,#cost h1,#flow h1 {
	padding-top: 65px;
	margin-bottom: 40px;
}
#point h1,#voice h1 {
	color: #1f71a3;
	border-top: 1px solid #e1e1e1;
}
#cost h1,#flow h1 {
	color: #FFF;
	border-top: 1px solid #FFF;
}
#point .row,#voice .row,#cost .row,#flow .row {
	position: relative;
}
.ico img {
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: auto;
}
main p {
	padding-bottom: 25px;
	line-height: 1.5;
}
.contact-cont {
	width: 920px;
	margin: auto;
}

/* -----------header------------- */
header {
	height: 80px;
	position: relative;
	box-shadow: 0 4px 10px #b00801;
	-moz-box-shadow: 0 4px 10px #b00801;
	-ms-box-shadow: 0 4px 10px #b00801;
	-webkit-box-shadow: 0 4px 10px #b00801;
	-o-box-shadow: 0 4px 10px #b00801;
	z-index: 100;
}
header img, #contact {
	padding-top: 14px;
}
header p {
	margin: 0;
	font-weight: bold;
	font-size: 14px;
}
header .call-num {
	color: #47a3dc;
	font-size: 18px;
	line-height: 1.5;
}
header .call-time {
	font-size: 10px;
}
header img {
	float: left;
}
#contact {
	float: right;
}


/* -----------intro------------- */
#particles-js {
	background: #cf0800;
	height: 365px;
	position: relative;
}
section#intro {
	color: #FFF;
	padding-top: 0;
}
#intro h1{
	font-size: 38px;
	line-height: 1.6;
	text-align: left;
	letter-spacing: 3px;
}
#intro h2{
	display: inline-block;
	font-size: 26px;
	padding: 5px 10px;
	margin-top: 50px;
	border: 2px solid #FFF;
}
#intro-wrap {
	position: absolute;
	height: 365px;
	margin-top: 25px;
}
#intro-btn {
	height: 85px;
}
#intro-btn .row {
	position: relative;
}
#intro-btn img {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* -----------main------------- */
#main {
	margin: 30px 0 60px;
}
#main p {
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}
#main .note {
	clear: both;
	color: #545454;
    font-size: 12px;
}
#main01 ,#main02 ,#main03 {
	width: 340px;
	float: left;
}
#main01 ,#main02 {
	margin-right: 49px;
}



/* -----------company------------- */
#slide-img {
	background: #FFF;
	padding: 10px 0;
	margin-top: 15px;
}
#company p {
	margin-top: 5px;
	font-size: 14px;
	color: #1f71a3;
}

/* -----------point------------- */
.point-info {
	width: 590px;
}
.point-info h2 {
	font-size: 36px;
	margin-bottom: 15px;
}
.point-info a {
	color: #1f5a8c;
	text-decoration: none;
	margin-top: 15px;
	font-size: 15px;
	display: block;
}
.point-info a:hover{
	text-decoration: underline;	
}
.point-info a i {
	color: #8facc5;
	margin-right: 5px;
}
#point01,#point02,#point03,#point04 {
	padding-bottom: 30px;
}
#point01 .point-img,#point03 .point-img {
	margin-left: 25px;
	display: inline-block;
}
#point01 .point-info,#point03 .point-info{
	float: left;
}
#point02 .point-info,#point04 .point-info{
	float: right;
}
.point-img p {
	font-size: 12px;
	color: #545454;
}
.point-item {
	margin-bottom: 40px;
	border-bottom: 1px solid #e1e1e1;
}
.point-item:last-child {
	border-bottom: none;
}

/* -----------cost------------- */
#cost p {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
#cost .plan-img {
	padding-top: 40px;
	padding-bottom: 50px;
}

/* -----------voice------------- */
#voice h2{
	text-align: center;
	color: #FFF;
	font-size: 32px;
	background: url(../img/company-bg.gif) no-repeat;
	padding-bottom: 20px;
	margin-top: 80px;
	padding-top: 3px;
}
#voice h2 span{
	font-size: 20px;
}
.voice-item {
	margin: 15px 0;
	font-size: 16px;
}
.voice-logo {
	width: 300px;
	height: 230px;
	float: left;
	position: relative;
}
.logo-align {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 60px;
	text-align: center;
}
.voice-logo img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.voice-img {
	float: left;
}
.voice-info {
	display: inline-block;
	color: #1f71a3;
	background: url(../img/voice-pop.gif) no-repeat;
	padding-left: 35px;
	padding-top: 15px;
	margin-left: 20px;
	height: 220px;
	width: 450px;
}
.voice-info .voice-com {
	font-size: 14px;
	color: #565656;
}
.voice-info .voice-com span {
	font-size: 16px;
	font-weight: bold;
}
#com-list {
	margin: 0 0 40px;
}
#com-list a {
	padding: 10px 5px;
	text-decoration: none;
	display: inline-block;
}

/* -----------flow------------- */
#flow p {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}
#flow p span {
	font-size: 80%;
}
#flow .flow-img {
	padding-top: 40px;
	padding-bottom: 50px;
}


/* -----------contact-box------------- */
.contact-box {
	font-weight: bold;
}
.contact-box h1 {
	color: #FFF;
	font-size: 18px;
	background: #88bbd8;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 15px;
}
.contact-box .btn {
	font-size: 15px;
	color: #FFF;
	position: absolute;
	right: 0;
	bottom: 0;
	bottom: 25px;
	width: auto;
}
.contact-box .btn a {
	width: 315px;
	font-weight: normal;
	padding: 10px 0;
}
.contact-cont {
	position: relative;
}
.contact-info {
	font-size: 18px;
	color: #47a3dc;
}
.contact-info span {
	font-size: 14px;
}
.contact-info span.call-num {
	font-size: 27px;
}

/* -----------btn-box------------- */
.btn-box {
	margin: 20px 0;
	text-align: center;
}
.btn {
	width: 520px;
	margin: 10px 0;
}


/* -----------arrangement------------- */
#arrangement {
	margin-top: 30px;
}
#arrangement p {
	color: #1f71a3;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	border-bottom: 5px double;
    border-top: 5px double;
}

/* -----------map------------- */
#map {
	padding-top: 0;
}
#map_canvas {
	z-index: 1;
}
/*#map .row {
	position: relative;
}
#map .row i {
	margin-right: 10px;
}
#map #com-info {
	text-align: left;
	color: #FFF;
	background: rgba(39,97,133,0.4);
	padding: 20px;
	display: inline-block;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 9999;
}
#map #com-info a {
	color: #FFF;
}*/
#map {
	background: rgba(39,97,133,0.4);
}
#map #com-info {
	text-align: left;
	color: #FFF;
	padding: 20px;
	display: inline-block;
	top: 40px;
	left: 0;
	z-index: 9999;
}
#map #com-info a {
	color: #FFF;
}
#map caption{
	font-size: 22px;
	text-align: left;
	margin-bottom: 15px;
}
#map tr{
	font-size: 13px;
}
#map td{
	padding-left: 20px;
}

/* -----------footer------------- */
footer {
	background: #ce0900;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}