@charset "UTF-8";
/* =========================================================
   サイトマップ（デザインなし。各ページの見出しの作法に合わせたフロー配置）
   ページを追加したら sitemap.html の一覧にも追加する（マニュアル 4.1.7：HTML サイトマップ）
   ========================================================= */

.page-sitemap .ttl__en { color: #3a3a3a; letter-spacing: .25em; }
.page-sitemap .ttl__en::before { background: #5dc8f5; }
.page-sitemap .ttl__ja { color: #3a3a3a; letter-spacing: 0; }

.sm { height: auto; }
.sm .inner { padding: 60px 100px 100px; }
.sm__wm { left: 220px; top: -13px; font-size: 112px; color: #f7f8f8; }
.sm__ja { margin-top: 21px; line-height: 45px; }

.sm__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 60px; margin-top: 60px; }
.sm__group + .sm__group { margin-top: 40px; }
.sm__ttl { padding-bottom: 12px; border-bottom: 1px solid #e3e3e3; font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: .04em; color: #3a3a3a; }
.sm__list { margin-top: 10px; }
.sm__list li { position: relative; padding-left: 18px; font-size: 12px; line-height: 1.8; letter-spacing: .04em; color: var(--c-sub); }
.sm__list li + li { margin-top: 8px; }
.sm__list li::before { content: ""; position: absolute; left: 2px; top: .9em; width: 8px; height: 1px; background: #b7b7b7; }
.sm__ttl a, .sm__list a { transition: opacity .2s; }
.sm__ttl a:hover, .sm__list a:hover { opacity: .6; }

/* =========================================================
   SP（〜767px）
   ========================================================= */
@media (max-width: 767px) {
  .sm .inner { padding: 40px 20px 70px; }
  .page-sitemap .sm__wm { left: 18px; top: 10px; font-size: 60px; }
  .sm__en { margin-left: -6px; }
  .sm__ja { margin-top: 10px; line-height: 43px; }
  .sm__cols { grid-template-columns: 1fr; margin-top: 36px; }
  .sm__col + .sm__col { margin-top: 40px; }
}