@charset "UTF-8";
/* CSS Document */

/*------------------
#news
------------------*/
#news ul li{
border-radius: 15px;
}
#news ul li h2{
font-weight: 500;
border-bottom: solid 3px #c7151a;
}
#news ul li time{
display: block;
text-align: right;
}
#news ul li p{
line-height: 1.8;
}
#news ul li p .bold{
font-weight: bold;
color: #c7151a;
}
#news ul li a{
display: block;
text-align: center;
font-weight: 500;
margin: 0 auto;
border: solid 2px #1E2087;
background: #1E2087;
color: #FFF;
transition: .3s;
}
/*------------------
#news-p
------------------*/
#news-p .box div{
border-radius: 15px;
}
#news-p .box div h2{
font-weight: 500;
border-bottom: solid 3px #c7151a;
}
#news-p .box div time{
display: block;
text-align: right;
}
#news-p .box div p{
line-height: 1.8;
}
#news-p .box div p .bold{
font-weight: bold;
color: #c7151a;
}
#news-p .box div a{
display: block;
text-align: center;
font-weight: 500;
margin: 0 auto;
border: solid 2px #1E2087;
background: #1E2087;
color: #FFF;
transition: .3s;
}

@media (max-width: 560px){
/*------------------
#news
------------------*/
#news ul{
margin-top: 30px;
}
#news ul li{
padding: 30px 20px;
margin-bottom: 50px;
}
#news ul li h2{
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 5px;
}
#news ul li time{
font-size: 12px;
padding-bottom: 20px;
}
#news ul li p{
font-size: 14px;
}
#news ul li p .bold{
font-size: 1.8rem;
}
#news ul li a{
width: 200px;
padding: 10px 0;
}
/*------------------
#news-p
------------------*/
#news-p .box div{
padding: 30px 20px;
margin: 30px 0 40px;
}
#news-p .box div h2{
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 5px;
}
#news-p .box div time{
font-size: 12px;
padding-bottom: 30px;
}
#news-p .box div p{
font-size: 14px;
}
#news-p .box div p .bold{
font-size: 1.8rem;
}
#news-p .box div a{
width: 200px;
padding: 10px 0;
}
}


@media (min-width: 561px){
/*------------------
#news
------------------*/
#news .box{
max-width: 860px;
}
#news ul{
margin-top: 40px;
}
#news ul li{
padding: 50px 30px;
margin-bottom: 60px;
}
#news ul li h2{
font-size: 30px;
padding-bottom: 10px;
margin-bottom: 5px;
}
#news ul li time{
padding-bottom: 30px;
}
#news ul li img{
width: 60%;
}
#news ul li p .bold{
font-size: 2.2rem;
}
#news ul li a{
width: 35%;
padding: 10px 0;
}
#news ul li a:hover{
border: solid 2px #1E2087;
background: #fff;
color: #1E2087;
transition: .3s;
}
/*------------------
#news-p
------------------*/
#news-p .box{
max-width: 860px;
}
#news-p .box div{
border-radius: 15px;
padding: 50px 30px;
margin: 40px 0 60px;
}
#news-p .box div h2{
font-weight: 500;
font-size: 30px;
padding-bottom: 10px;
margin-bottom: 5px;
}
#news-p .box div time{
padding-bottom: 30px;
}
#news-p .box div img{
width: 60%;
}
#news-p .box div p .bold{
font-size: 2.2rem;
}
#news-p .box div a{
width: 35%;
padding: 10px 0;
}
#news-p .box div a:hover{
border: solid 2px #1E2087;
background: #fff;
color: #1E2087;
transition: .3s;
}
}


@media (min-width: 561px) and (max-width: 1024px){
/*------------------

------------------*/	
}


@media (min-width: 1025px){
/*------------------

------------------*/	
}