@charset "UTF-8";
/**************************************************************/
/* 会社情報等flexメニュー */
/**************************************************************/
.company-flex {
    width:calc(100% - 40px);
    margin:20px auto;
    display:flex;
}

.company-main {
    width:calc(100% - 360px);
    font-size:20px;
    margin-right:40px;
    line-height: 1.3em;
}

@media screen and (max-width: 999px) {
    .company-main {
        width:calc(100% - 300px);
        font-size:18px;
        margin-right:20px;
    }
}

@media screen and (max-width: 799px) {
    .company-flex {
        width:calc(100% - 40px);
        margin:20px auto;
        display:inline;
    }

    .company-main {
        width:calc(100% - 30px);
        font-size:18px;
        margin:auto auto 30px;
    }
}

@media screen and (max-width: 599px) {
    .company-flex {
        width:100%;
    }

    .company-main {
        width:100%;
        font-size:14px;
    }
}

/**************************************************************/
/* 会社情報メニュー */
/**************************************************************/
.company-menu {
    width:320px;
}

.company-menu-title {
    font-size: 20px;
    font-weight: 600;
    border-left:solid 5px #bfbfbf;
    padding-left:3px;
    margin-bottom:10px;
    display:flex;
    align-items: center;
    padding-top:3px;
}

.company-menu-btn li {
    list-style: none;
    border:solid 1px #aaa;
    border-bottom:solid 0px #aaa;
}

.company-menu-btn li:last-child {
    border-bottom:solid 1px #aaa;
}

.company-menu-btn li a {
    display: block;
    width:100%;
    height:50px;
    font-size: 16px;
    white-space:nowrap;
    display:flex;
    align-items: center;
}

.company-selected {
    border-left:solid 4px #aae731;
    background:#f6f6f6;
}

.company-select::before {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #ccc;
    transform: scale(2, 0);
    transition: 0.2s;
    transform-origin: left bottom;
}

/* マウスオーバー時 */
.company-select:hover::before {
  transform: scale(2, 1);
}

.company-menu-btn li img {
    width:13px;
    margin:0 3px 0 5px;
}

@media screen and (max-width: 999px) {
    .company-menu {
        width:280px;
    }

    .company-menu-title {
        font-size: 18px;
    }

    .company-menu-btn li a {
        height:45px;
        font-size: 14px;
    }
}

@media screen and (max-width: 799px) {
    .company-menu {
        width:calc(100% - 30px);
        margin:auto;
    }
}

@media screen and (max-width: 599px) {
    .company-menu {
        width:100%;
    }
    .company-menu-btn li a {
        font-size: 14px;
    }
}