東京都23区内の建築物の建築確認・許可申請等の所管
記事ID:039-001-20241022-009904
<>
.folder-structure-box{
padding: 16px 16px 0;
border-radius: 8px;
overflow: hidden;
background-color: var(--metrotokyo-color-background1);
}
>
<>@charset "UTF-8";
.mytokyo-banner {
margin-top: var(--metrotokyo-s-space-rule2);
margin-bottom: var(--metrotokyo-s-space-rule4);
}
.mytokyo-banner_inner[target='_blank']::after {
display: none;
}
.mytokyo-banner_inner:link.mytokyo-banner_inner:active.mytokyo-banner_inner:visited {
text-decoration: none;
}
.mytokyo-banner_content {
margin-top: var(--metrotokyo-s-column-gap);
}
.mytokyo-banner_image {
width: 100%;
}
.mytokyo-banner_text {
color: var(--metrotokyo-color-base1);
text-decoration: none;
}
.mytokyo-banner_link {
margin-bottom: 8px;
font-size: var(--metrotokyo-sub-mobile-font-size);
line-height: var(--metrotokyo-sub-mobile-line-height);
font-weight: var(--metrotokyo-sub-mobile-font-weight);
letter-spacing: var(--metrotokyo-sub-mobile-letter-spacing);
text-decoration: underline;
}
.mytokyo-banner_link::after {
content: '別ウィンドウで開く';
display: inline-block;
width: 1em;
height: 1em;
text-indent: -9999px;
overflow: hidden;
background-image: url(/documents/d/global/metrotokyo_icon_blank);
background-repeat: no-repeat;
background-size: contain;
vertical-align: -0.125em;
-webkit-margin-start: 0.25em;
margin-inline-start: 0.25em;
}
.mytokyo-banner_inner:link .mytokyo-banner_link,
.mytokyo-banner_inner:active .mytokyo-banner_link {
color: var(--metrotokyo-color-base4);
}
.mytokyo-banner_inner:visited .mytokyo-banner_link {
color: var(--metrotokyo-color-base6);
}
.mytokyo-banner_inner:focus .mytokyo-banner_link,
.mytokyo-banner_inner:hover .mytokyo-banner_link {
color: var(--metrotokyo-color-base5);
}
@media (min-width: 961px) {
.mytokyo-banner {
margin-top: var(--metrotokyo-lg-space-rule2);
}
.mytokyo-banner {
margin-bottom: var(--metrotokyo-lg-space-rule4);
}
.mytokyo-banner_link {
font-size: var(--metrotokyo-sub-desktop-font-size);
line-height: var(--metrotokyo-sub-desktop-line-height);
font-weight: var(--metrotokyo-sub-desktop-font-weight);
letter-spacing: var(--metrotokyo-sub-desktop-letter-spacing);
}
.mytokyo-banner_inner {
display: grid;
gap: var(--metrotokyo-lg-column-gap);
grid-template-columns: repeat(31fr);
}
.mytokyo-banner_thumbnail {
grid-column: span 1;
}
.mytokyo-banner_content {
margin-top: 0;
grid-column: span 2;
}
}
@media (min-width: 521px) and (max-width: 960px) {
.mytokyo-banner_inner {
display: grid;
gap: var(--metrotokyo-lg-column-gap);
grid-template-columns: repeat(31fr);
}
.mytokyo-banner_thumbnail {
grid-column: span 1;
}
.mytokyo-banner_content {
margin-top: 0;
grid-column: span 2;
}
}>
<>.metrotokyo-container-column2 {
padding: 0;
max-width: calc(var(--metrotokyo-content-width) + var(--metrotokyo-content-padding-x) * 2);
margin: 0 auto;
}
.metrotokyo-container-column2_aside {
margin-top: 64px;
}
@media (min-width: 961px) {
.metrotokyo-container-column2 {
display: grid;
gap: 32px;
grid-template-columns: repeat(41fr);
}
.metrotokyo-container-column2_main {
grid-column: span 3;
}
.metrotokyo-container-column2_aside {
margin-top: 0;
grid-column: span 1;
}
}>