@charset "utf-8";

/* ============================
 * 
 *     company / index.html
 *
 * ============================ */
#profile {
    overflow: hidden;
    clear: both;
}

#profile .data {
    float: left;
    width: 390px;
}

#profile .data table {
    width: 390px;
}

#profile .data table th {
    width: 130px;
}

#profile .image {
    float: right;
}

#access {
    overflow: hidden;
}

#access .address {
    float: left;
    width: 230px;
}

#access .map {
    float: right;
}

#access .map #gmap {
    width: 450px;
    height: 380px;
    background: #F4F3F0;
}

#access .map #gmap .loading {
    padding: 10px;
    color: #999;
}

#history table {
    width: 700px;
}

#history table th {
    width: 130px;
}

#company-map {
    float: right;
    width: 450px;
}


/***会社案内動画***/

#company-movie {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 5em;
}


#company-movie video {
    width: 100%;
    margin: 0 auto;
}


.movie-title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    font-weight: bold;
    color: #164a84;
    text-align: center;
    margin-bottom: 0.5em;
}

#movie-frame iframe {
    width: 700px;
    height: 400px;
}

#video-info {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5em;
}

#video-info-title {
    width: 100%;
    text-align: left;
    font-size: 150%;
    font-weight: bold;
    color: #fff;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    background-color: #164a84;
    border-radius: 0.25em;
}

#video-info-img {
    width: 50%;
}

#video-info-img img {
    width: 100%;
}

#video-info-text {
    width: calc(50% - 1em);
    padding-left: 1em;
}

#video-info a {
    width: 10em;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #fff;
    text-decoration: none;
    padding: 1em;
    margin: 2em auto 0;
    background-color: #c53d43;
}

#video-info a:hover {
    opacity: 0.5;
}