@charset "utf-8";

/* ------------------------------
 最新医療情報（PC）
------------------------------ */
.contents .postList {
	display: flex;
}
.mainContents .postList li:first-child {
	border-top: none;
}
.contents .postList li a .blogImg {
	margin-bottom: 10px;
    aspect-ratio: 256 / 175;
}
.contents .postList li a .blogImg img {
    border-radius: 10px;
}
.contents .postList .date {
    width: 103px;
    height: 28px;
    border-radius: 0 0 10px 0;
}
.contents .postList .date::before,
.contents .postList .date::after {
    width: 28px;
    height: 28px;
    box-shadow: -14px -14px 0 0 #F6F9FA;
    border-radius: 10px;
    left: 103px;
}
.contents .postList .date::after {
    top: 28px;
    left: 0;
}
/* 命を支える最前線の医療体制 最新医療情報一覧 */
.contents .cms_block ul.postList li {
    padding-left: 0;
}
.contents .cms_block ul.postList > li::before {
    content: none;
}
.contents .cms_block ul.postList li a {
    color: #000;
    text-decoration: none;
}
.medical-updates .lowerLink {
    display: flex;
    justify-content: center;
    gap: 0;
}
.cms_block.medical-updates ul.lowerLink > li {
	border-radius: 50px;
}
.cms_block.medical-updates .lowerLink > li > a figure,
.cms_block.medical-updates .lowerLink > li > a p:not(.title) {
    display: none;
}
.cms_block.medical-updates .lowerLink > li > a .textBox:not(figure + .textBox) {
    min-height: 86px;
}
.cms_block.medical-updates .lowerLink > li > a .textBox p.title {
    font-size: 1.8rem;
}
.cms_block.medical-updates .lowerLink > li > a .textBox::after {
    background: url(../img/icon_list_btn.svg) no-repeat center 75% / 42px 42px;
}
@media print, screen and (min-width: 768px) {
    .contents .postList {
        flex-flow: row wrap;
        gap: 50px 26px;
    }
    .contents .postList li {
        width: 31.220%;
    }
    .contents .postList li a .blogImg {
        height: 175px;
    }
}
/* ------------------------------
 最新医療情報（SP）
------------------------------ */
@media screen and (max-width: 767px) {
    .contents .postList {
		flex-direction: column;
		gap: 25px 0;
    }
    /* 命を支える最前線の医療体制 最新医療情報一覧 */
    .cms_block.medical-updates .lowerLink > li > a .textBox:not(figure + .textBox) {
        min-height: 75px;
        padding: 15px 52px 15px 22px;
    }
    .cms_block.medical-updates .lowerLink > li > a .textBox p.title {
        font-size: 1.6rem;
    }
    .cms_block.medical-updates .lowerLink > li > a .textBox::after {
        background: url(../img/icon_list_btn.svg) no-repeat center 75% / 36px 36px;
    }
}