text/css"> .list1 li::marker { color: #dd3c33; font-size: 1.1em; } .list2 { counter-reset: li; padding-inline-start: 0px; } .list2 li { display: flex; align-items: center; padding: .3em; } .list2 li::before { display: inline-block; min-width: 1.7em; margin-right: 5px; background-color: #dd3c33; color: #fff; font-weight: bold; font-size: .75em; line-height: 1.7em; text-align: center; content: counter(li); counter-increment: li; } .toc { list-style-type: disc; margin: 80px auto; width: 60%; border: 2px solid #dd3c33; border-radius: 3px; } .toc div { display: flex; justify-content: center; align-items: center; margin: 0; padding: 10px 0; background-color: #dd3c33; color: #fff; font-weight: 600; font-size: 1.1em; } .toc div::before { display: inline-block; width: 1em; height: 1em; margin-right: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E"); content: ''; } .toc ol { list-style-type: disc; margin: 0; overflow: hidden; } .toc ol { padding: 1em 1em 1em 3em; } .toc ol ol { margin-top: 5px; padding-left: 1.1em; } .toc li { padding: 5px 0; font-weight: 600; } .toc ol ol li { font-weight: 500; font-size: .9em; } .toc a { color: #333; text-decoration: none; } .pc_img { display: block !important; } .sp_img { display: none !important; } @media only screen and (max-width: 767px) { .pc_img { display: none !important; } .sp_img { display: block !important; } } .program_details { width: 100%; text-align: right; padding: 15px;" } .container a { color: #16bcde !important; font-size: 1em !important; -webkit-text-decoration: none !important; text-decoration: none !important; transition: color .2s !important; } .container a:hover { color: #555 !important; } .casa { margin: 0 auto 60px; padding: auto; } .arrow { position: relative; padding-right: 12px; color: #16bcde; text-decoration: none; } .arrow::after { content: ''; display: block; width: 8px; /* 矢印の大きさの指定 */ height: 8px; /* 矢印の大きさの指定 */ border-top: 2px solid #16bcde; /* 矢印の太さの指定 */ border-left: 2px solid #16bcde; /* 矢印の太さの指定 */ } .arrow--right::after { transform: rotate(135deg); /* 矢印の角度の指定 */ position: absolute; /* 矢印の位置の指定 */ right: 0; /* 矢印の位置の指定 */ top: 9px; /* 矢印の位置の指定 */ } .arrow:hover { color: #555; } .arrow:hover::after { color: #555; } .arrow--right:hover::after { content: ''; display: block; width: 8px; /* 矢印の大きさの指定 */ height: 8px; /* 矢印の大きさの指定 */ border-top: 2px solid #555; /* 矢印の太さの指定 */ border-left: 2px solid #555; /* 矢印の太さの指定 */ } -->

図面のPDFを見る

図面のダウンロードはこちら

詳細な図面を見る