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

.content_title {
    margin: 0;
}

.main.company {
    background-image: url("../images/company/company-main.webp");
    background-position: center bottom -500px;
}

.content.company {
    width: 100%;
    margin: 50px 0;
    padding: 0;
    float: left;
}

.content.company .box {
    width: 80%;
    margin: 50px 10%;
    padding: 0;
    float: left;
}

.content.company .outline {
    width: 100%;
    margin: 50px 0;
    padding: 0;
    float: left;
}

.content.company .outline table {
    width: 90%;
    margin: 50px 5%;
    padding: 0;
    float: left;
}

.content.company .outline table td {
    padding:1em;
    border-bottom: #CCCCCC 1px dotted;
}

.content.company .outline table td:nth-of-type(1) {
    text-align: center;
    width: 150px;
}

.content.company .access {
    width: 100%;
    margin: 50px 0;
    padding: 0;
    float: left;
}

.content.company .access h3 {
    width:80%;
    margin: 30px 10%;
    padding: 0;
    float: left;
    color: #241c8b;
    font-weight: 700;
    font-size: 20px;
}

.content.company .access .address {
    width: 80%;
    margin: 0 10% 30px;
}

.content.company .access .box {
    width: 90%;
    margin: 0 5% 50px;
    float: left;
}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 1500px */
/* **************************************************************** */

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

.main.company {
    background-position: center bottom -300px;
}

}

/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 1500px */
/* **************************************************************** */

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

.main.company {
    background-position: center;
}

}


/* **************************************************************** */
/*  RESPONSIVE  RAYOUT  MAX-WIDTH 580px */
/* **************************************************************** */

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

.content.company { width: 90%;margin: 50px 5%; }

.content.company .outline table { border: #241c8b 1px dotted;box-sizing: border-box;border-collapse: collapse; }
.content.company .outline table td { border: none; }
.content.company .outline table td:nth-of-type(1) {
    width: 100%;
    float: left;
    background-color: #241c8b;
    color: #FFF;
    padding: 5px 0;
}
.content.company .outline table td:nth-of-type(2) { width: 94%;float: left;padding: 10px 3%; }

}