@charset "utf-8";
/* CSS Document */
 body{
 	font-family: "メイリオ";
	min-width:1280px;
 }



.orange{
	color: #C30;
}

.bg_red{
	background-color: #A34323;
}

.bg_orange{
	background-color: #FF5700;
}

.bg_grey{
	background-color: #bcbcbc;
}

.bg_lgrey{
	background-color: #e0e0e0;
}

.maker {
	height: 10px;
	z-index: 20;
	bottom: 0px;
	position: absolute;
	width: 100%;
	left: 0px;
}
.w714 {
	width: 714px;
	margin: 0 auto;
}


.w960 {
	width: 960px;
	margin: 0 auto;
}

.mr-74 { 
	margin-right: 74px;
}

.mb-210 { 
	margin-bottom: 210px;
}

.mini_font{
	font-size: 12px
}

.border_no {
	border: none !important;
}

.border_l_only {
	border-left: dashed 1px #fff;
}

#skrollr-body {
	height: 100%;
	width: 100%;
}

/*共通部分*/

.content_ttl {
	text-align: center;	
	margin-bottom: 55px;	
	position: relative;
	z-index: 5;
}

.content_ttl_text{
	z-index: 5;
	position: relative;
	text-shadow:
		-1px -1px #fff,
		1px -1px #fff,
		-1px 1px #fff,
		1px 1px #fff;
		font-size:18px;
}

.content_ttl_text p{
	text-align: center;
	margin-bottom: 90px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	font-weight: bold;
	font-family: "メイリオ";
}


/*メインナビ*/

#main_logo_img {
	position: relative;
}

#main_logo {
	position: absolute;
	  top: -5px;
	left: -227px;
}

#main_img {
	position: absolute;	
	left: -50px;
	  top: 34px;
	  z-index: 3;
}

#main-nav {
	width: 100%;
	height: 70px;
	background-color: #ff9600;
	position: fixed;
	top: 0px;
	border-bottom:3px #C30 solid;
	z-index: 20;
	box-sizing:border-box;
}

#main-nav #main_nav_pos ul {
	  width: 956px;
	margin: 0 auto;
	box-sizing:border-box;

	  background: #ff6000 url(../img/town.png);
  background-size: 23%;
  background-position: bottom;
  background-repeat: repeat-x;
}

#main-nav #main_nav_pos ul li {
	float: left;
	width: 190px;
	border-right: dashed 1px #fff;
	text-align: center;
	list-style: none;
	font-size: 15px;
	position: relative;
}

#main-nav #main_nav_pos ul li a{
	color: #fff;
	text-decoration: none;
	/* width: 100%; */
	height: 50px;
	display: block;
	
	padding: 10px;
	  height: 47px;
	/* width: 180px; */
}

#main-nav #main_nav_pos ul li a span{
	
	}



#main-nav #main_nav_pos ul li a:hover{
	/*background:#ffab33;*/
	}

.contact-btn{
	background:#C30 !important;
	line-height:1.5em;
	font-weight:bold;
	  font-size: 16px;
	}

.contact-btn:hover{
	background:#ff490c !important;
	}

#main_nav_pos {
	position: absolute;
	left: 24%;
}

.main_visual_bg {
	background:url(../img/main-visual_bg.png) center bottom no-repeat;
	height: 787px;
}


#main_visual_txt {
	position: absolute;
	top:180px;
	left: -50px;
}

.main_visual_bg h1 {
	position: absolute;
	top: 385px;
	left: -50px;
	display: block;
	font-size: 20px;
	font-weight: 500;
}

.main_visual_bg .p-a{
	position: absolute;
	top: 630px;
	z-index: 1;
	width: 100%;
	left: 0px;
}


@-webkit-keyframes vertical {
    0% { -webkit-transform:translateY(-20px); }
  100% { -webkit-transform:translateY(  0px); }
}

@-ms-keyframes vertical {
    0% { -ms-transform:translateY(-20px); }
  100% { -ms-transform:translateY(  0px); }
}

#main_visual_img {
	position: absolute;
	top: 420px;
	left: -50px;
	z-index: 5;
	-webkit-animation: vertical 1s ease-in-out infinite alternate;
	-ms-animation: vertical 1s ease-in-out infinite alternate;
}

#main_visual_img2{ 
	position: absolute;
	top: 140px;
	left: 520px;
	z-index: 10;
}





/*サイドナビ*/
#side_nav {
	position:fixed;
	z-index: 16;
	right:0;
	height: 100%;
	top: 0px;
	width:15%;
	min-width:215px;
	
}


.to-form-btn:hover{
	background:#ff490c;
}

.to-form-btn{
	display:none;
	padding:8px;
	  background: #C30;
	  color:#FFF;
	  text-decoration:none;
	  position:fixed;
		right:10px;
		top:84px;
		z-index:20;
	}

@media screen and (max-width: 1280px) {
	#side_nav {
		display:none;
	}
	.to-form-btn{
		
		display:inline-block;
	}
}

.b-l{
	border-left:1px solid #ccc;
	box-sizing:border-box;
	}


#side_nav_top{
	position:relative;
	height:50%;
	border-bottom:2px solid #ccc;
	box-sizing:border-box;
	background:#FFF;
	border-left:1px solid #ccc;
	}


#side_nav_bottom{
	height:50%;
	}

#suv_nav_scr {
	overflow: hidden;
	height: 100%;
	background:rgba(255,255,255,1);
}

#side_nav_head{
	height:70px;
}

#side_nav_tel{
	background: #fff url(../img/subnav_tel.png) no-repeat center center;
	height:20%;
	position:relative;
}

.slide-btn{
	position:absolute;
	width:30px;
	height:30px;
	background:#efefef;
	text-align:center;
	line-height:30px;
	left:-33px;
	top:0px;
	border:2px solid #CCC;
	border-right:1px solid #CCC;
	cursor:pointer;
	}



.side_nav_carbox{
	height: 200px;
	padding: 20px 0 0;
	list-style: none;
	text-align:center;
	border-bottom:1px solid #CCC;
}

.side_nav_carbox img{
	height: 120px;
	text-align: center;
}

.side_nav_carbox p{
	margin: 10px;
	font-size:	12px;
}

.side_nav_price {
	font-size: 17px;
	color: #F00;
}

.side_nav_menu{
	
	
	
	
}

.side_nav_menu a{
	display:block;
	padding: 12px;
	box-sizing:border-box;
	height:10%;
	background-color: #222;
	position: relative;
	border-bottom: 1px solid #fff;
	line-height: 17px;
}

.side_nav_menu a:hover{
	background:#666;
	}

.side_nav_menu i {
	color:#FFF;	
}

.side_nav_menu p {
	position: absolute;
	left: 40px;
	top: 13px;
	font-size: 14px;
	color: #FFF;
	font-weight: 700;
}

#side_nav_btn{
	background:#FFF;
	height: 15%;
	padding-top:5%;
	padding-bottom:5%;
	  
}

#side_nav_btn a{
	color: #fff;
	text-decoration: none;
	display: block;
	  padding-top: 3%;
	height:100%;
	box-sizing:border-box;
	background:#C30;
	width:70%;
	max-width: 185px;
	text-align:center;
	position: relative;
	margin: 0px auto;
	border-radius:5px;
	font-size: 16px;
	font-weight: 700;
	line-height:1.5em;
	box-shadow: 0 6px #A34323;
}

#side_nav_btn a:hover{
	background:#ff490c;
}

.side_nav_rc_title{
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	color:#999;
	text-align:center;
	  padding-top: 9%;

	  
	}

.side_nav_rc_title a{
	color:#333;
	font-size:12px;
	}

.side_nav_rc_title a:hover{
	text-decoration:none;
	}

#info {
	font-size: 15px;
	color: #ff9600;	
	text-align: left;
	margin-top: 90px;
	position:relative;
}




#info_bg #info a {
	padding: 0px 10px 0px 10px;
	/*border-right: solid 2px #ff9600;*/
	text-align: center;
	list-style: none;
	color: #ff9600;
}



/* ローカル共通 */

.info_ttl {
	  text-align: center;
  color: #333;
  font-weight: 700;
  font-size: 35px;
  width: 960px;
  margin: 60px auto 30px;
  border-bottom: 2px solid #ff9600;
  padding-bottom: 24px;

}

.info_subttl {
	text-align: left;
	color: #fff;
	font-size: 18px;
	width: 940px;
	margin: 10px auto;
	background-color: #ff9600;
	padding: 10px;


}

.content_box {
	width: 940px;
	margin: 0 auto 40px;
	padding: 10px;
	text-align: left;
	font-size: 18px;
	line-height: 1.8em;
}


/*コンテンツ１*/

#content1_box{
	width: 100%;
	
}


#content1_img1 {
	position: absolute;
	top: -86px;
	left: 0px;
}

#content1_human1 {
	position: absolute;
	top: -39px;
	left: 0px;
}

#content1_img2 {
	position: absolute;
	left: 520px;
	top: 24px;
}

#content1_human2 {
	position: absolute;
	top: -14px;
	left: 300px;
}

#content1_img3 {
	position: absolute;
	top: -36px;
	right: 120px;
}

#content1_human3 {
	position: absolute;
	top: -110px;
	right: -95px;
}

#content1_img_box {
	height: 222px;
}

/**/
.content_end_img {
	background: url(../img/content_end.png) repeat-x bottom;
	height: 150px;
}

.content_end_img_h170 {
	background: url(../img/content_end.png) repeat-x bottom;
	height: 170px;
}

.content_end_img_h200 {
	background: url(../img/content_end.png) repeat-x bottom;
	height: 200px;
}



#content1_img_box{
	height: 416px;
}

/*コンテンツ２*/

#content2_img_box {
	/*background: url(../img/content2_bg.jpg) no-repeat center 255px;*/
	height: 613px;
	position: relative;
	overflow: hidden;
}

#content2_bg_box{
	position: absolute;
	z-index: 0;
	/*opacity: 0.3;*/

}

/*コンテンツ３*/

#content3_img_box {
	/*background: url(../img/content3_bg.jpg) no-repeat center 20px;*/
	height: 470px;
	position: relative;
	overflow: hidden;
}

#content3_bg_box{
position: absolute;
z-index: 0;
/* opacity: 0.3; */
top: 21px;
left: 82px;
}

/*コンテンツ4*/

#content4_img_box {
	height: 653px;
}

#content4_box {
	position: relative;
}

.content4_minibox {
	width:146px;
	float: left;
	position: relative;
}

.content4_text p {
	font-size: 13px;
	line-height: 1.7em;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-family: "メイリオ";
}
.content4_text a{
	color:#C30;
	}

.content4_text a:hover{
	text-decoration:none;
	}

.content4_icon {
	height: 46px;
	margin-bottom: 20px;
	text-align: center;
}


.content4_text_img{
	height: 146px;
	margin-bottom: 30px;
}


.content4_arrow {
	background: url(../img/content4_arrow.png) no-repeat;
	width: 61px;
	height: 31px;
	float: left;
	margin-top: 124px;
	margin-right: 63px;
	position: relative;
}

/*コンテンツ５*/

#content5_img_box {
	height: 700px;
}

#content5_box{

}

#content5_box ul {
	margin: 0 auto;
}


#content5_arrow_l {
	background: url(../img/content5_arrow_left.png) no-repeat;
	height: 48px;
	width: 28px;
	/*margin-right: 85px;*/
	position: absolute;
	left: -85px;
	top: 90px;
	
}

#content5_arrow_r {
	background: url(../img/content5_arrow_right.png) no-repeat;
	height: 48px;
	width: 28px;
	/*margin-left: 85px;*/
	position: absolute;
	right: -85px;
	top: 90px;

}

li.content5_minibox {
	float: left;
	width: 320px;
}

.content5_minibox_img {
	width: 330px;
	height: 220px;
	overflow: hidden;
}

.content5_ttl {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content5_ttl p {
	color: red;
	font-size: 17px;
	font-weight: 700;
}

.content5_minibox_txt{
	text-align: center;
}

.content5_minibox_txt p{
	line-height: 1.5em;
}


/*コンテンツ６*/

#content6_img_box {
	height: 1092px;
	margin-bottom: 50px;
}

.content6_ttl{
	background: url(../img/content6_icon1.gif) no-repeat left;
	padding-left: 44px;
	height: 44px;
	line-height: 44px;
	font-weight: 600;
	font-size: 21px;
	color: #7B7B7B;
	font-family: "メイリオ";
	margin-bottom: 45px;
}

.content6_minibox_img {
	float: left;
	width: 460px;
	overflow: hidden;
}

.content6_minibox {
	margin-bottom: 25px;
	position: relative;
}

.content6_minibox_txt {
	float: left;
	width: 460px;
	height: 360px;
	margin-left: 40px;
	border-bottom: 1px #7B7B7B dashed;
}

.rakusyou_icon {
	width: 70px;
	border-radius: 100px;
	background-color: #ff9600;
	height: 70px;
	float: left;
	margin-right: 30px;
	font-weight: 700;
	color: #fff;
	height: 70px;
	/* vertical-align: middle; */
	text-align: center;
	line-height: 70px;
	font-family: "メイリオ";
}


.content6_minitxt_rakusyo {
	margin-bottom: 30px;
	height: 70px;
	padding-bottom: 20px;
	border-bottom: dashed 1px #7B7B7B;
}

.content6_minitxt_rakusyo p {
	padding-top: 20px;
	font-size: 15px;
	line-height: 1.5em;
	color: #ff9600;
	font-family: "メイリオ";
}

.user_icon img{
	width: 70px;
	border-radius: 100px;
	background-color: #ff9600;
	height: 70px;
	float: left;
	margin-right: 30px;
}

.content6_minitxt_user {

}

.content6_minitxt_user p {
	margin-bottom: 40px;
	width: 370px;
	/* right: 0; */
	padding-left: 100px;
	padding-top: 15px;
	line-height: 1.5em;
}

.user_icon {
	
}


/*コンテンツ７*/
#footer_nav_box{
	background-color: #222;
	}
#footer_nav  {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	font-size:12px;
	padding: 30px 0;
	color: #fff;

}


#footer_nav a {
	width: 113px;
	list-style: none;
	font-size: 15px;
	/*padding: 15px 3px 15px 3px;*/
	text-align: center;
	color: #fff;
	/*border-right: solid 1px #fff;*/
	margin: 30px 3px 30px 3px;
	font-family: "メイリオ";
}

#footer_nav a:hover{
	text-decoration:none;
	}

#copyright {
	height: 287px;
	width: 100%;
	margin: auto;
	background-color: #FF5700;
	color: #FFF;
}

#copyright p {
	text-align: center;
	line-height: 287px;
	font-family: "メイリオ";
	font-size: 11px;
}

#page_Top {
	background: #ff9600;
	border-radius: 3px;
	color: #FFF;
	position: fixed;
	bottom: 8px;
	left: 8px;
	height: 45px;
	width: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 29px;	
	z-index: 20;
	cursor: pointer;
}
.contact-btn-big{
	
	padding:24px 0 80px;
	}

.contact-btn-big img{
	position:absolute;
	  right: 13px;
  bottom: -35px;
	height:200px;
	}

.contact-btn-big a{
	position:relative;
	width:700px;
	  color: #fff;
  text-decoration: none;
  display: block;
  padding:24px 0 24px 45px;
  box-sizing: border-box;
  background: #C30;
  text-align: left;
  position: relative;
  margin: 0px auto;
  border-radius: 5px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5em;
  box-shadow: 0 6px #A34323;
	}

.contact-btn-big a i{
	padding-right:16px;
	font-size: 40px;
	}

.contact-btn-big a:hover{
	background:#ff490c;
}