.news{padding-bottom:100px}.news .list>ul{display:flex;flex-wrap:wrap;gap:64px 3.5%}.news .list>ul>li{width:31%;border-top:1px solid #d9d9d9}.news .list>ul>li>a{display:inline-block;width:100%}.news .list>ul>li>a .image-area img{width:100%;height:auto;aspect-ratio:126/85}.news .list>ul>li>a .info-area{display:flex;justify-content:space-between;margin:20px 0 10px}.news .list>ul>li>a .info-area .type{color:#bd0200;font-weight:600}.news .list>ul>li>a .info-area .date{color:#999}.news .list>ul>li>a .title-area{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.news .list .pagination{margin-top:64px}.news .list .pagination>ul{justify-content:center}@media screen and (max-width:767px){.news .list>ul>li,.portfolio .list ul>li{width:100%}}.news-detail>.content-detail{max-width:1000px;margin:0 auto}.news-detail>.content-detail b{font-weight:700}.news-detail>.content-detail .content-detail-header{border-bottom:1px solid #eee;margin-bottom:55px}.news-detail>.content-detail .content-detail-header .category{font-size:18px;margin-bottom:10px}.news-detail>.content-detail .content-detail-header h3{font-size:36px;font-weight:600;color:#333;line-height:45px;margin-bottom:15px}.news-detail>.content-detail .content-detail-header .date{font-size:18px;line-height:24px;color:#999;margin-bottom:25px;font-weight:600}.news-detail>.content-detail .detail{padding-bottom:65px;line-height:35px}.news-detail>.content-detail .title-list{margin-bottom:25px}.news-detail>.content-detail .title-list>div{padding:35px 50px;box-sizing:border-box}.news-detail>.content-detail .title-list>div span{padding-left:20px;margin-right:50px}.news-detail>.content-detail .title-list>div a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.news-detail>.content-detail .title-list>div:first-child{display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.news-detail>.content-detail .title-list>div:first-child span{background:url(/images/common/sub/blog_view_arrow_up.png) no-repeat 0 50%}.news-detail>.content-detail .title-list>div:last-child{display:flex;border-bottom:1px solid #666}.news-detail>.content-detail .title-list>div:last-child span{background:url(/images/common/sub/blog_view_arrow_down.png) no-repeat 0 50%}.news-detail>.content-detail .btn-box{display:flex;justify-content:center}.news-detail>.content-detail .btn-box button{border:none;padding:10px 25px;font-size:17px;color:#fff;font-weight:400;background-color:#444;border-radius:5px;cursor:pointer}