@charset "utf-8";

#pageTtl {
    background-image: url(../img/ttl_bg.png);
}

/* -------------------------------------------------- */
/* 代表挨拶 */
/* -------------------------------------------------- */
#message {
    position: relative;
}

#message::after {
    display: block;
    content: url(../img/message_bg_txt.png);
    position: absolute;
    bottom: 0;
    right: 0;
}

#messageInner {
    width: 1080px;
    padding-top: 73px;
    padding-bottom: 100px;
}

#messageWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 6%;
}

#messageContentBox {
    width: 57%;
    column-gap: 48px;
}

#messageCatch {
    margin-bottom: 35px;
    font-size: 1.7rem;
    letter-spacing: .1em;
    line-height: 1.7;
}

#messageTxt {
    margin-bottom: 40px;
}

#messageContentImgBox {
    width: 37%;
}

#messageName {
    padding-bottom: 2em;
    text-align: right;
    font-size: 2rem;
    letter-spacing: .1em;
}

#messageName span {
    display: block;
    margin-bottom: 5px;
    font-size: 1.3rem;
}

/* -------------------------------------------------- */
/* 会社概要 */
/* -------------------------------------------------- */
#infoInner {
    width: 800px;
    padding-top: 97px;
    padding-bottom: 133px;
}

/* テーブル */
/* -------------------------------------------------- */
#infoTable {
    margin-bottom: 33px;
}

/* -------------------------------------------------- */
/* IE対応 */
/* -------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}

/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {

    /* -------------------------------------------------- */
    /* 代表挨拶 */
    /* -------------------------------------------------- */
    #messageWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #messageContentBox {
        width: 100%;
    }

    #messageContentImgBox {
        width: 100%;
    }

    #messageContentImgBox img {
        margin: auto;
    }
}

/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {}

/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {

    /* -------------------------------------------------- */
    /* 代表挨拶 */
    /* -------------------------------------------------- */
    #message::after {
        content: url(../img/message_bg_txt_sp.png);
    }

    #messageContentBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #messageTtl {
        writing-mode: horizontal-tb;
        text-align: center;
    }

    #messageCatch {
        margin-bottom: 15px;
    }

    /* -------------------------------------------------- */
    /* 会社概要 */
    /* -------------------------------------------------- */
    #infoMap iframe {
        height: 250px;
    }
}