@charset "utf-8";


/* ==========================================================================
	main
========================================================================== */

#main{
	width:100%;
	height:450px;
	background:url(../image/main.jpg) center center no-repeat;
	background-size:cover;
	margin-bottom:61px;
	position:relative;
	box-sizing:border-box;
}

#main h1{padding-top:170px;
	text-align:center;
	letter-spacing:0.025em;
	font-size:62px;
	font-weight:700;
	color:#2f93d2;
	}

#main h1 span{
	-webkit-text-shadow: 0 0 9px #ddd; /* Safari, Chrome用 */
	-moz-text-shadow: 0 0 9px #ddd; /* Firefox用 */
	text-shadow: 0 0 9px #ddd; /* CSS3 */
	
	}
	
	
	
#main h2{
	margin-top:13px;
	color:#fff;
	font-weight:bold;
	font-size:22.5px;
	text-align:center;
	letter-spacing:0.05em;
	-webkit-text-shadow: 0px 0px 7px #747474; /* Safari, Chrome用 */
	-moz-text-shadow: 0px 0px 7px #747474; /* Safari, Chrome用 */
	text-shadow:  0px 0px 7px #747474; /* Safari, Chrome用 */
	
	}
@media screen and ( max-width: 1020px ) {
	
#main{
	margin-bottom:60px;
	}
	}
@media screen and ( max-width: 720px ) {
	

#main{
	width:100%;
	height:170px;
	margin-bottom:32px;
}
#main h1{
	padding-top:60px;
	font-size:30px;
	}

#main h2{
	margin-top:3px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	letter-spacing:0.05em;
	
	}
	}

	
/* ==========================================================================
	about
========================================================================== */
#c_table_area{
	width:100%;
	background:#fff;
	padding-bottom:80px;
	}

#c_table_area .table_box{
	width:960px;
	margin:0 auto;

}

#c_table_area .table_box h1{
	font-size:41px;
	color:#b22222;
	text-align:center;
	font-weight:700;
	}

#c_table_area .table_box h2{
	font-size:15px;
	line-height:15px;
	text-align:center;
	margin:9px 0 35px;
	font-weight:bold;
	letter-spacing:0.025rem;
	}
	

#c_table_area .table_box .l_list{
	float:left;
	}
#c_table_area .table_box .r_list{
	float:right;
	}
	
#c_table_area .table_box ul li{
	width:470px;
	border-bottom:1px solid #d6d6d6;
	padding:8px 0;
	}
	
#c_table_area .table_box ul li:first-child{
	border-top:1px solid #d6d6d6;
	}
#c_table_area .table_box ul li h2{
	font-size:14px;
	line-height:33px;
	margin:0;
	font-weight:bold;
	float:left;
	padding:0 10px 0 30px;
	box-sizing:border-box;
	width:38%;
	text-align:left;
	}
#c_table_area .table_box ul li p{
	display:block;
	font-size:14px;
	line-height:33px;
	float:left;
	margin:0;
	width:62%;
	box-sizing:border-box;
	}
#c_table_area .table_box ul li p a{
	font-weight:100 !important;
	text-decoration:underline;
	}
	
#c_table_area .table_box .r_list li:last-child{
	padding-bottom:9px;
	
	}
@media screen and ( max-width: 1000px ) {
	#c_table_area{
	width:100%;
	padding:0 20px 80px;
	box-sizing:border-box;
	}

#c_table_area .table_box{
	width:100%;
	margin:0 auto;

}
#c_table_area .table_box .l_list,
#c_table_area .table_box .r_list{
		width:48.9%;
	}
#c_table_area .table_box ul li{
	width:100%;
	}
	
	}

@media screen and ( max-width: 720px ) {
	
	
#c_table_area .table_box h1{
	font-size:30px;
	}
#c_table_area .table_box h2{
	font-size:11px;
	line-height:11px;
	margin:5px 0 20px;
	}
#c_table_area{
	width:100%;
	padding:0 15px 40px;
	box-sizing:border-box;
	}

#c_table_area .table_box .l_list,
#c_table_area .table_box .r_list{
		width:100%;
		float:none;
	}
#c_table_area .table_box .r_list li:first-child{
	border-top:none;
	}
	
#c_table_area .table_box ul li{
	width:100%;
	padding:6px 0 7px 0;
	box-sizing:border-box;
	}
	
.Android #c_table_area .table_box ul li,
.iPhone #c_table_area .table_box ul li{
	padding:7px 10px 7px 10px;
	}
	
#c_table_area .table_box ul li h2{
	font-size:11px;
	line-height:22px;
	padding:0 10px 0 10px;
	width:38%;
	text-align:left;
	}
#c_table_area .table_box ul li p{
	font-size:11px;
	line-height:22px;
	width:62%;
	}	
	
}
/* ==========================================================================
	showroom
========================================================================== */
#showroom{
	width:100%;
	background:#f9f7f5;
	padding:80px 0 0;
}

#showroom h1{
	font-size:41px;
	color:#b9ab27;
	text-align:center;
	font-weight:700;
	}

#showroom h2{
	font-size:15px;
	line-height:15px;
	text-align:center;
	margin:9px 0 35px;
	font-weight:bold;
	letter-spacing:0.025rem;
	}
	
#showroom h3{
	font-size:25px;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0;
	color:#424242;
	letter-spacing:-0.025rem;
	margin-bottom:21px;
	}
	

/*ループスライダーの設定*/

.loopslider {
	margin: 50px auto 0;
	width: 100%;
	height: 217px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.loopslider ul {
	width: 100%;
	height: 217px; 
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li {
	width: 217px;
	height: 217px;
	float: left;
	display: inline;
}

.loopslider ul li img{
	width: 217px;
	height: 217px;
	}
.loopslider .loopslider_wrap{
	height:217px !important;
	}	

/*	ClearFixElements */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}

@media screen and ( max-width: 720px ) {
	
#showroom{
padding:52px 0 0;
}

	
#showroom h1{
	font-size:30px;
	}

#showroom h2{
	font-size:11px;
	line-height:11px;
	margin:5px 0 20px;
	}
	
#showroom h3{
	font-size:16px;
	line-height:24px;
	color:#424242;
	margin-bottom:10px;
	}


.loopslider {
	height: 125px;
	margin:33px auto 0;
}
.loopslider ul {
	width: 100%;
	height: 125px;
}
.loopslider ul li {
	width: 125px;
	height: 125px;
}

.loopslider ul li img{
	width: 125px;
	height: 125px;
	}
.loopslider .loopslider_wrap{
	height:125px !important;
	}	

	}

	
/* ==========================================================================
	アクセスマップ
========================================================================== */
#map{
	width:100%;
	background:#fff;
	padding:80px 0 0;
}

#map h1{
	font-size:41px;
	color:#b22222;
	text-align:center;
	font-weight:700;
	}

#map h2{
	font-size:15px;
	line-height:15px;
	text-align:center;
	margin:9px 0 35px;
	font-weight:bold;
	letter-spacing:0.025rem;
	}
	
#access-map{
	position:relative;	
	width:100%;
	height:440px;
}
@media screen and ( max-width: 720px ) {
	
#map{
padding:52px 0 0;
}

#map h1{
	font-size:30px;
	}

#map h2{
	font-size:11px;
	line-height:11px;
	margin:5px 0 20px;
	}
#access-map{
	position:relative;	
	width:100%;
	height:250px;
}
	}

/* ==========================================================================
	安全
========================================================================== */

#whats{
	position:relative;
	z-index:105;
	width:100%;
	background:url(../image/whats_bg.jpg) bottom center no-repeat;
	padding:65px 0 0;
  box-sizing:border-box;
  
}

#whats h1{
	position:relative;
	width:386px;
	margin:0 auto;
	}

#whats h2{
	position:relative;
	width:700px;
	text-align:center;
	font-size:15.39px;
	font-weight:bold;
	margin:22px auto 40px;
	line-height:15.39px;
	}


#whats div{
	width:100%;
	margin:0 auto;
	max-width:1000px;
	}

#whats .shosai_btn1{
	width:145px;
	height:40px;
	font-size:14px;
	box-sizing:border-box;
	}
@media screen and ( max-width: 720px ) {
	
#whats{
	position:relative;
	z-index:105;
	width:100%;
	padding:10% 0 0 0;
	background:#F6F1F7;
  box-sizing:border-box;
}
#whats h1{
	width:65%;
	}
#whats h2{
	position:relative;
	width:100%;
	box-sliging:border-box;
	text-align:center;
	font-weight:bold;
	margin:4% auto 6.2%;
	line-height:10px;
	letter-spacing:0.025rem;
	}
#whats div{
	width:100%;
	}
	
#whats .shosai_btn1{
	position:relative;
	display:block;
	width:134px;
	height:34px;
	font-size:11px; 
	padding-top:9px;
	font-weight:bold;
	border:2px solid #333;
	}
	}

@media screen and ( max-width: 550px ) {
#whats h2{
	font-size:13px;
	font-weight:bold;
	margin:4% auto 6.2%;
	line-height:14px;
	}
	}

@media screen and ( max-width: 400px ) {
#whats h2{
	font-size:11px;
	font-weight:bold;
	margin:4% auto 6.2%;
	line-height:10px;
	}
	
	}
	
	
	


/* ==========================================================================
	フッターバナー
========================================================================== */
#hasei_ftbnr{
	position:relative;
	width:1000px;
	height:0;
	margin:0 auto;
	z-index:1000;
	}
.foot_bnr{
	width:221px;
	height:66px;
	position:absolute;
	border:2px solid #231d1f;
	bottom:-34px;
	left:-38px;
}

@media screen and ( max-width: 1080px ) {
#hasei_ftbnr{
width:100%;
}
	
.foot_bnr{
	left:10px;
	}

	}
@media screen and ( max-width: 720px ) {
#hasei_ftbnr{
	width:100%;
	height:96px;
	background:#f9f7f4;
}
.foot_bnr{
	width:130px;
	height:40px;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	}

	
}