@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------- */
/* #main_image */
/* ----------------------------------------------------- */

#main_image{
	width:100%;
	margin:0 auto;
	clear:both;
	position:relative;
	z-index: 0;
    top: -37px;
/*background-image:url(../images/top/main_image.jpg);
	background-size: ;
	background-position: top right;
	min-height: 300px;
	padding: 250px 0 0 0;*/
}



.video-wrapper {
 width: 100%;
 text-align: center;
 margin: auto;
}
video.vid_main {
width: 100%;
max-width:100%;/*PC版での最大幅*/
}


video img{
  width:100%;
  height:auto;
}



#main_image article{
     width:100%;
	 margin: 0 auto 200px auto;
	 text-align: center;
	 position:absolute;
	top:25%;
	left: 0%;
	z-index:9999;

}

#main_image article img{
   /*float: left;*/
   display: inline-block;
   width:25%;
   padding: 20px 30px;
   background: rgba(255,255,255,0.5);
   margin:0 10px 0 0;
   
   vertical-align:top;
   
}
#main_image article h3{
   /*float: right;*/
   display: inline-block;
   width:45%;
   margin: 0 0 0 auto;
   font-size:40px;
   text-align: left;
   padding: 20px 0 0 0;
   font-family: 'M PLUS Rounded 1c', sans-serif;

}

#main_image nav{
   width:100%;
   margin:0 auto;
   background: rgba(0,0,0,0.5);
   padding: 20px 0 0 0;
   	position:relative;
	top:-20px;
	left: 0;
	z-index: 99999;
}

#main_image nav ul{
   width:100%;
   margin:0 auto;
   border-top:1px solid #FFF;
   text-align: center;
   padding: 20px 0 20px 0;
   background: url("../images/top/navbottom_bg.jpg") repeat-x bottom left;

}
#main_image nav ul li{
   display: inline-block;
   margin: 0 25px 10px 0;
   font-weight: 600;
   color: #FFF;
   padding: 0 0 20px 0;
}
#main_image nav ul li a{
   color: #FFF;
   text-decoration: none;
   display: block;
}

#main_image nav ul li.now{
   background: url(../images/nav_ico.png) no-repeat bottom center;
   padding-bottom:30px;

}

/* ----------------------------------------------------- */
/* #event */
/* ----------------------------------------------------- */

#event{
	width:100%;
	margin:0 auto 25px auto;
	position: relative;
	padding:20px 0 50px 0;
        border-bottom:2px solid #000;

}

#event dl{
    width:80%;
    margin:0 auto;

}

#event dl dt{
    width:45%;
    float:left;
    margin:0 30px 10px 0;
}

#event dl dt img{
   width:100%;
   height:auto;
}

#event dl dd{
    width:45%;
    float:left;
    margin:0;
    padding-top:30px;
    text-align:left;
}
#event dl dd h2{
   font-size:32px;
   color:#1faaff;
   margin:0 auto 10px 0;
   font-family: 'Abril Fatface', cursive;
}



#event dl dd p{
   font-size:13px;
   margin:0 auto 15px 0;
   padding-left:15px;
}


#event dl dd p.attention{
   border-top:3px solid #000;
   border-bottom:3px solid #000;
   padding:10px 0 10px 15px;
   font-size:13px;
   margin:0 auto 15px 0;

}





/* ----------------------------------------------------- */
/* #concept */
/* ----------------------------------------------------- */

#concept{
	width:100%;
	margin:0 auto 25px auto;
	position: relative;
	padding:20px 0 50px 0;
    background-image:url("../images/top/concept_bg.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size:contain;
	
}

#concept h2{
    font-size:35px;
	color:#2C5E00;
	margin: 0 40px 0 auto;
	text-align: left;
	/*display: inline-block;*/
	float: left;
}

#concept h2 span{
 transform: scale(3.0, 0.5);  /* 変形 横,縦 */
  display     : inline-block;
  padding-left: 20px;
    font-weight:normal;
}

#concept article{
	width:80%;
	margin: 0 auto;
}

#concept article .right{
    width:40%;
	background:rgba(184,238,158,0.6);
	float: right;
	padding:25px;
}

#concept article p{

	font-size:14px;
	line-height: 1.8em;
	text-align: left;
	margin: 0 auto 10px auto;

}

#concept article img{
   float: left;
   width:40%;
   height: auto;
   
}

/* ----------------------------------------------------- */
/* #business_contents */
/* ----------------------------------------------------- */

#business_contents{
	width:100%;
	margin:0 auto 40px auto;
	position: relative;
	padding:30px 0 0 0;
    background-image:url("../images/top/business_contents_bg.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	background-size:contain;
	
}

#business_contents article.left{
    width:40%;
	margin: 0 auto 0 0;
	text-align: left;
	float: left;
	padding: 220px 0 0 0;

}




#business_contents article.left h2{
    font-size:28px;
	line-height: 1.1em;
	text-align: left;
	margin: 0 auto 60px 0;
	border-bottom:solid 6px #9BCCD4;
	padding: 0 20% 5px 0;
	text-align: right;
	width:50%;

}

#business_contents article.left h3{
    margin:0 auto 10px 0;
    background: #B1E1E6;
	padding: 35px 0 35px 20%;
	font-size:22px;
	line-height: 2.2em;

}

#business_contents article.left h4{
    margin:0 auto 20px 20%;
	font-size:18px;
}
#business_contents article.left h4 img{
     width:30px;
	 height: auto;
	 vertical-align: middle;
	 margin-right: 10px;
}


#company article h3{
    font-size:28px;
	line-height: 1.1em;
	text-align: left;
	margin: 0 auto 10px 30%;    
}

#business_contents img.right{
    width:50%;
	height: auto;
	margin: 0 0 40px auto;
	float: right;
	padding-top: 80px;


}
#business_contents .btn_area{
    clear: both;
	margin: 0 auto 30px auto;
}


#business_contents p.btn{

    font-size:20px;
	line-height: 1.1em;
	margin: 0 auto;
	font-weight: 600;
	display: inline-block;
	background: #000;
	text-align: center;
	width:30%;
}

#business_contents p.btn a{
   display: block;
   padding: 25px 0;
   color: #FFF;
   text-decoration: none;
   
}



#business_contents p.btn a:hover{
    opacity: 0.8;
}




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

#company{
	width:100%;
	margin:0 auto 25px auto;
	padding:0 0 20px 0;

}

#company h2{
	font-size:25px;
	margin: 0 auto 50px auto;
	text-align: center;
	line-height: 1.1em;
	padding: 0 60px 4px 60px;
    border-bottom:5px solid #217705;
	display: inline-block;
}



#company article{
    width:60%;
	margin: 0 auto 10px auto;
}
#company article .left{
    width:30%;
	display: inline-block;
	margin: 0 30px 10px 0;
	vertical-align: top;
}
#company article .left img{
    width:100%;
	height: auto;
}


#company article dl{
    width:65%;
	display: inline-block;
	margin: 0 auto 10px 0;


}

#company article dl dt{
    width:6em;
	float: left;
	clear: left;
    margin: 0 20px 10px 0;
	font-size:16px;
	text-align: left;
}



#company article dl dd{
	float: left;
	font-size:16px;
    margin: 0 auto 10px 0;
	text-align: left;
       width:60%;
}

#company article dl dd br.biz{
    display:none;

}




/* ----- */
#company ul{
   width:80%;
   margin:0 auto 20px auto;
   text-align:center;
}

#company ul li{
   display:inline-block;
   margin:0 15px 10 0;
   list-style-type:none;
   width:18%;

}
#company ul li img{
   display:block;
   width:100%;
   height:auto;

}

/* ------ */

#company article.expectation{

    margin: 0 auto 15px auto;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:20px 0;
    width:60%;
}
#company article.expectation h3{
    font-size:16px;
	margin: 0 auto 10px auto;
}

#company article.expectation h4{
    font-size:22px;
    margin: 0 auto 10px auto;
    text-align:left;

}
#company article.expectation h4 strong{
    color:#ff390b;
}

#company article.expectation ul{
    width:100%;
    margin: 0 auto;
    text-align: left;
}


#company article.expectation ul li{
    display: inline-block;
    margin:0 20px 15px 0;
    width:30%;
}


/* ------ */

#map{
    width:100%;
	margin: 0 auto;
	clear: both;
}

#map iframe{
    width:100%;
	height: 400px;
	margin: 0 auto;
}


/* ----------------------------------------------------- */
/* #news */
/* ----------------------------------------------------- */

#news{
   width:100%;
   margin:0 auto 40px auto;
   border-bottom:15px solid #e2e2e2;
   padding-bottom:40px;

}

#news article{
   width:90%;
   margin:0 auto;


}
#news article h2{
   font-size:;
   margin:0 auto 20px auto;

}

#news article .left_ico{
   text-align:center;
   float:left;
   width:17%;
   margin:0 20px 10px 0;
   padding-top:10px;
}

#news article .left_ico img{
   width:100%;
   height:auto;

}



#news article p{
   text-align:right;
   margin:0 auto 0 auto;
   font-size:16px;
   background:url(../images/blog_arrow.png) no-repeat top right;
   padding:0 30px 0 0;
   width:80%;
   clear:both;

}


#news article p a{
   color:#000;
   text-decoration:none;
}

#news article p a:hover{
   color:#000;
   text-decoration:none;

}

#news article ul{
   width:75%;
   margin:0 auto 10px 0;
   float:left;


}

#news article ul li{
   width:90%;
   margin:0 auto 10px auto;
   border-bottom:1px dotted #000;
   padding:0 0 8px 0;
   list-style-type:none;
   text-align:left;

}

#news article ul li time{
   display:inline-block;
   margin:0 30px 5px 10px;
   font-size:14px;
   text-align:center;
   background:#000;
   color:#FFF;
   padding:4px 20px;
}

#news article ul li h3.title{
   font-size:16px;
   font-family: 'Noto Sans JP', sans-serif;
   margin:0 auto 0 0;
   display:inline-block;
   padding:0;
   font-weight:normal;
   vertical-align:middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

#news article ul li h3.title a{
   text-decoration:none;
   color:#000;


}
#news article ul li h3.title a:hover{
   text-decoration:underline;
   color:#000;

}


/* CM1件ver */

#cm{
   width:100%;
   margin:0 auto 30px auto;
}

#cm .cm_wrapper{
   width:70%;
   margin:0 auto;
}

#cm .cm_wrapper video{
   width:100%;
   height:auto;
   margin:0 auto;

}


/* CM複数ver */
#cm2{
   width:100%;
   margin:0 auto 30px auto;
}

#cm2 ul.cm_wrapper{
   width:70%;
   margin:0 auto;
}

#cm2 ul.cm_wrapper li{
   width:47%;
   float:left;
   margin:0 55px 30px 0 !important;
}

#cm2 ul.cm_wrapper li:nth-child(even){
   margin-right:0 !important;
}

#cm2 ul.cm_wrapper li video{
   width:100%;
   height:auto;
   margin:0 auto;

}





/* ----------------------------------------------------- */
/*  #mother    */
/* ----------------------------------------------------- */

#mother{
   width:100%;
   margin:0 auto 60px auto;
   text-align:center;

}

#mother img{
   width:80%;
   height:auto;
   display:block;
   margin:0 auto;
}


/* ----------------------------------------------------- */
/*  #stockcars    */
/* ----------------------------------------------------- */

#stockcars{
   width:90%;
   margin:0 auto 60px auto;
   text-align:left;


}
#stockcars article{
   width:99%;
   margin:0 auto;

}

#stockcars h3{
    background:url(../images/top/h3_bg.png) no-repeat top right #000000;
    color:#FFF !important;
    font-size:25px !important;
    padding:20px 0 20px 10px !important;
    margin:0 auto 40px auto !important;

}
#stockcars h3 span{
    float: right;
    font-size:18px;
    margin:0 20px 0 auto;
    padding-top:5px;
}

#stockcars h3 span a{
    color:#FFF;
    text-decoration:none;
}

#stockcars h3 span img{
    vertical-align:middle;
    margin-left:10px;
}

#stockcars ol#clist{
    width:95%;
    margin:0 auto 10px auto;
    text-align:left;
    vertical-align:top;
    
}
#stockcars ol#clist li{
    list-style-type:none;
    margin:0 20px 25px 10px;
    text-align:left;
    border:1px solid #000;
    display:inline-block;
    min-height:400px;
    padding:2px;
    width:22%;
    /*float:left;*/
    /*background:url(../images/blog_arrow.png) no-repeat center right;
    padding-right:20px;*/
    cursor:pointer;
    /*background:url(../images/blog_arrow.png) no-repeat right bottom;*/
    position:relative;
    overflow: hidden;
    vertical-align:top;
}

#stockcars ol#clist li a{
    color:#000;
    text-decoration:none;

}


#stockcars ol#clist li a:hover{
    color:#1c992b;
    /*text-decoration:underline;*/
}
#stockcars ol#clist li:hover{
  /*  background:#f3f4f2;*/
    color:#1c992b;
}

#stockcars ol#clist li p.sp2{
    display:none;
}

#stockcars ol#clist li img{
 /*    width:100%;
     height:auto;*/
     display:block;
     margin:0 auto 10px auto;
   width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
}

#stockcars ol#clist li img.news-image:hover{
     opacity:0.5;

}

#stockcars ol#clist li img.soldout{
    z-index:999999;
    position: absolute;
    top:1px;
    left:1px;
    width:30%;
    height:auto;

}

#stockcars .cwrap{
    width:100%;
    margin:0 auto 30px auto;
    text-align:left;    
}

#stockcars h4{
    font-family: 'Noto Sans JP', sans-serif;
    font-size:22px;
    font-weight:400;
    margin:0 10px 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom:2px solid #1634a3;


}


#stockcars ol#clist li p{
    margin:0 10px 5px 10px;
    font-size:14px;

}


#stockcars ol#clist li p.price{
   font-weight:bold;
   display:inline;
   margin-left:10px;  
}
#stockcars ol#clist li p.price strong{
   font-size:40px;
   color:#ff7133;
   font-family: "Anton", sans-serif;
   font-weight: 400;
   font-style: normal;


}


#stockcars ol#clist li p.state_1{
   font-size:20px;
   display:inline-block;
   width:3em;
   padding:2px 8px;
   background:#005dcc;
   color:#FFF;
   font-weight:bold;
   vertical-align:middle;
   margin: -30px 0 0 0;
}




#stockcars article.c_footer{
    width:80%;
    margin:0 auto 20px auto;
    padding:0 0 30px 0;

}

#stockcars p.tags{
   margin:10px auto 0 auto;
   text-align:left !important;

}

#stockcars p.tags a{


  display:inline-block;
  padding:2px 2px 5px 15px;
  text-align:left;
  background:url(../images/tag.png) no-repeat top left;
  font-size:14px;
  margin:0 5px 3px 0;
}

#stockcars ol#clist li p.c_category{
    background:#000 !important;
    display:block !important;
    font-size:13px !important;
    font-family: 'Noto Sans JP', sans-serif !important;
    text-align:center !important;
    padding:3px 10px !important;
    color:#FFF !important;
    clear:both;
}

#stockcars ol#clist li p.c_category a{
   color:#FFF !important;
   text-decoration:none !important;

}