.banner_toolsQRcode {
	display: flex;
	align-items: center;
	width: 680px;
	height: 120px;
	background-image: url(../img/desktop/toolsQRcode_banner.svg);
	background-size: 100% 100%;
}
.item_list {
	display: grid;
	grid-template-columns: 1fr;
}
.item_list_session {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 20px;
	margin-bottom: 10px;
}
.item_list > .item_list_session:nth-child(odd) > .item_title {
	background-color: #738cc7;
}
.item_list > .item_list_session:nth-child(even) > .item_title {
	background-color: #2eb7a9;
}
.item_title {
	grid-column: 1 / span 2;
	
	padding: 4px 10px;
	color: white;
}
.item_list_item {
	border-bottom: 1px solid lightgray;
	padding: 4px 10px;
	
	cursor: pointer;
}
@media(hover: hover) and (pointer: fine) {
	.item_list_item:hover {
		background-color: #e0e0e0;
	}
}

/* mobile view */
@media screen and (max-width: 767px) {
	.banner_toolsQRcode {
		width: 100%;
		height: calc(100vw / 480 * 85);
		background-image: url(../img/mobile/toolsQRcode_banner_M.png);
	}
	.item_list {
		padding: 0 12px;
	}
	.item_list_session {
		gap: 0 16px;
	}
}