@charset "UTF-8";
/*----------
	icons
----------*/
@font-face {
	font-family: iconfont;
	src: url(/kids/assets/fonts/iconfont.eot?4dqtpt);
	src: url(/kids/assets/fonts/iconfont.eot?4dqtpt#iefix) format("embedded-opentype"), url(/kids/assets/fonts/iconfont.ttf?4dqtpt) format("truetype"), url(/kids/assets/fonts/iconfont.woff?4dqtpt) format("woff"), url(/kids/assets/fonts/iconfont.svg?4dqtpt#iconfont) format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
.icon, .icon-arrow-minus, .icon-arrow-plus, .icon-file, .icon-arrow-anker, .icon-arrow2-l, .icon-arrow2-r, .icon-arrow-back, .icon-home, .icon-blank, .icon-arrow-l, .icon-arrow-r, .icon-close, .icon-chara, .icon-book, .icon-school, .icon-pen {
	display: inline-block;
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: never;
	font-style: normal !important;
	/* stylelint-disable-line declaration-no-important */
	font-size: inherit;
	font-weight: normal !important;
	/* stylelint-disable-line declaration-no-important */
	font-variant: normal !important;
	/* stylelint-disable-line declaration-no-important */
	text-transform: none;
	line-height: 1;
	color: inherit;
}
.icon-pen::before {
	content: "\e900";
}
.icon-school::before {
	content: "\e901";
}
.icon-book::before {
	content: "\e902";
}
.icon-chara::before {
	content: "\e903";
}
.icon-close::before {
	content: "\e904";
}
.icon-arrow-r::before {
	content: "\e905";
}
.icon-arrow-l::before {
	content: "\e906";
}
.icon-blank::before {
	content: "\e907";
}
.icon-home::before {
	content: "\e908";
}
.icon-arrow-back::before {
	content: "\e909";
}
.icon-arrow2-r::before {
	content: "\e910";
}
.icon-arrow2-l::before {
	content: "\e911";
}
.icon-arrow-anker::before {
	content: "\e912";
}
.icon-file::before {
	content: "\e913";
}
.icon-arrow-plus::before {
	content: "\e914";
}
.icon-arrow-minus::before {
	content: "\e915";
}

.icon-freedial {
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
	width: 70px;
}

.icon-phone {
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
	width: 60px;
}

.icon-sns {
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
	width: 40px;
}

/*----------
	icon container
----------*/
.g-icon-container {
	margin-top: -8px;
	font-size: 0;
}
.g-icon-container__item {
	display: inline-block;
	margin-right: 24px;
	margin-top: 8px;
}

/*----------
	separator
----------*/
.c-separator {
	display: block;
	margin: 40px auto;
	border-top: 1px solid var(--color-border);
}
.c-separator--dot {
	padding-top: 2px;
	background: url(/kids/assets/img/common/bg_line_dot.png) repeat-x 0 0/7px auto;
	border: none;
}

/*----------
	tag
----------*/
.c-tag {
	display: inline-block;
}
.c-tag > a,
.c-tag > span {
	display: inline-block;
	height: 24px;
	max-width: 100%;
	min-width: 72px;
	padding: 0 8px;
	color: var(--color-prim);
	border: 1px solid var(--color-prim);
	border-radius: 5px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 22px;
}
.g-tag-container--list .c-tag {
	clear: both;
}
.g-tag-container--list .c-tag > a, .g-tag-container--list .c-tag > span {
	float: left;
	margin-right: 12px;
}
.g-tag-container--list .c-tag > p {
	line-height: var(--line-height-m);
}
@media (min-width: 744px) {
	.c-tag > a,
.c-tag > span {
		height: 25px;
		min-width: 84px;
		font-size: 1.2rem;
		line-height: 23px;
		transform: rotate(0.03deg);
	}
	.g-tag-container--list .c-tag > a, .g-tag-container--list .c-tag > span {
		margin-right: 15px;
	}
	.g-tag-container--list .c-tag > p {
		transform: rotate(0.03deg);
	}
}

/*----------
	tag container
----------*/
.g-tag-container {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.g-tag-container__inner {
	margin: -8px -8px 0 0;
}
.g-tag-container__item {
	display: inline-block;
	padding: 8px 8px 0 0;
}
.g-tag-container--list__inner {
	margin: -10px -10px 0 0;
}
.g-tag-container--list .g-tag-container__item {
	display: block;
	padding: 10px 10px 0 0;
}

/*----------
	figure
----------*/
.c-figure__image {
	text-align: center;
}
.c-figure__image > img {
	max-width: 100%;
	width: auto;
}
@media (min-width: 744px) {
	.c-figure__caption {
		font-size: 1.4rem;
	}
}

/*----------
	image fit
----------*/
.c-image-fit {
	height: 0;
	padding-bottom: 66.6666666667%;
	position: relative;
	overflow: hidden;
}
.c-image-fit > img,
.c-image-fit > iframe,
.c-image-fit > video,
.c-image-fit > object,
.c-image-fit > embed, .c-image-fit__element {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
	border-radius: 30px;
}
.c-image-fit--2t1 {
	padding-bottom: 50%;
}
.c-image-fit--16t9 {
	padding-bottom: 56.25%;
}
.c-image-fit--sq {
	padding-bottom: 100%;
}

/*----------
	pagination
----------*/
.c-pagination__items {
	display: flex;
	width: 100%;
	justify-content: center;
}
.c-pagination__item {
	width: 26px;
}
.c-pagination__item:not(:first-child) {
	margin-left: 15px;
}
.c-pagination__page {
	display: block;
	width: 26px;
	height: 26px;
	background-color: #FFFFFF;
	border-radius: 5px;
	color: var(--color-txt-caption);
	font-size: 1.3rem;
	line-height: 26px;
	text-align: center;
}
.c-pagination__page--scoring {
	font-size: 1rem;
	font-weight: bold;
}
.c-pagination__page.is-current {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=q1] .c-pagination__page[data-page="1"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=q2] .c-pagination__page[data-page="2"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=q3] .c-pagination__page[data-page="3"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=q4] .c-pagination__page[data-page="4"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=q5] .c-pagination__page[data-page="5"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=a1] .c-pagination__page[data-page="1"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=a2] .c-pagination__page[data-page="2"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=a3] .c-pagination__page[data-page="3"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=a4] .c-pagination__page[data-page="4"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene=a5] .c-pagination__page[data-page="5"] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
.c-quiz[data-show-scene^=result] .c-pagination__page[data-page=end] {
	background-color: var(--color-prim);
	color: #FFFFFF;
}
@media (min-width: 744px) {
	.c-pagination__item {
		width: 30px;
		transform: rotate(0.03deg);
	}
	.c-pagination__page {
		width: 30px;
		height: 30px;
		font-size: 1.6rem;
		line-height: 30px;
	}
	.c-pagination__page--scoring {
		font-size: 1.2rem;
	}
}

/*----------
	heading-primary
----------*/
.c-heading-primary {
	position: relative;
	z-index: 1;
	margin-right: -20px;
	margin-left: -20px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	font-weight: bold;
	font-size: 2.2rem;
	line-height: var(--line-height-s);
	text-align: center;
}
.c-heading-primary::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-repeat: repeat;
	background-size: 480px auto;
}
.c-heading-primary__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 160px;
	padding: 13px 20px;
}
.c-heading-primary__sholder {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}
.c-heading-primary__subtext {
	margin-right: 5px;
	font-size: 1.4rem;
}
.c-heading-primary__icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: #FFFFFF;
	line-height: 24px;
	text-align: center;
}
.c-heading-primary__icon--tag {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.2rem;
}
.c-heading-primary__main {
	position: relative;
}
.c-heading-primary__img {
	display: none;
}
.c-heading-primary--yellow {
	background-color: var(--color-seco-yellow);
}
.c-heading-primary--yellow::before {
	background-image: url(/kids/assets/img/common/bg_category1.png);
}
.c-heading-primary--green {
	background-color: var(--color-seco-green);
	color: #FFFFFF;
}
.c-heading-primary--green::before {
	opacity: 0.2;
	background-image: url(/kids/assets/img/common/bg_category2.png);
}
.c-heading-primary--green .c-heading-primary__icon {
	color: var(--color-seco-green);
}
.c-heading-primary--blue {
	background-color: var(--color-seco-blue);
	color: #FFFFFF;
}
.c-heading-primary--blue::before {
	opacity: 0.2;
	background-image: url(/kids/assets/img/common/bg_category3.png);
}
.c-heading-primary--blue .c-heading-primary__icon {
	color: var(--color-seco-blue);
}
.c-heading-primary--ultramarine {
	background-color: var(--color-seco-ultramarine);
	color: #FFFFFF;
}
.c-heading-primary--ultramarine::before {
	opacity: 0.2;
	background-image: url(/kids/assets/img/common/bg_category1.png);
}
.c-heading-primary--ultramarine .c-heading-primary__icon {
	color: var(--color-seco-ultramarine);
}
@media (min-width: 744px) {
	.c-heading-primary {
		overflow: hidden;
		display: flex;
		border-bottom-left-radius: 50px;
		border-bottom-right-radius: 50px;
		font-size: 3rem;
		text-align: left;
	}
	.c-heading-primary::before {
		background-size: 600px auto;
	}
	.c-heading-primary__inner {
		align-items: start;
		min-height: 170px;
		padding: 15px 270px 15px 60px;
	}
	.c-heading-primary__sholder {
		position: relative;
		display: block;
		margin-bottom: 10px;
	}
	.c-heading-primary__subtext {
		margin-right: 0;
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
	.c-heading-primary__icon {
		position: absolute;
		left: 0;
		top: auto;
		bottom: -51px;
		width: 40px;
		height: 40px;
		margin-left: 0;
		line-height: 40px;
		transform: rotate(0.03deg);
	}
	.c-heading-primary__icon--tag {
		font-size: 3.4rem;
	}
	.c-heading-primary__main {
		margin-left: 47px;
		transform: rotate(0.03deg);
	}
	.c-heading-primary__img {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 255px;
		height: 100%;
	}
	.c-heading-primary__img img {
		width: 100%;
		height: 100%;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.c-heading-primary--noimg .c-heading-primary__inner {
		padding-right: 60px;
	}
}

/*----------
	heading-secondary
----------*/
.c-heading-secondary {
	margin-top: 60px;
	font-weight: bold;
	font-size: 2rem;
	color: var(--color-prim);
	line-height: var(--line-height-s);
	text-align: center;
}
.c-heading-secondary--bg .c-heading-secondary__main {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 17px 28px 7px;
	background-color: #FFFFFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.c-heading-secondary--bg .c-heading-secondary__main::before {
	content: "";
	position: absolute;
	left: 28px;
	bottom: 3px;
	display: block;
	width: calc(100% - 56px);
	height: 4px;
	background-color: #D1E8FF;
}
@media (min-width: 744px) {
	.c-heading-secondary {
		margin-top: 80px;
		font-size: 2.8rem;
		transform: rotate(0.03deg);
	}
	.c-heading-secondary--bg .c-heading-secondary__main {
		padding: 24px 80px 6px;
	}
	.c-heading-secondary--bg .c-heading-secondary__main::before {
		left: 80px;
		bottom: 0;
		width: calc(100% - 160px);
		height: 6px;
	}
}

/*----------
	heading-tertiary
----------*/
.c-heading-tertiary {
	margin-top: 50px;
	font-weight: bold;
	font-size: 1.8rem;
	color: var(--color-prim);
	line-height: var(--line-height-s);
	text-align: center;
}
.c-heading-tertiary--vline {
	text-align: center;
}
.c-heading-tertiary--vline .c-heading-tertiary__main {
	position: relative;
	display: inline-block;
	padding-left: 12px;
}
.c-heading-tertiary--vline .c-heading-tertiary__main::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.5px;
	display: block;
	width: 4px;
	height: calc(100% - 3px);
	border-radius: 10px;
	background-color: var(--color-seco-ultramarine);
}
@media (min-width: 744px) {
	.c-heading-tertiary {
		margin-top: 80px;
		font-size: 2.4rem;
		transform: rotate(0.03deg);
	}
	.c-heading-tertiary--vline .c-heading-tertiary__main {
		padding-left: 18px;
	}
	.c-heading-tertiary--vline .c-heading-tertiary__main::before {
		top: 2px;
		width: 6px;
		height: calc(100% - 4px);
	}
}

/*----------
	heading-quaternary
----------*/
.c-heading-quaternary {
	margin-top: 30px;
	font-weight: bold;
	font-size: 1.6rem;
	color: var(--color-prim);
	line-height: var(--line-height-s);
	text-align: center;
}
.c-heading-quaternary--bgcolor {
	color: #FFFFFF;
}
.c-heading-quaternary--bgcolor .c-heading-quaternary__main {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 5px;
	background-color: var(--color-prim);
}
@media (min-width: 744px) {
	.c-heading-quaternary {
		margin-top: 40px;
		font-size: 2rem;
		transform: rotate(0.03deg);
	}
	.c-heading-quaternary--bgcolor .c-heading-quaternary__main {
		padding: 7px 15px;
	}
}

/*----------
	heading-icon
----------*/
.c-heading-icon {
	font-weight: bold;
	font-size: 2rem;
	color: var(--color-prim);
	line-height: var(--line-height-m);
	text-align: center;
}
.c-heading-icon__inner {
	position: relative;
	display: inline-block;
	padding-left: 50px;
}
.c-heading-icon__icon {
	position: absolute;
	left: 0;
	top: 2px;
	width: 40px;
	height: 40px;
}
.c-heading-icon__main {
	padding-top: 7px;
}
@media (min-width: 744px) {
	.c-heading-icon {
		font-size: 3rem;
		text-align: left;
	}
	.c-heading-icon__inner {
		padding-left: 57px;
	}
	.c-heading-icon__icon {
		top: 2px;
		width: 50px;
		height: 50px;
	}
	.c-heading-icon__main {
		padding-top: 4px;
		transform: rotate(0.03deg);
	}
}

/*----------
	lead
----------*/
.c-lead {
	color: var(--color-prim);
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
@media (min-width: 744px) {
	.c-lead {
		font-size: 2.2rem;
		transform: rotate(0.03deg);
	}
}

/*----------
	text
----------*/
.c-text {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: var(--line-height-l);
	word-wrap: break-word;
}
.c-text b,
.c-text em,
.c-text strong {
	font-weight: 800;
}
.c-text--small {
	font-size: 1.4rem;
}
.c-text--bold {
	font-weight: 800;
}
.c-text--glossary {
	font-weight: normal;
}
.c-text--glossary b,
.c-text--glossary em,
.c-text--glossary strong {
	font-weight: bold;
}
.c-text--description {
	font-weight: normal;
	line-height: var(--line-height-m);
}
.c-text--description b,
.c-text--description em,
.c-text--description strong {
	font-weight: bold;
}
@media (min-width: 744px) {
	.c-text {
		font-size: 1.8rem;
		transform: rotate(0.03deg);
	}
	.c-text > a {
		border-bottom: 1px solid transparent;
		transition: border-color 0.3s;
	}
	.c-text > a:hover {
		border-color: var(--color-txt-link);
	}
	.c-text--small {
		font-size: 1.6rem;
	}
	.c-text--glossary {
		font-size: 1.6rem;
	}
}

/*----------
	caption
----------*/
.c-caption {
	color: var(--color-txt-caption);
	font-size: 1.2rem;
	font-weight: normal;
	line-height: var(--line-height-s);
	word-wrap: break-word;
}
.c-caption b,
.c-caption em,
.c-caption strong {
	font-weight: bold;
}
@media (min-width: 744px) {
	.c-caption {
		font-size: 1.4rem;
		transform: rotate(0.03deg);
	}
	.c-caption > a {
		border-bottom: 1px solid transparent;
		transition: border-color 0.3s;
	}
	.c-caption > a:hover {
		border-color: var(--color-txt-link);
	}
}

/*----------
	list
----------*/
.c-list__item {
	position: relative;
	padding-left: calc(1em + 5px);
	font-size: 1.4rem;
	line-height: var(--line-height-m);
}
.c-list__item:not(:first-child) {
	margin-top: 15px;
}
.c-list__item::before {
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	color: var(--color-prim);
}
.c-list--pink .c-list__item::before {
	color: #FF9588;
}
.c-list--blue .c-list__item::before {
	color: #7BC9F2;
}
@media (min-width: 744px) {
	.c-list__item {
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
	.c-list__item:not(:first-child) {
		margin-top: 20px;
	}
	.c-list--pink .c-list__item::before {
		color: #FF9588;
	}
	.c-list--blue .c-list__item::before {
		color: #7BC9F2;
	}
}

/*----------
	order list
----------*/
.c-orderlist {
	counter-reset: orderlist;
}
.c-orderlist__item {
	position: relative;
	padding-left: calc(1em + 15px);
	font-size: 1.6rem;
	font-weight: 500;
}
.c-orderlist__item::before {
	counter-increment: orderlist;
	content: counter(orderlist);
	position: absolute;
	left: 0;
	top: 5px;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 4px;
	background-color: var(--color-prim);
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.c-orderlist__item + .c-orderlist__item {
	margin-top: 9px;
}
@media (min-width: 744px) {
	.c-orderlist__item {
		font-size: 2rem;
		transform: rotate(0.03deg);
	}
	.c-orderlist__item::before {
		top: 8px;
		width: 26px;
		height: 26px;
	}
	.c-orderlist__item + .c-orderlist__item {
		margin-top: 28px;
	}
}

/*----------
	list icon container
----------*/
.g-list-icon-container::after {
	content: "";
	display: table;
	clear: both;
}
.g-list-icon-container__icon {
	float: left;
	width: 38px;
}
.g-list-icon-container__icon img {
	width: 28px;
}
.g-list-icon-container__item {
	overflow: hidden;
}
.g-list-icon-container__item > li:not(:first-child) {
	margin-top: 5px;
}
.g-list-icon-container + .g-list-icon-container {
	margin-top: 5px;
}
@media (min-width: 744px) {
	.g-list-icon-container__icon {
		width: 48px;
	}
	.g-list-icon-container__icon img {
		width: 38px;
	}
	.g-list-icon-container__item > li:not(:first-child) {
		margin-top: 2px;
	}
	.g-list-icon-container + .g-list-icon-container {
		margin-top: 20px;
	}
}

/*----------
	button
----------*/
.c-button__inner {
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 60px;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 100px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	color: var(--color-prim);
	cursor: pointer;
}
.c-button__inner > span {
	padding: 8px 40px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: var(--line-height-s);
	color: inherit;
}
.c-button a[target=_blank]::before {
	position: absolute;
	right: 12px;
	top: calc(50% - 0.5em);
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-blank);
	font-size: 2.3rem;
}
.c-button a[href$=".pdf"]::before,
.c-button a[href$=".zip"]::before,
.c-button a[href$=".xls"]::before,
.c-button a[href$=".xlsx"]::before,
.c-button a[href$=".doc"]::before,
.c-button a[href$=".docx"]::before {
	position: absolute;
	right: 10px;
	top: calc(50% - 0.5em);
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-file);
	font-size: 2.4rem;
}
.c-button--s .c-button__inner {
	min-height: 50px;
}
.c-button--s .c-button__inner > span {
	font-size: 1.4rem;
}
.c-button--ss .c-button__inner {
	min-height: 40px;
}
.c-button--ss .c-button__inner > span {
	padding: 5px 30px;
	font-size: 1.3rem;
}
.c-button--ss a[target=_blank]::before {
	font-size: 1.9rem;
}
.c-button--ss a[href$=".pdf"]::before,
.c-button--ss a[href$=".zip"]::before,
.c-button--ss a[href$=".xls"]::before,
.c-button--ss a[href$=".xlsx"]::before,
.c-button--ss a[href$=".doc"]::before,
.c-button--ss a[href$=".docx"]::before {
	font-size: 2rem;
}
.c-button--icon-left .c-button__inner > i {
	position: absolute;
	left: 10px;
	top: calc(50% - 0.5em);
	font-size: 2.4rem;
}
.c-button--icon-left.c-button--ss .c-button__inner > i, .c-button--icon-left.c-button--ss .c-button__inner::before {
	left: 6px;
}
.c-button--icon-left.c-button--ss .c-button__inner > span {
	padding-left: 26px;
	padding-right: 12px;
}
.c-button--icon-right .c-button__inner > i {
	position: absolute;
	right: 10px;
	top: calc(50% - 0.5em);
	font-size: 2.4rem;
}
.c-button--icon-right.c-button--ss .c-button__inner > i, .c-button--icon-right.c-button--ss .c-button__inner::before {
	right: 6px;
}
.c-button--icon-right.c-button--ss .c-button__inner > span {
	padding-left: 20px;
	padding-right: 34px;
}
.c-button--prev .c-button__inner {
	flex-direction: column;
	min-height: 40px;
}
.c-button--prev .c-button__inner > span {
	display: block;
	padding: 5px 30px;
	font-size: 1.3rem;
}
.c-button--prev .c-button__inner .c-button__text2 {
	display: none;
}
.c-button--prev .c-button__inner::before {
	position: absolute;
	left: 6px;
	top: calc(50% - 0.5em);
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow-l);
	font-size: 2.4rem;
}
.c-button--yellow .c-button__inner {
	background-color: var(--color-seco-yellow);
}
.c-button--green .c-button__inner {
	background-color: var(--color-seco-green);
}
.c-button--green .c-button__inner > span,
.c-button--green .c-button__inner > i, .c-button--green .c-button__inner::before {
	color: #FFFFFF;
}
.c-button--blue .c-button__inner {
	background-color: var(--color-seco-blue);
}
.c-button--blue .c-button__inner > span,
.c-button--blue .c-button__inner > i, .c-button--blue .c-button__inner::before {
	color: #FFFFFF;
}
.c-button--ultramarine .c-button__inner {
	background-color: var(--color-seco-ultramarine);
}
.c-button--ultramarine .c-button__inner > span,
.c-button--ultramarine .c-button__inner > i, .c-button--ultramarine .c-button__inner::before {
	color: #FFFFFF;
}
.c-button--red .c-button__inner {
	background-color: var(--color-red);
}
.c-button--red .c-button__inner > span,
.c-button--red .c-button__inner > i, .c-button--red .c-button__inner::before {
	color: #FFFFFF;
}
.c-button--border .c-button__inner {
	border: solid 2px var(--color-prim);
}
@media (min-width: 744px) {
	.c-button {
		transform: rotate(0.03deg);
	}
	.c-button__inner {
		min-height: 80px;
		transition: transform 0.2s ease-in-out;
	}
	.c-button__inner:hover {
		transform: scale(1.06);
	}
	.c-button__inner > span {
		padding: 12px 60px;
		font-size: 2.2rem;
	}
	.c-button a[target=_blank]::before {
		right: 22px;
		font-size: 2.3rem;
	}
	.c-button a[href$=".pdf"]::before,
.c-button a[href$=".zip"]::before,
.c-button a[href$=".xls"]::before,
.c-button a[href$=".xlsx"]::before,
.c-button a[href$=".doc"]::before,
.c-button a[href$=".docx"]::before {
		right: 20px;
	}
	.c-button--s .c-button__inner {
		min-height: 65px;
	}
	.c-button--s .c-button__inner > span {
		font-size: 1.8rem;
	}
	.c-button--ss .c-button__inner {
		min-height: 50px;
	}
	.c-button--ss .c-button__inner > span {
		padding: 10px 40px;
		font-size: 1.5rem;
	}
	.c-button--ss a[target=_blank]::before {
		right: 18px;
		font-size: 2.1rem;
	}
	.c-button--ss a[href$=".pdf"]::before,
.c-button--ss a[href$=".zip"]::before,
.c-button--ss a[href$=".xls"]::before,
.c-button--ss a[href$=".xlsx"]::before,
.c-button--ss a[href$=".doc"]::before,
.c-button--ss a[href$=".docx"]::before {
		right: 16px;
		font-size: 2.2rem;
	}
	.c-button--icon-left .c-button__inner > i {
		left: 20px;
	}
	.c-button--icon-left.c-button--ss .c-button__inner > i, .c-button--icon-left.c-button--ss .c-button__inner::before {
		left: 10px;
	}
	.c-button--icon-left.c-button--ss .c-button__inner > span {
		padding-left: 33px;
		padding-right: 33px;
	}
	.c-button--icon-right .c-button__inner > i {
		right: 20px;
	}
	.c-button--icon-right.c-button--ss .c-button__inner > i, .c-button--icon-right.c-button--ss .c-button__inner::before {
		right: 10px;
	}
	.c-button--icon-right.c-button--ss .c-button__inner > span {
		padding-left: 30px;
		padding-right: 30px;
	}
	.c-button--prev .c-button__inner {
		align-items: flex-start;
		min-height: 60px;
	}
	.c-button--prev .c-button__inner > span {
		display: block;
		padding: 0 40px 0 63px;
		font-size: 1.6rem;
		text-align: left;
	}
	.c-button--prev .c-button__inner .c-button__text1 {
		padding-top: 5px;
	}
	.c-button--prev .c-button__inner .c-button__text2 {
		display: block;
		padding-bottom: 5px;
		font-size: 1.3rem;
	}
	.c-button--prev .c-button__inner::before {
		left: 10px;
	}
}

/*----------
	button container
----------*/
.g-button-container {
	text-align: center;
}
.g-button-container__item {
	display: inline-block;
	min-width: 335px;
}
.g-button-container:last-child {
	margin-bottom: 0;
}
@media (min-width: 744px) {
	.g-button-container {
		text-align: left;
	}
	.g-button-container__item {
		min-width: 435px;
		margin-left: 0;
		margin-right: 0;
	}
}

/*----------
	card
----------*/
.c-card__inner {
	position: relative;
	display: block;
	max-width: 335px;
	height: 100%;
	margin: 0 auto;
	border-radius: 30px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.c-card__inner > i {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 2.4rem;
}
.c-card__image img {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.c-card__image--fix {
	height: 0;
	padding-bottom: 36.5%;
	position: relative;
	overflow: hidden;
}
.c-card__image--fix img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
}
.c-card__content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 115px;
	padding: 25px 10px 30px;
}
.c-card__num {
	position: absolute;
	left: calc(50% - 20px);
	top: -24px;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: var(--color-seco-yellow);
	font-size: 2.9rem;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
}
.c-card__title {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: var(--line-height-s);
	text-align: center;
}
.c-card--green .c-card__num {
	background-color: var(--color-seco-green);
	color: #FFFFFF;
}
.c-card--blue .c-card__num {
	background-color: var(--color-seco-blue);
	color: #FFFFFF;
}
@media (min-width: 744px) {
	.c-card > a {
		transition: transform 0.2s ease-in-out;
	}
	.c-card > a:hover {
		transform: scale(1.05);
	}
	.c-card__inner {
		max-width: 100%;
	}
	.c-card__image--fix {
		padding-bottom: 50%;
	}
	.c-card__content {
		min-height: 140px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.c-card__num {
		left: calc(50% - 25px);
		top: -25px;
		width: 50px;
		height: 50px;
		font-size: 3.6rem;
		line-height: 50px;
		transform: rotate(0.03deg);
	}
	.c-card__title {
		font-size: 2rem;
		transform: rotate(0.03deg);
	}
}

/*----------
	image link
----------*/
.c-imagelink {
	margin-right: 10px;
	margin-left: 10px;
}
.c-imagelink__inner {
	height: 100%;
	display: block;
}
.c-imagelink__image > img {
	border-radius: 30px;
}
.c-imagelink__content {
	position: relative;
	z-index: 1;
	margin-top: -17px;
	text-align: center;
}
.c-imagelink__category {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 5px;
	background-color: var(--color-prim);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: var(--line-height-s);
}
.c-imagelink__text {
	margin-top: 15px;
	font-size: 1.4rem;
	text-align: left;
	line-height: var(--line-height-m);
}
@media (min-width: 744px) {
	.c-imagelink {
		margin-right: 0;
		margin-left: 0;
	}
	.c-imagelink__content {
		margin-top: -20px;
	}
	.c-imagelink__category {
		padding: 6px 15px;
		font-size: 1.8rem;
		transform: rotate(0.03deg);
	}
	.c-imagelink__text {
		margin-top: 20px;
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
}

/*----------
	imageset
----------*/
.c-imageset__image {
	position: relative;
}
.c-imageset__image > img {
	border-radius: 30px;
}
.c-imageset__category {
	position: relative;
	z-index: 1;
	margin-top: -17px;
	text-align: center;
}
.c-imageset__category .c-imageset__category-text {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 5px;
	background-color: var(--color-prim);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: var(--line-height-s);
}
.c-imageset__title {
	margin-top: 15px;
	color: var(--color-prim);
	font-weight: bold;
	font-size: 1.6rem;
	line-height: var(--line-height-s);
}
.c-imageset__title--font-l {
	font-size: 1.8rem;
}
.c-imageset__text {
	margin-top: 15px;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: left;
}
.c-imageset__text b,
.c-imageset__text em,
.c-imageset__text strong {
	font-weight: 800;
}
.c-imageset__tag {
	margin-top: 7px;
}
.c-imageset__tag-list {
	margin-top: 15px;
	font-size: 1.4rem;
	font-weight: 500;
}
.c-imageset__btn {
	margin-top: 20px;
}
.c-imageset--fleximg .c-imageset__title {
	margin-top: 0;
}
.c-imageset--fleximg .c-imageset__fleximage {
	margin-top: 15px;
}
.c-imageset--fleximg .c-imageset__fleximage > img {
	border-radius: 30px;
}
@media (min-width: 744px) {
	.c-imageset__inner {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}
	.c-imageset__image {
		flex: 0 0 calc(50% - 15px);
		margin-right: 29px;
	}
	.c-imageset__content {
		flex: 1 0 calc(50% - 15px);
		text-align: left;
	}
	.c-imageset__category {
		margin-top: 0;
		text-align: left;
		transform: rotate(0.03deg);
	}
	.c-imageset__category .c-imageset__category-text {
		padding: 6px 15px;
		font-size: 2rem;
	}
	.c-imageset__title {
		font-size: 2rem;
		transform: rotate(0.03deg);
	}
	.c-imageset__title--font-l {
		font-size: 2.4rem;
	}
	.c-imageset__text {
		margin-top: 12px;
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
	.c-imageset__tag {
		margin-top: 8px;
	}
	.c-imageset__tag-list {
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.c-imageset__btn {
		margin-top: 28px;
	}
	.c-imageset--reverse .c-imageset__inner {
		flex-direction: row-reverse;
	}
	.c-imageset--reverse .c-imageset__image {
		margin-right: 0;
		margin-left: 32px;
	}
	.c-imageset--fleximg .c-imageset__inner {
		justify-content: flex-end;
	}
	.c-imageset--fleximg .c-imageset__content {
		flex: 0 0 calc(50% - 15px);
	}
	.c-imageset--fleximg .c-imageset__fleximage {
		position: absolute;
		left: 0;
		top: 0;
		width: calc(50% - 15px);
		margin-top: 0;
	}
	.c-imageset--fleximg.c-imageset--reverse .c-imageset__fleximage {
		left: auto;
		right: 0;
	}
}

/*----------
	img separate container
----------*/
.g-img-separate-container__item:not(:first-child) {
	margin-top: 40px;
	padding-top: 40px;
	background: url(/kids/assets/img/common/bg_line_dot.png) repeat-x left top/7px auto;
}
.g-img-separate-container--solid .g-img-separate-container__item:not(:first-child) {
	background: none;
	border-top: solid 1px var(--color-border);
}
@media (min-width: 744px) {
	.g-img-separate-container__item:not(:first-child) {
		margin-top: 60px;
		padding-top: 60px;
	}
}

/*----------
	c-box
----------*/
.c-box__inner {
	position: relative;
	padding: 40px 30px;
	border-radius: 40px;
	background: #FFFFFF;
}
.c-box__content {
	margin: 0 auto;
}
.c-box__content > *:first-child {
	margin-top: 0;
}
.c-box__content > *:last-child {
	margin-bottom: 0;
}
.c-box__title {
	margin-top: 0;
}
.c-box__sttl, .c-box__lead {
	margin: 0 -20px;
}
.c-box__picture, .c-box__picture-full {
	margin: 0 -20px;
}
.c-box__source {
	margin: 10px 0 -4px;
	text-align: right;
}
.c-box__source a {
	color: var(--color-txt-caption);
}
.c-box--icon {
	padding-top: 45px;
}
.c-box--icon .c-box__inner::before {
	content: "";
	display: block;
	position: absolute;
	top: -45px;
	left: calc(50% - 45px);
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: #FFFFFF url(/kids/assets/img/common/icon_book2.svg) no-repeat 22px 25px/50px auto;
}
.c-box--yellow .c-box__inner {
	background-color: var(--color-seco-yellow);
}
.c-box--yellow .c-box__inner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-repeat: repeat;
	background-size: 480px auto;
	background-image: url(/kids/assets/img/common/bg_category1.png);
}
.c-box--yellow .c-box__content {
	position: relative;
	z-index: 1;
}
.c-box--green .c-box__inner {
	background-color: var(--color-seco-green);
}
.c-box--green .c-box__inner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background-repeat: repeat;
	background-size: 480px auto;
	background-image: url(/kids/assets/img/common/bg_category2.png);
}
.c-box--green .c-box__content {
	position: relative;
	z-index: 1;
}
.c-box--blue .c-box__inner {
	background-color: var(--color-seco-blue);
}
.c-box--blue .c-box__inner::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background-repeat: repeat;
	background-size: 480px auto;
	background-image: url(/kids/assets/img/common/bg_category3.png);
}
.c-box--blue .c-box__content {
	position: relative;
	z-index: 1;
}
@media (min-width: 744px) {
	.c-box {
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
	}
	.c-box__inner {
		padding: 50px 60px 60px;
		border-radius: 50px;
	}
	.c-box__sttl, .c-box__lead {
		margin: 0;
	}
	.c-box__picture {
		margin: 0;
	}
	.c-box__picture-full {
		margin: 0 -50px;
	}
	.c-box__source {
		margin: 10px 4px 0 0;
	}
	.c-box__source a {
		border-bottom: 1px solid transparent;
		transition: border-color 0.3s;
	}
	.c-box__source a:hover {
		border-color: var(--color-txt-caption);
	}
	.c-box--full {
		max-width: 100%;
	}
	.c-box--full .c-box__content {
		max-width: 900px;
	}
	.c-box--icon {
		padding-top: 55px;
	}
	.c-box--icon .c-box__inner::before {
		top: -55px;
		left: calc(50% - 55px);
		width: 110px;
		height: 110px;
		background-position: 26px 30px;
		background-size: 63px auto;
	}
	.c-box--yellow .c-box__inner::before {
		background-size: 600px auto;
	}
	.c-box--green .c-box__inner::before {
		background-size: 600px auto;
	}
	.c-box--blue .c-box__inner::before {
		background-size: 600px auto;
	}
}

/*----------
	kv
----------*/
.c-kv {
	position: relative;
	margin-left: -20px;
	margin-right: -20px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	font-weight: bold;
	line-height: var(--line-height-s);
	text-align: center;
}
.c-kv::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-repeat: repeat;
	background-size: 480px auto;
}
.c-kv__textbox {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 224px;
}
.c-kv__chapter {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	margin-bottom: 10px;
	padding: 0 17px;
	background: #FFFFFF;
	font-size: 2rem;
}
.c-kv__chapter::before {
	content: "";
	position: absolute;
	left: -8px;
	top: 0;
	height: 36px;
	width: 11px;
	background: url(/kids/assets/img/common/bg_ribbon.png) no-repeat left center/auto 36px;
}
.c-kv__chapter::after {
	content: "";
	position: absolute;
	right: -8px;
	top: 0;
	height: 36px;
	width: 11px;
	background: url(/kids/assets/img/common/bg_ribbon.png) no-repeat left center/auto 36px;
	transform: scale(-1, 1);
}
.c-kv__chapter span {
	font-size: 2.3rem;
}
.c-kv__main {
	font-size: 2.5rem;
}
.c-kv__main span {
	font-size: 2.9rem;
}
.c-kv__img {
	display: none;
}
.c-kv--yellow {
	background-color: var(--color-seco-yellow);
}
.c-kv--yellow::before {
	background-image: url(/kids/assets/img/common/bg_category1.png);
}
.c-kv--green {
	background-color: var(--color-seco-green);
	color: #FFFFFF;
}
.c-kv--green::before {
	opacity: 0.2;
	background-image: url(/kids/assets/img/common/bg_category2.png);
}
.c-kv--green .c-kv__chapter {
	color: var(--color-seco-green);
}
.c-kv--blue {
	background-color: var(--color-seco-blue);
	color: #FFFFFF;
}
.c-kv--blue::before {
	opacity: 0.2;
	background-image: url(/kids/assets/img/common/bg_category3.png);
}
.c-kv--blue .c-kv__chapter {
	color: var(--color-seco-blue);
}
@media (min-width: 744px) {
	.c-kv {
		border-bottom-left-radius: 50px;
		border-bottom-right-radius: 50px;
	}
	.c-kv::before {
		background-size: 600px auto;
	}
	.c-kv__inner {
		display: flex;
		width: 100%;
	}
	.c-kv__textbox {
		width: 50%;
		min-height: 380px;
	}
	.c-kv__chapter {
		height: 50px;
		margin-bottom: 19px;
		padding: 0 22px;
		font-size: 3rem;
		transform: rotate(0.03deg);
	}
	.c-kv__chapter::before {
		left: -12px;
		height: 50px;
		width: 15px;
		background-size: auto 50px;
	}
	.c-kv__chapter::after {
		right: -12px;
		top: 0;
		height: 50px;
		width: 15px;
		background-size: auto 50px;
	}
	.c-kv__chapter span {
		font-size: 3.4rem;
	}
	.c-kv__main {
		font-size: 3.6rem;
		transform: rotate(0.03deg);
	}
	.c-kv__main span {
		font-size: 4.2rem;
	}
	.c-kv__img {
		position: relative;
		z-index: 1;
		display: block;
		width: 50%;
	}
	.c-kv__img img {
		width: 100%;
		height: 100%;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-bottom-right-radius: 50px;
	}
}

/*----------
	single column
----------*/
.g-center-col__item + .g-center-col__item {
	margin-top: 40px;
}
@media (min-width: 744px) {
	.g-center-col {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}
	.g-center-col__item {
		flex: 1 1 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.g-center-col__item + .g-center-col__item {
		margin-top: 0;
	}
	.g-center-col--small .g-center-col__item {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.g-center-col--2up .g-center-col__item {
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.g-center-col--2up .g-center-col__item + .g-center-col__item {
		margin-left: 40px;
	}
}

/*----------
	grid
----------*/
.g-grid {
	margin: 0 auto;
}
.g-grid__item + .g-grid__item {
	margin-top: 20px;
}
@media (min-width: 744px) {
	.g-grid {
		width: 50%;
	}
	.g-grid__item + .g-grid__item {
		margin-top: 20px;
	}
	@supports (display: grid) {
		.g-grid {
			display: grid;
			gap: 30px;
			width: auto;
		}
		.g-grid--2up {
			grid-template-columns: repeat(2, 1fr);
		}
		.g-grid--3up {
			grid-template-columns: repeat(3, 1fr);
		}
		.g-grid--4up {
			grid-template-columns: repeat(4, 1fr);
		}
		.g-grid__item + .g-grid__item {
			margin-top: 0;
		}
	}
}

/*----------
	c-tap
----------*/
.c-tap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.c-tap::before {
	content: "";
	display: block;
	width: 35.5px;
	height: 35.5px;
	margin-right: 10px;
	background: #cad4e6 url(/kids/assets/img/common/icon_tap.svg) no-repeat right 1px bottom 1px/31px auto;
	border-radius: 100%;
}
.c-tap__text {
	color: var(--color-prim);
	font-size: 1.6rem;
	font-weight: bold;
}
@media (min-width: 744px) {
	.c-tap::before {
		width: 47px;
		height: 47px;
		background-position: center bottom;
		background-size: 41px auto;
	}
	.c-tap__text {
		font-size: 1.8rem;
		transform: rotate(0.03deg);
	}
}

/*----------
	c-reference
----------*/
.c-reference {
	margin: 50px 10px 0;
}
.c-reference__sttl {
	color: var(--color-txt-caption);
	font-size: 1rem;
	font-weight: 500;
}
.c-reference li {
	margin-top: 5px;
	color: var(--color-txt-caption);
	font-size: 1rem;
	font-weight: 500;
	line-height: var(--line-height-s);
	word-break: break-all;
}
.c-reference a {
	color: var(--color-txt-caption);
	font-weight: 400;
}
.c-reference__text {
	display: inline;
}
.c-reference__source {
	display: inline;
	font-weight: 400;
}
@media (min-width: 744px) {
	.c-reference {
		margin-right: 0;
		margin-left: 0;
	}
	.c-reference__sttl {
		font-size: 1.2rem;
		line-height: var(--line-height-s);
		transform: rotate(0.03deg);
	}
	.c-reference li {
		font-size: 1.2rem;
		transform: rotate(0.03deg);
	}
	.c-reference a {
		color: var(--color-txt-caption);
		font-weight: 400;
		border-bottom: 1px solid transparent;
		transition: border-color 0.3s;
	}
	.c-reference a:hover {
		border-color: var(--color-txt-caption);
	}
	.c-reference__source span {
		font-size: 1.1rem;
	}
}

/*----------
	c-answer
----------*/
.c-answer {
	position: relative;
	display: inline-block;
	margin: 1px 3px;
	padding: 2px 8px;
	background-color: #FFFFFF;
	border: solid 2px var(--color-border);
	border-radius: 5px;
	line-height: var(--line-height-m);
	color: #FFFFFF;
	user-select: none;
	cursor: pointer;
	transition: color 0.2s;
}
.c-answer::before {
	content: "";
	position: absolute;
	left: calc(50% - 12px);
	top: calc(50% - 12px);
	display: block;
	width: 24px;
	height: 24px;
	background: var(--color-seco-yellow) url(/kids/assets/img/common/icon_hatena.svg) no-repeat 0 0/24px auto;
	border-radius: 100%;
	color: #FFFFFF;
	text-align: center;
}
.c-answer.is-display {
	color: var(--color-txt);
	cursor: default;
}
.c-answer.is-display::before {
	display: none;
}
.c-notebox--green .c-answer::before {
	background-color: var(--color-seco-green);
}
.c-notebox--blue .c-answer::before {
	background-color: var(--color-seco-blue);
}
@media (min-width: 744px) {
	.c-answer {
		padding: 3px 10px;
	}
	.c-answer::before {
		left: calc(50% - 14px);
		top: calc(50% - 14px);
		width: 28px;
		height: 28px;
		background-size: 28px auto;
	}
}

/*----------
	c-notebox
----------*/
.c-notebox {
	margin-top: 60px;
	padding-top: 22px;
}
.c-notebox__inner {
	position: relative;
	padding: 30px 30px 35px;
	background: #FFFFFF url(/kids/assets/img/common/bg_notebox_body_sp.png) repeat-y 0 0/375px auto;
}
.c-notebox__inner::before {
	content: "";
	position: absolute;
	left: calc(50% - 86px);
	top: -22px;
	z-index: 1;
	display: block;
	width: 172px;
	height: 40px;
	background: no-repeat 0 0/172px auto;
}
.c-notebox--yellow .c-notebox__inner::before {
	background-image: url(/kids/assets/img/common/bg_notebox_head1_sp.png);
}
.c-notebox--green .c-notebox__inner::before {
	background-image: url(/kids/assets/img/common/bg_notebox_head2_sp.png);
}
.c-notebox--blue .c-notebox__inner::before {
	background-image: url(/kids/assets/img/common/bg_notebox_head3_sp.png);
}
@media (min-width: 744px) {
	.c-notebox {
		max-width: 1024px;
		margin: 80px auto 0;
		padding-top: 36px;
	}
	.c-notebox__inner {
		padding: 60px 70px 70px 82px;
		background-image: url(/kids/assets/img/common/bg_notebox_body.png);
		background-size: 1024px auto;
	}
	.c-notebox__inner::before {
		left: calc(50% - 148px);
		top: -36px;
		width: 297px;
		height: 68.5px;
		background-size: 297px auto;
	}
	.c-notebox--yellow .c-notebox__inner::before {
		background-image: url(/kids/assets/img/common/bg_notebox_head1.png);
	}
	.c-notebox--green .c-notebox__inner::before {
		background-image: url(/kids/assets/img/common/bg_notebox_head2.png);
	}
	.c-notebox--blue .c-notebox__inner::before {
		background-image: url(/kids/assets/img/common/bg_notebox_head3.png);
	}
}

/*----------
	g-review-check
----------*/
.g-review-check__text {
	margin-top: 14px;
	padding-bottom: 30px;
	background: url(/kids/assets/img/common/bg_line_dot.png) repeat-x left bottom/7px auto;
}
.g-review-check__supplement {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 314px;
	margin: 30px 0 20px;
	padding: 22px 14px 21px;
}
.g-review-check__supplement::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFF79B;
}
.g-review-check__supplement::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: calc(100% + 4px);
	height: calc(100% + 5px);
	background: url(/kids/assets/img/common/bg_check_supplement_sp.png) no-repeat 0 0/cover;
}
.g-review-check__supplement .g-review-check__answer {
	position: relative;
	z-index: 2;
	margin-right: 12px;
	cursor: default;
}
.g-review-check__supplement .g-review-check__answer::after {
	content: "";
	position: absolute;
	right: -10.6px;
	top: 11.5px;
	display: block;
	width: 31px;
	height: 31px;
	background: url(/kids/assets/img/common/icon_tap.svg) no-repeat 0 0/31px auto;
}
.g-review-check__supplement > p {
	position: relative;
	z-index: 2;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: var(--line-height-m);
}
.c-notebox--green .g-review-check__supplement::before {
	background-color: #BAF3B6;
}
.c-notebox--blue .g-review-check__supplement::before {
	background-color: #D8F2FF;
}
@media (min-width: 744px) {
	.g-review-check__sttl {
		padding-right: 260px;
	}
	.g-review-check__text {
		margin: 10px 0 42px;
		padding-right: 280px;
		padding-bottom: 20px;
		font-size: 1.6rem;
	}
	.g-review-check__supplement {
		position: absolute;
		right: 124px;
		top: 14px;
		display: block;
		width: 200px;
		max-width: 100%;
		height: 140px;
		margin: 45px 0 0;
		padding: 20px 0 0;
	}
	.g-review-check__supplement::after {
		width: calc(100% + 7px);
		height: calc(100% + 18px);
		background: url(/kids/assets/img/common/bg_check_supplement.png) no-repeat 0 0/cover;
	}
	.g-review-check__supplement .g-review-check__answer {
		margin-right: 0;
		margin-left: 46px;
	}
	.g-review-check__supplement .g-review-check__answer::after {
		right: -22.6px;
		top: 10.9px;
		width: 41px;
		height: 41px;
		background-size: 41px auto;
	}
	.g-review-check__supplement > p {
		font-size: 1.6rem;
		margin-top: 8px;
		margin-left: 43px;
		transform: rotate(0.03deg);
	}
}

/*----------
	g-button-prev
----------*/
.g-button-prev {
	margin-top: 20px;
}
.g-button-prev__item {
	display: inline-block;
	min-width: 160px;
}
@media (min-width: 744px) {
	.g-button-prev {
		margin-top: 30px;
	}
	.g-button-prev__item {
		min-width: 430px;
	}
}

/*----------
	c-chara-modal
----------*/
.c-chara-modal {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 500;
	opacity: 0;
	visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	transform: none;
	overflow: hidden;
	pointer-events: none;
	transition: opacity 0.3s, visibility 0.3s;
}
.c-chara-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.c-chara-modal__content {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 514px;
	overflow-y: auto;
	overflow-x: hidden;
	scroll-behavior: smooth;
	padding: 0 15px;
}
.c-chara-modal__slide {
	position: relative;
	width: 100%;
	max-width: 335px;
	height: 430px;
	margin: 42px auto;
}
.c-chara-modal__text {
	position: relative;
	z-index: 1;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.8;
}
.c-chara-modal__item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-width: 335px;
	height: 430px;
	border: solid 3px #FFFFFF;
	padding: 37px 27px;
	border-radius: 30px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
}
.c-chara-modal__item--1 {
	background: #004283 url(/kids/assets/img/common/bg_chara_modal1_sp.png) repeat center bottom/cover;
	color: #FFFFFF;
}
.c-chara-modal__item--2 {
	background: #81D3E6 url(/kids/assets/img/common/bg_chara_modal2_sp.png) repeat center bottom/cover;
}
.c-chara-modal__item--3 {
	background: #B5C1FF url(/kids/assets/img/common/bg_chara_modal3_sp.png) repeat center bottom/cover;
}
.c-chara-modal__item--4 {
	background: #004283 url(/kids/assets/img/common/bg_chara_modal4_sp.png) repeat center bottom/cover;
	color: #FFFFFF;
}
.c-chara-modal__item.is-current {
	opacity: 1;
	visibility: visible;
}
.c-chara-modal__item.is-current.is-hide-right {
	z-index: 1;
	animation: anime-chara-modal-hide-right 0.6s forwards;
}
.c-chara-modal__item.is-current.is-hide-left {
	z-index: 1;
	animation: anime-chara-modal-hide-left 0.6s forwards;
}
.c-chara-modal__item.is-prev {
	visibility: hidden;
	opacity: 0;
}
.c-chara-modal__item.is-prev.is-show-left {
	visibility: visible;
	animation: anime-chara-modal-show-left 0.6s forwards;
}
.c-chara-modal__item.is-next {
	visibility: hidden;
	opacity: 0;
}
.c-chara-modal__item.is-next.is-show-right {
	visibility: visible;
	animation: anime-chara-modal-show-right 0.6s forwards;
}
.c-chara-modal__close {
	position: absolute;
	right: 0;
	top: -42px;
	z-index: 1;
	display: block;
	width: 32px;
	height: 32px;
	background: url(/kids/assets/img/common/btn_modal_close.png) no-repeat 0 0/32px auto;
	cursor: pointer;
}
.c-chara-modal__prev, .c-chara-modal__next {
	position: absolute;
	top: calc(50% - 25px);
	z-index: 1;
	width: 50px;
	height: 50px;
	background-color: #FFFFFF;
	border-radius: 100%;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
.c-chara-modal__prev::before, .c-chara-modal__next::before {
	position: absolute;
	top: 14px;
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	color: var(--color-prim);
	font-size: 2.2rem;
}
.c-chara-modal__prev.is-show, .c-chara-modal__next.is-show {
	opacity: 1;
	visibility: visible;
}
.c-chara-modal__prev {
	left: -15px;
}
.c-chara-modal__prev::before {
	left: 12px;
	content: var(--icon-arrow2-l);
}
.c-chara-modal__next {
	right: -15px;
}
.c-chara-modal__next::before {
	right: 12px;
	content: var(--icon-arrow2-r);
}
@media (min-width: 744px) {
	.c-chara-modal__content {
		max-height: 648px;
		padding: 0 40px;
	}
	.c-chara-modal__slide {
		max-width: 840px;
		height: 530px;
		margin: 59px auto;
	}
	.c-chara-modal__text {
		font-size: 2rem;
		transform: rotate(0.03deg);
	}
	.c-chara-modal__item {
		max-width: 840px;
		height: 530px;
		padding: 40px 68px;
		border-radius: 50px;
	}
	.c-chara-modal__item--1 {
		background-image: url(/kids/assets/img/common/bg_chara_modal1.png);
	}
	.c-chara-modal__item--2 {
		background-image: url(/kids/assets/img/common/bg_chara_modal2.png);
	}
	.c-chara-modal__item--3 {
		background-image: url(/kids/assets/img/common/bg_chara_modal3.png);
	}
	.c-chara-modal__item--4 {
		background-image: url(/kids/assets/img/common/bg_chara_modal4.png);
	}
	.c-chara-modal__item.is-current.is-hide-right {
		animation-duration: 0.9s;
	}
	.c-chara-modal__item.is-current.is-hide-left {
		animation-duration: 0.9s;
	}
	.c-chara-modal__item.is-prev.is-show-right {
		animation-duration: 0.9s;
	}
	.c-chara-modal__item.is-prev.is-show-left {
		animation-duration: 0.9s;
	}
	.c-chara-modal__item.is-next.is-show-right {
		animation-duration: 0.9s;
	}
	.c-chara-modal__item.is-next.is-show-left {
		animation-duration: 0.9s;
	}
	.c-chara-modal__close {
		top: -59px;
		width: 46px;
		height: 46px;
		background-size: 46px auto;
		transition: transform 0.2s ease-in-out;
	}
	.c-chara-modal__close:hover {
		transform: scale(1.06);
	}
	.c-chara-modal__prev, .c-chara-modal__next {
		top: calc(50% - 40px);
		width: 80px;
		height: 80px;
	}
	.c-chara-modal__prev::before, .c-chara-modal__next::before {
		top: 22px;
		font-size: 3.5rem;
	}
	.c-chara-modal__prev {
		left: -38px;
		transition: transform 0.2s ease-in-out;
	}
	.c-chara-modal__prev:hover {
		transform: scale(1.06);
	}
	.c-chara-modal__prev::before {
		left: 18px;
	}
	.c-chara-modal__next {
		right: -38px;
		transition: transform 0.2s ease-in-out;
	}
	.c-chara-modal__next:hover {
		transform: scale(1.06);
	}
	.c-chara-modal__next::before {
		right: 18px;
	}
}

@keyframes anime-chara-modal-hide-left {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	30% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		transform: translateX(-120%);
	}
}
@keyframes anime-chara-modal-hide-right {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	30% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		transform: translateX(120%);
	}
}
@keyframes anime-chara-modal-show-left {
	0%, 20% {
		opacity: 0;
		transform: translateX(-100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes anime-chara-modal-show-right {
	0%, 20% {
		opacity: 0;
		transform: translateX(100%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
/*----------
	c-talk
----------*/
.c-talk {
	margin: 20px -20px 0;
	padding: 11px 0 16px;
}
.c-talk__chat-wrap {
	position: relative;
	width: calc(100% - 70px);
	max-width: 305px;
	height: 249px;
	margin: 0 auto 42px;
}
.c-talk__chat {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
}
.c-talk__chat.is-current {
	opacity: 1;
	visibility: visible;
}
.c-talk__chat.is-current.is-hide-top {
	animation: anime-talk-hide-top 0.6s forwards;
}
.c-talk__chat.is-current.is-hide-bot {
	animation: anime-talk-hide-bot 0.6s forwards;
}
.c-talk__chat.is-prev {
	z-index: 1;
	visibility: hidden;
	opacity: 0;
}
.c-talk__chat.is-prev.is-show-top {
	visibility: visible;
	animation: anime-talk-show-top 0.6s forwards;
}
.c-talk__chat.is-next {
	z-index: 1;
	visibility: hidden;
	opacity: 0;
}
.c-talk__chat.is-next.is-show-bot {
	visibility: visible;
	animation: anime-talk-show-bot 0.6s forwards;
}
.c-talk__chat::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	border-radius: 30px;
}
.c-talk__chat::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: solid 2px var(--color-border);
	border-radius: 30px;
}
.c-talk__chat-inner {
	padding: 20px 30px 33px;
}
.c-talk__chat-inner::before {
	content: "";
	position: absolute;
	left: calc(50% - 11px);
	bottom: -25px;
	z-index: 1;
	display: block;
	width: 22px;
	height: 32px;
	background: url(/kids/assets/img/common/bg_fukidashi_center_sp.png) no-repeat 0 0/22px auto;
}
.c-talk[data-current-chara="1"] .c-talk__chat-inner::before {
	left: calc(50% - 60px);
	bottom: -18px;
	width: 34.5px;
	height: 25px;
	background: url(/kids/assets/img/common/bg_fukidashi_left_sp.png) no-repeat 0 0/34.5px auto;
}
.c-talk[data-current-chara="3"] .c-talk__chat-inner::before {
	left: calc(50% + 25px);
	bottom: -18px;
	width: 34.5px;
	height: 25px;
	background: url(/kids/assets/img/common/bg_fukidashi_right_sp.png) no-repeat 0 0/34.5px auto;
}
.c-talk__text {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 196px;
	font-size: 1.4rem;
	font-weight: 500;
}
.c-talk__text b,
.c-talk__text em,
.c-talk__text strong {
	font-weight: 800;
}
.c-talk__name {
	position: absolute;
	left: 30px;
	top: -11px;
	z-index: 1;
	min-width: 80px;
	min-height: 2em;
	padding: 0 15px;
	border-radius: 50px;
	background: repeating-linear-gradient(135deg, #A5A5A5, #A5A5A5 4px, #AEAEAE 4px, #AEAEAE 7px);
	color: #FFFFFF;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.c-talk__num {
	position: absolute;
	left: 0;
	bottom: 12px;
	z-index: 1;
	width: 100%;
	color: var(--color-txt-caption);
	font-size: 1rem;
	text-align: center;
}
.c-talk__btn-prev {
	position: absolute;
	left: -20px;
	top: calc(50% - 20px);
	z-index: 1;
	display: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
	border: solid 2px var(--color-seco-yellow);
	border-radius: 100%;
	color: var(--color-seco-yellow);
	cursor: pointer;
	animation: fade-in 0.3s ease;
	user-select: none;
}
.c-talk__btn-prev::before {
	position: relative;
	left: -1px;
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow2-l);
	font-size: 1.6rem;
}
.c-talk__btn-prev.is-show {
	display: flex;
}
.c-talk__btn-next {
	position: absolute;
	right: -25px;
	top: calc(50% - 25px);
	z-index: 1;
	display: none;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: var(--color-seco-yellow);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
	border-radius: 100%;
	color: #FFFFFF;
	cursor: pointer;
	animation: fade-in 0.3s ease;
	user-select: none;
}
.c-talk__btn-next::before {
	position: relative;
	left: 2px;
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow2-r);
	font-size: 2.2rem;
}
.c-talk__btn-next.is-show {
	display: flex;
}
.c-talk.is-loaded .c-talk__btn-next::before {
	animation: anime-talk-start-btn 1.5s infinite;
}
.c-talk__btn-complete {
	position: absolute;
	right: -25px;
	bottom: -50px;
	z-index: 2;
	display: none;
	animation: anime-talk-complete-btn 1s ease;
	user-select: none;
}
.c-talk__btn-complete.is-show {
	display: block;
}
.c-talk__btn-complete > a {
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
	border: solid 6px var(--color-seco-yellow);
	border-radius: 100%;
	color: var(--color-prim);
	line-height: var(--line-height-s);
}
.c-talk__btn-complete--anker > a::after {
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow-anker);
	position: absolute;
	left: 38px;
	bottom: 1px;
	font-size: 1.3rem;
	animation: anime-talk-anker-arrow 1.7s infinite 0.8s;
}
.c-talk__btn-complete--anker p {
	position: absolute;
	left: 0;
	top: 19px;
	width: 100%;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.c-talk__btn-complete--anker img {
	position: absolute;
	left: 27px;
	top: 40px;
	width: 37px;
	height: auto;
}
.c-talk__btn-complete--check > a::after, .c-talk__btn-complete--question > a::after {
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow-anker);
	position: absolute;
	left: 38px;
	bottom: 1px;
	font-size: 1.3rem;
	animation: anime-talk-anker-arrow 1.7s infinite 0.8s;
}
.c-talk__btn-complete--check p, .c-talk__btn-complete--question p {
	position: absolute;
	left: 0;
	top: 19px;
	width: 100%;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1.5px;
}
.c-talk__btn-complete--check img, .c-talk__btn-complete--question img {
	position: absolute;
	left: 31px;
	top: 40px;
	width: 28px;
	height: auto;
}
.c-talk__btn-complete--next > a {
	background-color: var(--color-seco-yellow);
}
.c-talk__btn-complete--next > a::after {
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow-r);
	position: absolute;
	left: 32px;
	bottom: 14px;
	font-size: 2.4rem;
}
.c-talk__btn-complete--next p {
	position: absolute;
	left: 0;
	top: 28px;
	width: 100%;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.c-talk__btn-complete--quiz > a {
	background-color: var(--color-seco-yellow);
}
.c-talk__btn-complete--quiz > a::after {
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow-r);
	position: absolute;
	left: 32px;
	bottom: 6px;
	font-size: 2.4rem;
}
.c-talk__btn-complete--quiz p {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.25;
	font-weight: bold;
	text-align: center;
}
.c-talk__chara-wrap {
	position: relative;
	z-index: 1;
	height: 125px;
	max-width: 375px;
	margin: 0 auto;
}
.c-talk__chara-wrap::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -16px;
	display: block;
	width: 100%;
	height: 100px;
	background: url(/kids/assets/img/common/bg_talk_sp.png) no-repeat center bottom/calc(100% - 40px) auto;
}
.c-talk__character {
	position: absolute;
}
.c-talk__character img {
	height: 125px;
	width: auto;
}
.c-talk__character--1 {
	left: 0;
}
.c-talk__character--2 {
	left: 50%;
	transform: translate(-50%, 0);
}
.c-talk__character--3 {
	right: 0;
}
.c-talk__character-parts {
	position: absolute;
	left: 0;
	top: 0;
}
.c-talk__character > [class*=is-section] {
	display: none;
}
.c-talk[data-current-section="0"] .c-talk__character > .is-section0 {
	display: block;
}
.c-talk[data-current-section="1"] .c-talk__character > .is-section1 {
	display: block;
}
.c-talk[data-current-section="2"] .c-talk__character > .is-section2 {
	display: block;
}
.c-talk[data-current-section="3"] .c-talk__character > .is-section3 {
	display: block;
}
.c-talk[data-current-section="4"] .c-talk__character > .is-section4 {
	display: block;
}
.c-talk[data-current-section="5"] .c-talk__character > .is-section5 {
	display: block;
}
.c-talk[data-current-section="6"] .c-talk__character > .is-section6 {
	display: block;
}
.c-talk[data-current-section="7"] .c-talk__character > .is-section7 {
	display: block;
}
.c-talk[data-current-section="8"] .c-talk__character > .is-section8 {
	display: block;
}
.c-talk[data-current-section="9"] .c-talk__character > .is-section9 {
	display: block;
}
.c-talk[data-current-section="10"] .c-talk__character > .is-section10 {
	display: block;
}
.c-talk[data-current-section="11"] .c-talk__character > .is-section11 {
	display: block;
}
.c-talk[data-current-section="12"] .c-talk__character > .is-section12 {
	display: block;
}
.c-talk[data-current-section="13"] .c-talk__character > .is-section13 {
	display: block;
}
.c-talk[data-current-section="14"] .c-talk__character > .is-section14 {
	display: block;
}
.c-talk[data-current-section="15"] .c-talk__character > .is-section15 {
	display: block;
}
.c-talk__chikara-b .c-talk__character-parts {
	animation: anime-talk-chikara-b 0.4s ease-out;
}
.c-talk__chikara-c .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-chikara-c 0.4s ease-out;
}
.c-talk__chikara-d .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-chikara-d 0.4s ease-out;
}
.c-talk__chikara-e .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-chikara-e 0.4s ease-out;
}
.c-talk__chikara-f .c-talk__character-parts {
	transform-origin: 80% 36%;
	animation: anime-talk-chikara-f 0.2s ease-out;
}
.c-talk__chikara-g .c-talk__character-parts {
	animation: anime-talk-chikara-g 2s linear, anime-talk-chikara-g2 0.5s ease-out;
}
.c-talk__mirai-b .c-talk__character-parts {
	animation: anime-talk-mirai-b 0.4s ease-out;
}
.c-talk__mirai-b .c-talk__character-parts[src$="_b3.svg"] {
	animation: anime-talk-mirai-b2 0.5s ease-out;
}
.c-talk__mirai-c .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-mirai-c 0.4s ease-out;
}
.c-talk__mirai-d .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-mirai-d 0.4s ease-out;
}
.c-talk__mirai-e img {
	height: auto;
	width: 125px;
}
.c-talk__mirai-e .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-mirai-e 0.4s ease-out;
}
.c-talk__mirai-f img {
	height: auto;
	width: 125px;
}
.c-talk__mirai-f .c-talk__character-parts {
	transform-origin: 40% 50%;
	animation: anime-talk-mirai-f 0.2s ease-out;
}
.c-talk__mirai-g .c-talk__character-parts {
	animation: anime-talk-mirai-g 2s linear, anime-talk-mirai-g2 0.5s ease-out;
}
.c-talk__plat-d .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-plat-d 0.4s ease-out;
}
.c-talk__plat-e .c-talk__character-parts {
	transform-origin: 50% 50%;
	animation: anime-talk-plat-e 0.4s ease-out;
}
.c-talk--green .c-talk__btn-prev {
	border-color: var(--color-seco-green);
	color: var(--color-seco-green);
}
.c-talk--green .c-talk__btn-next {
	background-color: var(--color-seco-green);
}
.c-talk--green .c-talk__btn-complete > a {
	border-color: var(--color-seco-green);
}
.c-talk--green .c-talk__btn-complete--next > a, .c-talk--green .c-talk__btn-complete--quiz > a {
	background-color: var(--color-seco-green);
	color: #FFFFFF;
}
.c-talk--blue .c-talk__btn-prev {
	border-color: var(--color-seco-blue);
	color: var(--color-seco-blue);
}
.c-talk--blue .c-talk__btn-next {
	background-color: var(--color-seco-blue);
}
.c-talk--blue .c-talk__btn-complete > a {
	border-color: var(--color-seco-blue);
}
.c-talk--blue .c-talk__btn-complete--next > a, .c-talk--blue .c-talk__btn-complete--quiz > a {
	background-color: var(--color-seco-blue);
	color: #FFFFFF;
}
@media (min-width: 744px) {
	.c-talk {
		margin-left: 0;
		margin-right: 0;
		margin-top: 30px;
		padding: 14px 0 32px;
	}
	.c-talk__chat-wrap {
		width: calc(100% - 85px);
		max-width: 803px;
		height: 177px;
		margin-bottom: 30px;
	}
	.c-talk__chat::before {
		left: 10px;
		top: 10px;
	}
	.c-talk__chat-inner {
		padding: 26px 60px 31px;
	}
	.c-talk__chat-inner::before {
		left: calc(50% - 15px);
		bottom: -37px;
		width: 39px;
		height: 44px;
		background: url(/kids/assets/img/common/bg_fukidashi.png) no-repeat 0 0/39px auto;
	}
	.c-talk[data-current-chara="1"] .c-talk__chat-inner::before {
		left: calc(50% - 254px);
		bottom: -37px;
		width: 39px;
		height: 44px;
		background: url(/kids/assets/img/common/bg_fukidashi.png) no-repeat 0 0/39px auto;
	}
	.c-talk[data-current-chara="3"] .c-talk__chat-inner::before {
		left: calc(50% + 230px);
		bottom: -37px;
		width: 39px;
		height: 44px;
		background: url(/kids/assets/img/common/bg_fukidashi.png) no-repeat 0 0/39px auto;
	}
	.c-talk__text {
		min-height: 120px;
		font-size: 1.8rem;
		transform: rotate(0.03deg);
	}
	.c-talk__name {
		left: 60px;
		top: -14px;
		min-width: 108px;
		padding: 0 20px;
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
	.c-talk__num {
		bottom: 7px;
		font-size: 1.2rem;
		transform: rotate(0.03deg);
	}
	.c-talk__btn-prev {
		left: -30px;
		top: calc(50% - 30px);
		width: 60px;
		height: 60px;
		border-width: 3px;
		transition: transform 0.2s ease-in-out;
	}
	.c-talk__btn-prev:hover {
		transform: scale(1.1);
	}
	.c-talk__btn-prev::before {
		font-size: 2.5rem;
	}
	.c-talk__btn-next {
		right: -40px;
		top: calc(50% - 40px);
		width: 80px;
		height: 80px;
		transition: transform 0.2s ease-in-out;
	}
	.c-talk__btn-next:hover {
		transform: scale(1.1);
	}
	.c-talk__btn-next::before {
		font-size: 3.5rem;
	}
	.c-talk__btn-complete {
		right: -70px;
		bottom: -70px;
	}
	.c-talk__btn-complete a {
		width: 140px;
		height: 140px;
		border-width: 8px;
		transition: transform 0.2s ease-in-out;
	}
	.c-talk__btn-complete a:hover {
		transform: scale(1.08);
	}
	.c-talk__btn-complete--anker a::after {
		left: 50px;
		bottom: 6px;
		font-size: 2rem;
	}
	.c-talk__btn-complete--anker p {
		top: 18px;
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
	.c-talk__btn-complete--anker img {
		left: 31px;
		top: 45px;
		width: 64px;
	}
	.c-talk__btn-complete--check a::after, .c-talk__btn-complete--question a::after {
		left: 53px;
		bottom: 6px;
		font-size: 2rem;
	}
	.c-talk__btn-complete--check p, .c-talk__btn-complete--question p {
		top: 17px;
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
	.c-talk__btn-complete--check img, .c-talk__btn-complete--question img {
		left: 38px;
		top: 41px;
		width: 50px;
	}
	.c-talk__btn-complete--next a::after {
		left: 50px;
		bottom: 21px;
	}
	.c-talk__btn-complete--next p {
		top: 46px;
		font-size: 2rem;
		transform: rotate(0.03deg);
	}
	.c-talk__btn-complete--quiz a::after {
		left: 50px;
		bottom: 12px;
	}
	.c-talk__btn-complete--quiz p {
		top: 27px;
		font-size: 2rem;
	}
	.c-talk__chara-wrap {
		height: 240px;
		max-width: 720px;
	}
	.c-talk__chara-wrap::before {
		left: -11px;
		bottom: -34px;
		width: calc(100% + 22px);
		height: 100px;
		background: url(/kids/assets/img/common/bg_talk.png) no-repeat center bottom/100% auto;
	}
	.c-talk__character img {
		height: 240px;
		width: auto;
	}
	.c-talk__character--1 {
		left: 0;
	}
	.c-talk__character--2 {
		left: 50%;
		transform: translate(-50%, 0);
	}
	.c-talk__character--3 {
		right: 0;
	}
	.c-talk__character-parts {
		position: absolute;
		left: 0;
		top: 0;
	}
	.c-talk__character > [class*=is-section] {
		display: none;
	}
	.c-talk[data-current-section="1"] .c-talk__character > .is-section1 {
		display: block;
	}
	.c-talk[data-current-section="2"] .c-talk__character > .is-section2 {
		display: block;
	}
	.c-talk[data-current-section="3"] .c-talk__character > .is-section3 {
		display: block;
	}
	.c-talk[data-current-section="4"] .c-talk__character > .is-section4 {
		display: block;
	}
	.c-talk[data-current-section="5"] .c-talk__character > .is-section5 {
		display: block;
	}
	.c-talk[data-current-section="6"] .c-talk__character > .is-section6 {
		display: block;
	}
	.c-talk[data-current-section="7"] .c-talk__character > .is-section7 {
		display: block;
	}
	.c-talk[data-current-section="8"] .c-talk__character > .is-section8 {
		display: block;
	}
	.c-talk[data-current-section="9"] .c-talk__character > .is-section9 {
		display: block;
	}
	.c-talk[data-current-section="10"] .c-talk__character > .is-section10 {
		display: block;
	}
	.c-talk[data-current-section="11"] .c-talk__character > .is-section11 {
		display: block;
	}
	.c-talk[data-current-section="12"] .c-talk__character > .is-section12 {
		display: block;
	}
	.c-talk[data-current-section="13"] .c-talk__character > .is-section13 {
		display: block;
	}
	.c-talk[data-current-section="14"] .c-talk__character > .is-section14 {
		display: block;
	}
	.c-talk[data-current-section="15"] .c-talk__character > .is-section15 {
		display: block;
	}
	.c-talk__mirai5 img {
		height: auto;
		width: 240px;
	}
	.c-talk__mirai6 img {
		height: auto;
		width: 240px;
	}
}

@keyframes anime-talk-hide-top {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	40%, 100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}
@keyframes anime-talk-hide-bot {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	40%, 100% {
		opacity: 0;
		transform: translateY(20px);
	}
}
@keyframes anime-talk-show-top {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes anime-talk-show-bot {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes anime-talk-complete-btn {
	0%, 50% {
		opacity: 0;
		transform: scale(60%, 60%);
	}
	70% {
		transform: scale(115%, 115%);
	}
	100% {
		opacity: 1;
		transform: scale(100%, 100%);
	}
}
@keyframes anime-talk-anker-arrow {
	0%, 30%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(15%);
	}
	60% {
		transform: translateY(15%);
	}
}
@keyframes anime-talk-start-btn {
	0%, 30%, 50%, 80%, 100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(15%);
	}
	60% {
		transform: translateX(15%);
	}
}
@keyframes anime-talk-chikara-b {
	0%, 30% {
		opacity: 0;
		transform: translate(8%, 8%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-chikara-c {
	0%, 30% {
		opacity: 0;
		transform: scale(0.7);
	}
	60% {
		transform: scale(1.15);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes anime-talk-chikara-d {
	0%, 30% {
		opacity: 0;
		transform: translate(3%, -2%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-chikara-e {
	0%, 30% {
		opacity: 0;
		transform: translate(3%, 8%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-chikara-f {
	0%, 30% {
		opacity: 0;
		transform: scale(0.6);
	}
	80% {
		transform: scale(1.3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes anime-talk-chikara-g {
	0% {
		opacity: 0;
		transform: translate(0, 0) rotate(0deg);
	}
	8% {
		opacity: 0;
		transform: translate(0, 0) rotate(0deg);
	}
	10% {
		transform: translate(0, 0) rotate(-3deg);
	}
	12% {
		transform: translate(0, -1px) rotate(0deg);
	}
	14% {
		transform: translate(0, -1px) rotate(3deg);
	}
	16% {
		opacity: 1;
		transform: translate(1px, 0) rotate(-2deg);
	}
	18% {
		transform: translate(0, 1px) rotate(0deg);
	}
	20% {
		transform: translate(0, 0) rotate(3deg);
	}
	22% {
		transform: translate(0, 0) rotate(0deg);
	}
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}
@keyframes anime-talk-chikara-g2 {
	0%, 10% {
		top: 5%;
		left: 5%;
	}
	100% {
		top: 0;
		left: 0;
	}
}
@keyframes anime-talk-mirai-b {
	0%, 30% {
		opacity: 0;
		transform: translate(8%, 4%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-mirai-b2 {
	0%, 40% {
		opacity: 0;
		transform: translate(8%, 4%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-mirai-c {
	0%, 30% {
		opacity: 0;
		transform: scale(0.7);
	}
	60% {
		transform: scale(1.15);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes anime-talk-mirai-d {
	0%, 30% {
		opacity: 0;
		transform: translate(3%, -3%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-mirai-e {
	0%, 30% {
		opacity: 0;
		transform: translate(-2%, 3%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-mirai-f {
	0%, 30% {
		opacity: 0;
		transform: scale(0.8);
	}
	80% {
		transform: scale(1.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes anime-talk-mirai-g {
	0% {
		opacity: 0;
		transform: translate(0, 0) rotate(0deg);
	}
	8% {
		opacity: 0;
		transform: translate(0, 0) rotate(0deg);
	}
	10% {
		transform: translate(0, 0) rotate(-3deg);
	}
	12% {
		transform: translate(0, -1px) rotate(0deg);
	}
	14% {
		transform: translate(0, -1px) rotate(3deg);
	}
	16% {
		opacity: 1;
		transform: translate(1px, 0) rotate(-2deg);
	}
	18% {
		transform: translate(0, 1px) rotate(0deg);
	}
	20% {
		transform: translate(0, 0) rotate(3deg);
	}
	22% {
		transform: translate(0, 0) rotate(0deg);
	}
	100% {
		transform: translate(0, 0) rotate(0deg);
	}
}
@keyframes anime-talk-mirai-g2 {
	0%, 10% {
		top: 5%;
		left: -3.5%;
	}
	100% {
		top: 0;
		left: 0;
	}
}
@keyframes anime-talk-plat-d {
	0%, 30% {
		opacity: 0;
		transform: translate(-2%, 3%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes anime-talk-plat-e {
	0%, 30% {
		opacity: 0;
		transform: translate(3%, -0.5%);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0);
	}
}
/*----------
	c-quiz
----------*/
.c-quiz {
	position: relative;
	max-width: 335px;
	margin: 30px auto;
}
.c-quiz__content {
	position: relative;
	overflow: hidden;
	border: solid 5px #FFFFFF;
	border-radius: 30px;
}
.c-quiz__content::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-size: 480px auto;
}
.c-quiz__scene {
	position: relative;
	display: none;
	min-height: 380px;
	padding: 15px;
	opacity: 0;
	animation: fade-in 0.4s ease-out forwards;
}
.c-quiz__scene--score {
	position: absolute;
	left: -200vw;
	top: 0;
	opacity: 0;
	display: block;
	min-height: 0;
	padding: 0;
}
.c-quiz[data-show-scene=start] .c-quiz__scene[data-scene-id=start] {
	display: block;
}
.c-quiz[data-show-scene=result100] .c-quiz__scene[data-scene-id=result100], .c-quiz[data-show-scene=result80] .c-quiz__scene[data-scene-id=result80], .c-quiz[data-show-scene=result60] .c-quiz__scene[data-scene-id=result60], .c-quiz[data-show-scene=result40] .c-quiz__scene[data-scene-id=result40], .c-quiz[data-show-scene=result20] .c-quiz__scene[data-scene-id=result20], .c-quiz[data-show-scene=result0] .c-quiz__scene[data-scene-id=result0] {
	position: relative;
	left: 0;
	opacity: 1;
	display: block;
}
.c-quiz[data-show-scene=q1] .c-quiz__scene[data-scene-id=q1] {
	display: block;
}
.c-quiz[data-show-scene=q2] .c-quiz__scene[data-scene-id=q2] {
	display: block;
}
.c-quiz[data-show-scene=q3] .c-quiz__scene[data-scene-id=q3] {
	display: block;
}
.c-quiz[data-show-scene=q4] .c-quiz__scene[data-scene-id=q4] {
	display: block;
}
.c-quiz[data-show-scene=q5] .c-quiz__scene[data-scene-id=q5] {
	display: block;
}
.c-quiz[data-show-scene=a1] .c-quiz__scene[data-scene-id=a1] {
	display: block;
}
.c-quiz[data-show-scene=a2] .c-quiz__scene[data-scene-id=a2] {
	display: block;
}
.c-quiz[data-show-scene=a3] .c-quiz__scene[data-scene-id=a3] {
	display: block;
}
.c-quiz[data-show-scene=a4] .c-quiz__scene[data-scene-id=a4] {
	display: block;
}
.c-quiz[data-show-scene=a5] .c-quiz__scene[data-scene-id=a5] {
	display: block;
}
.c-quiz__start-text {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 265px;
	margin-bottom: 14px;
	padding-bottom: 27px;
	text-align: center;
}
.c-quiz__start-text .c-quiz__q {
	width: 60px;
	height: 60px;
	margin-bottom: 13px;
	background-color: #FFFFFF;
	border-radius: 100%;
	color: var(--color-prim);
	font-size: 4.2rem;
	font-weight: bold;
	line-height: 60px;
}
.c-quiz__start-text .c-quiz__subtext {
	display: none;
}
.c-quiz__start-btn {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 300px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s, visibility 0.3s;
}
.c-quiz__start-btn.is-show {
	visibility: visible;
	opacity: 1;
}
.c-quiz__question .c-quiz__question-q {
	position: relative;
	margin-top: 10px;
	padding-left: 40px;
	font-size: 1.6rem;
	font-weight: bold;
}
.c-quiz__question .c-quiz__question-a {
	position: relative;
	margin-top: 15px;
	padding-left: 40px;
	font-size: 1.6rem;
	font-weight: bold;
}
.c-quiz__question .c-quiz__question-title {
	display: flex;
	align-items: center;
	min-height: 30px;
	line-height: var(--line-height-s);
}
.c-quiz__question .c-quiz__icon-q {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-color: var(--color-prim);
	border-radius: 5px;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
}
.c-quiz__question .c-quiz__icon-a {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-color: var(--color-red);
	border-radius: 5px;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
}
.c-quiz__list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	margin: 20px 0 10px;
}
.c-quiz__list > li {
	width: 100%;
}
.c-quiz__list > li:not(:first-child) {
	margin-top: 20px;
}
.c-quiz__list > li:nth-child(2) .c-quiz__list-btn a::before {
	content: "B";
}
.c-quiz__list > li:nth-child(3) .c-quiz__list-btn a::before {
	content: "C";
}
.c-quiz__list-btn a::before {
	content: "A";
	position: absolute;
	left: 15px;
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
	background-color: var(--color-red);
	border-radius: 100%;
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.c-quiz__list-btn a span {
	padding-left: 50px;
	padding-right: 50px;
}
.c-quiz__question-comment {
	position: relative;
	z-index: 1;
	margin: 20px 0;
	background-color: #FFFFFF;
	border-radius: 20px;
	padding: 20px 20px 30px;
}
.c-quiz__question-text {
	font-size: 1.4rem;
	line-height: var(--line-height-m);
}
.c-quiz__question-correct {
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 10px;
	color: var(--color-red);
	font-size: 3rem;
	font-weight: 500;
	line-height: var(--line-height-s);
}
.c-quiz__question-correct::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	margin-bottom: 2px;
	background: url(/kids/assets/img/common/icon_quiz_correct.svg) no-repeat 0 0/30px auto;
}
.c-quiz__scene[data-result=correct] .c-quiz__question-correct {
	display: flex;
}
.c-quiz__question-incorrect {
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 10px;
	color: var(--color-seco-blue);
	font-size: 3rem;
	font-weight: 500;
	line-height: var(--line-height-s);
}
.c-quiz__question-incorrect::before {
	content: "";
	position: relative;
	top: -2px;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	background: url(/kids/assets/img/common/icon_quiz_incorrect.svg) no-repeat 0 0/30px auto;
}
.c-quiz__scene[data-result=incorrect] .c-quiz__question-incorrect {
	display: flex;
}
.c-quiz__btn-next {
	margin-bottom: 10px;
}
.c-quiz__score {
	position: relative;
	height: 0;
	padding-bottom: 140.6153846%;
}
.c-quiz__score .c-quiz__score-textarea {
	position: absolute;
	right: 7.7%;
	top: 21.3%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.c-quiz__score .c-quiz__score-text {
	margin-top: 10px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.42;
	text-align: center;
}
.c-quiz__score .c-quiz__btn-return {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
}
.c-quiz__score .c-quiz__btn-return a {
	max-width: 220px;
	margin: 0 auto;
}
.c-quiz__score .c-quiz__btn-return a::after {
	font-family: iconfont !important;
	/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: var(--icon-arrow-back);
	position: absolute;
	left: 10px;
	top: 10px;
	color: var(--color-prim);
	font-size: 2rem;
}
.c-quiz__score .c-quiz__score-star span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: url(/kids/assets/img/common/img_quiz_score_star.png) no-repeat 0 0/cover;
	animation-name: anime-quiz-star;
	animation-iteration-count: infinite;
}
.c-quiz__score .c-quiz__score-star span:nth-child(1) {
	top: 12.5%;
	left: 10.1%;
	animation-duration: 10s;
	animation-delay: 0s;
}
.c-quiz__score .c-quiz__score-star span:nth-child(2) {
	top: 14%;
	left: 32.7%;
	animation-duration: 9s;
	animation-delay: 0.3s;
}
.c-quiz__score .c-quiz__score-star span:nth-child(3) {
	top: 22.7%;
	left: 35.2%;
	animation-duration: 8s;
	animation-delay: 0.9s;
}
.c-quiz__score .c-quiz__score-star span:nth-child(4) {
	top: 30.3%;
	left: 4.7%;
	animation-duration: 10s;
	animation-delay: 0.6s;
}
.c-quiz__score .c-quiz__score-star span:nth-child(5) {
	top: 36.1%;
	left: 44.4%;
	animation-duration: 9s;
	animation-delay: 1.5s;
}
.c-quiz__score .c-quiz__score-star span:nth-child(6) {
	top: 42%;
	left: 13.5%;
	animation-duration: 8s;
	animation-delay: 1.2s;
}
.c-quiz__score .c-quiz__score-star span:nth-child(7) {
	top: 51%;
	left: 20.3%;
	animation-duration: 10s;
	animation-delay: 0s;
}
.c-quiz__score .c-quiz__score-star-l {
	width: 21.7px;
	height: 21.7px;
}
.c-quiz__score .c-quiz__score-star-m {
	width: 14.7px;
	height: 14.7px;
}
.c-quiz__score--100 .c-quiz__score-points {
	width: 147px;
}
.c-quiz__score--80 .c-quiz__score-textarea, .c-quiz__score--60 .c-quiz__score-textarea {
	right: 13.3%;
	top: 27.6%;
}
.c-quiz__score--80 .c-quiz__score-points, .c-quiz__score--60 .c-quiz__score-points {
	width: 109.5px;
}
.c-quiz__score--40 .c-quiz__score-textarea, .c-quiz__score--20 .c-quiz__score-textarea {
	right: 9.3%;
	top: 27.8%;
}
.c-quiz__score--40 .c-quiz__score-points, .c-quiz__score--20 .c-quiz__score-points {
	width: 122px;
}
.c-quiz__score--0 .c-quiz__score-textarea {
	right: 0;
	top: 29.4%;
	display: block;
	width: 100%;
}
.c-quiz__score--0 .c-quiz__score-points {
	width: 161px;
	margin: 0 auto;
}
.c-quiz__score-bg {
	opacity: 0.5;
	display: none;
}
.c-quiz__pagination {
	margin-top: 20px;
	padding-bottom: 30px;
}
.c-quiz[data-show-scene=start] .c-quiz__pagination {
	display: none;
}
.c-quiz__restart {
	display: none;
}
.c-quiz--energy .c-quiz__content {
	background-color: #FFF79B;
}
.c-quiz--energy .c-quiz__content::before {
	opacity: 0.7;
	background-image: url(/kids/assets/img/common/bg_category1.png);
}
.c-quiz--energy .c-quiz__btn-next a {
	background-color: var(--color-seco-yellow);
}
.c-quiz--energy .c-quiz__title {
	max-width: 270px;
}
.c-quiz--energy .c-quiz__start-img1 {
	position: absolute;
	left: calc(50% - 116px);
	top: 15px;
	width: 97px;
	height: 97px;
	transform: rotate(-14deg);
}
.c-quiz--energy .c-quiz__start-img2 {
	position: absolute;
	left: calc(50% - 143px);
	bottom: 98px;
	width: 97px;
	height: 97px;
}
.c-quiz--energy .c-quiz__start-img3 {
	position: absolute;
	left: calc(50% + 49px);
	bottom: 98px;
	width: 97px;
	height: 97px;
}
.c-quiz--energy .c-quiz__score--100 {
	background: url(/kids/assets/img/common/img_quiz_gold_sp.png) no-repeat center/cover;
}
.c-quiz--energy .c-quiz__score--80,
.c-quiz--energy .c-quiz__score--60 {
	background: url(/kids/assets/img/common/img_quiz_silver_sp.png) no-repeat center/cover;
}
.c-quiz--energy .c-quiz__score--40,
.c-quiz--energy .c-quiz__score--20 {
	background: url(/kids/assets/img/common/img_quiz_bronze_sp.png) no-repeat center/cover;
}
.c-quiz--energy .c-quiz__score--0 {
	background: url(/kids/assets/img/common/img_quiz_iron_sp.png) no-repeat center/cover;
}
@media (min-width: 744px) {
	.c-quiz {
		max-width: 900px;
		margin: 40px auto 60px;
	}
	.c-quiz__content {
		border-width: 10px;
	}
	.c-quiz__content::before {
		background-size: 600px auto;
	}
	.c-quiz__scene {
		min-height: 430px;
		padding: 30px 50px;
	}
	.c-quiz__scene--score {
		min-height: 0;
		padding: 0;
	}
	.c-quiz__start-text {
		height: auto;
		margin-bottom: 44px;
		padding-bottom: 0;
	}
	.c-quiz__start-text .c-quiz__q {
		width: 90px;
		height: 90px;
		margin-top: 16px;
		margin-bottom: 8px;
		font-size: 6.5rem;
		line-height: 90px;
	}
	.c-quiz__start-text .c-quiz__subtext {
		display: block;
		margin-top: 15px;
		font-size: 1.8rem;
		font-weight: 500;
		transform: rotate(0.03deg);
	}
	.c-quiz__start-btn {
		max-width: 435px;
	}
	.c-quiz__question .c-quiz__question-q {
		margin-top: 0;
		padding-left: 70px;
		font-size: 2.2rem;
	}
	.c-quiz__question .c-quiz__question-a {
		margin-top: 20px;
		padding-left: 70px;
		font-size: 2.2rem;
	}
	.c-quiz__question .c-quiz__question-title {
		min-height: 50px;
		transform: rotate(0.03deg);
	}
	.c-quiz__question .c-quiz__icon-q {
		width: 50px;
		height: 50px;
		font-size: 3rem;
		line-height: 50px;
	}
	.c-quiz__question .c-quiz__icon-a {
		width: 50px;
		height: 50px;
		font-size: 3rem;
		line-height: 50px;
	}
	.c-quiz__list {
		margin: 27px 0;
		padding: 0;
	}
	.c-quiz__list > li {
		position: relative;
		z-index: 1;
		width: 530px;
		margin-left: auto;
		margin-right: auto;
	}
	.c-quiz__list-btn a::before {
		left: 19.5px;
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		background-size: 40px auto;
		font-size: 3rem;
		line-height: 40px;
	}
	.c-quiz__list-btn a span {
		padding-left: 60px;
		padding-right: 60px;
	}
	.c-quiz__question-comment {
		display: flex;
		margin: 20px 0 35px;
		border-radius: 30px;
		padding: 17px 30px;
	}
	.c-quiz__question-text {
		flex: 1;
		padding-left: 30px;
		font-size: 1.6rem;
		transform: rotate(0.03deg);
	}
	.c-quiz__question-correct {
		width: 158px;
		margin-bottom: 0;
		font-size: 5rem;
		line-height: 1.48;
	}
	.c-quiz__question-correct::before {
		width: 50px;
		height: 50px;
		margin-right: 8px;
		background-size: 50px auto;
	}
	.c-quiz__question-incorrect {
		width: 208px;
		margin-bottom: 0;
		font-size: 5rem;
		line-height: 1.48;
	}
	.c-quiz__question-incorrect::before {
		width: 50px;
		height: 50px;
		margin-right: 8px;
		background-size: 50px auto;
	}
	.c-quiz__btn-next {
		position: relative;
		z-index: 1;
		width: 435px;
		margin: 0 auto;
	}
	.c-quiz__score {
		position: relative;
		padding-bottom: 48.8636364%;
	}
	.c-quiz__score .c-quiz__score-textarea {
		position: absolute;
		right: 0;
		top: 37%;
		display: block;
		width: 100%;
		transform: rotate(0.03deg);
	}
	.c-quiz__score .c-quiz__score-points {
		margin: 0 auto;
	}
	.c-quiz__score .c-quiz__score-text {
		margin: 16px 0 0 20px;
		font-size: 2.7rem;
		line-height: 1.48;
	}
	.c-quiz__score .c-quiz__btn-return {
		bottom: 63px;
	}
	.c-quiz__score .c-quiz__btn-return a {
		max-width: 250px;
	}
	.c-quiz__score .c-quiz__btn-return a::after {
		left: 10px;
		top: 13px;
		font-size: 2.4rem;
	}
	.c-quiz__score .c-quiz__score-star span:nth-child(1) {
		top: 8.7%;
		left: 5%;
	}
	.c-quiz__score .c-quiz__score-star span:nth-child(2) {
		top: 11.4%;
		left: 18.4%;
	}
	.c-quiz__score .c-quiz__score-star span:nth-child(3) {
		top: 26%;
		left: 20%;
	}
	.c-quiz__score .c-quiz__score-star span:nth-child(4) {
		top: 39.1%;
		left: 1.8%;
	}
	.c-quiz__score .c-quiz__score-star span:nth-child(5) {
		top: 49%;
		left: 25.5%;
	}
	.c-quiz__score .c-quiz__score-star span:nth-child(6) {
		top: 59%;
		left: 7.1%;
	}
	.c-quiz__score .c-quiz__score-star span:nth-child(7) {
		top: 74.2%;
		left: 11.1%;
	}
	.c-quiz__score .c-quiz__score-star-l {
		width: 34px;
		height: 34px;
	}
	.c-quiz__score .c-quiz__score-star-m {
		width: 23px;
		height: 23px;
	}
	.c-quiz__score--100 .c-quiz__score-textarea {
		top: calc(50% - 80px);
	}
	.c-quiz__score--100 .c-quiz__score-points {
		width: 430px;
	}
	.c-quiz__score--80 .c-quiz__score-points, .c-quiz__score--60 .c-quiz__score-points {
		width: 344px;
	}
	.c-quiz__score--40 .c-quiz__score-points, .c-quiz__score--20 .c-quiz__score-points {
		width: 366px;
	}
	.c-quiz__score--0 .c-quiz__score-points {
		width: 248px;
	}
	.c-quiz__pagination {
		margin-top: 24px;
		padding-bottom: 10px;
	}
	.c-quiz__restart {
		position: absolute;
		left: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		width: 30%;
		height: 50px;
		padding-left: 60px;
		cursor: pointer;
		transition: transform 0.2s ease-in-out;
	}
	.c-quiz__restart:hover {
		transform: scale(1.06);
	}
	.c-quiz__restart::before {
		font-family: iconfont !important;
		/* stylelint-disable-line declaration-no-important,font-family-no-missing-generic-family-keyword */
		speak: none;
		font-style: normal;
		font-weight: normal;
		line-height: 1;
		content: var(--icon-arrow-back);
		position: absolute;
		left: 0;
		top: 0;
		width: 50px;
		height: 50px;
		background-color: var(--color-seco-yellow);
		border-radius: 100%;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
		color: var(--color-prim);
		font-size: 2.4rem;
		line-height: 50px;
		text-align: center;
	}
	.c-quiz__restart > p {
		color: var(--color-prim);
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 1.47;
		transform: rotate(0.03deg);
	}
	.c-quiz[data-show-scene=start] .c-quiz__restart, .c-quiz[data-show-scene=result100] .c-quiz__restart, .c-quiz[data-show-scene=result80] .c-quiz__restart, .c-quiz[data-show-scene=result60] .c-quiz__restart, .c-quiz[data-show-scene=result40] .c-quiz__restart, .c-quiz[data-show-scene=result20] .c-quiz__restart, .c-quiz[data-show-scene=result0] .c-quiz__restart {
		visibility: hidden;
	}
	.c-quiz--energy .c-quiz__content {
		background-color: #FFF79B;
	}
	.c-quiz--energy .c-quiz__content::before {
		opacity: 0.7;
		background-image: url(/kids/assets/img/common/bg_category1.png);
	}
	.c-quiz--energy .c-quiz__title {
		max-width: 606px;
	}
	.c-quiz--energy .c-quiz__start-img1 {
		left: calc(50% - 314px);
		top: -5px;
		width: 185px;
		height: 185px;
	}
	.c-quiz--energy .c-quiz__start-img2 {
		left: 28px;
		bottom: 21px;
		width: 185px;
		height: 185px;
	}
	.c-quiz--energy .c-quiz__start-img3 {
		left: auto;
		right: 21px;
		bottom: 21px;
		width: 185px;
		height: 185px;
	}
	.c-quiz--energy .c-quiz__score--100 {
		background-image: url(/kids/assets/img/common/img_quiz_gold.png);
	}
	.c-quiz--energy .c-quiz__score--80,
.c-quiz--energy .c-quiz__score--60 {
		background-image: url(/kids/assets/img/common/img_quiz_silver.png);
	}
	.c-quiz--energy .c-quiz__score--40,
.c-quiz--energy .c-quiz__score--20 {
		background-image: url(/kids/assets/img/common/img_quiz_bronze.png);
	}
	.c-quiz--energy .c-quiz__score--0 {
		background-image: url(/kids/assets/img/common/img_quiz_iron.png);
	}
	.c-quiz--energy .c-quiz__list::after {
		content: "";
		position: absolute;
		right: -10px;
		bottom: -40px;
		display: block;
		width: 240px;
		height: 240px;
		background: url(/kids/assets/img/common/img_ene_a.svg) no-repeat 0 0/240px auto;
	}
	.c-quiz--energy .c-quiz__question-correct::after {
		content: "";
		position: absolute;
		right: -60px;
		bottom: -220px;
		display: block;
		width: 240px;
		height: 240px;
		background: url(/kids/assets/img/common/img_ene_c.svg) no-repeat 0 0/240px auto;
	}
	.c-quiz--energy .c-quiz__question-incorrect::after {
		content: "";
		position: absolute;
		right: -60px;
		bottom: -220px;
		display: block;
		width: 240px;
		height: 240px;
		background: url(/kids/assets/img/common/img_ene_b.svg) no-repeat 0 0/240px auto;
	}
}

@keyframes anime-quiz-star {
	0% {
		opacity: 0;
	}
	4% {
		opacity: 1;
	}
	8% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	34% {
		opacity: 1;
	}
	38% {
		opacity: 0;
	}
	55% {
		opacity: 0;
	}
	59% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
	96% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}