@charset "utf-8";
 .flex01 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.flex01 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.flex02 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
}
.flex03 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
} .underline{
background: linear-gradient(transparent 70%, #ffe0c2 70%);
} .ellipsis {
position: relative;
overflow: hidden;
line-height: 20px;
height:3rem;
}
.ellipsis:before, .ellipsis:after {
position: absolute;
background: #fff;
}
.ellipsis:before {
content: "･･･";
bottom: 0;
right: 0;
padding:0 3px;
}
.ellipsis:after {
content: "";
width: 100%;
height: 100%;
}
.line_2{
height:10rem;
}
.line_3{
height:8rem;
} .news{
margin:60px auto;
max-width: 1140px;
padding:0 25px;
}
.news_inner p{
font-size: 16px;
}
.news_inner li{
padding:20px 0;
border-bottom:1px solid #ccc;
align-items:center;
}
.news_inner li a:hover{
opacity:0.7;
}
.tag_news{
flex-basis: 182px;
text-align: center;
display: block;
padding:7px 0;
border:1px solid #000;
border-radius:10px;
margin-right: 62px;
}
.col_gr{
border:1px solid #005c3f;
color:#005c3f;
}
.col_kr{
border:1px solid #000;
color:#000;
}
.col_bl{
border:1px solid #2c5ead;
color:#2c5ead;
}
.date_news{
flex-basis: 182px;
line-height:30px;
}
.headline_news{
flex-basis:725px;
line-height:30px;
}
.new{
color:#d50101;
}
@media screen and (max-width: 767px) {
.news{
max-width:96%;
padding:0 0;
}
.tag_news{
flex-basis: 150px;
margin-right: 0;
margin-bottom: 20px;
}
}