/* CSS Document */
@import url(article.css);
@import url(footer.css);

main, .wrap {
  overflow-x: hidden;
}
.page_saction {
  overflow: visible;
}
.column-hero:before{
  content:"";
  background: url(../img/kv_irrust_column.png) no-repeat left bottom;
  position:absolute;
  left:var(--outergap);
  bottom:0;
  width:300px;
  height:300px;
  background-size:contain;
}
.column-hero h1:before {
  content:"";
  background: url(../img/icn_menu05.svg) center no-repeat;
  background-size: 100% auto;
}

@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .column-hero:before {
        display: none;
    }
}


/****************

******************/

.column_list_block {
    display: flex;
    gap:75px;
}
.column_list_block .column_list_main {
    width:min(100%,790px);
    flex:1;
}
.column_list_block .column_list_side {
    width:min(27.5%,330px);
    flex-shrink: 0;
}

.archive_nav_box h4 {
    border-bottom:1px solid #d9d9d9;
    padding-bottom:4px;
    font-size:1.25em;
    margin-bottom:20px;
    line-height: 1.8;
}
.archive_nav_box + .archive_nav_box {
    margin-top:var(--size80);
}

.single_article .tit_box.column_tit_box {
    align-items: flex-start;
}
.archive_nav_box ul li {
    list-style: none;
    padding-left:1em;
    position:relative;
    line-height: 1
}
.archive_nav_box ul {
    display: flex;
    flex-direction: column;
    gap:10px;
    
}
.archive_nav_box ul li:before {
    content:"";
    width:6px;
    height:6px;
    background-color: var(--red);
    border-radius: 50%;
    display: block;
    position:absolute;
    left:0;
    top:calc(0.5em - 3px);
}


.column_tit_box h1 {
    text-align: left;
    font-size:1.875em;
    font-weight:500;
    border-bottom:var(--keygreen) 4px solid;
    width:100%;
    padding-bottom:10px;
}
.column_tit_box .item__meta{
    align-items: center;
    gap:1em;
}
.column_list {
    gap:var(--size40) var(--size20);
}

.single_article .column_tit_box {
    margin-top:0;
}

@media (max-width: 1024px) {

}
@media (max-width: 768px) {

}
@media (min-width: 1025px) {
.column_tit_box h1 > br {
    display: none;
}
}