@charset 'utf-8';

.badge{display:inline-block;margin:0 1.3rem 0 0;padding:0px 1.2rem;border-radius:3px;font-size:1.4rem;font-weight:var(--font-weight-bold);line-height:2.6rem;color:#fff;}
.badge.line{padding:0 8px;}
.badge.dark-green{background:var(--color84);}
.badge.blue{background:var(--color85);}
.badge.green{background:var(--color86);}
.badge.red{background:var(--color87);}
.location .h5-tit01{position:relative;padding:0 0 0 3.5rem;}
.location .h5-tit01::before{content:'';position:absolute;left:0;top:50%;width:2.7rem;height:2.4rem;transform:translateY(-50%);}
.location .h5-tit01.subway::before{background:url(../img/common/ico-subway%402x.png) no-repeat center center / 100%;}
.location .h5-tit01.bus::before{background:url(../img/common/ico-bus%402x.png) no-repeat center center / 100%;}

.location-box{position:relative;padding:3rem 0 0;border:1px solid var(--color56);border-radius:1rem;overflow:hidden;}
.location-box .bg-title{position:absolute;top:0;left:0;padding:3rem 3.8rem 0;width:100%;font-size:clamp(3.2rem, 4.8vw, 6rem);line-height:clamp(3.6rem, 5vw, 6rem);color:var(--color07);box-sizing:border-box;}
.location-box .location-numbering-wrap{padding:4rem;background:var(--color80);border-top:1px solid var(--color56);}
.location-box .location-numbering-wrap .location-numbering-box{display:flex;}
.location-box .location-numbering-wrap .location-numbering-box .location-numbering-list{padding:0 4rem 0 0;width:20%;box-sizing:border-box;}
.location-box .location-numbering-wrap .location-numbering-box .location-numbering-list:last-of-type{padding:0;}
.location-box .location-numbering-wrap .location-numbering-box .ol-type-circle02 > li{display:flex;align-items:flex-start;margin:0 0 1.3rem;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:2.4rem;color:var(--black03);}
.location-box .location-numbering-wrap .location-numbering-box .ol-type-circle02 > li:last-of-type{margin:0;}
.location-box .location-numbering-box .ol-type-circle02 > li > span{display:inline-block;flex-shrink:0;margin:0 1rem 0 0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--color81);font-family:'ivyora-display', serif;font-size:1.2rem;font-weight:var(--font-weight-bold);line-height:2.2rem;color:#fff;text-align:center;letter-spacing:0.1rem;}

.card-list-wrap .card-list{display:flex;}
.card-list-wrap .card-list li{padding:4rem;width:calc((100% - 1.6rem) / 3);margin:0 8px 0 0;border:1px solid var(--color56);border-radius:1rem;}
.card-list-wrap .card-list li:last-of-type{margin:0;}
.card-list-wrap .card-list li .card-title{padding:0 0 3rem;font-size:2.4rem;font-weight:var(--font-weight-bold);line-height:2.8rem;}
.card-list-wrap .card-list li p{padding:0 0 8px;}
.card-list-wrap .card-list li p:last-of-type{padding:0;}

@media screen and (max-width:1024.98px){
	.badge{margin:0 1rem 0 0;padding:0px 1rem;}
	.location-box .bg-title{position:absolute;top:0;left:0;padding:2rem 2rem 0;width:100%;font-size:clamp(2.2rem, 4.8vw, 6rem);line-height:clamp(2.6rem, 5vw, 6rem);color:var(--color07);box-sizing:border-box;}
	.location-box .location-numbering-wrap{padding:2rem;}
	.location-box .location-numbering-wrap .location-numbering-box{flex-wrap:wrap;}
	.location-box .location-numbering-wrap .location-numbering-box .location-numbering-list{padding:0 2rem 0 0;width:calc(100% / 3);}
	.location-box .location-numbering-wrap .location-numbering-box .ol-type-circle02 > li{font-size:1.6rem;}
	.location-box .location-numbering-wrap .location-numbering-box .ol-type-circle02 > li:last-of-type{margin:0 0 1.3rem;}
	.card-list-wrap .card-list{flex-wrap:wrap;}
	.card-list-wrap .card-list li{margin:0 0 1.5rem;padding:3.5rem 2.5rem;width:100%;}
	.card-list-wrap .card-list li .card-title{padding:0 0 2.5rem;font-size:2.2rem;line-height:2.6rem;}
	.card-list-wrap .card-list li p{font-size:1.4rem;line-height:2.4rem;}
	.location .h5-tit01::before{width:2.5rem;height:2.2rem;}
}

@media screen and (max-width:480px){
	.location-box .location-numbering-wrap .location-numbering-box .location-numbering-list{padding:0;width:100%;}	
}