@charset 'utf-8';

/* override
---------------------------------------------------------- */
.janqute  .structure .structure-container:not(.full) {
	max-width: 641px;
}

.primaryHeading {
	margin-bottom: 30px;
}

@media only screen and (min-width: 767px) {
	.primaryHeading {
		margin-bottom: 60px;
	}
}

/* character
---------------------------------------------------------- */
.character {
	position: relative;
}

.character + .character {
	margin-top: 30px;
}

.character .character-voice {
	position: absolute;
	top: 0;
	left: 31%;
	right: -70%;
	margin-top: 91.375%;
}

.character .character-voice > span {
	display: block;
	width: 25%;
}

.character .character-voice a {
	display: inline-block;
}

@media only screen and (min-width: 767px) {
	.character + .character {
		margin-top: 50px;
	}
}


.character2 {
	position: relative;
}

.character2 + .character2 {
	margin-top: 30px;
}

.character2 .character-voice2 {
	position: absolute;
	top: 0;
	left: 31%;
	right: -70%;
	margin-top: 106.375%;
}

.character2 .character-voice2 > span {
	display: block;
	width: 25%;
}

.character2 .character-voice2 a {
	display: inline-block;
}

@media only screen and (min-width: 767px) {
	.character2 + .character2 {
		margin-top: 50px;
	}
}



.character3 {
	position: relative;
}

.character3 + .character3 {
	margin-top: 30px;
}

.character3 .character-voice3 {
	position: absolute;
	top: 0;
	left: 31%;
	right: -70%;
	margin-top: 106.375%;
}

.character3 .character-voice3 > span {
	display: block;
	width: 25%;
}

.character3 .character-voice3 a {
	display: inline-block;
}

@media only screen and (min-width: 767px) {
	.character3 + .character3 {
		margin-top: 50px;
	}
}