.content-block.offer-section .offer-block h2 {
	font-size:2.4em;
	margin:0;
	line-height:1;
}

.content-block.offer-section .offer-block h3 {
	font-size:1.1em;
	font-family:var(--main-font-family);
	text-transform:uppercase;
	margin:0.75em 0 0;
}

.content-block.offer-section .offer-block p {
	margin-top:0.5em;
}

.content-block.offer-section .offer-block h2,
.content-block.offer-section .offer-block h3,
.content-block.offer-section .offer-block p {
	transition:color var(--main-transition-time);
}

.content-block.offer-section .offer-block .link-list {
	margin-top:1.5em;
}

.content-block.offer-section > .inner-block > .padding > .dot-container {
	margin-top:1em;
}

.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list {
	display:flex;
	color:var(--main-color);
}

.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list > .offer-block > .padding {
	background-color:#fffd;
}

.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list > .offer-block:hover {
	color:var(--invert-text-color);
}

.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list > .offer-block:hover > .padding {
	background-color:var(--main-color);
}

.content-block.offer-section .offer-block > .padding {
	padding:1em 1.0em 1.5em;
	text-align:center;
	border:solid 2px var(--main-color);
	transition:background-color var(--main-transition-time);
	cursor:pointer;
}

/* Tablet and Desktop */
@media (width >= 750px) {
	.content-block.offer-section > .inner-block {
		margin:0 auto;
		max-width:1300px;
	}
}

/* Mobile */
@media (width < 750px) {
	.content-block.offer-section > .inner-block > .padding {
		margin:0 calc(var(--main-padding) * -1);
	}

	.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list {
		position:relative;
	}

	.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list:not([data-flicking="true"]) {
		transition:left var(--main-transition-time);
	}

	.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list > .offer-block {
		flex:0 0 80%;
		margin:0 3%;
		position:relative;
	}

	.content-block.offer-section[data-index="0"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 0);
	}

	.content-block.offer-section[data-index="1"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 1);
	}

	.content-block.offer-section[data-index="2"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 2);
	}

	.content-block.offer-section[data-index="3"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 3);
	}

	.content-block.offer-section[data-index="4"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 4);
	}

	.content-block.offer-section[data-index="5"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 5);
	}

	.content-block.offer-section[data-index="6"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 6);
	}

	.content-block.offer-section[data-index="7"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 7);
	}

	.content-block.offer-section[data-index="8"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 8);
	}

	.content-block.offer-section[data-index="9"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(6% - 86% * 9);
	}
}

/* Tablet */
@media (750px <= width < 1200px) {
	.content-block.offer-section > .inner-block > .padding {
		margin:0 calc(var(--main-padding) * -1);
	}

	.content-block.offer-section > .inner-block > .padding > .viewport {
		width:700px;
		margin:0 auto;
	}

	.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list {
		position:relative;
	}

	.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list:not([data-flicking="true"]) {
		transition:left var(--main-transition-time);
	}

	:root {
		--offer-block-list-item-width:55%;
		--offer-block-list-item-margin:1.25%;
		--offer-block-list-item-space:calc(var(--offer-block-list-item-width) + var(--offer-block-list-item-margin) * 2);
		--offer-block-list-offset:-7.5%;
	}

	.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list > .offer-block {
		flex:0 0 var(--offer-block-list-item-width);
		margin:0 var(--offer-block-list-item-margin);
	}

	.content-block.offer-section[data-index="0"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 0);
	}

	.content-block.offer-section[data-index="1"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 0.5);
	}

	.content-block.offer-section[data-index="2"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 1.5);
	}

	.content-block.offer-section[data-index="3"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 2.5);
	}

	.content-block.offer-section[data-index="4"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 3.5);
	}

	.content-block.offer-section[data-index="5"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 4.5);
	}

	.content-block.offer-section[data-index="6"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 5.5);
	}

	.content-block.offer-section[data-index="7"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 6.5);
	}

	.content-block.offer-section[data-index="8"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 7.5);
	}

	.content-block.offer-section[data-index="9"] > .inner-block > .padding > .viewport > .offer-block-list {
		left:calc(var(--offer-block-list-offset) - var(--offer-block-list-item-space) * 8.5);
	}

	.content-block.offer-section .offer-block h3 {
		font-size:1.2em;
	}
}

/* Desktop */
@media (width >= 1200px) {
	.content-block.offer-section > .inner-block > .padding > .viewport > .offer-block-list {
		justify-content:space-between;
		gap:1.5em;
	}

	.content-block.offer-section .offer-block {
		flex:1 1 30%;
	}
}

@media (width > 1500px) {
	.content-block.offer-section > .inner-block {
		max-width:1300px;
	}
}