@charset "UTF-8";
/* CSS Document */


:root { 
  --key:#55a619; 
  --accent:#1e3ba4; 
  --ink:#222; 
  --muted:#666; 
  --bg:#fff; 
  --card:#fff; 
  --border:#ccc; }
html,body{height:100%} 
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans JP",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--key);text-decoration:none}
a:hover{text-decoration:underline}
img {max-width: 100%;}
.wrap{max-width:1200px;margin:0 auto;padding:16px 20px 40px}
.breadcrumbs{font-size:14px;color:var(--muted);margin:8px 0 16px;line-height:1.6}
.breadcrumbs a{color:var(--accent)} 
.breadcrumbs span{color:var(--muted)}
.search-bar {position:relative;display:flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--key);border-radius:999px;padding:8px 8px 8px 14px;box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02); max-width:800px; margin-left: auto; margin-right: auto;}
.search-input-wrap{position:relative;flex:1 1 auto}
#q{width:100%;border:none;outline:none;font-size:16px;background:transparent;padding:10px 36px 10px 15px;}
 #clearBtn{position:absolute;right:-8px;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:18px;cursor:pointer;color:#999;display:none;line-height:1}
#searchBtn{flex:0 0 auto;border:none;background:var(--key);color:#fff;font-weight:600;padding:10px 16px;border-radius:999px;cursor:pointer}
#searchBtn:hover{filter:brightness(0.95)}
.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 26px rgb(0 0 0 / 10%);overflow:hidden;z-index:20;display:none}
.suggest ul{list-style:none;margin:0;padding:6px} .suggest li{padding:10px 12px;border-radius:8px;cursor:pointer} .suggest li:hover{background:#f3f6f4}
.grid{display:grid;grid-template-columns:7fr 3fr;gap:20px;margin-top:40px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);}
.hit-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-left: 14px;}
.hit-count{font-size:14px;color:var(--muted);margin-bottom:8px}
.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;margin-top: -8px;}
.results-wrap{overflow:hidden;transition:max-height .35s ease}
.results-list{list-style:none;margin:0;padding:0}
.result-item{padding:12px 10px;border-bottom:1px solid var(--border)}
.result-item:last-child{border-bottom:none}
.result-title{cursor:pointer;font-weight:600;line-height:1.6}
.qno{color:var(--key);font-weight:700;margin-right:8px}
.cat-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:12px;background:#eef3ff;color:var(--accent);border:1px solid #dfe9ff}
.answer-view{margin-top:12px;color:#333;line-height:1.9} .answer-view div{margin:0 0 8px}
.text-btn{background:none;border:none;color:var(--accent);cursor:pointer;padding:10px 0 0;font-size:14px}
.related{margin-top:30px;padding-top:10px;border-top:1px solid var(--border)}
.related-title{font-weight:700;margin-bottom:6px}
.related-list{list-style:none;margin:0;padding:0} .related-list li{margin:6px 0}
.side-title{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--ink);display:block}
.side-section{margin-bottom:16px}
.side-list{list-style:none;margin:0;padding:0}
.side-item{border-bottom:1px solid var(--border)}
.side-item button{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 4px;cursor:pointer;font-size:15px;line-height:1.6;color:var(--accent)}
.side-item button:hover{text-decoration:underline}
mark.hl{background:transparent;color:#1d4ed8;font-weight:700}
#midashi1 {font-weight: bold; font-size: 1.5em; text-align: center; color:var(--accent); margin: 8px 0 40px; line-height: 1.6;}
#left {
display: block;
overflow: hidden;}

@media (max-width:900px){
  .grid{grid-template-columns:1fr}
  #hitCount
  #toggleResultsBtn {font-size: 70%;}
  #hit_cate {display: none;}
  #breadcrumbs  {font-size: 70%;}
  .search-bar {padding: 2px 2px 2px 7px;}
iframe {height: auto; max-width: 100%;}
}


.header {background-color: var(--bg);}
.navbar {min-height: 3.25rem;position: relative;z-index: 30;box-shadow: 0px 2px 2px #ddd;}
.container {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;}
.navbar > .container {
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: flex;
  min-height: 3.25rem;
  width: 100%;}
.navbar-brand {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -webkit-flex;
  display: flex;
  min-height: 3.25rem;
  height: 58px;}
.navbar-item {
  display: block;
  line-height: 1.5;
  padding: 0rem .75rem;
  position: relative;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;}
.navbar-menu {
  margin-left: auto;
  margin-right: 0.75rem;}
.brand-logo { max-width: 150px;}
a.navbar-item {cursor: pointer;}
.navbar-end {-webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; margin-left: auto; display: flex;}
.navbar-end a span {
  padding: 7px 15px;
  background-color: var(--key);
  border-radius: 60px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border: 1px solid var(--key);
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;}
.navbar-end a span:hover{text-decoration:none;}
.navbar-burger:hover {background-color: rgba(0,0,0,.05);}
.custom-logo {width: 112px;height: auto;margin-top:8px;}
.menu-item {height: 52px;align-items: center; display: flex;}
.footer {background-color:var(--key); }
.copyright {
text-align: center; color: #fff; margin-left: auto;margin-right: auto;font-size: 80%;min-height: 2.5rem;padding: 1rem 2rem;}

@media screen and (min-width: 900px) {
.navbar {
-webkit-align-items: stretch;
align-items: stretch;
display: -webkit-flex;
display: flex;min-height: 3.25rem;padding: 1rem 2rem;}
.navbar > .container {
min-height: 3.25rem;
max-width: 1200px;}
.container .navbar-brand {
margin-left: -.75rem;}
.navbar-item {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;}
.navbar.is-spaced {padding: 1rem 2rem;}
.navbar.is-spaced a.navbar-item {border-radius: 4px;}
.navbar-menu {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-align-items: stretch;
align-items: stretch;
display: -webkit-flex;
display: flex;}
.navbar-end a span {
  padding: 7px 15px;
  background-color: var(--key);
  border-radius: 60px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border: 1px solid var(--key);
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;}
.navbar > .container .navbar-menu {
margin-right: -.75rem;}
.navbar-start, .navbar-end {
-webkit-align-items: stretch;
align-items: stretch;
display: -webkit-flex;
display: flex;}
.navbar-start {
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-right: auto;}
.navbar-end {
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin-left: auto;}
 .navbar.is-spaced .navbar-end,.navbar.is-spaced .navbar-start {
-webkit-align-items: center;align-items: center;}
.navbar-brand {
 width:175px;}
.custom-logo {width:148px;height:auto;}
}

@media only screen and (width: 500px) {
.footer {display: none;}
}