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

/* バンテックについて */
/*

* リード
* 会社概要

*/

/*------------------------------*/


/* ==================================

リード

================================== */
#about .headline__container + .txt{
    margin-top: calc(64rem/16);
}
/* ===========================
ブレイクポイント */
@media(max-width: 559px){
    #about .headline__container + .txt{
        margin-top: calc(48rem/16);
    }
}



/* ==================================

会社概要

================================== */
#company-info{
    background-color: var(--color-main);
    padding-bottom: calc(
        var(--space-tb-xl) - calc(64rem/16)
    );
}
.company-info__photo{
    width: 100%;
    height: min(
        35vw,
        560px
    );
    min-height: 320px;
    object-fit: cover;
    object-position: 70% center;
}
/* ---------------
テーブル */
.company-info__table-container{
    width: var(--flexible-width);
    margin-right: auto;
    margin-left: auto;
    padding: calc(80rem/16) min(5.5vw,calc(80rem/16));
    background-color: var(--color-white);

    margin-top: calc(
        0px - calc(64rem/16)
    );
    position: relative;
}
.company-info__table th,
.company-info__table td
{
    font-size: var(--txt-reg--fb);
    font-size: var(--txt-reg);
    font-weight: normal;

    padding: 1.2em 0;
}
.company-info__table tr:first-child th,
.company-info__table tr:first-child td{
    padding-top: 0;
}
.company-info__table tr{
    border-bottom: 1px solid var(--color-gray);
}
.company-info__table th{
    width: 10em;
}
.company-info__table td{
    width: calc(100% - 10em);
}
.company-info__table .addr span{
    margin-right: 1.5em;
}
.company-info__table .anchor-link{
    font-size: var(--txt-xs--fb);
    font-size: var(--txt-xs);
    color: var(--color-white);

    display: inline-block;
    padding: 0.3em 1em;
    border-radius: calc(
        calc(var(--txt-xs) + 0.6em + 1em) / 2
    );
    background-color: var(--color-main);
}
@media(any-hover: hover){
    .company-info__table .anchor-link{
        transition: background-color .2s var(--easeInQuad);
    }
    .company-info__table .anchor-link:hover{
        background-color: var(--color-main-soft);
    }
}
/* ---------------
地図 */
#access{
    width: 100%;
    margin-top: calc(64rem/16);
    position: relative;
}
#access::before{
    content: "";
    display: inline-block;
    padding-top: 45%;
}
#access iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* ===========================
ブレイクポイント */
@media(max-width: 959px){
    #company-info{
        padding-bottom: calc(
            var(--space-tb-xl) - calc(56rem/16)
        );
    }
    .company-info__photo{
        min-height: 280px;
    }
    /* ---------------
    テーブル */
    .company-info__table-container{
        padding: calc(56rem/16) min(5.5vw,calc(80rem/16));
        margin-top: calc(
            0px - calc(56rem/16)
        );
    }
    .company-info__table th,
    .company-info__table td
    {
        padding: 1.5em 0;
    }
    .company-info__table tr:first-child th,
    .company-info__table tr:first-child td{
        padding-top: 0;
    }
    /* ---------------
    地図 */
    #access{
        margin-top: calc(56rem/16);
    }
    #access::before{
        padding-top: 56.25%;
    }
}
@media(max-width: 559px){
    #company-info{
        padding-bottom: calc(
            var(--space-tb-xl) - calc(32rem/16)
        );
    }
    .company-info__photo{
        min-height: 200px;
    }
    /* ---------------
    テーブル */
    .company-info__table-container{
        padding: calc(32rem/16) min(5.5vw,calc(80rem/16));
        margin-top: calc(
            0px - calc(32rem/16)
        );
    }
    .company-info__table tr{
        display: block;
        padding-bottom: 1.8em;
    }
    .company-info__table tr:not(:first-child){
        padding-top: 1.8em;
    }
    .company-info__table th,
    .company-info__table td{
        width: 100%;
        display: block;
        padding: 0;
    }
    .company-info__table th{
        color: var(--color-main);
        font-weight: bold;
    }
    .company-info__table td{
        margin-top: 0.5em;
    }
    .company-info__table .addr span{
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .company-info__table .anchor-link{
        margin-top: 0.5em;
    }
    /* ---------------
    地図 */
    #access{
        margin-top: calc(40rem/16);
    }
    #access::before{
        padding-top: 100%;
    }
}