
.bg_grey01{background-color: #f4f4f4;}
img{width: 100%;}
.textbr_none{display: inline-block;}
.flex_container::after{content:"";display: block;width: calc(100% / 4 - 44px);margin: 10px;}

.text_center{text-align: center;letter-spacing: 1px;line-height: 180%;}
.mgt-7{margin-top: 7px;}
.mgb-40{margin-bottom: 40px;}
.resident h2{text-align: center;}
.resident span.course{display: block;float: none;font-weight: normal;font-size: 1.5rem;}
.flex_container .item{padding-bottom: 5px!important;margin-top: 25px;}

.flex_container{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 25px;}
.flex_container img{width: 100%;}
.flex_container p.title{margin: 12px;font-weight: 500;}
.item_02 p.title{margin: 12px 5px;}
.flex_container p.date,.flex_container p.detail{margin: 9px;font-size: 0.8em;position: absolute;padding-top: 10px;right: 2px;bottom: 1px;}
.flex_container a{color: #333333;}
.item,.item_01{width: 23%;background-color: #fff;border-radius: 5px;border: 1px solid #bbbbbb;margin-bottom: 23px;box-shadow: 0 0 3px #cccccc;position: relative;padding-bottom: 40px;}
.item_01{padding-bottom: 0px;}
.item_01 img{border-radius: 5px;}
.item_02{width: 23%;position: relative;margin-bottom: 20px;}

.item .case_mark{position: absolute;width: 42%;padding: 0.2rem 0;border: 1px solid #003780;border-radius: 4px;background-color: #FFF;color: #003780;font-weight: bold;text-align: center;font-size: 1.3rem;margin: -32px 0;}
@media screen and (max-width:767px) {
.flex_container p.title{margin: 3px 7px;font-size: 0.9em;}
.item,.item_01,.item_02{width: calc(50% - 10px);margin-bottom: 20px;}
.column p.title{margin: 3px 7px;font-size: 0.9em;}
}


/* @media screen and (min-width:768px) {
.career_case .item{margin-right: 20px !important;}
} */

