body {
	font-family: "Noto Sans JP", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Sans JP", sans-serif;
}

.sales-prmt-container-01 {
	max-width: 1065px;
}

.sales-prmt-container-02 {
	max-width: 1340px;
}

.sales-prmt-container-03 {
	max-width: 1160px;
}

.sales-prmt-catch-01 {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 500;
}

@media (min-width: 960px) {
	.sales-prmt-catch-01 {
		font-size: 26px;
	}
}

.sales-prmt-catch-01 > span {
	display: inline-block;
	background-color: #050f32bf;
	color: #fff;
	padding: .4em .7em;
}

@media (min-width: 960px) {
	.sales-prmt-catch-01 > span {
		padding: .2em .5em;
	}
}

.sales-prmt-catch-01 > span:not(:first-child) {
	margin-top: .8em;
}

@media (min-width: 960px) {
	.sales-prmt-catch-01 > span:not(:first-child) {
		margin-top: 1em;
	}
}

.sales-prmt-catch-02 {
	font-size: min(6.6svw ,27px);
	line-height: 1.4;
	font-weight: 700;
	margin-block: 0;
}

@media (min-width: 960px) {
	.sales-prmt-catch-02 {
		font-size: 44px;
	}
}

.sales-prmt-tit-01 {
	font-size: min(12.5svw, 54px);
	font-weight: 700;
	color: #fff;
	margin-block: .6em .2em;
}

@media (min-width: 960px) {
	.sales-prmt-tit-01 {
		font-size: 100px;
		letter-spacing: .03em;
		margin-top: .4em;
	}
}

.sales-prmt-tit-02 {
	--text-stroke: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	color: #333;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	text-shadow: var(--text-stroke) 5px 0px 0px, var(--text-stroke) 4.90033px 0.993347px 0px, var(--text-stroke) 4.60531px 1.94709px 0px, var(--text-stroke) 4.12668px 2.82321px 0px, var(--text-stroke) 3.48353px 3.58678px 0px, var(--text-stroke) 2.70151px 4.20736px 0px, var(--text-stroke) 1.81179px 4.6602px 0px, var(--text-stroke) 0.849836px 4.92725px 0px, var(--text-stroke) -0.145998px 4.99787px 0px, var(--text-stroke) -1.13601px 4.86924px 0px, var(--text-stroke) -2.08073px 4.54649px 0px, var(--text-stroke) -2.94251px 4.04248px 0px, var(--text-stroke) -3.68697px 3.37732px 0px, var(--text-stroke) -4.28444px 2.57751px 0px, var(--text-stroke) -4.71111px 1.67494px 0px, var(--text-stroke) -4.94996px 0.7056px 0px, var(--text-stroke) -4.99147px -0.291871px 0px, var(--text-stroke) -4.83399px -1.27771px 0px, var(--text-stroke) -4.48379px -2.2126px 0px, var(--text-stroke) -3.95484px -3.05929px 0px, var(--text-stroke) -3.26822px -3.78401px 0px, var(--text-stroke) -2.4513px -4.35788px 0px, var(--text-stroke) -1.53666px -4.75801px 0px, var(--text-stroke) -0.560763px -4.96845px 0px, var(--text-stroke) 0.437495px -4.98082px 0px, var(--text-stroke) 1.41831px -4.79462px 0px, var(--text-stroke) 2.34258px -4.41727px 0px, var(--text-stroke) 3.17346px -3.86382px 0px, var(--text-stroke) 3.87783px -3.15633px 0px, var(--text-stroke) 4.4276px -2.32301px 0px, var(--text-stroke) 4.80085px -1.39708px 0px, var(--text-stroke) 4.98271px -0.415447px 0px;
	margin-bottom: 2.3em;
}

@media (min-width: 960px) {
	.sales-prmt-tit-02 {
		font-size: 50px;
		margin-bottom: .8em;
		line-height: 1.8;
		margin-bottom: 2.2em;
	}
}

.sales-prmt-tit-02 > span {
	display: inline-block;
}

.sales-prmt-tit-02 .underline {
	padding-bottom: 12px;
	background: url(../img/common/underline_01.svg) repeat-x left bottom;
}

.sales-prmt-tit-03 {
	font-size: 24px;
	line-height: 1.45;
	font-weight: 700;
	color: #2C427C;
	margin-bottom: 0.5em;
}

.sales-prmt-tit-04 {
	text-align: center;
	font-weight: 700;
	font-size: 40px;
	margin-bottom: .8em;
}

@media (min-width: 960px) {
	.sales-prmt-tit-04 {
		font-size: 60px;
	}
}

.sales-prmt-tit-04 .sub {
	text-align: inherit;
	font-size: 28px;
	line-height: 1.47;
	color: #2C427C;
}

@media (min-width: 960px) {
	.sales-prmt-tit-04 .sub {
		font-size: 40px;
	}
}

.sales-prmt-tit-04 .tit {
	color: #EDA130;
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

@media (min-width: 960px) {
	.sales-prmt-tit-04 .tit {
		font-size: 60px;
	}
}

.sales-prmt-tit-04 .tit .underline {
	display: inline-block;
	line-height: 1;
	border-bottom: 1px solid #2C427C;
	padding-inline: .3em;
}

.sales-prmt-tit-05 {
	font-size: 28px;
	line-height: 1.7;
	font-weight: 700;
	color: #2C427C;
	margin-bottom: .5em;
}

.sales-prmt-tit-06 {
	text-align: center;
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	font-weight: 700;
	color: #2C427C;
	margin-bottom: 1em;
}

@media (min-width: 960px) {
	.sales-prmt-tit-06 {
		gap: 50px;
		margin-bottom: .6em;
	}
}

.sales-prmt-tit-06::before,
.sales-prmt-tit-06::after {
	content: "";
	display: block;
	flex: 1;
	height: 1px;
	background-color: #2C427C;
}

.sales-prmt-tit-07 {
	position: relative;
	z-index: 2;
	text-align: center;
	font-weight: 700;
	color: #2C427C;
	margin-bottom: 1.3em;
}

@media (min-width: 960px) {
	.sales-prmt-tit-07 {
		margin-bottom: 2.3em;
	}
}

.sales-prmt-tit-07.mb-01 {
	margin-bottom: -3em;
}

@media (min-width: 960px) {
	.sales-prmt-tit-07.mb-01 {
		margin-bottom: -3.6em;
	}
}

.sales-prmt-tit-07 .tit {
	position: absolute;
	z-index: -1;
	text-align: center;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 60px;
	line-height: 1;
	letter-spacing: 0;
	color: #2C427C;
	opacity: .1;
	width: 100%;
	bottom: 100%;
	margin-bottom: -.6em;
}

@media (min-width: 960px) {
	.sales-prmt-tit-07 .tit {
		font-size: 150px;
		margin-bottom: -.4em;
	}
}

@media (max-width: 959px) {
	.sales-prmt-tit-07 .tit.large {
		font-size: 100px;
	}
}

.sales-prmt-tit-07 .sub {
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 1.4em;
	font-size: 28px;
}

@media (min-width: 960px) {
	.sales-prmt-tit-07 .sub {
		font-size: 40px;
		gap: 0 1em;
	}
}

.sales-prmt-tit-07 .strong {
	font-size: 40px;
	line-height: 1.5;
	color: #EDA130;
	position: relative;
}

@media (min-width: 960px) {
	.sales-prmt-tit-07 .strong {
		font-size: 60px;
		line-height: 1.2;
	}
}

.sales-prmt-tit-07 .strong-02 {
	font-size: 60px;
	line-height: 1.2;
	color: #2C427C;
	position: relative;
}

.sales-prmt-tit-07 .small {
	font-size: 20px;
}

.sales-prmt-tit-08 {
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #707070;
	color: inherit;
	padding-bottom: .3em;
	margin-bottom: .3em;
}

.sales-prmt-img-01 {
	position: relative;
	width: 100%;
	aspect-ratio: 1600 / 737;
	background-color: red;
	clip-path: polygon(0 0, 100% 24svw, 100% 100%, 0 100%);
}

@media (min-width: 960px) {
	.sales-prmt-img-01 {
		clip-path: polygon(0 6.3svw, 100% 0, 100% 100%, 0 100%);
	}
}

.sales-prmt-img-01 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sales-prmt-img-01::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	opacity: .7;
}

.sales-prmt-img-02 {
	width: 100%;
	aspect-ratio: 492/277;
	object-fit: cover;
}

.sales-prmt-card-01 {
	--radius: 15px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
	color: #333;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.sales-prmt-card-01 p {
	text-align: inherit;
	font-size: inherit;
}

.sales-prmt-card-01 .card-img {
	width: 55%;
	aspect-ratio: 218/146;
	object-fit: cover;
}

@media (min-width: 960px) {
	.sales-prmt-card-01 .card-img {
		width: 100%;
	}
}

.sales-prmt-card-01 .card-tit {
	font-size: 20px;
	line-height: 1.45;
	font-weight: 500;
	margin-block: .5em;
	color: inherit;
}

@media (min-width: 960px) {
	.sales-prmt-card-01 .card-tit {
		margin-bottom: 1em;
	}
}

.sales-prmt-card-01 .card-list {}

@media (min-width: 960px) {
	.sales-prmt-card-01 .card-list {
		text-align: left;
	}
}

.sales-prmt-card-01 .card-wrapper {
	background-color: #fff;
	border-radius: var(--radius);
	padding: 20px 10px;
}

.sales-prmt-card-01 .card-body::after {
	content: "";
	display: block;
	width: 97%;
	aspect-ratio: 236/49;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background-color: #C3C3C3;
	margin-inline: auto;
	margin-block: -1% -11%;
	position: relative;
	z-index: -1;
}

@media (min-width: 960px) {
	.sales-prmt-card-01 .card-body::after {
		margin-bottom: -5%;
		width: 95%;
	}
}

.sales-prmt-card-01 .card-foot {
	position: relative;
	color: #fff;
	background-color: #2C427C;
	border-radius: var(--radius);
	padding: 15px;
	flex: 1;
}

@media (min-width: 960px) {
	.sales-prmt-card-01 .card-foot {
		padding-block: 30px;
		text-align: left;
	}
}

.sales-prmt-card-01 .card-foot .card-tit {
	margin-top: 0;
	text-align: center;
}

@media (min-width: 960px) {
	.sales-prmt-card-01 .card-foot .card-tit{
		margin-bottom: 0.5em;
	}
}

.sales-prmt-card-02 {
	display: flex;
	background-color: #fff;
	color: #333;
	box-shadow: 0 0 6px #00000059;
	border-radius: 15px;
	overflow: hidden;
	font-weight: 700;
}

@media (min-width: 960px) {
	.sales-prmt-card-02 {
		font-size: 20px;
	}
}

.sales-prmt-card-02 .card-thumb {
	width: 46%;
	object-fit: cover;
}

.sales-prmt-card-02 .card-body {
	flex: 1;
	align-content: center;
	padding: 1.2em 1em;
}

.sales-prmt-card-03 {
	background-color: #EFF5F8;
	color: #333;
	padding: 15px;
	overflow: hidden;
	font-size: 14px;
}

@media (min-width: 960px) {
	.sales-prmt-card-03 {
		padding: 30px;
		font-size: 16px;
	}
}

.sales-prmt-card-03 .card-tit{
	text-align: center;
	display: flex;
	gap: 1em;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: .7em;
	color: #2C427C;
}

@media (min-width: 960px) {
	.sales-prmt-card-03 .card-tit{
		font-size: 28px;
	}
}

.sales-prmt-card-03 .card-tit span {
	display: block;
	max-width: 70%;
}

.sales-prmt-card-03 .card-tit::before,
.sales-prmt-card-03 .card-tit::after {
	content: "";
	display: block;
	height: 1px;
	background-color: currentColor;
	flex: 1;
}

.sales-prmt-card-03 .card-catch {
	font-size: 18px;
	line-height: 1.6;
	font-weight: 700;
	color: #2C427C;
	margin-bottom: 1em;
}

@media (min-width: 960px) {
	.sales-prmt-card-03 .card-catch {
		font-size: 20px;
	}
}

.sales-prmt-card-03 .card-wrapper {
	position: relative;
	z-index: 2;
}

.sales-prmt-card-03 .card-wrapper::before {
	content: "";
	display: block;
	width: 78.7%;
	max-width: 250px;
	aspect-ratio: 370 / 324;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform: translate(-50%, 50%);
	z-index: -1;
	background: url(../img/common/ico_chat.svg) no-repeat center / contain;
}

@media (min-width: 960px) {
	.sales-prmt-card-03 .card-wrapper::before {
		left: 5%;
		bottom: 0;
		transform: translate(0, 0);
		max-width: unset;
	}
}

.sales-prmt-card-04 {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	line-height: 1.5;
}

.sales-prmt-card-04 p {
	text-align: inherit;
	font-size: inherit;
	line-height: inherit;
}

.sales-prmt-card-04 .card-head {
	display: flex;
	filter: drop-shadow(3px 3px 3px #00000029);
}

.sales-prmt-card-04 .card-head .wrapper {
	display: flex;
	width: max-content;
	gap: .5em;
	max-width: 100%;
	box-sizing: border-box;
	background-color: #2C427C;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.2;
	padding: .5em;
	padding-right: 2.6em;
	clip-path: polygon(0 0, 83% 0, 100% 100%, 0 100%);
}

.sales-prmt-card-04 .card-head  .wrapper::after {
	content: counter(counter-item, decimal-leading-zero);
	display: inline-block;
}

.sales-prmt-card-04 .card-body{
	background-color: #EFF5F8;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	padding: 2em 1.8em;
	text-align: center;
	flex: 1;
}

.sales-prmt-card-04 .card-tit {
	font-size: 24px;
	font-weight: 700;
	color: #2C427C;
	margin-bottom: 1em;
}

.sales-prmt-card-04 .card-img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	aspect-ratio: 218 / 146;
}

.sales-prmt-card-05 .card-img {
	width: 100%;
	aspect-ratio: 492 / 277;
	object-fit: cover;
	margin-bottom: 0.6em;
}

.sales-prmt-card-05 .card-tit {
	font-size: 24px;
	font-weight: 700;
	margin-block: .4em .1em;
	color: inherit;
	padding-left: 30px;
}

.sales-prmt-card-05 .card-tit::before {
	content: "";
	display: inline-block;
	width: 25px;
	aspect-ratio: 1/1;
	background: url(../img/common/ico_marker.svg) no-repeat center / contain;
	margin-inline: -30px 5px;
}

.sales-prmt-card-05 .card-catch {
	padding-left: 35px;
	font-size: 20px;
	font-weight: 700;
}

.sales-prmt-card-05 .card-catch::before {
	content: "";
	display: inline-block;
	width: 25px;
	aspect-ratio: 1/1;
	background: url(../img/common/ico_storage.svg) no-repeat center bottom / contain;
	margin-inline: -35px 10px;
}

.sales-prmt-card-05 .card-list {
	font-size: 16px;
	line-height: 2;
}

.sales-prmt-card-05 .card-list > :first-child {
	margin-top: 0;
}

.sales-prmt-card-05 .card-list .head {
	display: block;
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #707070;
	padding-inline: 0.7em;
	margin-top: .3em;
}

.sales-prmt-card-05 .card-list .cont {
	margin-top: 0;
}

.sales-prmt-card-06 {
	position: relative;
	z-index: 2;
	font-size: 16px;
	line-height: 2;
	max-width: 600px;
	margin-inline: auto
}

@media (min-width: 960px) {
	.sales-prmt-card-06 {
		display: flex;
		align-items: center;
		max-width: 100%;
	}
}

.sales-prmt-card-06 p {
	font-size: inherit;
	line-height: inherit;
}

.sales-prmt-card-06::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: calc(100% + 40px);
	height: 76.7%;
	border: 1px solid #4B72C4;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	background-color: #fff;
}

@media (min-width: 960px) {
	.sales-prmt-card-06::before {
		width: 78%;
		height: 100%;
		left: unset;
		right: 0;
		transform: translate(0);
	}

	.sales-prmt-card-06.reverse::before {
		right: unset;
		left: 0;
	}
}

.sales-prmt-card-06 .card-img {
	display: block;
	width: 77%;
	max-width: 350px;
	margin-inline: auto;
	position: relative;
	margin-bottom: -1em;
}

@media (min-width: 960px) {
	.sales-prmt-card-06 .card-img {
		position: absolute;
		width: 28%;
		max-width: unset;
		margin-bottom: 0;
		right: 30px;
	}

	.sales-prmt-card-06.reverse .card-img {
		right: unset;
		left: 30px;
	}
}

.sales-prmt-card-06 .card-body {
	background-color: #4B72C4;
	color: #fff;
	padding: 1.7em 1.25em;
}

@media (min-width: 960px) {
	.sales-prmt-card-06 .card-body {
		width: 78%;
		padding: 1.875em;
		padding-right: 13%;
	}

	.sales-prmt-card-06.reverse .card-body {
		margin-inline: auto 0;
		padding: 1.875em;
		padding-left: 13%;
	}
}

.sales-prmt-card-06 .card-tit {
	font-size: 24px;
	line-height: 1.67;
	color: inherit;
	font-weight: 700;
	border-bottom: 1px solid currentColor;
	padding-bottom: .7em;
	margin-bottom: .7em;
}

@media (min-width: 960px) {
	.sales-prmt-card-06 .card-tit {
		font-size: 28px;
		padding-bottom: .5em;
		margin-bottom: .5em;
	}
}

.sales-prmt-list-01 {
	padding-left: 1.2em;
}

.sales-prmt-list-01 li::before {
	content: "・";
	display: inline-block;
	width: 1.2em;
	margin-left: -1.2em;
}

.sales-prmt-list-01.circle li::before {
	content: "●";
}

.sales-prmt-list-02 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-left: -40px;
}

.sales-prmt-list-02 > * {
	position: relative;
	padding-left: 40px;
}

.sales-prmt-list-02 > :not(:first-child)::before {
	content: "";
	display: block;
	position: absolute;
	width: 27px;
	aspect-ratio: 1/1;
	background: url(../img/common/triangle_01.svg) no-repeat center / contain;
	top: -30px;
	right: calc((100% - 40px) / 2);
	transform: translate(50%, -50%);
}

@media (min-width: 768px) {
	.sales-prmt-list-02 > :first-child::before {
		display: none;
	}

	.sales-prmt-list-02 > :not(.uk-row-first)::before {
		bottom: 50%;
		top: unset;
		left: 20px;
		right: unset;
		transform: translate(-50%, 50%) rotate(30deg);
	}
}

.sales-prmt-list-02 > :last-child::before {
	top: -50px;
	width: 66px;
}

.sales-prmt-list-02 > .uk-grid-margin {
	margin-top: 60px;
}

.sales-prmt-list-02 > .uk-grid-margin:last-child {
	margin-top: 100px;
}

.sales-prmt-list-02 .caption {
	color: #333;
	margin-top: .3em;
}

.sales-prmt-sect-01 {
	background: url(../img/sales-promotion/01_01_s.jpg) no-repeat center bottom / cover;
	padding-block: 7.3svw 110svw;
	position: relative;
	overflow: hidden;
}

@media (min-width: 768px) {
	.sales-prmt-sect-01 {
		padding-top: calc(7.3svw + 80px);
	}
}

@media (min-width: 960px) {
	.sales-prmt-sect-01 {
		background-image: url(../img/sales-promotion/01_01.jpg);
		padding-block: 13svw min(17svw, 272px);
	}
}

.sales-prmt-sect-01::after {}
@media (min-width: 960px) {
	.sales-prmt-sect-01::after {
		content: "";
		display: block;
		width: 63.62%;
		max-width: 1012px;
		aspect-ratio: 1012/883;
		background: url(../img/sales-promotion/01_02_bg.png) no-repeat center / 100%;
		position: absolute;
		bottom: 0;
		left: 42%;
	}
}

.sales-prmt-sect-01 .uk-container {}

@media (min-width: 960px) {
	.sales-prmt-sect-01 .uk-container {
		position: relative;
		z-index: 5;
	}
}

.sales-prmt-sect-01 .sect-img {
	content: "";
	display: block;
	position: absolute;
	z-index: 3;
	width: 127%;
	aspect-ratio: 528/445;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 960px) {
	.sales-prmt-sect-01 .sect-img {
		width: 63.62%;
		max-width: 1012px;
		aspect-ratio: 1012/883;
		transform: unset;
		left: 42%;
	}
}

.sales-prmt-sect-01 .sect-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sales-prmt-sect-01 .text-shadow {
	text-shadow: 0 3px 6px #0009;
}

.sales-prmt-sect-02 {
	padding-block: 30px 45px;
	position: relative;
	margin-top: -24svw;
	background: linear-gradient(to bottom, transparent 50%, #EFF5F8 50%);
}

@media (min-width: 960px) {
	.sales-prmt-sect-02 {
		padding-block: 160px 40px;
		margin-top: max(-18vw, -288px);
	}
}

.sales-prmt-sect-02 .uk-container {
	position: relative;
	z-index: 3;
}

.sales-prmt-sect-02 .sect-img {
	position: absolute;
	width: 100%;
	height: 65%;
	top: 0;
	left: 0;
}

@media (min-width: 960px) {
	.sales-prmt-sect-02 .sect-img {
		height: 72%;
	}
}

.sales-prmt-sect-03 {
	padding-block: 60px 70px;
}

.sales-prmt-sect-04 {
	padding-block: 70px;
	position: relative;
	z-index: 2;
}

@media (min-width: 960px) {
	.sales-prmt-sect-04 {
		padding-block: 180px 260px;
	} 
}

.sales-prmt-sect-04::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #EFF5F8;
	clip-path: polygon(0 7svw, 100% 0, 100% calc(100% - 7svw), 0 100%);
}

@media (min-width: 960px) {
	.sales-prmt-sect-04::before {
		clip-path: polygon(0 6.3svw, 100% 0, 100% calc(100% - 6.3svw), 0 100%);
	}
}

.sales-prmt-sect-05 {
	padding-block: 90px 50px;
}

@media (min-width: 960px) {
	.sales-prmt-sect-05 {
		padding-block: 180px 100px;
	}
}

.sales-prmt-sect-06 {
	padding-block: 80px;
}

@media (min-width: 960px) {
	.sales-prmt-sect-06 {
		padding-block: 100px 165px;
	}
}

.sales-prmt-sect-07 {
	background: url(../img/sales-promotion/09_01.jpg) no-repeat center / cover;
	padding-block: 20px 70px;
}

.sales-prmt-sect-08 {
	padding-block: 70px;
}

@media (min-width: 960px) {
	.sales-prmt-sect-08 {
		padding-block: 100px;
	}
}

.sales-prmt-sect-09 {}

@media (min-width: 960px) {
	.sales-prmt-sect-09 {
		padding-block: 100px 180px;
	}
}

.sales-prmt-panel-01 {
	display: flex;
	flex-direction: column;
	font-size: 16px;
	line-height: 2;
	gap: 30px 40px;
	color: #333;
}

@media (min-width: 960px) {
	.sales-prmt-panel-01 {
		flex-direction: row;
		align-items: flex-start;
	}
}

.sales-prmt-panel-01 p {
	font-size: inherit;
	line-height: inherit;
}

.sales-prmt-panel-01 + .sales-prmt-panel-01 {
	margin-top: 40px;
}

@media (min-width: 960px) {
	.sales-prmt-panel-01 + .sales-prmt-panel-01 {
		margin-top: 80px;
	}
}

.sales-prmt-panel-01 .panel-img {
	position: relative;
	z-index: 2;
	width: 100%;
	aspect-ratio: 374/211;
}

@media (min-width: 960px) {
	.sales-prmt-panel-01 .panel-img {
		width: 48%;
		aspect-ratio: 492/277;
	}
}

.sales-prmt-panel-01 .panel-img::before,
.sales-prmt-panel-01 .panel-img::after {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	width: 101%;
	height: 66%;
	right: 20px;
	bottom: -15px;
}

@media (min-width: 960px) {
	.sales-prmt-panel-01 .panel-img::before,
	.sales-prmt-panel-01 .panel-img::after {
		width: calc(100% - 10px);
		height: 100%;
		right: 30px;
		bottom: -30px;
	}
}

@media (min-width: 1060px) {
	.sales-prmt-panel-01 .panel-img::before,
	.sales-prmt-panel-01 .panel-img::after {
		width: calc(100% + ((100svw - 1060px) / 2) - 10px);
	}
}

.sales-prmt-panel-01 .panel-img::before {
	background: no-repeat center / cover;
	background-image: var(--panel-img);
}

.sales-prmt-panel-01 .panel-img::after {
	background-color: #2C427C;
	opacity: .7;
}

.sales-prmt-panel-01 .panel-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sales-prmt-panel-01 .panel-body {
	flex: 1;
}

.sales-prmt-panel-01 .panel-tit {
	margin-top: 0;
}

.sales-prmt-panel-01 .panel-count {
	position: relative;
	text-align: right;
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
	color: #2C427C;
	text-transform: uppercase;
	margin-bottom: .5em;
}

.sales-prmt-panel-01 .panel-count .line {
	display: block;
	position: relative;
	flex: 1;
}

.sales-prmt-panel-01 .panel-count .line::before {
	content: "";
	display: block;
	width: calc(100% + 20px);
	height: 1px;
	background-color: currentColor;
	position: absolute;
	right: 0;
}

@media (min-width: 960px) {
	.sales-prmt-panel-01 .panel-count .line::before {
		width: calc(100% + 40px);
	}
}

.sales-prmt-panel-01 .panel-count .count {
	flex-shrink: 0;
}

.sales-prmt-panel-01 .panel-count .count::after {
	content: counter(counter-item, decimal-leading-zero);
	display: inline-block;
	margin-left: .2em;
}

@media (min-width: 960px) {
	.sales-prmt-panel-01.reverse .panel-img {
		order: 999;
	}
}

.sales-prmt-panel-01.reverse .panel-img::before,
.sales-prmt-panel-01.reverse .panel-img::after {
	right: unset;
	left: 20px;
}

@media (min-width: 960px) {
	.sales-prmt-panel-01.reverse .panel-img::before,
	.sales-prmt-panel-01.reverse .panel-img::after {
		left: 30px;
	}
}

.sales-prmt-panel-01.reverse .panel-count {
	text-align: left;
}

.sales-prmt-panel-01.reverse .panel-count .line {
	order: 999;
}

.sales-prmt-panel-01.reverse .panel-count .line::before {
	right: unset;
	left: 0;
}

.sales-prmt-panel-02 {
	background-color: #F5F6F8;
	border-radius: 30px;
	color: #2C427C;
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	overflow: hidden;
	position: relative;
	max-width: 500px;
	margin-inline: auto;
}

@media (min-width: 960px) {
	.sales-prmt-panel-02 {
		max-width: 100%;
	}
}

.sales-prmt-panel-02 .panel-wrapper {
	padding: 25px 30px 7px;
	box-sizing: border-box;
}

@media (min-width: 960px) {
	.sales-prmt-panel-02 .panel-wrapper {
		width: 50%;
		padding-block: 25px;
	}
}

.sales-prmt-panel-02 .panel-tit {
	font-family: "Sora", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 1em;
}

@media (min-width: 960px) {
	.sales-prmt-panel-02 .panel-tit {
		margin-bottom: 0.5em;
	}
}

.sales-prmt-panel-02 .panel-catch {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	margin-block: 0 .5em;
}

@media (min-width: 960px) {
	.sales-prmt-panel-02 .panel-catch {
		font-size: 32px;
	}
}

.sales-prmt-panel-02 .panel-text {
	font-size: inherit;
	text-align: inherit;
}

.sales-prmt-panel-02 .panel-btn {
	display: flex;
	align-items: center;
	gap: 15px;
	width: max-content;
	max-width: 100%;
	font-size: 20px;
	font-weight: 700;
	transition: .3s all ease-in-out;
	margin-top: .75em;
}

@media (min-width: 960px) {
	.sales-prmt-panel-02 .panel-btn {
		margin-top: 1em;
	}
}

.sales-prmt-panel-02 .panel-btn:hover {
	opacity: 1;
}

.sales-prmt-panel-02 .panel-btn::after {
	content: "";
	display: inline-block;
	width: 1.5em;
	aspect-ratio: 1/1;
	flex-shrink: 0;
	background: url(../img/common/arrow_01.svg) no-repeat center / contain;
	transition: .3s all ease-in-out;
}

.sales-prmt-panel-02 .panel-btn:hover::after {
	transform: translateX(5px);
}

.sales-prmt-panel-02 .panel-img {
	max-width: 87%;
}

@media (min-width: 960px) {
	.sales-prmt-panel-02 .panel-img {
		position: absolute;
		left: 50.2%;
		bottom: 0;
		width: 39%;
		transform: translateY(32.2%);
	}
}

.sales-prmt-panel-03 {
	container: inline-size;
	counter-reset: counter-item;
	color: #333;
}

.sales-prmt-panel-03 .panel-container {
	max-width: 1025px;
}

.sales-prmt-panel-03 p {
	line-height: 2;
}

@media (min-width: 960px) {
	.sales-prmt-panel-03 p {
		font-size: 16px;
	}
}

.sales-prmt-panel-03 .panel-item {
	--bg: #fff;
	position: relative;
	background-color: var(--bg);
	counter-increment: counter-item;
	padding: 30px;
	padding-top: 120px;
}

@media (min-width: 960px) {
	.sales-prmt-panel-03 .panel-item {
		padding: 50px;
		padding-top: 150px;
	}
}

.sales-prmt-panel-03 .panel-item:not(:last-child)::after {
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 1300 / 76;
	background-color: var(--bg);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	left: 0;
	top: calc(100% - 1px);
	z-index: 2;
}

.sales-prmt-panel-03 .panel-item:nth-child(odd) {
	--bg: #EFF5F8;
}

.sales-prmt-panel-03 .panel-item::before {
	
}

.sales-prmt-panel-03 .panel-tit {
	font-size: 24px;
	color: #2C427C;
	font-weight: 700;
	margin-bottom: 1.1em;
}

@media (min-width: 960px) {
	.sales-prmt-panel-03 .panel-tit {
		font-size: 32px;
	}
}

.sales-prmt-panel-03 .panel-tit::before {
	content: counter(counter-item, decimal-leading-zero);
	font-size: 406%;
	line-height: 1;
	font-family: "Sora", sans-serif;
	display: block;
	opacity: .3;
	margin-bottom: -0.5em;
	color: #6A7AA3;
	pointer-events: none;
}

.sales-prmt-panel-04 {

}

.sales-prmt-mt-01 {
	margin-top: 60px;
}

@media (min-width: 960px) {
	.sales-prmt-mt-01 {
		margin-top: 150px;
	}
}

.sales-prmt-mt-02 {
	margin-top: 90px;
}

@media (min-width: 960px) {
	.sales-prmt-mt-02 {
		margin-top: 190px;
	}
}

.sales-prmt-mt-03 {
	margin-top: 40px;
}

@media (min-width: 960px) {
	.sales-prmt-mt-03 {
		margin-top: 80px;
	}
}

.sales-prmt-text-01 {
	font-size: 16px;
	line-height: 2;
	color: #333;
}

.sales-prmt-text-02 {
	font-size: 32px;
	line-height: 1.5;
	font-weight: 700;
	color: #2C427C;
}

@media (min-width: 960px) {
	.sales-prmt-text-02 {
		line-height: 1.875;
	}
}

.sales-prmt-grid-01 {
	margin-left: -40px;
}

.sales-prmt-grid-01 > * {
	padding-left: 40px;
}

.sales-prmt-dl-01 {
	--border: 1px solid #989898;
	border-top: var(--border);
	font-size: 16px;
	line-height: 1.6;
	color: #1A1311;
}

.sales-prmt-dl-01 .row {
	border-bottom: var(--border);
	padding-block: 1.25em;
}

.sales-prmt-dl-01 .head,
.sales-prmt-dl-01 .cont {
	padding-inline: 50px;
}

.sales-prmt-dl-01 .head {
	position: relative;
	font-size: 20px;
	font-weight: 700;
}

.sales-prmt-dl-01 .head::before,
.sales-prmt-dl-01 .head::after {
	content: "";
	position: absolute;
	display: block;
	width: 29px;
	aspect-ratio: 1/1;
	background: no-repeat center / contain;
}

.sales-prmt-dl-01 .head::before {
	background-image: url(../img/common/ico_ques.svg);
	top: 0;
	left: 25px;
	transform: translateX(-50%);
}

.sales-prmt-dl-01 .head::after {
	top: 0;
	right: 25px;
	transform: translateX(50%);
	background-image: url(../img/common/ico_plus.svg);
	background-size: 75%;
	transition: .3s all ease-in-out;
}

.sales-prmt-dl-01 .head.js-actived::after {
	background-image: url(../img/common/ico_minus.svg);
}

.sales-prmt-dl-01 .cont {
	padding-top: 1.25em;
}

.mt-s {
	margin-top: 20px;
}

@media (min-width: 960px) {
	.mt-s {
		margin-top: 30px;
	}
}

.mt-m {
	margin-top: 40px;
}

@media (min-width: 960px) {
	.mt-m {
		margin-top: 60px;
	}
}

.mt-1em {
	margin-top: 1em;
}

.pt-0 {
	padding-top: 0;
}

.com-grid-10 {
	margin-left: -10px;
}

.com-grid-10 > *  {
	padding-left: 10px;
}

.com-grid-20 {
	margin-left: -20px;
}

.com-grid-20 > *  {
	padding-left: 20px;
}

.com-grid-40 {
	margin-left: -40px;
}

.com-grid-40 > *  {
	padding-left: 40px;
}

.com-grid-margin-20 > .uk-grid-margin {
	margin-top: 20px;
}

.com-grid-margin-30 > .uk-grid-margin {
	margin-top: 30px;
}

.com-counter-reset {
	counter-reset: counter-item;
}

.com-counter-reset .counter-item {
	counter-increment: counter-item;
}

.uk-container .uk-container{
	padding-inline: 0;
}

.font-sora {
	font-family: "Sora", sans-serif !important;
}

.js-toggle {
	cursor: pointer;
}

.js-toggle-cont {
	display: none;
}