/* -------------------------------------------------- */
/* about tokyo - css */
/* -------------------------------------------------- */

/* ベース */
main { background-color:var(--bl-3); }
.tokyo-content { padding:24px 20px 40px 24px; margin:auto; margin-top:24px; }

/* 見出し */
.tokyo-content h2 { color:var(--bl); font-size:20px; font-weight:700; text-align:left; line-height:30px; letter-spacing:1px; margin-bottom:8px; }

/* 項目 */
.tokyo-content article, .tokyo-content .map { margin-bottom:24px; }

/* テキスト */
.tokyo-content article p, .tokyo-content article ul li { font-size:16px; font-weight:500; text-align:left; line-height:24px; letter-spacing:0.48px; }
.tokyo-content article ul li { margin:0 0 0 18px; }
.tokyo-content article ul li { list-style-type:disc; }

/* マップ */
.map-image img { height:auto; max-width:100%; width:100%; }

/* 背景 */
.bg-sakura, .bg-fuji { position:relative; z-index:1; }
.bg-sakura::before, .bg-fuji::before { background-repeat:no-repeat; background-position:center; background-size:contain; content:''; display:inline-block; position:absolute; z-index:-1; }
.bg-sakura::before { background-image:url(../img/page/about-tokyo/bg-sakura.png); top:-100px; right:30px; height:265px; width:165px; }
.bg-fuji::before { background-image:url(../img/page/about-tokyo/bg-fuji.png); right:15px; bottom:78px; height:139px; width:211px; }

@container ( min-width:1000px ) {

/* ベース */
.tokyo-content { padding:0 20px 80px 20px; margin:auto; margin-top:80px; max-width:1000px; width:100%; }

/* 見出し */
.tokyo-content h2 { font-size:30px; line-height:38px; letter-spacing:1.5px; margin-bottom:16px; }

/* 項目 */
.tokyo-content article, .tokyo-content .map { margin-bottom:40px; }

/* テキスト */
.tokyo-content article p, .tokyo-content article ul li { font-size:18px; line-height:38px; letter-spacing:0.54px; }
.tokyo-content article ul { display:flex; flex-direction:column; gap:16px; margin-top:16px; }

/* 背景 */
.bg-sakura::before { top:-50px; right:auto; left:151px; height:385px; width:244px; }
.bg-fuji::before { right:45px; bottom:37px; height:214px; width:316px; }

}