/*-----------------------------------------------------------------------------------------------------
ALL SIZE
-------------------------------------------------------------------------------------------------------*/


/*-----------------------about*/
#about h3{
	font-size:25px;
	letter-spacing: 2px;
	margin-bottom:35px;}

#about h4{	font-size:16px; margin-bottom:60px;}

.columns {
/*      -webkit-columns: 470px 2;
      -moz-columns:  470px 2;
      -ms-columns:  470px 2;
      columns:  470px 2; */
	  margin-bottom:30px;
    }
	
.columns::selection {	background:#fff; /* Safari */}
.columns::-moz-selection {	background:#fff; /* Firefox */}


.movie-wrap{margin-bottom:40px;}

.mobile{display:none;}

/*-----------------------showroom*/
#showroom h3{
	font-size:25px;
	letter-spacing: 2px;
	margin-bottom:35px;}

#showroom h4{	font-size:16px;}
.sr_info{margin:65px auto; border-bottom:1px solid #666464;}
.sr_info img{margin-bottom:60px;}
.sr_info .secondboxinr img{margin-bottom:6px;}
.sr_info .subs2 img{margin-bottom:6px;}
.sr_info h4 img{margin-bottom:0px;}
.sr_info h3 img{margin-bottom:0px;    margin-left: 10px;}
.detail_box{margin:0 auto 60px;}
.detail_box img{float:left; display:block; width:40%; height:auto;}

.detail_box2{margin:0 auto 60px;}
.detail_box2 img{float:right; display:block; width:45%; height:auto;}

.detail_box3{margin:0 auto 60px;}
.detail_box3 img{float:left; display:block; width:30%; height:auto;}


.detail_info {float:right; margin-left:4%;  width:55%;}
.detail_info2{float:left; margin-left:2%;  width:48%;}


.detail_head{font-size:13px; padding-bottom:20px; border-bottom:1px solid #666464;}
.detail_head span{font-size:16px; font-weight: bold;}
.detail_text{margin-top:20px; font-size:13px; line-height:24px;}
.detail_text span{font-size:16px; font-weight: bold;}

.showroom_contact{margin:0 auto;}
.showroom_contact p{width:100%; padding:3% 0; font-size:20px; text-align:center; font-weight:bold; letter-spacing:2px; background:#fff;}

.sr_contents{width:48%; float:left;}
.sr_left{margin:5% 4% 5% 0;}
.sr_right{margin:5% 0% 5% 0;}

/* table _ sr_outline*/
.sr_outline{
	width:100%;
	height:134px;
	border-bottom: 1px solid #666464;
	border-top: 1px solid #666464;
}	
.sr_outline th, .sr_outline td{
	padding:15px 0px;
	border-bottom: 1px solid #666464;
}
.sr_outline th{font-weight:bold; padding-right:30px;}
.sr_mobile{visibility:collapse;}


.sr_outline .button{
	width:55px;
	padding:2px 3px;
	margin:0 0 0 10px;
}


/*slider*/
.slider{margin:0 auto 60px; 	position:relative;}
.slidesjs-previous{
	background: rgba(0, 0, 0, 0) url("../img/btn_prev.png") no-repeat scroll top center ;
height: 100px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 190px;
    width: 55px;
    z-index:10000;
}
.slidesjs-next{
	background: rgba(0, 0, 0, 0) url("../img/btn_next.png") no-repeat scroll top center; 
height: 100px;
    right: 0;
    position: absolute;
    text-indent: -9999px;
    top: 190px;
    width: 55px;
    z-index:500;
}

.sr_image{display:none; visibility:hidden;}


/*-----------------------process*/

#process h3, .w_box{
    -webkit-border-radius:4px;
	-moz-border-radius:4px; 
	 border-radius:4px;
		}

#process h2{
	width:100%;
	margin-bottom:20px;
	font-size:12px; 
	display:block;
	}

#process h3{
	color:#fff;
	font-size:14px; 
	font-weight:bold; 
	letter-spacing:2px;
	background-color:#666464;
	padding:25px;
}

.w_box{
	padding:25px 25px 40px 25px;
background:#fff;}

.under_box{
	width:100%;
text-align:center;
margin-bottom:30px;}

.pro_box{margin:0 auto;}
	
.pro_box h4{
	font-size:14px;
	letter-spacing:2px;
    min-height: 24px;
    padding: 17px 15px 0 50px;
	margin-top:0px;
	
	}
		
.pro_box h4.p01{background: url("../img/bg_ico_01.png") no-repeat scroll 0px 14px; }
.pro_box h4.p02{background: url("../img/bg_ico_02.png") no-repeat scroll 0px 14px; margin-top:60px; }
.pro_box h4.p03{background: url("../img/bg_ico_03.png") no-repeat scroll 0px 14px; margin-top:60px;}
.pro_box h4.p04{background: url("../img/bg_ico_04.png") no-repeat scroll 0px 14px; }
.pro_box h4.p05{background: url("../img/bg_ico_05.png") no-repeat scroll 0px 14px; }
.pro_box h4.p06{background: url("../img/bg_ico_06.png") no-repeat scroll 0px 14px;}
.pro_box h4.p07{background: url("../img/bg_ico_07.png") no-repeat scroll 0px 14px; margin-top:60px;}
.pro_box h4.p08{background: url("../img/bg_ico_08.png") no-repeat scroll 0px 14px; }
.pro_box h4.p09{background: url("../img/bg_ico_09.png") no-repeat scroll 0px 14px;}

.pro_box .pro_text{
font-size:13px; 
line-height:26px;
padding: 17px 15px 0 50px;
margin:0;
}	

.pro_box .pro_text a{text-decoration:underline;}
.pro_box .pro_text a:hover{text-decoration:none; color:#ACACAC;}
	
.pro_box .pro_text span.pro_yen{
font-size:12px; 
font-weight:bold;
background: rgba(0, 0, 0, 0) url("../img/bg_ico_yen.png") no-repeat scroll 0px 15px;
padding: 15px 0 0 35px;
margin-top:10px;
display:block;
}	

.pro_box .pro_text span.pro_att{
margin-top:10px;
display:block;
font-size:11px;
}	

/*-----------------------Q & A*/

#faq h4{	padding-bottom:60px;border-bottom:1px solid #666464;}

.faq_section{	margin:60px auto;border-bottom:1px solid #666464;}

.faq_section h1{
	font-size:14px;
	letter-spacing:2px;
    min-height: 24px;
background: rgba(0, 0, 0, 0) url("../img/img-q.png") no-repeat scroll 0px 15px;
    padding: 17px 15px 15px 50px;
	margin-top:50px;
		}
.faq_section p{
font-size:12px; 
background: rgba(0, 0, 0, 0) url("../img/img-a.png") no-repeat scroll 0px 15px;
padding: 17px 15px 15px 50px;
margin-bottom:60px;
}	

.faq_section p br{margin-bottom:-10px;}
.area{
background: rgba(0, 0, 0, 0) url("../img/img-tokai.png") no-repeat scroll 94% 50%; 
padding:20px 0;
}
.faq_section img{ display:none;}


a.anchor { /*Q&Aアンカーリンク*/
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}



/*-----------------------company*/

.title0{
	background:#d8d5d3;
	font-weight:bold;
	padding:5px 15px;
	margin-bottom:10px;
}


.com_contents{
	width:48%;
	margin:0;
	float:left;}
/*.com_contents:first-child{margin:0 4% 0 0;}*/
.com_contents:first-child{margin:0 20px 0 0;}

.com_contents .title{
	background:#d8d5d3;
	font-weight:bold;
	padding:5px 15px;
	margin-bottom:10px;
}

/* table _ company*/
.company{
	width:100%;
/*	height:370px; */
	border-bottom: 1px solid #666464;
	border-top: 1px solid #666464;
}	
.company th, .company td{
	padding:10px 0px;
	border-bottom: 1px solid #666464;
}
.company th{font-weight:bold; padding-right:0px; /*padding-right:40px;*/}

.com_contents .btn_area{display:none;}


.com_contents iframe{
	padding:0px 5px 0px 5px;
}


#map{margin-bottom:120px;}
#map_canvas{
	border-top:4px #fff solid;
	border-bottom:4px #fff solid;
}

/*-----------------------contact*/

/*table _ contactform*/
.contactform{
	width:100%;
	border-bottom: 1px solid #666464;
	border-top: 1px solid #666464;
	margin:40px auto 40px auto;

}	
.contactform th, td{
	padding:15px 0px;
	border:none;
}
	
.contactform td{width:70%; }
.mark{color:#d80f2c; font-weight:bold;}
.red{color:#d80f2c; display:inline-block; margin-left:15px;}

.check{text-align:center; }
.attention{
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	background-color:#d8d5d3;
	 padding:30px 25px;
	 font-weight:bold;
	 margin:25px auto;}

	
/*contact tel*/
.contact_tel{text-align:center;}
.contact_tel p{text-align:center; margin:52px 0;}
p.contact_num{
	width:49%;
	float:left;
	font-size:23px;
	font-weight:bold;
	margin:0;
	letter-spacing:2px;
	border-left:1px solid  #666464;
		border-right:1px solid  #666464;
		display:block;
	color: #FF6600;

}
p.contact_num:last-child{
	width:50%;
	border-left:0;
	border-right:1px solid  #666464;
}
p.contact_num span{font-size:16px;}


/*-----------------------404*/

#not404 h4{font-size:25px; margin-bottom:15px; }
#not404 h5{font-size:14px;margin-bottom:50px;}
#not404  p.text{margin-bottom:50px;}


/*-----------------------------------------------------------------------------------------------------
1025px以上
-------------------------------------------------------------------------------------------------------*/

@media screen and (min-width : 1025px) {

}

/*-----------------------------------------------------------------------------------------------------
ブラウザの幅1024pxまで
-------------------------------------------------------------------------------------------------------*/

@media screen and (max-width : 1024px) {

/*-----------------------about*/
.movie-wrap {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
margin-bottom:30px;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display:block;
}


.sr_outline{
	width:100%;
	height:90px;
	border-bottom: 1px solid #666464;
	border-top: 1px solid #666464;
}	
.sr_outline th, .sr_outline td{
	padding:8px 0px;
	border-bottom: 1px solid #666464;
}
.sr_outline th{width:20%; }
.sr_outline td{width:80%;}

/*slider*/
.slidesjs-previous, .slidesjs-next{ top: 48%; width: 5%;}

}
/*-----------------------------------------------------------------------------------------------------
ブラウザの幅768pxまで
-------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:767px)  {

/*-----------------------about*/

#about h3{
	font-size:20px;
	letter-spacing: 2px;
	margin-bottom:35px;
	line-height:35px;}

#about h4 {font-size: 13px;  margin-bottom: 30px;}

.pc{display:none;}
.mobile{display:block;}





/*-----------------------showroom*/

#showroom h3 {font-size: 20px;margin-bottom: 10px;}
#showroom h4 {font-size: 13px;  margin-bottom: 10px;}

.sr_info {margin: 30px auto; }
.columns {margin-bottom: 10px;}

.detail_box {margin:0 auto 100px;}
.detail_box2{margin:0 auto 100px;}
.detail_box3{margin:0 auto 100px;}
.detail_box  img{float:none; display:block; width:100%; height:auto;  margin-bottom:20px;}
.detail_box2 img{float:none; display:block; width:100%; height:auto;  margin-bottom:20px;}
.detail_box3 img{float:none; display:block; width:80%; height:auto;  margin-bottom:20px;}
.detail_info {float:none; margin-left:0;  width:100%;}
.detail_info2{float:none; margin-left:0;  width:100%;}
.detail_info3{float:none; margin-left:0;  width:100%;}
.detail_head {padding-bottom: 10px;}

.showroom_contact p{width:100%; padding:3%; font-size:12px; text-align:left; display:block; letter-spacing:1px;}
.sr_contents{	width:100%; 	margin:5% 0; float:none;}
.sr_contents:last-child{display:none; margin:0;}

.sr_outline th{width:30%; }
.sr_outline td{width:70%;}

.pc{visibility:hidden;}
.sr_mobile{visibility:visible;}

.sr_outline .button{
	width:100%;
	max-width:250px;
	display:block;
	padding:2px 3px;
	margin:10px 0 10px 0;
}

.slider{display:none;}
.sr_image{display:block; visibility:visible; margin-bottom:30px;}
.sr_image li{margin:0 auto -40px;}
.sr_image li img{ width:100%; height:auto;}


/*-----------------------process*/

#process h2{margin-bottom:3%;}
#process h3{padding:4%;}
.w_box{padding:4% 4% 6% 4%; background:#fff;}
.pro_box{margin:0 auto;}
.pro_box h4{margin-top:0;}
.pro_box h4.p02, .pro_box h4.p03, .pro_box h4.p07{ margin-top:30px;}
.pro_box .pro_text{padding: 2% 0 0 0;}	
.under_box{margin-bottom:4%;}

/*-----------------------Q&A*/

.area{ background:none;}
.faq_section{margin:20px 0;}
.faq_section h1{	margin-top:30px;}
.faq_section p{margin-bottom:20px;}
.faq_section img{ display:block; margin:10px  auto 0;}
.faq_contact .button{width:90%;}

/*-----------------------company*/

.com_contents{
	width:100%;
	margin:0 0 60px;
	float:none;}

.com_contents:first-child {
	margin:0 0 60px 0;}


/*table company*/
.company{height:auto;}
.company th{width:30%; padding:0;}
.company td{width:70%; }

	
.com_contents .btn_area{display:block;}
#map {display:none;}

/*-----------------------contact*/

/*table contactform*/
.contactform{
	border:none;
	overflow:hidden;}

.contactform th{
  width:98%;
  display:block;
  margin: 0 auto;
  border:none;
  background-color:#D8D8D8;
  padding:10px;
}
.contactform td{
  display: list-item;
  list-style-type:none;
  width: 100%;
  border-top: none !important;
}

/*contact_num*/
p.contact_num{
	width:100%;
	float:none;
	border-bottom:1px dotted  #666464;
	display:block;
	border-left:0;
	border-right:0;
	padding-bottom:20px;
}
p.contact_num:last-child{
	width:100%;
	border:none;
	padding-top:20px;
}

}