@charset "utf-8";
/* CSS Document */
/* 共通 */

/* 記事リスト */
.TAUl li { width: 100%; clear: both; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #C7C7C7 dotted }

.TATitleBox { width: 100%; clear: both; }

.TATitleBox-L { width: 28%; float: left}
.TATitleBox-R { width: 70%; float: right}

.TATitleBox-IMG { width: 100%; height: 120px; overflow: hidden;}

.TATitleBox-IMG img { object-fit: contain;}

.TATitleBox-Date { margin-right: 1em; line-height: 1; color: #666; font-size: 1.2rem; font-weight: bold;}

.TATitleBox-Tag { display: inline-block; margin: 0.5em 0; padding: 2px 8px; line-height: 1.4; color: #fff; font-size: 1.2rem; border-radius: 10px; background-color: #d41e18;}

.TATitleBox a { color: #262626;}

.NewTxt2 { font-size: 1.2rem; color: #d41e18; padding-top: 0px; margin: 0px; padding: 0px; margin-left: 10px; }

@media print, screen and (min-width : 769px){

    .TATitleBox-L { width: 200px;}

    .TATitleBox-R { width: calc(100% - 230px);}

    .TATitleBox-Date{ font-size: 1.4rem;}

    .TATitleBox-Tag{ font-size: 1.4rem;}

}

@media print, screen and (max-width : 768px){
    .TATitleBox-R h3{ line-height: 1.4; font-size: 1.6rem;}
}

/* 建設の明日を支える人々 */
.category-selector {
    display: flex;
    flex-direction: row;
    gap: 1em;
    margin-bottom: 1em;
}

.category-selector .head {
    font-size: 14px;
    line-height: 36px;
}

.category-selector .disactive {
    opacity: 0.3;
}

.category-tag-default {
    background-color: #d41e18; /* see also .TATitleBox-Tag */
}

.category-tag-woman {
    background-color: #F9A11B;
    color: #fff;
}

.category-tag-gaikokujin {
    background-color: #4FAD6F;
    color: #fff;
}

.category-tag-dx {
    background-color: #46B8E0;
    color: #fff;
}

.category-tag-student {
    background-color: #f06c4c;
    color: #fff;
}

/* "AI・ロボット" など新しく追加したときに使う */
.category-tag-reserved {
    background-color: #DE4C73;
    color: #fff;
}

.category-selector a::before {
    content: '×';
}