@charset "utf-8";
/* character color */
:root{
	--color-c1:#6ca07e;
	--color-c2:#6c6196;
	--color-c3:#4b5674;
	--color-c4:#d4cd38;
	--color-c5:#006b7f;
	--color-c6:#767e48;
	--color-c7:#606060;
	--color-c8:#e9327a;
	--color-c9:#007fbd;
	--color-c10:#66b0a6;
	--color-c11:#ff4913;
	--color-c12:#7c3347;
	--character-accent:var(--color-c1);
}
.character.c1{ --character-accent:var(--color-c1); }
.character.c2{ --character-accent:var(--color-c2); }
.character.c3{ --character-accent:var(--color-c3); }
.character.c4{ --character-accent:var(--color-c4); }
.character.c5{ --character-accent:var(--color-c5); }
.character.c6{ --character-accent:var(--color-c6); }
.character.c7{ --character-accent:var(--color-c7); }
.character.c8{ --character-accent:var(--color-c8); }
.character.c9{ --character-accent:var(--color-c9); }
.character.c10{ --character-accent:var(--color-c10); }
.character.c11{ --character-accent:var(--color-c11); }
.character.c12{ --character-accent:var(--color-c12); }
.fullRight {
    width: calc(100vw - 200px);
}
@media screen and (max-width:768px){
	.fullRight {
		width:100%;
	}
}
.fullRight-left{
	overflow:hidden;
	position: relative;
}
.fullRight-left::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: min(calc(90 / var(--vw-min) * 100vw), 90px);
    width: min(calc(37 / var(--vw-min) * 100vw), 37px);
    height: min(calc(39 / var(--vw-min) * 100vw), 39px);
    display: block;
    background: url(../img/common/goods_point.png) no-repeat center center / contain;
    margin-left: max(calc(-18 / var(--vw-min) * 100vw), -18px);
}

.fullRight-leftCont{
	--left-cont-base:750;
	container-type:inline-size;
	container-name:left-cont;
	width:100%;
	padding:min(calc(50 / var(--vw-min) * 100vw),50px) 0 min(calc(200 / var(--vw-min) * 100vw),200px) min(calc(40 / var(--vw-min) * 100vw),40px);

}
@media screen and (max-width:768px){
	.fullRight-leftCont{
		width:100%;
		padding:calc(20 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(120 / var(--vw-min) * 100vw);
	}
}
.character{
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.character{
		position:relative;
		padding:0;
	}
}


.character__innerWrap{
	position:relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.character__inner{
	max-width: min(calc(652 / var(--vw-min) * 100vw),652px);
}
.character__title{
	font-size:min(calc(48 / var(--vw-min) * 100vw),48px);
	font-weight:500;
	font-family:var(--font-figtree);
	color:#99966D;
	line-height:1;
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.character__title{
		font-size:calc(40/ var(--vw-min) * 100vw);
		margin-bottom: calc(34 / var(--vw-min) * 100vw);
	}
}

.characterBoxWrap{
	padding: min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(8 / var(--vw-min) * 100vw),8px) min(calc(32 / var(--vw-min) * 100vw),32px);
	background: var(--character-accent);
	position: relative;
	margin-top: min(calc(180 / var(--vw-min) * 100vw),180px);
}
@media screen and (max-width:768px){
	.characterBoxWrap{
		margin-top:0;
		padding:0;
	}
}
.characterBoxWrap__bg{
	position: absolute;
    inset: 0;
	pointer-events: none;
    background: color-mix(in srgb, var(--character-accent) 80%, #fff);
    -webkit-mask: url(../img/common/bg_pt_mask.svg) 0 0 / min(calc(80 / var(--vw-min) * 100vw), 80px) auto repeat;
    mask: url(../img/common/bg_pt_mask.svg) 0 0 / min(calc(80 / var(--vw-min) * 100vw), 80px) auto repeat;
}

.characterBoxWrap__deco{
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: 100%;
	position: absolute;
    left: 0;
	top: 0;
	pointer-events: none;
	background: var(--character-accent);
	z-index: 1;
}
.characterBoxWrap__deco::before{
	content: '';
	position: absolute;
    inset: 0;
	pointer-events: none;
	box-shadow: -4px 0 6px 0 rgba(0, 0, 0, 0.20) inset;
	z-index: 2;
}

.characterBoxWrap__deco__bg{
	position: absolute;
    inset: 0;
	pointer-events: none;
    background: color-mix(in srgb, var(--character-accent) 80%, #fff);
    -webkit-mask: url(../img/common/bg_pt_mask.svg) 0 0 / min(calc(80 / var(--vw-min) * 100vw), 80px) auto repeat;
    mask: url(../img/common/bg_pt_mask.svg) 0 0 / min(calc(80 / var(--vw-min) * 100vw), 80px) auto repeat;
}
.characterBoxWrap::after{
	width: min(calc(12 / var(--vw-min) * 100vw),12px);
	height: calc(100% + 12px);
	content: '';
	position: absolute;
	left: min(calc(6 / var(--vw-min) * 100vw),6px);
	top: -6px;
	bottom: -6px;
	margin:auto;
	pointer-events: none;
	border-radius: 1px;
	background: #99966D;
	box-shadow: -4px 0 6px 0 rgba(0, 0, 0, 0.10) inset;
	z-index: 0;
}
@media screen and (max-width:768px){
	.characterBoxWrap{
		padding:0;
		overflow:visible;
		background:transparent;
	}
	.characterBoxWrap__deco{
		width:calc(24 / var(--vw-min) * 100vw);
		height:calc(504 / var(--vw-min) * 100vw);
		left:0;
		top:0;
	}
	.characterBoxWrap__deco::before{
		box-shadow:calc(-3 / var(--vw-min) * 100vw) 0 calc(5 / var(--vw-min) * 100vw) 0 rgba(0, 0, 0, 0.20) inset;
	}
	.characterBoxWrap::after{
		width:calc(12 / var(--vw-min) * 100vw);
		height:calc(516 / var(--vw-min) * 100vw);
		left:calc(6 / var(--vw-min) * 100vw);
		top:calc(-6 / var(--vw-min) * 100vw);
		bottom:unset;
		right:unset;
		margin:auto 0;
		box-shadow:calc(-3 / var(--vw-min) * 100vw) 0 calc(4 / var(--vw-min) * 100vw) 0 rgba(0, 0, 0, 0.10) inset;
	}
}

.characterBox{
	position:relative;
	background-color:#FEFDF9;
	background-image:
		url(../img/character/charabox_deco_lt.svg),
		url(../img/character/charabox_deco_rt.svg),
		url(../img/character/charabox_deco_lb.svg),
		url(../img/character/charabox_deco_rb.svg);
	background-repeat:no-repeat;
	background-size:
		min(calc(44 / var(--vw-min) * 100vw),44px),
		min(calc(44 / var(--vw-min) * 100vw),44px),
		min(calc(44 / var(--vw-min) * 100vw),44px),
		min(calc(44 / var(--vw-min) * 100vw),44px);
	background-position:
		left min(calc(5 / var(--vw-min) * 100vw),5px) top min(calc(5 / var(--vw-min) * 100vw),5px),
		right min(calc(5 / var(--vw-min) * 100vw),5px) top min(calc(5 / var(--vw-min) * 100vw),5px),
		left min(calc(5 / var(--vw-min) * 100vw),5px) bottom min(calc(5 / var(--vw-min) * 100vw),5px),
		right min(calc(5 / var(--vw-min) * 100vw),5px) bottom min(calc(5 / var(--vw-min) * 100vw),5px);
	border:1px solid #99966D;
}
@media screen and (max-width:768px){
	.characterBox{
		background-color:transparent;
		border:none;
		background-image:none;
		overflow:visible;
	}
}

.character__name img{
	width:100%;
	height:auto;
	pointer-events:none;
}
.character__inner{
	position:relative;
	margin-top:max(calc(-152 / var(--vw-min) * 100vw),-152px);
	padding-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.character__inner{
		position:relative;
		margin-top:max(calc(-120 / var(--vw-min) * 100vw),-120px);
		padding-bottom:calc(30 / var(--vw-min) * 100vw);
	}
}


/*---------- nav ----------*/
.character__nav{
	position:absolute;
	right:0;
	top:min(calc(80 / var(--vw-min) * 100vw),80px);
	left:0;
	z-index:55;
	display:flex;
	flex-wrap:nowrap;
	height:152px;
	margin:auto;
	width:100%;
	justify-content:center;
	transform:scale(min(1, 100cqw / calc(var(--left-cont-base) * 1px)));
	transform-origin:top center;
}
.character__nav li{
	position:relative;
	flex-shrink:0;
	width:100px;
	height:100px;
	margin:0;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.character__nav li:not(:last-child){
	margin-right:-48px;
}
.character__nav li:nth-child(even){
	top:52px;
}
.character__nav li a{
	display:flex;
	position:relative;
	width:70px;
	height:70px;
	justify-content:center;
	align-items:center;
	background:#000;
	border:4px solid #000;
	overflow:hidden;
	transform:rotate(45deg);
	transition:border-color 0.3s ease, background 0.3s ease;
}
.character__nav li a:after{
	content:'';
	position:absolute;
	inset:0;
	box-sizing:border-box;
	border:1.5px solid #fff;
	z-index:3;
}
.character__nav li a span{
	display:block;
	width:100px;
	height:100px;
	flex-shrink:0;
	transform:rotate(-45deg);
}
.character__nav li a span img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
@media screen and (max-width:768px){
	.character__nav li a span{
		width:calc(80 / var(--vw-min) * 100vw);
		height:calc(80 / var(--vw-min) * 100vw);
	}
}
.character__nav li a.c1{ --nav-accent:var(--color-c1); }
.character__nav li a.c2{ --nav-accent:var(--color-c2); }
.character__nav li a.c3{ --nav-accent:var(--color-c3); }
.character__nav li a.c4{ --nav-accent:var(--color-c4); }
.character__nav li a.c5{ --nav-accent:var(--color-c5); }
.character__nav li a.c6{ --nav-accent:var(--color-c6); }
.character__nav li a.c7{ --nav-accent:var(--color-c7); }
.character__nav li a.c8{ --nav-accent:var(--color-c8); }
.character__nav li a.c9{ --nav-accent:var(--color-c9); }
.character__nav li a.c10{ --nav-accent:var(--color-c10); }
.character__nav li a.c11{ --nav-accent:var(--color-c11); }
.character__nav li a.c12{ --nav-accent:var(--color-c12); }
.character__nav li a.is-active{
	border-color:var(--nav-accent);
	background:var(--nav-accent);
}
@media screen and (hover:hover){
	.character__nav li a:hover{
		border-color:var(--nav-accent);
		background:var(--nav-accent);
	}
}

/* nav SP: season2ハニカム */
@media screen and (max-width:768px){
	.character__nav{
		position:relative;
		left:unset;
		top:unset;
		flex-wrap:wrap;
		justify-content:flex-start;
		width:calc(336 / var(--vw-min) * 100vw);
		height:auto;
		margin:calc(32 / var(--vw-min) * 100vw) auto 0;
		transform:none;
	}
	.character__nav li{
		width:calc(84 / var(--vw-min) * 100vw);
		height:calc(84 / var(--vw-min) * 100vw);
		overflow:auto;
		pointer-events:none;
	}
	.character__nav li:not(:last-child){
		margin-right:0;
	}
	.character__nav li:nth-child(even){
		top:0;
	}
	.character__nav li:nth-child(7n + 5){
		margin-left:calc(42 / var(--vw-min) * 100vw);
	}
	.character__nav li:nth-child(n + 5){
		margin-top:calc(-42 / var(--vw-min) * 100vw);
	}
	.character__nav li a{
		width:calc(56 / var(--vw-min) * 100vw);
		height:calc(56 / var(--vw-min) * 100vw);
		border-width:calc(4 / var(--vw-min) * 100vw);
		pointer-events:auto;
	}
}
/*---------- /nav ----------*/


.characterBoxInner{
	display: flex;
	justify-content: center;
	align-items: center;
}
.characterBoxInner::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	background-color: var(--character-accent);
	-webkit-mask: url(../img/character/charaimg_deco.svg) no-repeat top left calc(272 / var(--vw-min) * 100vw) / calc(64 / var(--vw-min) * 100vw) calc(180 / var(--vw-min) * 100vw);
	mask: url(../img/character/charaimg_deco.svg) no-repeat top left calc(272 / var(--vw-min) * 100vw) / calc(64 / var(--vw-min) * 100vw) calc(180 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.characterBoxInner{
		flex-direction:column;
		align-items:stretch;
	}
	.characterBoxInner::before{
		z-index: 2;
		-webkit-mask: url(../img/character/charaimg_deco.svg) no-repeat top right calc(38 / var(--vw-min) * 100vw) / calc(56 / var(--vw-min) * 100vw) calc(158 / var(--vw-min) * 100vw);
		mask: url(../img/character/charaimg_deco.svg) no-repeat top right calc(38 / var(--vw-min) * 100vw) / calc(56 / var(--vw-min) * 100vw) calc(158 / var(--vw-min) * 100vw);
	}
}


/* character > img */
.characterBox__imgWrap{
	width:50%;
}
.characterBox__img{
	display: flex;
    width: calc(374 / var(--vw-min) * 100vw);
    align-items: center;
    justify-content: center;
	position: relative;
}
.characterBox__img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: relative;
	z-index: 5;
	display:block;
}

@media screen and (max-width:768px){
	.characterBox__imgWrap{
		position:relative;
		padding: calc(10 / var(--vw-min) * 100vw)  calc(10 / var(--vw-min) * 100vw)  calc(10 / var(--vw-min) * 100vw) calc(34 / var(--vw-min) * 100vw);
		width:100%;
		height:calc(504 / var(--vw-min) * 100vw);
	}
	.characterBox__img__bg{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		pointer-events:none;
		z-index:0;
		background-color:var(--character-accent);
	}
	.characterBox__img__bg::before{
		content:'';
		position:absolute;
		inset:0;
		pointer-events:none;
		background:color-mix(in srgb, var(--character-accent) 80%, #fff);
		-webkit-mask:url(../img/common/bg_pt_mask.svg) 0 0 / calc(40 / var(--vw-min) * 100vw) auto repeat;
		mask:url(../img/common/bg_pt_mask.svg) 0 0 / calc(40 / var(--vw-min) * 100vw) auto repeat;
	}
	.characterBox__img{
		position:relative;
		z-index:1;
		width:100%;
		height:100%;
		background-color:#FEFDF9;
		border:1px solid #99966D;
		background-image:
			url(../img/character/charabox_deco_lt.svg),
			url(../img/character/charabox_deco_rt.svg),
			url(../img/character/charabox_deco_lb.svg),
			url(../img/character/charabox_deco_rb.svg);
		background-repeat:no-repeat;
		background-size:
			calc(44 / var(--vw-min) * 100vw),
			calc(44 / var(--vw-min) * 100vw),
			calc(44 / var(--vw-min) * 100vw),
			calc(44 / var(--vw-min) * 100vw);
		background-position:
			left calc(5 / var(--vw-min) * 100vw) top calc(5 / var(--vw-min) * 100vw),
			right calc(5 / var(--vw-min) * 100vw) top calc(5 / var(--vw-min) * 100vw),
			left calc(5 / var(--vw-min) * 100vw) bottom calc(5 / var(--vw-min) * 100vw),
			right calc(5 / var(--vw-min) * 100vw) bottom calc(5 / var(--vw-min) * 100vw);
	}
}

/* character > bg name */
.characterBox__bg__name{
	position: absolute;
	display: flex;
	justify-content: center;
	height: 100%;
	bottom: 0;
	top: 0;
	left:calc(16 / var(--vw-min) * 100vw);
	margin: auto;
	z-index: 1;
	color: var(--character-accent);
	font-size: calc(144 / var(--vw-min) * 100vw);
	font-weight: 500;
	line-height: calc(152 / var(--vw-min) * 100vw);
	opacity: 0.3;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
@media screen and (max-width:768px){
	.characterBox__bg__name{
		left:calc(40 / var(--vw-min) * 100vw);
		font-size:calc(72 / var(--vw-min) * 100vw);
		line-height:calc(76 / var(--vw-min) * 100vw);
		z-index:2;
	}

}

/* character > text */
.characterBox__textWrap{
	padding: calc(45 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw) calc(45 / var(--vw-min) * 100vw)  0;
}
@media screen and (max-width:768px){
	.characterBox__textWrap{
		padding: 0;
	}
}
.characterBox__text{
	position:relative;
	/*width: calc(398 / var(--vw-min) * 100vw);*/
	padding: calc(32 / var(--vw-min) * 100vw);
}
.characterBox__text > *{
	position:relative;
	z-index:2;
}
.characterBox__text::before{
	content:'';
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:1;
	background-color:var(--character-accent);
	-webkit-mask-image:
		url(../img/character/charatxt_deco_lt.svg),
		url(../img/character/charatxt_deco_rt.svg),
		url(../img/character/charatxt_deco_lb.svg),
		url(../img/character/charatxt_deco_rb.svg);
	mask-image:
		url(../img/character/charatxt_deco_lt.svg),
		url(../img/character/charatxt_deco_rt.svg),
		url(../img/character/charatxt_deco_lb.svg),
		url(../img/character/charatxt_deco_rb.svg);
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:
		min(calc(36 / var(--vw-min) * 100vw),36px),
		min(calc(36 / var(--vw-min) * 100vw),36px),
		min(calc(36 / var(--vw-min) * 100vw),36px),
		min(calc(36 / var(--vw-min) * 100vw),36px);
	mask-size:
		min(calc(36 / var(--vw-min) * 100vw),36px),
		min(calc(36 / var(--vw-min) * 100vw),36px),
		min(calc(36 / var(--vw-min) * 100vw),36px),
		min(calc(36 / var(--vw-min) * 100vw),36px);
	-webkit-mask-position:
		left min(calc(5 / var(--vw-min) * 100vw),5px) top min(calc(5 / var(--vw-min) * 100vw),5px),
		right min(calc(5 / var(--vw-min) * 100vw),5px) top min(calc(5 / var(--vw-min) * 100vw),5px),
		left min(calc(5 / var(--vw-min) * 100vw),5px) bottom min(calc(5 / var(--vw-min) * 100vw),5px),
		right min(calc(5 / var(--vw-min) * 100vw),5px) bottom min(calc(5 / var(--vw-min) * 100vw),5px);
	mask-position:
		left min(calc(5 / var(--vw-min) * 100vw),5px) top min(calc(5 / var(--vw-min) * 100vw),5px),
		right min(calc(5 / var(--vw-min) * 100vw),5px) top min(calc(5 / var(--vw-min) * 100vw),5px),
		left min(calc(5 / var(--vw-min) * 100vw),5px) bottom min(calc(5 / var(--vw-min) * 100vw),5px),
		right min(calc(5 / var(--vw-min) * 100vw),5px) bottom min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.characterBox__text{
		margin-top: calc(30 / var(--vw-min) * 100vw);
		margin-left:0;
		width:100%;
		padding:calc(40 / var(--vw-min) * 100vw) calc(28/ var(--vw-min) * 100vw);
	}
	.characterBox__text::before{
		-webkit-mask-size:
			calc(36 / var(--vw-min) * 100vw),
			calc(36 / var(--vw-min) * 100vw),
			calc(36 / var(--vw-min) * 100vw),
			calc(36 / var(--vw-min) * 100vw);
		mask-size:
			calc(36 / var(--vw-min) * 100vw),
			calc(36 / var(--vw-min) * 100vw),
			calc(36 / var(--vw-min) * 100vw),
			calc(36 / var(--vw-min) * 100vw);
	}
}
.character__name{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 100%;
}
.character__nameText{
	font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
	font-weight: 500;
	color: var(--character-accent);
	line-height: min(calc(56 / var(--vw-min) * 100vw),56px);
	letter-spacing: min(calc(4 / var(--vw-min) * 100vw),4px);
}
.character__nameText ruby{
	ruby-align:center;
}
.character__nameText rt{
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight:500;
	line-height:1.2;
	margin-bottom: min(calc(10 / var(--vw-min) * 100vw),10px);
}
.character__cv{
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 500;
	line-height: min(calc(28 / var(--vw-min) * 100vw),28px);
}
.character__innerText{
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	font-weight: 500;
	line-height: min(calc(32 / var(--vw-min) * 100vw),32px);
	letter-spacing: min(calc(0.64 / var(--vw-min) * 100vw),0.64px);
	margin-top: calc(24 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.character__nameText{
		font-size:calc(32 / var(--vw-min) * 100vw);
		line-height:calc(40 / var(--vw-min) * 100vw);
		letter-spacing:calc(4 / var(--vw-min) * 100vw);
	}
	.character__nameText rt{
		font-size:calc(12 / var(--vw-min) * 100vw);
		margin-bottom:calc(4 / var(--vw-min) * 100vw);
	}
	.character__cv{
		font-size:calc(15 / var(--vw-min) * 100vw);
		line-height:calc(28 / var(--vw-min) * 100vw);
	}
	.character__innerText{
		padding:0;
		font-size:calc(13 / var(--vw-min) * 100vw);
		line-height:calc(26 / var(--vw-min) * 100vw);
		margin-top:calc(16 / var(--vw-min) * 100vw);
	}
}




/**/

.character__line{
	display: none;
}
/*
.character__line{
	position:absolute;
	left:min(calc(170 / var(--vw-min) * 100vw),170px);
	top:min(calc(220 / var(--vw-min) * 100vw),220px);
	height:min(calc(389 / var(--vw-min) * 100vw),389px);
	width:100vw;
	border-radius:min(calc(20 / var(--vw-min) * 100vw),20px);
	padding-left:min(calc(252 / var(--vw-min) * 100vw),252px);
}
@media screen and (max-width:768px){
	.character__line{
		position:absolute;
		left:calc(11 / var(--vw-min) * 100vw);
		top:calc(63 / var(--vw-min) * 100vw);
		height:calc(243 / var(--vw-min) * 100vw);
		border-radius:calc(10 / var(--vw-min) * 100vw);
		padding-left:calc(180 / var(--vw-min) * 100vw);
		background-size:calc(48 / var(--vw-min) * 100vw) !important;
	}
}
*/
.character__line.c1{
	background:url(../img/character/character1_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c1{
		padding-left:calc(140 / var(--vw-min) * 100vw);
	}
}
.character__line.c2{
	background:url(../img/character/character2_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c2{
		padding-left:calc(140 / var(--vw-min) * 100vw);
	}
}
.character__line.c3{
	background:url(../img/character/character3_pattern.png) repeat center center;
}

@media screen and (max-width:768px){
	.character__line.c3{
		padding-left:calc(160 / var(--vw-min) * 100vw);
	}
}
.character__line.c4{
	background:url(../img/character/character4_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c4{
		padding-left:calc(150 / var(--vw-min) * 100vw);
	}
}
.character__line.c5{
	background:url(../img/character/character5_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c5{
		padding-left:calc(140 / var(--vw-min) * 100vw);
	}
}
.character__line.c6{
	background:url(../img/character/character6_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c6{
		padding-left:calc(130 / var(--vw-min) * 100vw);
	}
}
.character__line.c7{
	background:url(../img/character/character7_pattern.png) repeat center center;
	padding-left:min(calc(200 / var(--vw-min) * 100vw),200px);
}
@media screen and (max-width:768px){
	.character__line.c7{
		padding-left:calc(120 / var(--vw-min) * 100vw);
	}
}
.character__line.c8{
	background:url(../img/character/character8_pattern.png) repeat center center;
	padding-left:min(calc(220 / var(--vw-min) * 100vw),220px);
}
@media screen and (max-width:768px){
	.character__line.c8{
		padding-left:calc(140 / var(--vw-min) * 100vw);
	}
}
.character__line.c9{
	background:url(../img/character/character9_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c9{
		padding-left:calc(150 / var(--vw-min) * 100vw);
	}
}
.character__line.c10{
	background:url(../img/character/character10_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c10{
		padding-left:calc(140 / var(--vw-min) * 100vw);
	}
}
.character__line.c11{
	background:url(../img/character/character11_pattern.png) repeat center center;
	padding-left:min(calc(140 / var(--vw-min) * 100vw),140px);
}
@media screen and (max-width:768px){
	.character__line.c11{
		padding-left:calc(70 / var(--vw-min) * 100vw);
	}
}
.character__line.c12{
	background:url(../img/character/character12_pattern.png) repeat center center;
}
@media screen and (max-width:768px){
	.character__line.c12{
		padding-left:calc(95 / var(--vw-min) * 95vw);
	}
}
.character__line img{
	height:100%;
	width:auto;
}
.character__innerText{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height:2;
	font-weight:500;
}
@media screen and (max-width:768px){
	.character__innerText{
		font-size:calc(13 / var(--vw-min) * 100vw);
	}
}
.characterChart{
	position:relative;
	padding:0 0 min(calc(200 / var(--vw-min) * 100vw),200px);
}
@media screen and (max-width:768px){
	.characterChart{
		position:relative;
		padding:0 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.characterChart:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:min(calc(90 / var(--vw-min) * 100vw),90px);
	width:min(calc(37 / var(--vw-min) * 100vw),37px);
	height:min(calc(39 / var(--vw-min) * 100vw),39px);
	display:block;
	background:url(../img/common/goods_point.png) no-repeat center center / contain;
	margin-left:max(calc(-18 / var(--vw-min) * 100vw),-18px);
}
@media screen and (max-width:768px){
	.characterChart:after{
		bottom:calc(40 / var(--vw-min) * 100vw);
		width:calc(18 / var(--vw-min) * 100vw);
		height:calc(19 / var(--vw-min) * 100vw);
		margin-left:calc(-9 / var(--vw-min) * 100vw);
	}
}
.characterChart .character__title {
	position: absolute;
	left:min(calc(30 / var(--vw-min) * 100vw),30px);
	top:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.characterChart .character__title {
		left:calc(15 / var(--vw-min) * 100vw);
		top:0;
	}
}

.character__chartBase img {
	display: block;
	width:100%;
	height:auto;
}
.character__chartClickable {
	position: absolute;
}
.character__chartClickable a {
	display: block;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.character__chartClickable a:hover {
		transform:scale(1.1);
	}
}
#c1 {
	left:min(calc(85.5 / var(--vw-min) * 100vw),85.5px);
	top:min(calc(215.5 / var(--vw-min) * 100vw),215.5px);
}
#c1 a {
	width:min(calc(127 / var(--vw-min) * 100vw),127px);
	height:min(calc(150 / var(--vw-min) * 100vw),150px);
	background:url(../img/character/chart_c1.png) no-repeat center center / contain;
}
#c2 {
	left:min(calc(235.5 / var(--vw-min) * 100vw),235.5px);
	top:min(calc(215.5 / var(--vw-min) * 100vw),215.5px);
}
#c2 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149 / var(--vw-min) * 100vw),149px);
	background:url(../img/character/chart_c2.png) no-repeat center center / contain;
}
#c3 {
	left:min(calc(235.5 / var(--vw-min) * 100vw),235.5px);
	top:min(calc(462 / var(--vw-min) * 100vw),462px);
}
#c3 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149 / var(--vw-min) * 100vw),149px);
	background:url(../img/character/chart_c3.png) no-repeat center center / contain;
}
#c4 {
	left:min(calc(468 / var(--vw-min) * 100vw),468px);
	top:min(calc(255 / var(--vw-min) * 100vw),255px);
}
#c4 a {
	width:min(calc(127 / var(--vw-min) * 100vw),127px);
	height:min(calc(150.5 / var(--vw-min) * 100vw),150.5px);
	background:url(../img/character/chart_c4.png) no-repeat center center / contain;
}
#c5 {
	left:min(calc(468 / var(--vw-min) * 100vw),468px);
	top:min(calc(974 / var(--vw-min) * 100vw),974px);
}
#c5 a {
	width:min(calc(127 / var(--vw-min) * 100vw),127px);
	height:min(calc(150 / var(--vw-min) * 100vw),150px);
	background:url(../img/character/chart_c5.png) no-repeat center center / contain;
}
#c6 {
	left:min(calc(468 / var(--vw-min) * 100vw),468px);
	top:min(calc(784 / var(--vw-min) * 100vw),784px);
}
#c6 a {
	width:min(calc(127 / var(--vw-min) * 100vw),127px);
	height:min(calc(150.5 / var(--vw-min) * 100vw),150.5px);
	background:url(../img/character/chart_c6.png) no-repeat center center / contain;
}
#c7 {
	left:min(calc(518.5 / var(--vw-min) * 100vw),518.5px);
	top:min(calc(597 / var(--vw-min) * 100vw),597px);
}
#c7 a {
	width:min(calc(127 / var(--vw-min) * 100vw),127px);
	height:min(calc(150.5 / var(--vw-min) * 100vw),150.5px);
	background:url(../img/character/chart_c7.png) no-repeat center center / contain;
}
#c8 {
	left:min(calc(85 / var(--vw-min) * 100vw),85px);
	top:min(calc(462 / var(--vw-min) * 100vw),462px);
}
#c8 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c8.png) no-repeat center center / contain;
}
#c9 {
	left:min(calc(71.5 / var(--vw-min) * 100vw),71.5px);
	top:min(calc(1171 / var(--vw-min) * 100vw),1171px);
}
#c9 a {
	width:min(calc(127 / var(--vw-min) * 100vw),127px);
	height:min(calc(150.5 / var(--vw-min) * 100vw),150.5px);
	background:url(../img/character/chart_c9.png) no-repeat center center / contain;
}
#c10 {
	left:min(calc(24.5 / var(--vw-min) * 100vw),24.5px);
	top:min(calc(889 / var(--vw-min) * 100vw),889px);
}
#c10 a {
	width:min(calc(127 / var(--vw-min) * 100vw),127px);
	height:min(calc(150 / var(--vw-min) * 100vw),150px);
	background:url(../img/character/chart_c10.png) no-repeat center center / contain;
}
#c11 {
	left:min(calc(160.5 / var(--vw-min) * 100vw),160.5px);
	top:min(calc(890 / var(--vw-min) * 100vw),890px);
}
#c11 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c11.png) no-repeat center center / contain;
}
#c12 {
	left:min(calc(85 / var(--vw-min) * 100vw),85px);
	top:min(calc(637 / var(--vw-min) * 100vw),637px);
}
#c12 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c12.png) no-repeat center center / contain;
}
#c13 {
	left:min(calc(538 / var(--vw-min) * 100vw),538px);
	top:min(calc(86 / var(--vw-min) * 100vw),86px);
}
#c13 a {
	width:min(calc(87.5 / var(--vw-min) * 100vw),87.5px);
	height:min(calc(104.5 / var(--vw-min) * 100vw),104.5px);
	background:url(../img/character/chart_c13.png) no-repeat center center / contain;
}
#c14 {
	left:min(calc(471.5 / var(--vw-min) * 100vw),471.5px);
	top:min(calc(13.5 / var(--vw-min) * 100vw),13.5px);
}
#c14 a {
	width:min(calc(87.5 / var(--vw-min) * 100vw),87.5px);
	height:min(calc(104.5 / var(--vw-min) * 100vw),104.5px);
	background:url(../img/character/chart_c14.png) no-repeat center center / contain;
}
#c15 {
	left:min(calc(236 / var(--vw-min) * 100vw),236px);
	top:min(calc(637.5 / var(--vw-min) * 100vw),637.5px);
}
#c15 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149 / var(--vw-min) * 100vw),149px);
	background:url(../img/character/chart_c15.png) no-repeat center center / contain;
}
#c16 {
	left:min(calc(609 / var(--vw-min) * 100vw),609px);
	top:min(calc(300.5 / var(--vw-min) * 100vw),300.5px);
}
#c16 a {
	width:min(calc(87.5 / var(--vw-min) * 100vw),87.5px);
	height:min(calc(104.5 / var(--vw-min) * 100vw),104.5px);
	background:url(../img/character/chart_c16.png) no-repeat center center / contain;
}
#c17 {
	left:min(calc(466 / var(--vw-min) * 100vw),466px);
	top:min(calc(449 / var(--vw-min) * 100vw),449px);
}
#c17 a {
	width:min(calc(87.5 / var(--vw-min) * 100vw),87.5px);
	height:min(calc(104.5 / var(--vw-min) * 100vw),104.5px);
	background:url(../img/character/chart_c17.png) no-repeat center center / contain;
}
#c18 {
	left:min(calc(542.5 / var(--vw-min) * 100vw),542.5px);
	top:min(calc(404.5 / var(--vw-min) * 100vw),404.5px);
}
#c18 a {
	width:min(calc(177.5 / var(--vw-min) * 100vw),177.5px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c18.png) no-repeat center center / contain;
}
#c19 {
	left:min(calc(610 / var(--vw-min) * 100vw),610px);
	top:min(calc(829.5 / var(--vw-min) * 100vw),829.5px);
}
#c19 a {
	width:min(calc(87.5 / var(--vw-min) * 100vw),87.5px);
	height:min(calc(104.5 / var(--vw-min) * 100vw),104.5px);
	background:url(../img/character/chart_c19.png) no-repeat center center / contain;
}
#c20 {
	left:min(calc(610 / var(--vw-min) * 100vw),610px);
	top:min(calc(1019.5 / var(--vw-min) * 100vw),1019.5px);
}
#c20 a {
	width:min(calc(87.5 / var(--vw-min) * 100vw),87.5px);
	height:min(calc(104.5 / var(--vw-min) * 100vw),104.5px);
	background:url(../img/character/chart_c20.png) no-repeat center center / contain;
}
#c21 {
	left:min(calc(296 / var(--vw-min) * 100vw),296px);
	top:min(calc(890.5 / var(--vw-min) * 100vw),890.5px);
}
#c21 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c21.png) no-repeat center center / contain;
}
#c22 {
	left:min(calc(232 / var(--vw-min) * 100vw),232px);
	top:min(calc(1172.5 / var(--vw-min) * 100vw),1172.5px);
}
#c22 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c22.png) no-repeat center center / contain;
}
#c23 {
	left:min(calc(392 / var(--vw-min) * 100vw),392px);
	top:min(calc(1172.5 / var(--vw-min) * 100vw),1172.5px);
}
#c23 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c23.png) no-repeat center center / contain;
}
#c24 {
	left:min(calc(552 / var(--vw-min) * 100vw),552px);
	top:min(calc(1172.5 / var(--vw-min) * 100vw),1172.5px);
}
#c24 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c24.png) no-repeat center center / contain;
}
#c25 {
	left:min(calc(33 / var(--vw-min) * 100vw),33px);
	top:min(calc(1375 / var(--vw-min) * 100vw),1375px);
}
#c25 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c25.png) no-repeat center center / contain;
}
#c26 {
	left:min(calc(163 / var(--vw-min) * 100vw),163px);
	top:min(calc(1375 / var(--vw-min) * 100vw),1375px);
}
#c26 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c26.png) no-repeat center center / contain;
}
#c27 {
	left:min(calc(309 / var(--vw-min) * 100vw),309px);
	top:min(calc(1375 / var(--vw-min) * 100vw),1375px);
}
#c27 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c27.png) no-repeat center center / contain;
}
#c28 {
	left:min(calc(439 / var(--vw-min) * 100vw),439px);
	top:min(calc(1375 / var(--vw-min) * 100vw),1375px);
}
#c28 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c28.png) no-repeat center center / contain;
}
#c29 {
	left:min(calc(569 / var(--vw-min) * 100vw),569px);
	top:min(calc(1375 / var(--vw-min) * 100vw),1375px);
}
#c29 a {
	width:min(calc(125 / var(--vw-min) * 100vw),125px);
	height:min(calc(149.5 / var(--vw-min) * 100vw),149.5px);
	background:url(../img/character/chart_c29.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	#c1 {
		left:calc(42.75 / var(--vw-min) * 100vw);
		top:calc(107.75 / var(--vw-min) * 100vw);
	}
	#c1 a {
		width:calc(63.5 / var(--vw-min) * 100vw);
		height:calc(75 / var(--vw-min) * 100vw);
	}
	#c2 {
		left:calc(117.75 / var(--vw-min) * 100vw);
		top:calc(107.75 / var(--vw-min) * 100vw);
	}
	#c2 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.5 / var(--vw-min) * 100vw);
	}
	#c3 {
		left:calc(117.75 / var(--vw-min) * 100vw);
		top:calc(231 / var(--vw-min) * 100vw);
	}
	#c3 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.5 / var(--vw-min) * 100vw);
	}
	#c4 {
		left:calc(234 / var(--vw-min) * 100vw);
		top:calc(127.5 / var(--vw-min) * 100vw);
	}
	#c4 a {
		width:calc(63.5 / var(--vw-min) * 100vw);
		height:calc(75.25 / var(--vw-min) * 100vw);
	}
	#c5 {
		left:calc(234 / var(--vw-min) * 100vw);
		top:calc(487 / var(--vw-min) * 100vw);
	}
	#c5 a {
		width:calc(63.5 / var(--vw-min) * 100vw);
		height:calc(75 / var(--vw-min) * 100vw);
	}
	#c6 {
		left:calc(234 / var(--vw-min) * 100vw);
		top:calc(392 / var(--vw-min) * 100vw);
	}
	#c6 a {
		width:calc(63.5 / var(--vw-min) * 100vw);
		height:calc(75.25 / var(--vw-min) * 100vw);
	}
	#c7 {
		left:calc(259 / var(--vw-min) * 100vw);
		top:calc(298.5 / var(--vw-min) * 100vw);
	}
	#c7 a {
		width:calc(63.5 / var(--vw-min) * 100vw);
		height:calc(75.25 / var(--vw-min) * 100vw);
	}
	#c8 {
		left:calc(42.5 / var(--vw-min) * 100vw);
		top:calc(231 / var(--vw-min) * 100vw);
	}
	#c8 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c9 {
		left:calc(35.75 / var(--vw-min) * 100vw);
		top:calc(585.5 / var(--vw-min) * 100vw);
	}
	#c9 a {
		width:calc(63.5 / var(--vw-min) * 100vw);
		height:calc(75.25 / var(--vw-min) * 100vw);
	}
	#c10 {
		left:calc(12.25 / var(--vw-min) * 100vw);
		top:calc(444.5 / var(--vw-min) * 100vw);
	}
	#c10 a {
		width:calc(63.5 / var(--vw-min) * 100vw);
		height:calc(75 / var(--vw-min) * 100vw);
	}
	#c11 {
		left:calc(80.25 / var(--vw-min) * 100vw);
		top:calc(445 / var(--vw-min) * 100vw);
	}
	#c11 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c12 {
		left:calc(42.5 / var(--vw-min) * 100vw);
		top:calc(318.5 / var(--vw-min) * 100vw);
	}
	#c12 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c13 {
		left:calc(269 / var(--vw-min) * 100vw);
		top:calc(43 / var(--vw-min) * 100vw);
	}
	#c13 a {
		width:calc(43.75 / var(--vw-min) * 100vw);
		height:calc(52.25 / var(--vw-min) * 100vw);
	}
	#c14 {
		left:calc(235.75 / var(--vw-min) * 100vw);
		top:calc(6.75 / var(--vw-min) * 100vw);
	}
	#c14 a {
		width:calc(43.75 / var(--vw-min) * 100vw);
		height:calc(52.25 / var(--vw-min) * 100vw);
	}
	#c15 {
		left:calc(118 / var(--vw-min) * 100vw);
		top:calc(318.75 / var(--vw-min) * 100vw);
	}
	#c15 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.5 / var(--vw-min) * 100vw);
	}
	#c16 {
		left:calc(304.5 / var(--vw-min) * 100vw);
		top:calc(150.25 / var(--vw-min) * 100vw);
	}
	#c16 a {
		width:calc(43.75 / var(--vw-min) * 100vw);
		height:calc(52.25 / var(--vw-min) * 100vw);
	}
	#c17 {
		left:calc(233 / var(--vw-min) * 100vw);
		top:calc(224.5 / var(--vw-min) * 100vw);
	}
	#c17 a {
		width:calc(43.75 / var(--vw-min) * 100vw);
		height:calc(52.25 / var(--vw-min) * 100vw);
	}
	#c18 {
		left:calc(271.25 / var(--vw-min) * 100vw);
		top:calc(202.25 / var(--vw-min) * 100vw);
	}
	#c18 a {
		width:calc(88.75 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c19 {
		left:calc(305 / var(--vw-min) * 100vw);
		top:calc(414.75 / var(--vw-min) * 100vw);
	}
	#c19 a {
		width:calc(43.75 / var(--vw-min) * 100vw);
		height:calc(52.25 / var(--vw-min) * 100vw);
	}
	#c20 {
		left:calc(305 / var(--vw-min) * 100vw);
		top:calc(509.75 / var(--vw-min) * 100vw);
	}
	#c20 a {
		width:calc(43.75 / var(--vw-min) * 100vw);
		height:calc(52.25 / var(--vw-min) * 100vw);
	}
	#c21 {
		left:calc(148 / var(--vw-min) * 100vw);
		top:calc(445.25 / var(--vw-min) * 100vw);
	}
	#c21 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c22 {
		left:calc(116 / var(--vw-min) * 100vw);
		top:calc(585.75 / var(--vw-min) * 100vw);
	}
	#c22 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c23 {
		left:calc(196 / var(--vw-min) * 100vw);
		top:calc(585.75 / var(--vw-min) * 100vw);
	}
	#c23 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c24 {
		left:calc(276 / var(--vw-min) * 100vw);
		top:calc(585.75 / var(--vw-min) * 100vw);
	}
	#c24 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c25 {
		left:calc(16.5 / var(--vw-min) * 100vw);
		top:calc(687.5 / var(--vw-min) * 100vw);
	}
	#c25 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c26 {
		left:calc(81.5 / var(--vw-min) * 100vw);
		top:calc(687.5 / var(--vw-min) * 100vw);
	}
	#c26 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c27 {
		left:calc(154.5 / var(--vw-min) * 100vw);
		top:calc(687.5 / var(--vw-min) * 100vw);
	}
	#c27 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c28 {
		left:calc(219.5 / var(--vw-min) * 100vw);
		top:calc(687.5 / var(--vw-min) * 100vw);
	}
	#c28 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
	#c29 {
		left:calc(284.5 / var(--vw-min) * 100vw);
		top:calc(687.5 / var(--vw-min) * 100vw);
	}
	#c29 a {
		width:calc(62.5 / var(--vw-min) * 100vw);
		height:calc(74.75 / var(--vw-min) * 100vw);
	}
}
.character__description {
	position: absolute;
	left:min(calc(30 / var(--vw-min) * 100vw),30px);
	top:min(calc(100 / var(--vw-min) * 100vw),100px);
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.character__description {
		left:calc(15 / var(--vw-min) * 100vw);
		top:calc(28 / var(--vw-min) * 100vw);
		font-size: calc(11 / var(--vw-min) * 100vw)
	}
}