/* ブログ */

.un_staffBlogBlock { padding: 10px 0 0; }

.un_staffBlogBlock ul li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }

.un_staffBlogBlock.column ul li { margin-bottom: 20px; padding-bottom: 0; border-bottom: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; }

.un_staffBlogBlock ul li .un_staffBlogImg { background: #ddd center center; width: 23%; padding-bottom: 23%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: cover; }

.un_staffBlogBlock.column ul li .un_staffBlogImg { background: #ddd center center; width: 23%; padding-bottom: 0%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-size: cover; }

.un_staffBlogBlock ul li .un_staffBlogCont { padding: 0 0 10px 18px; width: calc(77% - 18px); }

.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogTtl { font-size: 1.8rem; color: #21a38c; display: inline-block; margin-bottom: 10px; }

.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogTtl:hover { color: #444; }

.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogDescription { margin-bottom: 30px; }

.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogDate { line-height: 1; font-size: 1.4rem; margin-bottom: 8px; }

.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogDate span { display: inline-block; border-left: 1px solid #ccc; margin-left: 8px; padding-left: 8px; }

.un_staffBlogBlock ul li:first-child { border-top: 1px solid #ccc; padding-top: 20px; }

.un_staffBlogBlock.column ul li:first-child { border-top: none; padding-top: 0; }


.un_staffBlogBlock.column ul li .un_staffBlogCont a {
    position: relative;
    padding-left: 15px;
    margin: 0 1% 5px;
    display: inline-block;
}
.un_staffBlogBlock.column ul li .un_staffBlogCont a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid #21a38c;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    top: 4px;
    left: 0px;
}

@media screen and (max-width: 1023px) { .un_staffBlogBlock { padding: 15px 0; }

	.un_staffBlogBlock ul li .un_staffBlogImg { width: 20%; padding-bottom: 20%; }

	.un_staffBlogBlock ul li .un_staffBlogCont { padding: 0 0 10px 14px; width: calc(80% - 14px); }

	.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogTtl { font-size: 1.5rem; margin-bottom: 8px; }

	.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogDescription { font-size: 1.4rem; margin-bottom: 16px; }

	.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogDate { margin-bottom: 8px; }

	.un_staffBlogBlock ul li .un_staffBlogCont .un_staffBlogDate span { margin-left: 8px; padding-left: 8px; } }