@charset "UTF-8";

.top_blog {
background: #F7FAFD;
}
.top_blog .c-flex__sb{
flex-direction: row-reverse;
}
.p-top__news.top_blog .c-title .ja,
.p-top__news.top_blog .c-title .en{
color: #003D8E;
}
.top_blog .c-btn__cube a{
color: #003D8E;
border: solid .1rem #003D8E;
}
.top_blog .p-top__news_list{
margin-right: 0;
margin-left: -30%;
text-align: left;
}
.top_blog .p-top__news_list .slick-prev,
.top_blog .p-top__news_list .slick-next{
right: auto;
left: 20vw;
border: solid .2rem #003D8E;
}
.top_blog .p-top__news_list .slick-next{
left: calc( 20vw + 6rem );
}
.top_blog .p-top__news_list .slick-next{
background: url(/assets/img/top/icon_right_blue.png) center center no-repeat;
}
.top_blog .p-top__news_list .slick-prev{
background: url(/assets/img/top/icon_left_blue.png) center center no-repeat;
}
.top_blog .p-top__news_list li .inner .cat {
margin-bottom: 2rem;
padding: 0 2rem;
}
.top_blog .p-top__news_list li .inner .cat p{
display: inline-block;
padding: 0.7rem 1.5rem 0.6rem 1.5rem;
font-size: 1.2rem;
background: #FDCD00;
}
.top_blog .p-top__news_list li .inner .title{
margin-bottom: 2rem;
}
.top_blog .p-top__news_list li .inner .bottom .view-btn{
color: #003D8E;
font-size: 1.2rem;
font-weight: 700;
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.top_blog .p-top__news_list li .inner .bottom .view-btn::before{
content: '';
width: 3.3rem;
aspect-ratio: 33 / 30;
margin-right: -1.5rem;
background: url(/assets/img/blog/logo.svg) no-repeat center / contain;
}
.top_blog .p-top__news_list li .inner .bottom .view-btn::after{
content: '';
width: 4rem;
aspect-ratio: 40 / 5;
margin-left: 1rem;
background: url(/assets/img/blog/arrow.svg) no-repeat center / contain;
}  @media ( max-width : 1800px ){
.c-title .en,
.c-title_mb77 .en {
font-size: 2.5rem;
}
} @media ( max-width : 768px ){
.top_blog .c-btn__cube{
text-align: right;
}
.top_blog .p-top__news_list{
width: 100%;
margin: 0;
}
.top_blog .p-top__news_list .slick-prev,
.top_blog .p-top__news_list .slick-next{
left: 0;
}
.top_blog .p-top__news_list .slick-next{
left: 6rem;
}
}