@charset "utf-8";

.topImg{
    background: rgba(0, 0, 0, 0) url("../images/top_img.jpg") no-repeat scroll 50% 0;
}

.headerLogo {
    float: left;
}
/*
.headerLogo img {
    width: 100%;
}
*/
.headerInquiry {
    float: right;
}

.headerTel, .headerText {
    /*width: auto;*/
}

@media screen and (max-width: 1024px) {
    .headerLogo {
        width: 190px;
    }
    .headerInquiry {
        margin-right: 45px;
    }
    .headerTel dt em ,
    .headerTel p {
        display: none;
    }
}

/* フッター */
.footerProfile dl {
    display: block;
    width: auto;
    margin: 0;
}

.footerProfile dt img {
    width: 100%;
}

.footerProfile dt {
    float: left;
    width: 270px;
}

.footerProfile dd,
.footerProfile p {
    float: left;
}

.footerProfile dd p {
    margin-left: 10px;
}


@media screen and (max-width: 1024px) {
    .footerProfile {
        padding-bottom: 10px;
    }

    .footerProfile:after {
        display: block;
        clear: both;
        content: '';
    }

    .footerProfile dt {
        margin-left: 10px;
    }

    .footerProfile dd {
        clear: both;
    }

    .footerProfile dd p {
        margin-left: 10px;
        float: none;
    }

    .footerProfile p br {
        display: none;
    }

    .footerProfile p b {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .footerProfile dd p {
        margin-left: 0;
    }

    .footerProfile dl {
        display: block;
    }

    .footerProfile dt ,
    .footerProfile dd {
        display: block;
        width: auto;
    }

    .footerProfile dt {
        margin-bottom: 10px;
        margin-left: 10px;
        text-align: center;
    }

    .footerProfile dt img {
        width: 200px;
    }

    .footerProfile dd {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 640px) {
    .footerProfile p br {
        display: block;
    }

    .footerProfile p b {
        display: inline-block;
    }
}

@media screen and (max-width: 1024px) {
.footerNav {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.footerNav ul {
    width: 48%;
}
}

@media screen and (min-width: 1025px) {
    .footerProfile {
        width: 69%;
        float: left;
    }

    .footerNav {
        width: 31%;
        float:left;
        text-align: right;
    }
}