/***************
 archive page
*********************/

.dot {
    opacity:0.6;
    position:absolute;
}
.dot01{left:60px;top:180px;opacity:0.8;}
.dot02{right:3.125%;top:190px;opacity:0.8;}
.dot03{right:calc(31.979% - 100px);bottom:220px;opacity:0.8;}
.dot04{right:18.75%;bottom:50px;opacity:0.8;}
.dot05{left:15.1041%;bottom:0;opacity:0.8;}

.dot06{right:50px;top:50px;}
.dot07 {right:10.416%;top:520px;}
.dot08{left:10.9375%;top:570px;}
.dot09{left:calc(10.9375% - 100px);top:620px;}
.dot10{left:36.979%;bottom:50px;}
.dot11{right:60px;bottom:0;}


.tab_menu {
    padding-left:0;
    display: grid;
    border:1px solid var(--black);
    grid-template-columns: repeat(5, 1fr);
    place-content:center;
}
.tab_menu li {
    
}
.tab_menu.current span {
    transition:all .3s var(--easeout);
}
.tab_menu li a {
    display: flex;
    padding:10px;
    display: flex;
    align-items: center;
    justify-content:center;
    cursor: pointer;
    transition:all .3s var(--easeout);
    background-color: transparent;
}
.tab_menu li.current, .tab_menu li a:hover {
    background-color: var(--black);
}
.tab_menu li.current span, .tab_menu li a:hover span{
    color:white;
}
.tab_menu li:not(:last-child) {
    border-right:1px solid var(--black);
}
.news_list_block {
    margin-top:100px;
    gap:40px;
}
.news_list_block .news_box a {
    display: block;
}
.news_list_block .news_box figure{
    aspect-ratio:31/20;
    margin-bottom:20px;
    overflow: hidden;
}
.news_list_block .news_box figure img {
    width:100%;
    height:100%;
    object-fit: cover;
    transform: scale(1.0);
    transition:transform .3s var(--easeout);
}
.news_list_block .news_box .content .note {
    display: flex;
    justify-content: space-between;
}
.news_list_block .news_box .content .note .cat {
    width:96px;
    height:30px;
    font-size:0.75em;
}
.news_list_block .news_box a:hover figure img {
    transform: scale(1.1);
} 

@media (max-width:768px)  {
    .tab_menu {
        grid-template-columns: repeat(2, 1fr);
    }
    .tab_menu li:first-child {
        grid-column: 1/3;
        border-bottom:1px solid black;
    }
    .tab_menu li:nth-child(3) {
        border-right:none;
        border-bottom:1px solid black;
    }
    .tab_menu li:nth-child(2) {
        border-bottom:1px solid black;
    }
    .news_list_block {
        gap:var(--size20);
    }
    .news_list_block .news_box a {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding-top: var(--size20);
        padding-bottom: var(--size20);
        border-bottom: 1px solid black;
    }
    .news_list_block .news_box figure {
        width:min(35%,120px);
        flex-shrink: 0;
        margin-bottom:0;
    }
    .news_list_block .news_box .content {
        width:100%;
    }
    .news_list_block .news_box .content .note .cat{
        width: 88px;
        height: 25px;
        line-height: 25px;
        border-radius: 13px;
        font-size:11px;
    }
    .news_list_block .news_box time {
        font-size:1em;
    }
    #page_news_content .content_inner .news_list_block .news_box a p {
        font-size:1em;
        line-height: 1.48;
    }
    #page_news_content .content_inner article {
        padding-bottom: 60px;
    }
}


/***************
 single page
*********************/

.news_single {background-color: white}
.btn_more02 {
    width:min(100%,290px);
    height:45px;
}
.news_single_hero {
    height:auto;
}
.news_tit_wrapper {
   padding-top:var(--size60);

}
.news_tit_wrapper .hero_tit {
    border-bottom:2px solid var(--black);
    padding-top:var(--size40);
    padding-bottom:var(--size60);
        mix-blend-mode: normal;
}
.news_tit_wrapper .hero_tit h1 {
    font-size:4em;
    color:black;
    font-family: var(--fontmaru);
}
.news_tit_wrapper .hero_tit .spec {
    justify-content: flex-end;
    gap:20px;
    margin-top:var(--size40);
}
.news_tit_wrapper .hero_tit .spec time {
    font-size:1.25em;
    font-weight:500;
    color:black;
}
.cat {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width:100px;
    height:36px;
    color:white;
    border-radius: 18px;
}
.cat.info {background-color:var(--info)}
.cat.service {background-color:var(--service)}
.cat.event {background-color:var(--event)}
.cat.seminar {background-color:var(--seminar)}


#page_news_content:before {
    display: none
}
#page_news_content .content_inner {
    width:min(100%,1080px);
    margin-left:auto;
    margin-right:auto;
    padding-bottom:var(--size60);
}
#page_news_content .content_inner article {
    padding-bottom:120px;
}
#page_news_content .content_inner p {
    line-height: 2.25;
}
#page_news_content .content_inner h2 {
    font-size:2.5em;
    margin-bottom:1em;
    padding-left:1.25em;
    position:relative;
    line-height: 1.4;
}
#page_news_content .content_inner h2:before {
    content:"";
    width:1em;
    height:auto;
    aspect-ratio:1;
    background: url(../img/h2_deco.png) no-repeat;
    background-size:100% auto;
    display: block;
    position:absolute;
    left:0;
    top:0.2em;
}
#page_news_content .content_inner h3 {
    font-size:2em;
    margin-bottom:1em;
}
#page_news_content .content_inner h4 {
    font-size:1.5em;
    margin-bottom:1em;
    border-bottom:2px solid black;
    padding-bottom:0.25em;
}
#page_news_content .content_inner * + h2,#page_news_content .content_inner * + h3 ,#page_news_content .content_inner * + h4 {
    margin-top:1.5em;
}
#page_news_content .content_inner * + ul,#page_news_content .content_inner * + ol,#page_news_content .content_inner * + p {
    margin-top:1.0em;
}
#page_news_content .content_inner article * + ul li,#page_news_content .content_inner article * + ol li {
    font-weight:500;
    line-height: 2.25;
}
#page_news_content .content_inner article * + ul li {
    list-style: disc;
}
#page_news_content .content_inner article * + ol li {
    list-style: decimal;
}
#page_news_content .content_inner blockquote {
    margin-top:1.5em;
    border:#D8D8D8 4px solid;
    padding:var(--size20);
    color:#777;
}
#page_news_content .content_inner .news_content_footer {
    display: flex;
    justify-content: space-between;
}
.sns_link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:20px;
    padding-left:0;
}
.sns_link > li {
    width:30px;
    height:30px;
    list-style-type: none;
}
.sns_link:before {
    content:"Share: ";
}
@media (max-width:1024px) {
    .news_single_hero .dot03 {
        left: calc(31.979% - 100px);
    }
.news_tit_wrapper .hero_tit h1 {
    font-size: 2.25em;
}
}
@media (max-width:768px)  {
.news_tit_wrapper .hero_tit h1 {
    font-size: 2.0em;
}
    #page_news_content .content_inner .news_content_footer {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
}
@media (max-width:499px) {

}