div.center_list_main
{
position: relative;
margin-top: 2rem;
color: #252525;
}

div.center_list_main span.control
{
position: absolute;
top: 0;
bottom: 0;
width: 2.5rem;
color: #fff;
cursor: pointer;
background-position: center;
background-size: 2.25rem;
background-repeat: no-repeat;
/*outline: solid 1px red;*/
}

div.center_list_main span.control.left
{
left: -4rem;
background-image: url('/assets/left.svg');
}

div.center_list_main span.control.right
{
right: -3rem;
background-image: url('/assets/right.svg');
}

div.center_list_main div.window
{
width: 100%;
overflow: hidden;
}

div.center_list_main div.wrapper
{
justify-content: flex-start;
flex-wrap: nowrap;
width: 100%;
flex-direction: row;
display: flex;
flex: 1 0 100%;
scrollbar-width: none;
column-gap: 2rem;
overflow-x:auto;
    padding-top: 1.5rem
/* overscroll-behavior-x:contain;
    scroll-snap-type: x mandatory;*/
   }

div.center_list_main a.item
{
display: block;
width: 30%;
/*margin-right: 2%;*/
text-decoration: none;
flex-shrink: 0;
flex-grow: 0;
cursor: pointer;
border: solid 1px #b7b7b7;
border-radius: 1.25rem;
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
position: relative;
    scroll-snap-align: start;
}

div.center_list_main a.item:before
{
content: '\20';
position: absolute;
top: -1.5rem;
right: -0.5rem;
display: block;
width: 3.375rem;
height: 5.875rem;
background-image: url('/assets/corner.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
z-index: 1000;
/*outline: solid 1px red;*/
}

div.center_list_main a.item div.back
{
position: relative;
/*padding-top: 40%;*/
background: rgba(255, 255, 255, 0.8);
border-radius: 1.25rem;
height:248px;
}

div.center_list_main a.item h3
{
position: absolute;
top: 1rem;
left: 1.5rem;
right: 1.5rem;
font-size: clamp(1.00rem, 0.9530rem + 0.24vw, 1.25rem);
line-height: 1.5rem;
height:fit-content;
overflow: hidden;
text-transform: uppercase;
margin-top: 0;
}

div.center_list_main a.item p.bottom
{
position: absolute;
bottom: 1rem;
left: 1.5rem;
right: 2.5rem;
font-size: 1rem;
font-weight: 500;
color: #30366b;
text-align: right;
}

div.center_list_main a.item p.bottom span.more
{
text-decoration: underline;
position: relative;
}

div.center_list_main a.item p.bottom span.more:after
{
content: '\20';
position: absolute;
top: 0.375rem;
right: -1rem;
display: block;
width: 0.5rem;
height: 0.5rem;
background-image: url('/assets/arrow-right-up.svg');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 768px){
    div.center_list_main a.item
    {
        width: 80%;
    }
    div.center_list_main a.item div.back{
        padding-bottom: 37%;
    }
}