.block-list-04 {
    --pfs: 20px;
     position: relative;
     padding: 0 0 var(--n80);
}
.block-list-04 .ul-title {
    margin-bottom: var(--n24);
}
.block-list-04 .ul-title h3 {
    margin: 0;
}
.block-list-04 .obj-effect {
    position: absolute;
}
.block-list-04 .obj-effect.obj-circle-01 {
    top: 60px;
    right: 0;
}
.block-list-04 .obj-effect.obj-circle-02 {
    bottom: -80px;
    left: 0;
}
.block-list-04 .obj-effect.obj-circle-03 {
    top: -10%;
    right: 0;
}
.block-list-04>.ul-warpper,.block-list-04>.ul-row {
    position: relative;
    z-index: 1;
}
.block-list-04 .ul-warpper .container>.row {
    position: relative;
    margin: 0 0 var(--n36);
    border-radius: 48px 0px 48px 0px;
    overflow: hidden;
}
.block-list-04 .ul-warpper .container>.row:nth-child(odd) {
    justify-content: flex-end;
}
.block-list-04 .ul-warpper .container>.row:nth-child(even) {
    justify-content: flex-start;
}
.block-list-04 .ul-warpper .container>.row>[class*=col-] {
    padding: 0;
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:first-child {
    position: absolute;
    top: 0;
    height: 100%;
}
.block-list-04 .ul-warpper .container>.row:nth-child(odd)>[class*=col-]:first-child {
    left: 0;
}
.block-list-04 .ul-warpper .container>.row:nth-child(even)>[class*=col-]:first-child {
    right: 0;
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child {
    position: relative;
    padding: var(--n48) var(--n48) var(--n80);
    background-color: var(--colorffffff);
    border-radius: 48px 0 0 0;
    z-index: 1;
    min-height: 480px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.block-list-04 .obj-bg {
	position:relative;
	height:100%;
	overflow:hidden;
	width:100%;
}
.block-list-04 .obj-bg .obj-bg-main {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
    transition: transform 0.2s ease-out;
}
.block-list-04 .ul-warpper .container>.row:hover .obj-bg .obj-bg-main {
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>h3 {
    color: var(--color000000);
    margin-bottom: var(--n24);
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>h3>span {
    display: none;
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>p {
    position: relative;
    padding-left: 72px;
    color: var(--color000000);
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>.flex-a-link {
    position: relative;
    padding-left: 72px;
    display: flex;
    align-items: center;
    margin-top: var(--n24);
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>p::before {
    content: "";
    width: 1px;
    background-color: var(--color000000);
    height: 100%;
    position: absolute;
    top: 0;
    left: var(--n24);
}
.block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>p>span {
    position: absolute;
    top: calc(100% + 12px);
    left: 12px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.block-list-04 .flex-a-link .a-youtube {
    cursor: pointer;
    margin-left: var(--n20);
}
.block-list-04 .btn-main {
    height: 48px;
    border: 1px solid var(--color000000);
    background-color: transparent;
}
.block-list-04 .btn-main:hover, .block-list-04 .btn-main:focus, .block-list-04 .btn-main:active {
    background-color: #FED400 !important;
    border: 1px solid #FED400;
}
.block-list-04>.ul-row>.container>.row.row-ul {
	margin: 0 var(--ng8)!;
}
.block-list-04>.ul-row>.container>.row.row-ul>[class*=col-] {
	padding: 0 var(--n8) var(--n16);
}
.block-list-04 .card-li {
	display: flex;
    flex-direction: column;
    height: 100%;
	background-color: var(--colorffffff);
	border-radius: 12px;
}
.block-list-04 .card-li .obj-bg {
	position:relative;
	overflow:hidden;
	height:0;
	padding-bottom: 63.492063492063494%;
	width:100%;
    display: block;
	border-radius: 12px 12px 0 0;
}
.block-list-04 .card-li .obj-bg .obj-bg-main {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
    transition: transform 0.2s ease-out;
}
.block-list-04 .card-li .obj-bg:hover .obj-bg-main {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.block-list-04 .card-li .obj-content {
    background-color: var(--colorffffff);
	border-radius: 0 0 12px 12px;
	padding: var(--n24);
}
.block-list-04 .card-li .obj-content .obj-content--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
	min-width: 0;
	margin-bottom: var(--n16);
}
.block-list-04 .card-li .obj-content .obj-content--title h3 {
	margin: 0;
}
.block-list-04 .card-li .obj-content .obj-content--title .i-next-cc {
	min-width: var(--n36);
	width: var(--n36);
	height: auto;
	flex: none;
}
.block-list-04 .card-li .obj-content>p {
    margin: 0 0 var(--n16);
    color: var(--color000000);
}
.block-list-04 .card-li .obj-content>ul {
    margin: 0;
    color: var(--color000000);
	padding: 0 0 0 34px;
}
.block-list-04 .card-li .obj-content>ul>li {
    padding: var(--n2) 0;
    color: var(--color000000);
}
@media (max-width:991.98px) {
	.block-list-04 .ul-warpper .container>.row>[class*=col-]:first-child {
        position: relative;
    }
    .block-list-04 .obj-bg {
        padding-bottom: 56.25%;
        height: 0;
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child {
        border-radius: 0;
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child {
        min-height: inherit;
    }
    .block-list-04 .obj-effect.obj-circle-01 {
        top: -30px;
    }
}

@media (max-width:767.98px) {
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child {
        padding: var(--n24);
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>p {
        padding-left: var(--n48);
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>.flex-a-link {
        padding-left: var(--n48);
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>p::before {
        left: var(--n16);
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>p>span {
        display: none;
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>h3>span {
        display: inline-block;
    }
    .block-list-04 .btn-main {
        min-width: auto;
    }
}
@media (max-width:575.98px) {
    .block-list-04 .obj-effect {
        display: none;
    }
    .block-list-04 .ul-warpper .container>.row>[class*=col-]:last-child>.flex-a-link {
        padding-left: 0;
    }
}