:root {
	--px: min(0.0520833vw, 1px);
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	line-height: 1.6;
}

body {
	overflow-x: hidden;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust: 100%;
}

img,
picture,
video,
svg {
	display: block;
	height: auto;
	max-width: 100%;
}

a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
}

ul,
ol {
	list-style: none;
}

button {
	background: none;
	border: none;
	color: inherit;
	cursor: pointer;
	font: inherit;
}

.books {
	color: #000000;
	font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;
	height: calc(3691 * min(0.0520833vw, 1px));
	height: calc(3691 * var(--px));
	isolation: isolate;
	position: relative;
}

.books__bg {
	background-color: #c7cc2d;
	bottom: 0;
	left: 50%;
	margin-left: -50vw;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100vw;
}

.books__bg > img {
	left: calc(-8 * min(0.0520833vw, 1px));
	left: calc(-8 * var(--px));
	max-width: none;
	position: absolute;
	width: calc(100% + (16 * min(0.0520833vw, 1px)));
	width: calc(100% + (16 * var(--px)));
	width: calc(100% + calc(16 * min(0.0520833vw, 1px)));
	width: calc(100% + calc(16 * var(--px)));
}

.books__bg-top {
	top: 0;
	transform: translateY(-15.492%);
}

.books__bg .books__green {
	left: -3.28125%;
	top: calc(603 * min(0.0520833vw, 1px));
	top: calc(603 * var(--px));
	width: 106.5625%;
}

.books__bg .books__trees {
	top: calc(603 * min(0.0520833vw, 1px));
	top: calc(603 * var(--px));
}

.books__bg .books__trees--left {
	left: -3.28125%;
	width: 17.96875%;
}

.books__bg .books__trees--right {
	left: 85.260417%;
	width: 18.020833%;
}

.books__heading {
	left: calc(313 * min(0.0520833vw, 1px));
	left: calc(313 * var(--px));
	position: absolute;
	top: calc(-45 * min(0.0520833vw, 1px));
	top: calc(-45 * var(--px));
	width: calc(1294 * min(0.0520833vw, 1px));
	width: calc(1294 * var(--px));
}

.books__leaves {
	left: calc(212 * min(0.0520833vw, 1px));
	left: calc(212 * var(--px));
	position: absolute;
	top: calc(836 * min(0.0520833vw, 1px));
	top: calc(836 * var(--px));
	width: calc(191 * min(0.0520833vw, 1px));
	width: calc(191 * var(--px));
	z-index: 2;
}

.books__stump {
	left: calc(1343 * min(0.0520833vw, 1px));
	left: calc(1343 * var(--px));
	position: absolute;
	top: calc(913 * min(0.0520833vw, 1px));
	top: calc(913 * var(--px));
	width: calc(334 * min(0.0520833vw, 1px));
	width: calc(334 * var(--px));
	z-index: 2;
}

.books__intro {
	left: calc(300 * min(0.0520833vw, 1px));
	left: calc(300 * var(--px));
	position: absolute;
	top: calc(610 * min(0.0520833vw, 1px));
	top: calc(610 * var(--px));
	width: calc(1320 * min(0.0520833vw, 1px));
	width: calc(1320 * var(--px));
}

.books__entry {
	animation: lp-poyopoyo 2s ease-out infinite;
	aspect-ratio: 865/123;
	background: url("../images/qa/application_btn.png") no-repeat center center/contain;
	left: calc(525 * min(0.0520833vw, 1px));
	left: calc(525 * var(--px));
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: calc(3403 * min(0.0520833vw, 1px));
	top: calc(3403 * var(--px));
	width: calc(868 * min(0.0520833vw, 1px));
	width: calc(868 * var(--px));
	z-index: 2;
}

.books__entry:hover {
	background-image: url("../images/qa/application_btn_hover.png");
}

.books__item {
	height: calc(520 * min(0.0520833vw, 1px));
	height: calc(520 * var(--px));
	position: absolute;
	width: calc(627 * min(0.0520833vw, 1px));
	width: calc(627 * var(--px));
}

.books__item:nth-child(1) {
	left: calc((308 + 684 * 0) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 0) * var(--px));
	top: calc((1104 + 562 * 0) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 0) * var(--px));
}

.books__item:nth-child(2) {
	left: calc((308 + 684 * 1) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 1) * var(--px));
	top: calc((1104 + 562 * 0) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 0) * var(--px));
}

.books__item:nth-child(3) {
	left: calc((308 + 684 * 0) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 0) * var(--px));
	top: calc((1104 + 562 * 1) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 1) * var(--px));
}

.books__item:nth-child(4) {
	left: calc((308 + 684 * 1) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 1) * var(--px));
	top: calc((1104 + 562 * 1) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 1) * var(--px));
}

.books__item:nth-child(5) {
	left: calc((308 + 684 * 0) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 0) * var(--px));
	top: calc((1104 + 562 * 2) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 2) * var(--px));
}

.books__item:nth-child(6) {
	left: calc((308 + 684 * 1) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 1) * var(--px));
	top: calc((1104 + 562 * 2) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 2) * var(--px));
}

.books__item:nth-child(7) {
	left: calc((308 + 684 * 0) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 0) * var(--px));
	top: calc((1104 + 562 * 3) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 3) * var(--px));
}

.books__item:nth-child(8) {
	left: calc((308 + 684 * 1) * min(0.0520833vw, 1px));
	left: calc((308 + 684 * 1) * var(--px));
	top: calc((1104 + 562 * 3) * min(0.0520833vw, 1px));
	top: calc((1104 + 562 * 3) * var(--px));
}

.books__card {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.books__no {
	left: calc(-5 * min(0.0520833vw, 1px));
	left: calc(-5 * var(--px));
	position: absolute;
	top: calc(-31 * min(0.0520833vw, 1px));
	top: calc(-31 * var(--px));
	width: calc(75 * min(0.0520833vw, 1px));
	width: calc(75 * var(--px));
}

.books__title {
	font-size: calc(29 * min(0.0520833vw, 1px));
	font-size: calc(29 * var(--px));
	font-weight: normal;
	left: calc(68 * min(0.0520833vw, 1px));
	left: calc(68 * var(--px));
	line-height: 1.28;
	position: absolute;
	top: calc(61.5 * min(0.0520833vw, 1px));
	top: calc(61.5 * var(--px));
	transform: translateY(-50%);
	width: calc(545 * min(0.0520833vw, 1px));
	width: calc(545 * var(--px));
}

.books__title--small {
	font-size: calc(25 * min(0.0520833vw, 1px));
	font-size: calc(25 * var(--px));
}

.books__title-sub {
	font-size: calc(19 * min(0.0520833vw, 1px));
	font-size: calc(19 * var(--px));
}

.books__line {
	left: calc(3 * min(0.0520833vw, 1px));
	left: calc(3 * var(--px));
	position: absolute;
	top: calc(118 * min(0.0520833vw, 1px));
	top: calc(118 * var(--px));
	width: calc(623 * min(0.0520833vw, 1px));
	width: calc(623 * var(--px));
}

.books__cover {
	height: auto;
	left: calc(64 * min(0.0520833vw, 1px));
	left: calc(64 * var(--px));
	position: absolute;
	top: calc(163 * min(0.0520833vw, 1px));
	top: calc(163 * var(--px));
	width: calc(202 * min(0.0520833vw, 1px));
	width: calc(202 * var(--px));
}

.books__body {
	left: calc(292 * min(0.0520833vw, 1px));
	left: calc(292 * var(--px));
	position: absolute;
	top: calc(159 * min(0.0520833vw, 1px));
	top: calc(159 * var(--px));
	width: calc(335 * min(0.0520833vw, 1px));
	width: calc(335 * var(--px));
}

.books__credit {
	font-size: calc(18 * min(0.0520833vw, 1px));
	font-size: calc(18 * var(--px));
	line-height: 1.444;
}

.books__desc {
	font-size: calc(18 * min(0.0520833vw, 1px));
	font-size: calc(18 * var(--px));
	line-height: 1.667;
	margin-top: calc(12 * min(0.0520833vw, 1px));
	margin-top: calc(12 * var(--px));
	width: calc(290 * min(0.0520833vw, 1px));
	width: calc(290 * var(--px));
}

.comments {
	color: #000000;
	display: flow-root;
	font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;
	isolation: isolate;
	padding-bottom: calc(117 * min(0.0520833vw, 1px));
	padding-bottom: calc(117 * var(--px));
	position: relative;
}

.comments::before {
	background: url("../images/comments/comments-wave-top-fill.png") no-repeat center top/100% auto, url("../images/comments/comments-wave-bottom-fill.png") no-repeat center bottom/100% auto, url("../images/comments/comments-bg.png") no-repeat center calc(4 * min(0.0520833vw, 1px))/100% auto, #ffc715;
	background: url("../images/comments/comments-wave-top-fill.png") no-repeat center top/100% auto, url("../images/comments/comments-wave-bottom-fill.png") no-repeat center bottom/100% auto, url("../images/comments/comments-bg.png") no-repeat center calc(4 * var(--px))/100% auto, #ffc715;
	bottom: 0;
	content: "";
	left: 50%;
	margin-left: -50vw;
	position: absolute;
	top: 0;
	width: 100vw;
	z-index: -1;
}

.comments__cat {
	display: block;
	margin: calc(-61 * min(0.0520833vw, 1px)) auto 0;
	margin: calc(-61 * var(--px)) auto 0;
	position: relative;
	width: calc(181 * min(0.0520833vw, 1px));
	width: calc(181 * var(--px));
	z-index: 2;
}

.comments__title {
	font-size: calc(74 * min(0.0520833vw, 1px));
	font-size: calc(74 * var(--px));
	font-weight: normal;
	line-height: 1.284;
	margin-top: calc(13 * min(0.0520833vw, 1px));
	margin-top: calc(13 * var(--px));
	text-align: center;
}

.comments__list {
	position: relative;
	z-index: 2;
}

.comments__item {
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
}

.comments__item--1 {
	aspect-ratio: 1082/251;
	background-image: url("../images/comments/bubble-1.png");
	margin-left: calc(475 * min(0.0520833vw, 1px));
	margin-left: calc(475 * var(--px));
	margin-top: calc(83 * min(0.0520833vw, 1px));
	margin-top: calc(83 * var(--px));
	width: calc(1082 * min(0.0520833vw, 1px));
	width: calc(1082 * var(--px));
}

.comments__item--1 .comments__text {
	font-size: calc(23 * min(0.0520833vw, 1px));
	font-size: calc(23 * var(--px));
	line-height: 1.696;
	padding: calc(43 * min(0.0520833vw, 1px)) calc(40 * min(0.0520833vw, 1px)) 0 calc(251 * min(0.0520833vw, 1px));
	padding: calc(43 * var(--px)) calc(40 * var(--px)) 0 calc(251 * var(--px));
}

.comments__item--2 {
	aspect-ratio: 1086/250;
	background-image: url("../images/comments/bubble-2.png");
	margin-left: calc(314 * min(0.0520833vw, 1px));
	margin-left: calc(314 * var(--px));
	margin-top: calc(25 * min(0.0520833vw, 1px));
	margin-top: calc(25 * var(--px));
	width: calc(1086 * min(0.0520833vw, 1px));
	width: calc(1086 * var(--px));
}

.comments__item--2 .comments__text {
	font-size: calc(23 * min(0.0520833vw, 1px));
	font-size: calc(23 * var(--px));
	line-height: 1.696;
	padding: calc(42 * min(0.0520833vw, 1px)) calc(211 * min(0.0520833vw, 1px)) 0 calc(83 * min(0.0520833vw, 1px));
	padding: calc(42 * var(--px)) calc(211 * var(--px)) 0 calc(83 * var(--px));
}

.comments__item--3 {
	aspect-ratio: 1082/251;
	background-image: url("../images/comments/bubble-3.png");
	margin-left: calc(475 * min(0.0520833vw, 1px));
	margin-left: calc(475 * var(--px));
	margin-top: calc(24 * min(0.0520833vw, 1px));
	margin-top: calc(24 * var(--px));
	width: calc(1082 * min(0.0520833vw, 1px));
	width: calc(1082 * var(--px));
}

.comments__item--3 .comments__text {
	font-size: calc(23 * min(0.0520833vw, 1px));
	font-size: calc(23 * var(--px));
	line-height: 1.696;
	padding: calc(43 * min(0.0520833vw, 1px)) calc(40 * min(0.0520833vw, 1px)) 0 calc(251 * min(0.0520833vw, 1px));
	padding: calc(43 * var(--px)) calc(40 * var(--px)) 0 calc(251 * var(--px));
}

.comments__item.is-shown {
	animation: comments-in-right 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.comments__item--2.is-shown {
	animation-name: comments-in-left;
}

.cta {
	background: #ffffff;
	color: #000000;
	font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;
	height: calc(1040 * min(0.0520833vw, 1px));
	height: calc(1040 * var(--px));
	isolation: isolate;
	position: relative;
}

.cta__deadline,
.cta__lead,
.cta__notes,
.cta__entry,
.cta__list {
	position: absolute;
}

.cta__bg {
	bottom: 0;
	left: 50%;
	margin-left: -50vw;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100vw;
}

.cta__bg > img {
	left: calc(-8 * min(0.0520833vw, 1px));
	left: calc(-8 * var(--px));
	max-width: none;
	position: absolute;
	width: calc(100% + (16 * min(0.0520833vw, 1px)));
	width: calc(100% + (16 * var(--px)));
	width: calc(100% + calc(16 * min(0.0520833vw, 1px)));
	width: calc(100% + calc(16 * var(--px)));
}

.cta__bg-green {
	top: 0;
}

.cta__bg-line {
	top: calc(3 * min(0.0520833vw, 1px));
	top: calc(3 * var(--px));
}

.cta__deadline {
	left: calc(810 * min(0.0520833vw, 1px));
	left: calc(810 * var(--px));
	top: calc(56 * min(0.0520833vw, 1px));
	top: calc(56 * var(--px));
	width: calc(300 * min(0.0520833vw, 1px));
	width: calc(300 * var(--px));
	z-index: 2;
}

.cta__lead {
	color: #e60012;
	font-size: calc(40 * min(0.0520833vw, 1px));
	font-size: calc(40 * var(--px));
	left: calc(418 * min(0.0520833vw, 1px));
	left: calc(418 * var(--px));
	line-height: 2.5;
	text-align: center;
	top: calc(409 * min(0.0520833vw, 1px));
	top: calc(409 * var(--px));
	width: calc(1082 * min(0.0520833vw, 1px));
	width: calc(1082 * var(--px));
	z-index: 2;
}

.cta__notes {
	font-size: calc(16 * min(0.0520833vw, 1px));
	font-size: calc(16 * var(--px));
	left: calc(500 * min(0.0520833vw, 1px));
	left: calc(500 * var(--px));
	line-height: 2.188;
	text-align: center;
	top: calc(512 * min(0.0520833vw, 1px));
	top: calc(512 * var(--px));
	width: calc(920 * min(0.0520833vw, 1px));
	width: calc(920 * var(--px));
	z-index: 2;
}

.cta__note {
	display: block;
}

.cta__entry {
	animation: lp-poyopoyo 2s ease-out infinite;
	aspect-ratio: 865/123;
	background: url("../images/qa/application_btn.png") no-repeat center top/contain;
	left: calc(525 * min(0.0520833vw, 1px));
	left: calc(525 * var(--px));
	overflow: hidden;
	text-indent: -9999px;
	top: calc(620 * min(0.0520833vw, 1px));
	top: calc(620 * var(--px));
	width: calc(868 * min(0.0520833vw, 1px));
	width: calc(868 * var(--px));
	z-index: 3;
}

.cta__entry:hover {
	background-image: url("../images/qa/application_btn_hover.png");
}

.cta__mail {
	color: #008fd4;
}

.cta__list {
	font-size: calc(17 * min(0.0520833vw, 1px));
	font-size: calc(17 * var(--px));
	left: calc(404 * min(0.0520833vw, 1px));
	left: calc(404 * var(--px));
	line-height: 1.406;
	top: calc(845 * min(0.0520833vw, 1px));
	top: calc(845 * var(--px));
	width: calc(1240 * min(0.0520833vw, 1px));
	width: calc(1240 * var(--px));
	z-index: 2;
}

.cta__list li {
	padding-left: 1em;
	text-indent: -1em;
}

.faq {
	background: #ffffff;
	padding-bottom: calc(103 * min(0.0520833vw, 1px));
	padding-bottom: calc(103 * var(--px));
	position: relative;
}

.faq__cat {
	left: calc(869 * min(0.0520833vw, 1px));
	left: calc(869 * var(--px));
	position: absolute;
	top: calc(-71 * min(0.0520833vw, 1px));
	top: calc(-71 * var(--px));
	width: calc(181 * min(0.0520833vw, 1px));
	width: calc(181 * var(--px));
	z-index: 2;
}

.faq__inner {
	margin-left: calc(419 * min(0.0520833vw, 1px));
	margin-left: calc(419 * var(--px));
	width: calc(1088 * min(0.0520833vw, 1px));
	width: calc(1088 * var(--px));
}

.faq__title {
	color: #000000;
	font-size: calc(72 * min(0.0520833vw, 1px));
	font-size: calc(72 * var(--px));
	font-weight: 500;
	line-height: 1;
	padding-top: calc(234 * min(0.0520833vw, 1px));
	padding-top: calc(234 * var(--px));
	text-align: center;
}

.faq__list {
	margin-top: calc(84 * min(0.0520833vw, 1px));
	margin-top: calc(84 * var(--px));
}

.faq__item {
	display: flow-root;
	position: relative;
}

.faq__item::after {
	background: url("../images/faq-divider.png") no-repeat left bottom/100% 100%;
	bottom: 0;
	content: "";
	height: calc(8 * min(0.0520833vw, 1px));
	height: calc(8 * var(--px));
	left: 0;
	position: absolute;
	width: calc(1083 * min(0.0520833vw, 1px));
	width: calc(1083 * var(--px));
}

.faq__btn {
	display: block;
	height: calc(100 * min(0.0520833vw, 1px));
	height: calc(100 * var(--px));
	position: relative;
	text-align: left;
	width: 100%;
}

.faq__mark {
	background: url("../images/faq-q-mark.png") no-repeat center/contain;
	height: calc(43 * min(0.0520833vw, 1px));
	height: calc(43 * var(--px));
	left: calc(36 * min(0.0520833vw, 1px));
	left: calc(36 * var(--px));
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: calc(31 * min(0.0520833vw, 1px));
	top: calc(31 * var(--px));
	width: calc(62 * min(0.0520833vw, 1px));
	width: calc(62 * var(--px));
}

.faq__qtext {
	color: #000000;
	font-size: calc(25 * min(0.0520833vw, 1px));
	font-size: calc(25 * var(--px));
	left: calc(134 * min(0.0520833vw, 1px));
	left: calc(134 * var(--px));
	line-height: 1.4;
	position: absolute;
	top: calc(27 * min(0.0520833vw, 1px));
	top: calc(27 * var(--px));
	width: calc(880 * min(0.0520833vw, 1px));
	width: calc(880 * var(--px));
}

.faq__arrow {
	background: url("../images/faq-arrow.png") no-repeat center/contain;
	height: calc(23 * min(0.0520833vw, 1px));
	height: calc(23 * var(--px));
	left: calc(1040 * min(0.0520833vw, 1px));
	left: calc(1040 * var(--px));
	position: absolute;
	top: calc(44 * min(0.0520833vw, 1px));
	top: calc(44 * var(--px));
	transition: transform 0.3s ease;
	width: calc(45 * min(0.0520833vw, 1px));
	width: calc(45 * var(--px));
}

.faq__btn[aria-expanded=true] .faq__arrow {
	transform: scaleY(-1);
}

.faq__a {
	background: #fef0dd;
	border-radius: calc(20 * min(0.0520833vw, 1px));
	border-radius: calc(20 * var(--px));
	margin: calc(4 * min(0.0520833vw, 1px)) calc(3 * min(0.0520833vw, 1px)) calc(14 * min(0.0520833vw, 1px)) calc(2 * min(0.0520833vw, 1px));
	margin: calc(4 * var(--px)) calc(3 * var(--px)) calc(14 * var(--px)) calc(2 * var(--px));
}

.faq__a-inner {
	padding: calc(29 * min(0.0520833vw, 1px)) calc(47 * min(0.0520833vw, 1px)) calc(27 * min(0.0520833vw, 1px)) calc(132 * min(0.0520833vw, 1px));
	padding: calc(29 * var(--px)) calc(47 * var(--px)) calc(27 * var(--px)) calc(132 * var(--px));
}

.faq__a-mark {
	display: none;
}

.faq__a-text {
	color: #000000;
	font-size: calc(26 * min(0.0520833vw, 1px));
	font-size: calc(26 * var(--px));
	line-height: 1.577;
	text-align: justify;
}

.faq__a-text a {
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.float-btn {
	bottom: 2.5rem;
	position: fixed;
	right: 2.5rem;
	transition: opacity 0.3s ease;
	width: 12.5rem;
	z-index: 10;
}

.float-btn img {
	width: 100%;
}

.float-btn a:hover {
	opacity: 0.7;
}

.float-btn.is-hidden {
	opacity: 0;
	pointer-events: none;
}

.footer {
	background: #ffffff;
	color: #000000;
	font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;
	padding-bottom: calc(27 * min(0.0520833vw, 1px));
	padding-bottom: calc(27 * var(--px));
}

.footer__inner {
	width: 100%;
}

.footer__main {
	background: #e6e6e6;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-bottom: calc(37 * min(0.0520833vw, 1px));
	padding-bottom: calc(37 * var(--px));
	padding-top: calc(37 * min(0.0520833vw, 1px));
	padding-top: calc(37 * var(--px));
	width: 100vw;
}

.footer__sns {
	align-items: flex-start;
	display: flex;
	gap: calc(95 * min(0.0520833vw, 1px));
	gap: calc(95 * var(--px));
	justify-content: center;
	padding-left: calc(4 * min(0.0520833vw, 1px));
	padding-left: calc(4 * var(--px));
}

.footer__sns-item--1 {
	width: calc(105 * min(0.0520833vw, 1px));
	width: calc(105 * var(--px));
}

.footer__sns-item--2 {
	margin-top: calc(3 * min(0.0520833vw, 1px));
	margin-top: calc(3 * var(--px));
	width: calc(100 * min(0.0520833vw, 1px));
	width: calc(100 * var(--px));
}

.footer__account {
	background: #ffffff;
	border-radius: calc(53 * min(0.0520833vw, 1px));
	border-radius: calc(53 * var(--px));
	font-size: calc(23 * min(0.0520833vw, 1px));
	font-size: calc(23 * var(--px));
	font-weight: 700;
	line-height: 1.696;
	margin: calc(31 * min(0.0520833vw, 1px)) auto 0;
	margin: calc(31 * var(--px)) auto 0;
	padding-bottom: calc(14 * min(0.0520833vw, 1px));
	padding-bottom: calc(14 * var(--px));
	padding-top: calc(14 * min(0.0520833vw, 1px));
	padding-top: calc(14 * var(--px));
	text-align: center;
	width: calc(540 * min(0.0520833vw, 1px));
	width: calc(540 * var(--px));
}

.footer__copy {
	font-size: calc(12 * min(0.0520833vw, 1px));
	font-size: calc(12 * var(--px));
	line-height: 3.75;
	margin-top: calc(29 * min(0.0520833vw, 1px));
	margin-top: calc(29 * var(--px));
	text-align: center;
}

.inner {
	width: 100%;
}

.lp {
	background: #ffffff;
	color: #000000;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 1920px;
}

.lp__sec {
	line-height: 0;
	margin: 0;
	position: relative;
}

.lp__img {
	display: block;
	height: auto;
	width: 100%;
}

.lp__hero {
	left: 50%;
	margin-left: -50vw;
	width: 100vw;
}

.lp__hero .lp__img {
	width: 100%;
}

.lp__hero-book {
	animation: lp-fluffy 3s infinite;
	height: auto;
	left: 16.5625%;
	position: absolute;
	top: 15.1181%;
	width: 12.8125%;
	z-index: 2;
}

.profile {
	background: #ffffff;
	color: #000000;
	font-family: "Kosugi Maru", "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;
	height: calc(883 * min(0.0520833vw, 1px));
	height: calc(883 * var(--px));
	isolation: isolate;
	position: relative;
}

.profile__card {
	background: #f19601;
	border-radius: calc(50 * min(0.0520833vw, 1px));
	border-radius: calc(50 * var(--px));
	height: calc(703 * min(0.0520833vw, 1px));
	height: calc(703 * var(--px));
	left: calc(405 * min(0.0520833vw, 1px));
	left: calc(405 * var(--px));
	position: absolute;
	top: calc(91 * min(0.0520833vw, 1px));
	top: calc(91 * var(--px));
	width: calc(1104 * min(0.0520833vw, 1px));
	width: calc(1104 * var(--px));
}

.profile__card > * {
	position: absolute;
}

.profile__lead {
	font-size: calc(28 * min(0.0520833vw, 1px));
	font-size: calc(28 * var(--px));
	left: calc(311 * min(0.0520833vw, 1px));
	left: calc(311 * var(--px));
	line-height: 1.714;
	text-align: center;
	top: calc(73 * min(0.0520833vw, 1px));
	top: calc(73 * var(--px));
	width: calc(486 * min(0.0520833vw, 1px));
	width: calc(486 * var(--px));
}

.profile__title {
	left: calc(405 * min(0.0520833vw, 1px));
	left: calc(405 * var(--px));
	top: calc(125 * min(0.0520833vw, 1px));
	top: calc(125 * var(--px));
	width: calc(304 * min(0.0520833vw, 1px));
	width: calc(304 * var(--px));
}

.profile__cat {
	left: calc(54 * min(0.0520833vw, 1px));
	left: calc(54 * var(--px));
	top: calc(197 * min(0.0520833vw, 1px));
	top: calc(197 * var(--px));
	width: calc(259 * min(0.0520833vw, 1px));
	width: calc(259 * var(--px));
}

.profile__naru {
	left: calc(827 * min(0.0520833vw, 1px));
	left: calc(827 * var(--px));
	top: calc(384 * min(0.0520833vw, 1px));
	top: calc(384 * var(--px));
	width: calc(214 * min(0.0520833vw, 1px));
	width: calc(214 * var(--px));
}

.profile__spec {
	left: calc(343 * min(0.0520833vw, 1px));
	left: calc(343 * var(--px));
	top: calc(297 * min(0.0520833vw, 1px));
	top: calc(297 * var(--px));
	width: calc(480 * min(0.0520833vw, 1px));
	width: calc(480 * var(--px));
}

@media (prefers-reduced-motion: reduce) {

.comments__item,
.comments__item.is-shown {
	animation: none;
	opacity: 1;
}

.lp__hero-book {
	animation: none;
}

.books__entry,
.cta__entry {
	animation: none;
}

}

@media screen and (max-width: 767px) {

.books {
	height: auto;
	padding-bottom: 2rem;
	padding-top: calc(1104 * min(0.0520833vw, 1px));
	padding-top: calc(1104 * var(--px));
}

.books__list,
.books__entry {
	left: auto;
	position: relative;
	top: auto;
	width: auto;
	z-index: 1;
}

.books__intro {
	left: 18%;
	width: 64%;
}

.books__list {
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.books__entry {
	display: block;
	left: auto;
	margin: 1.5rem auto 0;
	position: static;
	top: auto;
	width: 88%;
}

.books__item,
.books__item:nth-child(n) {
	height: auto;
	left: auto;
	margin-top: 1.5rem;
	padding: 1.375rem 1.25rem 1.25rem;
	position: relative;
	top: auto;
	width: auto;
}

.books__card {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.books__no,
.books__title,
.books__line,
.books__cover,
.books__body,
.books__credit,
.books__desc {
	left: auto;
	position: relative;
	top: auto;
	transform: none;
	width: auto;
}

.books__no {
	left: -0.375rem;
	position: absolute;
	top: -0.625rem;
	width: 2.125rem;
}

.books__title {
	font-size: 1.15625rem;
	line-height: 1.4;
	margin: 0 0 0.625rem;
}

.books__title--small {
	font-size: 1.09375rem;
}

.books__title-sub {
	font-size: 0.875rem;
}

.books__line {
	display: block;
	margin-left: -1.125rem;
	margin-right: -1.125rem;
	max-width: none;
	width: calc(100% + 2.25rem);
}

.books__cover {
	display: block;
	height: auto;
	margin: 1rem auto 0;
	width: 45%;
}

.books__credit {
	font-size: 0.75rem;
	line-height: 1.6;
	margin-top: 0.875rem;
	text-align: right;
}

.books__desc {
	font-size: 0.8125rem;
	line-height: 1.7;
	margin-top: 0.625rem;
}

.books__body {
	margin-top: 0.875rem;
}

.books__credit {
	margin-top: 0;
}

.comments {
	padding-bottom: 1.75rem;
}

.comments::before {
	background-size: 100% auto, 100% auto, 100% 100%, auto;
}

.comments__cat {
	margin-top: -1.625rem;
	width: 5.25rem;
}

.comments__title {
	font-size: 1.5rem;
	margin-top: 0.625rem;
}

.comments__list {
	margin: 1.25rem auto 0;
	max-width: 37.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.comments__item,
.comments__item--1,
.comments__item--2,
.comments__item--3 {
	height: auto;
	margin: 1.75rem 0 0;
	padding: 0;
	width: auto;
}

.comments__item,
.comments__item--1,
.comments__item--2,
.comments__item--3 {
	background-repeat: no-repeat;
	background-size: 22% auto;
}

.comments__item--1 {
	background-image: url("../images/comments/cat-1.png");
	background-position: left center;
}

.comments__item--2 {
	background-image: url("../images/comments/cat-2.png");
	background-position: right center;
}

.comments__item--3 {
	background-image: url("../images/comments/cat-3.png");
	background-position: left center;
}

.comments__text {
	background: #ffffff;
	border: 0.1875rem solid #211815;
	border-bottom-width: 0.4375rem;
	border-radius: 999px;
	position: relative;
}

.comments__item--1 .comments__text,
.comments__item--3 .comments__text {
	margin-left: 21%;
	padding: 6% 9% 6% 11%;
}

.comments__item--2 .comments__text {
	margin-right: 21%;
	padding: 6% 11% 6% 9%;
}

.comments__text::after {
	background: url("../images/comments/tail-sp.svg") no-repeat center/100% 100%;
	bottom: 0;
	content: "";
	height: 2rem;
	position: absolute;
	width: 3.125rem;
}

.comments__item--1 .comments__text::after,
.comments__item--3 .comments__text::after {
	right: 32%;
	transform: translateY(calc(100% - 0.5rem));
}

.comments__item--2 .comments__text::after {
	left: 32%;
	transform: translateY(calc(100% - 0.5rem)) scaleX(-1);
}

.comments__item--1 .comments__text,
.comments__item--2 .comments__text,
.comments__item--3 .comments__text {
	font-size: 0.6875rem;
	line-height: 1.7;
}

.cta {
	height: auto;
	padding-bottom: 1.5rem;
}

.cta__deadline,
.cta__lead,
.cta__notes,
.cta__entry,
.cta__list {
	height: auto;
	left: auto;
	position: static;
	top: auto;
	width: auto;
	z-index: auto;
}

.cta__bg {
	display: none;
}

.cta__deadline {
	margin: 1.5rem auto 0;
	width: 8.125rem;
}

.cta__lead {
	color: #e60012;
	font-size: 1.0625rem;
	line-height: 1.6;
	margin-top: 1rem;
	text-align: center;
}

.cta__notes {
	font-size: 0.6875rem;
	line-height: 1.9;
	margin-top: 0.75rem;
	text-align: left;
}

.cta__note {
	padding-left: 1em;
	text-indent: -1em;
}

.cta__note--cont {
	text-indent: 0;
}

.cta__entry {
	aspect-ratio: 865/123;
	display: block;
	margin: 1rem auto 0;
	width: 88%;
}

.cta__list {
	font-size: 0.6875rem;
	line-height: 1.7;
	margin: 1rem auto 0;
}

.faq {
	display: flow-root;
	padding-bottom: 3rem;
}

.faq__cat {
	display: block;
	margin: -1.5rem auto 0;
	position: static;
	width: 5.625rem;
}

.faq__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
}

.faq__title {
	font-size: 1.75rem;
	padding-top: 0.5rem;
}

.faq__list {
	margin-top: 1.25rem;
}

.faq__item::after {
	height: 0.3125rem;
	width: 100%;
}

.faq__btn {
	height: auto;
	padding: 0.875rem 1.75rem 0.875rem 2.25rem;
}

.faq__mark {
	height: 1.125rem;
	left: 0;
	top: 1rem;
	width: 1.625rem;
}

.faq__qtext {
	font-size: 0.9375rem;
	line-height: 1.6;
	position: static;
	width: auto;
}

.faq__arrow {
	height: 0.6875rem;
	left: auto;
	right: 0;
	top: 1.25rem;
	width: 1.25rem;
}

.faq__a {
	border-radius: 0.625rem;
	margin: 0.125rem 0 0.625rem;
}

.faq__a-inner {
	padding: 1rem;
}

.faq__a-text {
	font-size: 0.875rem;
	line-height: 1.8;
}

.float-btn {
	bottom: 1.25rem;
	max-width: 7.5rem;
	right: 5%;
	width: 30%;
}

.footer__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.footer {
	padding-bottom: 0.75rem;
}

.footer__sns {
	gap: calc(142 * min(0.0520833vw, 1px));
	gap: calc(142 * var(--px));
}

.footer__sns-item--1 {
	width: calc(157 * min(0.0520833vw, 1px));
	width: calc(157 * var(--px));
}

.footer__sns-item--2 {
	margin-top: calc(4 * min(0.0520833vw, 1px));
	margin-top: calc(4 * var(--px));
	width: calc(150 * min(0.0520833vw, 1px));
	width: calc(150 * var(--px));
}

.footer__main {
	padding-bottom: 1rem;
	padding-top: calc(83 * min(0.0520833vw, 1px));
	padding-top: calc(83 * var(--px));
}

.footer__account {
	border-radius: 62.4375rem;
	font-size: 0.8125rem;
	line-height: 1.7;
	margin-top: 0.875rem;
	max-width: 18.75rem;
	padding: 0.625rem 1rem;
	width: auto;
}

.footer__copy {
	font-size: 0.625rem;
	line-height: 1.7;
	margin-top: 0.8125rem;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 37.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.profile {
	height: auto;
	padding-top: 1.5rem;
}

.profile__card,
.profile__card > * {
	height: auto;
	left: auto;
	position: static;
	top: auto;
	width: auto;
	z-index: auto;
}

.profile__card {
	border-radius: 1.25rem;
	padding: 1.25rem 1rem;
	text-align: center;
}

.profile__lead {
	font-size: 0.8125rem;
}

.profile__title {
	margin: 0.375rem auto 0.75rem;
	width: 10.625rem;
}

.profile__cat,
.profile__naru {
	display: inline-block;
	vertical-align: bottom;
}

.profile__cat {
	width: 8.125rem;
}

.profile__naru {
	width: 6.75rem;
}

.profile__spec {
	margin-top: 0.75rem;
	width: 100%;
}

}

@media screen and (max-width: 549.98px) {

.cta__lead-tail {
	display: block;
}

}

@media screen and (max-width: 374.98px) {

.cta__lead-mid {
	display: block;
}

}

@keyframes comments-in-right {

0% {
	opacity: 0;
	transform: translateX(calc(120 * min(0.0520833vw, 1px)));
	transform: translateX(calc(120 * var(--px)));
}

55% {
	opacity: 1;
	transform: translateX(0) scale(1);
}

70% {
	transform: scale(1.03, 0.94);
}

84% {
	transform: scale(0.98, 1.03);
}

100% {
	opacity: 1;
	transform: scale(1);
}

}

@keyframes comments-in-left {

0% {
	opacity: 0;
	transform: translateX(calc(-120 * min(0.0520833vw, 1px)));
	transform: translateX(calc(-120 * var(--px)));
}

55% {
	opacity: 1;
	transform: translateX(0) scale(1);
}

70% {
	transform: scale(1.03, 0.94);
}

84% {
	transform: scale(0.98, 1.03);
}

100% {
	opacity: 1;
	transform: scale(1);
}

}

@keyframes lp-fluffy {

0%,100% {
	transform: translateY(0);
}

50% {
	transform: translateY(max(-1.0417vw, -20px));
}

}

@keyframes lp-poyopoyo {

0%,40%,60%,80% {
	transform: scale(1);
}

50%,70% {
	transform: scale(0.95);
}

}