.editorial-site{margin:0;background:#fff;color:#243b32;font-family:system-ui,-apple-system,"Hiragino Sans",Meiryo,sans-serif;font-size:16px;line-height:1.8}
.editorial-width{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.editorial-site a{color:#086449;text-underline-offset:4px}
.editorial-header{border-bottom:1px solid #dce7e1}
.editorial-header>.editorial-width{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding-block:12px}
.editorial-header .editorial-brand{font-size:24px;font-weight:750;line-height:1.35;text-decoration:none;color:#064b40}
.editorial-brand small{display:inline-block;font-size:12px;margin-left:12px}
.editorial-nav{background:#064b40}
.editorial-nav>.editorial-width{display:grid;grid-template-columns:repeat(4,1fr)}
.editorial-nav a{display:grid;place-items:center;color:#fff;min-height:48px;padding:7px;text-align:center;text-decoration:none;font-weight:650}
.editorial-nav a:hover{text-decoration:underline}
.editorial-main{padding-block:22px 56px;min-height:55vh}
.editorial-breadcrumb{margin-bottom:26px;color:#56685f;font-size:13px}
.editorial-main h1{font-size:clamp(24px,4vw,37px);line-height:1.5;letter-spacing:.01em;margin:0 0 16px;color:#064b40}
.editorial-reading{max-width:780px;margin-inline:auto}
.editorial-category{color:#126447;font-weight:700;font-size:13px}
.editorial-byline,.editorial-note,.editorial-list time{font-size:13px;color:#52675d}
.editorial-body{line-height:1.95;margin-top:30px}
.editorial-body h2{font-size:24px;line-height:1.5;margin:37px 0 15px;padding-bottom:10px;border-bottom:1px solid #dce7e1}
.editorial-body h3{font-size:19px;margin:26px 0 8px}
.editorial-body p{margin:0 0 17px;overflow-wrap:anywhere}
.editorial-body img{display:block;max-width:100%;height:auto;margin:22px auto 0}
.editorial-body p>em:only-child{font-size:13px;color:#52675d}
.editorial-body blockquote{margin:20px 0;padding:12px 20px;background:#eff6f2;border-left:3px solid #487d5a}
.editorial-table{overflow:auto;max-width:100%;margin-bottom:20px}
.editorial-table table{border-collapse:collapse;min-width:460px;width:100%;font-size:14px}
.editorial-table th,.editorial-table td{border:1px solid #dae6df;text-align:left;padding:9px 11px}
.editorial-table th{background:#edf5ef}
.editorial-list-actions,.editorial-related{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin-block:22px}
.editorial-list-actions form{flex:1;min-width:min(320px,100%)}
.editorial-list-actions form>div{display:flex;gap:8px}
.editorial-list-actions input{flex:1;min-width:0;border:1px solid #9eb7a9;border-radius:4px;padding:10px;font:inherit}
.editorial-site .editorial-action{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 15px;color:#fff;background:#087b45;border:1px solid #087b45;border-radius:5px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}
.editorial-list{list-style:none;padding:0;margin:30px 0}
.editorial-list li{padding:18px 0;border-top:1px solid #dce7e1}
.editorial-list h2{font-size:21px;margin:4px 0}
.editorial-empty{padding:21px;background:#edf5ef}
.editorial-footer{background:#064b40;color:#fff;padding:20px 0;font-size:13px}
.editorial-footer a{color:#fff}
@media(max-width:560px){
 .editorial-width{width:calc(100% - 32px)}
 .editorial-header .editorial-brand{font-size:20px}
 .editorial-brand small{display:block;margin-left:0}
 .editorial-nav>.editorial-width{grid-template-columns:repeat(2,1fr)}
 .editorial-nav a{font-size:14px}
 .editorial-body h2{font-size:21px}
}
