/*-------------------------------
    parking wrap
-------------------------------*/

.sec_parking {
    overflow: visible;
}

.sec_parking:not(:last-of-type) {
    margin-bottom:9rem;
}

.parking_wrap {
    padding:6rem 7.5rem 15rem;
    background:#F5F8FA;
    border-radius:3rem;
    position:relative;
}

.parking_wrap .h_icon {
    margin-bottom:10rem;
}

.parking_wrap .h_icon span {
    color:var(--blueblack);
    font-size:3rem;
}

.parking_wrap .h_nami span::after {
    margin:1.5rem auto 0;
}

.parking_btn_wrap .btn {
    margin:6.5rem auto 12.5rem;
}

/*-------------------------------
    parking block
-------------------------------*/


.parking_list .parking_line:not(:last-of-type) {
    margin-bottom:8rem;
}

.parking_block {
    display: block;
    width:100%;
    max-width:59.2rem;
    border-radius:1.5rem;
    background:#9AD4FF;
    padding:3rem 3rem 3rem 5rem;
    margin:0 auto;
    position:relative;
    opacity:1!important;
}

a.parking_block::after {
    content:"";
    display: block;
    width:5.2rem;
    height:5.2rem;
    background:url(../images/common/arrow_maru_blue.svg) no-repeat center / contain;
    position:absolute;
    right:5rem;
    top:0;
    bottom:0;
    margin:auto 0;
}

a.parking_block:hover {
    background:var(--yellowcolor);
}

.for_other .parking_block {
    background:#D2DD6C;
}

.parking_tag span {
    color:var(--maincolor);
    background:#EFF9FF;
    display: inline-block;
    font-size:1.5rem;
    font-weight:500;
    letter-spacing: 0.01em;
    padding:0.2em 0.75em;
}

.parking_tag02 span {
    color:#258125;
}

.parking_tag03 span {
    color:#fff;
    background:#258125;
}

.parking_block h3 {
    font-size:2.4rem;
    font-weight:700;
    color:var(--blueblack);
    letter-spacing: 0.05em;
    margin:1em 0 0;
}

.parking_block p {
    color:var(--blueblack);
    font-weight:700;
}

.parking_txt {
    margin-top:2rem;
}

.parking_tel {
    font-size:2.8rem;
    font-weight:700;
    color:var(--blueblack);
    letter-spacing: 0.05em;
    margin:0.5em 0 0;
}

.parking_tel::before {
    content:attr(data-tag)":";
    display: inline-block;
    font-size:2.2rem;
    color:var(--blueblack);
    letter-spacing: 0.05em;
}

.parking_hours {
    margin-top:0.75em;
}

.parking_hours p {
    line-height:1.375
}

.park_direct_txt {
    margin-top:1em;
}

.park_direct_txt p {
    font-size:2.2rem;
    font-weight:700;
    line-height:1.25;
}

.park_direct_txt p span {
    font-size:2.8rem;
    font-weight: 700;
}

/*-------------------------------
    icon
-------------------------------*/

.parking_block .block_inner {
    position:relative;
    padding-left:13rem;
}

.parking_block .block_inner::before {
    content:"";
    display: block;
    width:10rem;
    height:10rem;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto 0;
}

.parking_residents .block_inner::before {
    background:url(../images/common/icon_apartment02.svg) no-repeat center / contain;
}

.parking_addition .block_inner::before {
    background:url(../images/common/icon_addition.svg) no-repeat center / contain;
}

.parking_cancellation .block_inner::before {
    background:url(../images/common/icon_cancellation.svg) no-repeat center / contain;
}

.parking_parkdirect .block_inner::before {
    background:url(../images/common/icon_parkdirect.svg) no-repeat center / contain;
}

.parking_parking .block_inner::before {
    background:url(../images/common/icon_parking_white.svg) no-repeat center / contain;
}

/*-------------------------------
    parking bottom
-------------------------------*/

.parking_bottom {
    max-width:59.2rem;
    margin:2rem auto 0;
}

.parking_bottom p,
.parking_bottom .list-dot li,
.parking_mail,
.parking_mail span {
    font-size:1.6rem;
    line-height:1.875;
    font-weight:700;
    margin:0;
    letter-spacing: 0.01em;
}

.parking_bottom .list-dot li::before {
    content:"▪";
}

.parking_mail span::before {
    content:"@";
    display: inline-block;
}

/*-------------------------------
    illust
-------------------------------*/

.illust_wrap01 .illust_house03 {
    bottom:0;
    left:7.5rem;
}

.illust_wrap01 .illust_businessman02 {
    bottom:-5rem;
    right:5rem;
}

.illust_wrap02 .illust_stroll01 {
    bottom:-8rem;
    left:7.5rem;
}

.illust_wrap02 .illust_car_yellow01 {
    bottom:-2.5rem;
    right:41.5rem;
}

.illust_wrap02 .illust_car_red01 {
    bottom:0.5rem;
    right:29.5rem;
}

.illust_wrap02 .illust_tree01 {
    bottom:-6.5rem;
    right:16rem;
}

.illust_wrap02 .illust_tree01_2 {
    bottom:2.5rem;
    right:3rem;
}

/*-------------------------------
    responsive
-------------------------------*/

@media screen and (max-width:960px) {

.parking_block,
.parking_bottom {
    max-width:64rem;
}

.parking_tag span {
    font-size:1.7rem;
}

.parking_bottom p,
.parking_bottom .list-dot li,
.parking_mail,
.parking_mail span {
    font-size:1.8rem;
}

} /* end 960px */



/*-------------------------------
    ver sp
-------------------------------*/

@media screen and (max-width:768px) {

/*-------------------------------
    parking wrap
-------------------------------*/

.sec_parking:not(:last-of-type) {
    margin-bottom:12rem;
}

.parking_wrap {
    padding:6rem 6rem 20rem;
}

.parking_wrap .h_icon {
    margin-bottom:12rem;
}

.parking_wrap .h_icon span {
    font-size:3.6rem;
}

.parking_wrap .h_nami span::after {
    margin:1.5rem auto 0;
}

.parking_btn_wrap .btn {
    margin:10rem auto 13rem;
    padding:0 6rem 0 11rem;
}

.parking_btn_wrap .btn::after {
    left:6rem;
}

/*-------------------------------
    parking block
-------------------------------*/


.parking_list .parking_line:not(:last-of-type) {
    margin-bottom:16rem;
}

.parking_block {
    width:100%;
    max-width:100%;
    border-radius:2rem;
    padding:0rem 3rem 3rem 3rem;
}

a.parking_block {
    padding:0rem 3rem 7rem 3rem;
}

a.parking_block::after {
    width:6.5rem;
    height:6.5rem;
    right:3rem;
    top:auto;
    bottom:3rem;
    margin:0;
}

.parking_tag_wrap {
    justify-content: center;
}

.parking_tag:not(:last-of-type) {
    margin-bottom:1.5rem;
}

.parking_tag span {
    font-size:2.4rem;
}

.parking_block h3 {
    font-size:3.8rem;
    margin:1em 0 0;
    text-align: center;
}

.parking_txt {
    margin-top:2rem;
    text-align: center;
}

.parking_tel {
    text-align: center;
    font-size:5.2rem;
    margin:0.5em 0 0;
}

.parking_tel::before {
    font-size:3.8rem;
    margin-right:0.15em;
}
.parking_tel a{
    color: var(--blueblack);
}

.parking_hours {
    margin-top:0.75em;
    text-align: center;
}

.parking_hours p {
    line-height:1.375
}

.park_direct_txt {
    margin-top:1em;
    text-align: center;
}

.park_direct_txt p {
    font-size:2.8rem;
}

.park_direct_txt p span {
    font-size:4.8rem;
    font-weight: 700;
}

/*-------------------------------
    icon
-------------------------------*/

.parking_block .block_inner {
    padding-left:0;
    padding-top:8rem;
    padding-bottom:3rem;
}

.parking_block .block_inner::before {
    width:13rem;
    height:13rem;
    left:0;
    top:-7.5rem;
    bottom:auto;
    right:0;
    margin:0 auto;
    border:.4rem solid #9AD4FF;
    border-radius:50%;
}

.for_other .parking_block .block_inner::before {
    border-color:#D2DD6C;
}


/*-------------------------------
    parking bottom
-------------------------------*/

.parking_bottom {
    max-width:100%;
    margin:4rem auto 0;
}

.parking_bottom p,
.parking_bottom .list-dot li,
.parking_mail,
.parking_mail span {
    font-size:2.4rem;
}

/*-------------------------------
    illust
-------------------------------*/

.illust_wrap01 .illust_house03 {
    bottom:0;
    left:4rem;
}

.illust_wrap01 .illust_businessman02 {
    bottom:-7rem;
    right:2rem;
}

.illust_wrap02 .illust_stroll01 {
    bottom:-2rem;
    left:-2.5rem;
}

.illust_wrap02 .illust_car_yellow01 {
    bottom:-2.5rem;
    right:31.5rem;
}

.illust_wrap02 .illust_car_red01 {
    bottom:0.5rem;
    right:19.5rem;
}

.illust_wrap02 .illust_tree01 {
    bottom:-3.5rem;
    right:6rem;
}

.illust_wrap02 .illust_tree01_2 {
    bottom:2.5rem;
    right:-3rem;
}


} /* end 768px */