@charset "UTF-8";

/*pc*/
@media all and (min-width:751px) {

.news__w{
}

.newsbox{
padding: 20px 20px 25px;
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
}

.news0{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.news1{
font-size: 1.3rem;
    color: #79838f;
display: inline-block;
}
.news2{
display: inline-block;
margin-left: 12px;
}

.news2 span{
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
padding: 2px 14px;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.8;
color: #fff;
background: #3071b9; /* デフォルト（緑） */
white-space: nowrap;
}

/* スラッグ別の色分け（必要に応じて追加） */
.news2 span.cat-oshirase{
background: #2fa24a;
}
.news2 span.cat-uncategorized{
background: #79838f;
}


.news3{
    width: 100%;
    font-size: 1.7rem;
    font-weight: 500;
    margin: 10px 0 5px 0;
    color: #051527;
}

.news4{
    width: 100%;
    font-size: 1.5rem;
    color: #051527;
    line-height: 1.7;
    font-weight: 400;
}

.news4 p{
margin: 0 0 20px 0;
}

.news4 p:last-child{
margin: 0 0 0 0;
}



}
/*PC*/






























/*sp*/
@media all and (max-width:750px) {

.news__w{
}

.newsbox{
padding: 3vw 3vw;
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
}

.news0{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}

.news1{
font-size: 1.3rem;
color: #79838f;
display: inline-block;
}
.news2{
display: inline-block;
margin-left: 2.5vw;
}

.news2 span{
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 9999px;
padding: 2px 12px;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.8;
color: #fff;
background: #3071b9;
white-space: nowrap;
}

.news2 span.cat-oshirase{
background: #2fa24a;
}
.news2 span.cat-uncategorized{
background: #79838f;
}


.news3{
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 10px 0 5px 0;
    color: #051527;
}

.news4{
width: 100%;
font-size: 1.4rem;
color: #051527;
    font-weight: 400;
}

.news4 p{
margin: 0 0 1rem 0;
}

.news4 p:last-child{
margin: 0 0 0 0;
}



}
/* sp*/