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

/*========================================
　　会社概要
========================================*/

#companyOutline {
    padding: 0 0 60px;
}

#companyOutline table {
    width: 100%;
}

#companyOutline table th {
    width: 180px;
}

#companyPhotos {
    padding: 0 0 60px;
}

#companyPhotos ul {
    display: table;
    margin: 0 auto;
}

#companyPhotos ul li {
    float: left;
    padding: 0 10px;
    height: 200px;
}

#companyPhotos ul li img {
    width: auto;
    height: 100%;
}

#companyMap {
    padding: 0 0 60px;
}

#companyMap #map_canvas {
    width: 100%;
    height: 500px;
}

#companyGreeting {
    padding: 0 0 60px;
}

#companyGreeting div.img {
    float: left;
    width: 280px;
}

#companyGreeting div.img img {
    width: 100%;
    height: auto;
}

#companyGreeting div.text {
    margin: 0 0 0 320px;
}

#companyGreetingMain p.bold {
    margin: 0;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    text-align: right;
}

#companyGreetingMain p.bold b {
    padding: 0 0 0 1em;
    font-size: 160%;
}

@media screen and (max-width: 860px) {
    #companyPhotos ul {
        max-width: 280px;
    }

    #companyPhotos ul li {
        float: none;
        padding: 0 20px 10px;
        height: auto;
    }

    #companyPhotos ul li.photo01 {
        max-width: 180px;
        margin: 0 auto;
    }

    #companyPhotos ul li img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 655px) {
    #companyOutline {
        padding: 0 0 40px;
    }

    #companyOutline table th {
        width: 100%;
    }

    #companyPhotos {
        padding: 0 0 40px;
    }

    #companyMap {
        padding: 0 0 40px;
    }

    #companyMap #map_canvas {
        height: 400px;
    }

    #companyGreeting {
        padding: 0 0 40px;
    }

    #companyGreeting div.img {
        float: none;
        width: auto;
        max-width: 280px;
        margin: 0 auto;
        padding: 0 20px 20px;
    }

    #companyGreeting div.text {
        margin: 0;
    }

    #companyGreetingMain p.bold b {
        font-size: 140%;
    }
}