#container {
	padding: 0!important;
}
.event .item {
	position: relative;
	width: 50%;
	min-height: calc(100vh - 98px);
	padding: 100px 100px 420px;
	word-break: keep-all;
	flex-wrap: nowrap;
	box-sizing: border-box;
}
.event .item1 {
	background: var(--blue) url("../images/visual_img2.png")no-repeat calc(100% - 70px) calc(100% - 70px) / 500px;
	color: var(--white);
}
.event .item2 {
	background: var(--white) url("../images/roulette_img.png")no-repeat calc(100% - 70px) calc(100% - 70px) / 456px;
}
.event .item .txt_box {
	gap: 60px;
}
.event .item .txt_box .txt_logo {
	font-size: 30px;
	font-family: "Montserrat";
	gap: 4px;
}
.event .item .txt_box .txt_logo strong {
	text-transform: uppercase;
}
.event .item .txt_box .title {
	font-size: 48px;
	line-height: 1.2;
	gap: 16px;
}
.event .item .txt_box .title strong {
	font-weight: 500;
}
.event .item .txt_box .title p {
	font-size: 24px;
}
.event .item .txt_box a {
	display: inline-block;
	font-size: 24px;
	border: 1px solid var(--black);
	padding: 16px 30px;
	box-sizing: border-box;
}
.event .item1 .txt_box a {
	color: var(--white);
	border: 1px solid var(--white);
}






@media screen and (max-width: 1600px) {
	.event .item {
		padding: 70px 70px 335px;
	}
	.event .item1 {
        background-size: 380px;
    }
	.event .item2 {
        background-size: 335px;
    }
}
@media screen and (max-width: 1280px) {
	.event .item {
        padding: 50px 40px 250px;
		background-position: calc(100% - 25px) calc(100% - 25px)!important;
    }
	.event .item .txt_box {
		gap: 35px;
	}
	.event .item .txt_box .txt_logo {
		font-size: 24px;
	}
	.event .item .txt_box .title {
    	font-size: 36px;
	}
	.event .item .txt_box .title p {
		font-size: 20px;
	}
	.event .item .txt_box a {
		font-size: 20px;
	}
	.event .item1 {
        background-size: 300px;
    }
	.event .item2 {
        background-size: 270px;
    }
}
@media screen and (max-width: 1024px) {
    .event .item {
        width: 100%;
        height: calc(50vh - 36px);
        min-height: auto;
        padding: 30px;
    }
	.event .item .txt_box .txt_logo {
		display: none;
	}
	.event .item .txt_box .title {
        font-size: 30px;
    }
	.event .item .txt_box .title p {
        font-size: 18px;
    }
	.event .item .txt_box a {
        font-size: 18px;
    }
	.event .item1 {
        background-size: 245px;
    }
	.event .item2 {
        background-size: 215px;
    }
}
@media screen and (max-width: 768px) {
	.event .item {
        background-position: calc(100% - 10px) calc(100% - 10px) !important;
    }
	.event .item .txt_box .title {
        font-size: 24px;
    }
	.event .item .txt_box .title p {
        font-size: 16px;
    }
	.event .item .txt_box a {
        font-size: 14px;
		padding: 12px 20px;
    }
	.event .item1 {
        background-size: 200px;
    }
	.event .item2 {
        background-size: 180px;
    }
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 380px) {
}