.sugoroku-wrapper {
	background-image: url("images/sugoroku/bg.webp");
	background-repeat: repeat;
	background-position: 50% 0;
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.sugoroku-wrapper {
		background-size: 61rem 61rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-wrapper {
		background-size: 17.2rem 17.2rem;
	}
}

.sugoroku-main {
	position: relative;
	--font-size1: 0.1rem;
	--font-size2: 0.2rem;
	--font-size3: 0.3rem;
	--font-size4: 0.4rem;
	--font-size5: 0.5rem;
	--font-size6: 0.6rem;
	--font-size7: 0.7rem;
	--font-size8: 0.8rem;
	--font-size9: 0.9rem;
	--font-size10: 1.0rem;
	--font-size11: 1.1rem;
	--font-size12: 1.2rem;
	--font-size13: 1.3rem;
	--font-size14: 1.4rem;
	--font-size15: 1.5rem;
	--font-size16: 1.6rem;
	--font-size17: 1.7rem;
	--font-size18: 1.8rem;
	--font-size19: 1.9rem;
	--font-size20: 2.0rem;
	--font-size21: 2.1rem;
	--font-size22: 2.2rem;
	--font-size23: 2.3rem;
	--font-size24: 2.4rem;
	--font-size25: 2.5rem;
	--font-size26: 2.6rem;
	--font-size27: 2.7rem;
	--font-size28: 2.8rem;
	--font-size29: 2.9rem;
	--font-size30: 3.0rem;
	--font-size31: 3.1rem;
	--font-size32: 3.2rem;
	--font-size33: 3.3rem;
	--font-size34: 3.4rem;
	--font-size35: 3.5rem;
	--font-size36: 3.6rem;
	--font-size37: 3.7rem;
	--font-size38: 3.8rem;
	--font-size39: 3.9rem;
	--font-size40: 4.0rem;
}

@media screen and (min-width: 1024px) {
	.sugoroku-main {
		padding-bottom: 17rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-main {
		padding-bottom: 12.8rem;
	}
}

/* ------------------------------------------------------------
 sugoroku-hero
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-hero__inner {
		position: absolute;
		width: calc( ( 820 / var(--base-width) ) * 100%);
		top: 13.1rem;
		left: calc( ( 127 / var(--base-width) ) * 100%);
		z-index: 100;
	}
	.sugoroku-hero__inner > * {
		--base-width: 820;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-hero__inner {
		position: relative;
		padding-top: 8.2rem;
	}
}

.sugoroku-hero__title {
	margin-inline: auto;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.sugoroku-hero__title {
		max-width: 62.7rem;
		width: calc( ( 627 / var(--base-width) ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-hero__title {
		max-width: 30.9rem;
		width: calc( ( 309 / var(--base-width) ) * 100%);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-hero__title img {
		-webkit-transform: translateX(0.7rem);
		transform: translateX(0.7rem);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-hero__breadcrumb {
		margin-top: 4.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-hero__breadcrumb {
		margin-top: 2.6rem;
	}
}

.sugoroku-hero__breadcrumb ol {
	justify-content: center;
}

/* ------------------------------------------------------------
 sugoroku-year
------------------------------------------------------------ */
.sugoroku-year {
	position: relative;
}

.sugoroku-year:nth-of-type(1) {
	z-index: 1;
}

.sugoroku-year:nth-of-type(2) {
	z-index: 2;
}

.sugoroku-year:nth-of-type(3) {
	z-index: 3;
}

.sugoroku-year:nth-of-type(4) {
	z-index: 4;
}

.sugoroku-year:nth-of-type(5) {
	z-index: 5;
}

.sugoroku-year:nth-of-type(6) {
	z-index: 6;
}

.sugoroku-year:nth-of-type(7) {
	z-index: 7;
}

.sugoroku-year:nth-of-type(8) {
	z-index: 8;
}

.sugoroku-year:nth-of-type(9) {
	z-index: 9;
}

.sugoroku-year:nth-of-type(10) {
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.sugoroku-year + .sugoroku-year {
		margin-top: calc( var(--border-size) * -1);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year + .sugoroku-year {
		margin-top: 6.8rem;
	}
}

/* ----------------------------------------
 sugoroku-year__header
---------------------------------------- */
.sugoroku-year__header {
	display: flex;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__header {
		position: absolute;
		bottom: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__header {
		margin-bottom: 1.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__header.-sp {
		display: none !important;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__header.-pc {
		display: none !important;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__header.-position1 {
		width: calc( ( 800 / var(--base-width) ) * 100%);
		left: 0;
		margin-bottom: -0.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__header.-position2 {
		width: calc( ( 917 / var(--base-width) ) * 100%);
		left: 0;
		margin-bottom: -3.5rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__header.-position3 {
		left: calc( ( 510 / var(--base-width) ) * 100%);
		margin-bottom: -9.7rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__header.-position4 {
		width: calc( ( 674 / var(--base-width) ) * 100%);
		left: 0;
		margin-bottom: -0.1rem;
	}
}

.sugoroku-year__title img {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__title [src*="year_title_20162017"] {
		max-width: 42.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__title [src*="year_title_20162017"] {
		max-width: 24.8rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__title [src*="year_title_20172019"] {
		max-width: 42.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__title [src*="year_title_20172019"] {
		max-width: 25rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__title [src*="year_title_20202021"] {
		max-width: 44.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__title [src*="year_title_20202021"] {
		max-width: 26.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__title [src*="year_title_20222025"] {
		max-width: 46.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__title [src*="year_title_20222025"] {
		max-width: 27.4rem;
	}
}

/* ----------------------------------------
 sugoroku-year__illust
---------------------------------------- */
.sugoroku-year__illust {
	position: absolute;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__illust {
		top: 16.7rem;
		left: -4.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__illust {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		justify-content: flex-end;
		top: -7.6rem;
		left: -3.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__illust__balloon {
		width: 14.1rem;
		margin-left: 6.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__illust__balloon {
		width: 29.2rem;
		margin-top: 0.7rem;
		margin-left: 0.9rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-year__illust__illust {
		width: 9.8rem;
		margin-top: -2.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-year__illust__illust {
		width: 7.1rem;
	}
}

/* ------------------------------------------------------------
 sugoroku-area
------------------------------------------------------------ */
.sugoroku-area {
	--radius-inner-tl: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20"><path d="M0,20h20V0c0,11.046-8.954,20-20,20Z"/></svg>');
	--radius-inner-tr: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20" style="transform: rotate(90deg)"><path d="M0,20h20V0c0,11.046-8.954,20-20,20Z"/></svg>');
	--radius-inner-bl: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20" style="transform: rotate(270deg)"><path d="M0,20h20V0c0,11.046-8.954,20-20,20Z"/></svg>');
	--radius-inner-br: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20 20" style="transform: rotate(180deg)"><path d="M0,20h20V0c0,11.046-8.954,20-20,20Z"/></svg>');
	--border: solid var(--border-size) var( --color-txt );
}

@media screen and (min-width: 1024px) {
	.sugoroku-area {
		--radius-outer: 100px;
		--radius-inner: 20px;
		--border-size: 5px;
		--space-top: var( --radius-inner );
		--space-bottom: var( --radius-inner );
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area {
		--radius-outer: 40px;
		--radius-outer2: 96px;
		--radius-inner: 20px;
		--border-size: 3px;
		margin-top: 10.7rem;
	}
}

.sugoroku-area__row {
	position: relative;
	margin-inline: auto;
	/* ---------- PC時のスタイリング ---------- */
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__row {
		display: flex;
		/*width: calc( ( 1304 / var(--base-width) ) * 100%);*/
		width: calc( ( 1200 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__row > * {
		/*--base-width: 1304;*/
		--base-width: 1200;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__row {
		width: calc( ( 343 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__row > * {
		--base-width: 343;
	}
	.sugoroku-area__row .sugoroku-area__cel__inner {
		--base-width: 337;
	}
}

.sugoroku-area__row:nth-of-type(1) {
	z-index: 1;
}

.sugoroku-area__row:nth-of-type(2) {
	z-index: 2;
}

.sugoroku-area__row:nth-of-type(3) {
	z-index: 3;
}

.sugoroku-area__row:nth-of-type(4) {
	z-index: 4;
}

.sugoroku-area__row:nth-of-type(5) {
	z-index: 5;
}

.sugoroku-area__row:nth-of-type(6) {
	z-index: 6;
}

.sugoroku-area__row:nth-of-type(7) {
	z-index: 7;
}

.sugoroku-area__row:nth-of-type(8) {
	z-index: 8;
}

.sugoroku-area__row:nth-of-type(9) {
	z-index: 9;
}

.sugoroku-area__row:nth-of-type(10) {
	z-index: 10;
}

.sugoroku-area__row:nth-of-type(11) {
	z-index: 11;
}

.sugoroku-area__row:nth-of-type(12) {
	z-index: 12;
}

.sugoroku-area__row:nth-of-type(13) {
	z-index: 13;
}

.sugoroku-area__row:nth-of-type(14) {
	z-index: 14;
}

.sugoroku-area__row:nth-of-type(15) {
	z-index: 15;
}

.sugoroku-area__row:nth-of-type(16) {
	z-index: 16;
}

.sugoroku-area__row:nth-of-type(17) {
	z-index: 17;
}

.sugoroku-area__row:nth-of-type(18) {
	z-index: 18;
}

.sugoroku-area__row:nth-of-type(19) {
	z-index: 19;
}

.sugoroku-area__row:nth-of-type(20) {
	z-index: 20;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__row.-full {
		display: block;
		width: 100%;
	}
	.sugoroku-area__row.-full > * {
		--base-width: 1500;
	}
	.sugoroku-area__row.-full section[class*="sugoroku-area__cell--"] .sugoroku-area__cel__main,
	.sugoroku-area__row.-full .sugoroku-area__cell--start .sugoroku-area__cel__main {
		border-left: none;
		border-right: none;
	}
}

.sugoroku-area__row + .sugoroku-area__row {
	margin-top: calc( var(--border-size) * -1);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__row.-reverse-column {
		flex-direction: row-reverse;
	}
	.sugoroku-area__row.-reverse {
		flex-direction: row-reverse;
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:nth-of-type(1),
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:nth-of-type(1) {
		z-index: 4;
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:nth-of-type(2),
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:nth-of-type(2) {
		z-index: 3;
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:nth-of-type(3),
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:nth-of-type(3) {
		z-index: 2;
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:nth-of-type(4),
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:nth-of-type(4) {
		z-index: 1;
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:first-of-type > *,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:first-of-type > * {
		--clip-top: calc( 100% - var(--clip-height) );
		--clip-left: calc( 100% - var(--clip-width) );
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cel__main,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cel__main {
		border-bottom-right-radius: var(--radius-outer);
		-webkit-mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		-webkit-mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		-webkit-mask-position: 100% 100% , 100% 0;
		mask-position: 100% 100% , 100% 0;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		will-change: mask-size;
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cell__dummy-pc,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cell__dummy-pc {
		top: var(--border-size);
		left: var(--border-size);
		border-right: var(--border);
		border-bottom: var(--border);
		border-bottom-right-radius: var(--radius-inner);
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cell__dummy-pc::before,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cell__dummy-pc::before {
		right: calc( var(--border-size) * -1);
		bottom: calc( var(--border-size) * -1);
		-webkit-mask-image: var(--radius-inner-tl);
		mask-image: var(--radius-inner-tl);
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cell__dummy-pc::after,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cell__dummy-pc::after {
		right: calc( var(--border-size) * -1 - 1px);
		bottom: calc( var(--border-size) * -1 - 1px);
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:last-of-type > *,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:last-of-type > * {
		--clip-top: calc( 100% - var(--clip-height) );
		--clip-left: calc( 100% - var(--clip-width) );
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cel__main,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cel__main {
		border-top-left-radius: var(--radius-outer);
		-webkit-mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		-webkit-mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		-webkit-mask-position: 0% 0% , 0 0;
		mask-position: 0% 0% , 0 0;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		will-change: mask-size;
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cell__dummy-pc,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cell__dummy-pc {
		right: var(--border-size);
		bottom: var(--border-size);
		border-top: var(--border);
		border-left: var(--border);
		border-top-left-radius: var(--radius-inner);
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cell__dummy-pc::before,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cell__dummy-pc::before {
		top: calc( var(--border-size) * -1);
		left: calc( var(--border-size) * -1);
		-webkit-mask-image: var(--radius-inner-br);
		mask-image: var(--radius-inner-br);
	}
	.sugoroku-area__row.-reverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cell__dummy-pc::after,
	.sugoroku-area__row.-reverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cell__dummy-pc::after {
		top: calc( var(--border-size) * -1 - 1px);
		left: calc( var(--border-size) * -1 - 1px);
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:nth-of-type(1),
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:nth-of-type(1) {
		z-index: 1;
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:nth-of-type(2),
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:nth-of-type(2) {
		z-index: 2;
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:nth-of-type(3),
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:nth-of-type(3) {
		z-index: 3;
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:nth-of-type(4),
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:nth-of-type(4) {
		z-index: 4;
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:first-of-type > *,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:first-of-type > * {
		--clip-top: calc( 100% - var(--clip-height) );
		--clip-left: calc( 100% - var(--clip-width) );
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cel__main,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cel__main {
		border-bottom-left-radius: var(--radius-outer);
		-webkit-mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		-webkit-mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		-webkit-mask-position: 0% 100% , 0 0;
		mask-position: 0% 100% , 0 0;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		will-change: mask-size;
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cell__dummy-pc,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cell__dummy-pc {
		top: var(--border-size);
		right: var(--border-size);
		border-left: var(--border);
		border-bottom: var(--border);
		border-bottom-left-radius: var(--radius-inner);
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cell__dummy-pc::before,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cell__dummy-pc::before {
		left: calc( var(--border-size) * -1);
		bottom: calc( var(--border-size) * -1);
		-webkit-mask-image: var(--radius-inner-tr);
		mask-image: var(--radius-inner-tr);
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:first-of-type .sugoroku-area__cell__dummy-pc::after,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:first-of-type .sugoroku-area__cell__dummy-pc::after {
		left: calc( var(--border-size) * -1 - 1px);
		bottom: calc( var(--border-size) * -1 - 1px);
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:last-of-type > *,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:last-of-type > * {
		--clip-top: calc( 100% - var(--clip-height) );
		--clip-left: calc( 100% - var(--clip-width) );
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cel__main,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cel__main {
		border-top-right-radius: var(--radius-outer);
		-webkit-mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		mask-image: linear-gradient(red 0%, red 100%), linear-gradient(red 0%, red 100%);
		-webkit-mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		mask-size: 100% var(--clip-top), var(--clip-left) 100%;
		-webkit-mask-position: 100% 0% , 100% 0;
		mask-position: 100% 0% , 100% 0;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		will-change: mask-size;
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cell__dummy-pc,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cell__dummy-pc {
		left: var(--border-size);
		bottom: var(--border-size);
		border-top: var(--border);
		border-right: var(--border);
		border-top-right-radius: var(--radius-inner);
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cell__dummy-pc::before,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cell__dummy-pc::before {
		top: calc( var(--border-size) * -1);
		right: calc( var(--border-size) * -1);
		-webkit-mask-image: var(--radius-inner-bl);
		mask-image: var(--radius-inner-bl);
	}
	.sugoroku-area__row.-obverse section[class*="sugoroku-area__cell--"]:last-of-type .sugoroku-area__cell__dummy-pc::after,
	.sugoroku-area__row.-obverse .sugoroku-area__cell--start:last-of-type .sugoroku-area__cell__dummy-pc::after {
		top: calc( var(--border-size) * -1 - 1px);
		right: calc( var(--border-size) * -1 - 1px);
	}
	.sugoroku-area__row section[class*="sugoroku-area__cell--"]:not(:first-of-type),
	.sugoroku-area__row .sugoroku-area__cell--start:not(:first-of-type) {
		margin-top: var(--space-top);
	}
	.sugoroku-area__row section[class*="sugoroku-area__cell--"]:not(:last-of-type),
	.sugoroku-area__row .sugoroku-area__cell--start:not(:last-of-type) {
		margin-bottom: var(--space-bottom);
	}
}

section[class*="sugoroku-area__cell--"],
.sugoroku-area__cell--start {
	position: relative;
	/* ---------- color ---------- */
}

@media screen and (max-width: 1023px) {
	section[class*="sugoroku-area__cell--"] + section[class*="sugoroku-area__cell--"],
	.sugoroku-area__cell--start + section[class*="sugoroku-area__cell--"] {
		margin-top: calc( var(--border-size) * -1);
	}
}

section[class*="sugoroku-area__cell--"].-beige,
.sugoroku-area__cell--start.-beige {
	/*--bg-color: var( --color-bg28 );
	--en-color: var( --color-main3 );*/
	--bg-color: #beb6e0;
	--en-color: #987cb4;
	--title-color: #875f87;
	--txt-color: #000;
}

section[class*="sugoroku-area__cell--"].-green,
.sugoroku-area__cell--start.-green {
	/*--bg-color: var( --color-main3 );
	--title-color: var( --color-txt2 );
	--txt-color: var( --color-txt2 );*/
	--bg-color: #e0ddf2;
	--en-color: #987cb4;
	--title-color: #875f87;
	--txt-color: #000;
}

section[class*="sugoroku-area__cell--"].-white,
.sugoroku-area__cell--start.-white {
	/*--bg-color: var( --color-bg2 );
	--en-color: var( --color-txt );
	--title-color: var( --color-main3 );
	--txt-color: var( --color-txt );*/
	--bg-color: #fbfbfb;
	--en-color: #987cb4;
	--title-color: #875f87;
	--txt-color: var( --color-txt );
}

section[class*="sugoroku-area__cell--"].-red,
.sugoroku-area__cell--start.-red {
	/*--bg-color: var( --color-bg29 );
	--en-color: var( --color-txt29 );
	--title-color: var( --color-txt2 );
	--txt-color: var( --color-txt2 );*/
	--bg-color: #3a4277;
	--en-color: #fff;
	--title-color: #fff;
	--txt-color: #fff;
}

.sugoroku-area__cel__inner {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cel__inner {
		-webkit-filter: drop-shadow(3rem 3rem 0 var(--color-shadow8));
		filter: drop-shadow(3rem 3rem 0 var(--color-shadow8));
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cel__inner {
		-webkit-filter: drop-shadow(1.5rem 1.5rem 0 var(--color-shadow8));
		filter: drop-shadow(1.5rem 1.5rem 0 var(--color-shadow8));
	}
}

.sugoroku-area__cel__main {
	position: relative;
	width: 100%;
	height: 100%;
	border-top: var(--border);
	border-bottom: var(--border);
	border-left: var(--border);
	border-right: var(--border);
	background-color: var(--bg-color);
	color: var(--txt-color);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cel__flex {
		display: flex;
		align-items: flex-start;
		width: 100%;
		margin-inline: auto;
	}
	.sugoroku-area__cel__flex.-reverse {
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__dummy-pc {
		position: absolute;
		width: var(--clip-width);
		height: var(--clip-height);
	}
	.sugoroku-area__cell__dummy-pc::before {
		content: '';
		display: block;
		width: var(--radius-inner);
		height: var(--radius-inner);
		position: absolute;
		z-index: -1;
		-webkit-mask-size: 100%;
		mask-size: 100%;
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		background-color: var(--bg-color);
	}
	.sugoroku-area__cell__dummy-pc::after {
		content: '';
		display: block;
		width: 2px;
		height: var(--radius-inner);
		position: absolute;
		z-index: -1;
		background-color: var(--bg-color);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__dummy-pc {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__dummy-sp {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__dummy-sp {
		position: absolute;
		z-index: 1;
		width: var(--ww);
		height: calc( var(--protrude-height) - var(--radius-inner));
		border-top: var(--border);
		border-bottom: var(--border);
		background-color: var(--bg-color);
	}
	.sugoroku-area__cell__dummy-sp::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 10;
	}
	.sugoroku-area__cell__dummy-sp::after {
		content: '';
		display: block;
		width: var(--radius-inner);
		height: var(--radius-inner);
		position: absolute;
		z-index: 1;
		-webkit-mask-size: 100%;
		mask-size: 100%;
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		background-color: var(--bg-color);
	}
	.sugoroku-area__cell__dummy-sp.-tl {
		right: calc( 100% - var(--border-size));
		bottom: 0;
	}
	.sugoroku-area__cell__dummy-sp.-tl::before, .sugoroku-area__cell__dummy-sp.-tl::after {
		right: 0;
		bottom: 100%;
	}
	.sugoroku-area__cell__dummy-sp.-tl::before {
		border-bottom-right-radius: var(--radius-inner);
		border-right: var(--border);
		border-bottom: var(--border);
	}
	.sugoroku-area__cell__dummy-sp.-tl::after {
		-webkit-mask-image: var(--radius-inner-tl);
		mask-image: var(--radius-inner-tl);
	}
	.sugoroku-area__cell__dummy-sp.-tr {
		bottom: 0;
		left: calc( 100% - var(--border-size));
	}
	.sugoroku-area__cell__dummy-sp.-tr::before, .sugoroku-area__cell__dummy-sp.-tr::after {
		bottom: 100%;
		left: 0;
	}
	.sugoroku-area__cell__dummy-sp.-tr::before {
		border-bottom-left-radius: var(--radius-inner);
		border-bottom: var(--border);
		border-left: var(--border);
	}
	.sugoroku-area__cell__dummy-sp.-tr::after {
		-webkit-mask-image: var(--radius-inner-tr);
		mask-image: var(--radius-inner-tr);
	}
	.sugoroku-area__cell__dummy-sp.-tr.-type2 {
		left: 100%;
		bottom: calc( var(--border-size) * -1);
	}
	.sugoroku-area__cell__dummy-sp.-bl {
		top: 0;
		right: calc( 100% - var(--border-size));
	}
	.sugoroku-area__cell__dummy-sp.-bl::before, .sugoroku-area__cell__dummy-sp.-bl::after {
		top: 100%;
		right: 0;
	}
	.sugoroku-area__cell__dummy-sp.-bl::before {
		border-top-right-radius: var(--radius-inner);
		border-top: var(--border);
		border-right: var(--border);
	}
	.sugoroku-area__cell__dummy-sp.-bl::after {
		-webkit-mask-image: var(--radius-inner-bl);
		mask-image: var(--radius-inner-bl);
	}
	.sugoroku-area__cell__dummy-sp.-br {
		top: 0;
		left: calc( 100% - var(--border-size));
	}
	.sugoroku-area__cell__dummy-sp.-br::before, .sugoroku-area__cell__dummy-sp.-br::after {
		top: 100%;
		left: 0;
	}
	.sugoroku-area__cell__dummy-sp.-br::before {
		border-top-left-radius: var(--radius-inner);
		border-top: var(--border);
		border-left: var(--border);
	}
	.sugoroku-area__cell__dummy-sp.-br::after {
		-webkit-mask-image: var(--radius-inner-br);
		mask-image: var(--radius-inner-br);
	}
}

/* ---------- sugoroku-area__cell__en ---------- */
.sugoroku-area__cell__en {
	text-align: center;
	color: var(--en-color);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
}

.sugoroku-area__cell__en::before, .sugoroku-area__cell__en::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-area__cell__en::before {
	margin-top: var(--font-sans-serif-top);
}

.sugoroku-area__cell__en::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__en {
		font-size: var(--font-size60);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__en {
		font-size: var(--font-size40);
	}
}

/* ---------- sugoroku-area__cell__step ---------- */
.sugoroku-area__cell__step {
	position: absolute;
	color: var(--title-color);
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__step {
		top: 1.8rem;
	}
	.sugoroku-area__cell__step.-pc-right {
		right: 2rem;
	}
	.sugoroku-area__cell__step.-pc-left {
		left: 2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__step {
		top: 1.2rem;
	}
	.sugoroku-area__cell__step.-sp-right {
		right: 1.2rem;
	}
	.sugoroku-area__cell__step.-sp-left {
		left: 1.2rem;
	}
}

.sugoroku-area__cell__step span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
}

.sugoroku-area__cell__step span::before, .sugoroku-area__cell__step span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-area__cell__step span::before {
	margin-top: var(--font-sans-serif-top);
}

.sugoroku-area__cell__step span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__step__en {
		font-size: var(--font-size10);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__step__en {
		font-size: var(--font-size8);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__step__num {
		font-size: var(--font-size22);
		margin-top: 0.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__step__num {
		font-size: var(--font-size20);
		margin-top: 0.6rem;
	}
}

/* ---------- sugoroku-area__cell__figure ---------- */
.sugoroku-area__cell__figure {
	width: 90%;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__figure {
		max-width: 28rem;
		margin-bottom: 4.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__figure {
		max-width: 24rem;
		margin-bottom: 2.8rem;
	}
}

.sugoroku-area__cell__contents + .sugoroku-area__cell__figure {
	margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__contents + .sugoroku-area__cell__figure {
		margin-top: 3.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__contents + .sugoroku-area__cell__figure {
		margin-top: 2.6rem;
	}
}

/* ---------- sugoroku-area__cell__figure2 ---------- */
.sugoroku-area__cell__figure2 {
	width: 90%;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__figure2 {
		max-width: 28.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__figure2 {
		max-width: 20rem;
	}
}

/* ---------- sugoroku-area__cell__title 英語日本語の順のタイトル ---------- */
@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title {
		text-align: center;
	}
}

.sugoroku-area__ico {
	color: var(--en-color);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 12px;
	font-size:32px;
	line-height:1;
}
.sugoroku-area__cell__title__en {
	color: var(--en-color);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
	line-height:1.5;
}

.sugoroku-area__cell__title__en::before, .sugoroku-area__cell__title__en::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-area__cell__title__en::before {
	margin-top: var(--font-sans-serif-top);
}

.sugoroku-area__cell__title__en::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__en {
		font-size: var(--font-size16);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__en {
		font-size: var(--font-size12);
	}
}

.sugoroku-area__cell__title__en2 {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-max);
	background-color: var(--en-color);
	color: var(--txt-color);
	font-family: var(--font-sans-serif);
	font-weight: 400;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__en2 {
		width: 11.1rem;
		height: 3.7rem;
		font-size: var(--font-size16);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__en2 {
		width: 8.6rem;
		height: 2.8rem;
		font-size: var(--font-size12);
	}
}

.sugoroku-area__cell__title__en2::before, .sugoroku-area__cell__title__en2::after {
	content: '';
	display: block;
	background-image: url("images/sugoroku/area_plus.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__en2::before, .sugoroku-area__cell__title__en2::after {
		width: 1.3rem;
		height: 1.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__en2::before, .sugoroku-area__cell__title__en2::after {
		width: 1rem;
		height: 1.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__en2::before {
		top: -1rem;
		left: -2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__en2::before {
		top: -0.7rem;
		left: -1.5rem;
	}
}

.sugoroku-area__cell__title__en2::after {
	bottom: 0;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__en2::after {
		right: -2.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__en2::after {
		right: -1.6rem;
	}
}

.sugoroku-area__cell__title__ja {
	color: var(--title-color);
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja {
		/*font-size: var(--font-size32);*/
	font-family: zen-maru-gothic, sans-serif;
	font-weight:700;
	font-size:26px;		
		--line-height: calc( 46 / 32 );
		/*margin-top: 2.2rem;*/
		margin-top:1.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja {
		font-size: var(--font-size24);
		--line-height: calc( 33 / 24 );
		margin-top: 1.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja5 + .sugoroku-area__cell__title__ja {
		margin-top: 1.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja5 + .sugoroku-area__cell__title__ja {
		margin-top: 1rem;
	}
}

.sugoroku-area__cell__title__ja.-plus, .sugoroku-area__cell__title__ja.-plus2 {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja.-plus, .sugoroku-area__cell__title__ja.-plus2 {
		margin-inline: auto;
	}
}

.sugoroku-area__cell__title__ja.-plus::before, .sugoroku-area__cell__title__ja.-plus::after, .sugoroku-area__cell__title__ja.-plus2::before, .sugoroku-area__cell__title__ja.-plus2::after {
	content: '';
	display: block;
	background-image: url("images/sugoroku/area_plus.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja.-plus::before, .sugoroku-area__cell__title__ja.-plus::after, .sugoroku-area__cell__title__ja.-plus2::before, .sugoroku-area__cell__title__ja.-plus2::after {
		width: 1.3rem;
		height: 1.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja.-plus::before, .sugoroku-area__cell__title__ja.-plus::after, .sugoroku-area__cell__title__ja.-plus2::before, .sugoroku-area__cell__title__ja.-plus2::after {
		width: 1rem;
		height: 1.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja.-plus::before {
		left: -3rem;
		bottom: -0.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja.-plus::before {
		left: -2.4rem;
		bottom: -0.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja.-plus::after {
		top: -1.7rem;
		right: -2.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja.-plus::after {
		top: -1.3rem;
		right: -1.9rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja.-plus2::before {
		left: -2.3rem;
		bottom: -0.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja.-plus2::before {
		left: -2.4rem;
		bottom: -0.1rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja.-plus2::after {
		top: -1.7rem;
		right: 2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja.-plus2::after {
		top: -1.3rem;
		right: -0.9rem;
	}
}

.sugoroku-area__cell__title__ja2 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja2 {
		margin-top: 2.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja2 {
		margin-top: 1.1rem;
	}
}

.sugoroku-area__cell__title__ja2__num {
	display: block;
	color: var(--en-color);
	font-family: var(--font-sans-serif2);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
}

.sugoroku-area__cell__title__ja2__num::before, .sugoroku-area__cell__title__ja2__num::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-area__cell__title__ja2__num::before {
	margin-top: var(--font-sans-serif2-top);
}

.sugoroku-area__cell__title__ja2__num::after {
	margin-bottom: var(--font-sans-serif2-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja2__num {
		font-size: var(--font-size70);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja2__num {
		font-size: var(--font-size48);
	}
}

.sugoroku-area__cell__title__ja2__unit {
	display: block;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja2__unit {
		font-size: var(--font-size36);
		margin-left: 0.6rem;
		margin-bottom: 0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja2__unit {
		font-size: var(--font-size24);
		margin-left: 0.5rem;
		margin-bottom: 0.2rem;
	}
}

.sugoroku-area__cell__title__ja3 {
	letter-spacing: calc( 40 / 1000 * 1em);
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja3 {
		max-width: 26.4rem;
		width: calc( ( 264 / var(--base-width) ) * 100%);
		font-size: var(--font-size24);
		--line-height: calc( 34 / 24 );
		margin-top: 2.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja3 {
		max-width: 19.7rem;
		width: calc( ( 197 / var(--base-width) ) * 100%);
		font-size: var(--font-size18);
		--line-height: calc( 30 / 18 );
		margin-top: 2.4rem;
	}
}

.sugoroku-area__cell__title__ja4 {
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja4 {
		font-size: var(--font-size20);
		--line-height: calc( 32 / 20 );
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja4 {
		font-size: var(--font-size18);
		--line-height: calc( 30 / 18 );
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__en + .sugoroku-area__cell__title__ja4 {
		margin-top: 2.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__en + .sugoroku-area__cell__title__ja4 {
		margin-top: 1.8rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja + .sugoroku-area__cell__title__ja4 {
		margin-top: 3.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja + .sugoroku-area__cell__title__ja4 {
		margin-top: 2.6rem;
	}
}

.sugoroku-area__cell__title__ja4__large {
	display: inline-block;
	color: var(--en-color);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja4__large {
		font-size: var(--font-size36);
		margin-top: 0.8rem;
		margin-bottom: 1.5rem;
		margin-right: 0.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja4__large {
		font-size: var(--font-size30);
		margin-top: 0.4rem;
		margin-bottom: 0.7rem;
		margin-right: 0.5rem;
	}
}

.sugoroku-area__cell__title__ja5 {
	color: var(--title-color);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title__ja5 {
		font-size: var(--font-size20);
		--line-height: calc( 30 / 20 );
		margin-top: 2.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title__ja5 {
		font-size: var(--font-size16);
		--line-height: calc( 24 / 16 );
		margin-top: 1.3rem;
	}
}

/* ---------- sugoroku-area__cell__title2 日本語英語の順のタイトル ---------- */
@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title2 {
		text-align: center;
	}
}

.sugoroku-area__cell__title2__ja {
	color: var(--en-color);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title2__ja {
		font-size: var(--font-size15);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title2__ja {
		font-size: var(--font-size12);
	}
}

.sugoroku-area__cell__title2__en {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title2__en {
		margin-top: 2.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title2__en {
		margin: 1.9rem auto 0;
	}
}

.sugoroku-area__cell__title2__en::before, .sugoroku-area__cell__title2__en::after {
	content: '';
	display: block;
	background-image: url("images/sugoroku/area_plus.svg");
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title2__en::before, .sugoroku-area__cell__title2__en::after {
		width: 1.3rem;
		height: 1.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title2__en::before, .sugoroku-area__cell__title2__en::after {
		width: 1rem;
		height: 1.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title2__en::before {
		top: -1.8rem;
		left: -2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title2__en::before {
		top: -1.3rem;
		left: -2.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title2__en::after {
		right: 1.3rem;
		bottom: -0.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title2__en::after {
		right: -2rem;
		bottom: -0.8rem;
	}
}

.sugoroku-area__cell__title2__en > span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
}

.sugoroku-area__cell__title2__en > span::before, .sugoroku-area__cell__title2__en > span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-area__cell__title2__en > span::before {
	margin-top: var(--font-sans-serif-top);
}

.sugoroku-area__cell__title2__en > span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__title2__en > span {
		font-size: var(--font-size36);
		--line-height: calc( 44 / 36 );
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__title2__en > span {
		font-size: var(--font-size24);
	}
}

/* ---------- sugoroku-area__cell__contents ---------- */
.sugoroku-area__cell__contents {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__contents {
		margin-top: 2.8rem;
	}
	.sugoroku-area__cell__contents.-width {
		/*max-width: 28.4rem;*/
		max-width:40rem;
		width: calc( ( 284 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__cell__contents.-width2 {
		max-width: 28.6rem;
		width: calc( ( 286 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__cell__contents.-width3 {
		max-width: 32.2rem;
		width: calc( ( 322 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__cell__contents.-width4 {
		max-width: 42.6rem;
		width: calc( ( 426 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__cell__contents.-width5 {
		max-width: 38.6rem;
		width: calc( ( 386 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__cell__contents.-width6 {
		max-width: 29.2rem;
		width: calc( ( 292 / var(--base-width) ) * 100%);
	}
	.sugoroku-area__cell__contents.-width7 {
		max-width: 60rem;
		width: calc( ( 600 / var(--base-width) ) * 100%);
		text-align: center;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__contents {
		max-width: 23.8rem;
		width: calc( ( 238 / var(--base-width) ) * 100%);
		margin-top: 1.8rem;
	}
}

.sugoroku-area__cell__contents > * + * {
	/*margin-top: 2.6rem;*/
	margin-top:6.5rem;
}

/* ---------- sugoroku-area__cell__loopslider ---------- */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__loopslider {
		margin-top: 4.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__loopslider {
		margin-top: 3.3rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__loopslider > * + * {
		margin-top: 1.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__loopslider > * + * {
		margin-top: -1px;
	}
}

.sugoroku-area__cell__loopslider > * + * .sugoroku-area__cell__loopslider__cell {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__loopslider__cell {
		min-width: 38.8rem;
		width: 38.8rem;
		padding-right: 1.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__loopslider__cell {
		min-width: 22rem;
		width: 22rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__loopslider__cell img {
		border-radius: var(--radius-xs);
	}
}

/* ---------- sugoroku-area__cell__illust ---------- */
.sugoroku-area__cell__illust {
	position: absolute;
	z-index: auto;
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__illust {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.sugoroku-area__cell__illust__balloon {
	position: relative;
}

.sugoroku-area__cell__illust__balloon a {
	display: block;
	transition: opacity var(--transition-hover);
}

@media (hover: hover) {
	.sugoroku-area__cell__illust__balloon a:hover {
		opacity: var(--hover-opacity);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__illust__balloon button {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__illust__balloon button {
		position: absolute;
		right: 2.1rem;
		bottom: 9.8rem;
	}
}

.sugoroku-area__cell__illust__illust {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__illust__illust {
		width: 8.7rem;
        margin-top: 1.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__illust__illust {
		width: 5.9rem;
		margin-top: 0.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__illust__illust [src*="area_illust_1.svg"] {
		margin-left: 0.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__illust__illust [src*="area_illust_1.svg"] {
		margin-left: 0.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell__illust__illust [src*="area_illust_2.svg"] {
		margin-left: -0.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell__illust__illust [src*="area_illust_2.svg"] {
		margin-left: -0.4rem;
	}
}

/* --------------------------------------------------
 kind
 他でも利用するものは変数にする

 横幅は共通もあるので下記にまとめて記述し、
 セルの詳細は別途用意し記述する
-------------------------------------------------- */
@media screen and (min-width: 1024px) {
	.sugoroku-area {
		--cell-13-width: calc( 434 / 1500 * var( --ww ) - var(--radius-inner) );
		--cell-16-width: calc( 402 / 1500 * var( --ww ));
		--cell-19-width: calc( 312 / 1500 * var( --ww ));
		--cell-23-width: calc( 611 / 1500 * var( --ww ));
		--cell-25-width: calc( 578 / 1500 * var( --ww ));
		--cell-27-width: calc( 494 / 1500 * var( --ww ));
		--cell-31-width: calc( 433 / 1500 * var( --ww ));
	}
	/* ---------- width ---------- */
	.sugoroku-area__cell--start,
	.sugoroku-area__cell--01,
	.sugoroku-area__cell--08,
	.sugoroku-area__cell--15,
	.sugoroku-area__cell--22 {
		min-width: calc( 434 / 1500 * var( --ww ) - var(--radius-inner));
		width: calc( 434 / 1500 * var( --ww ) - var(--radius-inner));
	}
	.sugoroku-area__cell--start .sugoroku-area__cel__inner,
	.sugoroku-area__cell--01 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--08 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--15 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--22 .sugoroku-area__cel__inner {
		--base-width: 404;
	}
	.sugoroku-area__cell--02,
	.sugoroku-area__cell--04,
	.sugoroku-area__cell--05,
	.sugoroku-area__cell--07,
	.sugoroku-area__cell--09,
	.sugoroku-area__cell--16,
	.sugoroku-area__cell--11,
	.sugoroku-area__cell--18,
	.sugoroku-area__cell--12,
	.sugoroku-area__cell--19,
	.sugoroku-area__cell--14,
	.sugoroku-area__cell--21 {
		min-width: calc( 434 / 1500 * var( --ww ));
		width: calc( 434 / 1500 * var( --ww ));
	}
	.sugoroku-area__cell--02 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--04 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--05 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--07 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--09 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--16 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--11 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--18 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--12 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--19 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--14 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--21 .sugoroku-area__cel__inner {
		--base-width: 424;
	}
	.sugoroku-area__cell--03,
	.sugoroku-area__cell--06,
	.sugoroku-area__cell--10,
	.sugoroku-area__cell--17,
	.sugoroku-area__cell--13,
	.sugoroku-area__cell--21 {
		flex: 1;
		width: calc( 446 / 1500 * var( --ww ));
		margin-right: calc( var(--border-size) * -1 - 1px);
		margin-left: calc( var(--border-size) * -1 - 1px);
	}
	.sugoroku-area__cell--03 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--06 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--10 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--17 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--13 .sugoroku-area__cel__inner,
	.sugoroku-area__cell--21 .sugoroku-area__cel__inner {
		--base-width: 436;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--05,
	.sugoroku-area__cell--06,
	.sugoroku-area__cell--07,
	.sugoroku-area__cell--12,
	.sugoroku-area__cell--19,
	.sugoroku-area__cell--13,
	.sugoroku-area__cell--20,
	.sugoroku-area__cell--14,
	.sugoroku-area__cell--21 {
		width: calc( ( 273 / var(--base-width) ) * 100%);
		margin-inline: auto;
	}
}

/* ------------------------------
 sugoroku-area__cell--start
------------------------------ */
@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--start .sugoroku-area__cel__inner {
		--protrude-height: 100%;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--start .sugoroku-area__cel__main {
		border-top: none;
		padding: 11.7rem 0 3.1rem;
	}
	.sugoroku-area__cell--start .sugoroku-area__cel__main::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 100%;
		right: calc( var(--border-size) * -1);
		background-color: var(--bg-color);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--start .sugoroku-area__cel__main {
		border-radius: var(--radius-outer) 0 0 0;
		padding: 2.9rem 0 2.7rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--01
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--01 .sugoroku-area__cel__main {
		padding: 6.7rem 0 8.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--01 .sugoroku-area__cel__main {
		padding: 5rem 0 24rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--01 .sugoroku-area__cell__illust {
		width: 18.5rem;
		left: -16.8rem;
		/*bottom: -3.9rem;*/
		bottom: -2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--01 .sugoroku-area__cell__illust {
		width: 15.1rem;
		bottom: -2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--01 .sugoroku-area__cell__illust__illust img {
		margin-left: -0.4rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--02
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--02 {
		--space-bottom: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--02 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--02 .sugoroku-area__cel__main {
		padding: 11.4rem 0 12.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--02 .sugoroku-area__cel__main {
		padding: 5rem 0 6.1rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--03
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--03 {
		--space-bottom: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--03 .sugoroku-area__cel__main {
		/*padding: 7.6rem 0 6.5rem;*/
		padding: 9.3rem 0 6.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--03 .sugoroku-area__cel__main {
		padding: 5rem 0 5.6rem;
	}
}

.sugoroku-area__cell--03__logo {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--03__logo {
		width: 16.3rem;
		margin-top: 3.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--03__logo {
		width: 14rem;
		margin-top: 2.3rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--04
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--04 {
		z-index: auto !important;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--04 .sugoroku-area__cel__inner {
		--clip-width: var( --radius-inner );
		--clip-height: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--04 .sugoroku-area__cel__main {
		padding: 8.1rem 0 9.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--04 .sugoroku-area__cel__main {
		border-radius: 0 0 var(--radius-inner) var(--radius-inner);
		padding: 5rem 0 17.3rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--04 .sugoroku-area__cell__illust {
		/*width: 14.3rem;*/
		width: 18.5rem;
		/*right: -6.8rem;*/
		right:2.2rem;
		bottom: 2.7rem;
		z-index: 5;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--04 .sugoroku-area__cell__illust {
		width: 12.2rem;
		bottom: -2.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--04 .sugoroku-area__cell__illust__illust {
		/*margin-top: -0.8rem;
		margin-left: 0.8rem;*/
		margin-top: 1rem;
		margin-left: 5rem;
		width: 9.2rem;
	}
}

.sugoroku-area__cell--04 .sugoroku-area__cell__illust__illust img {
	margin-left: 0px;
}

/* ------------------------------
 sugoroku-area__cell--05
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--05 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--05 .sugoroku-area__cel__main {
		padding: 6rem 0 10.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--05 .sugoroku-area__cel__main {
		padding: 4.7rem 0 4.5rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--06
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--06 .sugoroku-area__cel__main {
		padding: 8.6rem 0 10.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--06 .sugoroku-area__cel__main {
		padding: 5rem 0 5.7rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--07
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--07 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--07 .sugoroku-area__cel__main {
		padding: 6.7rem 0 6.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--07 .sugoroku-area__cel__main {
		padding: 5rem 0 5.6rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--08
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--08 .sugoroku-area__cel__main {
		padding: 6.5rem 0 7.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--08 .sugoroku-area__cel__main {
		border-radius: var(--radius-inner) var(--radius-inner) 0 0;
		padding: 5rem 0 39rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--08 .sugoroku-area__cell__illust {
		display: flex;
		align-items: flex-end;
		left: -57.8rem;
		bottom: 5.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--08 .sugoroku-area__cell__illust {
		width: 37rem;
		bottom: -2.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--08 .sugoroku-area__cell__illust__balloon {
		width: 52.8rem;
	}
}

.sugoroku-area__cell--08 .sugoroku-area__cell__illust__illust {
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--08 .sugoroku-area__cell__illust__illust {
		width: 9.8rem;
		margin-top: 0;
		margin-bottom: 2.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--08 .sugoroku-area__cell__illust__illust {
		margin-top: 0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--08 .sugoroku-area__cell__illust__illust img {
		margin-left: -0.4rem;
	}
}
/* ------------------------------
 sugoroku-area__cell--09
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--09 {
		--space-bottom: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--09 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--09 .sugoroku-area__cel__main {
		padding: 11.4rem 0 12.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--09 .sugoroku-area__cel__main {
		padding: 5rem 0 6.1rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--10
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--10 {
		--space-bottom: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--10 .sugoroku-area__cel__main {
		/*padding: 7.6rem 0 6.5rem;*/
		padding: 9.3rem 0 6.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--10 .sugoroku-area__cel__main {
		padding: 5rem 0 5.6rem;
	}
}

.sugoroku-area__cell--10__logo {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--10__logo {
		width: 16.3rem;
		margin-top: 3.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--10__logo {
		width: 14rem;
		margin-top: 2.3rem;
	}
}
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--10 .sugoroku-area__cell__illust {
		width: 18.5rem;
        right: 0;
        /* bottom: -3.9rem; */
        top: -19rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--10 .sugoroku-area__cell__illust {
		width: 15.1rem;
		bottom: -2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--10 .sugoroku-area__cell__illust__illust img {
		margin-left: -0.4rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--11
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--11 {
		z-index: auto !important;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--11 .sugoroku-area__cel__inner {
		--clip-width: var( --radius-inner );
		--clip-height: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--11 .sugoroku-area__cel__main {
		padding: 8.1rem 0 9.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--11 .sugoroku-area__cel__main {
		border-radius: 0 0 var(--radius-inner) var(--radius-inner);
		padding: 5rem 0 17.3rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--11 .sugoroku-area__cell__illust {
		width: 18.5rem;
		right:2.2rem;
		bottom: 2.7rem;
		z-index: 5;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--11 .sugoroku-area__cell__illust {
		width: 12.2rem;
		bottom: -2.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--11 .sugoroku-area__cell__illust__illust {
		margin-top: 1rem;
		margin-left: 5rem;
		width: 9.2rem;
	}
}

.sugoroku-area__cell--11 .sugoroku-area__cell__illust__illust img {
	margin-left: 0px;
}

/* ------------------------------
 sugoroku-area__cell--12
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--12 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--12 .sugoroku-area__cel__main {
		padding: 6rem 0 10.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--12 .sugoroku-area__cel__main {
		padding: 4.7rem 0 4.5rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--13
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--13 .sugoroku-area__cel__main {
		padding: 8.6rem 0 10.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--13 .sugoroku-area__cel__main {
		padding: 5rem 0 5.7rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--14
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--14 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--14 .sugoroku-area__cel__main {
		padding: 6.7rem 0 6.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--14 .sugoroku-area__cel__main {
		padding: 5rem 0 5.6rem;
	}
}
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--14 .sugoroku-area__cell__illust {
		width: 18.5rem;
        right: -4.5rem;
        /* bottom: -3.9rem; */
        top: -5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--14 .sugoroku-area__cell__illust {
		width: 15.1rem;
		bottom: -2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--14 .sugoroku-area__cell__illust__illust img {
		margin-left: -0.4rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--15
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--15 .sugoroku-area__cel__main {
		padding: 6.5rem 0 7.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--15 .sugoroku-area__cel__main {
		border-radius: var(--radius-inner) var(--radius-inner) 0 0;
		padding: 5rem 0 39rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--15 .sugoroku-area__cell__illust {
		display: flex;
		align-items: flex-end;
		left: -57.8rem;
		bottom: 5.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--15 .sugoroku-area__cell__illust {
		width: 37rem;
		bottom: -2.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--15 .sugoroku-area__cell__illust__balloon {
		width: 52.8rem;
	}
}

.sugoroku-area__cell--15 .sugoroku-area__cell__illust__illust {
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--15 .sugoroku-area__cell__illust__illust {
		width: 9.8rem;
		margin-top: 0;
		margin-bottom: 2.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--15 .sugoroku-area__cell__illust__illust {
		margin-top: 0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--15 .sugoroku-area__cell__illust__illust img {
		margin-left: -0.4rem;
	}
}
/* ------------------------------
 sugoroku-area__cell--16
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--16 {
		--space-bottom: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--16 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--16 .sugoroku-area__cel__main {
		padding: 11.4rem 0 12.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--16 .sugoroku-area__cel__main {
		padding: 5rem 0 6.1rem;
	}
}
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--16 .sugoroku-area__cell__illust {
		width: 18.5rem;
        right: -2rem;
        /* bottom: -3.9rem; 
        top: 1rem;*/
        top: -4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--16 .sugoroku-area__cell__illust {
		width: 15.1rem;
		bottom: -2.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--16 .sugoroku-area__cell__illust__illust img {
		margin-left: -0.4rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--17
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--17 {
		--space-bottom: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--17 .sugoroku-area__cel__main {
		/*padding: 7.6rem 0 6.5rem;*/
		padding: 9.3rem 0 6.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--17 .sugoroku-area__cel__main {
		padding: 5rem 0 5.6rem;
	}
}

.sugoroku-area__cell--17__logo {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--17__logo {
		width: 16.3rem;
		margin-top: 3.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--17__logo {
		width: 14rem;
		margin-top: 2.3rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--18
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--18 {
		z-index: auto !important;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--18 .sugoroku-area__cel__inner {
		--clip-width: var( --radius-inner );
		--clip-height: 17.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--18 .sugoroku-area__cel__main {
		padding: 8.1rem 0 9.7rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--18 .sugoroku-area__cel__main {
		border-radius: 0 0 var(--radius-inner) var(--radius-inner);
		padding: 5rem 0 17.3rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--18 .sugoroku-area__cell__illust {
		width: 18.5rem;
		right:2.2rem;
		bottom: 2.7rem;
		z-index: 5;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--18 .sugoroku-area__cell__illust {
		width: 12.2rem;
		bottom: -2.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--18 .sugoroku-area__cell__illust__illust {
		margin-top: 1rem;
		margin-left: 5rem;
		width: 9.2rem;
	}
}

.sugoroku-area__cell--18 .sugoroku-area__cell__illust__illust img {
	margin-left: 0px;
}
/* ------------------------------
 sugoroku-area__cell--19
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--19 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--19 .sugoroku-area__cel__main {
		padding: 6rem 0 10.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--19 .sugoroku-area__cel__main {
		padding: 4.7rem 0 4.5rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--20
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--20 .sugoroku-area__cel__main {
		padding: 8.6rem 0 10.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--20 .sugoroku-area__cel__main {
		padding: 5rem 0 5.7rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--21
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--21 .sugoroku-area__cel__inner {
		--clip-width: var(--radius-inner);
		--clip-height: var(--radius-inner);
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--21 .sugoroku-area__cel__main {
		padding: 6.7rem 0 6.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--21 .sugoroku-area__cel__main {
		padding: 5rem 0 5.6rem;
	}
}

/* ------------------------------
 sugoroku-area__cell--22
------------------------------ */
@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--22 .sugoroku-area__cel__main {
		padding: 6.5rem 0 7.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--22 .sugoroku-area__cel__main {
		border-radius: var(--radius-inner) var(--radius-inner) 0 0;
		padding: 5rem 0 39rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--22 .sugoroku-area__cell__illust {
		display: flex;
		align-items: flex-end;
		left: -57.8rem;
		bottom: 5.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--22 .sugoroku-area__cell__illust {
		width: 37rem;
		bottom: -2.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--22 .sugoroku-area__cell__illust__balloon {
		width: 52.8rem;
	}
}

.sugoroku-area__cell--22 .sugoroku-area__cell__illust__illust {
	z-index: -1;
}

@media screen and (min-width: 1024px) {
	.sugoroku-area__cell--22 .sugoroku-area__cell__illust__illust {
		width: 9.8rem;
		margin-top: 0;
		margin-bottom: 2.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--22 .sugoroku-area__cell__illust__illust {
		margin-top: 0.4rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-area__cell--22 .sugoroku-area__cell__illust__illust img {
		margin-left: -0.4rem;
	}
}



/* ------------------------------------------------------------
 sugoroku-future
------------------------------------------------------------ */
.sugoroku-future {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.sugoroku-future {
		display: flex;
		justify-content: center;
		padding-bottom: 3rem;
		clip-path: polygon(0 -0.5px, 100% -0.5px, 100% 100%, 0% 100%);
	}
}

@media screen and (min-width: 1441px) {
	.sugoroku-future {
		overflow: hidden;
		clip-path: none;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future {
		overflow: hidden;
		padding-bottom: 1.5rem;
	}
}

.sugoroku-future__inner {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__inner {
		min-width: 150rem;
		width: 150rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__inner {
		width: calc( ( 343 / var(--base-width) ) * 100%);
		margin-inline: auto;
		border-left: var(--border);
		border-right: var(--border);
		border-bottom: var(--border);
		background-color: var(--color-sugoroku9);
		-webkit-filter: drop-shadow(1.5rem 1.5rem 0 var(--color-shadow8));
		filter: drop-shadow(1.5rem 1.5rem 0 var(--color-shadow8));
		padding: 3.5rem 0 10.4rem;
		border-radius: 0 0 0 var(--radius-outer2);
		--protrude-height: 15.2rem;
		--bg-color: var( --color-sugoroku9 );
	}
	.sugoroku-future__inner::before {
		content: '';
		display: block;
		width: 100%;
		height: calc( 100% - var(--protrude-height));
		position: absolute;
		top: 0;
		left: 0;
		background: var(--color-gradation7);
	}
	.sugoroku-future__inner > * {
		--base-width: 337;
	}
	.sugoroku-future__inner .sugoroku-area__cell__dummy-sp {
		z-index: -1;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__body {
		position: relative;
		max-width: 33.7rem;
		width: 100%;
		margin: 0 auto;
	}
}

/* ----------------------------------------
 sugoroku-future__start
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.sugoroku-future__start {
		position: absolute;
		z-index: 1;
		top: 6.3rem;
		left: 19.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__start {
		position: relative;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin: 0 auto;
	}
	.sugoroku-future__start::before {
		content: '';
		display: block;
		width: 11.6rem;
		height: 28.8rem;
		background-image: url("images/sugoroku/feture_dot_sp_1.webp");
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 4.4rem;
		left: 7.9rem;
	}
}

.sugoroku-future__start span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
}

.sugoroku-future__start span::before, .sugoroku-future__start span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-future__start span::before {
	margin-top: var(--font-sans-serif-top);
}

.sugoroku-future__start span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__start span {
		font-size: var(--font-size60);
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__start span {
		font-size: var(--font-size40);
	}
}

/* ----------------------------------------
 sugoroku-future__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.sugoroku-future__title {
		position: absolute;
		z-index: 1;
		top: 5.8rem;
		left: 62rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__title {
		margin-top: 10.9rem;
		margin-left: 3.4rem;
	}
}

.sugoroku-future__title__ja {
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__title__ja {
		font-size: var(--font-size38);
		--line-height: calc( 69 / 38 );
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__title__ja {
		font-size: var(--font-size22);
		--line-height: calc( 35 / 22 );
	}
}

.sugoroku-future__title__en {
	display: grid;
	gap: 0.2rem;
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__title__en {
		margin-top: 4.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__title__en {
		margin-top: 2.4rem;
	}
}

.sugoroku-future__title__en span {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background-color: var(--color-bg3);
	color: var(--color-txt30);
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
	letter-spacing: calc( 20 / 1000 * 1em);
}

.sugoroku-future__title__en span::before, .sugoroku-future__title__en span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-future__title__en span::before {
	margin-top: var(--font-sans-serif-top);
}

.sugoroku-future__title__en span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__title__en span {
		font-size: var(--font-size20);
		padding: 0.65rem 0.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__title__en span {
		font-size: var(--font-size12);
		padding: 0.4rem 0.3rem;
	}
}

/* ----------------------------------------
 sugoroku-future__section
---------------------------------------- */
@media screen and (max-width: 1023px) {
	.sugoroku-future__section {
		margin-top: -1.1rem;
	}
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
	.sugoroku-future__section + .sugoroku-future__section {
		margin-top: -5rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__section__title {
		position: absolute;
		z-index: 1;
		width: 34.6rem;
		-webkit-filter: drop-shadow(3rem 3rem 0 var(--color-shadow));
		filter: drop-shadow(3rem 3rem 0 var(--color-shadow));
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__section__title {
		position: relative;
		z-index: 1;
		width: 21.2rem;
	}
	.sugoroku-future__section__title::before {
		content: '';
		display: block;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
	}
	.sugoroku-future__section__title img {
		position: relative;
		z-index: 1;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__section__title.-position1 {
		top: 26.7rem;
		right: 16.9rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__section__title.-position1 {
		margin-right: -5rem;
		margin-left: auto;
	}
	.sugoroku-future__section__title.-position1::before {
		width: 20.5rem;
		height: 18.4rem;
		background-image: url("images/sugoroku/feture_dot_sp_2.webp");
		top: 6.9rem;
		right: 10.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__section__title.-position1 + .sugoroku-future__list {
		margin-top: -3.4rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__section__title.-position2 {
		top: 84rem;
		left: 11.1rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__section__title.-position2 {
		margin-left: -5rem;
	}
	.sugoroku-future__section__title.-position2::before {
		width: 4.2rem;
		height: 18.5rem;
		background-image: url("images/sugoroku/feture_dot_sp_4.webp");
		top: 11.1rem;
		left: 13rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__section__title.-position2 + .sugoroku-future__list {
		margin-top: 4.6rem;
	}
}

/* ---------- sugoroku-future__list ---------- */
.sugoroku-future__cell.-posiiton1 {
	--txt-color: var( --color-sugoroku1 );
}

.sugoroku-future__cell.-posiiton2 {
	--txt-color: var( --color-sugoroku2 );
}

.sugoroku-future__cell.-posiiton3 {
	--txt-color: var( --color-sugoroku3 );
}

.sugoroku-future__cell.-posiiton4 {
	--txt-color: var( --color-sugoroku4 );
}

.sugoroku-future__cell.-posiiton5 {
	--txt-color: var( --color-sugoroku5 );
}

.sugoroku-future__cell.-posiiton6, .sugoroku-future__cell.-posiiton7 {
	--txt-color: var( --color-sugoroku6 );
}

.sugoroku-future__cell.-posiiton8 {
	--txt-color: var( --color-sugoroku7 );
}

.sugoroku-future__cell.-posiiton9, .sugoroku-future__cell.-posiiton10 {
	--txt-color: var( --color-sugoroku8 );
}

.sugoroku-future__cell.-posiiton11 {
	--txt-color: var( --color-sugoroku9 );
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__cell {
		position: absolute;
		z-index: 1;
		width: 20rem;
	}
	.sugoroku-future__cell.-posiiton1 {
		top: 31.9rem;
		left: 20.6rem;
	}
	.sugoroku-future__cell.-posiiton2 {
		top: 49.3rem;
		left: 45.3rem;
	}
	.sugoroku-future__cell.-posiiton3 {
		top: 49.3rem;
		left: 73.5rem;
	}
	.sugoroku-future__cell.-posiiton4 {
		top: 57rem;
		left: 102.8rem;
	}
	.sugoroku-future__cell.-posiiton5 {
		top: 86.1rem;
		left: 105.8rem;
	}
	.sugoroku-future__cell.-posiiton6 {
		top: 96.6rem;
		left: 78.6rem;
	}
	.sugoroku-future__cell.-posiiton7 {
		top: 96.6rem;
		left: 50.8rem;
	}
	.sugoroku-future__cell.-posiiton8 {
		top: 115.3rem;
		left: 25.6rem;
	}
	.sugoroku-future__cell.-posiiton9 {
		top: 139.4rem;
		left: 41.2rem;
	}
	.sugoroku-future__cell.-posiiton10 {
		top: 142.9rem;
		left: 68.8rem;
	}
	.sugoroku-future__cell.-posiiton11 {
		top: 142.9rem;
		left: 96.6rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__cell {
		position: relative;
		z-index: 1;
		min-width: 15.3rem;
		width: 15.3rem;
	}
	.sugoroku-future__cell:nth-of-type(2n-1) {
		margin-left: 1.8rem;
	}
	.sugoroku-future__cell:nth-of-type(2n) {
		margin-right: 1.8rem;
		margin-left: auto;
	}
	.sugoroku-future__cell::before {
		content: '';
		display: block;
		width: 16.4rem;
		height: 14rem;
		top: 11rem;
		background-image: url("images/sugoroku/feture_dot_sp_3.webp");
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
	}
	.sugoroku-future__cell.-posiiton4::before {
		top: 9rem;
	}
	.sugoroku-future__cell.-posiiton11::before {
		width: 33.6rem;
		height: 12.5rem;
		background-image: url("images/sugoroku/feture_dot_sp_5.webp");
		top: 9.7rem;
		left: 6.1rem;
	}
	.sugoroku-future__cell:nth-of-type(2n-1)::before {
		left: 6rem;
	}
	.sugoroku-future__cell:nth-of-type(2n)::before {
		right: 6rem;
		-webkit-transform: scale(-1, 1);
		transform: scale(-1, 1);
	}
	.sugoroku-future__cell + .sugoroku-future__cell {
		margin-top: -2.7rem;
	}
}

.sugoroku-future__cell__figure {
	position: relative;
	border: var(--border);
}

.sugoroku-future__cell__txt {
	position: relative;
	z-index: 1;
	width: 100%;
	display: grid;
	justify-content: center;
	white-space: nowrap;
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__cell__txt {
		margin-top: -0.9rem;
		gap: 0.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__cell__txt {
		margin-top: -0.7rem;
		gap: 0.1rem;
	}
}

.sugoroku-future__cell__txt span {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
	background-color: var(--color-bg3);
	color: var(--txt-color);
	letter-spacing: calc( 40 / 1000 * 1em);
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__cell__txt span {
		font-size: var(--font-size20);
		padding: 0.1rem 0.3rem 0.3rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__cell__txt span {
		font-size: var(--font-size15);
		padding: 0.1rem 0.3rem 0.3rem;
	}
}

.sugoroku-future__cell__small {
	text-align: center;
	font-weight: 400;
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__cell__small {
		font-size: var(--font-size11);
		margin-top: 0.5rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__cell__small {
		font-size: var(--font-size8);
		margin-top: 0.4rem;
	}
}

/* ----------------------------------------
 sugoroku-future__end
---------------------------------------- */
.sugoroku-future__end {
	position: absolute;
	z-index: 1;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
	letter-spacing: calc( 20 / 1000 * 1em);
}

.sugoroku-future__end::before, .sugoroku-future__end::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.sugoroku-future__end::before {
	margin-top: var(--font-sans-serif-top);
}

.sugoroku-future__end::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.sugoroku-future__end {
		font-size: var(--font-size30);
		--line-height: calc( 27 / 30 );
		right: 4.5rem;
		bottom: 21.8rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__end {
		font-size: var(--font-size19);
		--line-height: calc( 17 / 19 );
		right: -1.1rem;
		bottom: -2.5rem;
	}
}

/* ----------------------------------------
 sugoroku-future__dotted-sp
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.sugoroku-future__dotted-sp {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__dotted-sp {
		content: '';
		display: block;
		width: 100%;
		height: 0.2rem;
		position: absolute;
		left: calc( 50% + 24.8rem);
		bottom: 6.7rem;
		z-index: 10;
		background-image: url("images/sugoroku/feture_dot.webp");
		background-size: 1rem 0.2rem;
		background-position: 0 0;
		background-repeat: repeat-x;
	}
}

/* ----------------------------------------
 sugoroku-future__bg-pc
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.sugoroku-future__bg-pc {
		position: relative;
		z-index: 0;
		width: 142.1rem;
		margin-left: 12.3rem;
		-webkit-filter: drop-shadow(3rem 3rem 0 var(--color-shadow8));
		filter: drop-shadow(3rem 3rem 0 var(--color-shadow8));
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-future__bg-pc {
		display: none;
	}
}

.sugoroku-future__bg-pc svg {
	width: 142.1rem;
	height: 180.9rem;
	margin-top: -7.1rem;
}

.sugoroku-future__bg-pc__over {
	width: 100vw;
	height: 37.5rem;
	position: absolute;
	left: calc( 100% - 0.3rem);
	bottom: 1px;
	background-color: var(--color-sugoroku9);
	border-top: var(--border);
	border-bottom: var(--border);
}

.sugoroku-future__bg-pc__over::after {
	content: '';
	display: block;
	width: 100vw;
	height: 3px;
	background-image: url("images/sugoroku/feture_dot.webp");
	background-size: 16px 100%;
	background-position: 0 0;
	background-repeat: repeat-x;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.sugoroku-future__bg-pc__main {
	stroke: var(--color-txt);
	stroke-miterlimit: 10;
	stroke-width: var(--border-size);
}

.sugoroku-future__bg-pc__dot {
	fill: none;
	stroke: var(--color-txt);
	stroke-dasharray: 0 0 0 8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3px;
}

/* ------------------------------------------------------------
 sugoroku-outro
------------------------------------------------------------ */
.sugoroku-outro__title {
	width: 100%;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.sugoroku-outro__title {
		max-width: 44.4rem;
		margin-top: 11.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.sugoroku-outro__title {
		max-width: 25.7rem;
		margin-top: 7.6rem;
	}
}

@media screen and (min-width: 1024px) {
	.sugoroku-outro__title img {
		-webkit-transform: translateX(1rem);
		transform: translateX(1rem);
	}
}

.c-txt-md {
        font-weight: 400;
	text-align: left;
    }


/* ------------------------------------------------------------
 dice01
------------------------------------------------------------ */
.dice01 .second-contents_wrap {
}
.dice01 .voice-student_2ndblock {
/* margin-top: 20px;*/
}
@media only screen and (min-width: 1024px) {
.dice01 .voice-student_2ndblock {
        /* max-width: 1600px; */
        /* margin: 50px auto; */
        /* padding-left: 50px; */
        /* padding-right: 50px; */
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
  }
}
.dice01 .voice-student_2ndblock-img {
  /*padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;*/
}

@media only screen and (min-width: 1024px) {
.dice01 .voice-student_2ndblock-img {
    margin-bottom: 0px;
    flex: 0 0 28.828%;
    max-width: 28.828%;
    padding: 0;
  }
}
.dice01 .voice-student_2ndblock-img {
  position: relative;
}
.dice01 .voice-student_2ndblock-img img {
  width: 100%;
  height: 310px;
  object-fit: cover;
}
.dice01 img.coment_pict {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 220px;
    left: 140px;
    /*border-radius: 50%;*/
    z-index: 5;
}
/* ------------------------------------------------------------
 dice02
------------------------------------------------------------ */
.dice02 .second-contents_wrap {
}
.dice02 .voice-student_2ndblock {
/* margin-top: 20px;*/
}
@media only screen and (min-width: 1024px) {
.dice02 .voice-student_2ndblock {
        /* max-width: 1600px; */
        /* margin: 50px auto; */
        /* padding-left: 50px; */
        /* padding-right: 50px; */
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
  }
}
.dice02 .voice-student_2ndblock-img {
  /*padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;*/
}

@media only screen and (min-width: 1024px) {
.dice02 .voice-student_2ndblock-img {
    margin-bottom: 0px;
    flex: 0 0 28.828%;
    max-width: 28.828%;
    padding: 0;
  }
}
.dice02 .voice-student_2ndblock-img {
  position: relative;
}
.dice02 .voice-student_2ndblock-img img {
  width: 100%;
  height: 310px;
  object-fit: cover;
}
.dice02 img.coment_pict {
    width: 135px;
    height: 135px;
    position: absolute;
    top: 80px;
    right: 20px;
    border-radius: 0;
    z-index: 5;
}
/* ------------------------------------------------------------
 dice03
------------------------------------------------------------ */
.dice03 .second-contents_wrap {
}
.dice03 .voice-student_2ndblock {
/* margin-top: 20px;*/
}
@media only screen and (min-width: 1024px) {
.dice03 .voice-student_2ndblock {
        /* max-width: 1600px; */
        /* margin: 50px auto; */
        /* padding-left: 50px; */
        /* padding-right: 50px; */
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
  }
}
.dice03 .voice-student_2ndblock-img {
  /*padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;*/
}

@media only screen and (min-width: 1024px) {
.dice03 .voice-student_2ndblock-img {
    margin-bottom: 0px;
    flex: 0 0 28.828%;
    max-width: 28.828%;
    padding: 0;
  }
}
.dice03 .voice-student_2ndblock-img {
  position: relative;
}
.dice03 .voice-student_2ndblock-img img {
  width: 100%;
  height: 310px;
  object-fit: cover;
}
.dice03 img.coment_pict {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 440px;
    left: 190px;
    /* border-radius: 50%; */
    z-index: 15;
}

/*____________________________________*/
.sugoroku-area {
        background-image:url(images/sugoroku/sugoroku_bg_img01.svg), url(images/sugoroku/sugoroku_bg_img02.svg), url(images/sugoroku/sugoroku_bg_img03.svg), url(images/sugoroku/sugoroku_bg_img04.svg), url(images/sugoroku/sugoroku_bg.svg);
	background-size:1920px auto, 1920px auto, 1500px auto, 1500px auto, 25px auto;
	background-position:bottom left, top 63% left, top left, top 28% left, top left;
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat;
        padding: 120px 0;
}
:root{
  --color-shadow8: rgba(206,202,224,1) !important;
}
.sugoroku-area .sample_btn_w {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
  color: #3a4277;
  border:2px solid #3a4277;
  background-color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
	margin:15px 0 0 ;
	border-radius:10px;
}
.sugoroku-area .sample_btn_w:hover {
  color: #fff;
  border:2px solid #3a4277;
  background-color: #3a4277;
}



@media only screen and (max-width:480px){
.dice01 img.coment_pict {
    top: -50px;
    left: 10px;
}
    .sugoroku-area__cell--08 .sugoroku-area__cel__main {
        border-radius: var(--radius-inner) var(--radius-inner) 0 0;
        padding: 5rem 0;
    }
.dice02 img.coment_pict {
    width: 120px;
    height: 120px;
    top: -65px;
    right: 10px;
    z-index: 7;
}
    .sugoroku-area__cell--11 .sugoroku-area__cel__main,
    .sugoroku-area__cell--15 .sugoroku-area__cel__main,
	.sugoroku-area__cell--18 .sugoroku-area__cel__main  {
        padding: 5rem 0;
    }
.dice03 img.coment_pict {
    top: 350px;
    left: 300px;
}
.sugoroku-area__cell--16 .sugoroku-area__cel__main {
        padding: 5rem 0 17rem;
    }
.sugoroku-area__cell--16 .sugoroku-area__cell__illust {
        width: 18.1rem;
        bottom: 0;
    }
.sugoroku-area__cell--14 .sugoroku-area__cell__illust {
        bottom: 0;
        top: -85px;
    }
    .sugoroku-area__cell--14 .sugoroku-area__cell__illust__illust img {
        margin-left: 11.6rem;
    }
    .sugoroku-area__cell--10 .sugoroku-area__cel__main {
        padding: 5rem 0 16rem;
    }
.sugoroku-area__cell--10 .sugoroku-area__cell__illust {
        width: 15.1rem;
        bottom: 0;
    }
    .sugoroku-area__cell--01 .sugoroku-area__cell__illust {
        width: 15.1rem;
        bottom: 0;
    }
    .sugoroku-area__cell--04 .sugoroku-area__cell__illust {
        width: 12.2rem;
        bottom: 0;
    }
.sugoroku-area {
        --radius-outer: 40px;
        --radius-outer2: 96px;
        --radius-inner: 20px;
        --border-size: 3px;
        margin-top: 0;
    }





}