.lineup {
    margin-top: 100px
}

.lineup.c-sec {
    color: #595757;
    letter-spacing: 1px
}

.lineup.c-txt {
    font-size: 1rem;
    line-height: 1.9
}

@media screen and (max-width: 767px) {
    .lineup.c-txt {
        font-size:4.2666666667vw
    }
}

.lineup .bold {
    font-weight: bold
}

.lineup .center {
    text-align: center
}

@media screen and (max-width: 767px) {
    .lineup .pc {
        display:none
    }
}

.lineup .tab {
    display: none
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup .tab {
        display:block
    }
}

@media screen and (min-width: 1001px) {
    .lineup .tabsp {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .lineup .sp {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .lineup {
        padding:60px 0;
        background-color: #f0f0f0
    }
}

@media screen and (max-width: 767px) {
    .lineup {
        margin-top:14vw
    }
}

.lineup .container {
    max-width: 1180px;
    padding: 0 40px;
    margin: 0 auto
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup .container {
        padding:0 3%
    }
}

@media screen and (max-width: 767px) {
    .lineup .container {
        width:85.33vw;
        padding: 0
    }
}

.lineup__title {
    font-size: 1.25rem
}

@media screen and (max-width: 767px) {
    .lineup__title {
        font-size:4.2666666667vw
    }
}

.lineup__link {
    max-width: 970px;
    margin: 55px 0 0 auto
}

@media screen and (min-width: 768px) {
    .lineup__link {
        display:flex;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .lineup__link {
        margin-top:4vw
    }
}

.lineup__link--item {
    flex-basis: 32.2%
}

@media screen and (max-width: 767px) {
    .lineup__link--item:not(:first-child) {
        margin-top:2.66vw
    }
}

.lineup__link--btn {
    display: block;
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid #98bab8;
    text-decoration: none;
    position: relative
}

@media screen and (max-width: 767px) {
    .lineup__link--btn {
        border-radius:10.66vw
    }
}

.lineup__link--btn:after {
    content: "";
    width: 8.8%;
    background: url("../../img/lumbar/i_arrow_lineup_btn.webp") no-repeat center;
    background-size: contain;
    position: absolute;
    right: 6.84%;
    top: 41.25%
}

@media screen and (min-width: 768px) {
    .lineup__link--btn:after {
        padding-bottom:2.28%
    }
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup__link--btn:after {
        right:3%
    }
}

@media screen and (max-width: 767px) {
    .lineup__link--btn:after {
        width:7.33vw;
        height: 1.86vw;
        right: 5vw;
        top: 9.13vw
    }
}

.lineup__link--btnWrap {
    width: 100%;
    height: 80px;
    padding: 0 8.4%;
    display: flex;
    align-items: center
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup__link--btnWrap {
        padding:0 5%
    }
}

@media screen and (max-width: 767px) {
    .lineup__link--btnWrap {
        height:21.33vw;
        padding: 0 7.73vw
    }
}

.lineup__link--btnIco {
    width: 19.2%;
    margin-right: 4.56%;
    display: block
}

@media screen and (max-width: 767px) {
    .lineup__link--btnIco {
        width:15.73vw;
        margin-right: 3.33vw
    }
}

.lineup__link--btnTxt {
    font-size: 0.8125rem;
    line-height: 1.73;
    letter-spacing: 0
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup__link--btnTxt {
        font-size:0.6875rem
    }
}

@media screen and (max-width: 767px) {
    .lineup__link--btnTxt {
        font-size:3.4666666667vw
    }
}

.lineup__link--btnTxt span {
    font-size: 0.9375rem;
    letter-spacing: 1px
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup__link--btnTxt span {
        font-size:0.8125rem
    }
}

@media screen and (max-width: 767px) {
    .lineup__link--btnTxt span {
        font-size:4vw
    }
}

.lineup__link--btn:hover {
    border: 1px solid #98bab8;
    background-color: #98bab8;
    opacity: 1 !important
}

.lineup__link--btn:hover::after {
    filter: brightness(0) invert(1)
}

.lineup__scroll {
    margin-top: 60px
}

@media screen and (max-width: 767px) {
    .lineup__scroll {
        margin-top:6vw;
        position: relative
    }
}

@media screen and (max-width: 767px) {
    .lineup__scroll--inner {
        overflow-x:scroll
    }
}

.lineup__scroll--btn,.lineup__scroll--btn--right,.lineup__scroll--btn--left {
    width: 8vw;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
    transition: opacity .3s;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@media screen and (min-width: 768px) {
    .lineup__scroll--btn,.lineup__scroll--btn--right,.lineup__scroll--btn--left {
        display:none
    }
}

.lineup__scroll--btn.is-hidden,.is-hidden.lineup__scroll--btn--right,.is-hidden.lineup__scroll--btn--left {
    opacity: 0;
    pointer-events: none
}

.lineup__scroll--btn--left {
    left: 0
}

.lineup__scroll--btn--right {
    right: 0
}

.lineup__scroll--btn--right img {
    transform: rotateY(180deg)
}

.lineup__table {
    font-size: 0.9375rem;
    width: 100%;
    border-collapse: collapse
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup__table {
        font-size:0.8125rem
    }
}

@media screen and (max-width: 767px) {
    .lineup__table {
        font-size:3.7333333333vw;
        width: 230vw
    }
}

.lineup__table--title {
    font-feature-settings: "palt";
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .lineup__table--title {
        margin-bottom:4.66vw
    }
}

.lineup__table--title span {
    font-size: 1.25rem;
    line-height: 2
}

@media screen and (min-width: 768px)and (max-width: 1000px) {
    .lineup__table--title span {
        font-size:1rem
    }
}

@media screen and (max-width: 767px) {
    .lineup__table--title span {
        font-size:4.2666666667vw
    }
}

.lineup__table tr:not(:last-child) th,.lineup__table tr:not(:last-child) td {
    border-bottom: 1px solid #98bab8
}

.lineup__table th,.lineup__table td {
    padding: 20px 0
}

@media screen and (max-width: 767px) {
    .lineup__table th,.lineup__table td {
        padding:4.66vw 0
    }
}

.lineup__table th {
    width: 12%
}

.lineup__table td {
    width: 29.33%;
    border-left: 1px solid #98bab8;
    text-align: center;
    line-height: 1.6
}

.lineup__table td.name {
    padding: 15px 1.45% 10px
}

@media screen and (max-width: 767px) {
    .lineup__table td.name {
        padding:2.66vw 1.68% 1.33vw
    }
}

.lineup__table td.name a {
    text-decoration: none
}

.lineup__table td.position {
    padding: 35px 1.48%
}

@media screen and (max-width: 767px) {
    .lineup__table td.position {
        padding:8vw 1.56%
    }
}

.lineup__table--img {
    height: 101px;
    display: flex;
    align-items: center
}

@media screen and (max-width: 767px) {
    .lineup__table--img {
        height:22.33vw
    }
}

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