@charset "utf-8";

/* ----- ----- ----- ----- ----- -----
　　　　　　　　共通
 ----- ----- ----- ----- ----- -----*/
#wrapper { width:100%; margin: 0 auto; }

/* -----ヘッダー------------------------------------------------ */
body{
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ','Lucida Grande', 'ＭＳ ゴシック',sans-serif;
	text-align: left;
	padding: 0;
	background-color: #FFF;
	width: 100%;
	z-index: 1;
	min-width: 1150px;
	background: url(../images/top_bg.jpg) 0 0 repeat-x;
}
.side_line{
	background: url(../images/side_line.jpg) 0 0 repeat-y;
	width: 60px;
	position: absolute;
	top: 0;
	left: 0; 
	height: 15420px;
	z-index: 9999;
	text-indent: -9999px;
}
header{
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	height: 105px;
	padding: 10px 0 0 0;
}
.logo{
	overflow: hidden;
	height: 0;
	width: 0;
	background: url(../images/logo.jpg) 0 0 no-repeat;
	padding: 70px 382px 0 0;
	line-height: 1;
	float: left;
	margin-top: 10px;
}
section{
	text-align: center;
}
.section_in{
	width: 1000px;
	margin: 0 auto;
}
.section_in_in{
	width: 760px;
	margin: 0 auto;
	padding: 50px 60px;
}




.first_view{
	height: 687px;
	width: 1100px;
	background: url(../images/firstview_bg.jpg) 0 0 no-repeat;
	position: relative;
	margin: 0 auto;
	text-align: right;
}
.text_01{
	position: absolute;
	top: 7px;
	right: 30px;
}
.text_02{
	position: absolute;
	top: 246px;
	right: 558px;
}
.text_03{
	position: absolute;
	top: 222px;
	right: 327px;
}
.text_04{
	position: absolute;
	top: 201px;
	right: 142px;
}
.text_05{
	position: absolute;
	top: 341px;
	right: 21px;
}




.trouble_area{
	text-align: center;
	background: url(../images/text_02_bg.jpg) 0 0 repeat-x;
	height: 1016px;
}
.trouble_area_in{
	background: url(../images/content_bg_01.jpg) 0 0 no-repeat;
	width: 997px;
	height: 849px;
	margin: 0 auto;
	position: relative;
}
.text_06{
	position: absolute;
	top: 317px;
	left: 122px;
}
.text_07{
	position: absolute;
	top: 168px;
	left: 58px;
}
.text_08{
	position: absolute;
	top: 108px;
	left: 375px;
}
.text_09{
	position: absolute;
	top: 160px;
	left: 686px;
}
.text_10{
	position: absolute;
	top: 366px;
	left: 745px;
}
.text_11{
	position: absolute;
	bottom: 155px;
	left: 210px;
}
.text_12{
	position: absolute;
	bottom: 65px;
	left: 310px;
}


.solution_area .bg_orange{
	padding: 37px 0 30px;
}



.reason_01,.reason_02,.reason_03,.reason_04,.reason_05{
	display: inline-block;
	position: relative;
}
.reason_01 p,.reason_02 p,.reason_03 p,.reason_04 p,.reason_05 p{
	display: inline-block;
	position: relative;
	position: absolute;
	line-height: 1.7;
	text-align: left;
	font-size: 18px;
	color: #000;
}
.reason_01{
	background: url(../images/content_bg_02.jpg) 0 0 no-repeat;
	width: 908px;
	height: 336px;
}
.reason_01 p{
	width: 600px;
	bottom: 60px;
	left: 44px;
}
.reason_02{
	background: url(../images/content_bg_03.jpg) 0 0 no-repeat;
	width: 908px;
	height: 369px;
}
.reason_02 p{
	width: 600px;
	bottom: 90px;
	left: 44px;
}
.reason_03{
	background: url(../images/content_bg_04.jpg) 0 0 no-repeat;
	width: 908px;
	height: 365px;
}
.reason_03 p{
	width: 515px;
	bottom: 90px;
	left: 44px;
}
.reason_04{
	background: url(../images/content_bg_05.jpg) 0 0 no-repeat;
	width: 908px;
	height: 337px;
}
.reason_04 p{
	width: 580px;
	bottom: 60px;
	left: 44px;
}
.reason_05{
	background: url(../images/content_bg_06.jpg) 0 0 no-repeat;
	width: 908px;
	height: 377px;
}
.reason_05 p{
	width: 600px;
	bottom: 60px;
	right: 44px;
}




.president_area{
	background: url(../images/content_bg_07.jpg) 0 0 repeat;
	padding: 80px 0 70px;
}
.president_area .section_in_in{
	background: #fff;
}






.voice_area .text_13{
	position: absolute;
	top: -116px;
	left: 0;
}
.voice_area .bg_orange{
	padding: 60px 0 47px;
	margin: 70px auto 20px;
}






.merit_area{
	background: url(../images/content_bg_08.jpg) 0 0 repeat-x;
	height: 894px;
}
.illust{
	position: absolute;
	bottom: 80px;
	right: 0;
}
.text_14{
	padding: 34px 0 0 0;
	margin: 0 0 47px 0;
}
.merit_area .section_in p{
	margin: 7px 0 0 0;
}


.btn_area{
	background: #FC6125;
	text-align: center;
	height: 170px;
}
.btn_area img{
	margin: -10px 0 0 0;
	z-index: 9999;
	position: relative;
}
.bg_orange{
	background: #FC6125;
}
footer{
	background: #F39800;
	padding: 20px 0;
	text-align: center;
}
footer a{
	text-decoration: underline!important;
	color: #fff!important;
}
footer a:hover{
	text-decoration: none!important;
}
small{
	line-height: 1.4;
	font-size: 16px;
	color: #fff;
}