/* HAKOTAN Article Template v1 */
.hakotan-article{
  max-width:900px;
  margin:0 auto;
  color:#333;
  font-size:16px;
  line-height:2;
}
.hakotan-article h2{
  background:#2f5d50;
  color:#fff;
  padding:14px 22px;
  border-radius:8px;
  margin:60px 0 25px;
  font-size:30px;
}
.hakotan-article h3{
  border-left:5px solid #2f5d50;
  padding-left:14px;
  margin:40px 0 18px;
  font-size:24px;
}
.hk-lead{
  background:#f7f8f5;
  border-left:5px solid #7d9d7c;
  padding:24px;
  border-radius:8px;
}
.hk-point{
  background:#eef7f1;
  border:1px solid #d6e8db;
  padding:20px;
  border-radius:8px;
  margin:25px 0;
}
.hk-img{
  margin:35px 0;
  text-align:center;
}
.hk-img img{
  width:100%;
  border-radius:12px;
}
.hk-table-wrap{overflow-x:auto;margin:30px 0;}
.hk-table{width:100%;border-collapse:collapse;min-width:700px;}
.hk-table th{
background:#2f5d50;color:#fff;padding:14px;
}
.hk-table td{
padding:14px;border:1px solid #ddd;
}
@media(max-width:768px){
.hakotan-article h2{font-size:24px}
.hakotan-article h3{font-size:20px}
}

.hk-related{
background:#faf7f1;
border:1px solid #e6dcc8;
padding:20px;
border-radius:8px;
margin:30px 0;
}
.hk-note{
background:#fff8e8;
border-left:5px solid #d3a84f;
padding:20px;
border-radius:8px;
margin:30px 0;
}
.hk-related a{
color:#2f5d50;
font-weight:bold;
text-decoration:none;
}
.hk-related a:hover{
text-decoration:underline;
}

.hk-flow{counter-reset:step;list-style:none !important;padding:0;margin:30px 0;}
.hk-flow li{list-style:none !important;position:relative;counter-increment:step;padding:18px 18px 18px 60px;margin:0 0 15px;background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;}
.hk-flow li:before{
content:counter(step); 
position:absolute;left:18px;top:18px;
width:28px;height:28px;line-height:28px;
text-align:center;border-radius:50%;
background:#2f5d50;color:#fff;font-weight:bold;
}
.hk-flow li::marker{
    content:"";
}

/* ==============================
   Footer CTA
============================== */

.hk-footer-cta{

margin:60px 0;

padding:40px;

background:#f7f8f5;

border:1px solid #dfe7df;

border-radius:12px;

text-align:center;

}

.hk-footer-cta h3{

margin:0 0 15px;

font-size:28px;

color:#2f5d50;

}

.hk-footer-cta p{

margin-bottom:25px;

font-size:16px;

line-height:1.8;

color:#555;

}

.hk-footer-btn{

display:inline-block;

padding:14px 36px;

background:#2f5d50;

color:#fff;

border-radius:999px;

text-decoration:none;

font-weight:bold;

transition:.3s;

}

.hk-footer-btn:hover{

opacity:.85;

color:#fff;

}

.hk-author{

font-size:13px;

line-height:1.9;

color:#777;

margin-top:20px;

}

.hk-author p{

margin-bottom:18px;

}

.hk-author strong{

color:#444;

}

/* ======================================
   HAKOTAN 目次デザイン
====================================== */

.lwptoc_i{
    background:#f7f8f5 !important;
    border:1px solid #dfe7df !important;
    border-radius:12px !important;
    padding:30px !important;
    margin:40px 0 !important;
    box-shadow:0 4px 10px rgba(0,0,0,.05);
}

.lwptoc_header{
    margin-bottom:20px !important;
}

.lwptoc_title{
    font-size:26px !important;
    font-weight:700 !important;
    color:#2f5d50 !important;
}

.lwptoc_items{
    margin-top:15px;
}

.lwptoc_items ul{
    margin:0;
    padding-left:20px;
}

.lwptoc_items li{
    margin:12px 0;
    line-height:1.8;
}

.lwptoc_items a{
    color:#333 !important;
    text-decoration:none !important;
    transition:.2s;
}

.lwptoc_items a:hover{
    color:#2f5d50 !important;
    text-decoration:underline !important;
}

.lwptoc_items .lwptoc_item_number{
    color:#2f5d50;
    font-weight:bold;
}