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



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

#company article {
    width: 70%;
}
}




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



#company ul {
    width: 95%;
}

}


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

#company article {
    width: 80%;
}

}




/* 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) {


#company ul li{
    width: 25%;
}
}


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

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

}

}


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

#company article {
    width: 90%;
}
}





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


#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;
}
}



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

#company ul li{
    width: 45%;
}
}





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

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

}


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

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

}