/* リンク集は1カラム。分類と説明で目的のサイトを探せるようにする。 */
.directory-heading,.directory-content{max-width:900px}
.directory-heading .directory-date{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:13px;color:#526b72;margin-top:24px}
.directory-date .icon{width:18px;height:18px}
.directory-content{padding-bottom:64px}
.directory-nav{background:#edf4f1;border:1px solid #d0e0d8;border-radius:15px;padding:20px 25px;margin-bottom:25px}
.directory-nav>strong{display:block;font-size:18px;margin-bottom:10px}
.directory-nav>a{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #d4e2db;font-size:15px;font-weight:600}
.directory-nav>a>.icon{width:20px;height:20px;flex-shrink:0;color:#227984}
.directory-nav>a>.icon:last-child{margin-left:auto;width:16px}
.directory-nav>a:hover{color:#087180}
.directory-intro{font-size:15px;line-height:2;color:#49646d}
.directory-group{margin-top:46px;scroll-margin-top:26px}
.directory-group-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}
.directory-group-title>.icon{width:30px;height:30px;flex-shrink:0;color:#167985;margin-top:5px}
.directory-group-title>h2{font-size:26px;line-height:1.6}
.directory-group>p{font-size:15px;line-height:1.9;color:#526b72;margin-bottom:22px}
.directory-list{padding:0;list-style:none;margin:0;background:#fff;border:1px solid #d4e1da;border-radius:14px;overflow:hidden}
.directory-list>li{padding:25px 27px;scroll-margin-top:26px}
.directory-list>li+li{border-top:1px solid #d4e1da}
.directory-item-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px}
.directory-item-heading h3{font-size:20px;line-height:1.65}
.directory-item-heading a{color:#086575;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.directory-item-heading a:hover{text-decoration-thickness:2px}
.directory-item-heading a:focus-visible{outline:3px solid #147987;outline-offset:5px}
.directory-http{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;background:#fbecda;color:#77512f}
.directory-list>li>p{font-size:15px;line-height:1.95;margin-top:10px;color:#355767}
.directory-domain{display:block;font-size:12px;color:#526b72;margin-top:12px;overflow-wrap:anywhere}
.directory-list>li>p.directory-note{font-size:13px;line-height:1.9;padding:12px 14px;background:#f5f5ee;border-radius:7px;margin-top:16px}
.directory-note a{color:#096879;text-decoration:underline;text-underline-offset:3px}
.directory-list>li>p.directory-japanese{font-size:13px;color:#66777a;margin-top:6px}
.directory-archive{margin:48px 0 35px;padding:28px;background:#e8f1ed;border:1px solid #c5dbd0;border-radius:15px;scroll-margin-top:26px}
.directory-archive h2{font-size:25px;margin:10px 0 16px;line-height:1.6}
.directory-archive p{font-size:15px;line-height:1.95}
.directory-archive .button{margin-top:22px;max-width:100%;white-space:normal;text-align:center}
.directory-archive p.caption{font-size:13px;margin-top:18px}
.directory-method{padding-top:22px;border-top:1px solid var(--line)}
.directory-method h2{font-size:21px;margin-bottom:15px}
.directory-method p{font-size:14px;line-height:2;margin-bottom:15px;color:#49646d}
.directory-method .text-link{margin-top:6px}
.directory-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){
  .directory-content{padding-bottom:42px}
  .directory-nav{padding:18px}
  .directory-nav>a{font-size:14px}
  .directory-group{margin-top:34px}
  .directory-group-title{gap:10px}
  .directory-group-title>h2{font-size:23px}
  .directory-group-title>.icon{width:25px;height:25px}
  .directory-list>li{padding:21px 18px}
  .directory-item-heading h3{font-size:18px;overflow-wrap:anywhere}
  .directory-archive{padding:22px 19px}
  .directory-archive h2{font-size:23px}
}
@media print{
  .directory-nav{display:none}
  .directory-list>li{break-inside:avoid}
  .directory-archive{break-inside:avoid}
}