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

/* screenwidth less than 1890px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1890px) {

#business_contents article.left{
    padding: 180px 0 0 0;
}

}

/* screenwidth less than 1717px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1717px) {

#business_contents{
   padding:0;

}

}

/* screenwidth less than 1600px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1600px) {

#cm2 ul.cm_wrapper{
   width:80%;

}


}


/* screenwidth less than 1576px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1576px) {

#company article.expectation{
    width: 80%;
}


}

/* screenwidth less than 1562px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1562px) {


#stockcars ol#clist li{
    margin:0 15px 25px 0 !important;
}

}


/* screenwidth less than 1500px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1500px) {

#company article {
    width: 70%;
}
}

/* screenwidth less than 1450px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1450px) {
#stockcars ol#clist li{
   width:30%;

}
#stockcars ol#clist li:nth-child(7),
#stockcars ol#clist li:nth-child(8){
   display:none;
}

}

/* screenwidth less than 1372px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1372px) {

#business_contents article.left{

   padding: 150px 0 0 0;
}

}
/* screenwidth less than 1364px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1364px) {

#stockcars ol#clist{
   width:99%;
}
#stockcars ol#clist li{
    min-height: 350px;
}
}


/* screenwidth less than 1350px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1350px) {

#main_image article {
    width: 90%;
}


#concept{
   padding:0;

}

#company ul {
    width: 95%;
}

}

/* screenwidth less than 1270px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1270px) {

#cm2 ul.cm_wrapper{
   width:90%;

}


}




/* screenwidth less than 1250px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1250px) {

#company article {
    width: 80%;
}

#event dl{
    width:90%;
}



}



/* screenwidth less than 1222px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1222px) {

#concept article {
    width: 90%;
}
#business_contents article.left {
    padding: 130px 0 0 0;
}


}




/* screenwidth less than 1202px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1202px) {


#main_image article h3{

    width: 48%;
}
#business_contents article.left {
    width: 48%;
}

#business_contents img.right{
    width: 45%;
}

}



/* screenwidth less than 1200px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {

#news article {
    width: 95%;
}

}

/* screenwidth less than 1186px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1186px) {

#company article.expectation ul li{

    width: 45%;
}


}




/* screenwidth less than 1128px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1128px) {

#main_image{
    background-size: cover;
    background-position: top center;
}


#main_image article h3 {
    width: 50%;
}
#business_contents article.left {
    padding: 110px 0 0 0;
}
#business_contents p.btn{
    width: 40%;
}
#company ul li{
    width: 25%;
}





}




/* screenwidth less than 1095px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1095px) {

#news article .left_ico {
  width: 20%

}
#news article p {
  width: 90%;
}

#cm2 ul.cm_wrapper{
   width:70%;

}
#cm2 ul.cm_wrapper li{

   width:99%;
   margin:0 auto 35px auto;
   float:none;
}


}






/* screenwidth less than 1093px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1093px) {

#concept article {
    padding-bottom: 250px;
}


#concept h2{
   float:none;
   margin:0 auto 20px auto;
}
#concept article .right{
    width: 90%;
    padding: 10px 25px;
    float: none;
}


#event dl{
    width:95%;
}

}



/* screenwidth less than 1083px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1083px) {

#main_image article {
    width: 99%;
}

}


/* screenwidth less than 1063px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1063px) {

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

}

}



/* screenwidth less than 1030px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1083px) {


#event dl dt{
    width:90%;
    float:none;
    margin:0 auto 10px auto;
}
#event dl dd{
    width:90%;
    float:none;
    margin:0 auto 10px auto;
}

#event dl dd h2{
   display:none;
}

}


/* screenwidth less than 1007px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1007px) {

#business_contents article.left h2{
    text-align: left;
    padding: 0 60px 5px 60px;
    margin: 0 auto 30px 0;
}
#business_contents article.left h3{
   padding: 30px 0 30px 60px;
}
#business_contents article.left h4{
   margin: 0 auto 20px 60px;
}
}

/* screenwidth less than 1000px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1000px) {

#company article {
    width: 90%;
}
}


/* screenwidth less than 990px
--------------------------------------------------------------------- */
@media only screen and (max-width: 990px) {
#news article .left_ico {

    padding-top: 20px;
}
}




/* screenwidth less than 986px
--------------------------------------------------------------------- */
@media only screen and (max-width: 986px) {
/*
#main_image{
    padding-top:200px;
    background-size: cover;
}*/


#main_image article img{
    display:block;
    margin: 0 auto 10px auto;

}
#main_image article h3{
    display:block;
    padding:0;
    margin:0 auto;
    text-align:center;
    width:90%;

}

#company article dl {
    width: 99%;
    display: block;
    margin: 0 auto 10px auto;
}

#company article dl dd{
    width:80%;
}

#company ul{
    width:98%;
}

#company article .left {
    width: 60%;
    display: block;
    margin: 0 auto 10px auto;
}

#company article dl dt {
    width: 99%;
    float: none;
    clear: both;
    margin: 0 auto 5px 0;
    background:#CCC;
    padding:2px;
}
#company article dl dt:before{
    content:"■";
}
#company article dl dd {
    float: none;
    margin: 0 auto 10px 1.3em;
    width:auto;
}
#company article.expectation {
    width: 90%;
}

}



/* screenwidth less than 950px
--------------------------------------------------------------------- */
@media only screen and (max-width: 950px) {

#news article .left_ico {
    display: none;

}
#news article ul {
    width: 98%;
    float:none;
    margin:0 auto 10px auto;



}






/* screenwidth less than 932px
--------------------------------------------------------------------- */
@media only screen and (max-width: 932px) {

#business_contents article.left {
    width: 55%;
}
#business_contents img.right {
    width: 40%;
    padding-top: 100px;
}
}


/* screenwidth less than 815px
--------------------------------------------------------------------- */
@media only screen and (max-width:815px) {

#business_contents article.left {
    width: 99%;
    position: relative;
    z-index: 0;
}
#business_contents img.right {
    width: 40%;
    position: absolute;
    top: 30px;
    right: 0px;
}
}


/* screenwidth less than 798px
--------------------------------------------------------------------- */
@media only screen and (max-width: 798px) {

#company article.expectation {
    width: 90%;
}


}




/* screenwidth less than 779px
--------------------------------------------------------------------- */
@media only screen and (max-width: 779px) {



#concept article {
    padding-bottom: 200px;
}


/*

#company article .left {
    width: 60%;
    display: block;
    margin: 0 auto 10px auto;
}

#company article dl {
    width: 99%;
    display: block;
    margin: 0 auto 10px auto;
}

#company article dl dd{
    width:80%;
}

#company ul{
    width:98%;
}*/

}



/* screenwidth less than 729px
--------------------------------------------------------------------- */
@media only screen and (max-width: 729px) {

#main_image{
    padding: 0px 0 0 0;
    min-height:auto;
    top: 13px;
}

#main_image article{
    margin-bottom:0;
    padding-bottom: 60px;
}

#main_image article h3{
   font-size: 30px;
    padding-bottom: 40px;

}

#news {
    position: relative;
    top: 50px;
}



#concept{
    padding-top:50px;

}
#concept article {
    padding-bottom: 150px;
}
#business_contents img.right{
    top: 0px;

}
}

/* screenwidth less than 710px
--------------------------------------------------------------------- */
@media only screen and (max-width: 710px) {

#company article.expectation ul li {
    width: 98%;
    margin-left:15px;
}

}



/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

#business_contents article.left h2 {
    padding: 0 60px 5px 40px;
}

#business_contents article.left h3 {
    padding: 25px 0 25px 50px;
}
#business_contents article.left h4 {
    margin: 0 auto 20px 50px;
}
#business_contents img.right{
    top: 10px;
}
}





/* screenwidth less than 650px
--------------------------------------------------------------------- */
@media only screen and (max-width: 650px) {

#concept article {
    padding-bottom: 100px;
}
#cm .cm_wrapper{
   width:90%;
}

}

/* screenwidth less than 620px
--------------------------------------------------------------------- */
@media only screen and (max-width: 620px) {

#news article ul li h3.title{
   display:block;
    margin: 0 auto 0 10px;
}

}




/* screenwidth less than 580px
--------------------------------------------------------------------- */
@media only screen and (max-width: 580px) {

#business_contents article.left {
    padding: 80px 0 0 0;
}


#business_contents article.left h2 {
    padding: 0 60px 5px 30px;
    font-size: 26px;

}
#business_contents article.left h3 {
    padding: 25px 0 25px 30px;
    font-size: 20px;
}
#business_contents article.left h4 {
    margin: 0 auto 20px 30px;
    font-size: 16px;
}
#business_contents img.right {
    top: -20px;
}
#business_contents p.btn {
    width: 80%;
}

#company ul li{
    width: 45%;
}


}



/* screenwidth less than 577px
--------------------------------------------------------------------- */
@media only screen and (max-width: 577px) {

#concept{
    background-image: url(../images/top/concept_bg2.jpg);
}

#concept h2 {
    font-size: 30px;
}


}





/* screenwidth less than 507px
--------------------------------------------------------------------- */
@media only screen and (max-width: 507px) {

#company article .left {
    width: 99%;
}

#concept h2 {
    font-size: 25px;
    margin-bottom:10px;
}


}

/* screenwidth less than 499px
--------------------------------------------------------------------- */
@media only screen and (max-width: 499px) {

#business_contents img.right{
   display:none;
}
}

/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

#company article dl dd {
    margin: 0 auto 10px 0;
}

}




/* screenwidth less than 455px
--------------------------------------------------------------------- */
@media only screen and (max-width: 455px) {

#main_image article img{
     width: 30%;

}
#main_image article h3{
    font-size: 25px;
}

#concept {
    padding-top: 30px;
}
#concept article .right{
   padding: 10px 20px;
}


}

/* screenwidth less than 419px
--------------------------------------------------------------------- */
@media only screen and (max-width: 419px) {

#concept h2 span{
    transform: none;
    padding-left: 0;

}

}


/* screenwidth less than 380px
--------------------------------------------------------------------- */
@media only screen and (max-width: 380px) {

#concept h2 {
    font-size: 22px;
}
}




/* screenwidth less than 353px
--------------------------------------------------------------------- */
@media only screen and (max-width: 353px) {

#main_image article img {
    width: 40%;
    padding: 15px 20px;
}

#main_image article h3{
     width: 95%;
    font-size: 22px;
}
}




/* screenwidth less than 337px
--------------------------------------------------------------------- */
@media only screen and (max-width: 337px) {

#concept h2 {
    font-size: 20px;
}

#concept article .right {
    padding: 10px;
}
#concept article {
    padding-bottom: 80px;
}
}


/* screenwidth less than 305px
--------------------------------------------------------------------- */
@media only screen and (max-width: 305px) {

#concept h2 {
    font-size: 18px;
}

}

/* screenwidth less than 274px
--------------------------------------------------------------------- */
@media only screen and (max-width: 274px) {

#concept h2 {
    font-size: 17px;
}

}



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

/* screenwidth less than 1562px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1562px) {


#stockcars ol#clist li{
    margin:0 15px 25px 0 !important;
}

}

/* screenwidth less than 1364px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1364px) {

#stockcars ol#clist li{
    min-height: 350px;
}
}

/* screenwidth less than 1080px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1080px) {

#stockcars article{
    width: 90%;
}
#stockcars ol#clist{
    width: 99%;

}
}



/* screenwidth less than 960px
--------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {

#stockcars ol#clist li{
    margin: 0 15px 25px 10px;
    width: 45% !important;
}
}

/* screenwidth less than 754px
--------------------------------------------------------------------- */
@media only screen and (max-width: 754px) {

#stockcars ol#clist li{
    margin: 0 10px 25px 10px;
}
}



/* screenwidth less than 680px
--------------------------------------------------------------------- */
@media only screen and (max-width: 680px) {

#stockcars ol#clist li{
    width:98% !important;
}
}

/* screenwidth less than 591px
--------------------------------------------------------------------- */
@media only screen and (max-width: 591px) {

#stockcars ol#clist li{
    display:block;
    width: 85%;
    margin: 0 auto 20px auto;
    min-height: auto;
}
}