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

.kv {
    background: url(/business/ps/parking/nakano/images/kv_bg.png) no-repeat center top;
    width: 100%;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
}
.kv__inn {
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,0.85);
    display: flex;
    justify-content: space-between;;
    align-items: center;
    padding: 30px 60px 20px;
}
.kv__map {
    width: 52.14%;
    /* margin-right: 4.16%; */
}
.kv__btnList {
    width: 34.6%;
}
.kv__btnListItem + .kv__btnListItem {
    margin-top: 60px;
}
.kv__btn {
    display: block;
    transition: 0.3s;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
    padding-right: 45px;
    padding-left: 62px;
    font-size: 2.3rem;
}
@media screen and (max-width: 980px) {
    .kv {
        background: none;
    }
    .kv__inn {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
    }
    .kv__map {
        width: 100%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
    }
    .kv__btnList {
        width: 95.3%;
        margin-left: auto;
        margin-right: auto;;
        margin-top: 40px;
    }
    .kv__btnListItem + .kv__btnListItem {
        margin-top: 20px;
    }
    .kv__btn {
        border-radius: 30px;
        font-size: 1.8rem;
    }
}
@media screen and (min-width: 981px) {
    .kv__btn:hover {
        background:  linear-gradient(90deg,rgba(0, 85, 184, 1) 0%, rgba(0, 85, 184, 1) 45%, rgba(0, 85, 184, 1) 100%);;;
        /* background: #0055B8; */
    }

}

.col3_01 {
    display: flex;;
    justify-content: space-between;
    /* gap: 6.9%; */
    flex-wrap: wrap;
} 
.col3_01__item {
    width: calc(33% - 50px);
    /* max-width: 295px; */
}

@media screen and (max-width: 980px) {
    .col3_01 {
        display: block;
    }
    .col3_01 + .col3_01 {
        margin-top: 0;
    }
    .col3_01__item {
        width: 100%;
    }
    .col3_01__item + .col3_01__item {
        margin-top: 30px;
    }
}
.parking__listItem + .parking__listItem  {
    margin-top: 15px;
}
.parking__btn {
    width: 100%;
}
.area__wrap + .area__wrap {
    margin-top: 30px;
}
.station__warp {
    display: flex;
    align-items: baseline;
    margin-top: 20px;
}
.station__warp + .station__warp {
    margin-top: 15px;
}
.station__btn {
    margin-right: 20px;
}
@media screen and (max-width: 980px) {
    .station__warp {
        display: block;
    }
    .station__warp + .station__warp {
        margin-top: 30px;
    }
    .station__btn {
        margin-right: 0;
        margin-bottom: 15px;
    }
}
.name {
    font-weight: var(--fontWM)
}
.name + .name {
    margin-top: 20px;
}
@media screen and (max-width: 980px) {
    .name__wrap {
        margin-left: 2.4em;
    }
}
.box01 {
    background: linear-gradient(90deg,rgba(105, 176, 207, 0.15) 0%, rgba(181, 189, 197, 0.15) 100%);
    border-radius: 20px;;
    padding: 0 32px 45px 32px;
}
@media screen and (max-width: 980px) {
    .box01 {
        padding: 0 16px 30px 16px;
    }
}
.title01 {
    font-size: 2.0rem;
    padding-top: 14px;
    padding-left: 18px;
    position: relative;
    color: var(--color_blue01);
    margin-bottom: 30px;
    font-weight: var(--fontWM);
}
.title01::before {
    content: "";
    display: block;
    width: 10px;
    height: 46px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg,rgba(0, 85, 184, 1) 0%, rgba(0, 160, 223, 1) 100%);
    border-radius: 0 0 5px 5px;
}
@media screen and (max-width: 980px) {
    .title01 {
        margin-bottom: 24px;
    }
}

.col2_02 {
    display: flex;
    justify-content: space-between;
}
.col2_02__item {  
    background-color: #fff;
    border-radius: 20px;
    width: 47.8%;
    text-align :center;
    padding: 25px 20px 20px;
}
.col2_02__text01 {
    font-size: 1.8rem;
    font-weight: var(--fontWM);
}
.col2_02__text02 {
    font-size: 2.6rem;
    font-weight: bold;
    color: var(--color_blue01);
    margin-top: 15px;
}
.col2_02__text02Inn {
    display: inline-block;
    background: url(/business/ps/parking/nakano/images/icon_tel.png) no-repeat left center;
    background-size: 42px;
    padding: 2px 0 2px 54px;
}
.col2_02__text03 {
    font-size: 1.3rem;
    margin-top: 5px;
}
@media screen and (max-width: 980px) {
    .col2_02 {
        display: block;
    }
    .col2_02__item {
        width: 100%;
        padding: 20px 10px;
    }
    .col2_02__item + .col2_02__item {
        margin-top: 30px;
    }
}

.colW01 {
    width: 164px;
}
.colW02 {
    width: 285px;
}
.colW03 {
    width: 117px;
}
@media screen and (max-width: 980px) {
    .s_spliquid {
        width: 100%;
    }
    .colW01 {
        width:80px;
    }
    .colW02 {
        width: 130px;
    }
    .colW03 {
        width: 90px;
    }
}
.colW04 {
    width: 160px;
}
.colW05 {
    width: 300px;
}
.colW06 {
    width: 150px;
}
.colW07 {
    width: 200px;
}
.colW08 {
    width: 200px;
}
.colW09 {
    width: 140px;
}
.colW10 {
    width: 190px;
}
.colW11 {
    width: 250px;
}
@media screen and (max-width: 980px) {
    .colW04 {
        width: 1em;
    }
    .colW05 {
        width: 90px;
    }
    .colW06 {
        width: 45px;
    }
    .colW07 {
        width: 60px;
    }
    .colW08 {
        width: 60px;
    }
    .colW09 {
        width: 48px;
    }
    .colW10 {
        width: 65px;
    }
    .colW11 {
        width: 75px;
    }
}

.col2Title {
    display: flex;;
    align-items: baseline;;
    margin-bottom: 20px;
}
.col2Title__title {
    margin-right: 10px;
}
@media screen and (max-width: 980px) {
    .col2Title {
        display: block;
        margin-bottom: 30px
    }
}

.icon_bicycle {
    padding-left: 35px;
    display: inline-block;
}

.icon_bicycle.s_navy {
    background: url(../shared/images/icon_bicycle_03.png) left center no-repeat;
    background-size: 28px;
}
.icon_bicycle.s_blue {
    background: url(../shared/images/icon_bicycle_01.png) left center no-repeat;
    background-size: 28px;
}
.icon_bike {
    padding-left: 37px;
    display: inline-block;
}
.icon_bike.s_navy {
    background: url(../shared/images/icon_bike_03.png) left center no-repeat;
    background-size: 30px;
}
.icon_bike.s_blue {
    background: url(../shared/images/icon_bike_01.png) left center no-repeat;
    background-size: 30px;

}
.icon_color {
    display: inline-flex;;
    align-items: center;
    /* padding-left: 25px; */
    gap: 5px;
}
.icon_color::before {
    content: "";
    display: inline-block;
    vertical-align: middle;;
    width: 20px;
    height: 18px;
    position: relative;
    top: 1px;
}
.icon_color.s_white::before {
    background-color: #fff;
}
.icon_color.s_yellow::before {
    background-color: #FFD84D;
}
.icon_color.s_pink::before {
    background-color: #FF8FB4;
}
@media screen and (max-width: 980px) {
    .icon_color::before  {
        border: 1px solid #E4E7EA;
    }
}
@media screen and (max-width: 980px) {
    .m_table.s_typeB.s_spFontS {
        font-size: 1.2rem;
    }
    .s_spW1em {
        width: 1em;
    }
    .m_table.s_typeB.s_spPdS thead th {
        padding-left: 5px;
        padding-right: 5px;
    }
}