@charset "utf-8";
/* News CSS  */
.bg_imgbox {
background: url("../img/news/title_bg.jpg");
background-size: cover;
}
.news_box {
width: 100%;
padding: 25px 20px 25px 20px;
border-bottom: solid 1px #E5E5E5;
display: flex;
align-items: center;
}
.news_box:first-child {
border-top: solid 1px #E5E5E5;
}
.news_box .date {
max-width: 90px;
width: 100%;
font-family: 'Rajdhani', sans-serif;
font-weight: 600;
letter-spacing: 0.1em;
font-size: 1.7rem;
line-height: 100%;
display: block;
margin-right: 50px;
}
.new_icon {
font-family: 'Rajdhani', sans-serif;
font-weight: 600;
font-size: 1.2rem;
width: 48px;
padding: 5px 5px 4px;
color: #fff;
background-color: #003D79;
margin-left: 10px;
line-height: 100%;
text-align: center;
display: block;
}
.news_title {
font-size: 1.5rem;
font-weight: 500;
letter-spacing: 0.2em;
max-width: 890px;
width: 100%;
}


@media screen and (min-width:768px) and ( max-width:1024px) {

.news_box .date {
font-size: 1.4rem;
margin-right: 20px;
}
.news_title {
max-width: 650px;
}
}

@media all and (max-width : 820px) {
.content {
margin: 100px auto 80px;
}
}

@media all and (max-width : 767px) {
.bg_imgbox {
background: url("../img/news/title_bg_sp.png");
}
.content {
margin: 60px auto 50px;
}
.news_box {
padding: 15px 15px 15px 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.news_box .date {
font-size: 1.2rem;
margin-right: 0px;
margin-bottom: 5px;
}
.new_icon {
font-size: 1.0rem;
width: 40px;
padding: 5px 5px 4px;
margin-left: 0px;
}
.news_title {
font-size: 1.2rem;
margin-bottom: 5px;
}
}