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

/* -------------------------------- PC版のスタイルここから ------------------------------------*/

@media print, screen and (min-width: 751px) {
    
   
/* マップ */
    .rentals-station-map .map-wrap img{
        width: 100%;
    }
    
    .rentals-station-map .map-wrap+a.zoom-btn{
        display: none;
    }
    
    .rentals-station-map{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .rentals-station-map .ttl-txt02{
        width: 100%;
        margin-top: 56px;
    }
    
    .rentals-station-map .map-wrap{
        width: 70%;
        margin-right: 5%;
    }
    
    .rentals-station-map .area-info{
        width: 25%;
        padding: 0;
        margin-top: 24px;
        margin-bottom: 0;
    }
    
    .rentals-station-map .area-info li{
        width: 100%;
        margin-bottom: 0;
        padding: 24px 0;
    }
    
    .rentals-station-map .area-info li+li{
        border-top: 1px solid #CCCCCC;
    }
    
    .rentals-station-map .area-info li dl{
        margin-bottom: 0;
    }
    
    .rentals-station-map .area-info li dt{
        font-weight: bold;
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 0;
    }
    
    .rentals-station-map .area-info li dd{
        font-size: 16px;
        line-height: 26px;
        margin-top: 8px;
        margin-bottom: 0;
    }
    
/* ご利用の流れ */
    
    .rental-flow-wrap{
        width: 100%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner{
        width: 48%;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner02{
        width: 48%;
        margin-left: 4%;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner02 .p-map{
        margin-top: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03{
        width: 100%;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner02 img{
        width: 100%;
    }
    .rental-flow-wrap .rental-flow-wrap-inner+.rental-flow-wrap-inner{
        margin-left: 4%;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner ol,
    .rental-flow-wrap .rental-flow-wrap-inner03 ol{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li{
        border: 1px solid #1D315A;
        margin-bottom: 0;
        position: relative;
        padding: 8px 24px 8px 8px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li+li{
        margin-top: 24px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li+li:before{
        content: '';
        position: absolute;
        left: 24px;
        bottom:100%;
        width: 1px;
        height: 25px;
        background: #1D315A;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dl{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dt{
        width: 10%;
        margin-bottom: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #1D315A;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dt b{
        font-size: 36px;
        line-height: 1em;
        font-weight: 900;
        display: block;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dd{
        width: 85%;
        margin-left: 5%;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 20px;
    }
    
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li{
        border: 1px solid #1D315A;
        margin-bottom: 0;
        position: relative;
        padding: 24px 24px 24px 8px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li+li{
        margin-top: 24px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li+li:before{
        content: '';
        position: absolute;
        left: 24px;
        bottom:100%;
        width: 1px;
        height: 25px;
        background: #1D315A;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dl{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt{
        width: 5%;
        margin-bottom: 0;
        text-align: center;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt > b{
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #1D315A;
        font-size: 14px;
        line-height: 17px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt > b >b{
        font-size: 36px;
        line-height: 1em;
        font-weight: 900;
        display: block;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt h5{
        display: none;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dd{
        width: 93%;
        margin-left: 2%;
        margin-bottom: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dd p{
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.6em;
        font-weight: normal;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dd h5{
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 20px;
        font-weight: bold;
    }
    
    
/* その他レンタル */
    
    .other-rentals-wrap{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
    }
    
    .other-rentals-wrap .l-box{
        width: 45%;
        margin-right: 15%;
    }
    
    .other-rentals-wrap .r-box{
        width: 40%;
    }
    
    .other-rentals-wrap .r-box img{
        width: 100%;
    }
    
    .other-rentals-wrap .l-box dl{
        margin-bottom: 0;
    }
    
    .other-rentals-wrap .l-box dl+dl{
        margin-top: 24px;
    }
    
    .other-rentals-wrap .l-box dt{
        font-size: 16px;
        line-height: 1.6em;
    }
    
    .other-rentals-wrap .l-box dd{
        font-size: 16px;
        line-height: 1.6em;
        margin-bottom: 0;
    }
    
}


/* -------------------------------- SP版のスタイルここから ------------------------------------*/

@media screen and (max-width: 750px) {
    
/* マップ */
    .rentals-station-map .map-wrap img{
        width: 100%;
    }
    
    .rentals-station-map .map-wrap+a.zoom-btn{
        display: block;
        text-align: center;
        font-size: 12px;
        line-height: 22px;
        margin-top: 8px;
        position: relative;
        color: #1D315A;
        vertical-align: middle;
        margin-right: auto;
        margin-left: auto;
        width: 100px;
    }
    
    .rentals-station-map .map-wrap+a.zoom-btn:before{
        width: 12px;
        height: 12px;
        content: '';
        display: inline-block;
        background: url(../img/common/zoom-icon.png) no-repeat center center;
        background-size: cover;
        margin-right: 8px;
    }
    
    .rentals-station-map .area-info{
        width: 100%;
        padding: 0;
        margin-top: 24px;
        margin-bottom: 0;
    }
    
    .rentals-station-map .area-info li{
        width: 100%;
        margin-bottom: 0;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    
    .rentals-station-map .area-info li+li{
        border-top: 1px solid #CCCCCC;
    }
    
    .rentals-station-map .area-info li dl{
        margin-bottom: 0;
    }
    
    .rentals-station-map .area-info li dt{
        font-weight: bold;
        font-size: 16px;
        line-height: 1.6em;
        margin-bottom: 0;
    }
    
    .rentals-station-map .area-info li dd{
        font-size: 14px;
        line-height: 1.6em;
        margin-top: 8px;
        margin-bottom: 0;
    }
    
/* ご利用の流れ */
    
    .rental-flow-wrap{
        width: 100%;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner{
        width: 100%;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner02{
        width: 100%;
        margin-top: 32px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner02 img{
        width: 100%;
    }
    .rental-flow-wrap .rental-flow-wrap-inner+.rental-flow-wrap-inner{
        margin-top: 48px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner ol,
    .rental-flow-wrap .rental-flow-wrap-inner03 ol{
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 div.acc-inner{
        display: none;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 div.acc-inner.is-show{
        display: block;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li{
        border: 1px solid #1D315A;
        margin-bottom: 0;
        position: relative;
        padding: 8px 16px 8px 8px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li{
        border: 1px solid #1D315A;
        margin-bottom: 0;
        position: relative;
        padding: 16px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li+li,
    .rental-flow-wrap .rental-flow-wrap-inner03 li+li{
        margin-top: 24px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li+li:before,
    .rental-flow-wrap .rental-flow-wrap-inner03 li+li:before{
        content: '';
        position: absolute;
        left: 24px;
        bottom:100%;
        width: 1px;
        height: 25px;
        background: #1D315A;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dl{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dt{
        width: 15%;
        margin-bottom: 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #1D315A;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dt b{
        font-size: 30px;
        line-height: 1em;
        font-weight: 900;
        display: block;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner li dd{
        width: 82%;
        margin-left: 3%;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dl{
        margin-bottom: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt{
        width: 100%;
        margin-bottom: 0;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: center;
        -webkit-align-items: center;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt > b{
        width: 15%;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        color: #1D315A;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt > b >b{
        font-size: 30px;
        line-height: 1em;
        font-weight: 900;
        display: block;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dt > h5{
        width: 80%;
        margin-left: 5%;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dd{
        margin-bottom: 0;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dd p{
        width: 100%;
        margin-top: 16px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
    }
    
    .rental-flow-wrap .rental-flow-wrap-inner03 li dd h5{
        display: none;
    }
    
/* その他レンタル */
    
    .other-rentals-wrap{
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .other-rentals-wrap .l-box{
        width: 100%;
        margin-bottom: 24px;
    }
    
    .other-rentals-wrap .r-box{
        width: 100%;
    }
    
    .other-rentals-wrap .table-wrap01{
        width: 100%;
    }
    
    .other-rentals-wrap .r-box img{
        width: 100%;
    }
    
    .other-rentals-wrap .l-box dl{
        margin-bottom: 0;
    }
    
    .other-rentals-wrap .l-box dl+dl{
        margin-top: 24px;
    }
    
    .other-rentals-wrap .l-box dt{
        font-size: 14px;
        line-height: 1.6em;
    }
    
    .other-rentals-wrap .l-box dd{
        font-size: 14px;
        line-height: 1.6em;
        margin-bottom: 0;
    }
    
   
}