/*---------------------------------------------------------------------------------------
トップ
---------------------------------------------------------------------------------------*/
/*MV*/
.header_inner{margin: 0 auto;background-color: var(--main-color);    position: relative;}
.header_inner.-top:before{content: "";background-image:url("../img/mv_bg-decoration.svg");width: 100%; position: absolute;top: 8%;    aspect-ratio: 80 / 23;    background-repeat: no-repeat; background-size: cover;}
.header_inner .logo{  position: relative;}
.header_inner.-top .logo{margin: 0 auto 0.8rem auto; padding-top: 1.2rem; width: 61%;      max-width: 17rem; }
.header_inner .bg_content .curve{width: 100%; display: flex;}
.header_inner .bg_content .curve img{width: 100%;}
.header_inner.-lower{padding: 0.7rem 4%;}
.header_inner.-lower .logo{width: 50%;     display: flex;}
.header_inner.-lower .logo a{display: flex;}
.header_inner .main-visual{position: relative;}
.header_inner .main-visual p{text-align: center;color: #fff;line-height: 1.6;}
.header_inner .main-visual .img{margin-top: 0.9rem;}
.header_inner .bg_content{    background-color:  var(--bg-color);height: 25.3vw;  position: absolute; bottom: 0; display: flex;align-items: baseline;width: 100%;}
@media screen and (min-width: 756px){
	.header_inner .bg_content{height: 42%; }
}

/*parking-area*/
.parking-area{margin-top: 0.6rem;}
.parking-area_container .parking-area_item:not(:first-of-type){margin-top: 0.5rem;}
.parking-area_item{background-color: #fff;border-radius: 0.8rem;border: 2px solid var(--main-color);    padding: 0.4rem 1.2rem; position: relative; display: block; }
.parking-area_item .title{color: var(--main-color);    display: inline-block;}
.parking-area_item .title .arrow{display: inline-flex;transition: 0.2s;}
.parking-area_item .title .arrow:after{content: "";width: 0.5em;height: 0.5em;  transform: rotate(45deg) translate(-3px);border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color);display: inline-flex;    margin: 0 0 0 0.4em;}
.parking-area_item .en{    font-size: 1.4rem; line-height: 1.5; font-weight: 500; margin-top: 0.2rem; transform: translateY(2px); position: relative;  display: inline-block;margin-right: 0.3em;}
.parking-area_item  .detail-info{margin-top: 0.8rem;}
.parking-area_item  .detail-info .txt{font-size: 0.8rem;}
.parking-area_item .status{    position: absolute; width: 47px;right: 0.8rem; top: 0.7rem;}
.parking-area_item .status.-typeA .status-icon:not(.-typeA){display: none}
.parking-area_item .status.-typeB .status-icon:not(.-typeB){display: none}
.parking-area_item .status.-typeC .status-icon:not(.-typeC){display: none}
/*--アイコン説明*/
.icon-description{margin-top: 0.8rem;}
.icon-description .container{display: flex;    column-gap: 1rem;row-gap: 0.5rem;}
.icon-description .container .item{display: flex;}
.icon-description .container .item img{width: 2.9rem;margin-right: 0.3rem;}

/*マップ*/
.map{margin-top: 1.8rem;}
.map-container{    position: relative;aspect-ratio: 7 / 5;    overflow: hidden;    border-radius: 0.9rem;}
.map-container iframe{    position: absolute; width: 100%;/*height: calc(100% + 140px); margin-top: -70px; */ }
/*--下層マップ*/
.map-container.-lower{/*aspect-ratio: 2 / 1;*/    aspect-ratio: 7 / 5;   border-radius: 0.8rem; }


/*---------------------------------------------------------------------------------------
下層ページ
---------------------------------------------------------------------------------------*/
.parking-lower-info .dl-item{    display: flex;padding: 1.2rem 0;border-bottom: 1px solid #001e1926;}
.parking-lower-info .dl-item .term{ width: 34%;}
.parking-lower-info .dl-item .desc{flex: 1;}
.parking-lower-info .dl-item span{display: block;line-height: 1.6;}

.parking-lower-item .main-title{    padding: 1rem 0; background-color: #fff;    position: relative;}
.parking-lower-item .main-title .num{font-size: 1.4rem;    margin-right: 0.5rem;line-height: 1.4;    font-weight: 500;
    margin-top: 0.1rem;}
.parking-lower-item .main-title .title-container{position: relative;    display: inline-flex;}
.parking-lower-item .main-title img{width: 2.8rem;height: 2.8rem;position: absolute;right: 4%;top: 50%;
    transform: translateY(-50%);}

.parking-lower-item .main-content{position: relative;    z-index: 1;}
.parking-lower-item .main-content:before{content: "";background-color: #fff;height: 2rem;position: absolute;top: 0;
    width: 100%;  z-index: -1;display: block;}
.parking-lower-item .main-content.-type2:before{display: none;}
.parking-lower-item .main-content  .map-area{margin-top:1rem;}

.parking-lower-item .main-content .button-area{margin-top: 2rem;}
.button-area .link{background: linear-gradient(90deg, #208B20 0%, #017C01 100%);border-radius: 50vw;color: #fff;    display: block;  padding: 0.8rem;text-align: center;}
.button-area .link span:before{content: ""; width: 0.5em;height: 0.5em;  transform: rotate(-45deg) translate(2px);border-top: 2px solid #fff; border-left: 2px solid #fff;display: inline-flex;    margin: 0 0.6rem 0 0;}




/*---------------------------------------------------------------------------------------
共通パーツ
---------------------------------------------------------------------------------------*/

/*component*/
.icon-container{display: flex;column-gap: 0.3rem;}
.icon-container .icon-item{width: 2.9rem;}
.icon-container .icon-item img{    vertical-align: top;    display: block;}

/*フッター*/
.footer{    margin-top: 3.2rem;}
.footer_container{    background-color: var(--footer-color); color: #fff; font-size: 0.8rem;padding: 1.5rem 0;}
.footer_sub-item{margin-top: 1.8rem;}
.footer_sub-item .copyright{font-size: 12px;margin-top: 0.2rem;}
.footer_main-item .footer_link-wrapper{margin-top: 0.5rem;display: flex;column-gap: 1rem;}
.footer_link-wrapper .icon.-mail:before{content: "";background-image:url("../img/icon/mail.svg");width: 1em;aspect-ratio:15/12;margin-right: 0.4em;display: inline-flex;background-size: contain;vertical-align: middle;}
.footer_remark{    background-color: #fff; padding: 0.5rem 0;}
.footer_remark .txt{    display: inline-flex;align-items: center;}
.footer_remark .txt img{    width: 1.2em;height: 1.2em; margin-right: 0.4em;}



/*リスト*/
.main-container{margin-top: 2.1rem;}
.dot-list_wrapper .item:not(:first-of-type){margin-top: 1.3rem;}
.dot-list_wrapper .item p{position: relative;padding-left: 1.2rem;}
.dot-list_wrapper .item p:before{content: "";position: absolute;width: 0.5rem;height: 0.5rem;background-color:var(--main-color); border-radius: 50%; left: 0;top: 0.6rem;}

/*---------------------------------------------------------------------------------------
ホバーアクション
---------------------------------------------------------------------------------------*/
.parking-area_item{transition: 0.2s;}
.parking-area_item:hover{  box-shadow: 0px 2px 4px 0px oklch(0.21 0.04 176.26 / 0.2);transform: translateY(-2px);}
.parking-area_item:hover .title .arrow{transform: translateX(4px);}
.txt-link{transition: 0.2s;}
.txt-link:hover{opacity:0.8;}
.button-area .link{transition: 0.2s;}
.button-area .link:hover{    filter: brightness(1.1);}