.directory{position:relative;padding:16px 24px 0}.directory:after{position:absolute;background-color:var(--background);width:100vw;height:100%;margin-left:-50vw;top:0;left:50%;z-index:-1;content:""}.directory h1{font-size:18px;margin-bottom:12px}.directory>div{background-color:#fff;padding:24px 24px 0;margin:0 -24px}.directory>:not(.isCity)>p{color:var(--primary-01);font-size:18px;font-weight:700;margin:-7px 0 16px}.directory>div>ul{font-weight:700}.directory>div>ul li{border-bottom:1px solid var(--border)}.directory>div>ul li:first-child{border-top:1px solid var(--border)}.directory>div>ul a{display:flex;justify-content:space-between;gap:8px;padding:14.5px 0}.directory .overseas{margin-top:24px!important}.directory .isCity>p{font-size:13px;margin:-5px 0 19px}.directory>div>div{display:grid;gap:16px}@media screen and (min-width: 768px){.directory{padding-top:33px;padding-bottom:49px;max-width:calc(var(--baseWidth) + 48px);margin:0 auto}.directory h1{font-size:26px;margin-bottom:28px}.directory>div{padding:48px 64px;margin:0;border-radius:8px}.directory>div.isCity{position:relative;background-color:transparent;padding:0}.directory>div>ul{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:72px;column-gap:72px;font-size:15px}.directory>div>ul li:nth-child(2){border-top:1px solid var(--border)}.directory>div>ul a{padding:15.25px 0;transition:color .2s}.directory>div>ul a:hover{color:var(--primary-01)}.directory .isCity>p{position:absolute;top:-52px;right:0}.directory>div>div{grid-template-columns:repeat(3,1fr);gap:24px}}