*,*::before,*::after{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:"Hiragino Kaku Gothic Pro","Yu Gothic",Meiryo,"Helvetica Neue",Arial,sans-serif;
  line-height:1.85;
  color:#2f2f2f;
  background:#f6f4ec;
}
h1,h2,h3,h4,h5,h6{
  font-family:"Hiragino Mincho Pro","Yu Mincho",YuMincho,"MS PMincho","Times New Roman",Georgia,serif;
  font-weight:normal;
  line-height:1.4;
  color:#2f2f2f;
}
.site-header{
  background:linear-gradient(135deg,#3d391c 0%,#424e1a 60%,#5a6823 100%);
  border-top:3px solid #a19433;
  border-bottom:1px solid #8a9337;
  padding:56px 20px 52px;
  text-align:center;
}
.site-header h1{
  max-width:960px;
  margin:0 auto;
  color:#fff;
  font-size:2.2rem;
  letter-spacing:.08em;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.site-header h1::before{
  content:"";
  display:block;
  width:56px;
  height:2px;
  background:#b6a40e;
  margin:0 auto 20px;
}
.site-header h1::after{
  content:"";
  display:block;
  width:56px;
  height:2px;
  background:#b6a40e;
  margin:20px auto 0;
}
.wrap{
  max-width:1000px;
  margin:0 auto;
  padding:48px 20px 72px;
}
article{
  background:#fff;
  border:1px solid #e2dfcc;
  border-top:4px solid #8a9337;
  padding:48px 56px;
  box-shadow:0 18px 30px -24px rgba(0,0,0,.4);
  overflow-wrap:break-word;
  word-wrap:break-word;
}
article h2{
  font-size:1.7rem;
  margin:2.2em 0 .8em;
  padding:0 0 .4em .8em;
  border-bottom:1px solid #c8c9c9;
  border-left:5px solid #8a9337;
  letter-spacing:.05em;
}
article h2:first-child{margin-top:0}
article h3{
  font-size:1.4rem;
  margin:2em 0 .7em;
  color:#424e1a;
  letter-spacing:.04em;
}
article h4,article h5,article h6{
  font-size:1.15rem;
  margin:1.8em 0 .6em;
  color:#3d391c;
}
article p{margin:0 0 1.4em}
article p:last-child{margin-bottom:0}
article a{color:#424e1a}
article a:hover{color:#8a9337;text-decoration:none}
article ul,article ol{margin:0 0 1.4em;padding-left:1.6em}
article li{margin-bottom:.4em}
article img{max-width:100%;height:auto}
article table{max-width:100%}
.transition{
  margin-top:36px;
  background:#f3f4ec;
  border:1px solid #8a9337;
  padding:32px 40px;
  overflow-wrap:break-word;
  word-wrap:break-word;
}
.transition p{margin:0 0 1.2em}
.transition p:last-child{margin-bottom:0}
.transition a{color:#424e1a}
.transition a:hover{text-decoration:none;color:#8a9337}
.links-block{
  margin-top:36px;
  background:#3d391c;
  background-image:linear-gradient(180deg,#3d391c 0%,#424e1a 100%);
  border-top:4px solid #a19433;
  padding:40px 44px;
  color:#fff;
  overflow:hidden;
}
.links-block h3{
  margin:2em 0 .8em;
  padding-bottom:.4em;
  font-size:1.35rem;
  color:#fff;
  letter-spacing:.06em;
  border-bottom:1px dotted #b6a40e;
}
.links-block h3:first-child{margin-top:0}
.links-block ul{
  margin:0;
  padding:0;
  list-style:none;
  column-count:2;
  column-gap:48px;
}
.links-block li{
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  margin:0 0 .6em;
  padding-left:1.3em;
  position:relative;
  line-height:1.6;
  overflow-wrap:break-word;
  word-wrap:break-word;
}
.links-block li::before{
  content:"\25B8";
  position:absolute;
  left:0;
  color:#b6a40e;
}
.links-block a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}
.links-block a:hover{color:#d9d36a;text-decoration:none}
.site-footer{
  background:#3d391c;
  border-top:3px solid #a19433;
  padding:30px 20px;
  text-align:center;
  color:#d8d4b4;
  font-size:.9rem;
}
.site-footer .footer-title{
  font-family:"Hiragino Mincho Pro","Yu Mincho",YuMincho,serif;
  font-size:1.1rem;
  letter-spacing:.1em;
  color:#fff;
  margin:0;
}
@media (max-width:767px){
  body{font-size:.97rem}
  .site-header{padding:38px 16px 34px}
  .site-header h1{font-size:1.45rem;letter-spacing:.04em}
  .wrap{padding:28px 14px 48px}
  article{padding:26px 20px}
  article h2{font-size:1.35rem}
  article h3{font-size:1.2rem}
  .transition{padding:22px 20px;margin-top:26px}
  .links-block{padding:28px 20px;margin-top:26px}
  .links-block ul{column-count:1}
}
@media (min-width:768px) and (max-width:1023px){
  article{padding:40px 36px}
  .links-block{padding:34px 32px}
  .links-block ul{column-gap:32px}
}