@charset "utf-8";
/* News */
.main{padding: 0 0 120px;}
.news li:not(:last-of-type){margin-bottom: 20px;}
.news a{display: block; padding: 33px 120px 33px 39px; font-size: 2rem; line-height: 1.8; font-weight: 500; position: relative; border: 1px solid #d8dde3;}
.news a:after{content: ''; position: absolute; top: 39px; right: 39px; height: 50px; width: 50px; background: url("../img/common/btn_arrow.jpg") no-repeat top left/100% 100%;}
.news .date{font-size: 1.4rem; letter-spacing: 0.1em; color: #1a3558; font-family: 'Lato', sans-serif;}
.news a:hover{background: #f1f4f7;}

@media (max-width: 767px){
    .main{padding: 0 0 80px;}
    .news a{padding: 13px 70px 13px 19px; font-size: 1.6rem;}
    .news a:after{top: 19px; right: 19px; width: 36px; height: 36px;}
}

/* Detail */
.detail{padding: 30px 39px 39px; border: 1px solid #d8dde3;}
.detail .date{font-size: 1.4rem; font-weight: 500; letter-spacing: 0.1em; color: #1a3558; font-family: 'Lato', sans-serif;}
.detail .tit{font-size: 2rem; line-height: 1.8; font-weight: 500; position: relative; border-bottom: 1px solid #d8dde3; padding: 0 0 18px; margin: 0 0 15px;}
.detail .desc p{padding-bottom: 2em;}
.detail .desc a{color: #a59466; text-decoration: underline;}
.detail .desc a:hover{opacity: 0.7;}
.detail .img{margin-top: 15px;}
.detail a {word-wrap: break-word;}

@media (max-width: 767px){
    .detail{padding: 13px 19px 19px 19px;}
    .detail .tit{font-size: 1.8rem;}
}