@charset "UTF-8";

/*pc*/
@media all and (min-width:661px) {

.news__w{
}

.newsbox{
padding: 13px 10px;
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
}

.newsbox:last-child{
border-bottom: 0;
}

.news0{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 5px 0;
}

.news1{
font-size: 1.2rem;
    color: #382e2f;
display: inline-block;
width: 12rem;
}

.news2{
display: inline-block;
}

.news2 span{
display: inline-block;
border-radius: 3px;
text-align: center;
padding: 0 0;
font-size: 1.3rem;
width: 100px;
}

.news2 span.category01{
background: #497fb9;
color: #fff;
}

.news2 span.category02{
background: #d23e3e;
color: #fff;
}

.news3{
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: #333;
}

.news4{
width: 100%;
font-size: 1.4rem;
line-height: 1.5;
}

.news4 p{
margin: 0 0 10px 0;
}

.news4 p:last-child{
margin: 0 0 0 0;
}
.news4 p a{
display: inline-block;
color: #1a73e8;
border-bottom: 1px dotted #1a73e8;
margin-bottom: .5rem;
}


.cat { margin-left: .5em; }
.cat-category01 {


}
.cat-category01 {
  display: inline-block;
  background-color: #818181; /* グレー */
  color: #fff;           /* 白文字 */
  padding: 1px 10px;      /* 内側余白 */
  border-radius: 2px;    /* 角を少し丸める場合は調整 */
  font-size: 12px;      /* 文字サイズ調整 */
  line-height: 1.4;
}

.cat-category02 {
  display: inline-block;
  background-color: #4EAB3B; /* グレー */
  color: #fff;           /* 白文字 */
  padding: 1px 10px;      /* 内側余白 */
  border-radius: 2px;    /* 角を少し丸める場合は調整 */
  font-size: 1.2rem;      /* 文字サイズ調整 */
  line-height: 1.4;
}


.cat-category03 {
  display: inline-block;
  background-color: #DF811D; /* グレー */
  color: #fff;           /* 白文字 */
  padding: 1px 10px;      /* 内側余白 */
  border-radius: 2px;    /* 角を少し丸める場合は調整 */
  font-size: 12px;      /* 文字サイズ調整 */
  line-height: 1.4;
}

.news5 {
  margin: 0;       /* 上下左右の外余白をリセット */
  padding: 0;      /* 内余白をリセット */
  text-align: left;/* 左寄せを強制 */
}
.news5 span {
  margin: 0;
  padding: 2px 10px;
}



}
/*PC*/






























/*sp*/
@media all and (max-width:660px) {

.newsbox{
padding: 13px 10px;
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
}

.newsbox:last-child{
border-bottom: 0;
}

.news0{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 8px 0;
}

.news1{
font-size: 1.2rem;
    color: #382e2f;
display: inline-block;
width: 10rem;
}

.news2{
display: inline-block;
}

.news2 span{
display: inline-block;
border-radius: 3px;
text-align: center;
padding: 0 0;
font-size: 1.3rem;
width: 100px;
}

.news2 span.category01{
background: #497fb9;
color: #fff;
}

.news2 span.category02{
background: #d23e3e;
color: #fff;
}

.news3{
    width: 100%;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: #333;
}

.news4{
width: 100%;
font-size: 1.3rem;
line-height: 1.5;
}

.news4 p{
margin: 0 0 10px 0;
}

.news4 p:last-child{
margin: 0 0 0 0;
}
.news4 p a{
display: inline-block;
color: #1a73e8;
border-bottom: 1px dotted #1a73e8;
margin-bottom: .5rem;
}


.cat { margin-left: .5em; }
.cat-category01 {


}
.cat-category01 {
  display: inline-block;
  background-color: #818181; /* グレー */
  color: #fff;           /* 白文字 */
  padding: 1px 7px;      /* 内側余白 */
  border-radius: 2px;    /* 角を少し丸める場合は調整 */
  font-size: 12px;      /* 文字サイズ調整 */
  line-height: 1.4;
}

.cat-category02 {
  display: inline-block;
  background-color: #4EAB3B; /* グレー */
  color: #fff;           /* 白文字 */
  padding: 1px 7px;      /* 内側余白 */
  border-radius: 2px;    /* 角を少し丸める場合は調整 */
  font-size: 1.2rem;      /* 文字サイズ調整 */
  line-height: 1.4;
}


.cat-category03 {
  display: inline-block;
  background-color: #DF811D; /* グレー */
  color: #fff;           /* 白文字 */
  padding: 1px 7px;      /* 内側余白 */
  border-radius: 2px;    /* 角を少し丸める場合は調整 */
  font-size: 12px;      /* 文字サイズ調整 */
  line-height: 1.4;
}

.news5 {
  margin: 0;       /* 上下左右の外余白をリセット */
  padding: 0;      /* 内余白をリセット */
  text-align: left;/* 左寄せを強制 */
}
.news5 span {
  margin: 0;
  padding: 2px 5px;
}


}
/* sp*/
