@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

html,
body {
    font-size: 10px;
    margin: 0;
    font-family: 'Noto Sans JP';
    position: relative !important;
}

* {
    box-sizing: border-box;
}

.uramcont {
    padding: 104px 0 10px 0;
}

.commonPageTitle.SP {
    display: none;
}

.left.mb-positon-control {
    display: none;
}

.commonPageTitle {
    height: 37.1rem;
    background: url(/organization/images/pc_banner.webp) no-repeat bottom right;
    background-size: cover;
    margin-bottom: 0;
    position: relative;
    z-index: -1;
    /* border-bottom: 1px solid #54a734; */
}

.inTitle {
    position: absolute;
    display: inline-block;
    top: 30%;
    left: 13.2rem;
}

.commonPageTitle .inTitle span {

    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 4.2rem;
    line-height: 6.4rem;
    color: #FFFFFF;
    letter-spacing: 1.7px;
}

.breakcump {
    width: 100%;
    max-width: 110rem;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(125, 127, 216, 0.08), 0 0.8rem 1.6rem -0.4rem rgba(125, 127, 216, 0.1);
    border-radius: 0.8rem;
    padding: 2.4rem 0 2.4rem 3.6rem;
    margin-top: -4.2rem;
}

.breakcump ul {
    display: flex;
    align-items: center;
    column-gap: 1.7rem;
    padding-left: 0;
    margin: 0;
}

.breakcump ul li {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    position: relative;
    padding-right: 0.52rem;
}

.breakcump ul li:last-child a {
    pointer-events: none;
}

.breakcump ul li.home a {
    color: #54A734;
}

.breakcump ul li.last::after {
    content: '';
    background-image: url(../images/icons/icon_next.svg);
    background-repeat: no-repeat;
    position: absolute;
    width: 0.96rem;
    height: 1rem;
    right: -1.5rem;
    top: 30%;
    color: #54A734;
}

.breakcump ul li a {
    color: #737373;
    font-size: 1.4rem;
    text-decoration: none;
    font-family: 'Noto Sans JP';
}


.container {
    width: 100%;
    max-width: 110rem;
    margin: 8.4rem auto 0;
}

/* Filter */

.container .filter .field {
    display: flex;
    align-items: center;
}
.container .filter .field.category label {
  width: 13.4rem;
}
.container .filter .field .label {
    font-family: 'Noto Sans JP';
    width: 9rem;
    color: #44403C;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 190%;
    letter-spacing: 0.04em;
    position: relative;
}

.container .filter .field .label::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
    background: #404040;
    height: 1.2rem;
}

.container .filter .field.year-public {
    margin-top: 1.5rem;
}

.container .filter .field .tag-list {
    list-style: none;
    padding: 0 0 0 4rem;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.2rem;
}

.container .filter .field .tag-list .tag {
    background: #F5F5F5;
    border-radius: 0.4rem;
    padding: 1rem 1.2rem;
    display: flex;
    align-items: center;
    transition: all 0.5s ease;
}
.container .filter .field .tag-list .tag.active {
    background: #54A734;
   
 }
 .container .filter .field .tag-list .tag.active a span {
   color: #FFFFFF;
   
 }
 .container .filter .field .tag-list .tag.active a span.quanlity {
   background: #1A8E45;
    
  }
.container .filter .field .tag-list .tags {
    background: #F5F5F5;
    border-radius: 0.4rem;
    padding: 1rem 1.2rem;
    display: flex;
    align-items: center;
}

.container .filter .field .tag-list .tags span:first-child {
    color: #57534E;
    font-size: 1.4rem;
    /* line-height: 170%; */
    letter-spacing: 0.04em;
}

.container .filter .field .tag-list .tag:hover {
    /* background: #54A734;
    color: #FFFFFF; */
}

.container .filter .field .tag-list .tag span:first-child {
    font-family: 'Noto Sans JP';
    color: #57534E;
    font-size: 1.4rem;
    /* line-height: 170%; */
    letter-spacing: 0.04em;
}

.container .filter .field .tag-list .tag:hover span:first-child {
    color: #54A734;
}
.container .filter .field .tag-list .tag.active:hover span:first-child {
    color: #FFFFFF;
}
.container .filter .field .tag-list .tag:active span:first-child {
    color: #54A734;
}
.container .filter .field .tag-list .tag .quanlity {
    font-family: 'Noto Sans JP';
    background: #E5E5E5;
    border-radius: 1.6rem;
    padding: 0 0.8rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #525252;
    display: inline-block;
    margin-left: 0.6rem;
}

.container .filter .field.year-public .tag-list .tag .quanlity {
    margin-left: 0.5rem;
}

.container .filter .field.year-public .label {
    margin-bottom: 1rem;
}

.container .filter .field .tag-list .tag:hover .quanlity {
    color: #1A8E45;
    /* background: #1A8E45; */
}
.container .filter .field .tag-list .tag.active:hover .quanlity {
    color: #FFFFFF;
    /* background: #1A8E45; */
}
.container .filter .field .tag-list .tags img {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 1.2rem;
}

/* News list */

.container .news {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1.6rem;
    margin-top: 8.4rem;
}

.container .news .card {
    width: 35.6rem;
    max-width: 100%;
    box-shadow: 0 0.4rem 0.8rem rgba(125, 127, 216, 0.08), 0 0.8rem 16px -0.4rem rgba(125, 127, 216, 0.1);
    border-radius: 1rem;
    padding-bottom: 2rem;
    overflow: hidden;
}
.container .news .card  .card_image {
    width: 100%;
    height: 20.6rem;
    overflow: hidden;
    margin-bottom: 0.9rem;
}
.container .news .card:hover .image {
    transform: scale(1.05);
}

.container .news .card .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    transition: 0.4s;
}

.container .news .tag-wrapper {

    height: 2.6rem;
    overflow: hidden;
}

.container .news .tag-list {
    list-style: none;
    margin: 0;
    padding: 0 1.6rem;
    gap: 0.8rem;
    display: flex;
    flex-wrap: wrap;
}

.container .news .tag-list a {
    display: none;
}

.container .news .tag-list li {
    display: inline-block;
    background: #54A734;
    border-radius: 0.2rem;
    color: #fff;
    padding: 0.45rem 1.5rem;
    /* display: none; */

}

.container .news .tag-list li:nth-of-type(1) {
    /* display: block; */
}

.container .news .tag-list li a {
    color: #FFF;
    display: inline-block;
    font-size: 1.2rem;
}

.container .news .title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #404040;
    margin: 0.8rem 0;
    padding: 0 1.6rem;
    height: 5.7rem;
    letter-spacing: 0.04em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: 0.5s;
}

.container .news .card:hover .title br {
    /* color: #54A735; */
}
.container .news .card .title { 
   transition: 0s;
}
.container .news .card:hover .title {
    /* text-decoration: underline;
    -webkit-text-decoration-color: #54A735;
    text-decoration-color: #54A735; */
    color: #54A735;
}

.container .news .public-date {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1.7rem;
    padding: 0 1.6rem;
}

.container .news .public-date p {
    margin: 0;
    display: flex;
    align-items: center;
}

.container .news .public-date img {
    display: inline-block;
    margin-right: 0.8rem;
}

.container .news .public-date span {
    color: #A3A3A3;
    font-size: 1.2rem;
    line-height: 160%;
}

.container .news .description {
    color: #A3A3A3;
    font-size: 1.2rem;
    padding: 0 1.6rem;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Pagination */

.container .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8.4rem;
    margin-bottom: 6rem;
}

.container .pagination ul {
    display: flex;
    align-items: center;
}

.container .pagination ul li {}

.container .pagination a,
.container .pagination span {
    font-family: 'Inter', sans-serif;
    display: block;
    margin: 0 6px 0 7px;
    padding: 0.3rem 1.2rem;
    background: #fff;
    border-radius: 4.8rem;
    color: #404040;
    text-decoration: none;
    font-size: 1.8rem;
    line-height: 2.7rem;
    transition: 0.7s ease;
    font-weight: 700;

}

.container .pagination a.dis {

    margin: -9px 9px 0px -1px;
    width: 14px;

}

.container .pagination .dis-item {}

.container .pagination a.dis:hover {
    background-color: #FFFFFF;
    color: #000;
}

.container .pagination a:hover {
    background-color: #f17233;
    color: #fff;
}
.container .pagination a:active {
    background-color: #f17233;
    color: #fff;
}
.container .pagination a.next {
    background-image: url('/images/icons/ic_next-black.png');
    width: 33px;
    height: 33px;
    transition: 0.7s ease;
    margin: 0 0 0 22px;
}

.container .pagination a.next-none {
    background-image: url('/images/icons/ic_next-black.svg');
    width: 33px;
    height: 33px;
    transition: 0.7s ease;
    margin: 0 0 0 22px;
}

.container .pagination li:hover a.next-none {
    pointer-events: none;
    background-color: #FFFFFF;
}

.container .pagination a.next:hover {
    background-image: url('/images/icons/ic_next-black-c.png');
    width: 33px;
    height: 33px;
}

.container .pagination a.back {
    background-image: url('/images/icons/ic_back-black.png');
    width: 33px;
    height: 33px;
    transition: 0.7s ease;
    margin: 0 23px 0 0;
}

.container .pagination a.back-none {
    background-image: url('/images/icons/ic_back-black-w.svg');
    width: 33px;
    height: 20px;
    transition: 0.7s ease;
    background-repeat: no-repeat;
    margin: 0 23px 0 0;
}

.container .pagination li:hover a.back-none {
    pointer-events: none;
    background-color: #FFFFFF;
}

.container .pagination a.back:hover {
    background-image: url('/images/icons/ic_back-black-c.png');
    width: 33px;
    height: 33px;
}

.container .pagination a.next:hover {
    background-color: #FFFFFF;
    color: #fff;
}

.container .pagination a.back:hover {
    background-color: #FFFFFF;
    color: #fff;
}

/* .container .pagination a.next .image-c{
    <img src="/images/icons/ic_back-black.png" alt="" class="image" />
    <img src="/images/icons/ic_next-black.png" alt="" class="image" />
    transition: 1s ease;
    display: none;
  } */
/* .container .pagination a.next:hover .image{
  display: none;
}
.container .pagination a.next:hover .image-c{
    display: block;
  } */
.container .pagination a .image {
    margin-top: 0.6rem;
}

.container .pagination a.active {
    background-color: #f17233;
    color: #fff;

}

.container .pagination a.first,
.container .pagination a.last {
    display: flex;
    align-items: center;
}

/* .dropdown{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */

/* button{
    position: relative;
    width: 200px;
    height: 60px;
    font-size: 24px;
    background: #2196f3;
    border: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    color: #fff;
  } */
#dropdown {
    position: relative;
    cursor: pointer;
}

.list_dropdown {
    position: absolute;
    top: 5rem;
    left: 0;
    z-index: 10;
    margin: 0;
    padding: 0;
    width: 100%;
    transform-origin: top;
    transform: perspective(1000px) rotateX(-90deg);
    transition: 0.5s;
    height: 20rem;
    overflow-y: scroll;
    width: 12rem;
}

.list_dropdown::-webkit-scrollbar {
    width: 5px;
    background: #54a734;
}

.list_dropdown::-webkit-scrollbar-track {
    background-color: transparent;
}

.list_dropdown::-webkit-scrollbar-thumb {
    background-color: #1895c2;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

.list_dropdown::-webkit-scrollbar-thumb:hover {
    background-color: #256c7a;
}

.list_dropdown.active {
    transform: perspective(1000px) rotateX(0deg);
    background: #F5F5F5;

}

.list_dropdown.active .item_dropdown.active a{
    background: #54A734;
}
.list_dropdown.active .item_dropdown {
    padding: 0 !important;
}

.list_dropdown.active .item_dropdown:hover a span {
    color: #FFFFFF;
}

.list_dropdown.active .item_dropdown a:hover {
    /* background: #54A734; */

    color: #FFFFFF;
}



.list_dropdown li {
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    transition: 0.5s;
}

.list_dropdown li:last-child {
    border-bottom: none;
}

.list_dropdown li .quanlity {
    /* padding: 0 !important; */
}

.list_dropdown li a {
    display: block;
    text-align: center;
    text-decoration: none;
    background: #F5F5F5;
    color: #57534E;
   
    width: 100%;
    height: 100%;
    padding: 1.2rem 0.5rem !important;
}

.list_dropdown li a:hover {
    /* background: #0d7ad0; */
}

#close-pc-search {
    margin-bottom: 5rem;
    display: none;
}

#close-pc-search button {
    width: 100%;
    background: #404040;
    color: white;
    line-height: 3.2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    /* text-decoration: underline;  */
}

#close-pc-search button svg {
    margin-right: 1rem;
}
@media screen and (max-width: 1167px) {
    .breakcump {
        width: 76rem;
        max-width: 100%;
    }
    .uramcont {
        padding: 54px 0 10px 0;
    }
    .commonPageTitle {
        background: url(/jrvanews/images/pc-middle.svg) no-repeat bottom center;
        border-bottom: 1px solid #54a734;
    }
    .container {
        max-width: 100%;
        width: 76rem;
    }
    .container .news {
        gap: 3rem 0;
        justify-content: space-between;
        margin-top: 0;
    }
    .container .filter .field {
       
        justify-content: center;
    }

    .container .fixed {
        width: 100%;
        position: fixed;
        background-color: #FFFFFF;
        z-index: 5;
        top: 5%;
        height: 100vh;
        display: none;
        left: 0;
    }

    .left.mb-positon-control {
        display: block;
        position: fixed;
        width: 100%;
        right: 0;
        bottom: 0.3rem;
        z-index: 3;
        filter: drop-shadow(0 0.4rem 0 #095e28);
    }

    .mb-positon-control .search-btn {
        width: 100%;
        background: #404040;
        box-shadow: 0px 3px 0px #333333;
        color: white;
        border-radius: 16px 16px 0 0px;
        font-size: 12px;
        font-family: 'Noto Sans JP';
        font-style: normal;
        font-weight: 700;
        border: 0;
        line-height: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        gap: 1rem;
        height: 6.4rem;
    }

    .mb-positon-control .search-btn.decoration {
        /* text-decoration: underline; */
    }

    .container .filter .field .tag-list .tag:hover a{
        /* background: #54A734; */
    }
   
    #close-pc-search {
        display: block;
    }

    .container .fixed.open-filter {
        display: block;
        padding: 2.4rem;
        padding-top: 3rem;
        overflow:hidden;
    }

    .container .filter .field {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2rem;
    }

    .container .filter .field .label {
        letter-spacing: 0;
    }
    .container .filter .field .tag-list .tag:active {
        color: #FFFFFF;
        background: #54A734;
    }
    .container .filter .field .tag-list .tag:active a{
        background: #54A734;
        color: #FFFFFF;
    }
    .container .filter .field .tag-list .tag:active .quanlity {
        color: #FFFFFF;
        background: #1A8E45;
    }
    .container .filter .field .tag-list {
        padding-left: 0;
        justify-content: flex-start;
        width: 100%;

    }

    .container .filter .field .tag-list .tag {}

    .container .filter .field.category .tag-list {
        margin-top: 1.2rem;
        justify-content: flex-start;
        width: 100%;
    }

    .container .filter .field.category {
        margin-bottom: 1.6rem;
    }


    .container .filter .field .tag-list .tag {
        padding: 1rem 1.2rem;
        width: 100%;
        max-width: 15.75rem;
        transition: 0s;
    }

    .container .filter .field .tag-list .tag span:first-child {
        letter-spacing: 0;
    }

    .container .filter .field .tag-list #dropdown {
        justify-content: center;
        width: 15.75rem;
    }

    .container .filter .field .tag-list .tag a {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .container .filter .field .tag-list .tag a span {
        display: inline-block;
    }

    .container .filter .field .label::before {
        content: none;
    }

    .container .filter .field .label::after {
        content: '';
        width: 2.2rem;
        max-width: 8.1rem;
        position: absolute;
        bottom: -0.2rem;
        left: 0;
        border: 0.1rem solid #D4D4D4;
    }

    .container .filter .field.year-public .label::after {
        width: 100%;
        max-width: 2.2rem;
    }

    .container .filter .field.year-public .label {
        margin-bottom: 1.4rem;
    }

    .container .filter .field.year-public {
        margin-bottom: 4.4rem;
    }

    .container .news .public-date {
        gap: 1.1rem;
    }

    #close-pc-search button {
        height: 4.4rem;
    }

    .container .news .public-date img {
        margin-right: 0.5rem;
    }


}
@media screen and (max-width: 1105px) {
    .breakcump {
        max-width: 90%;
    }

    /* .container {
        padding: 2.4rem;
    }

    .container .news {
        padding-left: 2rem;
        padding-right: 2rem;
        justify-content: center;
    } */


}

@media screen and (max-width: 992px) {
    .breakcump {
        max-width: 90%;
    }
    .uramcont {
        padding: 53px 0 10px 0;
    }

    .container {
        padding: 2.4rem;
    }

    /* News */
    .container .news .card {
        width: 48%;
    }
}

@media(max-width: 768px) {

    section.position {
        display: none !important;
    }

    .container .fixed {
        width: 100%;
        position: fixed;
        background-color: #FFFFFF;
        z-index: 5;
        top: 8%;
        height: 83vh;
        display: none;
    }

    .left.mb-positon-control {
        display: block;
        position: fixed;
        width: 100%;
        right: 0;
        bottom: 0.3rem;
        z-index: 3;
        filter: drop-shadow(0 0.4rem 0 #095e28);
    }

    .mb-positon-control .search-btn {
        width: 100%;
        background: #404040;
        color: white;
        border-radius: 16px 16px 0 0px;
        font-size: 12px;
        font-family: 'Noto Sans JP';
        font-style: normal;
        font-weight: 700;
        border: 0;
        line-height: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        gap: 1rem;
        height: 6.4rem;
    }

    .mb-positon-control .search-btn.decoration {
        /* text-decoration: underline; */
    }

    .container .filter .field .tag-list .tag:hover a{
        /* background: #54A734; */
    }
   
    #close-pc-search {
        display: block;
        width: 100%;
        margin-top: 4rem;
    }

    
    .container .pagination {
        max-width: 327px;
        margin-left: auto;
        margin-right: auto;
    }

    .container .pagination ul {
        justify-content: space-between;
        gap: 2px;
    }

    .container .pagination a.back-none {
        width: 100%;
        margin: 0;
    }

    .container .pagination a.back {
        width: 100%;
        margin: 0;
    }

    .container .pagination a.next {
        width: 100%;
        margin: 0;
    }

    .container .pagination a.next-none {
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 768px) {

    .commonPageTitle.PC {
        display: none;
    }

    .commonPageTitle.SP {
        display: block;
        background: url(/organization/images/sp_banner.webp) no-repeat bottom right;
        background-size: cover;
        height: 20rem;
        position: static;
    }

    .commonPageTitle .inTitle {
        position: static;
        /* transform: inherit; */
        padding-top: 4.6rem;
    }

    .commonPageTitle .inTitle span {
        font-size: 2.6rem;
        padding-left: 2.6rem;
        letter-spacing: 1px;
        line-height: 2.7;
    }

    .container {
        margin-top: 6.1rem;
        padding: 0;
    }

    .container .fixed {
        width: 100%;
        position: fixed;
        background-color: #FFFFFF;
        z-index: 5;
        top: 5%;
        height: 100vh;
        display: none;
    }

    .container .news .card .image {
        margin-bottom: 1.3rem;
        height: 21.5rem;
        
    }

    .container .news .card {
        padding-bottom: 2.4rem;
    }

    .container .filter_list {
        /* display: none; */
    }

    .container .fixed.open-filter {
        display: block;
        padding: 2.4rem;
        padding-top: 3rem;
        overflow-y: scroll;
    }

    .container .filter .field {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 2rem;
    }

    .container .filter .field .label {
        letter-spacing: 0;
    }
    .container .filter .field .tag-list .tag:active {
        color: #FFFFFF;
        background: #54A734;
    }
    .container .filter .field .tag-list .tag:active a{
        background: #54A734;
        color: #FFFFFF;
    }
    .container .filter .field .tag-list .tag:active .quanlity {
        color: #FFFFFF;
        background: #1A8E45;
    }
    .container .filter .field .tag-list {
        padding-left: 0;
        justify-content: flex-start;

    }

    .container .filter .field .tag-list .tag {}

    .container .filter .field.category .tag-list {
        margin-top: 1.2rem;
        justify-content: flex-start;
    }

    .container .filter .field.category {
        margin-bottom: 1.6rem;
    }


    .container .filter .field .tag-list .tag {
        padding: 1rem 1.2rem;
        width: 100%;
        max-width: 15.75rem;
        transition: 0s;
    }

    .container .filter .field .tag-list .tag span:first-child {
        letter-spacing: 0;
    }

    .container .filter .field .tag-list #dropdown {
        justify-content: center;
        width: 15.75rem;
    }

    .container .filter .field .tag-list .tag a {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .container .filter .field .tag-list .tag a span {
        display: inline-block;
    }

    .container .filter .field .label::before {
        content: none;
    }

    .container .filter .field .label::after {
        content: '';
        width: 2.2rem;
        max-width: 8.1rem;
        position: absolute;
        bottom: -0.2rem;
        left: 0;
        border: 0.1rem solid #D4D4D4;
    }

    .container .filter .field.year-public .label::after {
        width: 100%;
        max-width: 2.2rem;
    }

    .container .filter .field.year-public .label {
        margin-bottom: 1.4rem;
    }

    .container .filter .field.year-public {
        margin-bottom: 4.4rem;
    }

    .container .news .public-date {
        gap: 1.1rem;
    }

    #close-pc-search button {
        height: 4.4rem;
    }
    #space-news {
        height: 2rem;
    }
    .container .news .public-date img {
        margin-right: 0.5rem;
    }

    /* News */
    .container .news {
        margin-top: 4rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        gap: 2.4rem;
        justify-content: center;
    }

   

    .container .news .title {
        font-size: 1.6rem;
        margin-top: 1.2rem;
        margin-bottom: 1.2rem;
        height: auto;
    }

    .list_dropdown {
        width: 100%;
    }

    .list_dropdown .item_dropdown {
        width: 100% !important;
    }
}
@media screen and (max-width: 767px) {
    .breakcump {
        padding: 1.4rem;
        max-width: 92%;
        height: 5.2rem;
        margin-top: -2.4rem;
        position: relative;
        width: 36.5rem;
    }

    .breakcump ul {
        column-gap: 1.4rem;
        height: 2.4rem;
    }

    .breakcump ul li {}

    .breakcump ul li svg {}

    .breakcump ul li.home a {}

    .breakcump ul li.last::after {
        right: -1.2rem;
    }

    .breakcump ul li a {}

     .container .news .card {
        max-width: 100%;
        width: 36.5rem;
    }

}
@media screen and (max-width: 714px) {
.container .filter .field.category .tag-list {
    justify-content: space-between;
}
.container .filter .field .tag-list {
    justify-content: space-between;

}
}
@media screen and (max-width: 648px) {
    .breakcump {
        max-width: 90%;
    }
    .container .news .card {
        max-width: 100%;
    }
}
@media screen and (max-width: 480px) { 
.container .news .card .image {
    /* height: 14.5rem; */
    margin-bottom: 1.3rem;
}

.list_dropdown {
    top: -21rem;
    transform-origin: bottom;
 
}
.container .news .card {
    max-width: 100%;
}

/* .container .fixed.open-filter { 
    padding-top: 8rem;
} */


}
@media screen and (max-width: 400px) {
    .breakcump {
        max-width: 32.7rem;
    }
    
 }

@media screen and (max-width: 376px) { 
    .container .fixed {
        width: 100%;
        position: fixed;
        background-color: #FFFFFF;
        z-index: 5;
        top: 8%;
        height: 100vh;
        display: none;
    }
 }