#header_logo {
    width: 380px;
}

#header_logo img {
    width: 100%;
}

header h1 {
    top: 15px;
}

@media screen and (max-width: 768px) {
    header h1 a img {
        max-width: 300px;
    }
}

.company .page_top_img .warp {
    background: url(../img/main.webp) center top no-repeat;
    background-size: 100%;
}

@media screen and (max-width: 1300px) {
    .company .page_top_img .warp {
        background-size: 1300px;
    }
}

@media screen and (max-width: 768px) {
    .company .page_top_img .warp {
        background-size: 800px;
        background-position: top left 23%;
    }
}

@media screen and (max-width: 550px) {
    .company .page_top_img .warp {
        background-size: 600px;
        background-position: top left 20%;
    }
}

.profile_warp .profile_warp_in a {
    text-decoration: underline;
}

.profile_warp .profile_warp_in a:hover {
    text-decoration: none;
}

.profile_warp .img_warp {
    width: 95%;
    max-width: 900px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 100px;
    gap: 8px;
}

.profile_warp .img_warp img {
    height: 200px;
    width: auto;
    flex-grow: 1;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 500px) {
    .profile_warp .img_warp img {
        height: 80px;
    }
}

@media screen and (min-width: 500px) and (max-width: 700px) {
    .profile_warp .img_warp img {
        height: 110px;
    }
}

@media screen and (min-width: 700px) and (max-width: 768px) {
    .profile_warp .img_warp img {
        height: 150px;
    }
}

.profile_warp .map,
.profile_warp .image {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 100px;
}

.profile_warp .map iframe,
.profile_warp .image iframe {
    width: 100%;
    height: 600px;
}

footer {
    padding-top: 30px;
}

footer .copyright {
    border-top: none;
}


/*# sourceMappingURL=custom.css.map */